@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/assets/{Radio-C5-GzJtb.js → Radio-BI2zWqqk.js}

@@ -1 +1 @@
-import{a as c,c as u,r as x,b as E,_ as N,d as _,e as d,f as F,ah as U,l as G,ai as h}from"./tableRowClasses-Bk1uFtwh.js";import{j as s,r as i}from"./iframe-CQjT1fxh.js";import{S as O}from"./SwitchBase-C_6ALR3v.js";import{c as g}from"./createSvgIcon-CaWcxZng.js";import{c as w}from"./createChainedFunction-BO_9K8Jh.js";const D=g(s.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),q=g(s.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),L=u("span",{name:"MuiRadioButtonIcon",shouldForwardProp:x})({position:"relative",display:"flex"}),V=u(D,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),W=u(q,{name:"MuiRadioButtonIcon"})(({theme:o,ownerState:a})=>c({left:0,position:"absolute",transform:"scale(0)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeIn,duration:o.transitions.duration.shortest})},a.checked&&{transform:"scale(1)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeOut,duration:o.transitions.duration.shortest})}));function I(o){const{checked:a=!1,classes:t={},fontSize:n}=o,e=c({},o,{checked:a});return s.jsxs(L,{className:t.root,ownerState:e,children:[s.jsx(V,{fontSize:n,className:t.background,ownerState:e}),s.jsx(W,{fontSize:n,className:t.dot,ownerState:e})]})}const Z=i.createContext(void 0);function A(){return i.useContext(Z)}const H=["checked","checkedIcon","color","icon","name","onChange","size","className"],J=o=>{const{classes:a,color:t,size:n}=o,e={root:["root",`color${d(t)}`,n!=="medium"&&`size${d(n)}`]};return c({},a,F(e,U,a))},K=u(O,{shouldForwardProp:o=>x(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.root,t.size!=="medium"&&a[`size${d(t.size)}`],a[`color${d(t.color)}`]]}})(({theme:o,ownerState:a})=>c({color:(o.vars||o).palette.text.secondary},!a.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${a.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:G.alpha(a.color==="default"?o.palette.action.active:o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},a.color!=="default"&&{[`&.${h.checked}`]:{color:(o.vars||o).palette[a.color].main}},{[`&.${h.disabled}`]:{color:(o.vars||o).palette.action.disabled}}));function Q(o,a){return typeof a=="object"&&a!==null?o===a:String(o)===String(a)}const k=s.jsx(I,{checked:!0}),v=s.jsx(I,{}),to=i.forwardRef(function(a,t){var n,e;const l=E({props:a,name:"MuiRadio"}),{checked:z,checkedIcon:B=k,color:j="primary",icon:$=v,name:y,onChange:S,size:p="medium",className:b}=l,M=N(l,H),C=c({},l,{color:j,size:p}),R=J(C),r=A();let f=z;const P=w(S,r&&r.onChange);let m=y;return r&&(typeof f>"u"&&(f=Q(r.value,l.value)),typeof m>"u"&&(m=r.name)),s.jsx(K,c({type:"radio",icon:i.cloneElement($,{fontSize:(n=v.props.fontSize)!=null?n:p}),checkedIcon:i.cloneElement(B,{fontSize:(e=k.props.fontSize)!=null?e:p}),ownerState:C,classes:R,name:m,checked:f,onChange:P,ref:t,className:_(R.root,b)},M))});export{to as R,Z as a};
+import{a as c,c as u,r as x,b as E,_ as N,d as _,e as d,f as F,ah as U,l as G,ai as h}from"./tableRowClasses-DYosAqvx.js";import{j as s,r as i}from"./iframe-Cav9rlxr.js";import{S as O}from"./SwitchBase-fGL3z_gG.js";import{c as g}from"./createSvgIcon-CoE7vjSC.js";import{c as w}from"./createChainedFunction-BO_9K8Jh.js";const D=g(s.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked"),q=g(s.jsx("path",{d:"M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"}),"RadioButtonChecked"),L=u("span",{name:"MuiRadioButtonIcon",shouldForwardProp:x})({position:"relative",display:"flex"}),V=u(D,{name:"MuiRadioButtonIcon"})({transform:"scale(1)"}),W=u(q,{name:"MuiRadioButtonIcon"})(({theme:o,ownerState:a})=>c({left:0,position:"absolute",transform:"scale(0)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeIn,duration:o.transitions.duration.shortest})},a.checked&&{transform:"scale(1)",transition:o.transitions.create("transform",{easing:o.transitions.easing.easeOut,duration:o.transitions.duration.shortest})}));function I(o){const{checked:a=!1,classes:t={},fontSize:n}=o,e=c({},o,{checked:a});return s.jsxs(L,{className:t.root,ownerState:e,children:[s.jsx(V,{fontSize:n,className:t.background,ownerState:e}),s.jsx(W,{fontSize:n,className:t.dot,ownerState:e})]})}const Z=i.createContext(void 0);function A(){return i.useContext(Z)}const H=["checked","checkedIcon","color","icon","name","onChange","size","className"],J=o=>{const{classes:a,color:t,size:n}=o,e={root:["root",`color${d(t)}`,n!=="medium"&&`size${d(n)}`]};return c({},a,F(e,U,a))},K=u(O,{shouldForwardProp:o=>x(o)||o==="classes",name:"MuiRadio",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.root,t.size!=="medium"&&a[`size${d(t.size)}`],a[`color${d(t.color)}`]]}})(({theme:o,ownerState:a})=>c({color:(o.vars||o).palette.text.secondary},!a.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${a.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:G.alpha(a.color==="default"?o.palette.action.active:o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},a.color!=="default"&&{[`&.${h.checked}`]:{color:(o.vars||o).palette[a.color].main}},{[`&.${h.disabled}`]:{color:(o.vars||o).palette.action.disabled}}));function Q(o,a){return typeof a=="object"&&a!==null?o===a:String(o)===String(a)}const k=s.jsx(I,{checked:!0}),v=s.jsx(I,{}),to=i.forwardRef(function(a,t){var n,e;const l=E({props:a,name:"MuiRadio"}),{checked:z,checkedIcon:B=k,color:j="primary",icon:$=v,name:y,onChange:S,size:p="medium",className:b}=l,M=N(l,H),C=c({},l,{color:j,size:p}),R=J(C),r=A();let f=z;const P=w(S,r&&r.onChange);let m=y;return r&&(typeof f>"u"&&(f=Q(r.value,l.value)),typeof m>"u"&&(m=r.name)),s.jsx(K,c({type:"radio",icon:i.cloneElement($,{fontSize:(n=v.props.fontSize)!=null?n:p}),checkedIcon:i.cloneElement(B,{fontSize:(e=k.props.fontSize)!=null?e:p}),ownerState:C,classes:R,name:m,checked:f,onChange:P,ref:t,className:_(R.root,b)},M))});export{to as R,Z as a};

package/dist/assets/{Radio-BlxlCYZY.js → Radio-DRPDZwez.js}

@@ -1 +1 @@
-import{r as s,j as t}from"./iframe-CQjT1fxh.js";import{u as S}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as v}from"./Typography-CjpHjc10.js";import{u as z}from"./useUniqueId-DG6rB8dI.js";import{H as D}from"./Hint-BXue9c6p.js";import{F as N}from"./FormControlLabel-BG9mNqQc.js";import{R as $}from"./Radio-C5-GzJtb.js";import{F as q}from"./FormHelperText-CVc1kPQJ.js";const L=({hint:a,id:f,inputRef:p,isChecked:x,isDisabled:r,isInvalid:k,label:m,name:b,testId:u,translate:l,value:M,isReadOnly:e,onChange:n,onBlur:c,onClick:j})=>{const d=s.useRef(null),g=S(),h=z(f),i=a?`${h}-hint`:void 0;s.useImperativeHandle(p,()=>({focus:()=>{var o;(o=d.current)==null||o.focus()}}),[]);const T=s.useMemo(()=>t.jsx(v,{component:"span",children:m}),[m]),y=s.useCallback((o,E)=>{e?o.preventDefault():n==null||n(o,E)},[n,e]),C=s.useCallback(o=>{e&&(o.stopPropagation(),o.preventDefault())},[e]),F=s.useCallback(o=>{c==null||c(o)},[c]),I=s.useMemo(()=>({...e&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,e]),H=s.useMemo(()=>({"aria-describedby":i,"aria-disabled":r||e,"data-se":u,readOnly:e,tabIndex:e?0:void 0}),[i,r,e,u]);return t.jsxs(t.Fragment,{children:[t.jsx(N,{checked:x,className:k?"Mui-error":"",control:t.jsx($,{disabled:r,inputProps:H,inputRef:d,onChange:y,onClick:j||C}),disabled:r,label:T,name:b,onBlur:F,sx:I,translate:l,value:M}),a&&t.jsx(D,{odysseyDesignTokens:g,children:t.jsx(q,{id:i,translate:l,children:a})})]})},U=s.memo(L);U.displayName="Radio";export{U as M};
+import{r as s,j as t}from"./iframe-Cav9rlxr.js";import{u as S}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as v}from"./Typography-B8ZKtxRi.js";import{u as z}from"./useUniqueId-CXfTvpAs.js";import{H as D}from"./Hint-BaHNFCSW.js";import{F as N}from"./FormControlLabel-CB3xJ6ut.js";import{R as $}from"./Radio-BI2zWqqk.js";import{F as q}from"./FormHelperText--Cp1ogV3.js";const L=({hint:a,id:f,inputRef:p,isChecked:x,isDisabled:r,isInvalid:k,label:m,name:b,testId:u,translate:l,value:M,isReadOnly:e,onChange:n,onBlur:c,onClick:j})=>{const d=s.useRef(null),g=S(),h=z(f),i=a?`${h}-hint`:void 0;s.useImperativeHandle(p,()=>({focus:()=>{var o;(o=d.current)==null||o.focus()}}),[]);const T=s.useMemo(()=>t.jsx(v,{component:"span",children:m}),[m]),y=s.useCallback((o,E)=>{e?o.preventDefault():n==null||n(o,E)},[n,e]),C=s.useCallback(o=>{e&&(o.stopPropagation(),o.preventDefault())},[e]),F=s.useCallback(o=>{c==null||c(o)},[c]),I=s.useMemo(()=>({...e&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,e]),H=s.useMemo(()=>({"aria-describedby":i,"aria-disabled":r||e,"data-se":u,readOnly:e,tabIndex:e?0:void 0}),[i,r,e,u]);return t.jsxs(t.Fragment,{children:[t.jsx(N,{checked:x,className:k?"Mui-error":"",control:t.jsx($,{disabled:r,inputProps:H,inputRef:d,onChange:y,onClick:j||C}),disabled:r,label:T,name:b,onBlur:F,sx:I,translate:l,value:M}),a&&t.jsx(D,{odysseyDesignTokens:g,children:t.jsx(q,{id:i,translate:l,children:a})})]})},U=s.memo(L);U.displayName="Radio";export{U as M};

package/dist/assets/{Radio.stories-BrGqWocJ.js → Radio.stories-CjKWmmfC.js}

@@ -1,4 +1,4 @@
-import{a as I}from"./axeRun-w5CBCc9V.js";import{O as _}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as d}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as H}from"./Radio-BlxlCYZY.js";import"./axe-9-4xvXvL.js";import"./iframe-CQjT1fxh.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Hint-BXue9c6p.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Radio-C5-GzJtb.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./ButtonBase-Rz8p08Xo.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./createSvgIcon-CaWcxZng.js";import"./createChainedFunction-BO_9K8Jh.js";/*!
+import{a as I}from"./axeRun-C-zlWaxU.js";import{O as _}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{f as d}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as H}from"./Radio-DRPDZwez.js";import"./axe-B0QS9Vy6.js";import"./iframe-Cav9rlxr.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./Hint-BaHNFCSW.js";import"./FormHelperText--Cp1ogV3.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Radio-BI2zWqqk.js";import"./SwitchBase-fGL3z_gG.js";import"./useControlled-4m9Fbl4Y.js";import"./ButtonBase-CYIo9Kvv.js";import"./useIsFocusVisible-Cu721A7w.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";/*!
  * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,7 +8,7 @@ import{a as I}from"./axeRun-w5CBCc9V.js";import{O as _}from"./OdysseyStorybookTh
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const{expect:i,fn:m,userEvent:p,within:M}=__STORYBOOK_MODULE_TEST__,he={component:H,decorators:[_],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the radio button is checked",table:{type:{summary:"boolean"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:d.isDisabled,isInvalid:{control:"boolean",description:"If `true`, the radio button has an invalid value",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the radio button is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the the radio button value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},name:d.name,value:{control:"text",description:"The value attribute of the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{label:"Label",onBlur:m(),onChange:m(),value:"Value"}},e={play:async({canvasElement:l,step:E})=>{await E("select the radio button",async({args:c})=>{const s=M(l).getByRole("radio");s&&await p.click(s),await i(s).toBeChecked(),await i(c.onChange).toHaveBeenCalledTimes(1),await p.click(l),await i(c.onBlur).toHaveBeenCalled(),await I("Radio Default")})}},a={args:{label:"Automatically assign Okta Admin Console",isChecked:!0}},t={args:{isDisabled:!0}},r={parameters:{docs:{description:{story:"A `hint` provides helper text to the Radio"}}},args:{label:"Automatically assign Okta Admin Console",hint:"All admin roles get access when the role is assigned."}},o={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isChecked:!0}},n={args:{isChecked:!0,isInvalid:!0}};var u,h,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
+ */const{expect:i,fn:m,userEvent:p,within:M}=__STORYBOOK_MODULE_TEST__,ye={component:H,decorators:[_],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the radio button is checked",table:{type:{summary:"boolean"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:d.isDisabled,isInvalid:{control:"boolean",description:"If `true`, the radio button has an invalid value",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the radio button is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the the radio button value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},name:d.name,value:{control:"text",description:"The value attribute of the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{label:"Label",onBlur:m(),onChange:m(),value:"Value"}},e={play:async({canvasElement:l,step:E})=>{await E("select the radio button",async({args:c})=>{const s=M(l).getByRole("radio");s&&await p.click(s),await i(s).toBeChecked(),await i(c.onChange).toHaveBeenCalledTimes(1),await p.click(l),await i(c.onBlur).toHaveBeenCalled(),await I("Radio Default")})}},a={args:{label:"Automatically assign Okta Admin Console",isChecked:!0}},t={args:{isDisabled:!0}},r={parameters:{docs:{description:{story:"A `hint` provides helper text to the Radio"}}},args:{label:"Automatically assign Okta Admin Console",hint:"All admin roles get access when the role is assigned."}},o={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isChecked:!0}},n={args:{isChecked:!0,isInvalid:!0}};var u,h,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
   play: async ({
     canvasElement,
     step
@@ -60,4 +60,4 @@ import{a as I}from"./axeRun-w5CBCc9V.js";import{O as _}from"./OdysseyStorybookTh
     isChecked: true,
     isInvalid: true
   }
-}`,...(S=(T=n.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};const ye=["Default","Checked","Disabled","Hint","ReadOnly","Invalid"];export{a as Checked,e as Default,t as Disabled,r as Hint,n as Invalid,o as ReadOnly,ye as __namedExportsOrder,he as default};
+}`,...(S=(T=n.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};const be=["Default","Checked","Disabled","Hint","ReadOnly","Invalid"];export{a as Checked,e as Default,t as Disabled,r as Hint,n as Invalid,o as ReadOnly,be as __namedExportsOrder,ye as default};

package/dist/assets/Radio.stories-DR-V8UW2.js

@@ -0,0 +1,38 @@
+import{M as w}from"./Radio-B6p2YsBk.js";import{f as R}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{P as T}from"./PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js";import"./iframe-Cav9rlxr.js";import"./preload-helper-Dp1pzeXC.js";import"./tableRowClasses-DYosAqvx.js";import"./OdysseyProvider-Czbz3dwH.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Radio-BI2zWqqk.js";import"./SwitchBase-fGL3z_gG.js";import"./FormHelperText--Cp1ogV3.js";import"./useControlled-4m9Fbl4Y.js";import"./ButtonBase-CYIo9Kvv.js";import"./useIsFocusVisible-Cu721A7w.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Typography-D4Laguzq.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./useUniqueId-MZzCNWze.js";import"./Typography-BcNOcPdV.js";import"./index.es-0rJMfM0E.js";import"./Box-BvtEwOZC.js";import"./Box-DduJOSF-.js";/*!
+ * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const se={component:w,decorators:[T],tags:["autodocs"],argTypes:{hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:R.isDisabled,isInvalid:{control:"boolean",description:"If `true`, the radio button has an invalid value",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the radio button is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},secureLevel:{control:{type:"select"},options:[void 0,"more","most"],description:"Security level indicator. Use 'more' for text-only badge or 'most' for badge with icon",table:{type:{summary:'"more" | "most"'}}},value:{control:"text",description:"The value attribute of the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{label:"Passkeys",value:"passkeys"}},e={},r={args:{hint:"Hardware-backed authentication for maximum security"}},t={args:{secureLevel:"more"}},o={args:{secureLevel:"most"}},a={args:{secureLevel:"most",hint:"Hardware-backed authentication for maximum security"}},s={args:{isDisabled:!0,secureLevel:"most"}},i={args:{isReadOnly:!0,secureLevel:"most"}};var m,n,c;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(c=(n=e.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};var u,p,l;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    hint: "Hardware-backed authentication for maximum security"
+  }
+}`,...(l=(p=r.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var d,y,b;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: {
+    secureLevel: "more"
+  }
+}`,...(b=(y=t.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var g,v,h;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    secureLevel: "most"
+  }
+}`,...(h=(v=o.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};var f,L,S;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    secureLevel: "most",
+    hint: "Hardware-backed authentication for maximum security"
+  }
+}`,...(S=(L=a.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var x,D,H;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true,
+    secureLevel: "most"
+  }
+}`,...(H=(D=s.parameters)==null?void 0:D.docs)==null?void 0:H.source}}};var k,M,O;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    isReadOnly: true,
+    secureLevel: "most"
+  }
+}`,...(O=(M=i.parameters)==null?void 0:M.docs)==null?void 0:O.source}}};const ie=["Default","WithHint","SecureLevelMore","SecureLevelMost","SecureLevelWithHint","Disabled","ReadOnly"];export{e as Default,s as Disabled,i as ReadOnly,t as SecureLevelMore,o as SecureLevelMost,a as SecureLevelWithHint,r as WithHint,ie as __namedExportsOrder,se as default};

package/dist/assets/{RadioGroup-BcwUBGJo.js → RadioGroup-BxX8JmFv.js}

@@ -1 +1 @@
-import{M as v,N as y,_ as j,z as w,a as M,d as N,f as P}from"./tableRowClasses-Bk1uFtwh.js";import{r as t,j as m}from"./iframe-CQjT1fxh.js";import{a as U}from"./Radio-C5-GzJtb.js";import{u as V}from"./useControlled-BUhC7uWK.js";import{u as _}from"./useIsFocusVisible-D1xCTBdT.js";import{F as b}from"./FormGroup-D8ZDwdpx.js";function F(r){return v("MuiRadioGroup",r)}y("MuiRadioGroup",["root","row","error"]);const S=["actions","children","className","defaultValue","name","onChange","value"],k=r=>{const{classes:o,row:s,error:a}=r;return P({root:["root",s&&"row",a&&"error"]},F,o)},W=t.forwardRef(function(o,s){const{actions:a,children:l,className:f,defaultValue:p,name:R,onChange:u,value:x}=o,h=j(o,S),n=t.useRef(null),C=k(o),[i,c]=V({controlled:x,default:p,name:"RadioGroup"});t.useImperativeHandle(a,()=>({focus:()=>{let e=n.current.querySelector("input:not(:disabled):checked");e||(e=n.current.querySelector("input:not(:disabled)")),e&&e.focus()}}),[]);const g=_(s,n),d=w(R),G=t.useMemo(()=>({name:d,onChange(e){c(e.target.value),u&&u(e,e.target.value)},value:i}),[d,u,c,i]);return m.jsx(U.Provider,{value:G,children:m.jsx(b,M({role:"radiogroup",ref:g,className:N(C.root,f)},h,{children:l}))})});export{W as R};
+import{M as v,N as y,_ as j,z as w,a as M,d as N,f as P}from"./tableRowClasses-DYosAqvx.js";import{r as t,j as m}from"./iframe-Cav9rlxr.js";import{a as U}from"./Radio-BI2zWqqk.js";import{u as V}from"./useControlled-4m9Fbl4Y.js";import{u as _}from"./useIsFocusVisible-Cu721A7w.js";import{F as b}from"./FormGroup-BhjYepGC.js";function F(r){return v("MuiRadioGroup",r)}y("MuiRadioGroup",["root","row","error"]);const S=["actions","children","className","defaultValue","name","onChange","value"],k=r=>{const{classes:o,row:s,error:a}=r;return P({root:["root",s&&"row",a&&"error"]},F,o)},W=t.forwardRef(function(o,s){const{actions:a,children:l,className:f,defaultValue:p,name:R,onChange:u,value:x}=o,h=j(o,S),n=t.useRef(null),C=k(o),[i,c]=V({controlled:x,default:p,name:"RadioGroup"});t.useImperativeHandle(a,()=>({focus:()=>{let e=n.current.querySelector("input:not(:disabled):checked");e||(e=n.current.querySelector("input:not(:disabled)")),e&&e.focus()}}),[]);const g=_(s,n),d=w(R),G=t.useMemo(()=>({name:d,onChange(e){c(e.target.value),u&&u(e,e.target.value)},value:i}),[d,u,c,i]);return m.jsx(U.Provider,{value:G,children:m.jsx(b,M({role:"radiogroup",ref:g,className:N(C.root,f)},h,{children:l}))})});export{W as R};

package/dist/assets/{RadioGroup-sL620ofZ.js → RadioGroup-DDMlZ9Ib.js}

@@ -1 +1 @@
-import{r as o,R as i,j as M}from"./iframe-CQjT1fxh.js";import{M as F}from"./Field-CqIOaZfg.js";import{g as L,u as S}from"./inputUtils-BBH9ADKa.js";import{M as D}from"./Radio-BlxlCYZY.js";import{R as B}from"./RadioGroup-BcwUBGJo.js";const H=({ariaDescribedBy:y,children:n,defaultValue:l,errorMessage:x,errorMessageList:C,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a=!1,label:z,name:m,onChange:r,testId:p,translate:d,value:u})=>{const E=o.useRef(L({controlledValue:u,uncontrolledValue:l})),c=S({defaultValue:l,value:u,controlState:E.current}),R=o.useCallback((e,t)=>{r==null||r(e,t)},[r]),b=o.useMemo(()=>i.Children.map(n,e=>i.isValidElement(e)&&e.type===D?i.cloneElement(e,{...e.props,isDisabled:s||e.props.isDisabled,isReadOnly:a||e.props.isReadOnly}):e),[n,s,a]),G=o.useCallback(({ariaDescribedBy:e,errorMessageElementId:t,id:f,labelElementId:k})=>M.jsx(B,{...c,"aria-describedby":e,"aria-errormessage":t,"aria-labelledby":k,"data-se":p,id:f,name:m??f,onChange:R,translate:d,children:b}),[c,m,R,b,p,d]);return M.jsx(F,{ariaDescribedBy:y,errorMessage:x,errorMessageList:C,fieldType:"group",hasVisibleLabel:!1,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a,label:z,renderFieldComponent:G})},N=o.memo(H);N.displayName="RadioGroup";export{N as M};
+import{r as o,R as i,j as M}from"./iframe-Cav9rlxr.js";import{M as F}from"./Field-4cI0KUzC.js";import{g as L,u as S}from"./inputUtils-BOLvDTmI.js";import{M as D}from"./Radio-DRPDZwez.js";import{R as B}from"./RadioGroup-BxX8JmFv.js";const H=({ariaDescribedBy:y,children:n,defaultValue:l,errorMessage:x,errorMessageList:C,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a=!1,label:z,name:m,onChange:r,testId:p,translate:d,value:u})=>{const E=o.useRef(L({controlledValue:u,uncontrolledValue:l})),c=S({defaultValue:l,value:u,controlState:E.current}),R=o.useCallback((e,t)=>{r==null||r(e,t)},[r]),b=o.useMemo(()=>i.Children.map(n,e=>i.isValidElement(e)&&e.type===D?i.cloneElement(e,{...e.props,isDisabled:s||e.props.isDisabled,isReadOnly:a||e.props.isReadOnly}):e),[n,s,a]),G=o.useCallback(({ariaDescribedBy:e,errorMessageElementId:t,id:f,labelElementId:k})=>M.jsx(B,{...c,"aria-describedby":e,"aria-errormessage":t,"aria-labelledby":k,"data-se":p,id:f,name:m??f,onChange:R,translate:d,children:b}),[c,m,R,b,p,d]);return M.jsx(F,{ariaDescribedBy:y,errorMessage:x,errorMessageList:C,fieldType:"group",hasVisibleLabel:!1,hint:V,HintLinkComponent:g,id:j,isDisabled:s,isReadOnly:a,label:z,renderFieldComponent:G})},N=o.memo(H);N.displayName="RadioGroup";export{N as M};

package/dist/assets/RadioGroup-DpcTcdEf.js

@@ -0,0 +1,10 @@
+import{j as o}from"./iframe-Cav9rlxr.js";import{useMDXComponents as m}from"./index-BQ9nbbSk.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./blocks-BI5YpTSd.js";import{R as r}from"./RadioGroup.stories-CWqmr1JP.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./axeRun-C-zlWaxU.js";import"./axe-B0QS9Vy6.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./fieldComponentPropsMetaData-C9gCwuus.js";import"./RadioGroup-DDMlZ9Ib.js";import"./Field-4cI0KUzC.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./useIsFocusVisible-Cu721A7w.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BOLvDTmI.js";import"./Radio-DRPDZwez.js";import"./Hint-BaHNFCSW.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Radio-BI2zWqqk.js";import"./SwitchBase-fGL3z_gG.js";import"./useControlled-4m9Fbl4Y.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-BxX8JmFv.js";import"./FormGroup-BhjYepGC.js";import"./Link-BXZlWRMJ.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";function p(i){const t={code:"code",p:"p",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
+`,o.jsx(e,{of:r}),`
+`,o.jsx(s,{of:r}),`
+`,o.jsx(a,{of:r}),`
+`,o.jsx(c,{of:r}),`
+`,o.jsxs(t.p,{children:["Note that ",o.jsx(t.code,{children:"RadioGroup"})," does not include an ",o.jsx(t.code,{children:"isOptional"})," prop, since a ",o.jsx(t.code,{children:"RadioGroup"}),` should
+only be used if it's required. If you need similar functionality that supports optionality,
+use a `,o.jsx(t.code,{children:"Checkbox"})," or ",o.jsx(t.code,{children:"CheckboxGroup"})," instead."]}),`
+`,o.jsx(d,{}),`
+`,o.jsx(x,{})]})}function uo(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{uo as default};

package/dist/assets/RadioGroup.stories-B-gDjvcs.js

@@ -0,0 +1,88 @@
+import{r as t,j as r,R as b,b as Re,d as W,F as xe}from"./iframe-Cav9rlxr.js";import{M as m}from"./Radio-B6p2YsBk.js";import{s as Se}from"./tableRowClasses-DYosAqvx.js";import{S as Me,b as Ce,P as Te}from"./PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js";import{M as Ve}from"./Field-g_717qKv.js";import{u as je}from"./OdysseyProvider-Czbz3dwH.js";import{M as Ee}from"./Typography-BcNOcPdV.js";import{u as Oe}from"./useUniqueId-MZzCNWze.js";import{F as De}from"./FormControlLabel-CB3xJ6ut.js";import{R as He}from"./Radio-BI2zWqqk.js";import{F as Ge}from"./FormHelperText--Cp1ogV3.js";import{R as Ne}from"./RadioGroup-BxX8JmFv.js";import{f as R}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as we}from"./Link-BXZlWRMJ.js";import"./preload-helper-Dp1pzeXC.js";import"./index.es-0rJMfM0E.js";import"./Box-BvtEwOZC.js";import"./Box-DduJOSF-.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormLabel-DB_AmiE2.js";import"./useIsFocusVisible-Cu721A7w.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./visuallyHidden-Dan1xhjv.js";import"./useTranslation-DjB2Li3Q.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Typography-D4Laguzq.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./SwitchBase-fGL3z_gG.js";import"./useControlled-4m9Fbl4Y.js";import"./createSvgIcon-CoE7vjSC.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormGroup-BhjYepGC.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const U={CONTROLLED:"CONTROLLED",UNCONTROLLED:"UNCONTROLLED"},Ie=({controlledValue:e,uncontrolledValue:a})=>a!==void 0||e===void 0?U.UNCONTROLLED:U.CONTROLLED,Fe=({defaultValue:e,value:a,controlState:o})=>t.useMemo(()=>o===U.CONTROLLED?{value:a}:{defaultValue:e},[o,e,a]),$e=Se.div(({odysseyDesignTokens:e})=>({paddingInlineStart:`calc(${e.TypographyLineHeightUi}em + ${e.Spacing2})`,marginBlockEnd:e.Spacing2,".Mui-error":{color:e.TypographyColorSubordinate}})),ze=({hint:e,id:a,inputRef:o,isChecked:u,isDisabled:c,isInvalid:y,label:h,name:v,testId:s,translate:p,value:F,isReadOnly:l,onChange:d,onBlur:g,onClick:M})=>{const S=t.useRef(null),$=je(),C=Oe(a),L=e?`${C}-hint`:void 0;t.useImperativeHandle(o,()=>({focus:()=>{var i;(i=S.current)==null||i.focus()}}),[]);const T=t.useMemo(()=>r.jsx(Ee,{component:"span",children:h}),[h]),z=t.useCallback((i,A)=>{l?i.preventDefault():d==null||d(i,A)},[d,l]),n=t.useCallback(i=>{l&&(i.stopPropagation(),i.preventDefault())},[l]),k=t.useCallback(i=>{g==null||g(i)},[g]);return r.jsxs(r.Fragment,{children:[r.jsx(De,{checked:u,className:y?"Mui-error":"",control:r.jsx(He,{disabled:c,inputProps:{"aria-describedby":L,"aria-disabled":c||l,"data-se":s,readOnly:l,tabIndex:l?0:void 0},inputRef:S,onChange:z,onClick:M||n}),disabled:c,label:T,name:v,onBlur:k,sx:{...l&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...e&&{":not(:last-child)":{marginBlockEnd:0}}},translate:p,value:F}),e&&r.jsx($e,{odysseyDesignTokens:$,children:r.jsx(Ge,{id:L,translate:p,children:e})})]})},Le=t.memo(ze);Le.displayName="Radio";const Ae=({ariaDescribedBy:e,children:a,defaultValue:o,errorMessage:u,errorMessageList:c,hint:y,HintLinkComponent:h,id:v,isDisabled:s,isReadOnly:p=!1,label:F,name:l,onChange:d,testId:g,translate:M,value:S})=>{const $=t.useRef(Ie({controlledValue:S,uncontrolledValue:o})),C=Fe({defaultValue:o,value:S,controlState:$.current}),L=t.useCallback((n,k)=>{d==null||d(n,k)},[d]),T=t.useMemo(()=>b.Children.map(a,n=>b.isValidElement(n)&&n.type===Le?b.cloneElement(n,{...n.props,isDisabled:s||n.props.isDisabled,isReadOnly:p||n.props.isReadOnly}):n),[a,s,p]),z=t.useCallback(({ariaDescribedBy:n,errorMessageElementId:k,id:i,labelElementId:A})=>r.jsx(Ne,{...C,"aria-describedby":n,"aria-errormessage":k,"aria-labelledby":A,"data-se":g,id:i,name:l??i,onChange:L,translate:M,children:T}),[C,l,L,T,g,M]);return r.jsx(Ve,{ariaDescribedBy:e,errorMessage:u,errorMessageList:c,fieldType:"group",hasVisibleLabel:!1,hint:y,HintLinkComponent:h,id:v,isDisabled:s,isReadOnly:p,label:F,renderFieldComponent:z})},ke=t.memo(Ae);ke.displayName="RadioGroup";const We=Se.div`
+  margin-block-end: ${Ce};
+`,Ue=({secureLevel:e,children:a,isDisabled:o,isReadOnly:u=!1,onChange:c,...y})=>{const h=t.useCallback((s,p)=>{u||o||c==null||c(s,p)},[c,u,o]),v=t.useMemo(()=>b.Children.map(a,s=>b.isValidElement(s)&&s.type===m?b.cloneElement(s,{...s.props,isDisabled:o||s.props.isDisabled,isReadOnly:u||s.props.isReadOnly}):s),[a,o,u]);return Re(xe,{children:[e&&W(We,{children:W(Me,{level:e})}),W(ke,{...y,isDisabled:o,isReadOnly:u,onChange:h,children:v})]})},x=t.memo(Ue);x.displayName="RadioGroup";const Er={component:x,decorators:[Te],tags:["autodocs"],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:R.errorMessage,hint:R.hint,HintLinkComponent:R.HintLinkComponent,isDisabled:R.isDisabled,isReadOnly:R.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},secureLevel:{control:{type:"select"},options:[void 0,"more","most"],description:"Security level indicator shown above the group label. Use 'more' for text-only badge or 'most' for badge with icon",table:{type:{summary:'"more" | "most"'}}}},args:{label:"Authentication Method"}},f={args:{},render:function(a){return r.jsxs(x,{...a,children:[r.jsx(m,{label:"Passkeys",value:"passkeys"}),r.jsx(m,{label:"Email magic link",value:"email"}),r.jsx(m,{label:"SMS OTP",value:"sms"})]})}},V={...f,args:{defaultValue:""}},j={...f,args:{hint:"Select your preferred authentication method",defaultValue:""}},E={...f,args:{hint:"Select your preferred authentication method",HintLinkComponent:r.jsx(we,{href:"#link",children:"Learn more about authentication options"}),defaultValue:""}},O={...f,args:{secureLevel:"more",defaultValue:""}},D={...f,args:{secureLevel:"most",defaultValue:""}},H={args:{label:"Authentication Method",defaultValue:""},render:function(a){return r.jsxs(x,{...a,children:[r.jsx(m,{hint:"Hardware-backed authentication",label:"Passkeys",secureLevel:"most",value:"passkeys"}),r.jsx(m,{hint:"Passwordless email verification",label:"Email magic link",secureLevel:"more",value:"email"}),r.jsx(m,{hint:"Text message verification",label:"SMS OTP",value:"sms"})]})}},G={args:{label:"Authentication Method",secureLevel:"most",defaultValue:""},render:function(a){return r.jsxs(x,{...a,children:[r.jsx(m,{hint:"Hardware-backed authentication",label:"Passkeys",secureLevel:"most",value:"passkeys"}),r.jsx(m,{hint:"Passwordless email verification",label:"Email magic link",secureLevel:"more",value:"email"}),r.jsx(m,{hint:"Text message verification",label:"SMS OTP",value:"sms"})]})}},N={...f,args:{isDisabled:!0,secureLevel:"most",defaultValue:""}},w={...f,args:{isReadOnly:!0,secureLevel:"most",defaultValue:"passkeys"}},I={...f,args:{errorMessage:"Please select an authentication method",defaultValue:""}};var q,_,B;V.parameters={...V.parameters,docs:{...(q=V.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    defaultValue: ""
+  } as Story["args"]
+}`,...(B=(_=V.parameters)==null?void 0:_.docs)==null?void 0:B.source}}};var J,K,P;j.parameters={...j.parameters,docs:{...(J=j.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hint: "Select your preferred authentication method",
+    defaultValue: ""
+  } as Story["args"]
+}`,...(P=(K=j.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};var Q,X,Y;E.parameters={...E.parameters,docs:{...(Q=E.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hint: "Select your preferred authentication method",
+    HintLinkComponent: <Link href="#link">Learn more about authentication options</Link>,
+    defaultValue: ""
+  } as Story["args"]
+}`,...(Y=(X=E.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,re;O.parameters={...O.parameters,docs:{...(Z=O.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    secureLevel: "more",
+    defaultValue: ""
+  } as Story["args"]
+}`,...(re=(ee=O.parameters)==null?void 0:ee.docs)==null?void 0:re.source}}};var ae,te,se;D.parameters={...D.parameters,docs:{...(ae=D.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    secureLevel: "most",
+    defaultValue: ""
+  } as Story["args"]
+}`,...(se=(te=D.parameters)==null?void 0:te.docs)==null?void 0:se.source}}};var oe,ne,ie;H.parameters={...H.parameters,docs:{...(oe=H.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    label: "Authentication Method",
+    defaultValue: ""
+  } as Story["args"],
+  render: function C(props) {
+    return <RadioGroup {...props}>
+        <Radio hint="Hardware-backed authentication" label="Passkeys" secureLevel="most" value="passkeys" />
+        <Radio hint="Passwordless email verification" label="Email magic link" secureLevel="more" value="email" />
+        <Radio hint="Text message verification" label="SMS OTP" value="sms" />
+      </RadioGroup>;
+  }
+}`,...(ie=(ne=H.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var le,ue,ce;G.parameters={...G.parameters,docs:{...(le=G.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  args: {
+    label: "Authentication Method",
+    secureLevel: "most",
+    defaultValue: ""
+  } as Story["args"],
+  render: function C(props) {
+    return <RadioGroup {...props}>
+        <Radio hint="Hardware-backed authentication" label="Passkeys" secureLevel="most" value="passkeys" />
+        <Radio hint="Passwordless email verification" label="Email magic link" secureLevel="more" value="email" />
+        <Radio hint="Text message verification" label="SMS OTP" value="sms" />
+      </RadioGroup>;
+  }
+}`,...(ce=(ue=G.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var me,de,pe;N.parameters={...N.parameters,docs:{...(me=N.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isDisabled: true,
+    secureLevel: "most",
+    defaultValue: ""
+  } as Story["args"]
+}`,...(pe=(de=N.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var fe,ge,he;w.parameters={...w.parameters,docs:{...(fe=w.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isReadOnly: true,
+    secureLevel: "most",
+    defaultValue: "passkeys"
+  } as Story["args"]
+}`,...(he=(ge=w.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var be,ye,ve;I.parameters={...I.parameters,docs:{...(be=I.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Please select an authentication method",
+    defaultValue: ""
+  } as Story["args"]
+}`,...(ve=(ye=I.parameters)==null?void 0:ye.docs)==null?void 0:ve.source}}};const Or=["Default","WithHint","WithHintLink","GroupSecureLevelMore","GroupSecureLevelMost","IndividualSecureLevels","CombinedSecureLevels","Disabled","ReadOnly","WithError"];export{G as CombinedSecureLevels,V as Default,N as Disabled,O as GroupSecureLevelMore,D as GroupSecureLevelMost,H as IndividualSecureLevels,w as ReadOnly,I as WithError,j as WithHint,E as WithHintLink,Or as __namedExportsOrder,Er as default};

package/dist/assets/{RadioGroup.stories-CBlRX0KY.js → RadioGroup.stories-CWqmr1JP.js}

@@ -1,4 +1,4 @@
-import{j as e,r as T}from"./iframe-CQjT1fxh.js";import{a as ie}from"./axeRun-w5CBCc9V.js";import{O as le}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as l}from"./RadioGroup-sL620ofZ.js";import{M as a}from"./Radio-BlxlCYZY.js";import{M as de}from"./Link-Cg_KakDo.js";const{expect:ue,userEvent:pe,within:ce}=__STORYBOOK_MODULE_TEST__,he={component:l,decorators:[le],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isReadOnly:s.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the value of the radio group changes",table:{type:{summary:"func"}}},value:{control:"text",description:"The `value` on the selected radio button",table:{type:{summary:"string"}}}},args:{id:"storybook-radio",label:"Speed"}},t={args:{},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},u={...t,args:{defaultValue:""}},p={...t,args:{hint:"Select the speed at which you wish to travel.",defaultValue:""}},c={...t,args:{hint:"Select the speed at which you wish to travel.",HintLinkComponent:e.jsx(de,{href:"#link",children:"Learn more"})}},h={...t,args:{isDisabled:!0,defaultValue:""}},m={...t,args:{isReadOnly:!0,defaultValue:"Warp Speed"}},g={...t,parameters:{docs:{description:{story:"Validation should happen on the group and not individually on each item."}}},args:{errorMessage:"This field is required.",defaultValue:""}},S={...t,args:{errorMessage:"This field is required.",errorMessageList:["Message 1","Message 2"],defaultValue:""}},v={args:{errorMessage:"This field is required."},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{hint:"Hint Text",label:"Light Speed",value:"Light Speed"}),e.jsx(a,{hint:"Hint Text",label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{hint:"Hint Text",label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},b={args:{label:"Service Tier"},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Basic",value:"basic"}),e.jsx(a,{label:"Standard",value:"standard"}),e.jsx(a,{isDisabled:!0,label:"Premium (Unavailable in your region)",value:"premium"})]})}},y={...t,args:{defaultValue:"Warp Speed"}},f={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `RadioGroup`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=T.useState("Ludicrous Speed"),n=T.useCallback((oe,x)=>d(x),[]);return e.jsxs(l,{...r,value:i,onChange:n,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})},play:async({canvasElement:o,step:r})=>{await r("select uncontrolled radio button",async()=>{const i=ce(o),d=i.getByRole("radiogroup"),n=i.getByLabelText("Warp Speed");d&&n&&await pe.click(n),await ue(n).toBeChecked(),await ie("select uncontrolled radio button")})}},R={parameters:{docs:{description:{story:"A controlled Radio Group with Radio-level hints."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=T.useState("Turtle Speed"),n=T.useCallback((oe,x)=>d(x),[]);return e.jsxs(l,{...r,onChange:n,value:i,children:[e.jsx(a,{hint:"Hint text",label:"Snail Speed",value:"Snail Speed"}),e.jsx(a,{hint:"Hint text",label:"Turtle Speed",value:"Turtle Speed"}),e.jsx(a,{hint:"Hint text",label:"Rabbit Speed",value:"Rabbit Speed"})]})}};var L,C,k;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
+import{j as e,r as T}from"./iframe-Cav9rlxr.js";import{a as ie}from"./axeRun-C-zlWaxU.js";import{O as le}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as l}from"./RadioGroup-DDMlZ9Ib.js";import{M as a}from"./Radio-DRPDZwez.js";import{M as de}from"./Link-BXZlWRMJ.js";const{expect:ue,userEvent:pe,within:ce}=__STORYBOOK_MODULE_TEST__,he={component:l,decorators:[le],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isReadOnly:s.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the value of the radio group changes",table:{type:{summary:"func"}}},value:{control:"text",description:"The `value` on the selected radio button",table:{type:{summary:"string"}}}},args:{id:"storybook-radio",label:"Speed"}},t={args:{},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},u={...t,args:{defaultValue:""}},p={...t,args:{hint:"Select the speed at which you wish to travel.",defaultValue:""}},c={...t,args:{hint:"Select the speed at which you wish to travel.",HintLinkComponent:e.jsx(de,{href:"#link",children:"Learn more"})}},h={...t,args:{isDisabled:!0,defaultValue:""}},m={...t,args:{isReadOnly:!0,defaultValue:"Warp Speed"}},g={...t,parameters:{docs:{description:{story:"Validation should happen on the group and not individually on each item."}}},args:{errorMessage:"This field is required.",defaultValue:""}},S={...t,args:{errorMessage:"This field is required.",errorMessageList:["Message 1","Message 2"],defaultValue:""}},v={args:{errorMessage:"This field is required."},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{hint:"Hint Text",label:"Light Speed",value:"Light Speed"}),e.jsx(a,{hint:"Hint Text",label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{hint:"Hint Text",label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},b={args:{label:"Service Tier"},render:function(r){return e.jsxs(l,{...r,children:[e.jsx(a,{label:"Basic",value:"basic"}),e.jsx(a,{label:"Standard",value:"standard"}),e.jsx(a,{isDisabled:!0,label:"Premium (Unavailable in your region)",value:"premium"})]})}},y={...t,args:{defaultValue:"Warp Speed"}},f={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `RadioGroup`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=T.useState("Ludicrous Speed"),n=T.useCallback((oe,x)=>d(x),[]);return e.jsxs(l,{...r,value:i,onChange:n,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})},play:async({canvasElement:o,step:r})=>{await r("select uncontrolled radio button",async()=>{const i=ce(o),d=i.getByRole("radiogroup"),n=i.getByLabelText("Warp Speed");d&&n&&await pe.click(n),await ue(n).toBeChecked(),await ie("select uncontrolled radio button")})}},R={parameters:{docs:{description:{story:"A controlled Radio Group with Radio-level hints."}}},args:{value:"Ludicrous Speed"},render:function(r){const[i,d]=T.useState("Turtle Speed"),n=T.useCallback((oe,x)=>d(x),[]);return e.jsxs(l,{...r,onChange:n,value:i,children:[e.jsx(a,{hint:"Hint text",label:"Snail Speed",value:"Snail Speed"}),e.jsx(a,{hint:"Hint text",label:"Turtle Speed",value:"Turtle Speed"}),e.jsx(a,{hint:"Hint text",label:"Rabbit Speed",value:"Rabbit Speed"})]})}};var L,C,k;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
   ...Template,
   args: {
     defaultValue: ""

package/dist/assets/{Refresh-ZZ_nNcXg.js → Refresh-4GRZURAB.js}

@@ -1 +1 @@
-import{r as o,j as e}from"./iframe-CQjT1fxh.js";import{S as s}from"./tableRowClasses-Bk1uFtwh.js";const l=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm4.666-3.333h1.334v6.666H5.333V4.667Zm5.334 0H9.333v6.666h1.334V4.667Z",fill:"currentColor",fillRule:"evenodd"})})})),a=o.memo(l);a.displayName="PauseIcon";const c=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 0 0-6 6H.667A7.333 7.333 0 0 1 14 3.783v-2.45h1.333v3.482c0 .08 0 .175-.006.258a1.004 1.004 0 0 1-.103.381 1 1 0 0 1-.437.437 1.005 1.005 0 0 1-.38.102C14.323 6 14.228 6 14.149 6h-3.482V4.667h2.323A5.994 5.994 0 0 0 8 2Zm0 12a6 6 0 0 0 6-6h1.333A7.333 7.333 0 0 1 2 12.217v2.45H.667v-3.482c0-.08 0-.175.006-.258a1.01 1.01 0 0 1 .103-.381 1 1 0 0 1 .437-.437c.145-.074.284-.094.38-.102.084-.007.179-.007.258-.007h3.482v1.333H3.01A5.994 5.994 0 0 0 8 14Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(c);t.displayName="RefreshIcon";export{a as M,t as a};
+import{r as o,j as e}from"./iframe-Cav9rlxr.js";import{S as s}from"./tableRowClasses-DYosAqvx.js";const l=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm4.666-3.333h1.334v6.666H5.333V4.667Zm5.334 0H9.333v6.666h1.334V4.667Z",fill:"currentColor",fillRule:"evenodd"})})})),a=o.memo(l);a.displayName="PauseIcon";const c=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 0 0-6 6H.667A7.333 7.333 0 0 1 14 3.783v-2.45h1.333v3.482c0 .08 0 .175-.006.258a1.004 1.004 0 0 1-.103.381 1 1 0 0 1-.437.437 1.005 1.005 0 0 1-.38.102C14.323 6 14.228 6 14.149 6h-3.482V4.667h2.323A5.994 5.994 0 0 0 8 2Zm0 12a6 6 0 0 0 6-6h1.333A7.333 7.333 0 0 1 2 12.217v2.45H.667v-3.482c0-.08 0-.175.006-.258a1.01 1.01 0 0 1 .103-.381 1 1 0 0 1 .437-.437c.145-.074.284-.094.38-.102.084-.007.179-.007.258-.007h3.482v1.333H3.01A5.994 5.994 0 0 0 8 14Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(c);t.displayName="RefreshIcon";export{a as M,t as a};