@okta/odyssey-react-mui 1.55.0 → 1.56.0

package/dist/assets/Card-BosIFVQP.js

@@ -1,8 +0,0 @@
-import{j as o}from"./iframe-Cav9rlxr.js";import{useMDXComponents as p}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{T as i}from"./Card.stories-ZHXa0-vk.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./tableRowClasses-DYosAqvx.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Card-DSV0thOs.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./MenuButton-ChyskluM.js";import"./BaseMenuButton-B2CeKq3v.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-BkYpsFtp.js";import"./More-D0XSbzen.js";import"./Menu-BCZiiIwc.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-5EaFioT-.js";import"./Paper-DIvrMKVz.js";import"./MenuList-BTp-5mcb.js";import"./List-BcXvgzsa.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./Skeleton-CxK3bCNC.js";import"./colorManipulator-BprDRxgx.js";import"./CardActions-DEkVEZOo.js";import"./CardActionArea-j218OlRR.js";import"./MenuItem-C_SjZMbY.js";import"./MenuItem-Cu1R78Nk.js";import"./Button-BX9EXxBV.js";import"./Checkbox-_fXckuhm.js";import"./inputUtils-BOLvDTmI.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"./Checkbox-RASNl40G.js";import"./SwitchBase-fGL3z_gG.js";import"./createSvgIcon-CoE7vjSC.js";import"./IconButton-BJHIZjwd.js";import"./ChevronUp-DL24OTkX.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
-`,o.jsx(e,{of:i}),`
-`,o.jsx(s,{of:i}),`
-`,o.jsx(a,{of:i}),`
-`,o.jsx(c,{of:i}),`
-`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
-`,o.jsx(d,{}),`
-`,o.jsx(x,{})]})}function wo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{wo as default};

package/dist/assets/Card-DSV0thOs.js

@@ -1 +0,0 @@
-import{s,I as P}from"./tableRowClasses-DYosAqvx.js";import{r as m,j as a}from"./iframe-Cav9rlxr.js";import{B as z}from"./BaseButton-BzcWVv73.js";import{M as O}from"./MenuButton-ChyskluM.js";import{u as _,a as T}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as V}from"./More-D0XSbzen.js";import{d as w,M as y,a as B}from"./Typography-B8ZKtxRi.js";import{S as c,s as g}from"./Skeleton-CxK3bCNC.js";import{C as I,c as R}from"./CardActions-DEkVEZOo.js";import{C as W,a as H}from"./CardActionArea-j218OlRR.js";const co=["tile","stack","compact"],G="64px",Z="48px",U=s(W,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:n,odysseyDesignTokens:r})=>({border:`${r.BorderWidthMain} ${r.BorderColorDisplay} ${r.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:r.Spacing2},"&:hover":n?{borderColor:r.HueNeutralWhite,boxShadow:r.DepthMedium}:{},[`& .${g.root}`]:{transform:"none"},[`& .${R.root} .${g.root}`]:{height:r.Spacing7}})),q=s(H)(()=>({margin:0,padding:0})),J=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:n==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:n==="compact"?o.Spacing8:"auto",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5}})),$=s("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:n=0,odysseyDesignTokens:r,variant:t})=>({alignItems:t==="compact"&&!o&&n<=2?"center":"flex-start",display:"flex",backgroundColor:r.HueNeutralWhite,padding:t==="compact"?r.Spacing4:r.Spacing5,flexDirection:t==="tile"?"column":"row",gap:r.Spacing4,width:"100%"})),A=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({height:n==="compact"?Z:G,paddingInlineEnd:n==="tile"&&r?o.Spacing4:0,[`& > .${g.root}`]:{height:"100%",aspectRatio:1}})),D=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${g.root} + .${g.root}`]:{marginBlockStart:o.Spacing1}})),b=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({display:"flex",flexDirection:"column",gap:n==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:n!=="tile"&&r?o.Spacing4:0,[`& > .${P.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${P.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),K=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({position:"absolute",right:o.Spacing2,top:n==="compact"?o.Spacing4:o.Spacing2,height:n==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),E=o=>m.Children.toArray(o).length,Q=({children:o,description:n,detailPanel:r,image:t,isLoading:x,overline:l,title:h,titleId:j,variant:i,accessory:f,button:p,menuButtonChildren:d,onClick:u,__role:F})=>{const e=_(),{t:C}=T(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:E([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:a.jsx(c,{variant:"circular"})}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{children:a.jsx(c,{width:"50%"})}),h&&a.jsx(y,{component:"div",variant:i==="tile"?"h4":"h5",children:a.jsx(c,{width:"33%"})})]}),n&&a.jsxs(B,{children:[a.jsx(c,{width:"100%"}),a.jsx(c,{width:"50%"})]})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:a.jsx(c,{width:"50%"})}),p&&a.jsx(I,{children:a.jsx(c,{variant:"rounded",width:"100%"})})]})]}),[p,o,n,t,d,e,l,h,i]),M=m.useMemo(()=>{const N={isFullWidth:!0};return a.jsxs($,{hasDetailPanel:!!r,numberOfChildNodes:E([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:t}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{component:"div",children:l}),h&&a.jsx(y,{component:"div",id:j,variant:i==="tile"?"h4":"h5",children:h})]}),n&&a.jsx(B,{color:"textSecondary",children:n})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:o}),p&&a.jsx(I,{children:a.jsx(z.Provider,{value:N,children:p})}),r&&a.jsx(S,{odysseyDesignTokens:e,children:r})]})]})},[p,o,n,r,t,d,e,l,h,j,i]);return a.jsxs(U,{cardVariant:i,isClickable:!!u,odysseyDesignTokens:e,role:F,children:[!!f&&a.jsx(J,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):f}),x?v:u?a.jsx(q,{onClick:u,children:M}):M,d&&a.jsx(K,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):a.jsx(O,{ariaLabel:C("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(V,{}),menuAlignment:"right",size:"small",tooltipText:C("table.actions"),children:d})})]})},X=m.memo(Q);X.displayName="Card";export{X as M,co as c};

package/dist/assets/Card.stories-ZHXa0-vk.js

@@ -1,56 +0,0 @@
-import{r as u,j as e}from"./iframe-Cav9rlxr.js";import{s as H}from"./tableRowClasses-DYosAqvx.js";import{O as J}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{c as Q,M as C}from"./Card-DSV0thOs.js";import{M as b}from"./MenuItem-C_SjZMbY.js";import{M as W}from"./Button-BX9EXxBV.js";import{M as X}from"./Checkbox-_fXckuhm.js";import{I as Z}from"./IconButton-BJHIZjwd.js";import{M as $}from"./ChevronUp-DL24OTkX.js";import{M as ee}from"./WarningFilled-DJX60tUO.js";const{action:te}=__STORYBOOK_MODULE_ACTIONS__,v=e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),x=e.jsx(e.Fragment,{children:"Children."}),f=e.jsx(e.Fragment,{children:"Detail panel."}),m=te("onClick"),ne=e.jsx(W,{label:"Access app",onClick:m,variant:"primary"}),oe=e.jsxs(e.Fragment,{children:[e.jsx(b,{onClick:m,children:"Action 1"}),e.jsx(b,{onClick:m,children:"Action 2"})]}),re=H("div")(()=>({"& label":{gap:0}})),ae={component:()=>null,decorators:[J],argTypes:{children:{control:"boolean"},description:{control:"text"},detailPanel:{control:"boolean"},image:{control:"boolean"},isLoading:{control:"boolean"},overline:{control:"text"},title:{control:"text"},variant:{control:"select",options:Q},accessory:{control:"boolean"},button:{control:"boolean"},menuButtonChildren:{control:"boolean"},onClick:{control:"boolean"}},args:{accessory:!1,button:void 0,children:!1,description:"This is a description of the app. Descriptions should be concise, and truncation is handled by the consumer rather than the component, so if you write a novel, it will display a novel.",detailPanel:!1,image:void 0,isLoading:!1,menuButtonChildren:!1,onClick:void 0,overline:"Category",title:"App title",variant:"tile"},render:function(t){const[d,h]=u.useState(!1),[p,g]=u.useState(!1),R=u.useCallback(()=>{g(!p)},[p,g]),U=u.useCallback(()=>{h(!d)},[d,h]),V=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx(X,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),K=({isExpanded:n,onToggle:o})=>e.jsx(Z,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(ee,{}):e.jsx($,{})}),N=({isExpandable:n,isSelected:o,isExpanded:Y,onToggleExpansion:q,onChangeSelection:G})=>e.jsxs(e.Fragment,{children:[e.jsx(V,{isChecked:o,onChange:G}),n&&e.jsx(K,{isExpanded:Y,onToggle:q})]});return t.onClick?e.jsx(C,{children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,onClick:m,overline:t.overline,title:t.title,variant:t.variant}):e.jsx(C,{accessory:t.accessory?e.jsx(N,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:R,onToggleExpansion:U}):void 0,button:t.button?ne:void 0,children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel&&d?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,menuButtonChildren:t.menuButtonChildren?oe:void 0,overline:t.overline,title:t.title,variant:t.variant})}},r={args:{accessory:!1,button:!0,children:!1,detailPanel:!1,image:!0,menuButtonChildren:!0}},a={args:{image:!0,onClick:!0}},i={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"tile"}},s={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"stack"}},l={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"compact"}},c={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,isLoading:!0,menuButtonChildren:!0,variant:"tile"}};var y,S,j;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    accessory: false,
-    button: true,
-    children: false,
-    detailPanel: false,
-    image: true,
-    menuButtonChildren: true
-  }
-}`,...(j=(S=r.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var k,B,P;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    image: true,
-    onClick: true
-  }
-}`,...(P=(B=a.parameters)==null?void 0:B.docs)==null?void 0:P.source}}};var M,E,L;i.parameters={...i.parameters,docs:{...(M=i.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    accessory: true,
-    button: true,
-    children: true,
-    detailPanel: true,
-    image: true,
-    menuButtonChildren: true,
-    variant: "tile"
-  }
-}`,...(L=(E=i.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var T,_,O;s.parameters={...s.parameters,docs:{...(T=s.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  args: {
-    accessory: true,
-    button: true,
-    children: true,
-    detailPanel: true,
-    image: true,
-    menuButtonChildren: true,
-    variant: "stack"
-  }
-}`,...(O=(_=s.parameters)==null?void 0:_.docs)==null?void 0:O.source}}};var z,A,I;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    accessory: true,
-    button: true,
-    children: true,
-    detailPanel: true,
-    image: true,
-    menuButtonChildren: true,
-    variant: "compact"
-  }
-}`,...(I=(A=l.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var D,F,w;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    accessory: true,
-    button: true,
-    children: true,
-    detailPanel: true,
-    image: true,
-    isLoading: true,
-    menuButtonChildren: true,
-    variant: "tile"
-  }
-}`,...(w=(F=c.parameters)==null?void 0:F.docs)==null?void 0:w.source}}};const ie=["Default","Clickable","Tile","Stack","Compact","Loading"],ve=Object.freeze(Object.defineProperty({__proto__:null,Clickable:a,Compact:l,Default:r,Loading:c,Stack:s,Tile:i,__namedExportsOrder:ie,default:ae},Symbol.toStringTag,{value:"Module"}));export{ve as T};

package/dist/assets/CardActionArea-j218OlRR.js

@@ -1 +0,0 @@
-import{M as C,N as g,b as m,_ as A,a as d,c as h,d as p,f as v}from"./tableRowClasses-DYosAqvx.js";import{r as y,j as f}from"./iframe-Cav9rlxr.js";import{P as b}from"./Paper-DIvrMKVz.js";import{B as x}from"./ButtonBase-CYIo9Kvv.js";function R(s){return C("MuiCard",s)}g("MuiCard",["root"]);const N=["className","raised"],M=s=>{const{classes:o}=s;return v({root:["root"]},R,o)},H=h(b,{name:"MuiCard",slot:"Root",overridesResolver:(s,o)=>o.root})(()=>({overflow:"hidden"})),k=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCard"}),{className:n,raised:a=!1}=t,c=A(t,N),i=d({},t,{raised:a}),e=M(i);return f.jsx(H,d({className:p(e.root,n),elevation:a?8:void 0,ref:r,ownerState:i},c))});function w(s){return C("MuiCardActionArea",s)}const u=g("MuiCardActionArea",["root","focusVisible","focusHighlight"]),j=["children","className","focusVisibleClassName"],U=s=>{const{classes:o}=s;return v({root:["root"],focusHighlight:["focusHighlight"]},w,o)},V=h(x,{name:"MuiCardActionArea",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s})=>({display:"block",textAlign:"inherit",borderRadius:"inherit",width:"100%",[`&:hover .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.hoverOpacity,"@media (hover: none)":{opacity:0}},[`&.${u.focusVisible} .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.focusOpacity}})),_=h("span",{name:"MuiCardActionArea",slot:"FocusHighlight",overridesResolver:(s,o)=>o.focusHighlight})(({theme:s})=>({overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:s.transitions.create("opacity",{duration:s.transitions.duration.short})})),F=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCardActionArea"}),{children:n,className:a,focusVisibleClassName:c}=t,i=A(t,j),e=t,l=U(e);return f.jsxs(V,d({className:p(l.root,a),focusVisibleClassName:p(c,l.focusVisible),ref:r,ownerState:e},i,{children:[n,f.jsx(_,{className:l.focusHighlight,ownerState:e})]}))});export{k as C,F as a};

package/dist/assets/CardActions-DEkVEZOo.js

@@ -1 +0,0 @@
-import{N as d,M as p,b as u,_ as C,a as e,c as g,d as m,f}from"./tableRowClasses-DYosAqvx.js";import{r as x,j as A}from"./iframe-Cav9rlxr.js";function b(s){return p("MuiCardActions",s)}const N=d("MuiCardActions",["root","spacing"]),y=["disableSpacing","className"],S=s=>{const{classes:t,disableSpacing:o}=s;return f({root:["root",!o&&"spacing"]},b,t)},M=g("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(s,t)=>{const{ownerState:o}=s;return[t.root,!o.disableSpacing&&t.spacing]}})(({ownerState:s})=>e({display:"flex",alignItems:"center",padding:8},!s.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})),U=x.forwardRef(function(t,o){const a=u({props:t,name:"MuiCardActions"}),{disableSpacing:r=!1,className:i}=a,c=C(a,y),n=e({},a,{disableSpacing:r}),l=S(n);return A.jsx(M,e({className:m(l.root,i),ownerState:n,ref:o},c))});export{U as C,N as c};

package/dist/assets/Checkbox-CtLz3m2I.js

@@ -1 +0,0 @@
-import{r as e,b as i,d as a,F as x}from"./iframe-Cav9rlxr.js";import{s as A}from"./tableRowClasses-DYosAqvx.js";import{u as B,S as G,a as J}from"./PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js";import{u as K}from"./OdysseyProvider-Czbz3dwH.js";import{u as Q}from"./useUniqueId-MZzCNWze.js";import{M as k}from"./Typography-BcNOcPdV.js";import{C as X}from"./Checkbox-RASNl40G.js";import{F as Y}from"./FormControlLabel-CB3xJ6ut.js";import{F as Z,f as E}from"./FormHelperText--Cp1ogV3.js";const _=A.div(({odysseyDesignTokens:o})=>({paddingInlineStart:`calc(${o.TypographyLineHeightUi}em + ${o.Spacing2})`,marginBlockEnd:o.Spacing2,[`.${E.root}.${E.error}`]:{color:o.TypographyColorSubordinate}})),C={CONTROLLED:"CONTROLLED",UNCONTROLLED:"UNCONTROLLED"},P=({controlledValue:o,uncontrolledValue:m})=>m!==void 0||o===void 0?C.UNCONTROLLED:C.CONTROLLED,ee=({ariaLabel:o,ariaLabelledBy:m,id:u,inputRef:I,isChecked:d,isDefaultChecked:p,isDisabled:S,isIndeterminate:y,isReadOnly:r=!1,isRequired:c,label:h,hint:n,name:O,onChange:l,onBlur:s,testId:L,translate:g,validity:T="inherit",value:F,secureLevel:f})=>{const{t:M}=B(),$=K(),H=Q(u),b=n?`${H}-hint`:void 0,U=e.useRef(P({controlledValue:d,uncontrolledValue:p})),v=e.useMemo(()=>U.current===C.CONTROLLED?{checked:d}:{defaultChecked:p},[p,d]),N=e.useRef(null);e.useImperativeHandle(I,()=>({focus:()=>{var t;(t=N.current)==null||t.focus()}}),[]);const D=e.useMemo(()=>i(x,{children:[a(k,{component:"span",children:h}),c&&i(x,{children:[" ",i(k,{color:"textSecondary",component:"span",children:["(",M("fieldlabel.required.text"),")"]})]}),f&&a(J,{children:a(G,{level:f})})]}),[c,h,f,M]),R=e.useCallback((t,w)=>{l==null||l(t,w)},[l]),V=e.useCallback(t=>{r&&(t.stopPropagation(),t.preventDefault())},[r]),j=e.useCallback(t=>{s==null||s(t)},[s]),z=e.useMemo(()=>({alignItems:"flex-start",...r&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...n&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[n,r]),q=e.useMemo(()=>({marginBlockStart:"2px"}),[]),W=e.useMemo(()=>({"aria-describedby":b,"aria-readonly":r,"data-se":L,readOnly:r}),[b,r,L]);return i(x,{children:[a(Y,{"aria-label":o,"aria-labelledby":m,className:T==="invalid"?"Mui-error":T==="valid"?"Mui-valid":"",control:a(X,{...v,disabled:S,indeterminate:y,inputProps:W,inputRef:N,onChange:R,onClick:V,required:c,sx:q}),disabled:S,id:u,label:D,name:O??u,onBlur:j,required:c,sx:z,translate:g,value:F}),n&&a(_,{odysseyDesignTokens:$,children:a(Z,{id:b,translate:g,children:n})})]})},te=e.memo(ee);te.displayName="Checkbox";export{te as M};

package/dist/assets/Checkbox-RASNl40G.js

@@ -1 +0,0 @@
-import{b as B,_ as P,a as n,c as g,d as M,e as l,f as R,af as _,r as y,l as E,ag as m}from"./tableRowClasses-DYosAqvx.js";import{j as t,r as u}from"./iframe-Cav9rlxr.js";import{S as H}from"./SwitchBase-fGL3z_gG.js";import{c as x}from"./createSvgIcon-CoE7vjSC.js";const S=x(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),O=x(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),V=x(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),L=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","size","className"],N=o=>{const{classes:e,indeterminate:c,color:s,size:r}=o,a={root:["root",c&&"indeterminate",`color${l(s)}`,`size${l(r)}`]},d=R(a,_,e);return n({},e,d)},F=g(H,{shouldForwardProp:o=>y(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:c}=o;return[e.root,c.indeterminate&&e.indeterminate,e[`size${l(c.size)}`],c.color!=="default"&&e[`color${l(c.color)}`]]}})(({theme:o,ownerState:e})=>n({color:(o.vars||o).palette.text.secondary},!e.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${e.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:E.alpha(e.color==="default"?o.palette.action.active:o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},e.color!=="default"&&{[`&.${m.checked}, &.${m.indeterminate}`]:{color:(o.vars||o).palette[e.color].main},[`&.${m.disabled}`]:{color:(o.vars||o).palette.action.disabled}})),U=t.jsx(O,{}),D=t.jsx(S,{}),W=t.jsx(V,{}),J=u.forwardRef(function(e,c){var s,r;const a=B({props:e,name:"MuiCheckbox"}),{checkedIcon:d=U,color:I="primary",icon:z=D,indeterminate:i=!1,indeterminateIcon:h=W,inputProps:b,size:p="medium",className:$}=a,j=P(a,L),f=i?h:z,k=i?h:d,v=n({},a,{color:I,indeterminate:i,size:p}),C=N(v);return t.jsx(F,n({type:"checkbox",inputProps:n({"data-indeterminate":i},b),icon:u.cloneElement(f,{fontSize:(s=f.props.fontSize)!=null?s:p}),checkedIcon:u.cloneElement(k,{fontSize:(r=k.props.fontSize)!=null?r:p}),ownerState:v,ref:c,className:M(C.root,$)},j,{classes:C}))});export{J as C};

package/dist/assets/Checkbox-_fXckuhm.js

@@ -1 +0,0 @@
-import{r as t,j as e}from"./iframe-Cav9rlxr.js";import{a as U,u as W}from"./OdysseyThemeProvider-DOMFnSU0.js";import{g as w,C as A}from"./inputUtils-BOLvDTmI.js";import{M as g}from"./Typography-B8ZKtxRi.js";import{u as B}from"./useUniqueId-CXfTvpAs.js";import{H as G}from"./Hint-BaHNFCSW.js";import{F as J}from"./FormControlLabel-CB3xJ6ut.js";import{C as K}from"./Checkbox-RASNl40G.js";import{F as Q}from"./FormHelperText--Cp1ogV3.js";const ae=["valid","invalid","inherit"],X=({ariaLabel:y,ariaLabelledBy:C,id:c,inputRef:M,isChecked:i,isDefaultChecked:m,isDisabled:d,isIndeterminate:j,isReadOnly:s=!1,isRequired:n,label:x,hint:a,name:S,onChange:r,onBlur:l,testId:p,translate:f,validity:b="inherit",value:T})=>{const{t:k}=U(),F=W(),I=B(c),u=a?`${I}-hint`:void 0,V=t.useRef(w({controlledValue:i,uncontrolledValue:m})),v=t.useMemo(()=>V.current===A.CONTROLLED?{checked:i}:{defaultChecked:m},[m,i]),h=t.useRef(null);t.useImperativeHandle(M,()=>({focus:()=>{var o;(o=h.current)==null||o.focus()}}),[]);const E=t.useMemo(()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{component:"span",children:x}),n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(g,{color:"textSecondary",component:"span",children:["(",k("fieldlabel.required.text"),")"]})]})]}),[n,x,k]),H=t.useCallback((o,q)=>{r==null||r(o,q)},[r]),L=t.useCallback(o=>{s&&(o.stopPropagation(),o.preventDefault())},[s]),N=t.useCallback(o=>{l==null||l(o)},[l]),z=t.useMemo(()=>({alignItems:"flex-start",...s&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,s]),D=t.useMemo(()=>({marginBlockStart:"2px"}),[]),$=t.useMemo(()=>({"aria-describedby":u,"aria-readonly":s,"data-se":p,readOnly:s}),[u,s,p]);return e.jsxs(e.Fragment,{children:[e.jsx(J,{"aria-label":y,"aria-labelledby":C,className:b==="invalid"?"Mui-error":b==="valid"?"Mui-valid":"",control:e.jsx(K,{...v,disabled:d,indeterminate:j,inputProps:$,inputRef:h,onChange:H,onClick:L,required:n,sx:D}),disabled:d,id:c,label:E,name:S??c,onBlur:N,required:n,sx:z,translate:f,value:T}),a&&e.jsx(G,{odysseyDesignTokens:F,children:e.jsx(Q,{id:u,translate:f,children:a})})]})},Y=t.memo(X);Y.displayName="Checkbox";export{Y as M,ae as c};

package/dist/assets/Checkbox.stories-Bvx8GqiS.js

@@ -1,113 +0,0 @@
-import{j as Q}from"./iframe-Cav9rlxr.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{u as $}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as k}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{c as g,M as f}from"./Checkbox-_fXckuhm.js";import{P as e}from"./tableRowClasses-DYosAqvx.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./inputUtils-BOLvDTmI.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"./Checkbox-RASNl40G.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";const{expect:x,fn:C,userEvent:v,within:ee}=__STORYBOOK_MODULE_TEST__,Ve={component:f,decorators:[Z],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"Aria-label for the checkbox",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"Aria-labelledby for the checkbox",table:{category:"Functional",type:{summary:"string"}}},id:k.id,isChecked:{control:"boolean",description:"The checkbox checked state",table:{category:"Visual",type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the checkbox starts checked",table:{category:"Functional",type:{summary:"boolean"}}},isDisabled:k.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{category:"Visual",type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox is required",table:{category:"Visual",type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{category:"Visual",type:{summary:"string"}}},hint:{control:"text",description:"The helper text content",table:{category:"Visual",type:{summary:"string"}}},name:k.name,onChange:{description:"Callback fired when the checkbox value changes",table:{category:"Functional",type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{category:"Functional",type:{summary:"func"}}},validity:{options:g,control:{type:"radio"},description:"The checkbox validity, if different from its enclosing group. Doesn't need to be set if the checkbox isn't a different validity from an enclosing `CheckboxGroup`.",table:{category:"Visual",type:{summary:g.join(" | ")},defaultValue:{summary:"inherit"}}},value:{control:"text",description:"The value attribute of the checkbox",table:{category:"Functional",type:{summary:"string"}}}},args:{isReadOnly:!1,validity:"inherit",onBlur:C(),onChange:C()}},t={args:{isChecked:!1,isDisabled:!1,isReadOnly:!1,label:"Label"},argTypes:{isDefaultChecked:{control:!1}},render:function(a,b){const{value:y,setValue:o}=$({args:a,context:b,argKey:"isChecked",defaultValue:a.isChecked??!1}),X=()=>{o(!y)};return Q.jsx(f,{...a,isChecked:y,isDefaultChecked:void 0,onChange:X})}},r=()=>({canvasElement:s,step:a})=>a("check the box",async({args:b})=>{const o=ee(s).getByRole("checkbox");o&&await v.click(o),await v.tab(),await x(o).toBeChecked(),await x(b.onBlur).toHaveBeenCalledTimes(1)}),n={...e(t,{parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Checkbox`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},play:r(),tags:["!autodocs"]})},i={...e(t,{parameters:{docs:{description:{story:"Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an `isRequired` boolean that, when set to `true`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."}}},args:{isRequired:!0,isChecked:!1},play:r()})},c={...e(t,{args:{isChecked:!0}})},d={...e(t,{parameters:{docs:{description:{story:"Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,isChecked:!1}})},l={...e(t,{parameters:{docs:{description:{story:"In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."}}},args:{isIndeterminate:!0,isChecked:!0}})},h={...e(t,{args:{validity:"invalid",isChecked:!1},play:r()})},p={...e(t,{args:{isReadOnly:!0,isChecked:!0},play:r()})},m={...e(t,{parameters:{docs:{description:{story:"hint provides helper text to the Checkbox"}}},args:{hint:"Hint text"},play:r()})},u={parameters:{docs:{description:{story:"When `isChecked` is omitted the checkbox manages its own state via `isDefaultChecked`."}}},args:{label:"Label",isDefaultChecked:!0},argTypes:{isDefaultChecked:{control:!1},isChecked:{control:!1}},render:s=>Q.jsx(f,{...s})};var T,D,w;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "When the component is controlled, the parent component is responsible for managing the state of \`Checkbox\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
-        }
-      }
-    },
-    play: checkTheBox(),
-    tags: ["!autodocs"]
-  })
-}`,...(w=(D=n.parameters)==null?void 0:D.docs)==null?void 0:w.source}}};var R,O,q;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an \`isRequired\` boolean that, when set to \`true\`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."
-        }
-      }
-    },
-    args: {
-      isRequired: true,
-      isChecked: false
-    },
-    play: checkTheBox()
-  })
-}`,...(q=(O=i.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var B,S,I;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    args: {
-      isChecked: true
-    }
-  })
-}`,...(I=(S=c.parameters)==null?void 0:S.docs)==null?void 0:I.source}}};var V,_,L;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."
-        }
-      }
-    },
-    args: {
-      isDisabled: true,
-      isChecked: false
-    }
-  })
-}`,...(L=(_=d.parameters)==null?void 0:_.docs)==null?void 0:L.source}}};var F,j,E;l.parameters={...l.parameters,docs:{...(F=l.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."
-        }
-      }
-    },
-    args: {
-      isIndeterminate: true,
-      isChecked: true
-    }
-  })
-}`,...(E=(j=l.parameters)==null?void 0:j.docs)==null?void 0:E.source}}};var H,M,N;h.parameters={...h.parameters,docs:{...(H=h.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    args: {
-      validity: "invalid",
-      isChecked: false
-    },
-    play: checkTheBox()
-  })
-}`,...(N=(M=h.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};var W,A,U;p.parameters={...p.parameters,docs:{...(W=p.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    args: {
-      isReadOnly: true,
-      isChecked: true
-    },
-    play: checkTheBox()
-  })
-}`,...(U=(A=p.parameters)==null?void 0:A.docs)==null?void 0:U.source}}};var K,P,z;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  ...deepmerge(CheckboxTemplate, {
-    parameters: {
-      docs: {
-        description: {
-          story: "hint provides helper text to the Checkbox"
-        }
-      }
-    },
-    args: {
-      hint: "Hint text"
-    },
-    play: checkTheBox()
-  })
-}`,...(z=(P=m.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var G,Y,J;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "When \`isChecked\` is omitted the checkbox manages its own state via \`isDefaultChecked\`."
-      }
-    }
-  },
-  args: {
-    label: "Label",
-    isDefaultChecked: true
-  },
-  argTypes: {
-    isDefaultChecked: {
-      control: false
-    },
-    isChecked: {
-      control: false
-    }
-  },
-  render: args => <Checkbox {...args} />
-}`,...(J=(Y=u.parameters)==null?void 0:Y.docs)==null?void 0:J.source}}};const _e=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Uncontrolled"];export{c as Checked,n as Default,d as Disabled,m as Hint,l as Indeterminate,h as Invalid,p as ReadOnly,i as Required,u as Uncontrolled,_e as __namedExportsOrder,Ve as default};

package/dist/assets/Checkbox.stories-qCSW0Q2j.js

@@ -1,43 +0,0 @@
-import{r as F,j as G}from"./iframe-Cav9rlxr.js";import{M as V}from"./Checkbox-CtLz3m2I.js";import{f as J}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{P as K}from"./PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js";import"./preload-helper-Dp1pzeXC.js";import"./tableRowClasses-DYosAqvx.js";import"./OdysseyProvider-Czbz3dwH.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./useUniqueId-MZzCNWze.js";import"./Typography-BcNOcPdV.js";import"./Typography-D4Laguzq.js";import"./Checkbox-RASNl40G.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"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./index.es-0rJMfM0E.js";import"./Box-BvtEwOZC.js";import"./Box-DduJOSF-.js";const Se={component:V,decorators:[K],tags:["autodocs"],argTypes:{hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:J.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox shows a required indicator",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{type:{summary:"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"'}}},validity:{control:{type:"select"},options:["valid","invalid","inherit"],description:"The checkbox validity state",table:{type:{summary:'"valid" | "invalid" | "inherit"'},defaultValue:{summary:"inherit"}}}},args:{label:"Require passkey for admin actions"}},e={},r={args:{hint:"Adds an extra layer of security for sensitive operations"}},s={args:{secureLevel:"more"}},t={args:{secureLevel:"most"}},o={args:{secureLevel:"most",hint:"Adds an extra layer of security for sensitive operations"}},a={args:{isRequired:!0,secureLevel:"most"}},i={args:{isIndeterminate:!0,secureLevel:"more"}},n={args:{isDisabled:!0,secureLevel:"most"}},c={render:function(){const[z,U]=F.useState(!0);return G.jsx(V,{isChecked:z,isReadOnly:!0,label:"Require passkey for admin actions",onChange:(Q,B)=>U(B),secureLevel:"most"})}},m={args:{validity:"invalid",secureLevel:"most"}};var d,l,u;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(u=(l=e.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var p,y,h;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    hint: "Adds an extra layer of security for sensitive operations"
-  }
-}`,...(h=(y=r.parameters)==null?void 0:y.docs)==null?void 0:h.source}}};var v,g,b;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    secureLevel: "more"
-  }
-}`,...(b=(g=s.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var f,L,x;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    secureLevel: "most"
-  }
-}`,...(x=(L=t.parameters)==null?void 0:L.docs)==null?void 0:x.source}}};var k,S,C;o.parameters={...o.parameters,docs:{...(k=o.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    secureLevel: "most",
-    hint: "Adds an extra layer of security for sensitive operations"
-  }
-}`,...(C=(S=o.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var R,I,D;a.parameters={...a.parameters,docs:{...(R=a.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    isRequired: true,
-    secureLevel: "most"
-  }
-}`,...(D=(I=a.parameters)==null?void 0:I.docs)==null?void 0:D.source}}};var q,M,O;i.parameters={...i.parameters,docs:{...(q=i.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    isIndeterminate: true,
-    secureLevel: "more"
-  }
-}`,...(O=(M=i.parameters)==null?void 0:M.docs)==null?void 0:O.source}}};var T,A,H;n.parameters={...n.parameters,docs:{...(T=n.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  args: {
-    isDisabled: true,
-    secureLevel: "most"
-  }
-}`,...(H=(A=n.parameters)==null?void 0:A.docs)==null?void 0:H.source}}};var W,_,j;c.parameters={...c.parameters,docs:{...(W=c.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  render: function C() {
-    const [isChecked, setIsChecked] = useState(true);
-    return <Checkbox isChecked={isChecked} isReadOnly={true} label="Require passkey for admin actions" onChange={(_, checked) => setIsChecked(checked)} secureLevel="most" />;
-  }
-}`,...(j=(_=c.parameters)==null?void 0:_.docs)==null?void 0:j.source}}};var w,E,P;m.parameters={...m.parameters,docs:{...(w=m.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  args: {
-    validity: "invalid",
-    secureLevel: "most"
-  }
-}`,...(P=(E=m.parameters)==null?void 0:E.docs)==null?void 0:P.source}}};const Ce=["Default","WithHint","SecureLevelMore","SecureLevelMost","SecureLevelWithHint","Required","Indeterminate","Disabled","ReadOnly","Invalid"];export{e as Default,n as Disabled,i as Indeterminate,m as Invalid,c as ReadOnly,a as Required,s as SecureLevelMore,t as SecureLevelMost,o as SecureLevelWithHint,r as WithHint,Ce as __namedExportsOrder,Se as default};

package/dist/assets/CheckboxGroup-zMSuzeZ6.js

@@ -1 +0,0 @@
-import{r as s,R as o,j as l}from"./iframe-Cav9rlxr.js";import{M as h}from"./Field-4cI0KUzC.js";import{F as j}from"./FormGroup-BhjYepGC.js";const y=({ariaDescribedBy:p,children:a,errorMessage:d,errorMessageList:b,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isReadOnly:i=!1,isRequired:C=!1,label:f,testId:t,translate:n})=>{const m=s.useMemo(()=>o.Children.map(a,e=>o.isValidElement(e)?o.cloneElement(e,{isReadOnly:i,isDisabled:r||e.props.isDisabled}):e),[a,i,r]),M=s.useCallback(({ariaDescribedBy:e,errorMessageElementId:k,id:F,labelElementId:g})=>l.jsx(j,{"aria-describedby":e,"aria-errormessage":k,"aria-labelledby":g,"data-se":t,id:F,translate:n,children:m}),[m,t,n]);return l.jsx(h,{ariaDescribedBy:p,errorMessage:d,errorMessageList:b,fieldType:"group",hasVisibleLabel:!0,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isOptional:!C,label:f,renderFieldComponent:M})},E=s.memo(y);E.displayName="CheckboxGroup";export{E as M};

package/dist/assets/CheckboxGroup.stories-BHKIdZ7U.js

@@ -1,89 +0,0 @@
-import{j as r}from"./iframe-Cav9rlxr.js";import{O as K}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as b}from"./CheckboxGroup-zMSuzeZ6.js";import{M as t}from"./Checkbox-_fXckuhm.js";import{M as N}from"./Link-BXZlWRMJ.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"./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"./FormGroup-BhjYepGC.js";import"./inputUtils-BOLvDTmI.js";import"./Hint-BaHNFCSW.js";import"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Checkbox-RASNl40G.js";import"./SwitchBase-fGL3z_gG.js";import"./useControlled-4m9Fbl4Y.js";import"./createSvgIcon-CoE7vjSC.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";const Be={component:b,decorators:[K],tags:["autodocs"],argTypes:{children:{control:!1,description:"A single Checkbox element or an array of Checkbox elements",table:{category:"Functional",type:{summary:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},type:{required:!0,name:"other",value:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,isDisabled:s.isDisabled,isReadOnly:{control:"boolean",description:"If `true`, the checkbox group is read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox group is required",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the checkbox group",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},ariaDescribedBy:{control:"text",description:"The ID of the element that describes the checkbox group",table:{category:"Functional",type:{summary:"string"}},type:{name:"string"}},testId:{control:"text",description:"The data-testid attribute for the checkbox group",table:{category:"Functional",type:{summary:"string"}},type:{name:"string"}},translate:{control:"radio",options:["yes","no",void 0],description:"Indicates whether the element's content should be translated",table:{category:"Functional",type:{summary:"yes | no"}},type:{name:"string"}}},args:{label:"Label",isDisabled:!1,isReadOnly:!1,isRequired:!1}},a={args:{},render:e=>r.jsxs(b,{ariaDescribedBy:e.ariaDescribedBy,errorMessage:e.errorMessage,errorMessageList:e.errorMessageList,hint:e.hint,HintLinkComponent:e.HintLinkComponent,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,label:e.label,testId:e.testId,translate:e.translate,children:[r.jsx(t,{label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{label:"Item label 2",name:"item-2",value:"item-2"}),r.jsx(t,{label:"Item label 3",name:"item-3",value:"item-3"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}}},i={...a},o={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isDisabled:!0}},n={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isReadOnly:!0}},l={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the `isInvalid` prop, even if the group has an `errorMessage` set."}}},args:{errorMessage:"Error Message"}},c={...a,args:{isRequired:!0,errorMessage:"Error Message",errorMessageList:["Error A"]}},m={...a,render:function(J){return r.jsxs(b,{...J,children:[r.jsx(t,{hint:"Hint text 1",label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{hint:"Hint text 2",label:"Item label 2",name:"item-2",value:"item-2"}),r.jsx(t,{hint:"Hint text 3",label:"Item label 3",name:"item-3",value:"item-3"})]})}},p={...a,args:{hint:"Hint text"}},d={...a,args:{hint:"Hint text",HintLinkComponent:r.jsx(N,{href:"#link",children:"Link"})}},u={...a,args:{isRequired:!0}},h={render:e=>r.jsxs(b,{errorMessage:e.errorMessage,hint:e.hint,isDisabled:e.isDisabled,isRequired:e.isRequired,label:"Label",children:[r.jsx(t,{isDefaultChecked:!0,label:"Item label 1",name:"item-1",value:"item-1"}),r.jsx(t,{label:"Item label 2",name:"item-2",validity:"valid",value:"item-2"}),r.jsx(t,{isDefaultChecked:!0,label:"Item Label 3",name:"item-3",value:"item-3"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."}}},args:{errorMessage:"Error Message"}};var k,x,g;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  ...GroupTemplate
-}`,...(g=(x=i.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var y,f,C;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isDisabled: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(C=(f=o.parameters)==null?void 0:f.docs)==null?void 0:C.source}}};var v,I,M;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isReadOnly: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(M=(I=n.parameters)==null?void 0:I.docs)==null?void 0:M.source}}};var D,R,L;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    },
-    docs: {
-      description: {
-        story: "Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the \`isInvalid\` prop, even if the group has an \`errorMessage\` set."
-      }
-    }
-  },
-  args: {
-    errorMessage: "Error Message"
-  } as CheckboxGroupProps // This is a hack
-}`,...(L=(R=l.parameters)==null?void 0:R.docs)==null?void 0:L.source}}};var T,G,E;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true,
-    errorMessage: "Error Message",
-    errorMessageList: ["Error A"]
-  } as CheckboxGroupProps // This is a hack
-}`,...(E=(G=c.parameters)==null?void 0:G.docs)==null?void 0:E.source}}};var H,q,j;m.parameters={...m.parameters,docs:{...(H=m.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  render: function C(props) {
-    return <CheckboxGroup {...props}>
-        <Checkbox hint="Hint text 1" label="Item label 1" name="item-1" value="item-1" />
-        <Checkbox hint="Hint text 2" label="Item label 2" name="item-2" value="item-2" />
-        <Checkbox hint="Hint text 3" label="Item label 3" name="item-3" value="item-3" />
-      </CheckboxGroup>;
-  }
-}`,...(j=(q=m.parameters)==null?void 0:q.docs)==null?void 0:j.source}}};var O,S,P;p.parameters={...p.parameters,docs:{...(O=p.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Hint text"
-  } as CheckboxGroupProps // This is a hack
-}`,...(P=(S=p.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var V,w,A;d.parameters={...d.parameters,docs:{...(V=d.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Hint text",
-    HintLinkComponent: <Link href="#link">Link</Link>
-  } as CheckboxGroupProps // This is a hack
-}`,...(A=(w=d.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var B,F,z;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(z=(F=u.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var U,W,_;h.parameters={...h.parameters,docs:{...(U=h.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  render: args => <CheckboxGroup errorMessage={args.errorMessage} hint={args.hint} isDisabled={args.isDisabled} isRequired={args.isRequired} label="Label">
-      <Checkbox isDefaultChecked={true} label="Item label 1" name="item-1" value="item-1" />
-      <Checkbox label="Item label 2" name="item-2" validity="valid" value="item-2" />
-      <Checkbox isDefaultChecked={true} label="Item Label 3" name="item-3" value="item-3" />
-    </CheckboxGroup>,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    },
-    docs: {
-      description: {
-        story: "Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."
-      }
-    }
-  },
-  args: {
-    errorMessage: "Error Message"
-  } as CheckboxGroupProps // This is a hack
-}`,...(_=(W=h.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};const Fe=["Default","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","Hint","HintLink","Required","MixedError"];export{i as Default,o as Disabled,l as Error,m as ErrorWithIndividualHint,c as ErrorsList,p as Hint,d as HintLink,h as MixedError,n as ReadOnly,u as Required,Fe as __namedExportsOrder,Be as default};

package/dist/assets/CheckboxGroup.stories-BSflT92t.js

@@ -1,64 +0,0 @@
-import{r as k,R as f,j as e,b as be,d as x,F as ge}from"./iframe-Cav9rlxr.js";import{M as a}from"./Checkbox-CtLz3m2I.js";import{b as he,S as ye,P as ke}from"./PasswordlessComponentsOdysseyStorybookThemeDecorator-DfT96M4p.js";import{M as ve}from"./Field-g_717qKv.js";import{F as fe}from"./FormGroup-BhjYepGC.js";import{M as xe}from"./Box-BvtEwOZC.js";import{f as i}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as Se}from"./Link-BXZlWRMJ.js";import"./preload-helper-Dp1pzeXC.js";import"./tableRowClasses-DYosAqvx.js";import"./OdysseyProvider-Czbz3dwH.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./useUniqueId-MZzCNWze.js";import"./Typography-BcNOcPdV.js";import"./Typography-D4Laguzq.js";import"./Checkbox-RASNl40G.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"./FormControlLabel-CB3xJ6ut.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./index.es-0rJMfM0E.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormLabel-DB_AmiE2.js";import"./isHostComponent-DVu5iVWx.js";import"./Box-DduJOSF-.js";import"./visuallyHidden-Dan1xhjv.js";import"./useTranslation-DjB2Li3Q.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";const Le=({ariaDescribedBy:o,children:r,errorMessage:se,errorMessageList:oe,hint:te,HintLinkComponent:ie,id:ne,isDisabled:v,isReadOnly:S=!1,isRequired:le=!1,label:ce,testId:L,translate:C})=>{const M=k.useMemo(()=>f.Children.map(r,t=>f.isValidElement(t)?f.cloneElement(t,{isReadOnly:S,isDisabled:v||t.props.isDisabled}):t),[r,S,v]),me=k.useCallback(({ariaDescribedBy:t,errorMessageElementId:pe,id:ue,labelElementId:de})=>e.jsx(fe,{"aria-describedby":t,"aria-errormessage":pe,"aria-labelledby":de,"data-se":L,id:ue,translate:C,children:M}),[M,L,C]);return e.jsx(ve,{ariaDescribedBy:o,errorMessage:se,errorMessageList:oe,fieldType:"group",hasVisibleLabel:!0,hint:te,HintLinkComponent:ie,id:ne,isDisabled:v,isOptional:!le,label:ce,renderFieldComponent:me})},ae=k.memo(Le);ae.displayName="CheckboxGroup";const Ce=({secureLevel:o,...r})=>be(ge,{children:[o&&x(xe,{sx:{marginBlockEnd:he},children:x(ye,{level:o})}),x(ae,{...r})]}),n=k.memo(Ce);n.displayName="CheckboxGroup";const cr={component:n,decorators:[ke],tags:["autodocs"],argTypes:{children:{description:"An array of Checkbox components within the group",table:{type:{summary:"Array<ReactElement<typeof Checkbox>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Checkbox>>"}},errorMessage:i.errorMessage,hint:i.hint,HintLinkComponent:i.HintLinkComponent,isDisabled:i.isDisabled,isReadOnly:i.isReadOnly,label:{control:"text",description:"The text label for the checkbox 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:"Security Options"}},s={args:{},render:function(r){return e.jsxs(n,{...r,children:[e.jsx(a,{label:"Require passkey for admin actions",value:"passkey"}),e.jsx(a,{label:"Enable magic link fallback",value:"magiclink"}),e.jsx(a,{label:"Allow SMS verification",value:"sms"})]})}},l={...s},c={...s,args:{hint:"Select all security features you want to enable"}},m={...s,args:{hint:"Select all security features you want to enable",HintLinkComponent:e.jsx(Se,{href:"#link",children:"Learn more about security options"})}},p={...s,args:{secureLevel:"more"}},u={...s,args:{secureLevel:"most"}},d={args:{label:"Security Options"},render:function(r){return e.jsxs(n,{...r,children:[e.jsx(a,{hint:"Hardware-backed authentication",label:"Require passkey for admin actions",secureLevel:"most",value:"passkey"}),e.jsx(a,{hint:"Passwordless email verification",label:"Enable magic link fallback",secureLevel:"more",value:"magiclink"}),e.jsx(a,{hint:"Text message verification",label:"Allow SMS verification",value:"sms"})]})}},b={args:{label:"Security Options",secureLevel:"most"},render:function(r){return e.jsxs(n,{...r,children:[e.jsx(a,{hint:"Hardware-backed authentication",label:"Require passkey for admin actions",secureLevel:"most",value:"passkey"}),e.jsx(a,{hint:"Passwordless email verification",label:"Enable magic link fallback",secureLevel:"more",value:"magiclink"}),e.jsx(a,{hint:"Text message verification",label:"Allow SMS verification",value:"sms"})]})}},g={...s,args:{isDisabled:!0,secureLevel:"most"}},h={...s,args:{isReadOnly:!0,secureLevel:"most"}},y={...s,args:{errorMessage:"Please select at least one security option"}};var w,j,T;l.parameters={...l.parameters,docs:{...(w=l.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  ...Template
-}`,...(T=(j=l.parameters)==null?void 0:j.docs)==null?void 0:T.source}}};var E,G,R;c.parameters={...c.parameters,docs:{...(E=c.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hint: "Select all security features you want to enable"
-  } as Story["args"]
-}`,...(R=(G=c.parameters)==null?void 0:G.docs)==null?void 0:R.source}}};var H,O,D;m.parameters={...m.parameters,docs:{...(H=m.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hint: "Select all security features you want to enable",
-    HintLinkComponent: <Link href="#link">Learn more about security options</Link>
-  } as Story["args"]
-}`,...(D=(O=m.parameters)==null?void 0:O.docs)==null?void 0:D.source}}};var P,A,q;p.parameters={...p.parameters,docs:{...(P=p.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    secureLevel: "more"
-  } as Story["args"]
-}`,...(q=(A=p.parameters)==null?void 0:A.docs)==null?void 0:q.source}}};var z,F,W;u.parameters={...u.parameters,docs:{...(z=u.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    secureLevel: "most"
-  } as Story["args"]
-}`,...(W=(F=u.parameters)==null?void 0:F.docs)==null?void 0:W.source}}};var B,I,N;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    label: "Security Options"
-  } as Story["args"],
-  render: function C(props) {
-    return <CheckboxGroup {...props}>
-        <Checkbox hint="Hardware-backed authentication" label="Require passkey for admin actions" secureLevel="most" value="passkey" />
-        <Checkbox hint="Passwordless email verification" label="Enable magic link fallback" secureLevel="more" value="magiclink" />
-        <Checkbox hint="Text message verification" label="Allow SMS verification" value="sms" />
-      </CheckboxGroup>;
-  }
-}`,...(N=(I=d.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var V,_,$;b.parameters={...b.parameters,docs:{...(V=b.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    label: "Security Options",
-    secureLevel: "most"
-  } as Story["args"],
-  render: function C(props) {
-    return <CheckboxGroup {...props}>
-        <Checkbox hint="Hardware-backed authentication" label="Require passkey for admin actions" secureLevel="most" value="passkey" />
-        <Checkbox hint="Passwordless email verification" label="Enable magic link fallback" secureLevel="more" value="magiclink" />
-        <Checkbox hint="Text message verification" label="Allow SMS verification" value="sms" />
-      </CheckboxGroup>;
-  }
-}`,...($=(_=b.parameters)==null?void 0:_.docs)==null?void 0:$.source}}};var U,J,K;g.parameters={...g.parameters,docs:{...(U=g.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    isDisabled: true,
-    secureLevel: "most"
-  } as Story["args"]
-}`,...(K=(J=g.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,X,Y;h.parameters={...h.parameters,docs:{...(Q=h.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    isReadOnly: true,
-    secureLevel: "most"
-  } as Story["args"]
-}`,...(Y=(X=h.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,re;y.parameters={...y.parameters,docs:{...(Z=y.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    errorMessage: "Please select at least one security option"
-  } as Story["args"]
-}`,...(re=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:re.source}}};const mr=["Default","WithHint","WithHintLink","GroupSecureLevelMore","GroupSecureLevelMost","IndividualSecureLevels","CombinedSecureLevels","Disabled","ReadOnly","WithError"];export{b as CombinedSecureLevels,l as Default,g as Disabled,p as GroupSecureLevelMore,u as GroupSecureLevelMost,d as IndividualSecureLevels,h as ReadOnly,y as WithError,c as WithHint,m as WithHintLink,mr as __namedExportsOrder,cr as default};

package/dist/assets/ChevronRight--b1mmNks.js

@@ -1 +0,0 @@
-import{r,j as o}from"./iframe-Cav9rlxr.js";import{S as t}from"./tableRowClasses-DYosAqvx.js";const s=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{d:"m11.138 8.471-4.333 4.334-.943-.943L9.724 8 5.862 4.138l.943-.943 4.333 4.334a.667.667 0 0 1 0 .942Z",fill:"currentColor"})})})),i=r.memo(s);i.displayName="ChevronRightIcon";export{i as M};

package/dist/assets/ChevronUp-DL24OTkX.js

@@ -1 +0,0 @@
-import{r as o,j as e}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const s=o.forwardRef((r,l)=>e.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsxs(e.Fragment,{children:[e.jsx("path",{clipRule:"evenodd",d:"M7.293 5.431a1 1 0 0 1 1.414 0l4.098 4.098-.943.942L8 6.61l-3.862 3.862-.943-.942 4.098-4.1.471.471-.471-.471Z",fill:"currentColor",fillRule:"evenodd"}),e.jsx("path",{clipRule:"evenodd",d:"m8.707 5.431 4.098 4.098-.943.942L8 6.61l-3.862 3.862-.943-.942 4.098-4.1a1 1 0 0 1 1.414 0Z",fill:"currentColor",fillRule:"evenodd"})]})})),t=o.memo(s);t.displayName="ChevronUpIcon";export{t as M};

package/dist/assets/Chip-bDORJbkM.js

@@ -1 +0,0 @@
-import{b as G,_ as J,a as d,d as k,c as U,e as r,f as Q,$ as X,a0 as l,l as p}from"./tableRowClasses-DYosAqvx.js";import{j as x,r as v}from"./iframe-Cav9rlxr.js";import{c as Y}from"./createSvgIcon-CoE7vjSC.js";import{u as Z}from"./useIsFocusVisible-Cu721A7w.js";import{B as K}from"./ButtonBase-CYIo9Kvv.js";const S=Y(x.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),w=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],aa=a=>{const{classes:o,disabled:n,size:c,color:e,iconColor:$,onDelete:u,clickable:t,variant:s}=a,f={root:["root",s,n&&"disabled",`size${r(c)}`,`color${r(e)}`,t&&"clickable",t&&`clickableColor${r(e)}`,u&&"deletable",u&&`deletableColor${r(e)}`,`${s}${r(e)}`],label:["label",`label${r(c)}`],avatar:["avatar",`avatar${r(c)}`,`avatarColor${r(e)}`],icon:["icon",`icon${r(c)}`,`iconColor${r($)}`],deleteIcon:["deleteIcon",`deleteIcon${r(c)}`,`deleteIconColor${r(e)}`,`deleteIcon${r(s)}Color${r(e)}`]};return Q(f,X,o)},oa=U("div",{name:"MuiChip",slot:"Root",overridesResolver:(a,o)=>{const{ownerState:n}=a,{color:c,iconColor:e,clickable:$,onDelete:u,size:t,variant:s}=n;return[{[`& .${l.avatar}`]:o.avatar},{[`& .${l.avatar}`]:o[`avatar${r(t)}`]},{[`& .${l.avatar}`]:o[`avatarColor${r(c)}`]},{[`& .${l.icon}`]:o.icon},{[`& .${l.icon}`]:o[`icon${r(t)}`]},{[`& .${l.icon}`]:o[`iconColor${r(e)}`]},{[`& .${l.deleteIcon}`]:o.deleteIcon},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(t)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIconColor${r(c)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(s)}Color${r(c)}`]},o.root,o[`size${r(t)}`],o[`color${r(c)}`],$&&o.clickable,$&&c!=="default"&&o[`clickableColor${r(c)})`],u&&o.deletable,u&&c!=="default"&&o[`deletableColor${r(c)}`],o[s],o[`${s}${r(c)}`]]}})(({theme:a,ownerState:o})=>{const n=a.palette.mode==="light"?a.palette.grey[700]:a.palette.grey[300];return d({maxWidth:"100%",fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(a.vars||a).palette.text.primary,backgroundColor:(a.vars||a).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:a.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${l.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${l.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:a.vars?a.vars.palette.Chip.defaultAvatarColor:n,fontSize:a.typography.pxToRem(12)},[`& .${l.avatarColorPrimary}`]:{color:(a.vars||a).palette.primary.contrastText,backgroundColor:(a.vars||a).palette.primary.dark},[`& .${l.avatarColorSecondary}`]:{color:(a.vars||a).palette.secondary.contrastText,backgroundColor:(a.vars||a).palette.secondary.dark},[`& .${l.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:a.typography.pxToRem(10)},[`& .${l.icon}`]:d({marginLeft:5,marginRight:-6},o.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},o.iconColor===o.color&&d({color:a.vars?a.vars.palette.Chip.defaultIconColor:n},o.color!=="default"&&{color:"inherit"})),[`& .${l.deleteIcon}`]:d({WebkitTapHighlightColor:"transparent",color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.26)`:p.alpha(a.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.4)`:p.alpha(a.palette.text.primary,.4)}},o.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},o.color!=="default"&&{color:a.vars?`rgba(${a.vars.palette[o.color].contrastTextChannel} / 0.7)`:p.alpha(a.palette[o.color].contrastText,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].contrastText}})},o.size==="small"&&{height:24},o.color!=="default"&&{backgroundColor:(a.vars||a).palette[o.color].main,color:(a.vars||a).palette[o.color].contrastText},o.onDelete&&{[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},o.onDelete&&o.color!=="default"&&{[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}})},({theme:a,ownerState:o})=>d({},o.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)},"&:active":{boxShadow:(a.vars||a).shadows[1]}},o.clickable&&o.color!=="default"&&{[`&:hover, &.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}}),({theme:a,ownerState:o})=>d({},o.variant==="outlined"&&{backgroundColor:"transparent",border:a.vars?`1px solid ${a.vars.palette.Chip.defaultBorder}`:`1px solid ${a.palette.mode==="light"?a.palette.grey[400]:a.palette.grey[700]}`,[`&.${l.clickable}:hover`]:{backgroundColor:(a.vars||a).palette.action.hover},[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`& .${l.avatar}`]:{marginLeft:4},[`& .${l.avatarSmall}`]:{marginLeft:2},[`& .${l.icon}`]:{marginLeft:4},[`& .${l.iconSmall}`]:{marginLeft:2},[`& .${l.deleteIcon}`]:{marginRight:5},[`& .${l.deleteIconSmall}`]:{marginRight:3}},o.variant==="outlined"&&o.color!=="default"&&{color:(a.vars||a).palette[o.color].main,border:`1px solid ${a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7)}`,[`&.${l.clickable}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.focusOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.focusOpacity)},[`& .${l.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].main}}})),la=U("span",{name:"MuiChip",slot:"Label",overridesResolver:(a,o)=>{const{ownerState:n}=a,{size:c}=n;return[o.label,o[`label${r(c)}`]]}})(({ownerState:a})=>d({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},a.variant==="outlined"&&{paddingLeft:11,paddingRight:11},a.size==="small"&&{paddingLeft:8,paddingRight:8},a.size==="small"&&a.variant==="outlined"&&{paddingLeft:7,paddingRight:7}));function j(a){return a.key==="Backspace"||a.key==="Delete"}const na=v.forwardRef(function(o,n){const c=G({props:o,name:"MuiChip"}),{avatar:e,className:$,clickable:u,color:t="default",component:s,deleteIcon:f,disabled:y=!1,icon:C,label:W,onClick:O,onDelete:g,onKeyDown:L,onKeyUp:T,size:B="medium",variant:F="filled",tabIndex:M,skipFocusWhenDisabled:m=!1}=c,_=J(c,w),I=v.useRef(null),A=Z(I,n),E=i=>{i.stopPropagation(),g&&g(i)},H=i=>{i.currentTarget===i.target&&j(i)&&i.preventDefault(),L&&L(i)},h=i=>{i.currentTarget===i.target&&(g&&j(i)?g(i):i.key==="Escape"&&I.current&&I.current.blur()),T&&T(i)},R=u!==!1&&O?!0:u,z=R||g?K:s||"div",D=d({},c,{component:z,disabled:y,size:B,color:t,iconColor:v.isValidElement(C)&&C.props.color||t,onDelete:!!g,clickable:R,variant:F}),b=aa(D),q=z===K?d({component:s||"div",focusVisibleClassName:b.focusVisible},g&&{disableRipple:!0}):{};let N=null;g&&(N=f&&v.isValidElement(f)?v.cloneElement(f,{className:k(f.props.className,b.deleteIcon),onClick:E}):x.jsx(S,{className:k(b.deleteIcon),onClick:E}));let V=null;e&&v.isValidElement(e)&&(V=v.cloneElement(e,{className:k(b.avatar,e.props.className)}));let P=null;return C&&v.isValidElement(C)&&(P=v.cloneElement(C,{className:k(b.icon,C.props.className)})),x.jsxs(oa,d({as:z,className:k(b.root,$),disabled:R&&y?!0:void 0,onClick:O,onKeyDown:H,onKeyUp:h,ref:A,tabIndex:m&&y?-1:M,ownerState:D},q,_,{children:[V||P,x.jsx(la,{className:k(b.label),ownerState:D,children:W}),N]}))});export{na as C};

package/dist/assets/CircularProgress-BgZHFbQE.js

@@ -1,28 +0,0 @@
-import{M as N,N as U,b as w,_ as z,a as o,c as g,d as E,e as n,f as I,a1 as D,a2 as M}from"./tableRowClasses-DYosAqvx.js";import{r as F,j as v}from"./iframe-Cav9rlxr.js";function K(r){return N("MuiCircularProgress",r)}U("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const W=["className","color","disableShrink","size","style","thickness","value","variant"];let l=r=>r,P,b,S,$;const t=44,B=M(P||(P=l`
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-`)),G=M(b||(b=l`
-  0% {
-    stroke-dasharray: 1px, 200px;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100px, 200px;
-    stroke-dashoffset: -125px;
-  }
-`)),L=r=>{const{classes:e,variant:s,color:a,disableShrink:d}=r,u={root:["root",s,`color${n(a)}`],svg:["svg"],circle:["circle",`circle${n(s)}`,d&&"circleDisableShrink"]};return I(u,K,e)},V=g("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.root,e[s.variant],e[`color${n(s.color)}`]]}})(({ownerState:r,theme:e})=>o({display:"inline-block"},r.variant==="determinate"&&{transition:e.transitions.create("transform")},r.color!=="inherit"&&{color:(e.vars||e).palette[r.color].main}),({ownerState:r})=>r.variant==="indeterminate"&&D(S||(S=l`
-      animation: ${0} 1.4s linear infinite;
-    `),B)),Z=g("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(r,e)=>e.svg})({display:"block"}),q=g("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(r,e)=>{const{ownerState:s}=r;return[e.circle,e[`circle${n(s.variant)}`],s.disableShrink&&e.circleDisableShrink]}})(({ownerState:r,theme:e})=>o({stroke:"currentColor"},r.variant==="determinate"&&{transition:e.transitions.create("stroke-dashoffset")},r.variant==="indeterminate"&&{strokeDasharray:"80px, 200px",strokeDashoffset:0}),({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink&&D($||($=l`
-      animation: ${0} 1.4s ease-in-out infinite;
-    `),G)),J=F.forwardRef(function(e,s){const a=w({props:e,name:"MuiCircularProgress"}),{className:d,color:u="primary",disableShrink:_=!1,size:m=40,style:R,thickness:i=3.6,value:f=0,variant:k="indeterminate"}=a,j=z(a,W),c=o({},a,{color:u,disableShrink:_,size:m,thickness:i,value:f,variant:k}),p=L(c),h={},x={},y={};if(k==="determinate"){const C=2*Math.PI*((t-i)/2);h.strokeDasharray=C.toFixed(3),y["aria-valuenow"]=Math.round(f),h.strokeDashoffset=`${((100-f)/100*C).toFixed(3)}px`,x.transform="rotate(-90deg)"}return v.jsx(V,o({className:E(p.root,d),style:o({width:m,height:m},x,R),ownerState:c,ref:s,role:"progressbar"},y,j,{children:v.jsx(Z,{className:p.svg,ownerState:c,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:v.jsx(q,{className:p.circle,style:h,ownerState:c,cx:t,cy:t,r:(t-i)/2,fill:"none",strokeWidth:i})})}))});export{J as C};

package/dist/assets/CircularProgress-BoAO9U8M.js

@@ -1 +0,0 @@
-import{r as e,j as o}from"./iframe-Cav9rlxr.js";import{C as t}from"./CircularProgress-BgZHFbQE.js";const i=({ariaLabel:a,testId:s,value:r})=>o.jsx(t,{"aria-label":a,"data-se":s,value:r,variant:r?"determinate":"indeterminate"}),m=e.memo(i);m.displayName="CircularProgress";export{m as M};