@elliemae/pui-app-sdk 6.0.0-alpha.2 → 6.0.0-alpha.4

package/demo/view-fields-radio-index-stories.24ea59f9.iframe.bundle.js

@@ -0,0 +1,342 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[6531],{"./lib/view/fields/connect-form.tsx"(k,x,e){e.d(x,{$:()=>t});var r=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=function(h){var v=h.children,y=(0,r.xW)();return v(Object.assign({},y))}},"./lib/view/fields/radio/index.tsx"(k,x,e){e.d(x,{s:()=>E});var r=e("./node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=e("./node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),v=e.n(h),y=e("./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"),d=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),C=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),S=["name","defaultChecked","rules","labelText"],a=["onChange","value"],E=function(c){var g=c.name,f=c.defaultChecked,T=f===void 0?!1:f,m=c.rules,l=m===void 0?{}:m,b=c.labelText,j=v()(c,S);return t()(d.xI,{name:g,rules:l,defaultValue:T,render:function(P){var _,M=P.field,R=M.onChange,i=M.value,F=v()(M,a);return(0,C.jsx)(y.vz,Object.assign({label:b},j,F,{value:(_=j.value)!==null&&_!==void 0?_:i.toString(),checked:i,onChange:function(A){return R(!((A||{}).target||{}).checked)}}))}})};E.displayName="Radio"},"./lib/view/fields/watch-value.tsx"(k,x,e){e.d(x,{n:()=>a});var r=e("./node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=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.cjs.js"),v=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),y=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),d,C=h.default.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),S=h.default.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),a=function(E){var c=E.name,g=E.label,f=(0,y.xW)(),T=f.watch,m=T(c,!1)||"";return t()(v.Ay,{},void 0,t()(C,{},void 0,d||(d=t()("h4",{},void 0,"Form Data:")),t()(S,{},void 0,t()("div",{},void 0,g," : ",t()("strong",{},void 0,JSON.stringify(m))))))};a.displayName="WatchValue"},"./lib/view/form/index.tsx"(k,x,e){e.d(x,{l:()=>y});var r=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.cjs.js"),t=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),h=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),v=r.default.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),y=function(d){var C=d.classname,S=d.reactHookFormProps,a=S===void 0?{mode:"onBlur"}:S,E=d.children,c=d.onSubmit,g=(0,t.mN)(a),f={};c&&(f.onSubmit=g.handleSubmit(c));var T=Object.assign(g,{formProps:a});return(0,h.jsx)(t.Op,Object.assign({},T,{children:(0,h.jsx)(v,Object.assign({className:C},f,{children:E}))}))};y.displayName="Form"},"./lib/view/fields/radio/index.stories.tsx"(k,x,e){e.r(x),e.d(x,{Basic:()=>P,__namedExportsOrder:()=>_,default:()=>j});var r=e("./node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=e("./node_modules/.pnpm/@babel+runtime@7.29.2/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),v=e.n(h),y=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),d=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),C=e("./node_modules/.pnpm/@elliemae+ds-button-v2@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-button-v2/dist/esm/parts/DSButtonV2/DSButtonV2.js"),S=e("./lib/view/form/index.tsx"),a=e("./lib/view/fields/radio/index.tsx"),E=e("./lib/view/fields/connect-form.tsx"),c=e("./lib/view/fields/watch-value.tsx"),g=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),f,T=["name"],m=`
+    
+    // @ts-nocheck
+    // @ts-ignore
+    var __STORY__ = "import { Story, Meta } from '@storybook/react';\\nimport { FieldError, get } from 'react-hook-form';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\\nimport { Form } from '../../form/index.js';\\nimport { Radio, RadioProps } from './index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nconst Template: Story<RadioProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form {...rest}>\\n      <Grid gutter=\\"xs\\">\\n        <Grid>\\n          <ConnectForm>\\n            {({ formState: { errors } }) => {\\n              const hasError = !!(get(errors, name) as FieldError);\\n              return <Radio name={name} {...rest} hasError={hasError} />;\\n            }}\\n          </ConnectForm>\\n        </Grid>\\n        <DSButtonV2 type=\\"submit\\">Submit</DSButtonV2>\\n        <WatchValue name={name} label={rest.labelText} {...rest} />\\n      </Grid>\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/Radio',\\n  component: Radio,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  labelText: 'Male',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultChecked: false,\\n  reactHookFormProps: { mode: 'onSubmit' },\\n  onSubmit: () => {\\n    \\n    console.log('form submitted');\\n  },\\n};\\n";
+    // @ts-ignore
+    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":36,"line":10},"endLoc":{"col":1,"line":27},"startBody":{"col":36,"line":10},"endBody":{"col":1,"line":27}}};
+    
+import { Story, Meta } from '@storybook/react';
+import { FieldError, get } from 'react-hook-form';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button-v2';
+import { Form } from '../../form/index.js';
+import { Radio, RadioProps } from './index.js';
+import { ConnectForm } from '../connect-form.js';
+import { WatchValue } from '../watch-value.js';
+
+const Template: Story<RadioProps> = ({ name, ...rest }) => (
+  <Grid p="m">
+    <Form {...rest}>
+      <Grid gutter="xs">
+        <Grid>
+          <ConnectForm>
+            {({ formState: { errors } }) => {
+              const hasError = !!(get(errors, name) as FieldError);
+              return <Radio name={name} {...rest} hasError={hasError} />;
+            }}
+          </ConnectForm>
+        </Grid>
+        <DSButtonV2 type="submit">Submit</DSButtonV2>
+        <WatchValue name={name} label={rest.labelText} {...rest} />
+      </Grid>
+    </Form>
+  </Grid>
+);
+
+export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { FieldError, get } from 'react-hook-form';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\\nimport { Form } from '../../form/index.js';\\nimport { Radio, RadioProps } from './index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nconst Template: Story<RadioProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form {...rest}>\\n      <Grid gutter=\\"xs\\">\\n        <Grid>\\n          <ConnectForm>\\n            {({ formState: { errors } }) => {\\n              const hasError = !!(get(errors, name) as FieldError);\\n              return <Radio name={name} {...rest} hasError={hasError} />;\\n            }}\\n          </ConnectForm>\\n        </Grid>\\n        <DSButtonV2 type=\\"submit\\">Submit</DSButtonV2>\\n        <WatchValue name={name} label={rest.labelText} {...rest} />\\n      </Grid>\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/Radio',\\n  component: Radio,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  labelText: 'Male',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultChecked: false,\\n  reactHookFormProps: { mode: 'onSubmit' },\\n  onSubmit: () => {\\n    \\n    console.log('form submitted');\\n  },\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":36,"line":10},"endLoc":{"col":1,"line":27},"startBody":{"col":36,"line":10},"endBody":{"col":1,"line":27}}}},},
+  title: 'Components/Form/Controls/Radio',
+  component: Radio,
+} as Meta;
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  name: 'gender',
+  labelText: 'Male',
+  rules: { required: { value: true, message: 'Please select a gender' } },
+  defaultChecked: false,
+  reactHookFormProps: { mode: 'onSubmit' },
+  onSubmit: () => {
+    
+    console.log('form submitted');
+  },
+};
+`,l={Basic:{startLoc:{col:36,line:18},endLoc:{col:1,line:35},startBody:{col:36,line:18},endBody:{col:1,line:35}}},m=`import { Story, Meta } from '@storybook/react';
+import { FieldError, get } from 'react-hook-form';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button-v2';
+import { Form } from '../../form/index.js';
+import { Radio, RadioProps } from './index.js';
+import { ConnectForm } from '../connect-form.js';
+import { WatchValue } from '../watch-value.js';
+
+const Template: Story<RadioProps> = ({ name, ...rest }) => (
+  <Grid p="m">
+    <Form {...rest}>
+      <Grid gutter="xs">
+        <Grid>
+          <ConnectForm>
+            {({ formState: { errors } }) => {
+              const hasError = !!(get(errors, name) as FieldError);
+              return <Radio name={name} {...rest} hasError={hasError} />;
+            }}
+          </ConnectForm>
+        </Grid>
+        <DSButtonV2 type="submit">Submit</DSButtonV2>
+        <WatchValue name={name} label={rest.labelText} {...rest} />
+      </Grid>
+    </Form>
+  </Grid>
+);
+
+export default {
+  title: 'Components/Form/Controls/Radio',
+  component: Radio,
+} as Meta;
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  name: 'gender',
+  labelText: 'Male',
+  rules: { required: { value: true, message: 'Please select a gender' } },
+  defaultChecked: false,
+  reactHookFormProps: { mode: 'onSubmit' },
+  onSubmit: () => {
+    
+    console.log('form submitted');
+  },
+};
+`,l={Basic:{startLoc:{col:36,line:10},endLoc:{col:1,line:27},startBody:{col:36,line:10},endBody:{col:1,line:27}}},b=function(M){var R=M.name,i=v()(M,T);return t()(d.Ay,{p:"m"},void 0,(0,g.jsx)(S.l,Object.assign({},i,{children:t()(d.Ay,{gutter:"xs"},void 0,t()(d.Ay,{},void 0,t()(E.$,{},void 0,function(F){var A=F.formState.errors,W=!!(0,y.Jt)(A,R);return(0,g.jsx)(a.s,Object.assign({name:R},i,{hasError:W}))})),f||(f=t()(C.e,{type:"submit"},void 0,"Submit")),(0,g.jsx)(c.n,Object.assign({name:R,label:i.labelText},i)))})))};b.displayName="Template";const j={parameters:{storySource:{source:`
+    
+    // @ts-nocheck
+    // @ts-ignore
+    var __STORY__ = "import { Story, Meta } from '@storybook/react';\\nimport { FieldError, get } from 'react-hook-form';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\\nimport { Form } from '../../form/index.js';\\nimport { Radio, RadioProps } from './index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nconst Template: Story<RadioProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form {...rest}>\\n      <Grid gutter=\\"xs\\">\\n        <Grid>\\n          <ConnectForm>\\n            {({ formState: { errors } }) => {\\n              const hasError = !!(get(errors, name) as FieldError);\\n              return <Radio name={name} {...rest} hasError={hasError} />;\\n            }}\\n          </ConnectForm>\\n        </Grid>\\n        <DSButtonV2 type=\\"submit\\">Submit</DSButtonV2>\\n        <WatchValue name={name} label={rest.labelText} {...rest} />\\n      </Grid>\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/Radio',\\n  component: Radio,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  labelText: 'Male',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultChecked: false,\\n  reactHookFormProps: { mode: 'onSubmit' },\\n  onSubmit: () => {\\n    \\n    console.log('form submitted');\\n  },\\n};\\n";
+    // @ts-ignore
+    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":36,"line":10},"endLoc":{"col":1,"line":27},"startBody":{"col":36,"line":10},"endBody":{"col":1,"line":27}}};
+    
+import { Story, Meta } from '@storybook/react';
+import { FieldError, get } from 'react-hook-form';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button-v2';
+import { Form } from '../../form/index.js';
+import { Radio, RadioProps } from './index.js';
+import { ConnectForm } from '../connect-form.js';
+import { WatchValue } from '../watch-value.js';
+
+const Template: Story<RadioProps> = ({ name, ...rest }) => (
+  <Grid p="m">
+    <Form {...rest}>
+      <Grid gutter="xs">
+        <Grid>
+          <ConnectForm>
+            {({ formState: { errors } }) => {
+              const hasError = !!(get(errors, name) as FieldError);
+              return <Radio name={name} {...rest} hasError={hasError} />;
+            }}
+          </ConnectForm>
+        </Grid>
+        <DSButtonV2 type="submit">Submit</DSButtonV2>
+        <WatchValue name={name} label={rest.labelText} {...rest} />
+      </Grid>
+    </Form>
+  </Grid>
+);
+
+export default {parameters: {"storySource":{"source":"import { Story, Meta } from '@storybook/react';\\nimport { FieldError, get } from 'react-hook-form';\\nimport { Grid } from '@elliemae/ds-grid';\\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\\nimport { Form } from '../../form/index.js';\\nimport { Radio, RadioProps } from './index.js';\\nimport { ConnectForm } from '../connect-form.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nconst Template: Story<RadioProps> = ({ name, ...rest }) => (\\n  <Grid p=\\"m\\">\\n    <Form {...rest}>\\n      <Grid gutter=\\"xs\\">\\n        <Grid>\\n          <ConnectForm>\\n            {({ formState: { errors } }) => {\\n              const hasError = !!(get(errors, name) as FieldError);\\n              return <Radio name={name} {...rest} hasError={hasError} />;\\n            }}\\n          </ConnectForm>\\n        </Grid>\\n        <DSButtonV2 type=\\"submit\\">Submit</DSButtonV2>\\n        <WatchValue name={name} label={rest.labelText} {...rest} />\\n      </Grid>\\n    </Form>\\n  </Grid>\\n);\\n\\nexport default {\\n  title: 'Components/Form/Controls/Radio',\\n  component: Radio,\\n} as Meta;\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  name: 'gender',\\n  labelText: 'Male',\\n  rules: { required: { value: true, message: 'Please select a gender' } },\\n  defaultChecked: false,\\n  reactHookFormProps: { mode: 'onSubmit' },\\n  onSubmit: () => {\\n    \\n    console.log('form submitted');\\n  },\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":36,"line":10},"endLoc":{"col":1,"line":27},"startBody":{"col":36,"line":10},"endBody":{"col":1,"line":27}}}},},
+  title: 'Components/Form/Controls/Radio',
+  component: Radio,
+} as Meta;
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  name: 'gender',
+  labelText: 'Male',
+  rules: { required: { value: true, message: 'Please select a gender' } },
+  defaultChecked: false,
+  reactHookFormProps: { mode: 'onSubmit' },
+  onSubmit: () => {
+    
+    console.log('form submitted');
+  },
+};
+`,locationsMap:{basic:{startLoc:{col:36,line:18},endLoc:{col:1,line:35},startBody:{col:36,line:18},endBody:{col:1,line:35}}}},storySource:{source:`import { Story, Meta } from '@storybook/react';
+import { FieldError, get } from 'react-hook-form';
+import { Grid } from '@elliemae/ds-grid';
+import { DSButtonV2 } from '@elliemae/ds-button-v2';
+import { Form } from '../../form/index.js';
+import { Radio, RadioProps } from './index.js';
+import { ConnectForm } from '../connect-form.js';
+import { WatchValue } from '../watch-value.js';
+
+const Template: Story<RadioProps> = ({ name, ...rest }) => (
+  <Grid p="m">
+    <Form {...rest}>
+      <Grid gutter="xs">
+        <Grid>
+          <ConnectForm>
+            {({ formState: { errors } }) => {
+              const hasError = !!(get(errors, name) as FieldError);
+              return <Radio name={name} {...rest} hasError={hasError} />;
+            }}
+          </ConnectForm>
+        </Grid>
+        <DSButtonV2 type="submit">Submit</DSButtonV2>
+        <WatchValue name={name} label={rest.labelText} {...rest} />
+      </Grid>
+    </Form>
+  </Grid>
+);
+
+export default {
+  title: 'Components/Form/Controls/Radio',
+  component: Radio,
+} as Meta;
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  name: 'gender',
+  labelText: 'Male',
+  rules: { required: { value: true, message: 'Please select a gender' } },
+  defaultChecked: false,
+  reactHookFormProps: { mode: 'onSubmit' },
+  onSubmit: () => {
+    
+    console.log('form submitted');
+  },
+};
+`,locationsMap:{basic:{startLoc:{col:36,line:10},endLoc:{col:1,line:27},startBody:{col:36,line:10},endBody:{col:1,line:27}}}}},title:"Components/Form/Controls/Radio",component:a.s};var P=b.bind({});P.args={name:"gender",labelText:"Male",rules:{required:{value:!0,message:"Please select a gender"}},defaultChecked:!1,reactHookFormProps:{mode:"onSubmit"},onSubmit:function(){}};var _=["Basic"]},"./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"(k,x,e){e.d(x,{vz:()=>le});var r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),h=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),v=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),y=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),d=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),C=e("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),S=e("./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"),a=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),E=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),c=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),g=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/th.js");const f=({colors:o},n,s,u,O,D)=>D?o.danger[900]:u||O?o.neutral[500]:o.brand[600],T=(o,n,s,u,O,D=!1,B="mediaquery")=>{const $=`
+  content:"";
+  width: 0.615rem; /* 8px / 13 */
+  height: 0.615rem; /* 8px / 13 */
+  border-radius:50%;
+  display:inline-block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  background: ${f(o,n,D,s,u,O)};
+`,w=`
+    @media (max-width: ${o.breakpoints.small}) {
+      width: 0.75rem; /* 12px / 16 */
+      height: 0.75rem; /* 12px / 16 */
+    }
+    ${$}
+`,ee=`
+    ${$}
+    width: 0.923rem; /* 12px / 13 */
+    height: 0.923rem; /* 12px / 13 */
+    @media (max-width: ${o.breakpoints.small}) {
+      width: 0.75rem; /* 12px / 16 */
+      height: 0.75rem; /* 12px / 16 */
+    }
+  `;return n?`&:before {
+        ${B==="mediaquery"?w:B==="mobile"?ee:$}
+    }`:""},m=({colors:o},n,s)=>n?o.neutral["080"]:s?o.neutral["050"]:o.neutral["000"],l="DSRadio",b={CONTAINER:"root",INPUT:"input",LABEL:"label"},j=(0,a.I)("div",{name:l,slot:b.CONTAINER})`
+  ${({device:o,theme:n})=>o==="mobile"?`    
+      @media (max-width: ${n.breakpoints.small}) {
+      grid-template-columns: 1.5rem auto; /* 24px / 16px */
+    }
+      grid-template-columns: 1.846rem auto;
+      `:o==="mediaquery"?`
+        @media (max-width: ${n.breakpoints.small}) {
+          grid-template-columns: 1.5rem auto;
+        }
+        grid-template-columns: 1.23rem auto;
+    `:`
+    @media (max-width: ${n.breakpoints.small}) {
+      grid-template-columns: 1rem auto; /* 16px / 16px */
+    }
+    grid-template-columns: 1.2307rem auto; /* 16px / 13 */
+
+    `}
+  ${({hasLabel:o})=>o?"column-gap: 8px;":""}
+  display: inline-grid;
+  grid-template-rows: min-content;
+
+  align-items: center;
+  ${E.L1}
+`,P=(0,a.I)("span")`
+  ${({device:o,theme:n})=>o==="mobile"?`    
+      @media (max-width: ${n.breakpoints.small}) {
+        width: 1.5rem;  /* 24px / 16 */
+        height: 1.5rem;  /* 24px / 16 */
+      }
+      width: 1.846rem; /* 24px / 13 */
+      height: 1.846rem;  /* 24px / 13 */`:o==="mediaquery"?`
+        @media (max-width: ${n.breakpoints.small}) {
+          width: 1.5rem;  /* 24px / 16 */
+          height: 1.5rem;  /* 24px / 16 */
+        }
+        width: 1.2307rem; /* 16px / 13 */
+        height: 1.2307rem; /* 16px / 13 */
+      `:`
+    @media (max-width: ${n.breakpoints.small}) {
+      width: 1rem;  /* 16px / 16 */
+      height: 1rem;  /* 16px / 16 */
+    }
+    width: 1.2307rem; /* 16px / 13 */
+    height: 1.2307rem; /* 16px / 13 */
+  `}
+  border: 1px solid ${({theme:o,hasError:n})=>n?o.colors.danger[900]:o.colors.neutral[400]};
+  border-radius: 50px;
+  position: relative;
+  background: ${({theme:o,disabled:n,applyAriaDisabled:s,readOnly:u})=>m(o,n,u||s)};
+  ${({theme:o,checked:n,disabled:s,applyAriaDisabled:u,readOnly:O,hasError:D,device:B})=>T(o,n,s||u,O,D,!1,B)}
+  &:focus-within {
+    ${({theme:o,hasError:n,disabled:s})=>s?void 0:`border: 1px solid ${n?o.colors.danger[900]:o.colors.brand[700]}; outline : 1px solid ${n?o.colors.danger[900]:o.colors.brand[700]} `};
+    &:hover {
+      ${({theme:o,checked:n,disabled:s,applyAriaDisabled:u,readOnly:O,hasError:D,device:B})=>T(o,n,s||u,O,D,!0,B)}
+    }
+  }
+  &:hover {
+    background: ${({theme:o,applyAriaDisabled:n,readOnly:s,disabled:u})=>n||s?o.colors.neutral["050"]:!u&&!n?o.colors.brand[200]:void 0};
+    ${({theme:o,hasError:n,disabled:s})=>!n&&!s?` border: 1px solid  ${o.colors.brand[600]}`:void 0};
+  }
+`,_=(0,c.AH)`
+  &:hover {
+    cursor: pointer;
+  }
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  opacity: 0;
+`,M=(0,a.I)("input",{name:l,slot:b.INPUT})`
+  ${_}
+  &:disabled, &[aria-disabled='true'] {
+    cursor: not-allowed;
+  }
+`,R=(0,a.I)("label",{name:l,slot:b.LABEL})`
+  color: ${({theme:o,disabled:n,readOnly:s})=>n||s?o.colors.neutral[700]:o.colors.neutral[800]};
+  line-height: 1.2307rem;
+  @media (max-width: ${g.th.breakpoint("small")}) {
+    line-height: 1rem; /* 13px / 16 */
+  }
+  ${({device:o,theme:n})=>o==="mobile"?`
+        @media (max-width: ${n.breakpoints.small}) {
+          font-size: 1rem;  /* 16px / 16 */
+        }
+        font-size: 1.2307rem; /* 16px / 13 */
+        `:o===void 0?`
+          font-size: 1rem; 
+        `:`
+      @media (max-width: ${n.breakpoints.small}) {
+        font-size: 0.8125rem;  /* 13px / 16 */
+      }
+  
+      font-size: 1rem;  /* 13px / 13 */
+    `}
+  display: inherit;
+  width: fit-content;
+
+  ${({disabled:o})=>o?`&:hover {
+    cursor: not-allowed;
+  }`:`&:hover {
+    cursor: pointer;
+  }`}
+`,i=(0,a.I)("span")``,F=a.I.p`
+  display: none;
+`;var A=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),W=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),p=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const K={wrapLabel:!1,hasError:!1,checked:!1,disabled:!1,visualOnly:!1,applyAriaDisabled:!1,device:"mediaquery"},G={...A.P,...W.w,name:p.A.string.description("Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias"),value:p.A.string.description("Radio value. Without this WCAG will fail, value is required for a bunch of success criterias"),onChange:p.A.func.description("Radio onchange callback").signature("((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)"),label:p.A.string.description("Radio Label property. This label is also going to be used as an aria-label for screen readers."),checked:p.A.bool.description("Whether the radio is checked or not"),hasError:p.A.bool.description("Whether the radio has error or not."),innerRef:p.A.oneOfType([p.A.func,p.A.object]).description("Radio input ref."),wrapLabel:p.A.bool.description("Whether to wrap or truncate the label"),device:p.A.oneOf(["mobile","desktop","mediaquery"]).description("used for responsive designs, this controls how the styling should behave. you can force mobile/desktop styling or rely on mediaquery to auto-detect").defaultValue("mediaquery"),applyAriaDisabled:p.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION").defaultValue(!1)},N=G;var I=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js");const Z=o=>{throw new Error(`DSControlledRadio:: ${o}
+  `)},H=(o,n)=>{(0,I.D)(o,n,l),typeof o.label>"u"&&typeof o["aria-label"]>"u"&&Z("Please provide a label or ariaLabel property to use this component.")},z={CONTAINER:"ds-radio-container",INPUT:"ds-radio",READONLY_HELPER_MSG:"ds-radio-readonly-helper-msg"},Y=o=>{const n=(0,h.b)(o,K);H(o,G);const{checked:s,applyAriaDisabled:u,visualOnly:O,device:D,hasError:B,innerRef:$,value:w,wrapLabel:ee,onChange:oe}=n,ne=(0,r.useCallback)(Q=>{oe&&w&&!u&&oe(w,Q)},[u,oe,w]),re=(0,r.useCallback)(Q=>{Q.key==="Enter"&&ne(Q)},[ne]),se=r.useMemo(()=>({onKeyDown:re}),[re]),{id:ae,disabled:te,readOnly:U,label:X,className:ie,...de}=(0,v.u)(n,se),J=(0,r.useMemo)(()=>ae||`ds-form-radio-${(0,C.L)(5)}`,[ae]),me=(0,y.d)(n);return(0,t.jsxs)(j,{device:D,"data-testid":"ds-radio-container",hasLabel:Boolean(X),className:ie,...me,children:[(0,t.jsx)(P,{device:D,checked:s,hasError:B,disabled:te,applyAriaDisabled:u,readOnly:U,children:O?null:(0,t.jsx)(M,{"data-testid":"ds-radio",type:"radio",...se,...de,id:J,innerRef:$,onChange:ne,checked:s,disabled:te,"aria-disabled":u||U,"aria-invalid":B,"aria-describedby":U?`${J}-read-only-helper-msg`:void 0})}),X&&(0,t.jsx)(R,{device:D,htmlFor:J,disabled:te||u,readOnly:U,checked:s,"data-testid":"ds-radio-label",children:ee?(0,t.jsx)(i,{children:X}):(0,t.jsx)(S.n,{value:X})}),U?(0,t.jsx)(F,{"data-testid":z.READONLY_HELPER_MSG,id:`${J}-read-only-helper-msg`,children:"Read only"}):null]})};Y.displayName="DSControlledRadio";const L=(0,d.A)(Y);L.propTypes=N;var q,V;const le=({...o})=>(0,t.jsx)(Y,{...o}),pe=({...o})=>q(V,{...o,visualOnly:!0})},"./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"(k,x,e){e.d(x,{n:()=>f});var r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),h=e("./node_modules/.pnpm/@elliemae+ds-legacy-popover@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popover/dist/esm/DSPopover.js"),v=e("./node_modules/.pnpm/@elliemae+ds-legacy-popper@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-popper/dist/esm/positions.js"),y=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.18.1/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),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.cjs.js");const C=(m,l)=>{const b=(0,r.useRef)(),j=(0,r.useCallback)(()=>{const _=b.current;_&&(b.current=void 0,clearTimeout(_))},[b]);return[(0,r.useCallback)((..._)=>{b.current=setTimeout(()=>m(..._),l)},[m,l]),j]};var S=null;const a="DS-SimpleTruncateText",E=({offsetWidth:m,scrollWidth:l})=>m<l,c=(m="",l={})=>({reference:null,visible:!1,value:m,options:l}),g=y.I.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`,f=m=>{const{containerProps:l,tooltipDelay:b,placement:j,value:P,zIndex:_,tooltipOptions:M,textOptions:R}=m,[i,F]=(0,r.useState)(c(P,M)),A=(0,r.useCallback)(L=>{F({...i,...L,visible:!0})},[i]),W=(0,r.useCallback)(L=>{F({...i,...L,visible:!1})},[i]),[p,K]=C(A,b),G=(0,r.useCallback)(L=>{const{target:q}=L,V=q.closest(`[data-testid="${a}"]`);V&&E(V)&&p({value:P,reference:V})},[p,P]),N=(0,r.useCallback)(()=>{K(),W({reference:null})},[W,K]),I=(0,r.useMemo)(()=>p?{onMouseEnter:G,onMouseLeave:N}:{},[p,G,N]),Z=(0,r.useContext)(d.ThemeContext),H=(0,r.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:i.visible?(0,t.jsx)(h.F0,{boundaries:"window",style:{pointerEvents:"none",zIndex:_??Z.zIndex.tooltip},placement:j,content:i.value,referenceEl:i.reference,visible:i.visible,showArrow:!0}):null}),[i,j,_]),z=(0,r.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(g,{...l&&{...l},...R&&{...R},...I&&{...I},"data-testid":a,children:P})}),[l,R,I,P]);return(0,r.useMemo)(()=>(0,t.jsxs)(t.Fragment,{children:[z,H]}),[z,H])};f.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:v.y.TOP,tooltipDelay:200};var T=null}}]);