@okta/odyssey-react-mui 1.45.0 → 1.47.1

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

@@ -1,173 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as n}from"./index-NdkWRN8K.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as Oe}from"./Field-ilPS333M.js";import{g as De,u as Fe}from"./inputUtils-Dbi8XkA6.js";import{S as He}from"./Select-DVJCNQIV.js";import{M as Ne}from"./Link-ClKgpBXG.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Box-BXOPvc0Q.js";import"./Box-C2ekHaOu.js";import"./createTheme-BmPXDA4p.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useTheme-C05bJKih.js";import"./OdysseyDesignTokensContext-BWQIA5ie.js";import"./List-W5kRT_jR.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./ListContext-C02XM7tn.js";import"./ListItem-CcduKzQu.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLeax9q3.js";import"./formLabelClasses-xMgYguuN.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BqXVk-1q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CWawPfk8.js";import"./buttonBaseClasses-CSPKg76d.js";import"./ScreenReaderText-vq7_Ob_I.js";import"./visuallyHidden-Dan1xhjv.js";import"./useTranslation-vEf1lqoc.js";import"./context-D_qJ2zXV.js";import"./FormHelperText-ZkUAjajs.js";import"./FieldHint-Cv7aMlpU.js";import"./Typography-CiNRLenM.js";import"./Typography-D7-qxuiy.js";import"./typographyClasses-D8vr2n3l.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Menu-CGJO1mMf.js";import"./index-CpbQl8EB.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CW5mOzJG.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Paper-DbAuDGNI.js";import"./MenuList-BboivbXC.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./ArrowDropDown-bSngWMh1.js";import"./inputBaseClasses-PAjj3ZBN.js";import"./createSvgIcon-DiC7XVU3.js";import"./SvgIcon-BQAg6Jm7.js";import"./InputBase--xDu7aWm.js";import"./GlobalStyles-BxDN_5FT.js";import"./ExternalLink-DTdulgUc.js";const Ae=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:Ve,onBlur:k,onChange:v,onFocus:O,testId:D,translate:F,value:H,children:N},A)=>{const Te=n.useRef(De({controlledValue:H,uncontrolledValue:r})),G=n.useRef(null);n.useImperativeHandle(Se,()=>({focus:()=>{var d;(d=G.current)==null||d.focus()}}),[]);const P=Fe({defaultValue:r,value:H,controlState:Te.current}),R=n.useCallback((d,T)=>{v==null||v(d,T)},[v]),W=n.useMemo(()=>a===void 0?w:a,[a,w]),we=n.useCallback(({ariaDescribedBy:d,errorMessageElementId:T,labelElementId:ke})=>e.jsx(He,{...P,"aria-describedby":d,autoComplete:o,children:N,id:m,inputProps:{"aria-errormessage":T,"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(Oe,{ariaDescribedBy:c,errorMessage:l,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:t,id:m,isDisabled:Me,isFullWidth:Le,isOptional:Ee,label:Ve,renderFieldComponent:we})}),p=n.memo(Ae);p.displayName="NativeSelect";const Xo={component:p,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:""},tags:["autodocs"]},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})}},Ge={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"]}},j={...Ge},y={...u,args:{hasMultipleChoices:!0,defaultValue:[]}},C={...u,args:{isOptional:!0}},S={...u,args:{HintLinkComponent:e.jsx(Ne,{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})}},V={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;j.parameters={...j.parameters,docs:{...($=j.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  ...GroupTemplate
-}`,...(oe=(ee=j.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,te,ae;y.parameters={...y.parameters,docs:{...(ne=y.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    hasMultipleChoices: true,
-    defaultValue: []
-  }
-}`,...(ae=(te=y.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 je,ye,Ce;V.parameters={...V.parameters,docs:{...(je=V.parameters)==null?void 0:je.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=(ye=V.parameters)==null?void 0:ye.docs)==null?void 0:Ce.source}}};const Yo=["Default","DefaultDisabled","DefaultError","ErrorsList","DefaultGrouped","Multi","Optional","HintLink","Controlled","ControlledMultiselect","ControlledPreselected","ControlledPreselectedMultiselect"];export{M as Controlled,L as ControlledMultiselect,E as ControlledPreselected,V as ControlledPreselectedMultiselect,g as Default,b as DefaultDisabled,f as DefaultError,j as DefaultGrouped,x as ErrorsList,S as HintLink,y as Multi,C as Optional,Yo as __namedExportsOrder,Xo as default};

package/dist/assets/OdysseyDesignTokensContext-BWQIA5ie.js

@@ -1,11 +0,0 @@
-import{r as e}from"./index-NdkWRN8K.js";const t="#8d8d8d",n="#e1e1e1",o="#e1e1e1",c="#fe8f7a",a="#e72500",s="#951800",r="#546be7",p="#2e40a5",i="4px",l="6px",u="12px",g="1.5em",y="solid",H="1px",h="1.5px",d="0px 1px 2px 0px rgba(39, 39, 39, 0.07)",T="0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 6px 0px rgba(39, 39, 39, 0.01), 0px 5px 15px 0px rgba(39, 39, 39, 0.05)",f="0px 1px 4px 0px rgba(39, 39, 39, 0.08), 0px 4px 10px 0px rgba(39, 39, 39, 0.08), 0px 8px 30px 0px rgba(39, 39, 39, 0.10)",m="#546be7",S="#e72500",x="2px",F="0",A="solid",B="2px",C="1px",b="#f4f4f4",D="#ededed",P="#e1e1e1",O="#cbcbcb",M="#aeaeae",k="#8d8d8d",w="#6e6e6e",L="#4b4b4b",E="#383838",N="#272727",W="#ffffff",R="#f2f3fd",z="#dbe0fa",v="#c1c9f6",G="#9daaf1",I="#7286eb",Y="#546be7",U="#4C64E1",_="#2e40a5",j="#22307c",q="#182257",V="#defae7",J="#94f5b3",K="#7be09e",Q="#59c282",X="#31a061",Z="#16884a",$="#197f48",ee="#0e562f",te="#0a4023",ne="#072e19",oe="#fff0ee",ce="#ffd8d1",ae="#febbae",se="#fe8f7a",re="#fd4e2d",pe="#e72500",ie="#d92300",le="#951800",ue="#711200",ge="#500d00",ye="#fdfad9",He="#ffe01a",he="#f9c503",de="#eb9e05",Te="#bf8004",fe="#a16c03",me="#966603",Se="#664402",xe="#4c3302",Fe="#352401",Ae="#F5F2FD",Be="#E4DFF1",Ce="#D2C2FF",be="#B89FFE",De="#9777F9",Pe="#8951FB",Oe="#6E47C9",Me="#5227BE",ke="#401895",we="#2B0679",Le="#FCF2E8",Ee="#F7DCD6",Ne="#F2C299",We="#ED9B58",Re="#E06C07",ze="#C25608",ve="#964E1E",Ge="#964E1E",Ie="#50301B",Ye="#3E1F09",Ue="#E1F7F7",_e="#BCEBEA",je="#89D9D9",qe="#5CBDBD",Ve="#269C9C",Je="#008585",Ke="#1B6C6C",Qe="#255157",Xe="#1C3D3D",Ze="#12282B",$e="#FFF2E6",et="#EBDFCA",tt="#D6C9AD",nt="#C2AB84",ot="#A18A60",ct="#87744D",at="#696803",st="#574931",rt="#403727",pt="#2E2618",it="#f2f3fd",lt="#9daaf1",ut="#546be7",gt="#2e40a5",yt="#22307c",Ht="#4C64E1",ht="#182257",dt="#dbe0fa",Tt="#fff0ee",ft="#fe8f7a",mt="#e72500",St="#951800",xt="#711200",Ft="#d92300",At="#500d00",Bt="#ffd8d1",Ct="#fdfad9",bt="#eb9e05",Dt="#a16c03",Pt="#664402",Ot="#4c3302",Mt="#966603",kt="#352401",wt="#ffe01a",Lt="#defae7",Et="#59c282",Nt="#16884a",Wt="#0e562f",Rt="#0a4023",zt="#197f48",vt="#072e19",Gt="#94f5b3",It="#6e6e6e",Yt="#272727",Ut="FF",_t="BF",jt="0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 6px rgba(29, 29, 33, 0.01), 0px 5px 15px rgba(29, 29, 33, 0.05)",qt="0px 1px 4px rgba(29, 29, 33, 0.08), 0px 4px 10px rgba(29, 29, 33, 0.08), 0px 8px 30px rgba(29, 29, 33, 0.1)",Vt="0",Jt="0.28571429rem",Kt="0.57142857rem",Qt="0.85714286rem",Xt="1.14285714rem",Zt="1.71428571rem",$t="2.28571429rem",en="2.85714286rem",tn="3.42857143rem",nn="4rem",on="100ms",cn=100,an="linear",sn="#272727",rn="#272727",pn="#ffffff",ln="#4b4b4b",un="#6e6e6e",gn="#aeaeae",yn="#4C64E1",Hn="#d92300",hn="#197f48",dn="#966603",Tn="'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell'",fn="'Helvetica Neue', sans-serif",mn="'Aeonik'",Sn="'Inter'",xn="'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",Fn="'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",An="'Aeonik', 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",Bn="'Roboto Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",Cn="0.857rem",bn="1rem",Dn="1.143rem",Pn="1.286rem",On="1.429rem",Mn="1.571rem",kn="1.786rem",wn="2rem",Ln="2.286rem",En="2.571rem",Nn="2.857rem",Wn="3.214rem",Rn="3.643rem",zn="87.5%",vn="0.7142857143rem",Gn="0.857rem",In="1rem",Yn="1.143rem",Un="1.286rem",_n="1.571rem",jn="2rem",qn="2.286rem",Vn="2.571rem",Jn="normal",Kn="400",Qn="600",Xn="500",Zn="700",$n=1.5,eo=1.2,to=1.3,no=1.3,oo=1.3,co=1.25,ao=1.25,so=1.2,ro=1.2,po="55ch",io=".05em",lo=Object.freeze(Object.defineProperty({__proto__:null,BorderColorControl:t,BorderColorDangerControl:a,BorderColorDangerDark:s,BorderColorDangerLight:c,BorderColorDisabled:o,BorderColorDisplay:n,BorderColorPrimaryControl:r,BorderColorPrimaryDark:p,BorderRadiusMain:l,BorderRadiusOuter:u,BorderRadiusRound:g,BorderRadiusTight:i,BorderStyleMain:y,BorderWidthHeavy:h,BorderWidthMain:H,DepthHigh:f,DepthLow:d,DepthMedium:T,FocusOutlineColorDanger:S,FocusOutlineColorPrimary:m,FocusOutlineOffsetMain:x,FocusOutlineOffsetTight:F,FocusOutlineStyle:A,FocusOutlineWidthMain:B,FocusOutlineWidthTight:C,HueAccentFour100:et,HueAccentFour200:tt,HueAccentFour300:nt,HueAccentFour400:ot,HueAccentFour50:$e,HueAccentFour500:ct,HueAccentFour600:at,HueAccentFour700:st,HueAccentFour800:rt,HueAccentFour900:pt,HueAccentOne100:Be,HueAccentOne200:Ce,HueAccentOne300:be,HueAccentOne400:De,HueAccentOne50:Ae,HueAccentOne500:Pe,HueAccentOne600:Oe,HueAccentOne700:Me,HueAccentOne800:ke,HueAccentOne900:we,HueAccentThree100:_e,HueAccentThree200:je,HueAccentThree300:qe,HueAccentThree400:Ve,HueAccentThree50:Ue,HueAccentThree500:Je,HueAccentThree600:Ke,HueAccentThree700:Qe,HueAccentThree800:Xe,HueAccentThree900:Ze,HueAccentTwo100:Ee,HueAccentTwo200:Ne,HueAccentTwo300:We,HueAccentTwo400:Re,HueAccentTwo50:Le,HueAccentTwo500:ze,HueAccentTwo600:ve,HueAccentTwo700:Ge,HueAccentTwo800:Ie,HueAccentTwo900:Ye,HueBlue100:z,HueBlue200:v,HueBlue300:G,HueBlue400:I,HueBlue50:R,HueBlue500:Y,HueBlue600:U,HueBlue700:_,HueBlue800:j,HueBlue900:q,HueGreen100:J,HueGreen200:K,HueGreen300:Q,HueGreen400:X,HueGreen50:V,HueGreen500:Z,HueGreen600:$,HueGreen700:ee,HueGreen800:te,HueGreen900:ne,HueNeutral100:D,HueNeutral200:P,HueNeutral300:O,HueNeutral400:M,HueNeutral50:b,HueNeutral500:k,HueNeutral600:w,HueNeutral700:L,HueNeutral800:E,HueNeutral900:N,HueNeutralWhite:W,HueRed100:ce,HueRed200:ae,HueRed300:se,HueRed400:re,HueRed50:oe,HueRed500:pe,HueRed600:ie,HueRed700:le,HueRed800:ue,HueRed900:ge,HueYellow100:He,HueYellow200:he,HueYellow300:de,HueYellow400:Te,HueYellow50:ye,HueYellow500:fe,HueYellow600:me,HueYellow700:Se,HueYellow800:xe,HueYellow900:Fe,PaletteAlphaOpaque:Ut,PaletteAlphaSemi:_t,PaletteDangerDark:St,PaletteDangerDarker:xt,PaletteDangerHeading:At,PaletteDangerHighlight:Bt,PaletteDangerLight:ft,PaletteDangerLighter:Tt,PaletteDangerMain:mt,PaletteDangerText:Ft,PaletteNeutralDark:Yt,PaletteNeutralMain:It,PalettePrimaryDark:gt,PalettePrimaryDarker:yt,PalettePrimaryHeading:ht,PalettePrimaryHighlight:dt,PalettePrimaryLight:lt,PalettePrimaryLighter:it,PalettePrimaryMain:ut,PalettePrimaryText:Ht,PaletteSuccessDark:Wt,PaletteSuccessDarker:Rt,PaletteSuccessHeading:vt,PaletteSuccessHighlight:Gt,PaletteSuccessLight:Et,PaletteSuccessLighter:Lt,PaletteSuccessMain:Nt,PaletteSuccessText:zt,PaletteWarningDark:Pt,PaletteWarningDarker:Ot,PaletteWarningHeading:kt,PaletteWarningHighlight:wt,PaletteWarningLight:bt,PaletteWarningLighter:Ct,PaletteWarningMain:Dt,PaletteWarningText:Mt,ShadowScale0:jt,ShadowScale1:qt,Spacing0:Vt,Spacing1:Jt,Spacing2:Kt,Spacing3:Qt,Spacing4:Xt,Spacing5:Zt,Spacing6:$t,Spacing7:en,Spacing8:tn,Spacing9:nn,TransitionDurationMain:on,TransitionDurationMainAsNumber:cn,TransitionTimingMain:an,TypographyColorAction:yn,TypographyColorBody:sn,TypographyColorDanger:Hn,TypographyColorDisabled:gn,TypographyColorHeading:rn,TypographyColorInverse:pn,TypographyColorSubordinate:un,TypographyColorSuccess:hn,TypographyColorSupport:ln,TypographyColorWarning:dn,TypographyFamilyAeonik:mn,TypographyFamilyBody:xn,TypographyFamilyButton:An,TypographyFamilyFallback:fn,TypographyFamilyHeading:Fn,TypographyFamilyInter:Sn,TypographyFamilyMono:Bn,TypographyFamilySystem:Tn,TypographyLetterSpacingOverline:io,TypographyLineHeightBody:$n,TypographyLineHeightHeading1:ro,TypographyLineHeightHeading2:so,TypographyLineHeightHeading3:ao,TypographyLineHeightHeading4:co,TypographyLineHeightHeading5:oo,TypographyLineHeightHeading6:no,TypographyLineHeightOverline:to,TypographyLineHeightUi:eo,TypographyLineLengthMax:po,TypographyScale0:Cn,TypographyScale1:bn,TypographyScale10:Nn,TypographyScale11:Wn,TypographyScale12:Rn,TypographyScale2:Dn,TypographyScale3:Pn,TypographyScale4:On,TypographyScale5:Mn,TypographyScale6:kn,TypographyScale7:wn,TypographyScale8:Ln,TypographyScale9:En,TypographySizeBase:zn,TypographySizeBody:In,TypographySizeHeading1:Vn,TypographySizeHeading2:qn,TypographySizeHeading3:jn,TypographySizeHeading4:_n,TypographySizeHeading5:Un,TypographySizeHeading6:Yn,TypographySizeOverline:vn,TypographySizeSubordinate:Gn,TypographyStyleNormal:Jn,TypographyWeightBody:Kn,TypographyWeightBodyBold:Qn,TypographyWeightHeading:Xn,TypographyWeightHeadingBold:Zn},Symbol.toStringTag,{value:"Module"}));/*!
- * 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 uo=lo,go=e.createContext(uo),Ho=()=>e.useContext(go);export{b as H,go as O,Zt as S,lo as o,Ho as u};