@okta/odyssey-contribution-tooling 1.47.0

package/dist/assets/NativeSelect.stories-Cifq4E3J.js

@@ -0,0 +1,173 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Oe}from"./OdysseyStorybookThemeDecorator-16bNnvxj.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as De}from"./Field-D74eqg4O.js";import{g as Fe,u as He}from"./inputUtils-Dbi8XkA6.js";import{S as Ne}from"./Select-CLEBwKEx.js";import{M as Ae}from"./Link-DARU1eh_.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-DTipOKrx.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BUFYBjAn.js";import"./Box-C_AofFH6.js";import"./Box-Dj0TcHPk.js";import"./List-CiQoh51m.js";import"./ListItem-CbzUVSFz.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CoIg0wxJ.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BiamqhwG.js";import"./TransitionGroupContext-DZCHdcG0.js";import"./ScreenReaderText-Bi7otE7o.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-BTAsIBEJ.js";import"./FieldHint-CSau3k-Y.js";import"./Typography-C8wRtMzJ.js";import"./Typography-CLBOoAbV.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Menu-D2iTt7Fq.js";import"./Portal-BzAq_2pV.js";import"./resolveComponentProps-DGqZmzue.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Grow-Z9DEawRE.js";import"./utils-CZyHmlOa.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-DQuS56t8.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-DYTAq5JI.js";import"./Paper-C-KyYh7j.js";import"./MenuList-Btvjwmi6.js";import"./useControlled-NQulfz4l.js";import"./ArrowDropDown-C93640p3.js";import"./createSvgIcon-Dj8yxKs-.js";import"./InputBase-CF-3j1kS.js";import"./Link-roS5FD0_.js";import"./ExternalLink-ChdW10Dq.js";const Ge=n.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:r,errorMessage:l,errorMessageList:s,hasMultipleChoices:a,hint:h,HintLinkComponent:t,id:m,inputRef:Se,isDisabled:Me=!1,isFullWidth:Le=!1,isMultiSelect:w,isOptional:Ee=!1,label:Te,onBlur:k,onChange:v,onFocus:O,testId:D,translate:F,value:H,children:N},A)=>{const Ve=n.useRef(Fe({controlledValue:H,uncontrolledValue:r})),G=n.useRef(null);n.useImperativeHandle(Se,()=>({focus:()=>{var d;(d=G.current)==null||d.focus()}}),[]);const P=He({defaultValue:r,value:H,controlState:Ve.current}),R=n.useCallback((d,V)=>{v==null||v(d,V)},[v]),W=n.useMemo(()=>a===void 0?w:a,[a,w]),we=n.useCallback(({ariaDescribedBy:d,errorMessageElementId:V,labelElementId:ke})=>e.jsx(Ne,{...P,"aria-describedby":d,autoComplete:o,children:N,id:m,inputProps:{"aria-errormessage":V,"aria-labelledby":ke,"data-se":D},inputRef:G,multiple:W,name:m,native:!0,onBlur:k,onChange:R,onFocus:O,ref:A,translate:F}),[o,N,m,P,W,k,R,O,A,D,F]);return e.jsx(De,{ariaDescribedBy:c,errorMessage:l,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:t,id:m,isDisabled:Me,isFullWidth:Le,isOptional:Ee,label:Te,renderFieldComponent:we})}),p=n.memo(Ge);p.displayName="NativeSelect";const Ro={component:p,decorators:[Oe],tags:["autodocs"],argTypes:{children:{description:"The options or optgroup elements within the native select component",table:{type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{type:{summary:"string | string[] | undefined"}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hint:i.hint,HintLinkComponent:i.HintLinkComponent,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:i.isOptional,label:{control:"text",description:"The label text for the native select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the native select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the native select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the native select component gains focus",table:{type:{summary:"func"}}},value:{control:"text",description:"The value or values selected in the native select component",table:{type:{summary:"string | string[]"}}}},args:{isDisabled:!1,hint:"Select your destination in the Sol system.",isOptional:!1,label:"Destination",id:"SolarDestination",defaultValue:""}},u={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),defaultValue:o.defaultValue,errorMessage:o.errorMessage,errorMessageList:o.errorMessageList,hint:o.hint,id:o.id,isDisabled:o.isDisabled,isMultiSelect:o.isMultiSelect,isOptional:o.isOptional,label:o.label})}},Pe={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},g={...u},b={...u,args:{isDisabled:!0}},f={...u,args:{errorMessage:"Select your destination."}},x={...u,args:{errorMessage:"Select your destination.",errorMessageList:["Select 1 planet","Select 1 moon"]}},y={...Pe},j={...u,args:{hasMultipleChoices:!0,defaultValue:[]}},C={...u,args:{isOptional:!0}},S={...u,args:{HintLinkComponent:e.jsx(Ae,{href:"/learn-more",children:"Learn more"})}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState(""),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},render:function(o){const[r,l]=n.useState([""]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},E={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState("Laconia"),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},T={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`.\n\nPreselected values are referenced by the value of the `value` attritube on `option` elements."}}},render:function(o){const[r,l]=n.useState(["laconia","new-terra"]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}};var q,z,I;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  ...Template
+}`,...(I=(z=g.parameters)==null?void 0:z.docs)==null?void 0:I.source}}};var B,_,J;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isDisabled: true
+  }
+}`,...(J=(_=b.parameters)==null?void 0:_.docs)==null?void 0:J.source}}};var K,Q,U;f.parameters={...f.parameters,docs:{...(K=f.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Select your destination."
+  }
+}`,...(U=(Q=f.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;x.parameters={...x.parameters,docs:{...(X=x.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Select your destination.",
+    errorMessageList: ["Select 1 planet", "Select 1 moon"]
+  }
+}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,oe;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  ...GroupTemplate
+}`,...(oe=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,te,ae;j.parameters={...j.parameters,docs:{...(ne=j.parameters)==null?void 0:ne.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hasMultipleChoices: true,
+    defaultValue: []
+  }
+}`,...(ae=(te=j.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var re,le,se;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isOptional: true
+  }
+}`,...(se=(le=C.parameters)==null?void 0:le.docs)==null?void 0:se.source}}};var ie,pe,ce;S.parameters={...S.parameters,docs:{...(ie=S.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
+  }
+}`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,de,he;M.parameters={...M.parameters,docs:{...(ue=M.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  args: {},
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState("");
+    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
+    return <NativeSelect {...args} children={<>
+            <optgroup label="Sol System">
+              <option value="earth">Earth</option>
+              <option value="mars">Mars</option>
+              <option value="ceres">Ceres</option>
+              <option value="eros">Eros</option>
+              <option value="tycho-station">Tycho Station</option>
+              <option value="phoebe">Phoebe</option>
+              <option value="ganymede">Ganymede</option>
+            </optgroup>
+            <optgroup label="Extrasolar">
+              <option value="auberon">Auberon</option>
+              <option value="al-halub">Al-Halub</option>
+              <option value="freehold">Freehold</option>
+              <option value="laconia">Laconia</option>
+              <option value="new-terra">New Terra</option>
+            </optgroup>
+          </>} onChange={onChange} value={localValue} />;
+  }
+}`,...(he=(de=M.parameters)==null?void 0:de.docs)==null?void 0:he.source}}};var me,ve,ge;L.parameters={...L.parameters,docs:{...(me=L.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState([""]);
+    const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
+      const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
+      setLocalValue(selectedOptions);
+    }, []);
+    return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices={true}
+    // @ts-expect-error This is going to break because generics aren't passed through.
+    onChange={onChange} value={localValue}>
+        <>
+          <optgroup label="Sol System">
+            <option value="earth">Earth</option>
+            <option value="mars">Mars</option>
+            <option value="ceres">Ceres</option>
+            <option value="eros">Eros</option>
+            <option value="tycho-station">Tycho Station</option>
+            <option value="phoebe">Phoebe</option>
+            <option value="ganymede">Ganymede</option>
+          </optgroup>
+          <optgroup label="Extrasolar">
+            <option value="auberon">Auberon</option>
+            <option value="al-halub">Al-Halub</option>
+            <option value="freehold">Freehold</option>
+            <option value="laconia">Laconia</option>
+            <option value="new-terra">New Terra</option>
+          </optgroup>
+        </>
+      </NativeSelect>;
+  }
+}`,...(ge=(ve=L.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var be,fe,xe;E.parameters={...E.parameters,docs:{...(be=E.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  args: {},
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState("Laconia");
+    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
+    return <NativeSelect {...args} children={<>
+            <optgroup label="Sol System">
+              <option value="earth">Earth</option>
+              <option value="mars">Mars</option>
+              <option value="ceres">Ceres</option>
+              <option value="eros">Eros</option>
+              <option value="tycho-station">Tycho Station</option>
+              <option value="phoebe">Phoebe</option>
+              <option value="ganymede">Ganymede</option>
+            </optgroup>
+            <optgroup label="Extrasolar">
+              <option value="auberon">Auberon</option>
+              <option value="al-halub">Al-Halub</option>
+              <option value="freehold">Freehold</option>
+              <option value="laconia">Laconia</option>
+              <option value="new-terra">New Terra</option>
+            </optgroup>
+          </>} onChange={onChange} value={localValue} />;
+  }
+}`,...(xe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var ye,je,Ce;T.parameters={...T.parameters,docs:{...(ye=T.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`.\\n\\nPreselected values are referenced by the value of the \`value\` attritube on \`option\` elements."
+      }
+    }
+  },
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState(["laconia", "new-terra"]);
+    const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
+      const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
+      setLocalValue(selectedOptions);
+    }, []);
+    return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices
+    // @ts-expect-error This is going to break because generics aren't passed through.
+    onChange={onChange} value={localValue}>
+        <>
+          <optgroup label="Sol System">
+            <option value="earth">Earth</option>
+            <option value="mars">Mars</option>
+            <option value="ceres">Ceres</option>
+            <option value="eros">Eros</option>
+            <option value="tycho-station">Tycho Station</option>
+            <option value="phoebe">Phoebe</option>
+            <option value="ganymede">Ganymede</option>
+          </optgroup>
+          <optgroup label="Extrasolar">
+            <option value="auberon">Auberon</option>
+            <option value="al-halub">Al-Halub</option>
+            <option value="freehold">Freehold</option>
+            <option value="laconia">Laconia</option>
+            <option value="new-terra">New Terra</option>
+          </optgroup>
+        </>
+      </NativeSelect>;
+  }
+}`,...(Ce=(je=T.parameters)==null?void 0:je.docs)==null?void 0:Ce.source}}};const Wo=["Default","DefaultDisabled","DefaultError","ErrorsList","DefaultGrouped","Multi","Optional","HintLink","Controlled","ControlledMultiselect","ControlledPreselected","ControlledPreselectedMultiselect"];export{M as Controlled,L as ControlledMultiselect,E as ControlledPreselected,T as ControlledPreselectedMultiselect,g as Default,b as DefaultDisabled,f as DefaultError,y as DefaultGrouped,x as ErrorsList,S as HintLink,j as Multi,C as Optional,Wo as __namedExportsOrder,Ro as default};

package/dist/assets/OdysseyProvider-BUFYBjAn.js

@@ -0,0 +1,66 @@
+import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{c as h,ad as M,b as m,U as O,V as j,_ as B,d as P,e as w,g as k,aD as A,aL as z,L as F,aM as N}from"./OdysseyThemeProvider-DTipOKrx.js";const v=(e,o)=>m({WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%"},o&&!e.vars&&{colorScheme:e.palette.mode}),S=e=>m({color:(e.vars||e).palette.text.primary},e.typography.body1,{backgroundColor:(e.vars||e).palette.background.default,"@media print":{backgroundColor:(e.vars||e).palette.common.white}}),W=(e,o=!1)=>{var t;const n={};o&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([i,c])=>{var d;n[e.getColorSchemeSelector(i).replace(/\s*&/,"")]={colorScheme:(d=c.palette)==null?void 0:d.mode}});let s=m({html:v(e,o),"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:m({margin:0},S(e),{"&::backdrop":{backgroundColor:(e.vars||e).palette.background.default}})},n);const r=(t=e.components)==null||(t=t.MuiCssBaseline)==null?void 0:t.styleOverrides;return r&&(s=[s,r]),s};function I(e){const o=h({props:e,name:"MuiCssBaseline"}),{children:t,enableColorScheme:n=!1}=o;return a.jsxs(l.Fragment,{children:[a.jsx(M,{styles:s=>W(s,n)}),t]})}function U(e){return O("MuiScopedCssBaseline",e)}j("MuiScopedCssBaseline",["root"]);const _=["className","component","enableColorScheme"],T=e=>{const{classes:o}=e;return k({root:["root"]},U,o)},q=P("div",{name:"MuiScopedCssBaseline",slot:"Root",overridesResolver:(e,o)=>o.root})(({theme:e,ownerState:o})=>{const t={};return o.enableColorScheme&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([n,s])=>{var r;t[`&${e.getColorSchemeSelector(n).replace(/\s*&/,"")}`]={colorScheme:(r=s.palette)==null?void 0:r.mode}}),m({},v(e,o.enableColorScheme),S(e),{"& *, & *::before, & *::after":{boxSizing:"inherit"},"& strong, & b":{fontWeight:e.typography.fontWeightBold}},t)}),$=l.forwardRef(function(o,t){const n=h({props:o,name:"MuiScopedCssBaseline"}),{className:s,component:r="div"}=n,i=B(n,_),c=m({},n,{component:r}),d=T(c);return a.jsx(q,m({as:r,className:w(d.root,s),ref:t,ownerState:c},i))}),D=e=>a.jsx(I,{...e});/*!
+ * Copyright (c) 2025-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 L="app-root",H="style-root",G=()=>{const e=document.createElement("div"),o=document.createElement("div");return e.style.setProperty("height","inherit"),e.setAttribute("id",L),o.setAttribute("id",H),o.setAttribute("nonce",window.cspNonce),{appRootElement:e,stylesRootElement:o}};/*!
+ * Copyright (c) 2025-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 V=`
+  :host {
+    all: initial;
+    contain: content;
+  }
+`,J=({nonce:e,stylesRootElement:o})=>{const t=document.createElement("style");t.setAttribute("nonce",e),t.innerHTML=V,o.appendChild(t)};/*!
+ * 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 K=(e,o=window.cspNonce)=>{const t=e.attachShadow({mode:"open"}),{appRootElement:n,stylesRootElement:s}=G();return t.appendChild(n),t.appendChild(s),J({nonce:o,stylesRootElement:s}),{emotionRootElement:s,shadowRootElement:n}};/*!
+ * Copyright (c) 2025-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 C=l.createContext({}),ae=()=>l.useContext(C),Q=({children:e,hasShadowDom:o,overlayParentElement:t})=>{const{overlayEmotionRootElement:n,overlayParentElement:s,overlayShadowRootElement:r}=l.useMemo(()=>{const c=t||document.createElement("div");if(o){const{emotionRootElement:d,shadowRootElement:p}=K(c);return{overlayEmotionRootElement:d,overlayParentElement:c,overlayShadowRootElement:p}}return{overlayEmotionRootElement:void 0,overlayParentElement:c,overlayShadowRootElement:void 0}},[o,t]);l.useEffect(()=>(s&&document.body.append(s),()=>{s.remove()}),[s]);const i=l.useMemo(()=>({overlayEmotionRootElement:n,overlayShadowRootElement:r}),[n,r]);return a.jsx(C.Provider,{value:i,children:e})},b=l.memo(Q);b.displayName="FullScreenOverlayProvider";const X=()=>Math.random().toString(36).replace(/[\d.]/g,"");/*!
+ * Copyright (c) 2022-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 Y=e=>l.useMemo(()=>X(),[]);/*!
+ * Copyright (c) 2022-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 Z=({children:e,emotionRoot:o,emotionRootElement:t,nonce:n,stylisPlugins:s})=>{const r=Y(),i=l.useMemo(()=>A({...(t||o)&&{container:t||o},key:r,nonce:n??globalThis.cspNonce,prepend:!0,speedy:!0,...s&&{stylisPlugins:s}}),[o,t,n,s,r]);return a.jsx(z,{value:i,children:e})},g=l.memo(Z);g.displayName="OdysseyCacheProvider";const ee={height:"inherit"},oe=({children:e,contrastMode:o,designTokensOverride:t,emotionRoot:n,emotionRootElement:s,hasCssBaseline:r,hasScopedCssBaseline:i=!0,hasWrapperElement:c,languageCode:d,nonce:p,overlayParentElement:f,shadowDomElement:u,shadowRootElement:y,stylisPlugins:E,themeOverride:x,translationOverrides:R})=>a.jsx(g,{emotionRootElement:s||n,nonce:p,stylisPlugins:E,children:a.jsx(F,{contrastMode:o,designTokensOverride:t,hasWrapperElement:c,shadowRootElement:y??u,themeOverride:x,children:a.jsx(N,{languageCode:d,translationOverrides:R,children:a.jsxs(b,{hasShadowDom:!!(y||u),overlayParentElement:f,children:[r&&a.jsx(D,{}),i?a.jsx($,{sx:ee,children:e}):e]})})})}),te=l.memo(oe);te.displayName="OdysseyProvider";export{D as C,te as M,$ as S,I as a,G as c,J as r,ae as u};

package/dist/assets/OdysseyStorybookThemeDecorator-16bNnvxj.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{Y as a,Z as t}from"./OdysseyThemeProvider-DTipOKrx.js";import{E as r}from"./index-BJTM6NaI.js";import{M as l}from"./OdysseyProvider-BUFYBjAn.js";const n={fontFamily:"'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif"},i=a({odysseyTokens:t}),h=(o,s)=>e.jsx(l,{hasCssBaseline:!0,languageCode:s.globals.locale,children:e.jsx(r,{theme:i,children:e.jsx("div",{lang:s.globals.locale,style:n,children:e.jsx(o,{})})})});export{h as O};