@elliemae/pui-app-sdk 5.36.2 → 5.37.0

package/demo/{docs/view-fields-radio-index-stories.1fdf3fb1.iframe.bundle.js → view-fields-radio-index-stories.78b2b7b1.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"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.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.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=e("./node_modules/.pnpm/@babel+runtime@7.28.6/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.7_@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"),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=`
+"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.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=e("./node_modules/.pnpm/@babel+runtime@7.28.6/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.28.6/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.esm.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.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),S=h.Ay.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.esm.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.Ay.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.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=e("./node_modules/.pnpm/@babel+runtime@7.28.6/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-legacy-button-v2@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-button-v2/dist/esm/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
@@ -198,7 +198,7 @@ Basic.args = {
     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"]},"./lib/view/fields/radio/index.tsx"(k,x,e){e.d(x,{s:()=>E});var r=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(r),h=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),v=e.n(h),y=e("./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.7_@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.28.6/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.esm.js"),v=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@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.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),S=h.Ay.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.esm.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.Ay.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"},"./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"(k,x,e){e.d(x,{vz:()=>q});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.7_@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.7_@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.7_@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.7_@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.7_@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.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),E=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),c=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),g=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/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 V=`
+`,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.17.23/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.17.23/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.17.23/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.17.23/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 */
@@ -210,14 +210,14 @@ Basic.args = {
   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 */
     }
-    ${V}
+    ${$}
 `,ee=`
-    ${V}
+    ${$}
     width: 0.923rem; /* 12px / 13 */
     height: 0.923rem; /* 12px / 13 */
     @media (max-width: ${o.breakpoints.small}) {
@@ -225,7 +225,7 @@ Basic.args = {
       height: 0.75rem; /* 12px / 16 */
     }
   `;return n?`&:before {
-        ${B==="mediaquery"?$:B==="mobile"?ee:V}
+        ${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}) {
@@ -332,11 +332,11 @@ Basic.args = {
   }`}
 `,i=(0,a.I)("span")``,F=a.I.p`
   display: none;
-`;var A=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@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.7_@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.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const U={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)},K=G;var I=e("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@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}
-  `)},N=(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.")},H={CONTAINER:"ds-radio-container",INPUT:"ds-radio",READONLY_HELPER_MSG:"ds-radio-readonly-helper-msg"},z=o=>{const n=(0,h.b)(o,U);N(o,G);const{checked:s,applyAriaDisabled:u,visualOnly:O,device:D,hasError:B,innerRef:V,value:$,wrapLabel:ee,onChange:oe}=n,ne=(0,r.useCallback)(Q=>{oe&&$&&!u&&oe($,Q)},[u,oe,$]),re=(0,r.useCallback)(Q=>{Q.key==="Enter"&&ne(Q)},[ne]),se=r.useMemo(()=>({onKeyDown:re}),[re]),{id:ae,disabled:te,readOnly:w,label:X,className:le,...ie}=(0,v.u)(n,se),J=(0,r.useMemo)(()=>ae||`ds-form-radio-${(0,C.L)(5)}`,[ae]),de=(0,y.d)(n);return(0,t.jsxs)(j,{device:D,"data-testid":"ds-radio-container",hasLabel:Boolean(X),className:le,...de,children:[(0,t.jsx)(P,{device:D,checked:s,hasError:B,disabled:te,applyAriaDisabled:u,readOnly:w,children:O?null:(0,t.jsx)(M,{"data-testid":"ds-radio",type:"radio",...se,...ie,id:J,innerRef:V,onChange:ne,checked:s,disabled:te,"aria-disabled":u||w,"aria-invalid":B,"aria-describedby":w?`${J}-read-only-helper-msg`:void 0})}),X&&(0,t.jsx)(R,{device:D,htmlFor:J,disabled:te||u,readOnly:w,checked:s,"data-testid":"ds-radio-label",children:ee?(0,t.jsx)(i,{children:X}):(0,t.jsx)(S.n,{value:X})}),w?(0,t.jsx)(F,{"data-testid":H.READONLY_HELPER_MSG,id:`${J}-read-only-helper-msg`,children:"Read only"}):null]})};z.displayName="DSControlledRadio";const L=(0,d.A)(z);L.propTypes=K;const q=({...o})=>(0,t.jsx)(z,{...o}),Y=({...o})=>jsx(Radio,{...o,visualOnly:!0})},"./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.7_@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.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/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.esm.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`
+`;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.17.23/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.esm.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,U]=C(A,b),G=(0,r.useCallback)(L=>{const{target:q}=L,Y=q.closest(`[data-testid="${a}"]`);Y&&E(Y)&&p({value:P,reference:Y})},[p,P]),K=(0,r.useCallback)(()=>{U(),W({reference:null})},[W,U]),I=(0,r.useMemo)(()=>p?{onMouseEnter:G,onMouseLeave:K}:{},[p,G,K]),Z=(0,r.useContext)(d.Dx),N=(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,_]),H=(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:[H,N]}),[H,N])};f.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:v.y.TOP,tooltipDelay:200};var T=null}}]);
+`,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.Dx),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}}]);

package/demo/{view-fields-radio-set-value-stories.ef03f732.iframe.bundle.js → view-fields-radio-set-value-stories.10abcf04.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5055],{"./lib/view/fields/connect-form.tsx"(G,b,o){o.d(b,{$:()=>t});var r=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=function(y){var i=y.children,x=(0,r.xW)();return i(Object.assign({},x))}},"./lib/view/fields/radio/index.tsx"(G,b,o){o.d(b,{s:()=>P});var r=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=o.n(r),y=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),i=o.n(y),x=o("./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"),f=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),V=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),D=["name","defaultChecked","rules","labelText"],u=["onChange","value"],P=function(g){var E=g.name,v=g.defaultChecked,R=v===void 0?!1:v,p=g.rules,a=p===void 0?{}:p,h=g.labelText,C=i()(g,D);return t()(f.xI,{name:E,rules:a,defaultValue:R,render:function(T){var c,F=T.field,_=F.onChange,l=F.value,j=i()(F,u);return(0,V.jsx)(x.vz,Object.assign({label:h},C,j,{value:(c=C.value)!==null&&c!==void 0?c:l.toString(),checked:l,onChange:function(M){return _(!((M||{}).target||{}).checked)}}))}})};P.displayName="Radio"},"./lib/view/fields/radio/set-value.stories.tsx"(G,b,o){o.r(b),o.d(b,{SetValue:()=>c,__namedExportsOrder:()=>F,default:()=>T});var r=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),t=o.n(r),y=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),i=o.n(y),x=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),f=o("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),V=o("./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"),D=o("./lib/view/form/index.tsx"),u=o("./lib/view/fields/radio/index.tsx"),P=o("./lib/view/fields/connect-form.tsx"),g=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),E,v=["name"],R=`
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5055],{"./lib/view/fields/connect-form.tsx"(G,b,o){o.d(b,{$:()=>t});var r=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),t=function(y){var i=y.children,x=(0,r.xW)();return i(Object.assign({},x))}},"./lib/view/fields/radio/index.tsx"(G,b,o){o.d(b,{s:()=>P});var r=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=o.n(r),y=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),i=o.n(y),x=o("./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"),f=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),V=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),D=["name","defaultChecked","rules","labelText"],u=["onChange","value"],P=function(g){var E=g.name,v=g.defaultChecked,R=v===void 0?!1:v,p=g.rules,a=p===void 0?{}:p,h=g.labelText,C=i()(g,D);return t()(f.xI,{name:E,rules:a,defaultValue:R,render:function(T){var c,F=T.field,_=F.onChange,l=F.value,j=i()(F,u);return(0,V.jsx)(x.vz,Object.assign({label:h},C,j,{value:(c=C.value)!==null&&c!==void 0?c:l.toString(),checked:l,onChange:function(M){return _(!((M||{}).target||{}).checked)}}))}})};P.displayName="Radio"},"./lib/view/form/index.tsx"(G,b,o){o.d(b,{l:()=>x});var r=o("./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"),t=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),y=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),i=r.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),x=function(f){var V=f.classname,D=f.reactHookFormProps,u=D===void 0?{mode:"onBlur"}:D,P=f.children,g=f.onSubmit,E=(0,t.mN)(u),v={};g&&(v.onSubmit=E.handleSubmit(g));var R=Object.assign(E,{formProps:u});return(0,y.jsx)(t.Op,Object.assign({},R,{children:(0,y.jsx)(i,Object.assign({className:V},v,{children:P}))}))};x.displayName="Form"},"./lib/view/fields/radio/set-value.stories.tsx"(G,b,o){o.r(b),o.d(b,{SetValue:()=>c,__namedExportsOrder:()=>F,default:()=>T});var r=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),t=o.n(r),y=o("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),i=o.n(y),x=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),f=o("./node_modules/.pnpm/@elliemae+ds-grid@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),V=o("./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"),D=o("./lib/view/form/index.tsx"),u=o("./lib/view/fields/radio/index.tsx"),P=o("./lib/view/fields/connect-form.tsx"),g=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),E,v=["name"],R=`
     
     // @ts-nocheck
     // @ts-ignore
@@ -222,7 +222,7 @@ SetValue.args = {
   rules: { required: { value: true, message: 'Please select a gender' } },
   defaultChecked: true,
 };
-`,locationsMap:{"set-value":{startLoc:{col:36,line:23},endLoc:{col:1,line:39},startBody:{col:36,line:23},endBody:{col:1,line:39}}}}},title:"Components/Form/Controls/Radio"};var c=C.bind({});c.args={name:a,labelText:"Male",rules:{required:{value:!0,message:"Please select a gender"}},defaultChecked:!0};var F=["SetValue"]},"./lib/view/form/index.tsx"(G,b,o){o.d(b,{l:()=>x});var r=o("./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"),t=o("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),y=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),i=r.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),x=function(f){var V=f.classname,D=f.reactHookFormProps,u=D===void 0?{mode:"onBlur"}:D,P=f.children,g=f.onSubmit,E=(0,t.mN)(u),v={};g&&(v.onSubmit=E.handleSubmit(g));var R=Object.assign(E,{formProps:u});return(0,y.jsx)(t.Op,Object.assign({},R,{children:(0,y.jsx)(i,Object.assign({className:V},v,{children:P}))}))};x.displayName="Form"},"./node_modules/.pnpm/@elliemae+ds-form-radio@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-radio/dist/esm/index.js"(G,b,o){o.d(b,{vz:()=>q});var r=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),y=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/defaultProps/useMemoMergePropsWithDefault.js"),i=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/useGetGlobalAttributes.js"),x=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/useGetXstyledProps.js"),f=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/describe.js"),V=o("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),D=o("./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"),u=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),P=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),g=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),E=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/th.js");const v=({colors:e},n,s,m,O,S)=>S?e.danger[900]:m||O?e.neutral[500]:e.brand[600],R=(e,n,s,m,O,S=!1,k="mediaquery")=>{const I=`
+`,locationsMap:{"set-value":{startLoc:{col:36,line:23},endLoc:{col:1,line:39},startBody:{col:36,line:23},endBody:{col:1,line:39}}}}},title:"Components/Form/Controls/Radio"};var c=C.bind({});c.args={name:a,labelText:"Male",rules:{required:{value:!0,message:"Please select a gender"}},defaultChecked:!0};var F=["SetValue"]},"./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"(G,b,o){o.d(b,{vz:()=>le});var r=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),y=o("./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"),i=o("./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"),x=o("./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"),f=o("./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"),V=o("./node_modules/.pnpm/uid@2.0.2/node_modules/uid/dist/index.mjs"),D=o("./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"),u=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),P=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),g=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js"),E=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/th.js");const v=({colors:e},n,s,m,O,S)=>S?e.danger[900]:m||O?e.neutral[500]:e.brand[600],R=(e,n,s,m,O,S=!1,k="mediaquery")=>{const w=`
   content:"";
   width: 0.615rem; /* 8px / 13 */
   height: 0.615rem; /* 8px / 13 */
@@ -234,14 +234,14 @@ SetValue.args = {
   transform: translate(-50%, -50%);
 
   background: ${v(e,n,S,s,m,O)};
-`,w=`
+`,W=`
     @media (max-width: ${e.breakpoints.small}) {
       width: 0.75rem; /* 12px / 16 */
       height: 0.75rem; /* 12px / 16 */
     }
-    ${I}
+    ${w}
 `,ee=`
-    ${I}
+    ${w}
     width: 0.923rem; /* 12px / 13 */
     height: 0.923rem; /* 12px / 13 */
     @media (max-width: ${e.breakpoints.small}) {
@@ -249,7 +249,7 @@ SetValue.args = {
       height: 0.75rem; /* 12px / 16 */
     }
   `;return n?`&:before {
-        ${k==="mediaquery"?w:k==="mobile"?ee:I}
+        ${k==="mediaquery"?W:k==="mobile"?ee:w}
     }`:""},p=({colors:e},n,s)=>n?e.neutral["080"]:s?e.neutral["050"]:e.neutral["000"],a="DSRadio",h={CONTAINER:"root",INPUT:"input",LABEL:"label"},C=(0,u.I)("div",{name:a,slot:h.CONTAINER})`
   ${({device:e,theme:n})=>e==="mobile"?`    
       @media (max-width: ${n.breakpoints.small}) {
@@ -356,11 +356,11 @@ SetValue.args = {
   }`}
 `,l=(0,u.I)("span")``,j=u.I.p`
   display: none;
-`;var M=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/globalProps/globalAttributesPropTypes.js"),B=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/xstyledProps/xstyledPropTypes.js"),d=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/propTypes/PropTypes.js");const $={wrapLabel:!1,hasError:!1,checked:!1,disabled:!1,visualOnly:!1,applyAriaDisabled:!1,device:"mediaquery"},L={...M.P,...B.w,name:d.A.string.description("Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias"),value:d.A.string.description("Radio value. Without this WCAG will fail, value is required for a bunch of success criterias"),onChange:d.A.func.description("Radio onchange callback").signature("((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)"),label:d.A.string.description("Radio Label property. This label is also going to be used as an aria-label for screen readers."),checked:d.A.bool.description("Whether the radio is checked or not"),hasError:d.A.bool.description("Whether the radio has error or not."),innerRef:d.A.oneOfType([d.A.func,d.A.object]).description("Radio input ref."),wrapLabel:d.A.bool.description("Whether to wrap or truncate the label"),device:d.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:d.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION").defaultValue(!1)},U=L;var N=o("./node_modules/.pnpm/@elliemae+ds-props-helpers@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-props-helpers/dist/esm/validation/typescriptValidator.js");const Z=e=>{throw new Error(`DSControlledRadio:: ${e}
-  `)},K=(e,n)=>{(0,N.D)(e,n,a),typeof e.label>"u"&&typeof e["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"},H=e=>{const n=(0,y.b)(e,$);K(e,L);const{checked:s,applyAriaDisabled:m,visualOnly:O,device:S,hasError:k,innerRef:I,value:w,wrapLabel:ee,onChange:oe}=n,ne=(0,r.useCallback)(Q=>{oe&&w&&!m&&oe(w,Q)},[m,oe,w]),te=(0,r.useCallback)(Q=>{Q.key==="Enter"&&ne(Q)},[ne]),se=r.useMemo(()=>({onKeyDown:te}),[te]),{id:ae,disabled:re,readOnly:W,label:X,className:le,...de}=(0,i.u)(n,se),J=(0,r.useMemo)(()=>ae||`ds-form-radio-${(0,V.L)(5)}`,[ae]),ie=(0,x.d)(n);return(0,t.jsxs)(C,{device:S,"data-testid":"ds-radio-container",hasLabel:Boolean(X),className:le,...ie,children:[(0,t.jsx)(T,{device:S,checked:s,hasError:k,disabled:re,applyAriaDisabled:m,readOnly:W,children:O?null:(0,t.jsx)(F,{"data-testid":"ds-radio",type:"radio",...se,...de,id:J,innerRef:I,onChange:ne,checked:s,disabled:re,"aria-disabled":m||W,"aria-invalid":k,"aria-describedby":W?`${J}-read-only-helper-msg`:void 0})}),X&&(0,t.jsx)(_,{device:S,htmlFor:J,disabled:re||m,readOnly:W,checked:s,"data-testid":"ds-radio-label",children:ee?(0,t.jsx)(l,{children:X}):(0,t.jsx)(D.n,{value:X})}),W?(0,t.jsx)(j,{"data-testid":z.READONLY_HELPER_MSG,id:`${J}-read-only-helper-msg`,children:"Read only"}):null]})};H.displayName="DSControlledRadio";const A=(0,f.A)(H);A.propTypes=U;const q=({...e})=>(0,t.jsx)(H,{...e}),Y=({...e})=>jsx(Radio,{...e,visualOnly:!0})},"./node_modules/.pnpm/@elliemae+ds-truncated-tooltip-text@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-truncated-tooltip-text/dist/esm/SimpleTruncatedTooltipText.js"(G,b,o){o.d(b,{n:()=>v});var r=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),y=o("./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"),i=o("./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"),x=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.7_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),f=o("./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");const V=(p,a)=>{const h=(0,r.useRef)(),C=(0,r.useCallback)(()=>{const c=h.current;c&&(h.current=void 0,clearTimeout(c))},[h]);return[(0,r.useCallback)((...c)=>{h.current=setTimeout(()=>p(...c),a)},[p,a]),C]};var D=null;const u="DS-SimpleTruncateText",P=({offsetWidth:p,scrollWidth:a})=>p<a,g=(p="",a={})=>({reference:null,visible:!1,value:p,options:a}),E=x.I.span`
+`;var M=o("./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"),B=o("./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"),d=o("./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 U={wrapLabel:!1,hasError:!1,checked:!1,disabled:!1,visualOnly:!1,applyAriaDisabled:!1,device:"mediaquery"},L={...M.P,...B.w,name:d.A.string.description("Radio name attribute. Without this WCAG will fail, name is required for a bunch of success criterias"),value:d.A.string.description("Radio value. Without this WCAG will fail, value is required for a bunch of success criterias"),onChange:d.A.func.description("Radio onchange callback").signature("((newValue: string,e:  React.ChangeEvent | React.KeyboardEvent) => void)"),label:d.A.string.description("Radio Label property. This label is also going to be used as an aria-label for screen readers."),checked:d.A.bool.description("Whether the radio is checked or not"),hasError:d.A.bool.description("Whether the radio has error or not."),innerRef:d.A.oneOfType([d.A.func,d.A.object]).description("Radio input ref."),wrapLabel:d.A.bool.description("Whether to wrap or truncate the label"),device:d.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:d.A.bool.description("Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION").defaultValue(!1)},K=L;var N=o("./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=e=>{throw new Error(`DSControlledRadio:: ${e}
+  `)},z=(e,n)=>{(0,N.D)(e,n,a),typeof e.label>"u"&&typeof e["aria-label"]>"u"&&Z("Please provide a label or ariaLabel property to use this component.")},H={CONTAINER:"ds-radio-container",INPUT:"ds-radio",READONLY_HELPER_MSG:"ds-radio-readonly-helper-msg"},Y=e=>{const n=(0,y.b)(e,U);z(e,L);const{checked:s,applyAriaDisabled:m,visualOnly:O,device:S,hasError:k,innerRef:w,value:W,wrapLabel:ee,onChange:oe}=n,ne=(0,r.useCallback)(Q=>{oe&&W&&!m&&oe(W,Q)},[m,oe,W]),te=(0,r.useCallback)(Q=>{Q.key==="Enter"&&ne(Q)},[ne]),se=r.useMemo(()=>({onKeyDown:te}),[te]),{id:ae,disabled:re,readOnly:$,label:X,className:de,...ie}=(0,i.u)(n,se),J=(0,r.useMemo)(()=>ae||`ds-form-radio-${(0,V.L)(5)}`,[ae]),me=(0,x.d)(n);return(0,t.jsxs)(C,{device:S,"data-testid":"ds-radio-container",hasLabel:Boolean(X),className:de,...me,children:[(0,t.jsx)(T,{device:S,checked:s,hasError:k,disabled:re,applyAriaDisabled:m,readOnly:$,children:O?null:(0,t.jsx)(F,{"data-testid":"ds-radio",type:"radio",...se,...ie,id:J,innerRef:w,onChange:ne,checked:s,disabled:re,"aria-disabled":m||$,"aria-invalid":k,"aria-describedby":$?`${J}-read-only-helper-msg`:void 0})}),X&&(0,t.jsx)(_,{device:S,htmlFor:J,disabled:re||m,readOnly:$,checked:s,"data-testid":"ds-radio-label",children:ee?(0,t.jsx)(l,{children:X}):(0,t.jsx)(D.n,{value:X})}),$?(0,t.jsx)(j,{"data-testid":H.READONLY_HELPER_MSG,id:`${J}-read-only-helper-msg`,children:"Read only"}):null]})};Y.displayName="DSControlledRadio";const A=(0,f.A)(Y);A.propTypes=K;var q,I;const le=({...e})=>(0,t.jsx)(Y,{...e}),ue=({...e})=>q(I,{...e,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"(G,b,o){o.d(b,{n:()=>v});var r=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),t=o("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),y=o("./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"),i=o("./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"),x=o("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/styled.js"),f=o("./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");const V=(p,a)=>{const h=(0,r.useRef)(),C=(0,r.useCallback)(()=>{const c=h.current;c&&(h.current=void 0,clearTimeout(c))},[h]);return[(0,r.useCallback)((...c)=>{h.current=setTimeout(()=>p(...c),a)},[p,a]),C]};var D=null;const u="DS-SimpleTruncateText",P=({offsetWidth:p,scrollWidth:a})=>p<a,g=(p="",a={})=>({reference:null,visible:!1,value:p,options:a}),E=x.I.span`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
   max-width: 100%;
-`,v=p=>{const{containerProps:a,tooltipDelay:h,placement:C,value:T,zIndex:c,tooltipOptions:F,textOptions:_}=p,[l,j]=(0,r.useState)(g(T,F)),M=(0,r.useCallback)(A=>{j({...l,...A,visible:!0})},[l]),B=(0,r.useCallback)(A=>{j({...l,...A,visible:!1})},[l]),[d,$]=V(M,h),L=(0,r.useCallback)(A=>{const{target:q}=A,Y=q.closest(`[data-testid="${u}"]`);Y&&P(Y)&&d({value:T,reference:Y})},[d,T]),U=(0,r.useCallback)(()=>{$(),B({reference:null})},[B,$]),N=(0,r.useMemo)(()=>d?{onMouseEnter:L,onMouseLeave:U}:{},[d,L,U]),Z=(0,r.useContext)(f.Dx),K=(0,r.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:l.visible?(0,t.jsx)(y.F0,{boundaries:"window",style:{pointerEvents:"none",zIndex:c??Z.zIndex.tooltip},placement:C,content:l.value,referenceEl:l.reference,visible:l.visible,showArrow:!0}):null}),[l,C,c]),z=(0,r.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(E,{...a&&{...a},..._&&{..._},...N&&{...N},"data-testid":u,children:T})}),[a,_,N,T]);return(0,r.useMemo)(()=>(0,t.jsxs)(t.Fragment,{children:[z,K]}),[z,K])};v.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:i.y.TOP,tooltipDelay:200};var R=null}}]);
+`,v=p=>{const{containerProps:a,tooltipDelay:h,placement:C,value:T,zIndex:c,tooltipOptions:F,textOptions:_}=p,[l,j]=(0,r.useState)(g(T,F)),M=(0,r.useCallback)(A=>{j({...l,...A,visible:!0})},[l]),B=(0,r.useCallback)(A=>{j({...l,...A,visible:!1})},[l]),[d,U]=V(M,h),L=(0,r.useCallback)(A=>{const{target:q}=A,I=q.closest(`[data-testid="${u}"]`);I&&P(I)&&d({value:T,reference:I})},[d,T]),K=(0,r.useCallback)(()=>{U(),B({reference:null})},[B,U]),N=(0,r.useMemo)(()=>d?{onMouseEnter:L,onMouseLeave:K}:{},[d,L,K]),Z=(0,r.useContext)(f.Dx),z=(0,r.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:l.visible?(0,t.jsx)(y.F0,{boundaries:"window",style:{pointerEvents:"none",zIndex:c??Z.zIndex.tooltip},placement:C,content:l.value,referenceEl:l.reference,visible:l.visible,showArrow:!0}):null}),[l,C,c]),H=(0,r.useMemo)(()=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(E,{...a&&{...a},..._&&{..._},...N&&{...N},"data-testid":u,children:T})}),[a,_,N,T]);return(0,r.useMemo)(()=>(0,t.jsxs)(t.Fragment,{children:[H,z]}),[H,z])};v.defaultProps={containerProps:{},tooltipOptions:{},textOptions:{},value:"",placement:i.y.TOP,tooltipDelay:200};var R=null}}]);

package/demo/view-fields-text-box-index-stories.c863f3d0.iframe.bundle.js

@@ -0,0 +1,258 @@
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[8749],{"./lib/view/fields/form-layout-block-item/index.tsx"(v,u,e){e.d(u,{B:()=>h});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),t=e.n(d),s=e("./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"),_=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"),r=["inputID","label"],h=function(x){var m=x.inputID,n=x.label,f=t()(x,r),l=(0,_.lN)({name:m}),a=l.errors,p=(0,_.Jt)(a,m),y=!!p,B=p?.message;return(0,c.jsx)(s.U,Object.assign({inputID:m,label:n,hasError:y,validationMessage:B},f))};h.displayName="FormLayoutBlockItem"},"./lib/view/fields/text-box/index.tsx"(v,u,e){e.d(u,{f:()=>m});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(d),s=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),_=e.n(s),c=e("./node_modules/.pnpm/@elliemae+ds-legacy-common@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-common/dist/esm/TextBox/DSTextBox.js"),r=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"),x=["name","defaultValue","rules"],m=function(n){var f=n.name,l=n.defaultValue,a=l===void 0?"":l,p=n.rules,y=p===void 0?{}:p,B=_()(n,x);return t()(r.xI,{name:f,defaultValue:a,rules:y,render:function(b){var E=b.field;return(0,h.jsx)(c.UN,Object.assign({},B,E))}})};m.displayName="TextBox"},"./lib/view/fields/watch-value.tsx"(v,u,e){e.d(u,{n:()=>m});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(d),s=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"),_=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/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),r,h=s.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),x=s.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),m=function(n){var f=n.name,l=n.label,a=(0,c.xW)(),p=a.watch,y=p(f,!1)||"";return t()(_.Ay,{},void 0,t()(h,{},void 0,r||(r=t()("h4",{},void 0,"Form Data:")),t()(x,{},void 0,t()("div",{},void 0,l," : ",t()("strong",{},void 0,JSON.stringify(y))))))};m.displayName="WatchValue"},"./lib/view/form/index.tsx"(v,u,e){e.d(u,{l:()=>c});var 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"),t=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),s=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),_=d.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),c=function(r){var h=r.classname,x=r.reactHookFormProps,m=x===void 0?{mode:"onBlur"}:x,n=r.children,f=r.onSubmit,l=(0,t.mN)(m),a={};f&&(a.onSubmit=l.handleSubmit(f));var p=Object.assign(l,{formProps:m});return(0,s.jsx)(t.Op,Object.assign({},p,{children:(0,s.jsx)(_,Object.assign({className:h},a,{children:n}))}))};c.displayName="Form"},"./lib/view/fields/text-box/index.stories.tsx"(v,u,e){e.r(u),e.d(u,{Basic:()=>y,__namedExportsOrder:()=>B,default:()=>a});var d=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),t=e.n(d),s=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"),_=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"),c=e("./lib/view/form/index.tsx"),r=e("./lib/view/fields/text-box/index.tsx"),h=e("./lib/view/fields/form-layout-block-item/index.tsx"),x=e("./lib/view/fields/watch-value.tsx"),m=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),n,f=`
+    
+    // @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 { TextBox, TextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/TextBox',\\n  component: TextBox,\\n} as Meta;\\n\\nconst Template: Story<TextBoxProps & { labelText: string }> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"firstname\\" label=\\"First Name\\" required>\\n        <TextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"First Name\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'firstname',\\n  name: 'firstname',\\n  defaultValue: 'John',\\n  rules: {\\n    required: { value: true, message: 'Please enter firstname' },\\n  },\\n};\\n";
+    // @ts-ignore
+    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":62,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":62,"line":14},"endBody":{"col":1,"line":24}}};
+    
+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 { TextBox, TextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/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 { TextBox, TextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/TextBox',\\n  component: TextBox,\\n} as Meta;\\n\\nconst Template: Story<TextBoxProps & { labelText: string }> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"firstname\\" label=\\"First Name\\" required>\\n        <TextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"First Name\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'firstname',\\n  name: 'firstname',\\n  defaultValue: 'John',\\n  rules: {\\n    required: { value: true, message: 'Please enter firstname' },\\n  },\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":62,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":62,"line":14},"endBody":{"col":1,"line":24}}}},},
+  title: 'Components/Form/Controls/TextBox',
+  component: TextBox,
+} as Meta;
+
+const Template: Story<TextBoxProps & { labelText: string }> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="firstname" label="First Name" required>
+        <TextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="First Name" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'firstname',
+  name: 'firstname',
+  defaultValue: 'John',
+  rules: {
+    required: { value: true, message: 'Please enter firstname' },
+  },
+};
+`,l={Basic:{startLoc:{col:62,line:22},endLoc:{col:1,line:32},startBody:{col:62,line:22},endBody:{col:1,line:32}}},f=`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 { TextBox, TextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
+import { WatchValue } from '../watch-value.js';
+
+export default {
+  title: 'Components/Form/Controls/TextBox',
+  component: TextBox,
+} as Meta;
+
+const Template: Story<TextBoxProps & { labelText: string }> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="firstname" label="First Name" required>
+        <TextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="First Name" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'firstname',
+  name: 'firstname',
+  defaultValue: 'John',
+  rules: {
+    required: { value: true, message: 'Please enter firstname' },
+  },
+};
+`,l={Basic:{startLoc:{col:62,line:14},endLoc:{col:1,line:24},startBody:{col:62,line:14},endBody:{col:1,line:24}}};const a={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 { TextBox, TextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/TextBox',\\n  component: TextBox,\\n} as Meta;\\n\\nconst Template: Story<TextBoxProps & { labelText: string }> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"firstname\\" label=\\"First Name\\" required>\\n        <TextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"First Name\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'firstname',\\n  name: 'firstname',\\n  defaultValue: 'John',\\n  rules: {\\n    required: { value: true, message: 'Please enter firstname' },\\n  },\\n};\\n";
+    // @ts-ignore
+    var __LOCATIONS_MAP__ = {"Basic":{"startLoc":{"col":62,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":62,"line":14},"endBody":{"col":1,"line":24}}};
+    
+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 { TextBox, TextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/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 { TextBox, TextBoxProps } from './index.js';\\nimport { FormLayoutBlockItem } from '../form-layout-block-item/index.js';\\nimport { WatchValue } from '../watch-value.js';\\n\\nexport default {\\n  title: 'Components/Form/Controls/TextBox',\\n  component: TextBox,\\n} as Meta;\\n\\nconst Template: Story<TextBoxProps & { labelText: string }> = (args) => (\\n  <Grid p=\\"m\\">\\n    <Form>\\n      <FormLayoutBlockItem inputID=\\"firstname\\" label=\\"First Name\\" required>\\n        <TextBox {...args} />\\n      </FormLayoutBlockItem>\\n      <DSButtonV2>Submit</DSButtonV2>\\n      <WatchValue label=\\"First Name\\" {...args} />\\n    </Form>\\n  </Grid>\\n);\\n\\nexport const Basic = Template.bind({});\\n\\nBasic.args = {\\n  id: 'firstname',\\n  name: 'firstname',\\n  defaultValue: 'John',\\n  rules: {\\n    required: { value: true, message: 'Please enter firstname' },\\n  },\\n};\\n","locationsMap":{"basic":{"startLoc":{"col":62,"line":14},"endLoc":{"col":1,"line":24},"startBody":{"col":62,"line":14},"endBody":{"col":1,"line":24}}}},},
+  title: 'Components/Form/Controls/TextBox',
+  component: TextBox,
+} as Meta;
+
+const Template: Story<TextBoxProps & { labelText: string }> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="firstname" label="First Name" required>
+        <TextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="First Name" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'firstname',
+  name: 'firstname',
+  defaultValue: 'John',
+  rules: {
+    required: { value: true, message: 'Please enter firstname' },
+  },
+};
+`,locationsMap:{basic:{startLoc:{col:62,line:22},endLoc:{col:1,line:32},startBody:{col:62,line:22},endBody:{col:1,line:32}}}},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 { TextBox, TextBoxProps } from './index.js';
+import { FormLayoutBlockItem } from '../form-layout-block-item/index.js';
+import { WatchValue } from '../watch-value.js';
+
+export default {
+  title: 'Components/Form/Controls/TextBox',
+  component: TextBox,
+} as Meta;
+
+const Template: Story<TextBoxProps & { labelText: string }> = (args) => (
+  <Grid p="m">
+    <Form>
+      <FormLayoutBlockItem inputID="firstname" label="First Name" required>
+        <TextBox {...args} />
+      </FormLayoutBlockItem>
+      <DSButtonV2>Submit</DSButtonV2>
+      <WatchValue label="First Name" {...args} />
+    </Form>
+  </Grid>
+);
+
+export const Basic = Template.bind({});
+
+Basic.args = {
+  id: 'firstname',
+  name: 'firstname',
+  defaultValue: 'John',
+  rules: {
+    required: { value: true, message: 'Please enter firstname' },
+  },
+};
+`,locationsMap:{basic:{startLoc:{col:62,line:14},endLoc:{col:1,line:24},startBody:{col:62,line:14},endBody:{col:1,line:24}}}}},title:"Components/Form/Controls/TextBox",component:r.f};var p=function(b){return t()(s.Ay,{p:"m"},void 0,t()(c.l,{},void 0,t()(h.B,{inputID:"firstname",label:"First Name",required:!0},void 0,(0,m.jsx)(r.f,Object.assign({},b))),n||(n=t()(_.e,{},void 0,"Submit")),(0,m.jsx)(x.n,Object.assign({label:"First Name"},b))))};p.displayName="Template";var y=p.bind({});y.args={id:"firstname",name:"firstname",defaultValue:"John",rules:{required:{value:!0,message:"Please enter firstname"}}};var B=["Basic"]},"./node_modules/.pnpm/@elliemae+ds-form-layout-blocks@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-layout-blocks/dist/esm/form-layout-block-item/DSFormLayoutBlockItem.js"(v,u,e){e.d(u,{U:()=>H});var d=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"),s=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"),_=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"),r=e("./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/AlertsSmallFill.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/globalProps/globalAttributesPropTypes.js"),x=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"),m=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/propsPerSlot/getPropsPerSlotPropTypes.js"),n=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"),f=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/helpers.js");const l="DSFormlayoutblockitem",a={CONTAINER:"container",LABEL:"label",MESSAGE:"message",ERROR_MESSAGE:"error-message",COUNTER:"counter",MARK:"mark"},p=(0,f.lD)(l,a),y={isGroup:!1},B={...h.P,...x.w,...(0,m.Y)(l,a),children:n.A.node.isRequired.description("Input component. "),label:n.A.string.description("Label property for the input component. This property is required for accesibility purposes."),inputID:n.A.string.description("String that matches the input component's id. This property is required for accesibility purposes."),maxCharCounter:n.A.number.description("Max of characters allowed."),currentChar:n.A.number.description("Current counter of input text area"),feedbackMessage:n.A.string.description("Feedback message to show below the input component."),validationMessage:n.A.string.description("Validation message to show below the input component. It requires hasError property set to true to be visible."),hasError:n.A.bool.description("Helper boolean property for the validation message."),required:n.A.bool.description("Adds required extra styling."),optional:n.A.bool.description("Adds optional extra styling."),fitContent:n.A.bool.description("Set the width of the layout to the input component."),leftLabel:n.A.bool.description("Adds the label at the left of the input component."),hideLabel:n.A.bool.description("Hides the input label. It still requires label and labelFor property for accesibility purposes"),withHighlight:n.A.bool.description("Adds highlight extra styling. It requires extra spacing, please check withHighlight explanation tab."),isGroup:n.A.bool.description("Sets the HTML elements as fieldset and legend. This should be used when you want to group more than one input."),iconError:n.A.bool.description("Adds icon error extra styling.")};var b=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/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.17.23/node_modules/@elliemae/ds-system/dist/esm/xStyledWrapper.js"),R=e("./node_modules/.pnpm/@elliemae+ds-system@3.57.10_@elliemae+pui-theme@2.13.0_lodash-es@4.17.23/node_modules/@elliemae/ds-system/dist/esm/styled/system.js");const k=(0,b.I)("div",{name:l,slot:a.CONTAINER})`
+  position: relative;
+  padding: 0;
+  margin: 0;
+  display: grid;
+  ${E.L1}
+  ${({fitContent:o})=>o?"width: fit-content;":void 0}
+  ${({isGroup:o})=>o?"border: none":""};
+  ${({leftLabel:o,hideLabel:i})=>o&&!i?"grid-template-columns: auto 1fr;":void 0}
+  align-items: center;
+  ${({theme:o,withHighlight:i})=>i?`
+  &::after {
+        position: absolute;
+        content: '';
+        left: -${o.space.xxs};
+        top: -${o.space.xxxs};
+        z-index: -1;
+        width: calc(100% + ${o.space.xs});
+        height: calc(100%  + ${o.space.xxs});
+        background-color: #FEFBEE;
+        border : 1px solid #8F6326;
+        border-radius : 4px;
+        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35);
+        }
+        &:hover, 
+        &:focus-within {
+          &::after {
+            position: absolute;
+            content: '';
+            left: -${o.space.xxs};
+            top: -${o.space.xxxs};
+            z-index: -1;
+            width: calc(100% + ${o.space.xs});
+            height: calc(100%  + ${o.space.xxs});
+            background-color: #FFF9D3;
+            border : 2px solid #8F6326;
+            border-radius : 4px;
+            box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);
+          }
+        }
+  `:void 0}
+`,$=(0,b.I)("label",{name:l,slot:a.LABEL})`
+  display: flex;
+  ${({theme:o,leftLabel:i})=>i?`padding-right: ${o.space.xxxs};`:void 0}
+  ${({hideLabel:o})=>o?`position: absolute;
+      width: 1px;
+      height: 1px;
+      padding: 0;
+      margin: -1px;
+      overflow: hidden;
+      clip: rect(0, 0, 0, 0);
+      white-space: nowrap;
+      border: 0;
+  `:void 0}
+`,O=(0,R.AH)`
+  font-size: ${({theme:o})=>o.fontSizes.microText[200]};
+  text-align: right;
+  line-height: 1.231rem;
+  @media (max-width: ${({theme:o})=>o.breakpoints.small}) {
+    line-height: 1rem;
+  }
+  min-height: 15px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: ${({theme:o,hasError:i})=>i?o.colors.danger[900]:o.colors.neutral[500]};
+  ${({leftLabel:o,hideLabel:i})=>o&&!i?"grid-column: 1/3;":void 0}
+  font-style: normal;
+`,U=(0,b.I)("div",{name:l,slot:a.MESSAGE})`
+  ${O}
+`,N=(0,b.I)("div",{name:l,slot:a.ERROR_MESSAGE})`
+  ${O}
+`,G=(0,b.I)("span",{name:l,slot:a.MARK})`
+  margin-left: ${({theme:o})=>o.space.xxxs};
+  ${({theme:o,required:i})=>i?`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  line-height: 1rem;
+  font-size: 1.5rem;
+  :after {
+    content: '*';
+    color: ${o.colors.danger[900]};
+  }
+  `:`
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  border: 1px solid ${o.colors.brand[600]};
+  `}
+`,T=b.I.div`
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+`,K=(0,b.I)("span",{name:l,slot:a.COUNTER})`
+  justify-self: flex-end;
+  margin-left: 16px;
+  color: ${({theme:o,hasError:i})=>i?o.colors.danger[900]:o.colors.neutral[500]};
+`;var 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/validation/typescriptValidator.js"),J=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"),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/globalProps/useGetGlobalAttributes.js"),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/xstyledProps/useGetXstyledProps.js");const ee=o=>{(0,w.D)(o,B,l);const i=(0,J.b)(o,y),C=(0,P.u)(i),D=(0,A.d)(i);return d.useMemo(()=>({globalAttributes:C,xstyledProps:D,propsWithDefault:i}),[C,D,i])},H=o=>{const{globalAttributes:i,xstyledProps:C,propsWithDefault:D}=ee(o),{label:z,feedbackMessage:Y,maxCharCounter:j,currentChar:M,validationMessage:X,inputID:Q,children:te,hasError:S,leftLabel:W,required:Z,optional:q,hideLabel:V,fitContent:se,withHighlight:ne,isGroup:F}=D,{className:re,label:ie,...le}=i,g=(0,d.useMemo)(()=>Q??`form_layout_block_item_${(0,c.L)(6)}`,[Q]),ae=(0,d.useMemo)(()=>j!==void 0?["1fr","auto"]:["1fr"],[j]),I=(0,d.useCallback)(()=>D,[D]),L=(0,d.useCallback)(()=>({}),[]);return(0,t.jsxs)(k,{leftLabel:W,fitContent:se,hideLabel:V,withHighlight:ne,as:F?"fieldset":"div",isGroup:F,className:re,...C,...le,getOwnerProps:I,getOwnerPropsArguments:L,children:[(0,t.jsxs)(s.Ay,{cols:ae,gutter:"xxs","aria-live":"polite",id:`${g}_remaining_characters`,children:[z?(0,t.jsxs)($,{id:`${g}_block_label`,htmlFor:g,leftLabel:W,hideLabel:V,"aria-hidden":F,getOwnerProps:I,getOwnerPropsArguments:L,children:[z,(Z||q)&&(0,t.jsx)(G,{required:Z,"aria-hidden":Z,children:q?(0,t.jsx)(T,{children:"Optional"}):null})]}):null,j!==void 0&&M!==void 0?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(K,{hasError:M>j,getOwnerProps:I,getOwnerPropsArguments:L,children:`${M}/${j}`}),(0,t.jsx)(T,{children:M<j?`${j-M} characters remaining`:""})]}):null]}),F&&(0,t.jsx)(T,{as:"legend",id:`${g}_legend`,children:`${z}. ${S&&X||!S&&Y||""}`}),te,Y&&!S?(0,t.jsx)(U,{"aria-live":"polite",leftLabel:W,hideLabel:V,"aria-hidden":F,id:`${g}_feedback_message`,getOwnerProps:I,getOwnerPropsArguments:L,children:Y}):(0,t.jsx)(T,{id:`${g}_feedback_message`}),X&&S?(0,t.jsxs)(N,{hasError:S,leftLabel:W,hideLabel:V,role:"alert",id:`${g}_error_message`,getOwnerProps:I,getOwnerPropsArguments:L,children:[(0,t.jsx)(r.A,{width:8,height:8,color:["danger","900"],style:{marginBottom:"2px"}}),"\xA0",`${X}`]}):(0,t.jsx)(T,{id:`${g}_error_message`})]})};H.displayName="DSFormLayoutBlockItem";const oe=(0,_.A)(H);oe.propTypes=B},"./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/AlertsSmallFill.js"(v,u,e){e.d(u,{A:()=>c});var d=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"),s=e("./node_modules/.pnpm/@elliemae+ds-icons@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-icons/dist/esm/utils/SvgIcon.js"),c=r=>(0,t.jsx)(s.Ah,{width:12,height:13,...r,viewBox:"0 0 12 13",children:(0,t.jsx)("path",{d:"M 7.2154 1.2771 L 11.8239 10.2545 C 12.1984 10.9839 11.956 11.904 11.2826 12.3096 C 11.0752 12.4345 10.8419 12.5 10.6046 12.5 L 1.3952 12.5 C 0.6246 12.5 0 11.8234 0 10.9889 C 0 10.7322 0.0603 10.4798 0.1753 10.2555 L 4.7762 1.278 C 5.1502 0.5483 5.9995 0.2851 6.6732 0.6902 C 6.901 0.8271 7.0888 1.0304 7.2154 1.2771 Z"})})},"./node_modules/.pnpm/@elliemae+ds-legacy-common@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-common/dist/esm/TextBox/DSTextBox.js"(v,u,e){e.d(u,{UN:()=>r});var d=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"),s=e("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/propTypes/PropTypes.js"),_=e("./node_modules/.pnpm/@elliemae+ds-legacy-props-helpers@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-props-helpers/dist/esm/propTypes/describe.js"),c=e("./node_modules/.pnpm/@elliemae+ds-legacy-common@1.0.16_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-legacy-common/dist/esm/Input/DSInput.js");const r=({containerProps:n={},autoFocus:f=!1,disabled:l=!1,maxLength:a=255,minLength:p=0,fluidWidth:y=!1,placeholder:B,value:b="",hasError:E=!1,readOnly:R=!1,innerRef:k=null,type:$="text",min:O=void 0,max:U=void 0,clearable:N=!1,leftComponent:G=null,rightComponent:T=null,required:K=!1,variant:w,disableTooltip:J,id:P,...A})=>(0,t.jsx)(c._C,{...A,"aria-label":P?void 0:A["aria-label"]||"Text Box","aria-describedby":A["aria-describedby"]||`${P?`${P}_feedback_message`:""}`,autoFocus:f,clearable:N,containerProps:n,disabled:l,fluidWidth:y,hasError:E,innerRef:k,leftComponent:G,max:U,maxLength:a,min:O,minLength:p,placeholder:B,readOnly:R,required:K,rightComponent:T,role:"textbox",type:$,value:b,variant:w,disableTooltip:J,id:P}),h={containerProps:s.A.shape({}).description("inject props at textbox wrapper"),autoFocus:s.A.bool.description("Whether the text box uses auto focus or not"),disabled:s.A.bool.description("Whether the text box is disabled or not"),maxLength:s.A.number.description("Max length for the text box"),minLength:s.A.number.description("Min length for the text box"),fluidWidth:s.A.bool.description("Make the content of the text box fit the container or not"),placeholder:s.A.string.description("Placeholder for the text box"),value:s.A.string.description("Default value once the component is initialized"),hasError:s.A.bool.description("Whether the text box has error or not"),readOnly:s.A.bool.description("Whether the text box is read only or not"),min:s.A.number.description("html min prop for input"),max:s.A.number.description("html max prop for input"),clearable:s.A.bool.description("Whether the text box is clearable or not"),leftComponent:s.A.element.description("Component to be added at the left side of the text box"),rightComponent:s.A.element.description("Component to be added at the right side of the text box"),required:s.A.bool.description("Whether the text box is required or not"),variant:s.A.string.description("variant-default','variant-focus','variant-active','variant-disabled'"),type:s.A.string.description("html input type"),innerRef:s.A.oneOfType([s.A.func,s.A.object]).description("internal ref"),disableTooltip:s.A.bool.description("Whether to show a tooltip or not when text does not fit").defaultValue(!0)};r.propTypes=h,r.displayName="DSTextBox";const x=(0,_.A)(r);x.propTypes=h;var m=null}}]);

package/demo/{docs/view-fields-toggle-index-stories.28cd06c6.iframe.bundle.js → view-fields-toggle-index-stories.e982ba25.iframe.bundle.js}

@@ -1,4 +1,4 @@
-"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5936],{"./lib/view/fields/toggle/index.stories.tsx"(h,i,e){e.r(i),e.d(i,{Basic:()=>B,__namedExportsOrder:()=>D,default:()=>P});var p=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(p),r=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),f=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"),m=e("./lib/view/form/index.tsx"),n=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),d=e.n(n),c=e("./node_modules/.pnpm/@elliemae+ds-form-toggle@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-toggle/dist/esm/ControlledToggle.js"),a=e("./node_modules/.pnpm/react-hook-form@7.70.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"),g=["name","defaultValue","rules"],u=["value","onChange"],l=function(s){var C=s.name,x=s.defaultValue,F=x===void 0?!1:x,S=s.rules,M=S===void 0?{}:S,O=d()(s,g);return o()(a.xI,{name:C,rules:M,defaultValue:F,render:function(k){var b=k.field,_=b.value,w=b.onChange,E=d()(b,u);return(0,t.jsx)(c.m,Object.assign({},O,E,{checked:_,value:_.toString(),onChange:function(){return w(!_)}}))}})};l.displayName="Toggle";var v=e("./lib/view/fields/watch-value.tsx"),T,j=`
+"use strict";(globalThis.webpackChunk_elliemae_pui_app_sdk=globalThis.webpackChunk_elliemae_pui_app_sdk||[]).push([[5936],{"./lib/view/fields/watch-value.tsx"(h,i,e){e.d(i,{n:()=>a});var p=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(p),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.esm.js"),f=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"),m=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n,d=r.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),c=r.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),a=function(t){var g=t.name,u=t.label,l=(0,m.xW)(),v=l.watch,T=v(g,!1)||"";return o()(f.Ay,{},void 0,o()(d,{},void 0,n||(n=o()("h4",{},void 0,"Form Data:")),o()(c,{},void 0,o()("div",{},void 0,u," : ",o()("strong",{},void 0,JSON.stringify(T))))))};a.displayName="WatchValue"},"./lib/view/form/index.tsx"(h,i,e){e.d(i,{l:()=>m});var p=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.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),f=p.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),m=function(n){var d=n.classname,c=n.reactHookFormProps,a=c===void 0?{mode:"onBlur"}:c,t=n.children,g=n.onSubmit,u=(0,o.mN)(a),l={};g&&(l.onSubmit=u.handleSubmit(g));var v=Object.assign(u,{formProps:a});return(0,r.jsx)(o.Op,Object.assign({},v,{children:(0,r.jsx)(f,Object.assign({className:d},l,{children:t}))}))};m.displayName="Form"},"./lib/view/fields/toggle/index.stories.tsx"(h,i,e){e.r(i),e.d(i,{Basic:()=>B,__namedExportsOrder:()=>D,default:()=>P});var p=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(p),r=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"),f=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"),m=e("./lib/view/form/index.tsx"),n=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"),d=e.n(n),c=e("./node_modules/.pnpm/@elliemae+ds-form-toggle@3.57.10_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-form-toggle/dist/esm/ControlledToggle.js"),a=e("./node_modules/.pnpm/react-hook-form@7.70.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"),g=["name","defaultValue","rules"],u=["value","onChange"],l=function(s){var C=s.name,x=s.defaultValue,F=x===void 0?!1:x,S=s.rules,M=S===void 0?{}:S,O=d()(s,g);return o()(a.xI,{name:C,rules:M,defaultValue:F,render:function(k){var b=k.field,_=b.value,w=b.onChange,E=d()(b,u);return(0,t.jsx)(c.m,Object.assign({},O,E,{checked:_,value:_.toString(),onChange:function(){return w(!_)}}))}})};l.displayName="Toggle";var v=e("./lib/view/fields/watch-value.tsx"),T,j=`
     
     // @ts-nocheck
     // @ts-ignore
@@ -142,4 +142,4 @@ Basic.args = {
   defaultValue: false,
   label: 'Acknowledge Electronic delivery of documents',
 };
-`,locationsMap:{basic:{startLoc:{col:57,line:13},endLoc:{col:1,line:23},startBody:{col:57,line:13},endBody:{col:1,line:23}}}}},title:"Components/Form/Controls/Toggle",component:l};var y=function(s){return o()(r.Ay,{p:"m"},void 0,o()(m.l,{},void 0,o()("div",{},void 0,(0,t.jsx)(l,Object.assign({},s))),T||(T=o()(f.e,{},void 0,"Submit")),(0,t.jsx)(v.n,Object.assign({},s))))};y.displayName="Template";var B=y.bind({});B.args={id:"acknowledge",name:"acknowledge",defaultValue:!1,label:"Acknowledge Electronic delivery of documents"};var D=["Basic"]},"./lib/view/fields/watch-value.tsx"(h,i,e){e.d(i,{n:()=>a});var p=e("./node_modules/.pnpm/@babel+runtime@7.28.6/node_modules/@babel/runtime/helpers/jsx.js"),o=e.n(p),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.esm.js"),f=e("./node_modules/.pnpm/@elliemae+ds-grid@3.57.7_@elliemae+pui-theme@2.13.0/node_modules/@elliemae/ds-grid/dist/esm/Grid.js"),m=e("./node_modules/.pnpm/react-hook-form@7.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),n,d=r.Ay.section.withConfig({componentId:"sc-1va6d9p-0"})(["margin-top:10px;border-top:2px blue dotted;width:100%;"]),c=r.Ay.div.withConfig({componentId:"sc-1va6d9p-1"})(["display:flex;flex-direction:column;padding-left:10px;align-items:flex-start;"]),a=function(t){var g=t.name,u=t.label,l=(0,m.xW)(),v=l.watch,T=v(g,!1)||"";return o()(f.Ay,{},void 0,o()(d,{},void 0,n||(n=o()("h4",{},void 0,"Form Data:")),o()(c,{},void 0,o()("div",{},void 0,u," : ",o()("strong",{},void 0,JSON.stringify(T))))))};a.displayName="WatchValue"},"./lib/view/form/index.tsx"(h,i,e){e.d(i,{l:()=>m});var p=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.70.0_react@18.3.1/node_modules/react-hook-form/dist/index.esm.mjs"),r=e("./node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js"),f=p.Ay.form.withConfig({componentId:"sc-1pyjvv3-0"})(["width:100%;"]),m=function(n){var d=n.classname,c=n.reactHookFormProps,a=c===void 0?{mode:"onBlur"}:c,t=n.children,g=n.onSubmit,u=(0,o.mN)(a),l={};g&&(l.onSubmit=u.handleSubmit(g));var v=Object.assign(u,{formProps:a});return(0,r.jsx)(o.Op,Object.assign({},v,{children:(0,r.jsx)(f,Object.assign({className:d},l,{children:t}))}))};m.displayName="Form"}}]);
+`,locationsMap:{basic:{startLoc:{col:57,line:13},endLoc:{col:1,line:23},startBody:{col:57,line:13},endBody:{col:1,line:23}}}}},title:"Components/Form/Controls/Toggle",component:l};var y=function(s){return o()(r.Ay,{p:"m"},void 0,o()(m.l,{},void 0,o()("div",{},void 0,(0,t.jsx)(l,Object.assign({},s))),T||(T=o()(f.e,{},void 0,"Submit")),(0,t.jsx)(v.n,Object.assign({},s))))};y.displayName="Template";var B=y.bind({});B.args={id:"acknowledge",name:"acknowledge",defaultValue:!1,label:"Acknowledge Electronic delivery of documents"};var D=["Basic"]}}]);