@okta/odyssey-react-mui 1.45.0 → 1.47.1

package/dist/assets/RadioGroup-DhVJQTpS.js

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

package/dist/assets/{RadioGroup.stories-BcEJF09Q.js → RadioGroup.stories-DRXPUU0H.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as te,u as ne,e as se}from"./index-BJMTVygn.js";import{r as R}from"./index-NdkWRN8K.js";import{a as oe}from"./axeRun-BfHtukUP.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as f}from"./RadioGroup-BS6oYUQf.js";import{M as a}from"./Radio-D85jg1Ri.js";import{M as ie}from"./Link-ClKgpBXG.js";const le={component:f,argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isReadOnly:s.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the value of the radio group changes",table:{type:{summary:"func"}}},value:{control:"text",description:"The `value` on the selected radio button",table:{type:{summary:"string"}}}},args:{id:"storybook-radio",label:"Speed"}},t={args:{},render:function(r){return e.jsxs(f,{...r,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},d={...t,args:{defaultValue:""}},u={...t,args:{hint:"Select the speed at which you wish to travel.",defaultValue:""}},p={...t,args:{hint:"Select the speed at which you wish to travel.",HintLinkComponent:e.jsx(ie,{href:"/learn-more",children:"Learn more"})}},c={...t,args:{isDisabled:!0,defaultValue:""}},m={...t,args:{isReadOnly:!0,defaultValue:"Warp Speed"}},h={...t,parameters:{docs:{description:{story:"Validation should happen on the group and not individually on each item."}}},args:{errorMessage:"This field is required.",defaultValue:""}},g={...t,args:{errorMessage:"This field is required.",errorMessageList:["Message 1","Message 2"],defaultValue:""}},S={args:{label:"Service Tier"},render:function(r){return e.jsxs(f,{...r,children:[e.jsx(a,{label:"Basic",value:"basic"}),e.jsx(a,{label:"Standard",value:"standard"}),e.jsx(a,{isDisabled:!0,label:"Premium (Unavailable in your region)",value:"premium"})]})}},v={...t,args:{defaultValue:"Warp Speed"}},b={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `RadioGroup`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:"Ludicrous Speed"},render:function(r){const[o,l]=R.useState("Ludicrous Speed"),n=R.useCallback((re,T)=>l(T),[]);return e.jsxs(f,{...r,value:o,onChange:n,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})},play:async({canvasElement:i,step:r})=>{await r("select uncontrolled radio button",async()=>{const o=te(i),l=o.getByRole("radiogroup"),n=o.getByLabelText("Warp Speed");l&&n&&await ne.click(n),await se(n).toBeChecked(),await oe("select uncontrolled radio button")})}},y={parameters:{docs:{description:{story:"A controlled Radio Group with Radio-level hints."}}},args:{value:"Ludicrous Speed"},render:function(r){const[o,l]=R.useState("Turtle Speed"),n=R.useCallback((re,T)=>l(T),[]);return e.jsxs(f,{...r,onChange:n,value:o,children:[e.jsx(a,{hint:"Hint text",label:"Snail Speed",value:"Snail Speed"}),e.jsx(a,{hint:"Hint text",label:"Turtle Speed",value:"Turtle Speed"}),e.jsx(a,{hint:"Hint text",label:"Rabbit Speed",value:"Rabbit Speed"})]})}};var x,L,C;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as te,u as se,e as oe}from"./index-BJMTVygn.js";import{r as R}from"./index-NdkWRN8K.js";import{a as ne}from"./axeRun-B-LchFqf.js";import{O as ie}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as o}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as f}from"./RadioGroup-DhVJQTpS.js";import{M as a}from"./Radio-tkNaA8vy.js";import{M as le}from"./Link-DI6v1ROk.js";const de={component:f,decorators:[ie],argTypes:{children:{description:"An array of Radio components within the group",table:{type:{summary:"Array<ReactElement<typeof Radio>>"}},type:{required:!0,name:"other",value:"Array<ReactElement<typeof Radio>>"}},defaultValue:{control:"text",description:"The text value of the radio that should be selected by default",table:{type:{summary:"string"}}},errorMessage:o.errorMessage,errorMessageList:o.errorMessageList,hint:o.hint,HintLinkComponent:o.HintLinkComponent,id:o.id,isDisabled:o.isDisabled,isReadOnly:o.isReadOnly,label:{control:"text",description:"The text label for the radio group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the value of the radio group changes",table:{type:{summary:"func"}}},value:{control:"text",description:"The `value` on the selected radio button",table:{type:{summary:"string"}}}},args:{id:"storybook-radio",label:"Speed"}},t={args:{},render:function(r){return e.jsxs(f,{...r,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},d={...t,args:{defaultValue:""}},u={...t,args:{hint:"Select the speed at which you wish to travel.",defaultValue:""}},p={...t,args:{hint:"Select the speed at which you wish to travel.",HintLinkComponent:e.jsx(le,{href:"/learn-more",children:"Learn more"})}},c={...t,args:{isDisabled:!0,defaultValue:""}},m={...t,args:{isReadOnly:!0,defaultValue:"Warp Speed"}},h={...t,parameters:{docs:{description:{story:"Validation should happen on the group and not individually on each item."}}},args:{errorMessage:"This field is required.",defaultValue:""}},g={...t,args:{errorMessage:"This field is required.",errorMessageList:["Message 1","Message 2"],defaultValue:""}},S={args:{label:"Service Tier"},render:function(r){return e.jsxs(f,{...r,children:[e.jsx(a,{label:"Basic",value:"basic"}),e.jsx(a,{label:"Standard",value:"standard"}),e.jsx(a,{isDisabled:!0,label:"Premium (Unavailable in your region)",value:"premium"})]})}},b={...t,args:{defaultValue:"Warp Speed"}},v={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `RadioGroup`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{value:"Ludicrous Speed"},render:function(r){const[n,l]=R.useState("Ludicrous Speed"),s=R.useCallback((re,T)=>l(T),[]);return e.jsxs(f,{...r,value:n,onChange:s,children:[e.jsx(a,{label:"Light Speed",value:"Light Speed"}),e.jsx(a,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(a,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})},play:async({canvasElement:i,step:r})=>{await r("select uncontrolled radio button",async()=>{const n=te(i),l=n.getByRole("radiogroup"),s=n.getByLabelText("Warp Speed");l&&s&&await se.click(s),await oe(s).toBeChecked(),await ne("select uncontrolled radio button")})}},y={parameters:{docs:{description:{story:"A controlled Radio Group with Radio-level hints."}}},args:{value:"Ludicrous Speed"},render:function(r){const[n,l]=R.useState("Turtle Speed"),s=R.useCallback((re,T)=>l(T),[]);return e.jsxs(f,{...r,onChange:s,value:n,children:[e.jsx(a,{hint:"Hint text",label:"Snail Speed",value:"Snail Speed"}),e.jsx(a,{hint:"Hint text",label:"Turtle Speed",value:"Turtle Speed"}),e.jsx(a,{hint:"Hint text",label:"Rabbit Speed",value:"Rabbit Speed"})]})}};var x,L,C;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:`{
   ...Template,
   args: {
     defaultValue: ""
@@ -21,13 +21,13 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as te,u as ne,e as se}fro
     isDisabled: true,
     defaultValue: ""
   } as Story["args"] // This is a hack.,
-}`,...(W=(E=c.parameters)==null?void 0:E.docs)==null?void 0:W.source}}};var D,_,O;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
+}`,...(W=(E=c.parameters)==null?void 0:E.docs)==null?void 0:W.source}}};var D,O,_;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
   ...Template,
   args: {
     isReadOnly: true,
     defaultValue: "Warp Speed"
   } as Story["args"] // This is a hack.,
-}`,...(O=(_=m.parameters)==null?void 0:_.docs)==null?void 0:O.source}}};var B,q,A;h.parameters={...h.parameters,docs:{...(B=h.parameters)==null?void 0:B.docs,source:{originalSource:`{
+}`,...(_=(O=m.parameters)==null?void 0:O.docs)==null?void 0:_.source}}};var B,q,A;h.parameters={...h.parameters,docs:{...(B=h.parameters)==null?void 0:B.docs,source:{originalSource:`{
   ...Template,
   parameters: {
     docs: {
@@ -58,12 +58,12 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as te,u as ne,e as se}fro
         <Radio isDisabled={true} label="Premium (Unavailable in your region)" value="premium" />
       </RadioGroup>;
   }
-}`,...(J=(F=S.parameters)==null?void 0:F.docs)==null?void 0:J.source}}};var K,N,Q;v.parameters={...v.parameters,docs:{...(K=v.parameters)==null?void 0:K.docs,source:{originalSource:`{
+}`,...(J=(F=S.parameters)==null?void 0:F.docs)==null?void 0:J.source}}};var K,N,Q;b.parameters={...b.parameters,docs:{...(K=b.parameters)==null?void 0:K.docs,source:{originalSource:`{
   ...Template,
   args: {
     defaultValue: "Warp Speed"
   } as Story["args"] // This is a hack.,
-}`,...(Q=(N=v.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var X,Y,Z;b.parameters={...b.parameters,docs:{...(X=b.parameters)==null?void 0:X.docs,source:{originalSource:`{
+}`,...(Q=(N=b.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var X,Y,Z;v.parameters={...v.parameters,docs:{...(X=v.parameters)==null?void 0:X.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -103,7 +103,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as te,u as ne,e as se}fro
       await axeRun("select uncontrolled radio button");
     });
   }
-}`,...(Z=(Y=b.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,ae;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
+}`,...(Z=(Y=v.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,ae;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -124,4 +124,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as te,u as ne,e as se}fro
         <Radio hint="Hint text" label="Rabbit Speed" value="Rabbit Speed" />
       </RadioGroup>;
   }
-}`,...(ae=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const de=["Default","Hint","HintLink","Disabled","ReadOnly","Error","ErrorsList","IndividualStates","UncontrolledRadioGroup","ControlledRadioGroup","ControlledRadioGroupWithRadioHints"],be=Object.freeze(Object.defineProperty({__proto__:null,ControlledRadioGroup:b,ControlledRadioGroupWithRadioHints:y,Default:d,Disabled:c,Error:h,ErrorsList:g,Hint:u,HintLink:p,IndividualStates:S,ReadOnly:m,UncontrolledRadioGroup:v,__namedExportsOrder:de,default:le},Symbol.toStringTag,{value:"Module"}));export{be as R};
+}`,...(ae=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const ue=["Default","Hint","HintLink","Disabled","ReadOnly","Error","ErrorsList","IndividualStates","UncontrolledRadioGroup","ControlledRadioGroup","ControlledRadioGroupWithRadioHints"],fe=Object.freeze(Object.defineProperty({__proto__:null,ControlledRadioGroup:v,ControlledRadioGroupWithRadioHints:y,Default:d,Disabled:c,Error:h,ErrorsList:g,Hint:u,HintLink:p,IndividualStates:S,ReadOnly:m,UncontrolledRadioGroup:b,__namedExportsOrder:ue,default:de},Symbol.toStringTag,{value:"Module"}));export{fe as R};

package/dist/assets/Refresh-GVzSl4pN.js

@@ -0,0 +1 @@
+import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as s}from"./OdysseyThemeProvider-BBwjgzn2.js";const l=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm7-5h2v10H8V7Zm8 0h-2v10h2V7Z",fill:"currentColor",fillRule:"evenodd"})})})),c=o.memo(l);c.displayName="PauseIcon";const a=o.forwardRef((r,n)=>e.jsx(s,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M12 3a9 9 0 0 0-9 9H1C1 5.925 5.925 1 12 1c3.722 0 7.01 1.848 9 4.674V2h2v5.223c0 .12 0 .262-.01.387a1.508 1.508 0 0 1-.153.571 1.5 1.5 0 0 1-.656.656 1.507 1.507 0 0 1-.571.153c-.125.01-.268.01-.387.01H16V7h3.485A8.991 8.991 0 0 0 12 3Zm0 18a9 9 0 0 0 9-9h2c0 6.075-4.925 11-11 11-3.722 0-7.01-1.848-9-4.674V22H1v-5.223c0-.12 0-.262.01-.387a1.51 1.51 0 0 1 .153-.571 1.5 1.5 0 0 1 .656-.655c.218-.112.426-.142.571-.154.125-.01.268-.01.387-.01H8v2H4.515A8.991 8.991 0 0 0 12 21Z",fill:"currentColor",fillRule:"evenodd"})})})),t=o.memo(a);t.displayName="RefreshIcon";export{c as M,t as a};

package/dist/assets/ResourceAccessPolicyComponentsStorybookThemeDecorator-IgdZHick.js

@@ -0,0 +1 @@
+import{j as c,a as n,F as _}from"./emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js";import{u,c as s,d as q,e as U,f as V,b as Z,g as J,h as K,i as Q,j as X,k as Y}from"./Typography-D01yctPx.js";import{j as v}from"./jsx-runtime-CnH95YSl.js";import{r as o,e as g}from"./index-NdkWRN8K.js";import{L as $}from"./Link-BnBknBcu.js";const ee="•",A=76,F=o.memo(({status:e})=>e!=null&&e.label?n(q,{label:e.label,severity:e.severity??"default",variant:"pill"}):null);F.displayName="StatusDisplay";const P=o.memo(({children:e,clampLines:a,overline:t,status:m,wordBreak:p})=>{const f=u();return c(_,{children:[t&&n(U,{children:t}),c(s,{sx:{display:"flex",alignItems:"center",gap:f.Spacing3,"& > h3":{margin:0}},children:[n(V,{clampLines:a,wordBreak:p,children:e}),n(F,{status:m})]})]})});P.displayName="PageHeaderTitle";const H=o.memo(({children:e,clampLines:a,wordBreak:t})=>n(Z,{clampLines:a,wordBreak:t,children:e}));H.displayName="PageHeaderDescription";const w=o.memo(({items:e})=>{const a=u();return!e||e.length===0?null:n(s,{component:"ul",sx:{listStyle:"none",display:"flex",flexWrap:"wrap",padding:0,margin:0,"& > li.PageHeader-metadataItem":{display:"inline-flex",alignItems:"center",color:"text.secondary"},"& > li.PageHeader-metadataItem:not(:last-of-type)::after":{content:'"'+ee+'"',marginInline:a.Spacing2}},children:e.map((t,m)=>n("li",{className:"PageHeader-metadataItem",children:t},m))})});w.displayName="PageHeaderMetadata";const k=o.memo(({children:e})=>{const a=u();return n(s,{sx:{width:A,height:A,borderRadius:a.BorderRadiusMain,backgroundColor:a.HueNeutral100,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden"},children:e})});k.displayName="PageHeaderImage";const b=o.memo(({children:e})=>{const a=u(),t=g.Children.toArray(e).slice(0,3);return n(s,{sx:{display:"flex",gap:a.Spacing2},children:t.map((m,p)=>n(s,{children:m},p))})});b.displayName="PageHeaderActions";const I=o.memo(({href:e,label:a})=>c($,{href:e,rel:"noopener noreferrer",target:"_blank",children:[n("span",{className:"Link-icon",children:n(J,{})}),a]}));I.displayName="PageHeaderDocumentation";const M=o.memo(({homeHref:e,children:a})=>n(K,{homeHref:e,children:a}));M.displayName="PageHeaderBreadcrumbs";const C=o.memo(({label:e,href:a,onClick:t})=>n(X,{href:a,icon:n(Q,{}),onClick:t,children:e}));C.displayName="PageHeaderBackLink";const R=o.memo(({children:e,testId:a="page-header"})=>{const t=u(),m=o.useMemo(()=>{const r=[];let i=null,E=null;const L=[],N=[],j=[];let z=null,y=0,h=0,x=0,O=0,T=0;if(g.Children.forEach(e,l=>{if(g.isValidElement(l)){const d=l.type;d===M?(y++,r.push(l)):d===C?(h++,r.push(l)):d===k?(T++,z=l):d===P?(x++,i=l):d===w?(O++,E=l):d===H?L.push(l):d===I?N.push(l):d===b&&j.push(l)}}),y>0&&h>0)throw new Error("PageHeader: Cannot use both Breadcrumbs and BackLink. Choose one.");if(y>1)throw new Error("PageHeader: Only one Breadcrumbs component allowed.");if(h>1)throw new Error("PageHeader: Only one BackLink component allowed.");if(x===0)throw new Error("PageHeader: Title component is required.");if(x>1)throw new Error("PageHeader: Only one Title component allowed.");if(T>1)throw new Error("PageHeader: Only one Image component allowed.");if(O>1)throw new Error("PageHeader: Only one Metadata component allowed.");return{navigation:r,title:i,metadata:E,description:L,documentation:N,actions:j,image:z}},[e]),{navigation:p,title:f,metadata:G,description:D,documentation:S,actions:B,image:W}=m;return c(s,{"data-testid":a,sx:{display:"flex",alignItems:"center",gap:t.Spacing5},children:[c(s,{sx:{display:"flex",flexDirection:"column",gap:t.Spacing5,flexGrow:1},children:[p.length>0&&p.map((r,i)=>n(g.Fragment,{children:r},i)),c(s,{sx:{display:"flex",flexDirection:"row",gap:t.Spacing5,flexWrap:"wrap"},children:[W,c(s,{sx:{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[f,G]})]}),D.length>0&&D.map((r,i)=>n(g.Fragment,{children:r},i))]}),(S.length>0||B.length>0)&&c(s,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:t.Spacing4,flexShrink:0},children:[S.map((r,i)=>n(g.Fragment,{children:r},i)),B.map((r,i)=>n(g.Fragment,{children:r},i))]})]})});R.displayName="PageHeader";const ie=Object.assign(R,{Title:P,Description:H,Metadata:w,Image:k,Actions:b,Documentation:I,Breadcrumbs:M,BackLink:C}),le=(e,a)=>v.jsx(Y,{languageCode:a.globals.locale,children:v.jsx(e,{})});export{ie as P,le as R};

package/dist/assets/{Right-to-Left (RTL)-BK9_DI66.js → Right-to-Left (RTL)-DyJ58shp.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-BpVuOoKb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C-RQ_TKY.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-BqmbiZ7T.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-CXLAql3E.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-vq7_Ob_I.js → ScreenReaderText-CM78bF1y.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-C2ekHaOu.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-CWTB5xfE.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-DCDUyE9Y.js → ScreenReaderText-CqMaDm6f.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-BpVuOoKb.js";import{Default as a}from"./ScreenReaderText.stories-BZinu6VX.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C-RQ_TKY.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./ScreenReaderText-vq7_Ob_I.js";import"./Box-C2ekHaOu.js";import"./createTheme-BmPXDA4p.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useTheme-C05bJKih.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-BqmbiZ7T.js";import{Default as a}from"./ScreenReaderText.stories-CpsTRHeF.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-CXLAql3E.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./OdysseyProvider-2xjMTEu6.js";import"./ScreenReaderText-CM78bF1y.js";import"./Box-CWTB5xfE.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}),`

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

@@ -0,0 +1,8 @@
+import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as i}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as n}from"./ScreenReaderText-CM78bF1y.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Box-CWTB5xfE.js";import"./visuallyHidden-Dan1xhjv.js";const T={component:n,decorators:[i],argTypes:{children:{control:"text"}},args:{children:"This text is visually hidden."}},e={render:function(a){return r.jsxs(r.Fragment,{children:["The following text is visually hidden:",r.jsx(n,{...a})]})}};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 S=["Default"];export{e as Default,S as __namedExportsOrder,T as default};

package/dist/assets/Search-CkfJXFe5.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-BBwjgzn2.js";const a=e.forwardRef((o,n)=>r.jsx(t,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M16 10a6 6 0 1 1-12 0 6 6 0 0 1 12 0Zm-1.13 6.348a8 8 0 1 1 1.422-1.406l5.415 5.415-1.414 1.414-5.423-5.423Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(a);l.displayName="SearchIcon";export{l as M};

package/dist/assets/{SearchDropdown _labs_.stories-CYbt2vgf.js → SearchDropdown _labs_.stories-BQPhsSku.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{f as M}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as nt,O as it,b as at,c as rt,d as st,e as z,p as lt}from"./pickerComponentPropsMetadata-C9L3AhmF.js";import{n as S}from"./createTheme-BmPXDA4p.js";import{r as u}from"./index-NdkWRN8K.js";import{u as pt}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{j as ct}from"./Typography-CiNRLenM.js";import{M as v}from"./Settings-DjrryuBd.js";import{M as mt}from"./Folder-Ddku_ujr.js";import{M as I}from"./Video-DytabcyM.js";import"./useAutocomplete-C7VK9p4p.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CWawPfk8.js";import"./Field-ilPS333M.js";import"./Box-BXOPvc0Q.js";import"./Box-C2ekHaOu.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useTheme-C05bJKih.js";import"./List-W5kRT_jR.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./ListContext-C02XM7tn.js";import"./ListItem-CcduKzQu.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLeax9q3.js";import"./formLabelClasses-xMgYguuN.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BqXVk-1q.js";import"./buttonBaseClasses-CSPKg76d.js";import"./ScreenReaderText-vq7_Ob_I.js";import"./visuallyHidden-Dan1xhjv.js";import"./useTranslation-vEf1lqoc.js";import"./context-D_qJ2zXV.js";import"./FormHelperText-ZkUAjajs.js";import"./FieldHint-Cv7aMlpU.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase--xDu7aWm.js";import"./inputBaseClasses-PAjj3ZBN.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./GlobalStyles-BxDN_5FT.js";import"./Autocomplete-MfScEzbR.js";import"./ArrowDropDown-bSngWMh1.js";import"./createSvgIcon-DiC7XVU3.js";import"./SvgIcon-BQAg6Jm7.js";import"./Close-DA_Sph0R.js";import"./autocompleteClasses-Bi4FgC8v.js";import"./Paper-DbAuDGNI.js";import"./Popper-CwLH-7YW.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./popper-CMBiYTiD.js";import"./useId-cMcvCE23.js";import"./useControlled-NQulfz4l.js";import"./Chip-BOK8DR8m.js";import"./chipClasses-BMWKl3Eu.js";import"./IconButton-CK9Do7vj.js";import"./ListSubheader-DXKE8lW0.js";import"./Typography-D7-qxuiy.js";import"./typographyClasses-D8vr2n3l.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-BRjYVaUu.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-P9x80E4R.js";import{u as ct,s as S}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as u}from"./index-NdkWRN8K.js";import{j as mt}from"./Typography-DfSdXC7o.js";import{M as v}from"./Settings-CjXK8-N1.js";import{M as dt}from"./Folder-BfxqGqvt.js";import{M as I}from"./Video-B1Csvrbu.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./useAutocomplete-DwWveFvJ.js";import"./index.esm-HelN6IAt.js";import"./ButtonBase-BAQsCgRq.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./Field-lyECanzU.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./List-Be7fhh4_.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./isHostComponent-DVu5iVWx.js";import"./ScreenReaderText-CM78bF1y.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-qF3DX-zz.js";import"./FieldHint-C3tXb7u4.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSZ9ZgyW.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CXy6JKKy.js";import"./ArrowDropDown-LYMnJjPD.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./Paper-XsV8SWR9.js";import"./Popper-DjhYeJJy.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./useControlled-NQulfz4l.js";import"./Chip-DXaMeATb.js";import"./IconButton-OY9nJWpv.js";import"./ListSubheader-Bwc0JItn.js";import"./Typography-Yf1Zkad_.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"}}})),dt=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(()=>({display:"flex",justifyContent:"space-between",width:"100%"})),xt=S("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(()=>({display:"flex"})),ut=({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}),gt=({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})},Ct=({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(it,{hasAdornment:!0,muiProps:y,children:e.jsxs(dt,{odysseyDesignTokens:t,children:[e.jsxs(xt,{odysseyDesignTokens:t,children:[e.jsx(ut,{adornment:r,adornmentSize:o,odysseyDesignTokens:t}),e.jsxs("div",{children:[e.jsxs(at,{odysseyDesignTokens:t,children:[e.jsx(ct,{component:"p",children:x}),e.jsx(rt,{description:a,odysseyDesignTokens:t})]}),g&&e.jsx(st,{metaData:g,odysseyDesignTokens:t})]})]}),l&&e.jsx(gt,{content:l.content,odysseyDesignTokens:t,onClick:l.onClick,size:l.size||o})]})})},ht=({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=pt(),tt=u.useCallback((ot,B)=>e.jsx(Ct,{adornmentSize:o,muiProps:ot,odysseyDesignTokens:j,option:B},B.value),[o,j]);return e.jsx(nt,{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(ht);W.displayName="MemoizedSearchDropdown";const m=V(),d=V(),w=[{value:"an",label:"An Option label",adornment:e.jsx(mt,{}),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}],Do={component:W,argTypes:{...lt,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},tags:["autodocs"]},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}],fo={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 Po=["SmallAdornmentWithExtra","LargeAdornmentWithExtra"];export{f as LargeAdornmentWithExtra,b as SmallAdornmentWithExtra,Po as __namedExportsOrder,Do as default};
+}`,...(L=(H=f.parameters)==null?void 0:H.docs)==null?void 0:L.source}}};const yo=["SmallAdornmentWithExtra","LargeAdornmentWithExtra"];export{f as LargeAdornmentWithExtra,b as SmallAdornmentWithExtra,yo as __namedExportsOrder,fo as default};

package/dist/assets/SearchField-CYM6nbh5.js

@@ -0,0 +1 @@
+import{J as B,K as E,s as V,L as w}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as t}from"./index-NdkWRN8K.js";import{M as L}from"./Field-lyECanzU.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-DSZ9ZgyW.js";import{I as z}from"./InputAdornment-D4SsBOPe.js";import{M as J}from"./Search-CkfJXFe5.js";import{I as K}from"./IconButton-OY9nJWpv.js";const P=["outline","filled"],N=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(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})})})}),q=t.memo(O);q.displayName="SearchField";export{q as M,P as s};

package/dist/assets/SearchField.stories-C95LqZ5d.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-BRjYVaUu.js";import{f as e}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{s as i,M as T}from"./SearchField-CYM6nbh5.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Field-lyECanzU.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./List-Be7fhh4_.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./ScreenReaderText-CM78bF1y.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-qF3DX-zz.js";import"./FieldHint-C3tXb7u4.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSZ9ZgyW.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-D4SsBOPe.js";import"./Search-CkfJXFe5.js";import"./IconButton-OY9nJWpv.js";const ge={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,c;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    defaultValue: ""
+  }
+}`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var m,d,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.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 be=["Default","FilledVariant","Disabled","FullWidth","ControlledSearch"];export{n as ControlledSearch,t as Default,r as Disabled,o as FilledVariant,a as FullWidth,be as __namedExportsOrder,ge as default};

package/dist/assets/Select-9yKLDVKS.js

@@ -0,0 +1 @@
+import{c as se,_ as W,b as s,a9 as pe,d as h,g as q,r as _,V as We,U as Ee,e as ce,f as le,P as ot,A as nt,aK as rt}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as p}from"./index-NdkWRN8K.js";import{M as st}from"./Menu-CHod3UUY.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-LYMnJjPD.js";import{g as ct}from"./Portal-GAJY6Au9.js";import{I as fe,a as be,r as me,b as ve,i as ge}from"./InputBase-DSZ9ZgyW.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};

package/dist/assets/Select-DJ071lNE.js

@@ -0,0 +1,15 @@
+import{u as X,s as C,K as H,M as Y}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r}from"./index-NdkWRN8K.js";import{M as Z}from"./Field-lyECanzU.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-DXaMeATb.js";import{L as se}from"./ListSubheader-Bwc0JItn.js";import{M as re}from"./MenuItem-B0_vCuIq.js";import{C as ae}from"./Checkbox-BVTNXOF7.js";import{L as le}from"./ListItem-C8ebNPnP.js";import{S as ie}from"./Select-9yKLDVKS.js";import{B as oe}from"./Box-CWTB5xfE.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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const ce=(...s)=>{const c="-";return s.join(c).replace(/\W+/g,c).toLowerCase()},ue=C.div`
+  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:y,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}),h=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),y==null||y(e,o)}},[a,y,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)}};h(n,null)}},[l,h]),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:h,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,h,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};