"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[2977],{"./lib/view/fields/connect-form.tsx":(R,l,e)=>{e.d(l,{$:()=>n});var c=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n=function(t){var o=t.children,i=(0,c.xW)();return o(Object.assign({},i))}},"./lib/view/fields/radio-group/index.stories.tsx":(R,l,e)=>{e.r(l),e.d(l,{Basic:()=>S,__namedExportsOrder:()=>O,default:()=>T});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(t),i=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"),s=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"),g=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("./lib/view/fields/radio/index.tsx"),p=e("./node_modules/.pnpm/@elliemae+ds-legacy-form@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-form/dist/esm/RadioGroup/DSRadioGroup.js"),r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),a=["name","rules","defaultValue"],b=["value"],m=function(d){var G=d.name,f=d.rules,y=f===void 0?{}:f,E=d.defaultValue,F=o()(d,a);return n()(g.xI,{name:G,rules:y,defaultValue:E,render:function(D){var V=D.field,W=V.value,L=o()(V,b);return(0,r.jsx)(p.Q_,Object.assign({},F,L,{activeValue:W}))}})};m.displayName="RadioGroup";var v=e("./lib/view/form/index.tsx"),_=e("./lib/view/fields/connect-form.tsx"),C=e("./lib/view/fields/watch-value.tsx"),P,j=["feedbackMessage","name"],k=["name"],x=`
    
    // @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 { get, FieldError } from 'react-hook-form';\\nimport { Radio } from '../radio';\\nimport { RadioGroup, RadioGroupProps } from './index.js';\\nimport { Form } from '../../form/index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\ntype GenderProps = {\\n  name: string;\\n  feedbackMessage?: string;\\n  // removing any type not possible for legacy component\\n  \\n  [x: string]: any;\\n};\\n\\nconst Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (\\n  <RadioGroup\\n    name={name}\\n    labelProps={{\\n      labelText: 'Gender',\\n      required: true,\\n      feedbackMessage,\\n    }}\\n    orientation=\\"horizontal\\"\\n    {...rest}\\n  >\\n    <Radio name={name} value=\\"male\\" labelText=\\"Male\\" />\\n    <Radio name={name} value=\\"female\\" labelText=\\"Female\\" />\\n  </RadioGroup>\\n);\\n\\nconst Template: Story<RadioGroupProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <div>\\n        <ConnectForm>\\n          {({ formState: { errors } }) => {\\n            const errField = get(errors, name) as FieldError;\\n            const feedbackMessage = errField?.message;\\n            return (\\n              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />\\n            );\\n          }}\\n        </ConnectForm>\\n      </div>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue name={name} label=\\"Gender\\" {...rest} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/RadioGroup',\\n  component: RadioGroup,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultValue: '',\\n};\\n";
    // @ts-ignore
    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":41,"line":35},"endLoc":{"col":1,"line":53},"startBody":{"col":41,"line":35},"endBody":{"col":1,"line":53}}};
    
import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { get, FieldError } from 'react-hook-form';
import { Radio } from '../radio';
import { RadioGroup, RadioGroupProps } from './index.js';
import { Form } from '../../form/index.js';
import { ConnectForm } from '../connect-form.js';
import { WatchValue } from '../watch-value.js';

type GenderProps = {
  name: string;
  feedbackMessage?: string;
  // removing any type not possible for legacy component
  
  [x: string]: any;
};

const Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (
  <RadioGroup
    name={name}
    labelProps={{
      labelText: 'Gender',
      required: true,
      feedbackMessage,
    }}
    orientation="horizontal"
    {...rest}
  >
    <Radio name={name} value="male" labelText="Male" />
    <Radio name={name} value="female" labelText="Female" />
  </RadioGroup>
);

const Template: Story<RadioGroupProps> = ({ name, ...rest }) => (
  <Grid p="m">
    <Form>
      <div>
        <ConnectForm>
          {({ formState: { errors } }) => {
            const errField = get(errors, name) as FieldError;
            const feedbackMessage = errField?.message;
            return (
              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />
            );
          }}
        </ConnectForm>
      </div>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue name={name} label="Gender" {...rest} />
    </Form>
  </Grid>
);

export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { get, FieldError } from 'react-hook-form';\\nimport { Radio } from '../radio';\\nimport { RadioGroup, RadioGroupProps } from './index.js';\\nimport { Form } from '../../form/index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\ntype GenderProps = {\\n  name: string;\\n  feedbackMessage?: string;\\n  // removing any type not possible for legacy component\\n  \\n  [x: string]: any;\\n};\\n\\nconst Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (\\n  <RadioGroup\\n    name={name}\\n    labelProps={{\\n      labelText: 'Gender',\\n      required: true,\\n      feedbackMessage,\\n    }}\\n    orientation=\\"horizontal\\"\\n    {...rest}\\n  >\\n    <Radio name={name} value=\\"male\\" labelText=\\"Male\\" />\\n    <Radio name={name} value=\\"female\\" labelText=\\"Female\\" />\\n  </RadioGroup>\\n);\\n\\nconst Template: Story<RadioGroupProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <div>\\n        <ConnectForm>\\n          {({ formState: { errors } }) => {\\n            const errField = get(errors, name) as FieldError;\\n            const feedbackMessage = errField?.message;\\n            return (\\n              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />\\n            );\\n          }}\\n        </ConnectForm>\\n      </div>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue name={name} label=\\"Gender\\" {...rest} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/RadioGroup',\\n  component: RadioGroup,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultValue: '',\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":41,"line":35},"endLoc":{"col":1,"line":53},"startBody":{"col":41,"line":35},"endBody":{"col":1,"line":53}}}},},
  title: 'Components/Form/Controls/RadioGroup',
  component: RadioGroup,
} as Meta;

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

Basic.args = {
  name: 'gender',
  rules: { required: { value: true, message: 'Please select a gender' } },
  defaultValue: '',
};
`,M={Basic:{startLoc:{col:41,line:43},endLoc:{col:1,line:61},startBody:{col:41,line:43},endBody:{col:1,line:61}}},x=`import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { get, FieldError } from 'react-hook-form';
import { Radio } from '../radio';
import { RadioGroup, RadioGroupProps } from './index.js';
import { Form } from '../../form/index.js';
import { ConnectForm } from '../connect-form.js';
import { WatchValue } from '../watch-value.js';

type GenderProps = {
  name: string;
  feedbackMessage?: string;
  // removing any type not possible for legacy component
  
  [x: string]: any;
};

const Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (
  <RadioGroup
    name={name}
    labelProps={{
      labelText: 'Gender',
      required: true,
      feedbackMessage,
    }}
    orientation="horizontal"
    {...rest}
  >
    <Radio name={name} value="male" labelText="Male" />
    <Radio name={name} value="female" labelText="Female" />
  </RadioGroup>
);

const Template: Story<RadioGroupProps> = ({ name, ...rest }) => (
  <Grid p="m">
    <Form>
      <div>
        <ConnectForm>
          {({ formState: { errors } }) => {
            const errField = get(errors, name) as FieldError;
            const feedbackMessage = errField?.message;
            return (
              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />
            );
          }}
        </ConnectForm>
      </div>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue name={name} label="Gender" {...rest} />
    </Form>
  </Grid>
);

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

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

Basic.args = {
  name: 'gender',
  rules: { required: { value: true, message: 'Please select a gender' } },
  defaultValue: '',
};
`,M={Basic:{startLoc:{col:41,line:35},endLoc:{col:1,line:53},startBody:{col:41,line:35},endBody:{col:1,line:53}}},B=function(d){var G=d.feedbackMessage,f=d.name,y=o()(d,j);return(0,r.jsxs)(m,Object.assign({name:f,labelProps:{labelText:"Gender",required:!0,feedbackMessage:G},orientation:"horizontal"},y,{children:[n()(u.s,{name:f,value:"male",labelText:"Male"}),n()(u.s,{name:f,value:"female",labelText:"Female"})]}))};B.displayName="Gender";var h=function(d){var G=d.name,f=o()(d,k);return n()(i.Ay,{p:"m"},void 0,n()(v.l,{},void 0,n()("div",{},void 0,n()(_.$,{},void 0,function(y){var E=y.formState.errors,F=(0,g.Jt)(E,G),D=F?.message;return(0,r.jsx)(B,Object.assign({feedbackMessage:D,name:G},f))})),P||(P=n()(s.e,{},void 0,"Submit")),(0,r.jsx)(C.n,Object.assign({name:G,label:"Gender"},f))))};h.displayName="Template";const T={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 { get, FieldError } from 'react-hook-form';\\nimport { Radio } from '../radio';\\nimport { RadioGroup, RadioGroupProps } from './index.js';\\nimport { Form } from '../../form/index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\ntype GenderProps = {\\n  name: string;\\n  feedbackMessage?: string;\\n  // removing any type not possible for legacy component\\n  \\n  [x: string]: any;\\n};\\n\\nconst Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (\\n  <RadioGroup\\n    name={name}\\n    labelProps={{\\n      labelText: 'Gender',\\n      required: true,\\n      feedbackMessage,\\n    }}\\n    orientation=\\"horizontal\\"\\n    {...rest}\\n  >\\n    <Radio name={name} value=\\"male\\" labelText=\\"Male\\" />\\n    <Radio name={name} value=\\"female\\" labelText=\\"Female\\" />\\n  </RadioGroup>\\n);\\n\\nconst Template: Story<RadioGroupProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <div>\\n        <ConnectForm>\\n          {({ formState: { errors } }) => {\\n            const errField = get(errors, name) as FieldError;\\n            const feedbackMessage = errField?.message;\\n            return (\\n              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />\\n            );\\n          }}\\n        </ConnectForm>\\n      </div>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue name={name} label=\\"Gender\\" {...rest} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/RadioGroup',\\n  component: RadioGroup,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultValue: '',\\n};\\n";
    // @ts-ignore
    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":41,"line":35},"endLoc":{"col":1,"line":53},"startBody":{"col":41,"line":35},"endBody":{"col":1,"line":53}}};
    
import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { get, FieldError } from 'react-hook-form';
import { Radio } from '../radio';
import { RadioGroup, RadioGroupProps } from './index.js';
import { Form } from '../../form/index.js';
import { ConnectForm } from '../connect-form.js';
import { WatchValue } from '../watch-value.js';

type GenderProps = {
  name: string;
  feedbackMessage?: string;
  // removing any type not possible for legacy component
  
  [x: string]: any;
};

const Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (
  <RadioGroup
    name={name}
    labelProps={{
      labelText: 'Gender',
      required: true,
      feedbackMessage,
    }}
    orientation="horizontal"
    {...rest}
  >
    <Radio name={name} value="male" labelText="Male" />
    <Radio name={name} value="female" labelText="Female" />
  </RadioGroup>
);

const Template: Story<RadioGroupProps> = ({ name, ...rest }) => (
  <Grid p="m">
    <Form>
      <div>
        <ConnectForm>
          {({ formState: { errors } }) => {
            const errField = get(errors, name) as FieldError;
            const feedbackMessage = errField?.message;
            return (
              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />
            );
          }}
        </ConnectForm>
      </div>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue name={name} label="Gender" {...rest} />
    </Form>
  </Grid>
);

export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button';\\nimport { get, FieldError } from 'react-hook-form';\\nimport { Radio } from '../radio';\\nimport { RadioGroup, RadioGroupProps } from './index.js';\\nimport { Form } from '../../form/index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\ntype GenderProps = {\\n  name: string;\\n  feedbackMessage?: string;\\n  // removing any type not possible for legacy component\\n  \\n  [x: string]: any;\\n};\\n\\nconst Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (\\n  <RadioGroup\\n    name={name}\\n    labelProps={{\\n      labelText: 'Gender',\\n      required: true,\\n      feedbackMessage,\\n    }}\\n    orientation=\\"horizontal\\"\\n    {...rest}\\n  >\\n    <Radio name={name} value=\\"male\\" labelText=\\"Male\\" />\\n    <Radio name={name} value=\\"female\\" labelText=\\"Female\\" />\\n  </RadioGroup>\\n);\\n\\nconst Template: Story<RadioGroupProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <div>\\n        <ConnectForm>\\n          {({ formState: { errors } }) => {\\n            const errField = get(errors, name) as FieldError;\\n            const feedbackMessage = errField?.message;\\n            return (\\n              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />\\n            );\\n          }}\\n        </ConnectForm>\\n      </div>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue name={name} label=\\"Gender\\" {...rest} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/RadioGroup',\\n  component: RadioGroup,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultValue: '',\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":41,"line":35},"endLoc":{"col":1,"line":53},"startBody":{"col":41,"line":35},"endBody":{"col":1,"line":53}}}},},
  title: 'Components/Form/Controls/RadioGroup',
  component: RadioGroup,
} as Meta;

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

Basic.args = {
  name: 'gender',
  rules: { required: { value: true, message: 'Please select a gender' } },
  defaultValue: '',
};
`,locationsMap:{basic:{startLoc:{col:41,line:43},endLoc:{col:1,line:61},startBody:{col:41,line:43},endBody:{col:1,line:61}}}},storySource:{source:`import { Story, Meta } from '@storybook/react';
import { Grid } from '@elliemae/ds-grid';
import { DSButtonV2 } from '@elliemae/ds-button';
import { get, FieldError } from 'react-hook-form';
import { Radio } from '../radio';
import { RadioGroup, RadioGroupProps } from './index.js';
import { Form } from '../../form/index.js';
import { ConnectForm } from '../connect-form.js';
import { WatchValue } from '../watch-value.js';

type GenderProps = {
  name: string;
  feedbackMessage?: string;
  // removing any type not possible for legacy component
  
  [x: string]: any;
};

const Gender = ({ feedbackMessage, name, ...rest }: GenderProps) => (
  <RadioGroup
    name={name}
    labelProps={{
      labelText: 'Gender',
      required: true,
      feedbackMessage,
    }}
    orientation="horizontal"
    {...rest}
  >
    <Radio name={name} value="male" labelText="Male" />
    <Radio name={name} value="female" labelText="Female" />
  </RadioGroup>
);

const Template: Story<RadioGroupProps> = ({ name, ...rest }) => (
  <Grid p="m">
    <Form>
      <div>
        <ConnectForm>
          {({ formState: { errors } }) => {
            const errField = get(errors, name) as FieldError;
            const feedbackMessage = errField?.message;
            return (
              <Gender feedbackMessage={feedbackMessage} name={name} {...rest} />
            );
          }}
        </ConnectForm>
      </div>
      <DSButtonV2>Submit</DSButtonV2>
      <WatchValue name={name} label="Gender" {...rest} />
    </Form>
  </Grid>
);

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

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

Basic.args = {
  name: 'gender',
  rules: { required: { value: true, message: 'Please select a gender' } },
  defaultValue: '',
};
`,locationsMap:{basic:{startLoc:{col:41,line:35},endLoc:{col:1,line:53},startBody:{col:41,line:35},endBody:{col:1,line:53}}}}},title:"Components/Form/Controls/RadioGroup",component:m};var S=h.bind({});S.args={name:"gender",rules:{required:{value:!0,message:"Please select a gender"}},defaultValue:""};var O=["Basic"]},"./lib/view/fields/radio/index.tsx":(R,l,e)=>{e.d(l,{s:()=>r});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),o=e.n(t),i=e("./node_modules/.pnpm/@elliemae+ds-form-radio@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.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"),g=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),u=["name","defaultChecked","rules","labelText"],p=["onChange","value"],r=function(a){var b=a.name,m=a.defaultChecked,v=m===void 0?!1:m,_=a.rules,C=_===void 0?{}:_,P=a.labelText,j=o()(a,u);return n()(s.xI,{name:b,rules:C,defaultValue:v,render:function(k){var x,M=k.field,B=M.onChange,h=M.value,T=o()(M,p);return(0,g.jsx)(i.vz,Object.assign({label:P},j,T,{value:(x=j.value)!==null&&x!==void 0?x:h.toString(),checked:h,onChange:function(S){return B(!((S||{}).target||{}).checked)}}))}})};r.displayName="Radio"},"./lib/view/fields/watch-value.tsx":(R,l,e)=>{e.d(l,{n:()=>p});var c=e("./node_modules/.pnpm/@babel+runtime@7.28.4/node_modules/@babel/runtime/helpers/jsx.js"),n=e.n(c),t=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/@elliemae+ds-grid@3.54.6_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),i=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),s,g=t.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),u=t.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),p=function(r){var a=r.name,b=r.label,m=(0,i.xW)(),v=m.watch,_=v(a,!1)||"";return n()(o.Ay,{},void 0,n()(g,{},void 0,s||(s=n()("h4",{},void 0,"Form Data:")),n()(u,{},void 0,n()("div",{},void 0,b," : ",n()("strong",{},void 0,JSON.stringify(_))))))};p.displayName="WatchValue"},"./lib/view/form/index.tsx":(R,l,e)=>{e.d(l,{l:()=>i});var c=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"),n=e("./node_modules/.pnpm/react-hook-form@7.63.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),o=c.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),i=function(s){var g=s.classname,u=s.reactHookFormProps,p=u===void 0?{mode:"onBlur"}:u,r=s.children,a=s.onSubmit,b=(0,n.mN)(p),m={};a&&(m.onSubmit=b.handleSubmit(a));var v=Object.assign(b,{formProps:p});return(0,t.jsx)(n.Op,Object.assign({},v,{children:(0,t.jsx)(o,Object.assign({className:g},m,{children:r}))}))};i.displayName="Form"}}]);
