"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[8048],{"./lib/view/fields/autocomplete/index.stories.tsx":(y,p,e)=>{e.r(p),e.d(p,{Basic:()=>v,__namedExportsOrder:()=>h,default:()=>n});var b=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(b),d=e("./node_modules/.pnpm/@elliemae+ds-grid@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),c=e("./node_modules/.pnpm/@elliemae+ds-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/DSButtonV2.js"),_=e("./lib/view/form/index.tsx"),s=e("./lib/view/fields/form-layout-block-item/index.tsx"),u=e("./lib/view/fields/autocomplete/index.tsx"),i=e("./lib/view/fields/input-text/index.tsx"),l=e("./lib/view/fields/watch-value.tsx"),m=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),r,a=`
    
    // @ts-nocheck
    // @ts-ignore
    var __STORY__ = "import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { Autocomplete, AutocompleteProps } from './index.js';\\nimport { InputText } from '../input-text/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/Autocomplete',\\n  component: Autocomplete,\\n} as Meta;\\n\\nconst Template: Story<AutocompleteProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem\\n        inputID=\\"star_wars_character\\"\\n        label=\\"Favourite Star Wars character\\"\\n      >\\n        <Autocomplete name={args.name} options={args.options}>\\n          <InputText name={args.name} defaultValue={args.defaultValue} />\\n        </Autocomplete>\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Favourite Star Wars character\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'star_wars_character',\\n  defaultValue: 'Obi',\\n  options: [\\n    {\\n      dsId: '1',\\n      type: 'option',\\n      value: 'Luke Skywalker too long this text is super long',\\n      label: 'Luke Skywalker too long this text is super long',\\n    },\\n    {\\n      dsId: '2',\\n      type: 'option',\\n      value: 'Obi-Wan Kenobi',\\n      label: 'Obi-Wan Kenobi',\\n    },\\n    {\\n      dsId: '3',\\n      type: 'option',\\n      value: 'Padme Amidala',\\n      label: 'Padme Amidala',\\n    },\\n  ],\\n};\\n";
    // @ts-ignore
    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":43,"line":15},"endLoc":{"col":1,"line":30},"startBody":{"col":43,"line":15},"endBody":{"col":1,"line":30}}};
    
import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { Form } from '../../form/index.js';
import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
import { Autocomplete, AutocompleteProps } from './index.js';
import { InputText } from '../input-text/index.js';
import { WatchValue } from '../watch-value.js';

export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { Autocomplete, AutocompleteProps } from './index.js';\\nimport { InputText } from '../input-text/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/Autocomplete',\\n  component: Autocomplete,\\n} as Meta;\\n\\nconst Template: Story<AutocompleteProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem\\n        inputID=\\"star_wars_character\\"\\n        label=\\"Favourite Star Wars character\\"\\n      >\\n        <Autocomplete name={args.name} options={args.options}>\\n          <InputText name={args.name} defaultValue={args.defaultValue} />\\n        </Autocomplete>\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Favourite Star Wars character\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'star_wars_character',\\n  defaultValue: 'Obi',\\n  options: [\\n    {\\n      dsId: '1',\\n      type: 'option',\\n      value: 'Luke Skywalker too long this text is super long',\\n      label: 'Luke Skywalker too long this text is super long',\\n    },\\n    {\\n      dsId: '2',\\n      type: 'option',\\n      value: 'Obi-Wan Kenobi',\\n      label: 'Obi-Wan Kenobi',\\n    },\\n    {\\n      dsId: '3',\\n      type: 'option',\\n      value: 'Padme Amidala',\\n      label: 'Padme Amidala',\\n    },\\n  ],\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":43,"line":15},"endLoc":{"col":1,"line":30},"startBody":{"col":43,"line":15},"endBody":{"col":1,"line":30}}}},},
  title: 'Components/Form/Controls/Autocomplete',
  component: Autocomplete,
} as Meta;

const Template: Story<AutocompleteProps> = (args) => (
  <Grid p="m">
    <Form>
      <FormLayoutBlockItem
        inputID="star_wars_character"
        label="Favourite Star Wars character"
      >
        <Autocomplete name={args.name} options={args.options}>
          <InputText name={args.name} defaultValue={args.defaultValue} />
        </Autocomplete>
      </FormLayoutBlockItem>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue label="Favourite Star Wars character" {...args} />
    </Form>
  </Grid>
);

export const Basic = Template.bind({});

Basic.args = {
  name: 'star_wars_character',
  defaultValue: 'Obi',
  options: [
    {
      dsId: '1',
      type: 'option',
      value: 'Luke Skywalker too long this text is super long',
      label: 'Luke Skywalker too long this text is super long',
    },
    {
      dsId: '2',
      type: 'option',
      value: 'Obi-Wan Kenobi',
      label: 'Obi-Wan Kenobi',
    },
    {
      dsId: '3',
      type: 'option',
      value: 'Padme Amidala',
      label: 'Padme Amidala',
    },
  ],
};
`,t={Basic:{startLoc:{col:43,line:23},endLoc:{col:1,line:38},startBody:{col:43,line:23},endBody:{col:1,line:38}}},a=`import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { Form } from '../../form/index.js';
import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
import { Autocomplete, AutocompleteProps } from './index.js';
import { InputText } from '../input-text/index.js';
import { WatchValue } from '../watch-value.js';

export default {
  title: 'Components/Form/Controls/Autocomplete',
  component: Autocomplete,
} as Meta;

const Template: Story<AutocompleteProps> = (args) => (
  <Grid p="m">
    <Form>
      <FormLayoutBlockItem
        inputID="star_wars_character"
        label="Favourite Star Wars character"
      >
        <Autocomplete name={args.name} options={args.options}>
          <InputText name={args.name} defaultValue={args.defaultValue} />
        </Autocomplete>
      </FormLayoutBlockItem>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue label="Favourite Star Wars character" {...args} />
    </Form>
  </Grid>
);

export const Basic = Template.bind({});

Basic.args = {
  name: 'star_wars_character',
  defaultValue: 'Obi',
  options: [
    {
      dsId: '1',
      type: 'option',
      value: 'Luke Skywalker too long this text is super long',
      label: 'Luke Skywalker too long this text is super long',
    },
    {
      dsId: '2',
      type: 'option',
      value: 'Obi-Wan Kenobi',
      label: 'Obi-Wan Kenobi',
    },
    {
      dsId: '3',
      type: 'option',
      value: 'Padme Amidala',
      label: 'Padme Amidala',
    },
  ],
};
`,t={Basic:{startLoc:{col:43,line:15},endLoc:{col:1,line:30},startBody:{col:43,line:15},endBody:{col:1,line:30}}};const n={parameters:{storySource:{source:`
    
    // @ts-nocheck
    // @ts-ignore
    var __STORY__ = "import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { Autocomplete, AutocompleteProps } from './index.js';\\nimport { InputText } from '../input-text/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/Autocomplete',\\n  component: Autocomplete,\\n} as Meta;\\n\\nconst Template: Story<AutocompleteProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem\\n        inputID=\\"star_wars_character\\"\\n        label=\\"Favourite Star Wars character\\"\\n      >\\n        <Autocomplete name={args.name} options={args.options}>\\n          <InputText name={args.name} defaultValue={args.defaultValue} />\\n        </Autocomplete>\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Favourite Star Wars character\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'star_wars_character',\\n  defaultValue: 'Obi',\\n  options: [\\n    {\\n      dsId: '1',\\n      type: 'option',\\n      value: 'Luke Skywalker too long this text is super long',\\n      label: 'Luke Skywalker too long this text is super long',\\n    },\\n    {\\n      dsId: '2',\\n      type: 'option',\\n      value: 'Obi-Wan Kenobi',\\n      label: 'Obi-Wan Kenobi',\\n    },\\n    {\\n      dsId: '3',\\n      type: 'option',\\n      value: 'Padme Amidala',\\n      label: 'Padme Amidala',\\n    },\\n  ],\\n};\\n";
    // @ts-ignore
    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":43,"line":15},"endLoc":{"col":1,"line":30},"startBody":{"col":43,"line":15},"endBody":{"col":1,"line":30}}};
    
import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { Form } from '../../form/index.js';
import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
import { Autocomplete, AutocompleteProps } from './index.js';
import { InputText } from '../input-text/index.js';
import { WatchValue } from '../watch-value.js';

export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { Form } from '../../form/index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { Autocomplete, AutocompleteProps } from './index.js';\\nimport { InputText } from '../input-text/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/Autocomplete',\\n  component: Autocomplete,\\n} as Meta;\\n\\nconst Template: Story<AutocompleteProps> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem\\n        inputID=\\"star_wars_character\\"\\n        label=\\"Favourite Star Wars character\\"\\n      >\\n        <Autocomplete name={args.name} options={args.options}>\\n          <InputText name={args.name} defaultValue={args.defaultValue} />\\n        </Autocomplete>\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"Favourite Star Wars character\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'star_wars_character',\\n  defaultValue: 'Obi',\\n  options: [\\n    {\\n      dsId: '1',\\n      type: 'option',\\n      value: 'Luke Skywalker too long this text is super long',\\n      label: 'Luke Skywalker too long this text is super long',\\n    },\\n    {\\n      dsId: '2',\\n      type: 'option',\\n      value: 'Obi-Wan Kenobi',\\n      label: 'Obi-Wan Kenobi',\\n    },\\n    {\\n      dsId: '3',\\n      type: 'option',\\n      value: 'Padme Amidala',\\n      label: 'Padme Amidala',\\n    },\\n  ],\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":43,"line":15},"endLoc":{"col":1,"line":30},"startBody":{"col":43,"line":15},"endBody":{"col":1,"line":30}}}},},
  title: 'Components/Form/Controls/Autocomplete',
  component: Autocomplete,
} as Meta;

const Template: Story<AutocompleteProps> = (args) => (
  <Grid p="m">
    <Form>
      <FormLayoutBlockItem
        inputID="star_wars_character"
        label="Favourite Star Wars character"
      >
        <Autocomplete name={args.name} options={args.options}>
          <InputText name={args.name} defaultValue={args.defaultValue} />
        </Autocomplete>
      </FormLayoutBlockItem>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue label="Favourite Star Wars character" {...args} />
    </Form>
  </Grid>
);

export const Basic = Template.bind({});

Basic.args = {
  name: 'star_wars_character',
  defaultValue: 'Obi',
  options: [
    {
      dsId: '1',
      type: 'option',
      value: 'Luke Skywalker too long this text is super long',
      label: 'Luke Skywalker too long this text is super long',
    },
    {
      dsId: '2',
      type: 'option',
      value: 'Obi-Wan Kenobi',
      label: 'Obi-Wan Kenobi',
    },
    {
      dsId: '3',
      type: 'option',
      value: 'Padme Amidala',
      label: 'Padme Amidala',
    },
  ],
};
`,locationsMap:{basic:{startLoc:{col:43,line:23},endLoc:{col:1,line:38},startBody:{col:43,line:23},endBody:{col:1,line:38}}}},storySource:{source:`import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { Form } from '../../form/index.js';
import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
import { Autocomplete, AutocompleteProps } from './index.js';
import { InputText } from '../input-text/index.js';
import { WatchValue } from '../watch-value.js';

export default {
  title: 'Components/Form/Controls/Autocomplete',
  component: Autocomplete,
} as Meta;

const Template: Story<AutocompleteProps> = (args) => (
  <Grid p="m">
    <Form>
      <FormLayoutBlockItem
        inputID="star_wars_character"
        label="Favourite Star Wars character"
      >
        <Autocomplete name={args.name} options={args.options}>
          <InputText name={args.name} defaultValue={args.defaultValue} />
        </Autocomplete>
      </FormLayoutBlockItem>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue label="Favourite Star Wars character" {...args} />
    </Form>
  </Grid>
);

export const Basic = Template.bind({});

Basic.args = {
  name: 'star_wars_character',
  defaultValue: 'Obi',
  options: [
    {
      dsId: '1',
      type: 'option',
      value: 'Luke Skywalker too long this text is super long',
      label: 'Luke Skywalker too long this text is super long',
    },
    {
      dsId: '2',
      type: 'option',
      value: 'Obi-Wan Kenobi',
      label: 'Obi-Wan Kenobi',
    },
    {
      dsId: '3',
      type: 'option',
      value: 'Padme Amidala',
      label: 'Padme Amidala',
    },
  ],
};
`,locationsMap:{basic:{startLoc:{col:43,line:15},endLoc:{col:1,line:30},startBody:{col:43,line:15},endBody:{col:1,line:30}}}}},title:"Components/Form/Controls/Autocomplete",component:u.j};var f=function(x){return o()(d.Ay,{p:"m"},void 0,o()(_.l,{},void 0,o()(s.B,{inputID:"star_wars_character",label:"Favourite Star Wars character"},void 0,o()(u.j,{name:x.name,options:x.options},void 0,o()(i.S,{name:x.name,defaultValue:x.defaultValue}))),r||(r=o()(c.e,{},void 0,"Submit")),(0,m.jsx)(l.n,Object.assign({label:"Favourite Star Wars character"},x))))};f.displayName="Template";var v=f.bind({});v.args={name:"star_wars_character",defaultValue:"Obi",options:[{dsId:"1",type:"option",value:"Luke Skywalker too long this text is super long",label:"Luke Skywalker too long this text is super long"},{dsId:"2",type:"option",value:"Obi-Wan Kenobi",label:"Obi-Wan Kenobi"},{dsId:"3",type:"option",value:"Padme Amidala",label:"Padme Amidala"}]};var h=["Basic"]},"./lib/view/fields/autocomplete/index.tsx":(y,p,e)=>{e.d(p,{j:()=>m});var b=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(b),d=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),c=e.n(d),_=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),s=e("./node_modules/.pnpm/@elliemae+ds-form-layout-autocomplete@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-autocomplete/dist/esm/Autocomplete.js"),u=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),i=["children"],l=function(r,a){if(!a)return r;var t=r.filter(function(n){return n.type==="section"||n.label.toLowerCase().includes(a?.toLowerCase())});return t.length===1&&t[0].type==="section"?[]:t},m=function(r){var a=r.children,t=c()(r,i),n=(0,u.xW)(),f=n.watch,v=n.setValue,h=f(t.name),x=(0,_.useCallback)(function(B){for(var A=arguments.length,I=new Array(A>1?A-1:0),g=1;g<A;g++)I[g-1]=arguments[g];t.onSelect?t.onSelect.apply(t,[B].concat(I)):v(t.name,B,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0})},[t,v]);return o()(s.A,{id:"",filter:h??"",onSelect:x,options:l(t.options,h)},void 0,a)};m.displayName="Autocomplete"},"./lib/view/fields/form-layout-block-item/index.tsx":(y,p,e)=>{e.d(p,{B:()=>u});var b=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(b),d=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),c=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),_=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),s=["inputID","label"],u=function(i){var l=i.inputID,m=i.label,r=o()(i,s),a=(0,c.lN)({name:l}),t=a.errors,n=(0,c.Jt)(t,l),f=!!n,v=n?.message;return(0,_.jsx)(d.U,Object.assign({inputID:l,label:m,hasError:f,validationMessage:v},r))};u.displayName="FormLayoutBlockItem"},"./lib/view/fields/input-text/index.tsx":(y,p,e)=>{e.d(p,{S:()=>l});var b=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(b),d=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),c=e.n(d),_=e("./node_modules/.pnpm/@elliemae+ds-form-input-text@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-input-text/dist/esm/DSInputText.js"),s=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),u=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),i=["name","defaultValue","rules"],l=function(m){var r=m.name,a=m.defaultValue,t=a===void 0?"":a,n=m.rules,f=n===void 0?{}:n,v=c()(m,i);return o()(s.xI,{name:r,defaultValue:t,rules:f,render:function(h){var x=h.field,B=h.fieldState.error;return(0,u.jsx)(_.B,Object.assign({hasError:!!B},x,v))}})};l.displayName="InputText"},"./lib/view/fields/watch-value.tsx":(y,p,e)=>{e.d(p,{n:()=>l});var b=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(b),d=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),c=e("./node_modules/.pnpm/@elliemae+ds-grid@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),_=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),s,u=d.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),i=d.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),l=function(m){var r=m.name,a=m.label,t=(0,_.xW)(),n=t.watch,f=n(r,!1)||"";return o()(c.Ay,{},void 0,o()(u,{},void 0,s||(s=o()("h4",{},void 0,"Form Data:")),o()(i,{},void 0,o()("div",{},void 0,a," : ",o()("strong",{},void 0,JSON.stringify(f))))))};l.displayName="WatchValue"},"./lib/view/form/index.tsx":(y,p,e)=>{e.d(p,{l:()=>_});var b=e("./node_modules/.pnpm/styled-components@5.3.11_react-dom@18.3.1_react@18.3.1/node_modules/styled-components/dist/styled-components.browser.esm.js"),o=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),d=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),c=b.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),_=function(s){var u=s.classname,i=s.reactHookFormProps,l=i===void 0?{mode:"onBlur"}:i,m=s.children,r=s.onSubmit,a=(0,o.mN)(l),t={};r&&(t.onSubmit=a.handleSubmit(r));var n=Object.assign(a,{formProps:l});return(0,d.jsx)(o.Op,Object.assign({},n,{children:(0,d.jsx)(c,Object.assign({className:u},t,{children:m}))}))};_.displayName="Form"}}]);
