@okta/odyssey-react-mui 1.48.0 → 1.50.1

package/dist/assets/{Right-to-Left (RTL)-CALRs8aM.js → Right-to-Left (RTL)-fcueNY4p.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as i}from"./index-BeeV6X6A.js";import{M as s}from"./index-DfE121Jj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function n(r){const d={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...i(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as i}from"./index-BeeV6X6A.js";import{M as s}from"./index-c74KQyVj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-pzQvMjuK.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function n(r){const d={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...i(),...r.components};return e.jsxs(e.Fragment,{children:[e.jsx(s,{}),`
 `,e.jsx(d.h1,{id:"right-to-left-rtl-language-support",children:"Right-to-Left (RTL) language support"}),`
 `,e.jsxs(d.p,{children:["This document outlines the process and constraints of moving from physical CSS properties (",e.jsx(d.code,{children:"margin-left"}),") to logical CSS properties (",e.jsx(d.code,{children:"margin-inline-start"}),") as an effort to provide RTL support. Folks may recognize this syntax from CSS Grid or Flexbox."]}),`
 `,e.jsxs(d.p,{children:["These property variants key off of the ",e.jsx(d.code,{children:'dir="rtl|ltr"'})," attribute on ",e.jsx(d.code,{children:"html"}),". This allows for a single declaration to provide LTR and RTL support."]}),`

package/dist/assets/{ScreenReaderText-D9dVDvYs.js → ScreenReaderText-6_RVPtH_.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import{M as i,C as s,c}from"./index-DfE121Jj.js";import{Default as a}from"./ScreenReaderText.stories-CuVJmeWD.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./ScreenReaderText-DbrZU7M5.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";function o(n){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{anchor:!0}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"./index-BeeV6X6A.js";import{M as i,C as s,c}from"./index-c74KQyVj.js";import{Default as a}from"./ScreenReaderText.stories-CO8LdK8F.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-pzQvMjuK.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./ScreenReaderText-DrkvjfUf.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./visuallyHidden-Dan1xhjv.js";function o(n){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...r(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{anchor:!0}),`
 `,e.jsx(t.h1,{id:"screenreadertext",children:"ScreenReaderText"}),`
 `,e.jsx(t.p,{children:"The ScreenReaderText component is designed to enhance accessibility by providing text that can be read by screen readers but is not visible to a sighted user."}),`
 `,e.jsx(s,{of:a}),`
@@ -12,4 +12,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as r}from"
   <ScreenReaderText>{severity}:</ScreenReaderText>
   {text}
 </Alert>
-`})]})}function w(n={}){const{wrapper:t}={...r(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(o,{...n})}):o(n)}export{w as default};
+`})]})}function D(n={}){const{wrapper:t}={...r(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(o,{...n})}):o(n)}export{D as default};

package/dist/assets/{ScreenReaderText-DbrZU7M5.js → ScreenReaderText-DrkvjfUf.js}

@@ -1 +1 @@
-import{r as s}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{B as m}from"./Box-B6KmU4_J.js";import{v as n}from"./visuallyHidden-Dan1xhjv.js";const i={...n},d=({ariaHidden:e,children:r,id:o,translate:t})=>a.jsx(m,{"aria-hidden":e,component:"span",id:o,sx:i,translate:t,children:r}),p=s.memo(d);p.displayName="ScreenReaderText";export{p as M};
+import{r as s}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{B as m}from"./Box-CTjIz0-2.js";import{v as n}from"./visuallyHidden-Dan1xhjv.js";const i={...n},d=({ariaHidden:e,children:r,id:o,translate:t})=>a.jsx(m,{"aria-hidden":e,component:"span",id:o,sx:i,translate:t,children:r}),p=s.memo(d);p.displayName="ScreenReaderText";export{p as M};

package/dist/assets/ScreenReaderText.stories-CO8LdK8F.js

@@ -0,0 +1,8 @@
+import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as a}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{M as n}from"./ScreenReaderText-DrkvjfUf.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./visuallyHidden-Dan1xhjv.js";const S={component:n,decorators:[a],argTypes:{children:{control:"text"}},args:{children:"This text is visually hidden."}},e={render:function(i){return r.jsxs(r.Fragment,{children:["The following text is visually hidden:",r.jsx(n,{...i})]})}};var o,t,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  render: function C(args) {
+    return <>
+        The following text is visually hidden:
+        <ScreenReaderText {...args}></ScreenReaderText>
+      </>;
+  }
+}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const j=["Default"];export{e as Default,j as __namedExportsOrder,S as default};

package/dist/assets/Search-BH45H3v4.js

@@ -0,0 +1 @@
+import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-C4N_85M9.js";const a=e.forwardRef((o,n)=>r.jsx(t,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M10.667 6.667a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-.754 4.231a5.333 5.333 0 1 1 .948-.938l3.61 3.611-.942.943-3.616-3.616Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(a);l.displayName="SearchIcon";export{l as M};

package/dist/assets/{SearchDropdown _labs_.stories-CQype98o.js → SearchDropdown _labs_.stories-Bmp81G56.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as V,w as et,u as O,s as k,e as c}from"./index-BJMTVygn.js";import{O as nt}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as M}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as it,O as at,b as rt,c as st,d as lt,e as z,p as pt}from"./pickerComponentPropsMetadata-CozVRRyR.js";import{u as ct,h as S}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as u}from"./index-NdkWRN8K.js";import{j as mt}from"./Typography-B7ktrxCD.js";import{M as v}from"./Settings-SRsJGOHl.js";import{M as dt}from"./Folder-8esChg_E.js";import{M as I}from"./Video-D8qbHdF4.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./useAutocomplete-CD_GwhMI.js";import"./index.esm-BliC9-aw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CknstIK_.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./Paper-DwBg74qy.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-CsPQSHsR.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./useControlled-NQulfz4l.js";import"./Chip-B9WkuA4b.js";import"./IconButton-Wwvz84xG.js";import"./ListSubheader-DO359rMr.js";import"./Typography-CSpPZFTF.js";/*!
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as V,w as et,u as O,s as k,e as c}from"./index-BJMTVygn.js";import{O as nt}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as M}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as it,O as at,b as rt,c as st,d as lt,e as z,p as pt}from"./pickerComponentPropsMetadata-DyMkD2Aw.js";import{u as ct,h as S}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as u}from"./index-NdkWRN8K.js";import{j as mt}from"./Typography-C4vClHaZ.js";import{M as v}from"./Settings-Bxzwc53G.js";import{M as dt}from"./Folder-DFjbrJpD.js";import{M as I}from"./Video-t97PFROt.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./useAutocomplete-B3_vLbIK.js";import"./index.esm-C8irYXeq.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./Field-QbF6sK2K.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-BMfy4j72.js";import"./ArrowDropDown-DddCYTEO.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./Paper-D4wDjY4F.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-DK2ELYoG.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./useControlled-NQulfz4l.js";import"./Chip-M3FRYspe.js";import"./IconButton-CgM2Hv_L.js";import"./ListSubheader--G940pR4.js";import"./Typography-NdqIGwl5.js";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,7 +8,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as V,w as et,u as O,s as
  * 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 E=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="adornmentSize"&&o!=="isTagContainer"})(({adornmentSize:o="small",isTagContainer:n=!1,odysseyDesignTokens:t,position:i="left"})=>({position:"relative",bottom:"1px",alignSelf:"flex-start",width:t.Spacing5,height:t.Spacing5,overflow:"hidden",...i==="left"&&{marginInlineEnd:t.Spacing3},...i==="right"&&{marginInlineStart:t.Spacing3},svg:{width:"100%",height:"auto"},img:{position:"absolute",top:"50%",left:"50%",width:"100%",transform:"translate(-50%, -50%)"},...o==="large"&&!n&&{bottom:0,width:t.Spacing8,height:t.Spacing8},...n&&{bottom:0,alignSelf:"center",width:t.Spacing4,height:"auto",maxHeight:t.Spacing4,marginInlineEnd:t.Spacing2,svg:{display:"flex",width:"100%",height:"auto"}}})),xt=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(()=>({display:"flex",justifyContent:"space-between",width:"100%"})),ut=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(()=>({display:"flex"})),gt=({adornment:o,adornmentSize:n,odysseyDesignTokens:t})=>typeof o=="string"?e.jsx(E,{adornmentSize:n,odysseyDesignTokens:t,children:e.jsx("img",{alt:"",role:"presentation",src:o})}):e.jsx(E,{adornmentSize:n,odysseyDesignTokens:t,children:o}),Ct=({content:o,size:n,odysseyDesignTokens:t,onClick:i})=>{const r=u.useCallback(a=>{a.stopPropagation(),i()},[i]);return e.jsx(E,{adornmentSize:n,odysseyDesignTokens:t,onClick:r,children:o})},ht=({adornmentSize:o,muiProps:n,odysseyDesignTokens:t,option:i})=>{const{adornment:r,description:a,label:x,metaData:g,extra:l,onClick:p,isInteractive:s=!0}=i,C=u.useCallback(h=>{if(!s){h.preventDefault();return}h.stopPropagation(),p==null||p()},[p,s]),y=u.useMemo(()=>({...n,onClick:s?C:void 0,"aria-disabled":s?void 0:"true",role:"option"}),[n,s,C]);return e.jsx(at,{hasAdornment:!0,muiProps:y,children:e.jsxs(xt,{odysseyDesignTokens:t,children:[e.jsxs(ut,{odysseyDesignTokens:t,children:[e.jsx(gt,{adornment:r,adornmentSize:o,odysseyDesignTokens:t}),e.jsxs("div",{children:[e.jsxs(rt,{odysseyDesignTokens:t,children:[e.jsx(mt,{component:"p",children:x}),e.jsx(st,{description:a,odysseyDesignTokens:t})]}),g&&e.jsx(lt,{metaData:g,odysseyDesignTokens:t})]})]}),l&&e.jsx(Ct,{content:l.content,odysseyDesignTokens:t,onClick:l.onClick,size:l.size||o})]})})},kt=({adornmentSize:o="small",ariaDescribedBy:n,defaultValue:t,errorMessage:i,errorMessageList:r,getIsOptionEqualToValue:a,groupOptionsBy:x,id:g,inputValue:l,isCustomValueAllowed:p,isDisabled:s,isFullWidth:C=!1,isLoading:y,isOptional:h=!1,isReadOnly:F,isVirtualized:R=!1,hint:U,HintLinkComponent:_,label:q,name:N,onBlur:G,onChange:J,onInputChange:K,onFocus:Q,options:X,value:Y,testId:Z,translate:$})=>{const j=ct(),tt=u.useCallback((ot,B)=>e.jsx(ht,{adornmentSize:o,muiProps:ot,odysseyDesignTokens:j,option:B},B.value),[o,j]);return e.jsx(it,{ariaDescribedBy:n,defaultValue:t,errorMessage:i,errorMessageList:r,getIsOptionEqualToValue:a,groupOptionsBy:x,hint:U,HintLinkComponent:_,id:g,inputValue:l,isCustomValueAllowed:p,isDisabled:s,isFullWidth:C,isLoading:y,isOptional:h,isReadOnly:F,isVirtualized:R,label:q,name:N,onBlur:G,onChange:J,onFocus:Q,onInputChange:K,options:X,renderOption:tt,testId:Z,translate:$,value:Y})},W=u.memo(kt);W.displayName="MemoizedSearchDropdown";const m=V(),d=V(),w=[{value:"an",label:"An Option label",adornment:e.jsx(dt,{}),extra:{content:e.jsx(v,{"data-testid":"option1-extra"}),onClick:d},onClick:m},{value:"another",label:"Another Option label",description:"Some optional descriptive text",adornment:e.jsx(v,{}),extra:{content:e.jsx(I,{}),onClick:d},onClick:m},{value:"unselectable",label:"Unselectable Option",description:"Some optional descriptive text",isInteractive:!1,adornment:e.jsx(v,{"data-testid":"unselectable-extra"}),extra:{content:e.jsx(I,{}),onClick:d},onClick:m}],Eo={component:W,decorators:[nt],tags:["autodocs"],argTypes:{...pt,adornmentSize:{control:"radio",options:z,description:"Choose the size for the leading adornment. 'small' or 'large'",table:{type:{summary:z.join(" | ")}}},hint:M.hint,HintLinkComponent:M.HintLinkComponent},args:{label:"Picker with option adornment label",hint:"Optional hint text for picker",options:w}},b={args:{options:w},play:async({canvasElement:o,step:n})=>{const i=et(o).getByRole("combobox"),r=()=>{m.mockClear(),d.mockClear()};await n("Click on option triggers option onClick",async()=>{r(),await O.click(i);const a=k.getByText("An Option label");await O.click(a),c(m).toBeCalled(),c(d).not.toBeCalled()}),await n("Click on option extra triggers option.extra onClick",async()=>{r();const a=k.getByTestId("option1-extra");await O.click(a),c(m).not.toBeCalled(),c(d).toBeCalled()}),await n("Click on unselectable option not trigger onClick",()=>{r();const a=k.getByText("Unselectable Option");c(a).toHaveStyle("pointer-events: none");const x=k.getByTestId("unselectable-extra");c(x).toHaveStyle("pointer-events: none")})}},f={args:{adornmentSize:"large",options:w}};var A,T,D;b.parameters={...b.parameters,docs:{...(A=b.parameters)==null?void 0:A.docs,source:{originalSource:`{
+ */const E=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="adornmentSize"&&o!=="isTagContainer"})(({adornmentSize:o="small",isTagContainer:n=!1,odysseyDesignTokens:t,position:i="left"})=>({position:"relative",bottom:"1px",alignSelf:"flex-start",width:t.Spacing5,height:t.Spacing5,overflow:"hidden",...i==="left"&&{marginInlineEnd:t.Spacing3},...i==="right"&&{marginInlineStart:t.Spacing3},svg:{width:"100%",height:"auto"},img:{position:"absolute",top:"50%",left:"50%",width:"100%",transform:"translate(-50%, -50%)"},...o==="large"&&!n&&{bottom:0,width:t.Spacing8,height:t.Spacing8},...n&&{bottom:0,alignSelf:"center",width:t.Spacing4,height:"auto",maxHeight:t.Spacing4,marginInlineEnd:t.Spacing2,svg:{display:"flex",width:"100%",height:"auto"}}})),xt=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(()=>({display:"flex",justifyContent:"space-between",width:"100%"})),ut=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(()=>({display:"flex"})),gt=({adornment:o,adornmentSize:n,odysseyDesignTokens:t})=>typeof o=="string"?e.jsx(E,{adornmentSize:n,odysseyDesignTokens:t,children:e.jsx("img",{alt:"",role:"presentation",src:o})}):e.jsx(E,{adornmentSize:n,odysseyDesignTokens:t,children:o}),Ct=({content:o,size:n,odysseyDesignTokens:t,onClick:i})=>{const r=u.useCallback(a=>{a.stopPropagation(),i()},[i]);return e.jsx(E,{adornmentSize:n,odysseyDesignTokens:t,onClick:r,children:o})},ht=({adornmentSize:o,muiProps:n,odysseyDesignTokens:t,option:i})=>{const{adornment:r,description:a,label:x,metaData:g,extra:l,onClick:p,isInteractive:s=!0}=i,C=u.useCallback(h=>{if(!s){h.preventDefault();return}h.stopPropagation(),p==null||p()},[p,s]),y=u.useMemo(()=>({...n,onClick:s?C:void 0,"aria-disabled":s?void 0:"true",role:"option"}),[n,s,C]);return e.jsx(at,{hasAdornment:!0,muiProps:y,children:e.jsxs(xt,{odysseyDesignTokens:t,children:[e.jsxs(ut,{odysseyDesignTokens:t,children:[e.jsx(gt,{adornment:r,adornmentSize:o,odysseyDesignTokens:t}),e.jsxs("div",{children:[e.jsxs(rt,{odysseyDesignTokens:t,children:[e.jsx(mt,{component:"p",children:x}),e.jsx(st,{description:a,odysseyDesignTokens:t})]}),g&&e.jsx(lt,{metaData:g,odysseyDesignTokens:t})]})]}),l&&e.jsx(Ct,{content:l.content,odysseyDesignTokens:t,onClick:l.onClick,size:l.size||o})]})})},kt=({adornmentSize:o="small",ariaDescribedBy:n,defaultValue:t,errorMessage:i,errorMessageList:r,getIsOptionEqualToValue:a,groupOptionsBy:x,id:g,inputValue:l,isCustomValueAllowed:p,isDisabled:s,isFullWidth:C=!1,isLoading:y,isOptional:h=!1,isReadOnly:F,isVirtualized:R=!1,hint:U,HintLinkComponent:_,label:q,name:N,onBlur:G,onChange:J,onInputChange:K,onFocus:Q,options:X,value:Y,testId:Z,translate:$})=>{const j=ct(),tt=u.useCallback((ot,B)=>e.jsx(ht,{adornmentSize:o,muiProps:ot,odysseyDesignTokens:j,option:B},B.value),[o,j]);return e.jsx(it,{ariaDescribedBy:n,defaultValue:t,errorMessage:i,errorMessageList:r,getIsOptionEqualToValue:a,groupOptionsBy:x,hint:U,HintLinkComponent:_,id:g,inputValue:l,isCustomValueAllowed:p,isDisabled:s,isFullWidth:C,isLoading:y,isOptional:h,isReadOnly:F,isVirtualized:R,label:q,name:N,onBlur:G,onChange:J,onFocus:Q,onInputChange:K,options:X,renderOption:tt,testId:Z,translate:$,value:Y})},W=u.memo(kt);W.displayName="MemoizedSearchDropdown";const m=V(),d=V(),w=[{value:"an",label:"An Option label",adornment:e.jsx(dt,{}),extra:{content:e.jsx(v,{"data-testid":"option1-extra"}),onClick:d},onClick:m},{value:"another",label:"Another Option label",description:"Some optional descriptive text",adornment:e.jsx(v,{}),extra:{content:e.jsx(I,{}),onClick:d},onClick:m},{value:"unselectable",label:"Unselectable Option",description:"Some optional descriptive text",isInteractive:!1,adornment:e.jsx(v,{"data-testid":"unselectable-extra"}),extra:{content:e.jsx(I,{}),onClick:d},onClick:m}],So={component:W,decorators:[nt],tags:["autodocs"],argTypes:{...pt,adornmentSize:{control:"radio",options:z,description:"Choose the size for the leading adornment. 'small' or 'large'",table:{type:{summary:z.join(" | ")}}},hint:M.hint,HintLinkComponent:M.HintLinkComponent},args:{label:"Picker with option adornment label",hint:"Optional hint text for picker",options:w}},b={args:{options:w},play:async({canvasElement:o,step:n})=>{const i=et(o).getByRole("combobox"),r=()=>{m.mockClear(),d.mockClear()};await n("Click on option triggers option onClick",async()=>{r(),await O.click(i);const a=k.getByText("An Option label");await O.click(a),c(m).toBeCalled(),c(d).not.toBeCalled()}),await n("Click on option extra triggers option.extra onClick",async()=>{r();const a=k.getByTestId("option1-extra");await O.click(a),c(m).not.toBeCalled(),c(d).toBeCalled()}),await n("Click on unselectable option not trigger onClick",()=>{r();const a=k.getByText("Unselectable Option");c(a).toHaveStyle("pointer-events: none");const x=k.getByTestId("unselectable-extra");c(x).toHaveStyle("pointer-events: none")})}},f={args:{adornmentSize:"large",options:w}};var A,T,D;b.parameters={...b.parameters,docs:{...(A=b.parameters)==null?void 0:A.docs,source:{originalSource:`{
   args: {
     options: optionsWithExtra
   },
@@ -50,4 +50,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as V,w as et,u as O,s as
     adornmentSize: "large",
     options: optionsWithExtra
   }
-}`,...(L=(H=f.parameters)==null?void 0:H.docs)==null?void 0:L.source}}};const So=["SmallAdornmentWithExtra","LargeAdornmentWithExtra"];export{f as LargeAdornmentWithExtra,b as SmallAdornmentWithExtra,So as __namedExportsOrder,Eo as default};
+}`,...(L=(H=f.parameters)==null?void 0:H.docs)==null?void 0:L.source}}};const wo=["SmallAdornmentWithExtra","LargeAdornmentWithExtra"];export{f as LargeAdornmentWithExtra,b as SmallAdornmentWithExtra,wo as __namedExportsOrder,So as default};

package/dist/assets/{SearchField-glDE5e-X.js → SearchField-vEVEEXjl.js}

@@ -1 +1 @@
-import{J as B,K as E,h as V,N as w}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as t}from"./index-NdkWRN8K.js";import{M as N}from"./Field-BxkyNVQW.js";import{g as W,u as g}from"./inputUtils-Dbi8XkA6.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{I as D}from"./InputBase-6reb9B7r.js";import{I as z}from"./InputAdornment-Dj-8HF_1.js";import{M as J}from"./Search-BSlcf4bB.js";import{I as K}from"./IconButton-Wwvz84xG.js";const P=["outline","filled"],L=V("div")({width:"100%"}),O=t.forwardRef(({ariaDescribedBy:C,autoCompleteType:l,defaultValue:d,hasInitialFocus:n,id:k,isDisabled:r=!1,isFullWidth:R=!1,label:T,name:c,onChange:o,onFocus:m,onBlur:u,onClear:a,placeholder:f,tabIndex:h,testId:x,translate:p,value:j,variant:b="outline"},y)=>{const{t:F}=B(),M=t.useCallback(i=>{o==null||o(i)},[o]),S=t.useCallback(()=>{a==null||a()},[a]),v=t.useRef(W({controlledValue:j,uncontrolledValue:d})),s=g({defaultValue:d,value:j,controlState:v.current}),A=t.useCallback(({ariaDescribedBy:i,id:I})=>e.jsx(D,{...s,"aria-describedby":i,autoComplete:l,autoFocus:n,"data-ods-type":"search","data-ods-variant":b,"data-se":x,endAdornment:((s==null?void 0:s.defaultValue)||(s==null?void 0:s.value))&&e.jsx(z,{position:"end",children:e.jsx(K,{"aria-label":F("clear.text"),disabled:r,onClick:S,size:"small",children:e.jsx(E,{})})}),id:I,inputProps:{tabIndex:h},name:c??I,onBlur:u,onChange:M,onFocus:m,placeholder:f,ref:y,startAdornment:e.jsx(z,{position:"start",children:e.jsx(J,{})}),translate:p,type:"search"}),[l,n,s,r,c,u,M,S,m,f,y,F,h,x,p,b]);return e.jsx(L,{children:e.jsx(w,{children:e.jsx(N,{ariaDescribedBy:C,fieldType:"single",hasVisibleLabel:!1,id:k,isDisabled:r,isFullWidth:R,isOptional:!0,label:T,renderFieldComponent:A})})})}),q=t.memo(O);q.displayName="SearchField";export{q as M,P as s};
+import{K as B,L as E,h as V,O as w}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as t}from"./index-NdkWRN8K.js";import{M as L}from"./Field-QbF6sK2K.js";import{g as O,u as W}from"./inputUtils-Dbi8XkA6.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{I as g}from"./InputBase-DSyP23zj.js";import{I as z}from"./InputAdornment-CVIbzdDI.js";import{M as D}from"./Search-BH45H3v4.js";import{I as K}from"./IconButton-CgM2Hv_L.js";const P=["outline","filled"],N=V("div")({width:"100%"}),q=t.forwardRef(({ariaDescribedBy:C,autoCompleteType:l,defaultValue:d,hasInitialFocus:n,id:k,isDisabled:r=!1,isFullWidth:R=!1,label:T,name:c,onChange:o,onFocus:m,onBlur:u,onClear:a,placeholder:f,tabIndex:h,testId:x,translate:p,value:j,variant:b="outline"},y)=>{const{t:F}=B(),M=t.useCallback(i=>{o==null||o(i)},[o]),S=t.useCallback(()=>{a==null||a()},[a]),v=t.useRef(O({controlledValue:j,uncontrolledValue:d})),s=W({defaultValue:d,value:j,controlState:v.current}),A=t.useCallback(({ariaDescribedBy:i,id:I})=>e.jsx(g,{...s,"aria-describedby":i,autoComplete:l,autoFocus:n,"data-ods-type":"search","data-ods-variant":b,"data-se":x,endAdornment:((s==null?void 0:s.defaultValue)||(s==null?void 0:s.value))&&e.jsx(z,{position:"end",children:e.jsx(K,{"aria-label":F("clear.text"),disabled:r,onClick:S,size:"small",children:e.jsx(E,{})})}),id:I,inputProps:{tabIndex:h},name:c??I,onBlur:u,onChange:M,onFocus:m,placeholder:f,ref:y,startAdornment:e.jsx(z,{position:"start",children:e.jsx(D,{})}),translate:p,type:"search"}),[l,n,s,r,c,u,M,S,m,f,y,F,h,x,p,b]);return e.jsx(N,{children:e.jsx(w,{children:e.jsx(L,{ariaDescribedBy:C,fieldType:"single",hasVisibleLabel:!1,id:k,isDisabled:r,isFullWidth:R,isOptional:!0,label:T,renderFieldComponent:A})})})}),G=t.memo(q);G.displayName="SearchField";export{G as M,P as s};

package/dist/assets/SearchField.stories-C83bZsBy.js

@@ -0,0 +1,37 @@
+import{j as E}from"./jsx-runtime-CnH95YSl.js";import{r as s}from"./index-NdkWRN8K.js";import{O as M}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as e}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{s as i,M as T}from"./SearchField-vEVEEXjl.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Field-QbF6sK2K.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CVIbzdDI.js";import"./Search-BH45H3v4.js";import"./IconButton-CgM2Hv_L.js";const Ce={component:T,decorators:[M],tags:["autodocs"],argTypes:{autoCompleteType:{control:"text",description:"This prop helps users to fill forms faster, especially on mobile devices. The name can be confusing, as it's more like an autofill. You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill)",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},defaultValue:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},isDisabled:e.isDisabled,isFullWidth:e.isFullWidth,id:e.id,label:{control:"text",description:"This label won't show up visually, but it's required for accessibility",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:e.name,onBlur:{description:"Callback fired when the `input` element loses focus",table:{type:{summary:"function"}}},onClear:{description:"Callback fired when the clear button is pressed",table:{type:{summary:"function"}}},onChange:{description:"Callback fired when the value is changed",table:{type:{summary:"function"}}},onFocus:{description:"Callback fired when the `input` element gets focus",table:{type:{summary:"function"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{type:{summary:"string"}}},value:{control:"text",description:"The value of the `input` element. Use when the component is controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},variant:{options:i,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:i.join(" | ")},defaultValue:{summary:"outline"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Search",placeholder:"Search planets"}},t={args:{defaultValue:""}},o={args:{defaultValue:"",variant:"filled"}},r={args:{isDisabled:!0}},a={args:{isFullWidth:!0}},n={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `SearchField`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{defaultValue:void 0},render:function(w){const[x,l]=s.useState("Jupiter"),k=s.useCallback(W=>l(W.target.value),[]),D=s.useCallback(()=>{l("")},[]);return E.jsx(T,{...w,onChange:k,onClear:D,value:x})}};var u,p,m;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    defaultValue: ""
+  }
+}`,...(m=(p=t.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var c,d,h;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    defaultValue: "",
+    variant: "filled"
+  }
+}`,...(h=(d=o.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var f,g,b;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true
+  }
+}`,...(b=(g=r.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var y,C,v;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    isFullWidth: true
+  }
+}`,...(v=(C=a.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var V,S,F;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for managing the state of \`SearchField\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
+      }
+    }
+  },
+  args: {
+    defaultValue: undefined
+  },
+  render: function C(props) {
+    const [constrolledValue, setControlledValue] = useState("Jupiter");
+    const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setControlledValue(event.target.value), []);
+    const onClear = useCallback(() => {
+      setControlledValue("");
+    }, []);
+    return <SearchField {...props} onChange={onChange} onClear={onClear} value={constrolledValue} />;
+  }
+}`,...(F=(S=n.parameters)==null?void 0:S.docs)==null?void 0:F.source}}};const ve=["Default","FilledVariant","Disabled","FullWidth","ControlledSearch"];export{n as ControlledSearch,t as Default,r as Disabled,o as FilledVariant,a as FullWidth,ve as __namedExportsOrder,Ce as default};

package/dist/assets/{Select-BWJ6-p1Z.js → Select-DGL00QcS.js}

@@ -1,4 +1,4 @@
-import{u as X,h as C,K as H,M as Y}from"./OdysseyThemeProvider-BykOaJq8.js";import{r}from"./index-NdkWRN8K.js";import{M as Z}from"./Field-BxkyNVQW.js";import{g as _,u as ee,C as ne}from"./inputUtils-Dbi8XkA6.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";import{C as te}from"./Chip-B9WkuA4b.js";import{L as se}from"./ListSubheader-DO359rMr.js";import{M as re}from"./MenuItem-oi_JaUho.js";import{C as ae}from"./Checkbox-OauVZWc5.js";import{L as le}from"./ListItem-BLYwuKOG.js";import{S as ie}from"./Select-VvpDulqk.js";import{B as oe}from"./Box-B6KmU4_J.js";/*!
+import{u as X,h as C,L as H,M as Y}from"./OdysseyThemeProvider-C4N_85M9.js";import{r}from"./index-NdkWRN8K.js";import{M as Z}from"./Field-QbF6sK2K.js";import{g as _,u as ee,C as ne}from"./inputUtils-Dbi8XkA6.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";import{C as te}from"./Chip-M3FRYspe.js";import{L as se}from"./ListSubheader--G940pR4.js";import{M as re}from"./MenuItem-D69h7bYZ.js";import{C as ae}from"./Checkbox-BlSNHylx.js";import{L as le}from"./ListItem-DB9pwEx3.js";import{S as ie}from"./Select-Dg6qtAos.js";import{B as oe}from"./Box-CTjIz0-2.js";/*!
  * Copyright (c) 2024-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.")
  *
@@ -12,4 +12,4 @@ import{u as X,h as C,K as H,M as Y}from"./OdysseyThemeProvider-BykOaJq8.js";impo
   position: relative;
   width: 100%;
   display: flex;
-`,de=C("div",{shouldForwardProp:s=>s!=="odysseyDesignTokens"})(({odysseyDesignTokens:s})=>({alignItems:"center",display:"flex",insetBlockEnd:0,insetBlockStart:0,insetInlineEnd:"25px",insetInlineStart:"4px",marginInlineStart:s.BorderWidthMain,opacity:1,pointerEvents:"none",position:"absolute"})),me=C(H,{shouldForwardProp:s=>s!=="odysseyDesignTokens"})(({odysseyDesignTokens:s})=>({fontSize:"1em",marginBlockEnd:"-1px",marginInlineEnd:`-${s.Spacing1}`,marginInlineStart:s.Spacing2})),pe=C(oe,{shouldForwardProp:s=>s!=="odysseyDesignTokens"&&s!=="isInteractive"&&s!=="isReadOnly"})(({isInteractive:s,isReadOnly:c,odysseyDesignTokens:p})=>({display:"flex",flexWrap:"wrap",gap:p.Spacing1,marginBlock:`-${p.Spacing2}`,marginInlineEnd:p.Spacing1,minHeight:p.Spacing6,opacity:s||c?1:0,pointerEvents:"none"})),{CONTROLLED:x}=ne,fe=({ariaDescribedBy:s,defaultValue:c,errorMessage:p,errorMessageList:N,hasMultipleChoices:I,hint:W,HintLinkComponent:P,id:$,inputRef:K,isDisabled:j=!1,isFullWidth:q=!1,isMultiSelect:M,isOptional:G=!1,isReadOnly:u=!1,label:J,name:b,onBlur:k,onChange:h,onFocus:E,options:w,testId:z,translate:F,value:f})=>{const Q=r.useRef(null),a=r.useMemo(()=>I===void 0?M:I,[I,M]),d=r.useRef(_({controlledValue:f,uncontrolledValue:c})),[l,L]=r.useState(d.current===x?f:c),v=r.useRef(null),g=X();r.useImperativeHandle(K,()=>({focus:()=>{var e;(e=v.current)==null||e.focus()}}),[]),r.useEffect(()=>{d.current===x&&L(f)},[f]);const A=ee({defaultValue:c,value:f,controlState:d.current}),y=r.useCallback((e,o)=>{if(u)e.preventDefault();else{const{target:{value:n}}=e;d.current!==x&&L(typeof n=="string"&&a?n.split(","):n),h==null||h(e,o)}},[a,h,u]),[B,D]=r.useMemo(()=>{const e=w.map(n=>{if(typeof n=="object"){const m=(n==null?void 0:n.value)===""?n.value:n.value||n.text;return{text:n.text,value:m,type:n.type==="heading"?"heading":"option",lang:n.language}}return{text:n,value:n,type:"option"}}),o=new Map(e.map(n=>[n.value,n]));return[e,o]},[w]),V=r.useCallback(e=>{if(Array.isArray(l)){const n={target:{value:l.filter(m=>m!==e)}};y(n,null)}},[l,y]),S=r.useCallback(({isInteractive:e,isReadOnly:o})=>{const n=i=>i.stopPropagation(),m=!e&&!o&&d.current===x&&a;return Array.isArray(l)&&t.jsx(pe,{isInteractive:e,isReadOnly:o,odysseyDesignTokens:g,children:l.map(i=>{var O;return(i==null?void 0:i.length)>0&&t.jsx(te,{deleteIcon:t.jsx(H,{onMouseDown:n,sx:{pointerEvents:"auto"}}),label:t.jsxs(t.Fragment,{children:[(O=D.get(i))==null?void 0:O.text,m&&t.jsx(me,{odysseyDesignTokens:g})]}),onDelete:e&&d.current===x?()=>V(i):void 0,tabIndex:-1},i)})})},[d,a,l,g,V,D]),R=r.useMemo(()=>B.map((e,o)=>{if(e.type==="heading")return t.jsxs(se,{children:[" ",e.text," "]},e.text);const n=a?l==null?void 0:l.includes(e.value):l===e.value;return t.jsxs(re,{"data-empty":!e.text,lang:e.lang,selected:n,value:e.value,children:[a&&t.jsx(ae,{checked:n}),e.text,!a&&l===e.value&&t.jsx(le,{children:t.jsx(Y,{})})]},ce(e.text,o.toString()))}),[a,B,l]),T=r.useCallback(e=>Array.isArray(e)&&t.jsx(S,{isInteractive:!1}),[S]),U=r.useCallback(({ariaDescribedBy:e,errorMessageElementId:o,id:n,labelElementId:m})=>t.jsxs(ue,{children:[t.jsx(ie,{...A,"aria-describedby":e,"aria-errormessage":o,displayEmpty:!0,id:n,inputProps:{"data-se":z,"aria-disabled":j||u,readOnly:u},inputRef:i=>{v.current!==i&&(v.current=i),Q.current=i},labelId:m,MenuProps:{sx:{".MuiPaper-root":{maxHeight:"50vh"}}},multiple:a,name:b??n,onBlur:k,onChange:y,onFocus:E,renderValue:a?T:void 0,translate:F,children:R}),a&&t.jsx(t.Fragment,{children:t.jsx(de,{odysseyDesignTokens:g,children:t.jsx(S,{isInteractive:!u,isReadOnly:u})})})]}),[S,A,a,j,u,b,g,k,y,E,R,T,z,F]);return t.jsx(Z,{ariaDescribedBy:s,errorMessage:p,errorMessageList:N,fieldType:"single",hasVisibleLabel:!0,hint:W,HintLinkComponent:P,id:$,isDisabled:j,isFullWidth:q,isOptional:G,label:J,renderFieldComponent:U})},ge=r.memo(fe);ge.displayName="Select";export{ge as M};
+`,de=C("div",{shouldForwardProp:s=>s!=="odysseyDesignTokens"})(({odysseyDesignTokens:s})=>({alignItems:"center",display:"flex",insetBlockEnd:0,insetBlockStart:0,insetInlineEnd:"25px",insetInlineStart:"4px",marginInlineStart:s.BorderWidthMain,opacity:1,pointerEvents:"none",position:"absolute"})),me=C(H,{shouldForwardProp:s=>s!=="odysseyDesignTokens"})(({odysseyDesignTokens:s})=>({fontSize:"1em",marginBlockEnd:"-1px",marginInlineEnd:`-${s.Spacing1}`,marginInlineStart:s.Spacing2})),pe=C(oe,{shouldForwardProp:s=>s!=="odysseyDesignTokens"&&s!=="isInteractive"&&s!=="isReadOnly"})(({isInteractive:s,isReadOnly:c,odysseyDesignTokens:p})=>({display:"flex",flexWrap:"wrap",gap:p.Spacing1,marginBlock:`-${p.Spacing2}`,marginInlineEnd:p.Spacing1,minHeight:p.Spacing6,opacity:s||c?1:0,pointerEvents:"none"})),{CONTROLLED:x}=ne,fe=({ariaDescribedBy:s,defaultValue:c,errorMessage:p,errorMessageList:N,hasMultipleChoices:I,hint:W,HintLinkComponent:P,id:$,inputRef:K,isDisabled:j=!1,isFullWidth:q=!1,isMultiSelect:M,isOptional:G=!1,isReadOnly:u=!1,label:J,name:b,onBlur:k,onChange:h,onFocus:E,options:L,testId:w,translate:z,value:f})=>{const Q=r.useRef(null),a=r.useMemo(()=>I===void 0?M:I,[I,M]),d=r.useRef(_({controlledValue:f,uncontrolledValue:c})),[l,F]=r.useState(d.current===x?f:c),v=r.useRef(null),g=X();r.useImperativeHandle(K,()=>({focus:()=>{var e;(e=v.current)==null||e.focus()}}),[]),r.useEffect(()=>{d.current===x&&F(f)},[f]);const A=ee({defaultValue:c,value:f,controlState:d.current}),y=r.useCallback((e,o)=>{if(u)e.preventDefault();else{const{target:{value:n}}=e;d.current!==x&&F(typeof n=="string"&&a?n.split(","):n),h==null||h(e,o)}},[a,h,u]),[B,D]=r.useMemo(()=>{const e=L.map(n=>{if(typeof n=="object"){const m=(n==null?void 0:n.value)===""?n.value:n.value||n.text;return{text:n.text,value:m,type:n.type==="heading"?"heading":"option",lang:n.language}}return{text:n,value:n,type:"option"}}),o=new Map(e.map(n=>[n.value,n]));return[e,o]},[L]),V=r.useCallback(e=>{if(Array.isArray(l)){const n={target:{value:l.filter(m=>m!==e)}};y(n,null)}},[l,y]),S=r.useCallback(({isInteractive:e,isReadOnly:o})=>{const n=i=>i.stopPropagation(),m=!e&&!o&&d.current===x&&a;return Array.isArray(l)&&t.jsx(pe,{isInteractive:e,isReadOnly:o,odysseyDesignTokens:g,children:l.map(i=>{var O;return(i==null?void 0:i.length)>0&&t.jsx(te,{deleteIcon:t.jsx(H,{onMouseDown:n,sx:{pointerEvents:"auto"}}),label:t.jsxs(t.Fragment,{children:[(O=D.get(i))==null?void 0:O.text,m&&t.jsx(me,{odysseyDesignTokens:g})]}),onDelete:e&&d.current===x?()=>V(i):void 0,tabIndex:-1},i)})})},[d,a,l,g,V,D]),R=r.useMemo(()=>B.map((e,o)=>{if(e.type==="heading")return t.jsxs(se,{children:[" ",e.text," "]},e.text);const n=a?l==null?void 0:l.includes(e.value):l===e.value;return t.jsxs(re,{"data-empty":!e.text,lang:e.lang,selected:n,value:e.value,children:[a&&t.jsx(ae,{checked:n}),e.text,!a&&l===e.value&&t.jsx(le,{children:t.jsx(Y,{})})]},ce(e.text,o.toString()))}),[a,B,l]),T=r.useCallback(e=>Array.isArray(e)&&t.jsx(S,{isInteractive:!1}),[S]),U=r.useCallback(({ariaDescribedBy:e,errorMessageElementId:o,id:n,labelElementId:m})=>t.jsxs(ue,{children:[t.jsx(ie,{...A,"aria-describedby":e,"aria-errormessage":o,displayEmpty:!0,id:n,inputProps:{"data-se":w,"aria-disabled":j||u,readOnly:u},inputRef:i=>{v.current!==i&&(v.current=i),Q.current=i},labelId:m,MenuProps:{sx:{".MuiPaper-root":{maxHeight:"50vh"}}},multiple:a,name:b??n,onBlur:k,onChange:y,onFocus:E,renderValue:a?T:void 0,translate:z,children:R}),a&&t.jsx(t.Fragment,{children:t.jsx(de,{odysseyDesignTokens:g,children:t.jsx(S,{isInteractive:!u,isReadOnly:u})})})]}),[S,A,a,j,u,b,g,k,y,E,R,T,w,z]);return t.jsx(Z,{ariaDescribedBy:s,errorMessage:p,errorMessageList:N,fieldType:"single",hasVisibleLabel:!0,hint:W,HintLinkComponent:P,id:$,isDisabled:j,isFullWidth:q,isOptional:G,label:J,renderFieldComponent:U})},ge=r.memo(fe);ge.displayName="Select";export{ge as M};

package/dist/assets/{Select-VvpDulqk.js → Select-Dg6qtAos.js}

@@ -1 +1 @@
-import{c as se,_ as W,b as s,a8 as pe,s as h,f as q,r as _,V as We,U as Ee,d as ce,e as le,P as ot,A as nt,aG as rt}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as p}from"./index-NdkWRN8K.js";import{M as st}from"./Menu-CU_mHT7L.js";import{j as c}from"./jsx-runtime-CnH95YSl.js";import{i as lt}from"./utils-iop7lDec.js";import{u as we}from"./useControlled-NQulfz4l.js";import{u as Le}from"./useIsFocusVisible-DH0qxT5e.js";import{o as it}from"./ownerDocument-DW-IO8s5.js";import{u as je,f as Ue}from"./useFormControl-BMISTZuX.js";import{g as at,f as U,a as dt,i as K,b as ut,o as M,A as pt}from"./ArrowDropDown-Dnrg-0Q8.js";import{g as ct}from"./getReactElementRef-Bs64nbeG.js";import{I as fe,a as be,r as me,b as ve,i as ge}from"./InputBase-6reb9B7r.js";const ft=["disableUnderline","components","componentsProps","fullWidth","hiddenLabel","inputComponent","multiline","slotProps","slots","type"],bt=e=>{const{classes:t,disableUnderline:o}=e,l=q({root:["root",!o&&"underline"],input:["input"]},at,t);return s({},t,l)},mt=h(be,{shouldForwardProp:e=>_(e)||e==="classes",name:"MuiFilledInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[...me(e,t),!o.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{var o;const r=e.palette.mode==="light",l=r?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)",a=r?"rgba(0, 0, 0, 0.06)":"rgba(255, 255, 255, 0.09)",d=r?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.13)",i=r?"rgba(0, 0, 0, 0.12)":"rgba(255, 255, 255, 0.12)";return s({position:"relative",backgroundColor:e.vars?e.vars.palette.FilledInput.bg:a,borderTopLeftRadius:(e.vars||e).shape.borderRadius,borderTopRightRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),"&:hover":{backgroundColor:e.vars?e.vars.palette.FilledInput.hoverBg:d,"@media (hover: none)":{backgroundColor:e.vars?e.vars.palette.FilledInput.bg:a}},[`&.${U.focused}`]:{backgroundColor:e.vars?e.vars.palette.FilledInput.bg:a},[`&.${U.disabled}`]:{backgroundColor:e.vars?e.vars.palette.FilledInput.disabledBg:i}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(o=(e.vars||e).palette[t.color||"primary"])==null?void 0:o.main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${U.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${U.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`:l}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${U.disabled}, .${U.error}):before`]:{borderBottom:`1px solid ${(e.vars||e).palette.text.primary}`},[`&.${U.disabled}:before`]:{borderBottomStyle:"dotted"}},t.startAdornment&&{paddingLeft:12},t.endAdornment&&{paddingRight:12},t.multiline&&s({padding:"25px 12px 8px"},t.size==="small"&&{paddingTop:21,paddingBottom:4},t.hiddenLabel&&{paddingTop:16,paddingBottom:17},t.hiddenLabel&&t.size==="small"&&{paddingTop:8,paddingBottom:9}))}),vt=h(ve,{name:"MuiFilledInput",slot:"Input",overridesResolver:ge})(({theme:e,ownerState:t})=>s({paddingTop:25,paddingRight:12,paddingBottom:8,paddingLeft:12},!e.vars&&{"&:-webkit-autofill":{WebkitBoxShadow:e.palette.mode==="light"?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:e.palette.mode==="light"?null:"#fff",caretColor:e.palette.mode==="light"?null:"#fff",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}},e.vars&&{"&:-webkit-autofill":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"},[e.getColorSchemeSelector("dark")]:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #266798 inset",WebkitTextFillColor:"#fff",caretColor:"#fff"}}},t.size==="small"&&{paddingTop:21,paddingBottom:4},t.hiddenLabel&&{paddingTop:16,paddingBottom:17},t.startAdornment&&{paddingLeft:0},t.endAdornment&&{paddingRight:0},t.hiddenLabel&&t.size==="small"&&{paddingTop:8,paddingBottom:9},t.multiline&&{paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0})),_e=p.forwardRef(function(t,o){var r,l,a,d;const i=se({props:t,name:"MuiFilledInput"}),{components:C={},componentsProps:I,fullWidth:v=!1,inputComponent:$="input",multiline:b=!1,slotProps:y,slots:R={},type:P="text"}=i,F=W(i,ft),S=s({},i,{fullWidth:v,inputComponent:$,multiline:b,type:P}),x=bt(i),O={root:{ownerState:S},input:{ownerState:S}},f=y??I?pe(O,y??I):O,w=(r=(l=R.root)!=null?l:C.Root)!=null?r:mt,k=(a=(d=R.input)!=null?d:C.Input)!=null?a:vt;return c.jsx(fe,s({slots:{root:w,input:k},componentsProps:f,fullWidth:v,inputComponent:$,multiline:b,ref:o,type:P},F,{classes:x}))});_e.muiName="Input";const gt=["disableUnderline","components","componentsProps","fullWidth","inputComponent","multiline","slotProps","slots","type"],ht=e=>{const{classes:t,disableUnderline:o}=e,l=q({root:["root",!o&&"underline"],input:["input"]},dt,t);return s({},t,l)},Ct=h(be,{shouldForwardProp:e=>_(e)||e==="classes",name:"MuiInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[...me(e,t),!o.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{let r=e.palette.mode==="light"?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return e.vars&&(r=`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`),s({position:"relative"},t.formControl&&{"label + &":{marginTop:16}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(e.vars||e).palette[t.color].main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${K.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${K.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${r}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${K.disabled}, .${K.error}):before`]:{borderBottom:`2px solid ${(e.vars||e).palette.text.primary}`,"@media (hover: none)":{borderBottom:`1px solid ${r}`}},[`&.${K.disabled}:before`]:{borderBottomStyle:"dotted"}})}),xt=h(ve,{name:"MuiInput",slot:"Input",overridesResolver:ge})({}),Ae=p.forwardRef(function(t,o){var r,l,a,d;const i=se({props:t,name:"MuiInput"}),{disableUnderline:C,components:I={},componentsProps:v,fullWidth:$=!1,inputComponent:b="input",multiline:y=!1,slotProps:R,slots:P={},type:F="text"}=i,S=W(i,gt),x=ht(i),f={root:{ownerState:{disableUnderline:C}}},w=R??v?pe(R??v,f):f,k=(r=(l=P.root)!=null?l:I.Root)!=null?r:Ct,B=(a=(d=P.input)!=null?d:I.Input)!=null?a:xt;return c.jsx(fe,s({slots:{root:k,input:B},slotProps:w,fullWidth:$,inputComponent:b,multiline:y,ref:o,type:F},S,{classes:x}))});Ae.muiName="Input";function It(e){return Ee("MuiNativeSelect",e)}const he=We("MuiNativeSelect",["root","select","multiple","filled","outlined","standard","disabled","icon","iconOpen","iconFilled","iconOutlined","iconStandard","nativeInput","error"]),yt=["className","disabled","error","IconComponent","inputRef","variant"],Rt=e=>{const{classes:t,variant:o,disabled:r,multiple:l,open:a,error:d}=e,i={select:["select",o,r&&"disabled",l&&"multiple",d&&"error"],icon:["icon",`icon${le(o)}`,a&&"iconOpen",r&&"disabled"]};return q(i,It,t)},De=({ownerState:e,theme:t})=>s({MozAppearance:"none",WebkitAppearance:"none",userSelect:"none",borderRadius:0,cursor:"pointer","&:focus":s({},t.vars?{backgroundColor:`rgba(${t.vars.palette.common.onBackgroundChannel} / 0.05)`}:{backgroundColor:t.palette.mode==="light"?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"},{borderRadius:0}),"&::-ms-expand":{display:"none"},[`&.${he.disabled}`]:{cursor:"default"},"&[multiple]":{height:"auto"},"&:not([multiple]) option, &:not([multiple]) optgroup":{backgroundColor:(t.vars||t).palette.background.paper},"&&&":{paddingRight:24,minWidth:16}},e.variant==="filled"&&{"&&&":{paddingRight:32}},e.variant==="outlined"&&{borderRadius:(t.vars||t).shape.borderRadius,"&:focus":{borderRadius:(t.vars||t).shape.borderRadius},"&&&":{paddingRight:32}}),St=h("select",{name:"MuiNativeSelect",slot:"Select",shouldForwardProp:_,overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.select,t[o.variant],o.error&&t.error,{[`&.${he.multiple}`]:t.multiple}]}})(De),Te=({ownerState:e,theme:t})=>s({position:"absolute",right:0,top:"calc(50% - .5em)",pointerEvents:"none",color:(t.vars||t).palette.action.active,[`&.${he.disabled}`]:{color:(t.vars||t).palette.action.disabled}},e.open&&{transform:"rotate(180deg)"},e.variant==="filled"&&{right:7},e.variant==="outlined"&&{right:7}),$t=h("svg",{name:"MuiNativeSelect",slot:"Icon",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.icon,o.variant&&t[`icon${le(o.variant)}`],o.open&&t.iconOpen]}})(Te),Ot=p.forwardRef(function(t,o){const{className:r,disabled:l,error:a,IconComponent:d,inputRef:i,variant:C="standard"}=t,I=W(t,yt),v=s({},t,{disabled:l,variant:C,error:a}),$=Rt(v);return c.jsxs(p.Fragment,{children:[c.jsx(St,s({ownerState:v,className:ce($.select,r),disabled:l,ref:i||o},I)),t.multiple?null:c.jsx($t,{as:d,ownerState:v,className:$.icon})]})});var Ne;const Pt=["children","classes","className","label","notched"],kt=h("fieldset",{name:"MuiNotchedOutlined",shouldForwardProp:_})({textAlign:"left",position:"absolute",bottom:0,right:0,top:-5,left:0,margin:0,padding:"0 8px",pointerEvents:"none",borderRadius:"inherit",borderStyle:"solid",borderWidth:1,overflow:"hidden",minWidth:"0%"}),Ft=h("legend",{name:"MuiNotchedOutlined",shouldForwardProp:_})(({ownerState:e,theme:t})=>s({float:"unset",width:"auto",overflow:"hidden"},!e.withLabel&&{padding:0,lineHeight:"11px",transition:t.transitions.create("width",{duration:150,easing:t.transitions.easing.easeOut})},e.withLabel&&s({display:"block",padding:0,height:11,fontSize:"0.75em",visibility:"hidden",maxWidth:.01,transition:t.transitions.create("max-width",{duration:50,easing:t.transitions.easing.easeOut}),whiteSpace:"nowrap","& > span":{paddingLeft:5,paddingRight:5,display:"inline-block",opacity:0,visibility:"visible"}},e.notched&&{maxWidth:"100%",transition:t.transitions.create("max-width",{duration:100,easing:t.transitions.easing.easeOut,delay:50})})));function wt(e){const{className:t,label:o,notched:r}=e,l=W(e,Pt),a=o!=null&&o!=="",d=s({},e,{notched:r,withLabel:a});return c.jsx(kt,s({"aria-hidden":!0,className:t,ownerState:d},l,{children:c.jsx(Ft,{ownerState:d,children:a?c.jsx("span",{children:o}):Ne||(Ne=c.jsx("span",{className:"notranslate",children:"​"}))})}))}const Nt=["components","fullWidth","inputComponent","label","multiline","notched","slots","type"],Bt=e=>{const{classes:t}=e,r=q({root:["root"],notchedOutline:["notchedOutline"],input:["input"]},ut,t);return s({},t,r)},Mt=h(be,{shouldForwardProp:e=>_(e)||e==="classes",name:"MuiOutlinedInput",slot:"Root",overridesResolver:me})(({theme:e,ownerState:t})=>{const o=e.palette.mode==="light"?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)";return s({position:"relative",borderRadius:(e.vars||e).shape.borderRadius,[`&:hover .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette.text.primary},"@media (hover: none)":{[`&:hover .${M.notchedOutline}`]:{borderColor:e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)`:o}},[`&.${M.focused} .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette[t.color].main,borderWidth:2},[`&.${M.error} .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette.error.main},[`&.${M.disabled} .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette.action.disabled}},t.startAdornment&&{paddingLeft:14},t.endAdornment&&{paddingRight:14},t.multiline&&s({padding:"16.5px 14px"},t.size==="small"&&{padding:"8.5px 14px"}))}),Wt=h(wt,{name:"MuiOutlinedInput",slot:"NotchedOutline",overridesResolver:(e,t)=>t.notchedOutline})(({theme:e})=>{const t=e.palette.mode==="light"?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)";return{borderColor:e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)`:t}}),Et=h(ve,{name:"MuiOutlinedInput",slot:"Input",overridesResolver:ge})(({theme:e,ownerState:t})=>s({padding:"16.5px 14px"},!e.vars&&{"&:-webkit-autofill":{WebkitBoxShadow:e.palette.mode==="light"?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:e.palette.mode==="light"?null:"#fff",caretColor:e.palette.mode==="light"?null:"#fff",borderRadius:"inherit"}},e.vars&&{"&:-webkit-autofill":{borderRadius:"inherit"},[e.getColorSchemeSelector("dark")]:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #266798 inset",WebkitTextFillColor:"#fff",caretColor:"#fff"}}},t.size==="small"&&{padding:"8.5px 14px"},t.multiline&&{padding:0},t.startAdornment&&{paddingLeft:0},t.endAdornment&&{paddingRight:0})),ze=p.forwardRef(function(t,o){var r,l,a,d,i;const C=se({props:t,name:"MuiOutlinedInput"}),{components:I={},fullWidth:v=!1,inputComponent:$="input",label:b,multiline:y=!1,notched:R,slots:P={},type:F="text"}=C,S=W(C,Nt),x=Bt(C),O=je(),f=Ue({props:C,muiFormControl:O,states:["color","disabled","error","focused","hiddenLabel","size","required"]}),w=s({},C,{color:f.color||"primary",disabled:f.disabled,error:f.error,focused:f.focused,formControl:O,fullWidth:v,hiddenLabel:f.hiddenLabel,multiline:y,size:f.size,type:F}),k=(r=(l=P.root)!=null?l:I.Root)!=null?r:Mt,B=(a=(d=P.input)!=null?d:I.Input)!=null?a:Et;return c.jsx(fe,s({slots:{root:k,input:B},renderSuffix:E=>c.jsx(Wt,{ownerState:w,className:x.notchedOutline,label:b!=null&&b!==""&&f.required?i||(i=c.jsxs(p.Fragment,{children:[b," ","*"]})):b,notched:typeof R<"u"?R:!!(E.startAdornment||E.filled||E.focused)}),fullWidth:v,inputComponent:$,multiline:y,ref:o,type:F},S,{classes:s({},x,{notchedOutline:null})}))});ze.muiName="Input";function Lt(e){return Ee("MuiSelect",e)}const X=We("MuiSelect",["root","select","multiple","filled","outlined","standard","disabled","focused","icon","iconOpen","iconFilled","iconOutlined","iconStandard","nativeInput","error"]);var Be;const jt=["aria-describedby","aria-label","autoFocus","autoWidth","children","className","defaultOpen","defaultValue","disabled","displayEmpty","error","IconComponent","inputRef","labelId","MenuProps","multiple","name","onBlur","onChange","onClose","onFocus","onOpen","open","readOnly","renderValue","SelectDisplayProps","tabIndex","type","value","variant"],Ut=h("div",{name:"MuiSelect",slot:"Select",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`&.${X.select}`]:t.select},{[`&.${X.select}`]:t[o.variant]},{[`&.${X.error}`]:t.error},{[`&.${X.multiple}`]:t.multiple}]}})(De,{[`&.${X.select}`]:{height:"auto",minHeight:"1.4375em",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}}),_t=h("svg",{name:"MuiSelect",slot:"Icon",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.icon,o.variant&&t[`icon${le(o.variant)}`],o.open&&t.iconOpen]}})(Te),At=h("input",{shouldForwardProp:e=>rt(e)&&e!=="classes",name:"MuiSelect",slot:"NativeInput",overridesResolver:(e,t)=>t.nativeInput})({bottom:0,left:0,position:"absolute",opacity:0,pointerEvents:"none",width:"100%",boxSizing:"border-box"});function Me(e,t){return typeof t=="object"&&t!==null?e===t:String(e)===String(t)}function Dt(e){return e==null||typeof e=="string"&&!e.trim()}const Tt=e=>{const{classes:t,variant:o,disabled:r,multiple:l,open:a,error:d}=e,i={select:["select",o,r&&"disabled",l&&"multiple",d&&"error"],icon:["icon",`icon${le(o)}`,a&&"iconOpen",r&&"disabled"],nativeInput:["nativeInput"]};return q(i,Lt,t)},zt=p.forwardRef(function(t,o){var r;const{"aria-describedby":l,"aria-label":a,autoFocus:d,autoWidth:i,children:C,className:I,defaultOpen:v,defaultValue:$,disabled:b,displayEmpty:y,error:R=!1,IconComponent:P,inputRef:F,labelId:S,MenuProps:x={},multiple:O,name:f,onBlur:w,onChange:k,onClose:B,onFocus:E,onOpen:H,open:G,readOnly:J,renderValue:V,SelectDisplayProps:N={},tabIndex:L,value:Q,variant:Y="standard"}=t,A=W(t,jt),[m,xe]=we({controlled:Q,default:$,name:"Select"}),[Ie,Ve]=we({controlled:G,default:v,name:"Select"}),ye=p.useRef(null),j=p.useRef(null),[D,Ke]=p.useState(null),{current:ie}=p.useRef(G!=null),[Xe,Re]=p.useState(),qe=Le(o,F),He=p.useCallback(n=>{j.current=n,n&&Ke(n)},[]),Z=D==null?void 0:D.parentNode;p.useImperativeHandle(qe,()=>({focus:()=>{j.current.focus()},node:ye.current,value:m}),[m]),p.useEffect(()=>{v&&Ie&&D&&!ie&&(Re(i?null:Z.clientWidth),j.current.focus())},[D,i]),p.useEffect(()=>{d&&j.current.focus()},[d]),p.useEffect(()=>{if(!S)return;const n=it(j.current).getElementById(S);if(n){const u=()=>{getSelection().isCollapsed&&j.current.focus()};return n.addEventListener("click",u),()=>{n.removeEventListener("click",u)}}},[S]);const ee=(n,u)=>{n?H&&H(u):B&&B(u),ie||(Re(i?null:Z.clientWidth),Ve(n))},Ge=n=>{n.button===0&&(n.preventDefault(),j.current.focus(),ee(!0,n))},Je=n=>{ee(!1,n)},Se=p.Children.toArray(C),Qe=n=>{const u=Se.find(g=>g.props.value===n.target.value);u!==void 0&&(xe(u.props.value),k&&k(n,u))},Ye=n=>u=>{let g;if(u.currentTarget.hasAttribute("tabindex")){if(O){g=Array.isArray(m)?m.slice():[];const z=m.indexOf(n.props.value);z===-1?g.push(n.props.value):g.splice(z,1)}else g=n.props.value;if(n.props.onClick&&n.props.onClick(u),m!==g&&(xe(g),k)){const z=u.nativeEvent||u,Fe=new z.constructor(z.type,z);Object.defineProperty(Fe,"target",{writable:!0,value:{value:g,name:f}}),k(Fe,n)}O||ee(!1,u)}},Ze=n=>{J||[" ","ArrowUp","ArrowDown","Enter"].indexOf(n.key)!==-1&&(n.preventDefault(),ee(!0,n))},te=D!==null&&Ie,et=n=>{!te&&w&&(Object.defineProperty(n,"target",{writable:!0,value:{value:m,name:f}}),w(n))};delete A["aria-invalid"];let T,$e;const oe=[];let ne=!1;(lt({value:m})||y)&&(V?T=V(m):ne=!0);const tt=Se.map(n=>{if(!p.isValidElement(n))return null;let u;if(O){if(!Array.isArray(m))throw new Error(ot(2));u=m.some(g=>Me(g,n.props.value)),u&&ne&&oe.push(n.props.children)}else u=Me(m,n.props.value),u&&ne&&($e=n.props.children);return p.cloneElement(n,{"aria-selected":u?"true":"false",onClick:Ye(n),onKeyUp:g=>{g.key===" "&&g.preventDefault(),n.props.onKeyUp&&n.props.onKeyUp(g)},role:"option",selected:u,value:void 0,"data-value":n.props.value})});ne&&(O?oe.length===0?T=null:T=oe.reduce((n,u,g)=>(n.push(u),g<oe.length-1&&n.push(", "),n),[]):T=$e);let Oe=Xe;!i&&ie&&D&&(Oe=Z.clientWidth);let ae;typeof L<"u"?ae=L:ae=b?null:0;const Pe=N.id||(f?`mui-component-select-${f}`:void 0),re=s({},t,{variant:Y,value:m,open:te,error:R}),de=Tt(re),ue=s({},x.PaperProps,(r=x.slotProps)==null?void 0:r.paper),ke=nt();return c.jsxs(p.Fragment,{children:[c.jsx(Ut,s({ref:He,tabIndex:ae,role:"combobox","aria-controls":ke,"aria-disabled":b?"true":void 0,"aria-expanded":te?"true":"false","aria-haspopup":"listbox","aria-label":a,"aria-labelledby":[S,Pe].filter(Boolean).join(" ")||void 0,"aria-describedby":l,onKeyDown:Ze,onMouseDown:b||J?null:Ge,onBlur:et,onFocus:E},N,{ownerState:re,className:ce(N.className,de.select,I),id:Pe,children:Dt(T)?Be||(Be=c.jsx("span",{className:"notranslate",children:"​"})):T})),c.jsx(At,s({"aria-invalid":R,value:Array.isArray(m)?m.join(","):m,name:f,ref:ye,"aria-hidden":!0,onChange:Qe,tabIndex:-1,disabled:b,className:de.nativeInput,autoFocus:d,ownerState:re},A)),c.jsx(_t,{as:P,className:de.icon,ownerState:re}),c.jsx(st,s({id:`menu-${f||""}`,anchorEl:Z,open:te,onClose:Je,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},x,{MenuListProps:s({"aria-labelledby":S,role:"listbox","aria-multiselectable":O?"true":void 0,disableListWrap:!0,id:ke},x.MenuListProps),slotProps:s({},x.slotProps,{paper:s({},ue,{style:s({minWidth:Oe},ue!=null?ue.style:null)})}),children:tt}))]})}),Vt=["autoWidth","children","classes","className","defaultOpen","displayEmpty","IconComponent","id","input","inputProps","label","labelId","MenuProps","multiple","native","onClose","onOpen","open","renderValue","SelectDisplayProps","variant"],Kt=["root"],Xt=e=>{const{classes:t}=e;return t},Ce={name:"MuiSelect",overridesResolver:(e,t)=>t.root,shouldForwardProp:e=>_(e)&&e!=="variant",slot:"Root"},qt=h(Ae,Ce)(""),Ht=h(ze,Ce)(""),Gt=h(_e,Ce)(""),Jt=p.forwardRef(function(t,o){const r=se({name:"MuiSelect",props:t}),{autoWidth:l=!1,children:a,classes:d={},className:i,defaultOpen:C=!1,displayEmpty:I=!1,IconComponent:v=pt,id:$,input:b,inputProps:y,label:R,labelId:P,MenuProps:F,multiple:S=!1,native:x=!1,onClose:O,onOpen:f,open:w,renderValue:k,SelectDisplayProps:B,variant:E="outlined"}=r,H=W(r,Vt),G=x?Ot:zt,J=je(),V=Ue({props:r,muiFormControl:J,states:["variant","error"]}),N=V.variant||E,L=s({},r,{variant:N,classes:d}),Q=Xt(L),Y=W(Q,Kt),A=b||{standard:c.jsx(qt,{ownerState:L}),outlined:c.jsx(Ht,{label:R,ownerState:L}),filled:c.jsx(Gt,{ownerState:L})}[N],m=Le(o,ct(A));return c.jsx(p.Fragment,{children:p.cloneElement(A,s({inputComponent:G,inputProps:s({children:a,error:V.error,IconComponent:v,variant:N,type:void 0,multiple:S},x?{id:$}:{autoWidth:l,defaultOpen:C,displayEmpty:I,labelId:P,MenuProps:F,onClose:O,onOpen:f,open:w,renderValue:k,SelectDisplayProps:s({id:$},B)},y,{classes:y?pe(Y,y.classes):Y},b?b.props.inputProps:{})},(S&&x||I)&&N==="outlined"?{notched:!0}:{},{ref:m,className:ce(A.props.className,i,Q.root)},!b&&{variant:N},H))})});Jt.muiName="Select";export{_e as F,Ae as I,ze as O,Jt as S};
+import{c as se,_ as W,b as s,a9 as pe,s as h,f as q,r as _,W as We,V as Ee,d as ce,e as le,Q as ot,A as nt,aG as rt}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as p}from"./index-NdkWRN8K.js";import{M as st}from"./Menu-C2dEwThV.js";import{j as c}from"./jsx-runtime-CnH95YSl.js";import{i as lt}from"./utils-iop7lDec.js";import{u as we}from"./useControlled-NQulfz4l.js";import{u as Le}from"./useIsFocusVisible-DH0qxT5e.js";import{o as it}from"./ownerDocument-DW-IO8s5.js";import{u as je,f as Ue}from"./useFormControl-BMISTZuX.js";import{g as at,f as U,a as dt,i as K,b as ut,o as M,A as pt}from"./ArrowDropDown-DddCYTEO.js";import{g as ct}from"./getReactElementRef-SdO7zWnC.js";import{I as fe,a as be,r as me,b as ve,i as ge}from"./InputBase-DSyP23zj.js";const ft=["disableUnderline","components","componentsProps","fullWidth","hiddenLabel","inputComponent","multiline","slotProps","slots","type"],bt=e=>{const{classes:t,disableUnderline:o}=e,l=q({root:["root",!o&&"underline"],input:["input"]},at,t);return s({},t,l)},mt=h(be,{shouldForwardProp:e=>_(e)||e==="classes",name:"MuiFilledInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[...me(e,t),!o.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{var o;const r=e.palette.mode==="light",l=r?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)",a=r?"rgba(0, 0, 0, 0.06)":"rgba(255, 255, 255, 0.09)",d=r?"rgba(0, 0, 0, 0.09)":"rgba(255, 255, 255, 0.13)",i=r?"rgba(0, 0, 0, 0.12)":"rgba(255, 255, 255, 0.12)";return s({position:"relative",backgroundColor:e.vars?e.vars.palette.FilledInput.bg:a,borderTopLeftRadius:(e.vars||e).shape.borderRadius,borderTopRightRadius:(e.vars||e).shape.borderRadius,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),"&:hover":{backgroundColor:e.vars?e.vars.palette.FilledInput.hoverBg:d,"@media (hover: none)":{backgroundColor:e.vars?e.vars.palette.FilledInput.bg:a}},[`&.${U.focused}`]:{backgroundColor:e.vars?e.vars.palette.FilledInput.bg:a},[`&.${U.disabled}`]:{backgroundColor:e.vars?e.vars.palette.FilledInput.disabledBg:i}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(o=(e.vars||e).palette[t.color||"primary"])==null?void 0:o.main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${U.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${U.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`:l}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${U.disabled}, .${U.error}):before`]:{borderBottom:`1px solid ${(e.vars||e).palette.text.primary}`},[`&.${U.disabled}:before`]:{borderBottomStyle:"dotted"}},t.startAdornment&&{paddingLeft:12},t.endAdornment&&{paddingRight:12},t.multiline&&s({padding:"25px 12px 8px"},t.size==="small"&&{paddingTop:21,paddingBottom:4},t.hiddenLabel&&{paddingTop:16,paddingBottom:17},t.hiddenLabel&&t.size==="small"&&{paddingTop:8,paddingBottom:9}))}),vt=h(ve,{name:"MuiFilledInput",slot:"Input",overridesResolver:ge})(({theme:e,ownerState:t})=>s({paddingTop:25,paddingRight:12,paddingBottom:8,paddingLeft:12},!e.vars&&{"&:-webkit-autofill":{WebkitBoxShadow:e.palette.mode==="light"?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:e.palette.mode==="light"?null:"#fff",caretColor:e.palette.mode==="light"?null:"#fff",borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}},e.vars&&{"&:-webkit-autofill":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"},[e.getColorSchemeSelector("dark")]:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #266798 inset",WebkitTextFillColor:"#fff",caretColor:"#fff"}}},t.size==="small"&&{paddingTop:21,paddingBottom:4},t.hiddenLabel&&{paddingTop:16,paddingBottom:17},t.startAdornment&&{paddingLeft:0},t.endAdornment&&{paddingRight:0},t.hiddenLabel&&t.size==="small"&&{paddingTop:8,paddingBottom:9},t.multiline&&{paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0})),_e=p.forwardRef(function(t,o){var r,l,a,d;const i=se({props:t,name:"MuiFilledInput"}),{components:C={},componentsProps:I,fullWidth:v=!1,inputComponent:$="input",multiline:b=!1,slotProps:y,slots:R={},type:P="text"}=i,F=W(i,ft),S=s({},i,{fullWidth:v,inputComponent:$,multiline:b,type:P}),x=bt(i),O={root:{ownerState:S},input:{ownerState:S}},f=y??I?pe(O,y??I):O,w=(r=(l=R.root)!=null?l:C.Root)!=null?r:mt,k=(a=(d=R.input)!=null?d:C.Input)!=null?a:vt;return c.jsx(fe,s({slots:{root:w,input:k},componentsProps:f,fullWidth:v,inputComponent:$,multiline:b,ref:o,type:P},F,{classes:x}))});_e.muiName="Input";const gt=["disableUnderline","components","componentsProps","fullWidth","inputComponent","multiline","slotProps","slots","type"],ht=e=>{const{classes:t,disableUnderline:o}=e,l=q({root:["root",!o&&"underline"],input:["input"]},dt,t);return s({},t,l)},Ct=h(be,{shouldForwardProp:e=>_(e)||e==="classes",name:"MuiInput",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[...me(e,t),!o.disableUnderline&&t.underline]}})(({theme:e,ownerState:t})=>{let r=e.palette.mode==="light"?"rgba(0, 0, 0, 0.42)":"rgba(255, 255, 255, 0.7)";return e.vars&&(r=`rgba(${e.vars.palette.common.onBackgroundChannel} / ${e.vars.opacity.inputUnderline})`),s({position:"relative"},t.formControl&&{"label + &":{marginTop:16}},!t.disableUnderline&&{"&::after":{borderBottom:`2px solid ${(e.vars||e).palette[t.color].main}`,left:0,bottom:0,content:'""',position:"absolute",right:0,transform:"scaleX(0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut}),pointerEvents:"none"},[`&.${K.focused}:after`]:{transform:"scaleX(1) translateX(0)"},[`&.${K.error}`]:{"&::before, &::after":{borderBottomColor:(e.vars||e).palette.error.main}},"&::before":{borderBottom:`1px solid ${r}`,left:0,bottom:0,content:'"\\00a0"',position:"absolute",right:0,transition:e.transitions.create("border-bottom-color",{duration:e.transitions.duration.shorter}),pointerEvents:"none"},[`&:hover:not(.${K.disabled}, .${K.error}):before`]:{borderBottom:`2px solid ${(e.vars||e).palette.text.primary}`,"@media (hover: none)":{borderBottom:`1px solid ${r}`}},[`&.${K.disabled}:before`]:{borderBottomStyle:"dotted"}})}),xt=h(ve,{name:"MuiInput",slot:"Input",overridesResolver:ge})({}),Ae=p.forwardRef(function(t,o){var r,l,a,d;const i=se({props:t,name:"MuiInput"}),{disableUnderline:C,components:I={},componentsProps:v,fullWidth:$=!1,inputComponent:b="input",multiline:y=!1,slotProps:R,slots:P={},type:F="text"}=i,S=W(i,gt),x=ht(i),f={root:{ownerState:{disableUnderline:C}}},w=R??v?pe(R??v,f):f,k=(r=(l=P.root)!=null?l:I.Root)!=null?r:Ct,B=(a=(d=P.input)!=null?d:I.Input)!=null?a:xt;return c.jsx(fe,s({slots:{root:k,input:B},slotProps:w,fullWidth:$,inputComponent:b,multiline:y,ref:o,type:F},S,{classes:x}))});Ae.muiName="Input";function It(e){return Ee("MuiNativeSelect",e)}const he=We("MuiNativeSelect",["root","select","multiple","filled","outlined","standard","disabled","icon","iconOpen","iconFilled","iconOutlined","iconStandard","nativeInput","error"]),yt=["className","disabled","error","IconComponent","inputRef","variant"],Rt=e=>{const{classes:t,variant:o,disabled:r,multiple:l,open:a,error:d}=e,i={select:["select",o,r&&"disabled",l&&"multiple",d&&"error"],icon:["icon",`icon${le(o)}`,a&&"iconOpen",r&&"disabled"]};return q(i,It,t)},De=({ownerState:e,theme:t})=>s({MozAppearance:"none",WebkitAppearance:"none",userSelect:"none",borderRadius:0,cursor:"pointer","&:focus":s({},t.vars?{backgroundColor:`rgba(${t.vars.palette.common.onBackgroundChannel} / 0.05)`}:{backgroundColor:t.palette.mode==="light"?"rgba(0, 0, 0, 0.05)":"rgba(255, 255, 255, 0.05)"},{borderRadius:0}),"&::-ms-expand":{display:"none"},[`&.${he.disabled}`]:{cursor:"default"},"&[multiple]":{height:"auto"},"&:not([multiple]) option, &:not([multiple]) optgroup":{backgroundColor:(t.vars||t).palette.background.paper},"&&&":{paddingRight:24,minWidth:16}},e.variant==="filled"&&{"&&&":{paddingRight:32}},e.variant==="outlined"&&{borderRadius:(t.vars||t).shape.borderRadius,"&:focus":{borderRadius:(t.vars||t).shape.borderRadius},"&&&":{paddingRight:32}}),St=h("select",{name:"MuiNativeSelect",slot:"Select",shouldForwardProp:_,overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.select,t[o.variant],o.error&&t.error,{[`&.${he.multiple}`]:t.multiple}]}})(De),Te=({ownerState:e,theme:t})=>s({position:"absolute",right:0,top:"calc(50% - .5em)",pointerEvents:"none",color:(t.vars||t).palette.action.active,[`&.${he.disabled}`]:{color:(t.vars||t).palette.action.disabled}},e.open&&{transform:"rotate(180deg)"},e.variant==="filled"&&{right:7},e.variant==="outlined"&&{right:7}),$t=h("svg",{name:"MuiNativeSelect",slot:"Icon",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.icon,o.variant&&t[`icon${le(o.variant)}`],o.open&&t.iconOpen]}})(Te),Ot=p.forwardRef(function(t,o){const{className:r,disabled:l,error:a,IconComponent:d,inputRef:i,variant:C="standard"}=t,I=W(t,yt),v=s({},t,{disabled:l,variant:C,error:a}),$=Rt(v);return c.jsxs(p.Fragment,{children:[c.jsx(St,s({ownerState:v,className:ce($.select,r),disabled:l,ref:i||o},I)),t.multiple?null:c.jsx($t,{as:d,ownerState:v,className:$.icon})]})});var Ne;const Pt=["children","classes","className","label","notched"],kt=h("fieldset",{name:"MuiNotchedOutlined",shouldForwardProp:_})({textAlign:"left",position:"absolute",bottom:0,right:0,top:-5,left:0,margin:0,padding:"0 8px",pointerEvents:"none",borderRadius:"inherit",borderStyle:"solid",borderWidth:1,overflow:"hidden",minWidth:"0%"}),Ft=h("legend",{name:"MuiNotchedOutlined",shouldForwardProp:_})(({ownerState:e,theme:t})=>s({float:"unset",width:"auto",overflow:"hidden"},!e.withLabel&&{padding:0,lineHeight:"11px",transition:t.transitions.create("width",{duration:150,easing:t.transitions.easing.easeOut})},e.withLabel&&s({display:"block",padding:0,height:11,fontSize:"0.75em",visibility:"hidden",maxWidth:.01,transition:t.transitions.create("max-width",{duration:50,easing:t.transitions.easing.easeOut}),whiteSpace:"nowrap","& > span":{paddingLeft:5,paddingRight:5,display:"inline-block",opacity:0,visibility:"visible"}},e.notched&&{maxWidth:"100%",transition:t.transitions.create("max-width",{duration:100,easing:t.transitions.easing.easeOut,delay:50})})));function wt(e){const{className:t,label:o,notched:r}=e,l=W(e,Pt),a=o!=null&&o!=="",d=s({},e,{notched:r,withLabel:a});return c.jsx(kt,s({"aria-hidden":!0,className:t,ownerState:d},l,{children:c.jsx(Ft,{ownerState:d,children:a?c.jsx("span",{children:o}):Ne||(Ne=c.jsx("span",{className:"notranslate",children:"​"}))})}))}const Nt=["components","fullWidth","inputComponent","label","multiline","notched","slots","type"],Bt=e=>{const{classes:t}=e,r=q({root:["root"],notchedOutline:["notchedOutline"],input:["input"]},ut,t);return s({},t,r)},Mt=h(be,{shouldForwardProp:e=>_(e)||e==="classes",name:"MuiOutlinedInput",slot:"Root",overridesResolver:me})(({theme:e,ownerState:t})=>{const o=e.palette.mode==="light"?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)";return s({position:"relative",borderRadius:(e.vars||e).shape.borderRadius,[`&:hover .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette.text.primary},"@media (hover: none)":{[`&:hover .${M.notchedOutline}`]:{borderColor:e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)`:o}},[`&.${M.focused} .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette[t.color].main,borderWidth:2},[`&.${M.error} .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette.error.main},[`&.${M.disabled} .${M.notchedOutline}`]:{borderColor:(e.vars||e).palette.action.disabled}},t.startAdornment&&{paddingLeft:14},t.endAdornment&&{paddingRight:14},t.multiline&&s({padding:"16.5px 14px"},t.size==="small"&&{padding:"8.5px 14px"}))}),Wt=h(wt,{name:"MuiOutlinedInput",slot:"NotchedOutline",overridesResolver:(e,t)=>t.notchedOutline})(({theme:e})=>{const t=e.palette.mode==="light"?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)";return{borderColor:e.vars?`rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)`:t}}),Et=h(ve,{name:"MuiOutlinedInput",slot:"Input",overridesResolver:ge})(({theme:e,ownerState:t})=>s({padding:"16.5px 14px"},!e.vars&&{"&:-webkit-autofill":{WebkitBoxShadow:e.palette.mode==="light"?null:"0 0 0 100px #266798 inset",WebkitTextFillColor:e.palette.mode==="light"?null:"#fff",caretColor:e.palette.mode==="light"?null:"#fff",borderRadius:"inherit"}},e.vars&&{"&:-webkit-autofill":{borderRadius:"inherit"},[e.getColorSchemeSelector("dark")]:{"&:-webkit-autofill":{WebkitBoxShadow:"0 0 0 100px #266798 inset",WebkitTextFillColor:"#fff",caretColor:"#fff"}}},t.size==="small"&&{padding:"8.5px 14px"},t.multiline&&{padding:0},t.startAdornment&&{paddingLeft:0},t.endAdornment&&{paddingRight:0})),ze=p.forwardRef(function(t,o){var r,l,a,d,i;const C=se({props:t,name:"MuiOutlinedInput"}),{components:I={},fullWidth:v=!1,inputComponent:$="input",label:b,multiline:y=!1,notched:R,slots:P={},type:F="text"}=C,S=W(C,Nt),x=Bt(C),O=je(),f=Ue({props:C,muiFormControl:O,states:["color","disabled","error","focused","hiddenLabel","size","required"]}),w=s({},C,{color:f.color||"primary",disabled:f.disabled,error:f.error,focused:f.focused,formControl:O,fullWidth:v,hiddenLabel:f.hiddenLabel,multiline:y,size:f.size,type:F}),k=(r=(l=P.root)!=null?l:I.Root)!=null?r:Mt,B=(a=(d=P.input)!=null?d:I.Input)!=null?a:Et;return c.jsx(fe,s({slots:{root:k,input:B},renderSuffix:E=>c.jsx(Wt,{ownerState:w,className:x.notchedOutline,label:b!=null&&b!==""&&f.required?i||(i=c.jsxs(p.Fragment,{children:[b," ","*"]})):b,notched:typeof R<"u"?R:!!(E.startAdornment||E.filled||E.focused)}),fullWidth:v,inputComponent:$,multiline:y,ref:o,type:F},S,{classes:s({},x,{notchedOutline:null})}))});ze.muiName="Input";function Lt(e){return Ee("MuiSelect",e)}const X=We("MuiSelect",["root","select","multiple","filled","outlined","standard","disabled","focused","icon","iconOpen","iconFilled","iconOutlined","iconStandard","nativeInput","error"]);var Be;const jt=["aria-describedby","aria-label","autoFocus","autoWidth","children","className","defaultOpen","defaultValue","disabled","displayEmpty","error","IconComponent","inputRef","labelId","MenuProps","multiple","name","onBlur","onChange","onClose","onFocus","onOpen","open","readOnly","renderValue","SelectDisplayProps","tabIndex","type","value","variant"],Ut=h("div",{name:"MuiSelect",slot:"Select",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`&.${X.select}`]:t.select},{[`&.${X.select}`]:t[o.variant]},{[`&.${X.error}`]:t.error},{[`&.${X.multiple}`]:t.multiple}]}})(De,{[`&.${X.select}`]:{height:"auto",minHeight:"1.4375em",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}}),_t=h("svg",{name:"MuiSelect",slot:"Icon",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.icon,o.variant&&t[`icon${le(o.variant)}`],o.open&&t.iconOpen]}})(Te),At=h("input",{shouldForwardProp:e=>rt(e)&&e!=="classes",name:"MuiSelect",slot:"NativeInput",overridesResolver:(e,t)=>t.nativeInput})({bottom:0,left:0,position:"absolute",opacity:0,pointerEvents:"none",width:"100%",boxSizing:"border-box"});function Me(e,t){return typeof t=="object"&&t!==null?e===t:String(e)===String(t)}function Dt(e){return e==null||typeof e=="string"&&!e.trim()}const Tt=e=>{const{classes:t,variant:o,disabled:r,multiple:l,open:a,error:d}=e,i={select:["select",o,r&&"disabled",l&&"multiple",d&&"error"],icon:["icon",`icon${le(o)}`,a&&"iconOpen",r&&"disabled"],nativeInput:["nativeInput"]};return q(i,Lt,t)},zt=p.forwardRef(function(t,o){var r;const{"aria-describedby":l,"aria-label":a,autoFocus:d,autoWidth:i,children:C,className:I,defaultOpen:v,defaultValue:$,disabled:b,displayEmpty:y,error:R=!1,IconComponent:P,inputRef:F,labelId:S,MenuProps:x={},multiple:O,name:f,onBlur:w,onChange:k,onClose:B,onFocus:E,onOpen:H,open:G,readOnly:Q,renderValue:V,SelectDisplayProps:N={},tabIndex:L,value:J,variant:Y="standard"}=t,A=W(t,jt),[m,xe]=we({controlled:J,default:$,name:"Select"}),[Ie,Ve]=we({controlled:G,default:v,name:"Select"}),ye=p.useRef(null),j=p.useRef(null),[D,Ke]=p.useState(null),{current:ie}=p.useRef(G!=null),[Xe,Re]=p.useState(),qe=Le(o,F),He=p.useCallback(n=>{j.current=n,n&&Ke(n)},[]),Z=D==null?void 0:D.parentNode;p.useImperativeHandle(qe,()=>({focus:()=>{j.current.focus()},node:ye.current,value:m}),[m]),p.useEffect(()=>{v&&Ie&&D&&!ie&&(Re(i?null:Z.clientWidth),j.current.focus())},[D,i]),p.useEffect(()=>{d&&j.current.focus()},[d]),p.useEffect(()=>{if(!S)return;const n=it(j.current).getElementById(S);if(n){const u=()=>{getSelection().isCollapsed&&j.current.focus()};return n.addEventListener("click",u),()=>{n.removeEventListener("click",u)}}},[S]);const ee=(n,u)=>{n?H&&H(u):B&&B(u),ie||(Re(i?null:Z.clientWidth),Ve(n))},Ge=n=>{n.button===0&&(n.preventDefault(),j.current.focus(),ee(!0,n))},Qe=n=>{ee(!1,n)},Se=p.Children.toArray(C),Je=n=>{const u=Se.find(g=>g.props.value===n.target.value);u!==void 0&&(xe(u.props.value),k&&k(n,u))},Ye=n=>u=>{let g;if(u.currentTarget.hasAttribute("tabindex")){if(O){g=Array.isArray(m)?m.slice():[];const z=m.indexOf(n.props.value);z===-1?g.push(n.props.value):g.splice(z,1)}else g=n.props.value;if(n.props.onClick&&n.props.onClick(u),m!==g&&(xe(g),k)){const z=u.nativeEvent||u,Fe=new z.constructor(z.type,z);Object.defineProperty(Fe,"target",{writable:!0,value:{value:g,name:f}}),k(Fe,n)}O||ee(!1,u)}},Ze=n=>{Q||[" ","ArrowUp","ArrowDown","Enter"].indexOf(n.key)!==-1&&(n.preventDefault(),ee(!0,n))},te=D!==null&&Ie,et=n=>{!te&&w&&(Object.defineProperty(n,"target",{writable:!0,value:{value:m,name:f}}),w(n))};delete A["aria-invalid"];let T,$e;const oe=[];let ne=!1;(lt({value:m})||y)&&(V?T=V(m):ne=!0);const tt=Se.map(n=>{if(!p.isValidElement(n))return null;let u;if(O){if(!Array.isArray(m))throw new Error(ot(2));u=m.some(g=>Me(g,n.props.value)),u&&ne&&oe.push(n.props.children)}else u=Me(m,n.props.value),u&&ne&&($e=n.props.children);return p.cloneElement(n,{"aria-selected":u?"true":"false",onClick:Ye(n),onKeyUp:g=>{g.key===" "&&g.preventDefault(),n.props.onKeyUp&&n.props.onKeyUp(g)},role:"option",selected:u,value:void 0,"data-value":n.props.value})});ne&&(O?oe.length===0?T=null:T=oe.reduce((n,u,g)=>(n.push(u),g<oe.length-1&&n.push(", "),n),[]):T=$e);let Oe=Xe;!i&&ie&&D&&(Oe=Z.clientWidth);let ae;typeof L<"u"?ae=L:ae=b?null:0;const Pe=N.id||(f?`mui-component-select-${f}`:void 0),re=s({},t,{variant:Y,value:m,open:te,error:R}),de=Tt(re),ue=s({},x.PaperProps,(r=x.slotProps)==null?void 0:r.paper),ke=nt();return c.jsxs(p.Fragment,{children:[c.jsx(Ut,s({ref:He,tabIndex:ae,role:"combobox","aria-controls":ke,"aria-disabled":b?"true":void 0,"aria-expanded":te?"true":"false","aria-haspopup":"listbox","aria-label":a,"aria-labelledby":[S,Pe].filter(Boolean).join(" ")||void 0,"aria-describedby":l,onKeyDown:Ze,onMouseDown:b||Q?null:Ge,onBlur:et,onFocus:E},N,{ownerState:re,className:ce(N.className,de.select,I),id:Pe,children:Dt(T)?Be||(Be=c.jsx("span",{className:"notranslate",children:"​"})):T})),c.jsx(At,s({"aria-invalid":R,value:Array.isArray(m)?m.join(","):m,name:f,ref:ye,"aria-hidden":!0,onChange:Je,tabIndex:-1,disabled:b,className:de.nativeInput,autoFocus:d,ownerState:re},A)),c.jsx(_t,{as:P,className:de.icon,ownerState:re}),c.jsx(st,s({id:`menu-${f||""}`,anchorEl:Z,open:te,onClose:Qe,anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},x,{MenuListProps:s({"aria-labelledby":S,role:"listbox","aria-multiselectable":O?"true":void 0,disableListWrap:!0,id:ke},x.MenuListProps),slotProps:s({},x.slotProps,{paper:s({},ue,{style:s({minWidth:Oe},ue!=null?ue.style:null)})}),children:tt}))]})}),Vt=["autoWidth","children","classes","className","defaultOpen","displayEmpty","IconComponent","id","input","inputProps","label","labelId","MenuProps","multiple","native","onClose","onOpen","open","renderValue","SelectDisplayProps","variant"],Kt=["root"],Xt=e=>{const{classes:t}=e;return t},Ce={name:"MuiSelect",overridesResolver:(e,t)=>t.root,shouldForwardProp:e=>_(e)&&e!=="variant",slot:"Root"},qt=h(Ae,Ce)(""),Ht=h(ze,Ce)(""),Gt=h(_e,Ce)(""),Qt=p.forwardRef(function(t,o){const r=se({name:"MuiSelect",props:t}),{autoWidth:l=!1,children:a,classes:d={},className:i,defaultOpen:C=!1,displayEmpty:I=!1,IconComponent:v=pt,id:$,input:b,inputProps:y,label:R,labelId:P,MenuProps:F,multiple:S=!1,native:x=!1,onClose:O,onOpen:f,open:w,renderValue:k,SelectDisplayProps:B,variant:E="outlined"}=r,H=W(r,Vt),G=x?Ot:zt,Q=je(),V=Ue({props:r,muiFormControl:Q,states:["variant","error"]}),N=V.variant||E,L=s({},r,{variant:N,classes:d}),J=Xt(L),Y=W(J,Kt),A=b||{standard:c.jsx(qt,{ownerState:L}),outlined:c.jsx(Ht,{label:R,ownerState:L}),filled:c.jsx(Gt,{ownerState:L})}[N],m=Le(o,ct(A));return c.jsx(p.Fragment,{children:p.cloneElement(A,s({inputComponent:G,inputProps:s({children:a,error:V.error,IconComponent:v,variant:N,type:void 0,multiple:S},x?{id:$}:{autoWidth:l,defaultOpen:C,displayEmpty:I,labelId:P,MenuProps:F,onClose:O,onOpen:f,open:w,renderValue:k,SelectDisplayProps:s({id:$},B)},y,{classes:y?pe(Y,y.classes):Y},b?b.props.inputProps:{})},(S&&x||I)&&N==="outlined"?{notched:!0}:{},{ref:m,className:ce(A.props.className,i,J.root)},!b&&{variant:N},H))})});Qt.muiName="Select";export{_e as F,Ae as I,ze as O,Qt as S};

package/dist/assets/{Select.stories-BXXrgt5o.js → Select.stories-CZO06lSs.js}

@@ -1,4 +1,4 @@
-import{j as p}from"./jsx-runtime-CnH95YSl.js";import{f as I,u as r,s as F,e as i,a as l,w as Pe}from"./index-BJMTVygn.js";import{r as u}from"./index-NdkWRN8K.js";import{a as m}from"./axeRun-B-LchFqf.js";import{O as He}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as c}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as d}from"./Select-BWJ6-p1Z.js";import{M as Ge}from"./Link-BQo2zH0c.js";import{q as Ue}from"./queryOdysseySelector-CwauhQve.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./ListSubheader-DO359rMr.js";import"./MenuItem-oi_JaUho.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./Select-VvpDulqk.js";import"./Menu-CU_mHT7L.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./ArrowDropDown-Dnrg-0Q8.js";import"./InputBase-6reb9B7r.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";import"./test-utils-H9lH7T5D.js";import"./client-ByW5HbEz.js";const ze=["Roles and permissions","Okta Privileged Access components","Users and Groups administration","Resource administration","Security administration","Deploy and manage servers","Okta Privileged Access clients"],Ae=[{text:"Roles and permissions",value:"roles-and-permissions"},{text:"Okta Privileged Access gateways",value:"okta-privileged-access-gateways"},{text:"Users and Groups administration",value:"users-and-groups-administration"},{text:"Resource administration",value:"resource-administration"},{text:"Security administration",value:"security-administrator"},{text:"Deploy and manage servers",value:"deploy-and-manage-servers"},{text:"Okta Privileged Access clients",value:"okta-privileged-access-clients"}],_e=[{text:"Okta Privileged Access",type:"heading"},{text:"Roles and permissions",value:"roles-and-permissions"},{text:"Okta Privileged Access gateways",value:"okta-privileged-access-gateways"},{text:"Users and Groups administration",value:"users-and-groups-administration"},{text:"Resource administration",value:"resource-administration"},{text:"Security administration",value:"security-administrator"},{text:"Deploy and manage servers",value:"deploy-and-manage-servers"},{text:"Okta Privileged Access clients",value:"okta-privileged-access-clients"},{text:"Audit events",type:"heading"},"Resource","Action","Related Info","Actor","Date"],Je=[{text:"English",value:"en",language:"en"},{text:"Español",value:"es",language:"es"},{text:"Français",value:"fr",language:"fr"},{text:"Deutsch",value:"de",language:"de"},{text:"中文",value:"zh",language:"zh"},{text:"日本語",value:"ja",language:"ja"},{text:"한국어",value:"ko",language:"ko"}],ia={component:d,decorators:[He],tags:["autodocs"],argTypes:{defaultValue:{control:"text",description:"The default value. Use when the component is not controlled.",table:{type:{summary:"string | string[]"},defaultValue:{summary:void 0}}},errorMessage:c.errorMessage,errorMessageList:c.errorMessageList,hasMultipleChoices:{control:"boolean",description:"If `true`, the select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},hint:c.hint,HintLinkComponent:c.HintLinkComponent,id:c.id,isDisabled:c.isFullWidth,isFullWidth:c.isFullWidth,isOptional:c.isOptional,isReadOnly:c.isReadOnly,label:{control:"text",description:"The label text for the select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:c.name,onBlur:{description:"Callback fired when the select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the select component gains focus",table:{type:{summary:"func"}}},options:{control:"object",description:"The options for the select component",table:{type:{summary:"(string | SelectOption)[]"}},type:{required:!0,name:"other",value:"(string | SelectOption)[]"}},value:{control:"text",description:"The `input` value. Use when the component is controlled.\n\nProviding an empty string will select no options.\n\nSet to an empty string `''` if you don't want any of the available options to be selected.",table:{type:{summary:"string | string[]"}}}},args:{hint:"Select a topic to learn more",label:"Okta documentation",onBlur:I(),onChange:I(),onFocus:I(),options:ze}},g={args:{defaultValue:""},play:async({canvasElement:a,step:o})=>{await o("Select Roles and permissions from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument();const t=e.children[0];await r.click(t),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const s=a.querySelector("input");await i(s==null?void 0:s.value).toBe("Roles and permissions"),await l(()=>{m("Select Default")})}})}},h={args:{defaultValue:"Roles and permissions"},play:async({canvasElement:a,step:o})=>{await o("can click dropdown option",async()=>{const e=Ue("Select")({element:a,options:{label:/Okta documentation/}});await r.click(e.element);const t=e.selectChild({name:"list"});await l(()=>{i(t.element).toBeVisible()});const s=t.selectChild({name:"listItem",options:{label:"Roles and permissions"}}).element;await l(()=>{i(s).toBeVisible()}),s&&await r.click(s),await l(()=>{i(t==null?void 0:t.element).not.toBeVisible()})})}},y={args:{defaultValue:"",isDisabled:!0}},v={args:{errorMessage:"Select a topic.",defaultValue:""},play:async({step:a})=>{await a("Check for a11y errors on Select Error",async()=>{await l(()=>m("Select Error"))})}},S={args:{isMultiSelect:!0,errorMessage:"Select a topic.",errorMessageList:["Select at least one item","Select no more than 3 items"],defaultValue:[]},play:async({step:a})=>{await a("Check for a11y errors on Select Error",async()=>{await l(()=>m("Select Errors List"))})}},f={args:{isFullWidth:!0}},b={args:{HintLinkComponent:p.jsx(Ge,{href:"/learn-more",children:"Learn more"})}},x={args:{value:"",options:[{value:"",text:""},{value:"value1",text:"Value 1"},{value:"value2",text:"Value 2"}]}},w={args:{options:Ae,defaultValue:""},parameters:{docs:{description:{story:"Select can accept `options` as a flat array, an array of objects, or both. This demonstrates an array of objects with `value` and `name`."}}}},E={args:{options:Ae,value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState([]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},C={args:{options:_e,defaultValue:""},parameters:{docs:{description:{story:'Objects with `type: "heading"` will have their `text` displayed as a heading.'}}}},k={args:{isMultiSelect:!0,defaultValue:[]},play:async({canvasElement:a,step:o})=>{await o("Select Multiple items from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument(),await r.click(e.children[0]),await r.click(e.children[1]),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const t=a.querySelector("input");await i(t==null?void 0:t.value).toBe("Roles and permissions,Okta Privileged Access components"),await r.click(a),await l(()=>{m("Select Multiple")})}})}},V={args:{isReadOnly:!0,defaultValue:"Security administration"}},O={args:{isMultiSelect:!0,isReadOnly:!0,defaultValue:["Roles and permissions","Security administration","Deploy and manage servers"]}},R={args:{isMultiSelect:!0,isReadOnly:!0,value:["Roles and permissions","Security administration","Deploy and manage servers"]}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:""},render:function(o){const[n,e]=u.useState(""),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},B={parameters:{docs:{description:{story:'When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop.\n\nWhen `hasMultipleChoices` is `true` and nothing is preselected, pass `[""]` as this initial controlled `value`'}}},args:{value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState([""]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState(["Roles and permissions","Resource administration"]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},D={args:{label:"Select Language",options:Je,defaultValue:""},parameters:{docs:{description:{story:"Showcase the Select component with options for multiple different languages."}}},play:async({canvasElement:a,step:o})=>{await o("Select English from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument();const t=e.children[0];await r.click(t),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const s=e.querySelector('[lang="fr"]');await i(s).toHaveTextContent("Français");const We=Pe(e).getByText("Français");i(We).toHaveAttribute("lang","fr"),await l(()=>{m("Select Multiple Languages")})}})}};var T,j,q;g.parameters={...g.parameters,docs:{...(T=g.parameters)==null?void 0:T.docs,source:{originalSource:`{
+import{j as p}from"./jsx-runtime-CnH95YSl.js";import{f as I,u as r,s as F,e as i,a as l,w as Pe}from"./index-BJMTVygn.js";import{r as u}from"./index-NdkWRN8K.js";import{a as m}from"./axeRun-B-LchFqf.js";import{O as He}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{f as c}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as d}from"./Select-DGL00QcS.js";import{M as Ge}from"./Link-PjuOItUN.js";import{q as Ue}from"./queryOdysseySelector-_ueksTI2.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Field-QbF6sK2K.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./ListSubheader--G940pR4.js";import"./MenuItem-D69h7bYZ.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./useControlled-NQulfz4l.js";import"./Select-Dg6qtAos.js";import"./Menu-C2dEwThV.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-DK2ELYoG.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./ArrowDropDown-DddCYTEO.js";import"./InputBase-DSyP23zj.js";import"./Link-D0sejjD3.js";import"./ExternalLink-D3z7HWdx.js";import"./test-utils-H9lH7T5D.js";import"./client-ByW5HbEz.js";import"./dom.esm-B9r8vBgQ.js";const ze=["Roles and permissions","Okta Privileged Access components","Users and Groups administration","Resource administration","Security administration","Deploy and manage servers","Okta Privileged Access clients"],Ae=[{text:"Roles and permissions",value:"roles-and-permissions"},{text:"Okta Privileged Access gateways",value:"okta-privileged-access-gateways"},{text:"Users and Groups administration",value:"users-and-groups-administration"},{text:"Resource administration",value:"resource-administration"},{text:"Security administration",value:"security-administrator"},{text:"Deploy and manage servers",value:"deploy-and-manage-servers"},{text:"Okta Privileged Access clients",value:"okta-privileged-access-clients"}],_e=[{text:"Okta Privileged Access",type:"heading"},{text:"Roles and permissions",value:"roles-and-permissions"},{text:"Okta Privileged Access gateways",value:"okta-privileged-access-gateways"},{text:"Users and Groups administration",value:"users-and-groups-administration"},{text:"Resource administration",value:"resource-administration"},{text:"Security administration",value:"security-administrator"},{text:"Deploy and manage servers",value:"deploy-and-manage-servers"},{text:"Okta Privileged Access clients",value:"okta-privileged-access-clients"},{text:"Audit events",type:"heading"},"Resource","Action","Related Info","Actor","Date"],Je=[{text:"English",value:"en",language:"en"},{text:"Español",value:"es",language:"es"},{text:"Français",value:"fr",language:"fr"},{text:"Deutsch",value:"de",language:"de"},{text:"中文",value:"zh",language:"zh"},{text:"日本語",value:"ja",language:"ja"},{text:"한국어",value:"ko",language:"ko"}],ca={component:d,decorators:[He],tags:["autodocs"],argTypes:{defaultValue:{control:"text",description:"The default value. Use when the component is not controlled.",table:{type:{summary:"string | string[]"},defaultValue:{summary:void 0}}},errorMessage:c.errorMessage,errorMessageList:c.errorMessageList,hasMultipleChoices:{control:"boolean",description:"If `true`, the select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},hint:c.hint,HintLinkComponent:c.HintLinkComponent,id:c.id,isDisabled:c.isFullWidth,isFullWidth:c.isFullWidth,isOptional:c.isOptional,isReadOnly:c.isReadOnly,label:{control:"text",description:"The label text for the select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},name:c.name,onBlur:{description:"Callback fired when the select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the select component gains focus",table:{type:{summary:"func"}}},options:{control:"object",description:"The options for the select component",table:{type:{summary:"(string | SelectOption)[]"}},type:{required:!0,name:"other",value:"(string | SelectOption)[]"}},value:{control:"text",description:"The `input` value. Use when the component is controlled.\n\nProviding an empty string will select no options.\n\nSet to an empty string `''` if you don't want any of the available options to be selected.",table:{type:{summary:"string | string[]"}}}},args:{hint:"Select a topic to learn more",label:"Okta documentation",onBlur:I(),onChange:I(),onFocus:I(),options:ze}},g={args:{defaultValue:""},play:async({canvasElement:a,step:o})=>{await o("Select Roles and permissions from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument();const t=e.children[0];await r.click(t),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const s=a.querySelector("input");await i(s==null?void 0:s.value).toBe("Roles and permissions"),await l(()=>{m("Select Default")})}})}},h={args:{defaultValue:"Roles and permissions"},play:async({canvasElement:a,step:o})=>{await o("can click dropdown option",async()=>{const e=Ue("Select")({element:a,options:{label:/Okta documentation/}});await r.click(e.element);const t=e.selectChild({name:"list"});await l(()=>{i(t.element).toBeVisible()});const s=t.selectChild({name:"listItem",options:{label:"Roles and permissions"}}).element;await l(()=>{i(s).toBeVisible()}),s&&await r.click(s),await l(()=>{i(t==null?void 0:t.element).not.toBeVisible()})})}},y={args:{defaultValue:"",isDisabled:!0}},v={args:{errorMessage:"Select a topic.",defaultValue:""},play:async({step:a})=>{await a("Check for a11y errors on Select Error",async()=>{await l(()=>m("Select Error"))})}},S={args:{isMultiSelect:!0,errorMessage:"Select a topic.",errorMessageList:["Select at least one item","Select no more than 3 items"],defaultValue:[]},play:async({step:a})=>{await a("Check for a11y errors on Select Error",async()=>{await l(()=>m("Select Errors List"))})}},f={args:{isFullWidth:!0}},b={args:{HintLinkComponent:p.jsx(Ge,{href:"/learn-more",children:"Learn more"})}},x={args:{value:"",options:[{value:"",text:""},{value:"value1",text:"Value 1"},{value:"value2",text:"Value 2"}]}},w={args:{options:Ae,defaultValue:""},parameters:{docs:{description:{story:"Select can accept `options` as a flat array, an array of objects, or both. This demonstrates an array of objects with `value` and `name`."}}}},E={args:{options:Ae,value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState([]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},C={args:{options:_e,defaultValue:""},parameters:{docs:{description:{story:'Objects with `type: "heading"` will have their `text` displayed as a heading.'}}}},k={args:{isMultiSelect:!0,defaultValue:[]},play:async({canvasElement:a,step:o})=>{await o("Select Multiple items from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument(),await r.click(e.children[0]),await r.click(e.children[1]),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const t=a.querySelector("input");await i(t==null?void 0:t.value).toBe("Roles and permissions,Okta Privileged Access components"),await r.click(a),await l(()=>{m("Select Multiple")})}})}},V={args:{isReadOnly:!0,defaultValue:"Security administration"}},O={args:{isMultiSelect:!0,isReadOnly:!0,defaultValue:["Roles and permissions","Security administration","Deploy and manage servers"]}},R={args:{isMultiSelect:!0,isReadOnly:!0,value:["Roles and permissions","Security administration","Deploy and manage servers"]}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:""},render:function(o){const[n,e]=u.useState(""),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},B={parameters:{docs:{description:{story:'When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop.\n\nWhen `hasMultipleChoices` is `true` and nothing is preselected, pass `[""]` as this initial controlled `value`'}}},args:{value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState([""]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Select`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:[],hasMultipleChoices:!0},render:function(o){const[n,e]=u.useState(["Roles and permissions","Resource administration"]),t=u.useCallback(s=>e(s.target.value),[]);return p.jsx(d,{...o,onChange:t,value:n})}},D={args:{label:"Select Language",options:Je,defaultValue:""},parameters:{docs:{description:{story:"Showcase the Select component with options for multiple different languages."}}},play:async({canvasElement:a,step:o})=>{await o("Select English from the listbox",async()=>{const n=a.querySelector('[aria-haspopup="listbox"]');if(n){await r.click(n);const e=F.getByRole("listbox");await i(e).toBeInTheDocument();const t=e.children[0];await r.click(t),await r.tab(),await l(()=>{i(e).not.toBeInTheDocument()});const s=e.querySelector('[lang="fr"]');await i(s).toHaveTextContent("Français");const We=Pe(e).getByText("Français");i(We).toHaveAttribute("lang","fr"),await l(()=>{m("Select Multiple Languages")})}})}};var T,j,q;g.parameters={...g.parameters,docs:{...(T=g.parameters)==null?void 0:T.docs,source:{originalSource:`{
   args: {
     defaultValue: ""
   },
@@ -290,4 +290,4 @@ import{j as p}from"./jsx-runtime-CnH95YSl.js";import{f as I,u as r,s as F,e as i
       }
     });
   }
-}`,...(qe=(je=D.parameters)==null?void 0:je.docs)==null?void 0:qe.source}}};const la=["Default","DefaultValue","Disabled","Error","ErrorsList","FullWidth","HintLink","EmptyValue","OptionsObject","OptionsObjectAndMultiSelect","OptionsGrouped","MultiSelect","ReadOnly","ReadOnlyMultiSelect","ReadOnlyMultiSelectValue","ControlledSelect","ControlledMultipleSelect","ControlledPreselectedMultipleSelect","MultipleLanguages"];export{B as ControlledMultipleSelect,L as ControlledPreselectedMultipleSelect,M as ControlledSelect,g as Default,h as DefaultValue,y as Disabled,x as EmptyValue,v as Error,S as ErrorsList,f as FullWidth,b as HintLink,k as MultiSelect,D as MultipleLanguages,C as OptionsGrouped,w as OptionsObject,E as OptionsObjectAndMultiSelect,V as ReadOnly,O as ReadOnlyMultiSelect,R as ReadOnlyMultiSelectValue,la as __namedExportsOrder,ia as default};
+}`,...(qe=(je=D.parameters)==null?void 0:je.docs)==null?void 0:qe.source}}};const ua=["Default","DefaultValue","Disabled","Error","ErrorsList","FullWidth","HintLink","EmptyValue","OptionsObject","OptionsObjectAndMultiSelect","OptionsGrouped","MultiSelect","ReadOnly","ReadOnlyMultiSelect","ReadOnlyMultiSelectValue","ControlledSelect","ControlledMultipleSelect","ControlledPreselectedMultipleSelect","MultipleLanguages"];export{B as ControlledMultipleSelect,L as ControlledPreselectedMultipleSelect,M as ControlledSelect,g as Default,h as DefaultValue,y as Disabled,x as EmptyValue,v as Error,S as ErrorsList,f as FullWidth,b as HintLink,k as MultiSelect,D as MultipleLanguages,C as OptionsGrouped,w as OptionsObject,E as OptionsObjectAndMultiSelect,V as ReadOnly,O as ReadOnlyMultiSelect,R as ReadOnlyMultiSelectValue,ua as __namedExportsOrder,ca as default};

package/dist/assets/Server-3cieqme0.js

@@ -0,0 +1 @@
+import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./OdysseyThemeProvider-C4N_85M9.js";const a=o.forwardRef((r,n)=>e.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm6.666-.667v-2h1.334v2h2v1.334h-2v2H7.333v-2h-2V7.333h2Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(a);t.displayName="AddCircleIcon";const d=o.forwardRef((r,n)=>e.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M4.333 1.333a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1.666 3a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0Zm1.666 4.334a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1.666 3a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0Zm6-7.334a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-1.666a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333Zm0 6a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-1.667 3a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(d);s.displayName="AppsIcon";const c=o.forwardRef((r,n)=>e.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.333 1.333a2 2 0 0 0-2 2v9.334a2 2 0 0 0 2 2h9.334a2 2 0 0 0 2-2V3.333a2 2 0 0 0-2-2H3.333Zm-.666 2c0-.368.298-.666.666-.666H4v10.666h-.667a.667.667 0 0 1-.666-.666V3.333Zm2.666 10h.787l.167-.836a3.106 3.106 0 0 1 6.092 0l.168.836h.12a.667.667 0 0 0 .666-.666V3.333a.667.667 0 0 0-.666-.666H5.333v10.666Zm5.739-.574.115.574H7.48l.115-.574a1.773 1.773 0 0 1 3.477 0ZM8 6.667a1.333 1.333 0 1 1 2.667 0 1.333 1.333 0 0 1-2.667 0ZM9.333 4a2.667 2.667 0 1 0 0 5.333 2.667 2.667 0 0 0 0-5.333Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(c);i.displayName="DirectoryIcon";const m=o.forwardRef((r,n)=>e.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsxs(e.Fragment,{children:[e.jsx("path",{d:"M11.755 13.975a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z",stroke:"currentColor",strokeWidth:1.5}),e.jsx("path",{d:"M28.988 22.475a8.484 8.484 0 1 1-16.967 0 8.484 8.484 0 0 1 16.967 0Z",stroke:"currentColor",strokeWidth:1.5}),e.jsx("path",{d:"M15.502 24.785c.646-1.382.112-1.903.057-3.024-.039-.803.224-1.83.946-2.785.723-.955 1.629-2.07 4.029-2.07s3.92 1.794 4.42 2.627c.5.833 1.266 2.915.427 6.648",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5}),e.jsx("path",{d:"M20.533 21.69c.407 1.16.703 4.089-1.37 6.518",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5}),e.jsx("path",{d:"M17.032 26.767c.299-.255.962-1.3 1.121-1.778.16-.478.31-.852 0-2.726-.147-.894.154-1.674.467-2.022.314-.347.919-.842 1.604-.882.946-.056 1.712.414 2.054.72.597.544.955 1.487.982 3.144.026 1.611-.289 2.343-.71 3.87",stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5}),e.jsx("path",{clipRule:"evenodd",d:"M6.011.292h-.75v8h-3v15.75a2.75 2.75 0 0 0 2.75 2.75h5.667a10.71 10.71 0 0 1-.53-1.5H5.01c-.69 0-1.25-.56-1.25-1.25V9.792h12.502v2.824a10.65 10.65 0 0 1 1.5-.518V8.292h-3v-8h-8.75Zm7.25 8h-6.5v-6.5h6.5v6.5Z",fill:"currentColor",fillRule:"evenodd"})]})})),h=o.memo(m);h.displayName="Fido2Icon";const v=o.forwardRef((r,n)=>e.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.333 7.333h9.334V12a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V7.333Zm8-3.333v2H14v6a3.333 3.333 0 0 1-3.333 3.333H5.333A3.333 3.333 0 0 1 2 12V6h2.667V4a3.333 3.333 0 1 1 6.666 0ZM10 4v2H6V4a2 2 0 1 1 4 0Zm-2 7.667a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",fill:"currentColor",fillRule:"evenodd"})})})),p=o.memo(v);p.displayName="LockIcon";const f=o.forwardRef((r,n)=>e.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M4 .667a2 2 0 0 0-2 2v10.666a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.667a2 2 0 0 0-2-2H4Zm-.667 2C3.333 2.298 3.632 2 4 2h8c.368 0 .667.298.667.667V5.11H3.333V2.667Zm0 3.777h9.334v3.112H3.333V6.444Zm0 4.445v2.444c0 .368.299.667.667.667h8a.667.667 0 0 0 .667-.667V10.89H3.333Zm2-6.667a.667.667 0 1 0 0-1.333.667.667 0 0 0 0 1.333Zm0 4.445a.667.667 0 1 0 0-1.334.667.667 0 0 0 0 1.334ZM6 12.444a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Z",fill:"currentColor",fillRule:"evenodd"})})})),x=o.memo(f);x.displayName="ServerIcon";export{t as M,s as a,i as b,x as c,h as d,p as e};

package/dist/assets/Settings-Bxzwc53G.js

@@ -0,0 +1 @@
+import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-C4N_85M9.js";const c=o.forwardRef((r,a)=>e.jsx(t,{fill:"none",ref:a,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M3.17 8c0-.834-.308-1.578-.773-2.152.2-.521.472-1.008.803-1.449.766.132 1.61.028 2.369-.395a3.492 3.492 0 0 0 1.609-1.948 6.065 6.065 0 0 1 1.644 0c.26.779.805 1.5 1.61 1.948l.632-1.133-.633 1.133a3.607 3.607 0 0 0 2.37.395c.33.44.601.928.802 1.45A3.415 3.415 0 0 0 12.829 8c0 .834.31 1.578.774 2.152A5.985 5.985 0 0 1 12.8 11.6a3.607 3.607 0 0 0-2.369.395 3.492 3.492 0 0 0-1.609 1.948 6.065 6.065 0 0 1-1.644 0 3.49 3.49 0 0 0-1.61-1.948A3.607 3.607 0 0 0 3.2 11.6a5.986 5.986 0 0 1-.803-1.45A3.415 3.415 0 0 0 3.171 8ZM8 .667a7.34 7.34 0 0 0-1.982.27c.024.697-.357 1.489-1.1 1.903a2.308 2.308 0 0 1-2.153.025A7.322 7.322 0 0 0 .878 6.244c.543.363.96 1.014.96 1.756S1.42 9.393.877 9.756a7.322 7.322 0 0 0 1.887 3.38 2.308 2.308 0 0 1 2.154.024c.742.415 1.123 1.206 1.099 1.902A7.34 7.34 0 0 0 8 15.333a7.34 7.34 0 0 0 1.982-.27c-.024-.697.357-1.489 1.1-1.903a2.308 2.308 0 0 1 2.153-.025 7.321 7.321 0 0 0 1.887-3.379c-.543-.363-.96-1.014-.96-1.756s.416-1.393.96-1.756a7.321 7.321 0 0 0-1.887-3.38c-.606.32-1.45.368-2.154-.024-.742-.414-1.123-1.206-1.099-1.902A7.34 7.34 0 0 0 8 .667ZM6.667 8a1.333 1.333 0 1 1 2.666 0 1.333 1.333 0 0 1-2.666 0ZM8 5.333a2.667 2.667 0 1 0 0 5.334 2.667 2.667 0 0 0 0-5.334Z",fill:"currentColor",fillRule:"evenodd"})})})),n=o.memo(c);n.displayName="SettingsIcon";export{n as M};

package/dist/assets/{Setup-Ri7IU42o.js → Setup-wp_q8G1u.js}

@@ -1,7 +1,7 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import{M as i}from"./index-DfE121Jj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(t){const n={code:"code",h2:"h2",p:"p",pre:"pre",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import{M as i}from"./index-c74KQyVj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-pzQvMjuK.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function r(t){const n={code:"code",h2:"h2",p:"p",pre:"pre",...o(),...t.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{}),`
 `,e.jsx(n.h2,{id:"generating-okta-test-language-files",children:"Generating Okta Test Language files"}),`
 `,e.jsxs(n.p,{children:["The ",e.jsx(n.code,{children:"*_ok_PL.properties"})," and ",e.jsx(n.code,{children:"*_ok_SK.properties"}),` will automatically be generated pre-commit if there are changes to the
 main `,e.jsx(n.code,{children:".properties"})," file."]}),`
 `,e.jsx(n.p,{children:"To manually generate them, run the following command:"}),`
-`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-bash",children:`yarn generate:pseudoLocales
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-bash",children:`yarn generate:i18n:pseudoLocaleProperties
 `})})]})}function j(t={}){const{wrapper:n}={...o(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(r,{...t})}):r(t)}export{j as default};

package/dist/assets/{Shadow DOM-DK_1Epv_.js → Shadow DOM-UCL9R1Bd.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import{M as r}from"./index-DfE121Jj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C7GWUW76.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(o){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...s(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as s}from"./index-BeeV6X6A.js";import{M as r}from"./index-c74KQyVj.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-pzQvMjuK.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function t(o){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...s(),...o.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{}),`
 `,e.jsx(n.h1,{id:"shadow-dom",children:"Shadow DOM"}),`
 `,e.jsx(n.h2,{id:"using-a-shadow-dom-with-odyssey",children:"Using a Shadow DOM with Odyssey"}),`
 `,e.jsx(n.p,{children:"Sometimes, you may need to sandbox your application's styles so Odyssey components show up correctly in other applications. This typically happens when other global styles are on the page."}),`

package/dist/assets/Show-D1oNDX9u.js

@@ -0,0 +1 @@
+import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as a}from"./OdysseyThemeProvider-C4N_85M9.js";const n=r.forwardRef((e,l)=>o.jsx(a,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M2.287 8.542A8.531 8.531 0 0 1 2.046 8a9.433 9.433 0 0 1 1.31-2.253C4.337 4.507 5.831 3.333 8 3.333c2.17 0 3.662 1.174 4.644 2.414A9.437 9.437 0 0 1 13.954 8a9.439 9.439 0 0 1-1.31 2.253c-.981 1.24-2.475 2.414-4.644 2.414-2.17 0-3.663-1.174-4.644-2.414a9.435 9.435 0 0 1-1.069-1.711ZM15.3 7.789 14.667 8l.632.211v.003l-.003.005-.005.015a3.89 3.89 0 0 1-.091.242 10.767 10.767 0 0 1-1.51 2.604C12.56 12.508 10.72 14 8 14s-4.56-1.493-5.69-2.92A10.769 10.769 0 0 1 .8 8.477a6.651 6.651 0 0 1-.091-.242L.704 8.22l-.002-.005v-.002C.7 8.211.7 8.21 1.332 8L.7 7.789v-.003l.003-.005.005-.015A4.094 4.094 0 0 1 .8 7.524 10.767 10.767 0 0 1 2.31 4.92C3.44 3.493 5.28 2 8 2s4.56 1.493 5.69 2.92a10.765 10.765 0 0 1 1.51 2.604 6.751 6.751 0 0 1 .091.242l.005.015.002.005v.002ZM1.333 8l-.632.21L.63 8l.07-.21.632.21Zm13.334 0 .632-.21.07.21-.07.21-.632-.21ZM6 8a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-3.333a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666Z",fill:"currentColor",fillRule:"evenodd"})})})),s=r.memo(n);s.displayName="ShowIcon";export{s as M};

package/dist/assets/{SideNav-CUpwLG1e.js → SideNav-CA5MPRIw.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import"./index-DoKqiSdS.js";import{M as m,T as p,S as s,D as a,P as d,a as l}from"./index-DfE121Jj.js";import{S as i}from"./SideNav.stories-l5XPKDfB.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./index-BJMTVygn.js";import"./PlaceholderLogo-JfVvgA23.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./SideNav-QMiST_j6.js";import"./utilities.esm-DpQ0TZP_.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./UiShellProvider-Bm9plvoZ.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./uiShellSharedConstants-DD9UP82e.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-Byc6MkHu.js";import"./useSlot-VN2O4BOA.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-DtQCvyEw.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-DwBg74qy.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./Badge-DFZYqSZN.js";import"./Status-CdgTiE4c.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./ChevronRight-BLkvXBUf.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./getReactElementRef-Bs64nbeG.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./Server-DS5iERo2.js";import"./User-CvYTA860.js";import"./Home-CUQc6tB8.js";import"./Folder-8esChg_E.js";import"./Download-VHpUH0as.js";import"./Clock-8HOQy_d4.js";import"./Settings-SRsJGOHl.js";function r(n){const t={code:"code",h4:"h4",p:"p",pre:"pre",...o(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(m,{of:i}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import"./index-BVtttuMv.js";import{M as m,T as p,S as s,D as a,P as d,a as l}from"./index-c74KQyVj.js";import{S as i}from"./SideNav.stories-DsqmEgxA.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./index-BJMTVygn.js";import"./PlaceholderLogo-JfVvgA23.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./SideNav-DjaJNhvQ.js";import"./utilities.esm-DpQ0TZP_.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./UiShellProvider-Do3wWAnY.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-D9iUNt-k.js";import"./useSlot-D_uu6bU4.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-DKQFr8Jv.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./ExternalLink-D3z7HWdx.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./Badge-DGWMi2ON.js";import"./Status-SY8R_HiF.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./ChevronRight-SFKDVCjo.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./getReactElementRef-SdO7zWnC.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./Server-3cieqme0.js";import"./User-D5oZGOlm.js";import"./Home-Cn8YbOdj.js";import"./Folder-DFjbrJpD.js";import"./Download-vZ2qKd4H.js";import"./Clock-B6hba9Vz.js";import"./Settings-Bxzwc53G.js";import"./Notification-DZN2A8i5.js";function r(n){const t={code:"code",h4:"h4",p:"p",pre:"pre",...o(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(m,{of:i}),`
 `,e.jsx(p,{of:i}),`
 `,e.jsx(s,{of:i}),`
 `,e.jsx(a,{of:i}),`
@@ -82,4 +82,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"
     }
 );
 `})}),`
-`,e.jsx(l,{})]})}function He(n={}){const{wrapper:t}={...o(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(r,{...n})}):r(n)}export{He as default};
+`,e.jsx(l,{})]})}function Xe(n={}){const{wrapper:t}={...o(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(r,{...n})}):r(n)}export{Xe as default};

package/dist/assets/{SideNav-QMiST_j6.js → SideNav-DjaJNhvQ.js}

@@ -1,4 +1,4 @@
-import{u as rn,C as on,D as an,d as cn,a as dn,b as ve,c as ln,S as sn,s as un,K as gn,P as fn,e as mn,E as X}from"./utilities.esm-DpQ0TZP_.js";import{u as D,h as S,L as Sn,J as Z,N as bn}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a}from"./index-NdkWRN8K.js";import{f as hn,i as pn}from"./Typography-B7ktrxCD.js";import{u as N}from"./UiShellProvider-Bm9plvoZ.js";import{u as Be}from"./useMountLifecycleEffect-CjsUCFhB.js";import{U as Ee,T as xn,a as ue,b as In,S as yn}from"./uiShellSharedConstants-DD9UP82e.js";import{u as vn}from"./useUniqueId-Bsgqe1tm.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{A as Mn,b as jn,a as wn}from"./AccordionSummary-Byc6MkHu.js";import{M as ie}from"./Box-B-R2QRDU.js";import{M as kn}from"./Link-BQo2zH0c.js";import{S as J}from"./Skeleton-DAUyPclv.js";import{M as Bn}from"./Badge-DFZYqSZN.js";import{M as En}from"./Status-CdgTiE4c.js";import{L as Ln}from"./Link-DcsndbPK.js";import{M as Dn}from"./ExternalLink-lox07hAR.js";import{M as An}from"./ChevronRight-BLkvXBUf.js";import{M as Tn}from"./MuiPropsContext-DhRylJZk.js";import{M as Hn}from"./Tooltip-DQDBPKMu.js";import{B as Fn}from"./Button-BvUGu5Sm.js";/*!
+import{u as rn,C as on,D as an,d as cn,a as dn,b as ve,c as ln,S as sn,s as un,K as gn,P as fn,e as mn,E as X}from"./utilities.esm-DpQ0TZP_.js";import{u as D,h as S,N as Sn,K as Z,O as bn}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as a}from"./index-NdkWRN8K.js";import{f as hn,i as pn}from"./Typography-C4vClHaZ.js";import{u as N}from"./UiShellProvider-Do3wWAnY.js";import{u as Be}from"./useMountLifecycleEffect-CjsUCFhB.js";import{a as Ee,T as xn,b as ue,c as In,S as yn}from"./uiShellSharedConstants-CvCey4L_.js";import{u as vn}from"./useUniqueId-Bsgqe1tm.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{A as Mn,b as jn,a as wn}from"./AccordionSummary-D9iUNt-k.js";import{M as ie}from"./Box-BK5oZBIO.js";import{M as kn}from"./Link-PjuOItUN.js";import{S as J}from"./Skeleton-Bgl-rJ6W.js";import{M as Bn}from"./Badge-DGWMi2ON.js";import{M as En}from"./Status-SY8R_HiF.js";import{L as Ln}from"./Link-D0sejjD3.js";import{M as Dn}from"./ExternalLink-D3z7HWdx.js";import{M as An}from"./ChevronRight-SFKDVCjo.js";import{M as Tn}from"./MuiPropsContext-DhRylJZk.js";import{M as Hn}from"./Tooltip-ciZ4e0Eb.js";import{B as Fn}from"./Button-CbJri63v.js";/*!
  * Copyright (c) 2024-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.")
  *