@okta/odyssey-contribution-tooling 1.47.1 → 1.49.0

package/dist/assets/{Paper-XsV8SWR9.js → Paper-D-_O-EjU.js}

@@ -1 +1 @@
-import{U as x,V as g,c as b,_ as P,b as s,d as m,e as R,g as $,p as l}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as y}from"./index-NdkWRN8K.js";import{j as C}from"./jsx-runtime-CnH95YSl.js";const v=a=>{let e;return a<1?e=5.11916*a**2:e=4.5*Math.log(a+1)+2,(e/100).toFixed(2)};function M(a){return x("MuiPaper",a)}g("MuiPaper",["root","rounded","outlined","elevation","elevation0","elevation1","elevation2","elevation3","elevation4","elevation5","elevation6","elevation7","elevation8","elevation9","elevation10","elevation11","elevation12","elevation13","elevation14","elevation15","elevation16","elevation17","elevation18","elevation19","elevation20","elevation21","elevation22","elevation23","elevation24"]);const k=["className","component","elevation","square","variant"],q=a=>{const{square:e,elevation:o,variant:t,classes:n}=a,r={root:["root",t,!e&&"rounded",t==="elevation"&&`elevation${o}`]};return $(r,M,n)},U=m("div",{name:"MuiPaper",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:o}=a;return[e.root,e[o.variant],!o.square&&e.rounded,o.variant==="elevation"&&e[`elevation${o.elevation}`]]}})(({theme:a,ownerState:e})=>{var o;return s({backgroundColor:(a.vars||a).palette.background.paper,color:(a.vars||a).palette.text.primary,transition:a.transitions.create("box-shadow")},!e.square&&{borderRadius:a.shape.borderRadius},e.variant==="outlined"&&{border:`1px solid ${(a.vars||a).palette.divider}`},e.variant==="elevation"&&s({boxShadow:(a.vars||a).shadows[e.elevation]},!a.vars&&a.palette.mode==="dark"&&{backgroundImage:`linear-gradient(${l.alpha("#fff",v(e.elevation))}, ${l.alpha("#fff",v(e.elevation))})`},a.vars&&{backgroundImage:(o=a.vars.overlays)==null?void 0:o[e.elevation]}))}),N=y.forwardRef(function(e,o){const t=b({props:e,name:"MuiPaper"}),{className:n,component:r="div",elevation:p=1,square:d=!1,variant:u="elevation"}=t,c=P(t,k),i=s({},t,{component:r,elevation:p,square:d,variant:u}),f=q(i);return C.jsx(U,s({as:r,ownerState:i,className:R(f.root,n),ref:o},c))});export{N as P};
+import{V as x,W as g,c as b,_ as P,b as s,s as m,d as R,f as $,n as l}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as y}from"./index-NdkWRN8K.js";import{j as C}from"./jsx-runtime-CnH95YSl.js";const v=a=>{let e;return a<1?e=5.11916*a**2:e=4.5*Math.log(a+1)+2,(e/100).toFixed(2)};function M(a){return x("MuiPaper",a)}g("MuiPaper",["root","rounded","outlined","elevation","elevation0","elevation1","elevation2","elevation3","elevation4","elevation5","elevation6","elevation7","elevation8","elevation9","elevation10","elevation11","elevation12","elevation13","elevation14","elevation15","elevation16","elevation17","elevation18","elevation19","elevation20","elevation21","elevation22","elevation23","elevation24"]);const k=["className","component","elevation","square","variant"],q=a=>{const{square:e,elevation:o,variant:t,classes:n}=a,r={root:["root",t,!e&&"rounded",t==="elevation"&&`elevation${o}`]};return $(r,M,n)},_=m("div",{name:"MuiPaper",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:o}=a;return[e.root,e[o.variant],!o.square&&e.rounded,o.variant==="elevation"&&e[`elevation${o.elevation}`]]}})(({theme:a,ownerState:e})=>{var o;return s({backgroundColor:(a.vars||a).palette.background.paper,color:(a.vars||a).palette.text.primary,transition:a.transitions.create("box-shadow")},!e.square&&{borderRadius:a.shape.borderRadius},e.variant==="outlined"&&{border:`1px solid ${(a.vars||a).palette.divider}`},e.variant==="elevation"&&s({boxShadow:(a.vars||a).shadows[e.elevation]},!a.vars&&a.palette.mode==="dark"&&{backgroundImage:`linear-gradient(${l.alpha("#fff",v(e.elevation))}, ${l.alpha("#fff",v(e.elevation))})`},a.vars&&{backgroundImage:(o=a.vars.overlays)==null?void 0:o[e.elevation]}))}),N=y.forwardRef(function(e,o){const t=b({props:e,name:"MuiPaper"}),{className:n,component:r="div",elevation:p=1,square:d=!1,variant:u="elevation"}=t,c=P(t,k),i=s({},t,{component:r,elevation:p,square:d,variant:u}),f=q(i);return C.jsx(_,s({as:r,ownerState:i,className:R(f.root,n),ref:o},c))});export{N as P};

package/dist/assets/PasswordField.stories-BUOy4gYe.js

@@ -0,0 +1,129 @@
+import{j as u}from"./jsx-runtime-CnH95YSl.js";import{f as M,w as ve,e as n,u as m,a as Ae}from"./index-BJMTVygn.js";import{r as t}from"./index-NdkWRN8K.js";import{a as Fe}from"./axeRun-B-LchFqf.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as Ie}from"./Field-DH3L8v09.js";import{K as De,a3 as C}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{g as He,u as Oe}from"./inputUtils-Dbi8XkA6.js";import{I as je}from"./InputBase-DeB4_faH.js";import{I as qe}from"./InputAdornment-CdR3XT6f.js";import{I as Ue}from"./IconButton-5qShmnSr.js";import{M as ze}from"./Hide-TKfOHglI.js";import{M as Ne}from"./Show-BnmQFsN6.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";const We=t.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:a,errorMessage:s,errorMessageList:e,hasInitialFocus:r,hint:xe,id:Ve,inputRef:Ee,isDisabled:Ce=!1,isFullWidth:Pe=!1,isOptional:T=!1,hasShowPassword:B=!0,isReadOnly:L,label:Te,name:R,onChange:p,onFocus:A,onBlur:F,placeholder:k,testId:I,translate:D,value:H},O)=>{const{t:j}=De(),[d,Se]=t.useState("password"),q=t.useCallback(()=>{Se(l=>l==="password"?"text":"password")},[]),Me=t.useRef(He({controlledValue:H,uncontrolledValue:a})),U=Oe({defaultValue:a,value:H,controlState:Me.current}),z=t.useRef(null);t.useImperativeHandle(Ee,()=>({focus:()=>{var l;(l=z.current)==null||l.focus()}}),[]);const N=t.useCallback(l=>{p==null||p(l)},[p]),Be=t.useCallback(({ariaDescribedBy:l,errorMessageElementId:Le,id:S,labelElementId:Re})=>u.jsx(je,{...U,"aria-describedby":l,autoComplete:d==="password"?o:"off",autoFocus:r,endAdornment:B&&u.jsx(qe,{position:"end",children:u.jsx(Ue,{"aria-controls":S,"aria-label":j("passwordfield.icon.label.show"),"aria-pressed":d==="text",onClick:q,children:d==="password"?u.jsx(Ne,{}):u.jsx(ze,{})})}),id:S,inputProps:{"aria-errormessage":Le,"aria-labelledby":Re,"data-se":I,role:"textbox"},inputRef:z,name:R??S,onBlur:F,onChange:N,onFocus:A,placeholder:k,readOnly:L,ref:O,required:!T,translate:D,type:d}),[o,r,U,j,q,d,R,N,A,F,k,T,L,B,O,I,D]);return u.jsx(Ie,{ariaDescribedBy:c,errorMessage:s,errorMessageList:e,fieldType:"single",hasVisibleLabel:!0,hint:xe,id:Ve,isDisabled:Ce,isFullWidth:Pe,isOptional:T,label:Te,renderFieldComponent:Be})}),P=t.memo(We);P.displayName="PasswordField";const kt={component:P,decorators:[ke],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:{control:"text",description:"The value of the `input` element. Use when the component is not controlled",table:{type:{summary:"string"},defaultValue:{summary:void 0}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hasInitialFocus:{control:"boolean",description:"If `true`, the component will receive focus automatically",table:{type:{summary:"boolean"}}},hasShowPassword:{control:"boolean",description:"If `true`, the show/hide eye icon is not shown to the user",table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},hint:i.hint,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,isOptional:i.isOptional,isReadOnly:i.isReadOnly,label:{control:"text",description:"The label text for the password field input",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the autocomplete component loses focus.",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the password value is changed.",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the autocomplete component gains focus.",table:{type:{summary:"func"}}},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 component is controlled",table:{type:{summary:"string"}}}},args:{autoCompleteType:"current-password",hasShowPassword:!0,id:"password-input",isOptional:!1,label:"Password",onBlur:M(),onChange:M(),onFocus:M()}},f={play:async({canvasElement:c,step:o})=>{await o("toggle password",async()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.getByRole("button",{name:C("passwordfield.icon.label.show")});e&&(await m.type(s,"qwerty"),await m.click(e),await m.tab(),n(s).toHaveAttribute("type","text"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("true"),await m.click(e),n(s).toHaveAttribute("type","password"),n(e.ariaLabel).toBe(C("passwordfield.icon.label.show")),n(e.ariaPressed).toBe("false")),await Ae(()=>{Fe("Password Field Default")})})}},b={parameters:{docs:{description:{story:"The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,defaultValue:"PasswordValue"}},w={args:{errorMessage:"This password is incorrect",defaultValue:""}},y={args:{errorMessage:"Password requires: ",errorMessageList:["At least 8 chars","An uppercase letter","A number","A symbol"]}},h={args:{hint:"Your first pet's name",defaultValue:""}},g={args:{hasShowPassword:!1,defaultValue:""},play:async({canvasElement:c,step:o})=>{await o("toggle password",()=>{const a=ve(c),s=a.getByRole("textbox",{name:"Password"});n(s).toHaveAttribute("type","password");const e=a.queryByRole("button",{name:C("passwordfield.icon.label.show")});n(e).toBe(null)})}},v={args:{isOptional:!0,defaultValue:""}},x={parameters:{docs:{description:{story:"The values of readonly inputs will be submitted."}}},args:{isReadOnly:!0,defaultValue:"PasswordValue"}},V={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:""},render:function(o){const[a,s]=t.useState(""),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}},E={parameters:{docs:{description:{story:"Provide `value` when component is to be controlled by parent. Update `value` based on updates from `onChange` event."}}},args:{value:"PasswordValue"},render:function(o){const[a,s]=t.useState("PasswordValue"),e=t.useCallback(r=>s(r==null?void 0:r.target.value),[]);return u.jsx(P,{...o,defaultValue:void 0,onChange:e,value:a})}};var W,Y,_;f.parameters={...f.parameters,docs:{...(W=f.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("toggle password", async () => {
+      const canvas = within(canvasElement);
+      const fieldElement = canvas.getByRole("textbox", {
+        name: "Password"
+      });
+      expect(fieldElement).toHaveAttribute("type", "password");
+      const buttonElement = canvas.getByRole("button", {
+        name: odysseyTranslate("passwordfield.icon.label.show")
+      });
+      if (buttonElement) {
+        await userEvent.type(fieldElement, "qwerty");
+        await userEvent.click(buttonElement);
+        await userEvent.tab();
+        expect(fieldElement).toHaveAttribute("type", "text");
+        expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
+        expect(buttonElement.ariaPressed).toBe("true");
+        await userEvent.click(buttonElement);
+        expect(fieldElement).toHaveAttribute("type", "password");
+        expect(buttonElement.ariaLabel).toBe(odysseyTranslate("passwordfield.icon.label.show"));
+        expect(buttonElement.ariaPressed).toBe("false");
+      }
+      await waitFor(() => {
+        axeRun("Password Field Default");
+      });
+    });
+  }
+}`,...(_=(Y=f.parameters)==null?void 0:Y.docs)==null?void 0:_.source}}};var K,G,J;b.parameters={...b.parameters,docs:{...(K=b.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "The values of disabled inputs will not be submitted."
+      }
+    }
+  },
+  args: {
+    isDisabled: true,
+    defaultValue: "PasswordValue"
+  }
+}`,...(J=(G=b.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var Q,X,Z;w.parameters={...w.parameters,docs:{...(Q=w.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  args: {
+    errorMessage: "This password is incorrect",
+    defaultValue: ""
+  }
+}`,...(Z=(X=w.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    errorMessage: "Password requires: ",
+    errorMessageList: ["At least 8 chars", "An uppercase letter", "A number", "A symbol"]
+  }
+}`,...(te=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,se,oe;h.parameters={...h.parameters,docs:{...(ae=h.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    hint: "Your first pet's name",
+    defaultValue: ""
+  }
+}`,...(oe=(se=h.parameters)==null?void 0:se.docs)==null?void 0:oe.source}}};var re,ne,le;g.parameters={...g.parameters,docs:{...(re=g.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  args: {
+    hasShowPassword: false,
+    defaultValue: ""
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("toggle password", () => {
+      const canvas = within(canvasElement);
+      const fieldElement = canvas.getByRole("textbox", {
+        name: "Password"
+      });
+      expect(fieldElement).toHaveAttribute("type", "password");
+      const buttonElement = canvas.queryByRole("button", {
+        name: odysseyTranslate("passwordfield.icon.label.show")
+      });
+      expect(buttonElement).toBe(null);
+    });
+  }
+}`,...(le=(ne=g.parameters)==null?void 0:ne.docs)==null?void 0:le.source}}};var ie,ue,ce;v.parameters={...v.parameters,docs:{...(ie=v.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    isOptional: true,
+    defaultValue: ""
+  }
+}`,...(ce=(ue=v.parameters)==null?void 0:ue.docs)==null?void 0:ce.source}}};var de,pe,me;x.parameters={...x.parameters,docs:{...(de=x.parameters)==null?void 0:de.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "The values of readonly inputs will be submitted."
+      }
+    }
+  },
+  args: {
+    isReadOnly: true,
+    defaultValue: "PasswordValue"
+  }
+}`,...(me=(pe=x.parameters)==null?void 0:pe.docs)==null?void 0:me.source}}};var fe,be,we;V.parameters={...V.parameters,docs:{...(fe=V.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
+      }
+    }
+  },
+  args: {
+    value: ""
+  },
+  render: function C(props) {
+    const [localValue, setLocalValue] = useState("");
+    const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
+    return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
+  }
+}`,...(we=(be=V.parameters)==null?void 0:be.docs)==null?void 0:we.source}}};var ye,he,ge;E.parameters={...E.parameters,docs:{...(ye=E.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Provide \`value\` when component is to be controlled by parent. Update \`value\` based on updates from \`onChange\` event."
+      }
+    }
+  },
+  args: {
+    value: "PasswordValue"
+  },
+  render: function C(props) {
+    const [localValue, setLocalValue] = useState("PasswordValue");
+    const onChange = useCallback((event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => setLocalValue(event?.target.value), []);
+    return <PasswordField {...props} defaultValue={undefined} onChange={onChange} value={localValue} />;
+  }
+}`,...(ge=(he=E.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};const It=["Default","Disabled","Error","ErrorsList","Hint","NoShowPassword","Optional","ReadOnly","Controlled","ControlledDefaultInput"];export{V as Controlled,E as ControlledDefaultInput,f as Default,b as Disabled,w as Error,y as ErrorsList,h as Hint,g as NoShowPassword,v as Optional,x as ReadOnly,It as __namedExportsOrder,kt as default};

package/dist/assets/Picker _labs_.stories-BIZmrH82.js

@@ -0,0 +1,18 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as k}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{p as E,M as y}from"./pickerComponentPropsMetadata-D10GkMIO.js";import{M as C}from"./Video-DWT3WylB.js";import{M as F}from"./Folder-e-po0U54.js";import{M as O}from"./Globe-B83Xmd05.js";import{M as p}from"./Settings-2rTKyez8.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useAutocomplete-BRetTkpF.js";import"./index.esm-CBOWgn41.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./Field-DH3L8v09.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DeB4_faH.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CxtGbb8j.js";import"./ArrowDropDown-DdemyKZU.js";import"./createSvgIcon-ClUWwDzL.js";import"./Close-OXBt1nIe.js";import"./Paper-D-_O-EjU.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./Portal-C6D59xAE.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./useControlled-NQulfz4l.js";import"./Chip-CXnMieIl.js";import"./IconButton-5qShmnSr.js";import"./ListSubheader-CQJAAOsd.js";const j=[{value:"en",label:"English",description:"",icon:e.jsx(C,{})},{value:"fr",label:"French"},{value:"jp",label:"Japanese"},{value:"es",label:"Spanish"}],T=[{value:"en",label:"English",description:"A description of the English language"},{value:"fr",label:"French",description:"Français"},{value:"jp",label:"Japanese",description:"日本語"},{value:"es",label:"Spanish",description:"Español"}],z=[{value:"en",label:"English",description:"A description of the English language",metaData:[{icon:e.jsx(F,{}),detailText:"1"}]},{value:"fr",label:"French",description:"Français",metaData:[{icon:e.jsx(p,{}),detailText:"100"}]},{value:"jp",label:"Japanese",description:"日本語",metaData:[{icon:e.jsx(O,{}),detailText:"1000"}]},{value:"es",label:"Spanish",description:"Español",metaData:[{icon:e.jsx(p,{}),detailText:"37"}]}],Je={component:y,decorators:[k],tags:["autodocs"],argTypes:{...E,hint:s.hint,HintLinkComponent:s.HintLinkComponent},args:{label:"Picker label",hint:"Optional hint text for picker",options:j}},o={},r={args:{options:T}},t={args:{options:z}},a={args:{hasMultipleChoices:!0}},i={args:{isDisabled:!0,value:j[0]}};var n,m,l;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var c,d,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    options: languagesNoMetadata
+  }
+}`,...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,h,b;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    options: languagesKitchenSink
+  }
+}`,...(b=(h=t.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var M,f,v;a.parameters={...a.parameters,docs:{...(M=a.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    hasMultipleChoices: true
+  }
+}`,...(v=(f=a.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var x,D,S;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true,
+    value: languagesNoDescription[0]
+  }
+}`,...(S=(D=i.parameters)==null?void 0:D.docs)==null?void 0:S.source}}};const Ae=["LabelOnly","WithDescription","WithMetadata","MultipleSelect","Disabled"];export{i as Disabled,o as LabelOnly,a as MultipleSelect,r as WithDescription,t as WithMetadata,Ae as __namedExportsOrder,Je as default};

package/dist/assets/{PickerWithOptionAdornment _labs_.stories-DZ_mcN9y.js → PickerWithOptionAdornment _labs_.stories-CQYX6Af7.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as I}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as Re,O as oe,b as ne,c as ae,d as We,e as k,p as He}from"./pickerComponentPropsMetadata-P9x80E4R.js";import{P as d}from"./PlaceholderLogo-JfVvgA23.js";import{u as ie,s as Be}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as f}from"./index-NdkWRN8K.js";import{M as qe}from"./Box-BGpAHVQV.js";import{M as Ge}from"./Tag-BgjQI7VM.js";import{j as re}from"./Typography-DfSdXC7o.js";import{p as _e}from"./pxToRem-BrMhKUxS.js";import{M as Ne}from"./Sync-DFFNrTTV.js";import{M as D}from"./Folder-BfxqGqvt.js";import{M as y}from"./Globe-Brrqdlv8.js";import{M as C}from"./Settings-CjXK8-N1.js";import{M as $e}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"./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"./Box-CWTB5xfE.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"./MuiPropsContext-DhRylJZk.js";import"./Typography-Yf1Zkad_.js";/*!
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as I}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{a as Re,O as oe,b as ne,c as ae,d as We,e as k,p as He}from"./pickerComponentPropsMetadata-D10GkMIO.js";import{P as d}from"./PlaceholderLogo-JfVvgA23.js";import{u as ie,h as Be}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as f}from"./index-NdkWRN8K.js";import{M as qe}from"./Box-1mvP3NLW.js";import{M as Ge}from"./Tag-DwH0t814.js";import{p as _e}from"./pxToRem-BrMhKUxS.js";import{j as re}from"./Typography-Cz6D417Y.js";import{M as Ne}from"./Sync-BbqTDeWk.js";import{M as D}from"./Folder-e-po0U54.js";import{M as y}from"./Globe-B83Xmd05.js";import{M as C}from"./Settings-2rTKyez8.js";import{M as $e}from"./Video-DWT3WylB.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./useAutocomplete-BRetTkpF.js";import"./index.esm-CBOWgn41.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./Field-DH3L8v09.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DeB4_faH.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Autocomplete-CxtGbb8j.js";import"./ArrowDropDown-DdemyKZU.js";import"./createSvgIcon-ClUWwDzL.js";import"./Close-OXBt1nIe.js";import"./Paper-D-_O-EjU.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Portal-C6D59xAE.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./useControlled-NQulfz4l.js";import"./Chip-CXnMieIl.js";import"./IconButton-5qShmnSr.js";import"./ListSubheader-CQJAAOsd.js";import"./MuiPropsContext-DhRylJZk.js";import"./Typography-ClQ35Rr-.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{O as Ee}from"./OdysseyStory
  * 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 T=Be("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="adornmentSize"&&t!=="isTagContainer"})(({adornmentSize:t="small",isTagContainer:n=!1,odysseyDesignTokens:o})=>({position:"relative",bottom:"1px",alignSelf:"flex-start",width:o.Spacing5,height:o.Spacing5,overflow:"hidden",marginInlineEnd:o.Spacing3,flexShrink:0,svg:{width:"100%",height:"auto"},img:{position:"absolute",top:"50%",left:"50%",width:"100%",transform:"translate(-50%, -50%)"},...t==="large"&&!n&&{bottom:0,width:o.Spacing8,height:o.Spacing8},...n&&{bottom:0,alignSelf:"center",width:o.Spacing4,height:"auto",maxHeight:o.Spacing4,marginInlineEnd:o.Spacing2,"&:has(> img)":{height:`${_e(16)}rem`},svg:{display:"flex",width:"100%",height:"auto"}}})),se=({adornment:t,adornmentSize:n,odysseyDesignTokens:o})=>typeof t=="string"?e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:t}),Je=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,value:m}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]})]},m)},Ke=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,metaData:m,value:O}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs("div",{children:[e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]}),e.jsx(We,{metaData:m,odysseyDesignTokens:o})]})]},O)},Qe=({adornment:t})=>{const n=ie();return typeof t=="string"?e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:t})},Ue=({adornmentSize:t="small",ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue=!1,isLoading:ge,isOptional:he=!1,isReadOnly:xe,isVirtualized:Se=!1,hint:be,HintLinkComponent:je,label:ve,name:Me,onBlur:fe,onChange:Te,onInputChange:Oe,onFocus:Ae,options:De,value:ye,testId:Ce,translate:ze})=>{const p=ie(),Ie=f.useCallback((u,a)=>u.map((A,Le)=>{const{key:we,onDelete:Pe}=a({index:Le}),{adornment:Fe,label:Ve}=A;return e.jsx(qe,{sx:{margin:p.Spacing1,marginInlineEnd:0},children:e.jsx(Ge,{icon:e.jsx(Qe,{adornment:Fe}),label:Ve,onRemove:Pe})},we)}),[p]),ke=f.useCallback((u,a)=>{const A="metaData"in a&&a.metaData;return e.jsx(f.Fragment,{children:A?e.jsx(Ke,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a}):e.jsx(Je,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a})},a.value)},[t,p]);return e.jsx(Re,{ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,hint:be,HintLinkComponent:je,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue,isLoading:ge,isOptional:he,isReadOnly:xe,isVirtualized:Se,label:ve,name:Me,onBlur:fe,onChange:Te,onFocus:Ae,onInputChange:Oe,options:De,renderOption:ke,renderTags:Ie,testId:Ce,translate:ze,value:ye})},le=f.memo(Ue);le.displayName="PickerWithOptionAdornment";const c=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(D,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(y,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text",adornment:e.jsx(C,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(Ne,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx($e,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],z=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(d.One,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Two,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(d.Three,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Four,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx(d.Five,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],oo={component:le,decorators:[Ee],tags:["autodocs"],argTypes:{...He,adornmentSize:{control:"radio",options:k,description:"Choose the size for the leading adornment. 'small' or 'large'",table:{type:{summary:k.join(" | ")}}},hint:I.hint,HintLinkComponent:I.HintLinkComponent},args:{label:"Picker with option adornment label",hint:"Optional hint text for picker",options:c}},g={},h={args:{options:c.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},x={args:{adornmentSize:"large",options:z}},S={args:{adornmentSize:"large",options:z.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},b={args:{isDisabled:!0,value:c[0]}},j={args:{hasMultipleChoices:!0}},v={args:{hasMultipleChoices:!0,adornmentSize:"large",options:z}},M={args:{isDisabled:!0,hasMultipleChoices:!0,value:[c[0],c[1]]}};var L,w,P;g.parameters={...g.parameters,docs:{...(L=g.parameters)==null?void 0:L.docs,source:{originalSource:"{}",...(P=(w=g.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var F,V,E;h.parameters={...h.parameters,docs:{...(F=h.parameters)==null?void 0:F.docs,source:{originalSource:`{
+ */const T=Be("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="adornmentSize"&&t!=="isTagContainer"})(({adornmentSize:t="small",isTagContainer:n=!1,odysseyDesignTokens:o})=>({position:"relative",bottom:"1px",alignSelf:"flex-start",width:o.Spacing5,height:o.Spacing5,overflow:"hidden",marginInlineEnd:o.Spacing3,flexShrink:0,svg:{width:"100%",height:"auto"},img:{position:"absolute",top:"50%",left:"50%",width:"100%",transform:"translate(-50%, -50%)"},...t==="large"&&!n&&{bottom:0,width:o.Spacing8,height:o.Spacing8},...n&&{bottom:0,alignSelf:"center",width:o.Spacing4,height:"auto",maxHeight:o.Spacing4,marginInlineEnd:o.Spacing2,"&:has(> img)":{height:`${_e(16)}rem`},svg:{display:"flex",width:"100%",height:"auto"}}})),se=({adornment:t,adornmentSize:n,odysseyDesignTokens:o})=>typeof t=="string"?e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{adornmentSize:n,odysseyDesignTokens:o,children:t}),Je=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,value:m}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]})]},m)},Ke=({adornmentSize:t,muiProps:n,odysseyDesignTokens:o,option:i})=>{const{adornment:r,description:s,label:l,metaData:m,value:O}=i;return e.jsxs(oe,{hasAdornment:!0,muiProps:n,children:[e.jsx(se,{adornment:r,adornmentSize:t,odysseyDesignTokens:o}),e.jsxs("div",{children:[e.jsxs(ne,{odysseyDesignTokens:o,children:[e.jsx(re,{component:"p",children:l}),e.jsx(ae,{description:s,odysseyDesignTokens:o})]}),e.jsx(We,{metaData:m,odysseyDesignTokens:o})]})]},O)},Qe=({adornment:t})=>{const n=ie();return typeof t=="string"?e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:e.jsx("img",{alt:"",role:"presentation",src:t})}):e.jsx(T,{isTagContainer:!0,odysseyDesignTokens:n,children:t})},Ue=({adornmentSize:t="small",ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue=!1,isLoading:ge,isOptional:he=!1,isReadOnly:xe,isVirtualized:Se=!1,hint:be,HintLinkComponent:je,label:ve,name:Me,onBlur:fe,onChange:Te,onInputChange:Oe,onFocus:Ae,options:De,value:ye,testId:Ce,translate:ze})=>{const p=ie(),Ie=f.useCallback((u,a)=>u.map((A,Le)=>{const{key:we,onDelete:Pe}=a({index:Le}),{adornment:Fe,label:Ve}=A;return e.jsx(qe,{sx:{margin:p.Spacing1,marginInlineEnd:0},children:e.jsx(Ge,{icon:e.jsx(Qe,{adornment:Fe}),label:Ve,onRemove:Pe})},we)}),[p]),ke=f.useCallback((u,a)=>{const A="metaData"in a&&a.metaData;return e.jsx(f.Fragment,{children:A?e.jsx(Ke,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a}):e.jsx(Je,{adornmentSize:t,muiProps:u,odysseyDesignTokens:p,option:a})},a.value)},[t,p]);return e.jsx(Re,{ariaDescribedBy:n,defaultValue:o,emptyOptionsText:i,errorMessage:r,errorMessageList:s,getIsOptionEqualToValue:l,groupOptionsBy:m,hasMultipleChoices:O,hint:be,HintLinkComponent:je,id:me,inputValue:pe,isCustomValueAllowed:de,isDisabled:ce,isFullWidth:ue,isLoading:ge,isOptional:he,isReadOnly:xe,isVirtualized:Se,label:ve,name:Me,onBlur:fe,onChange:Te,onFocus:Ae,onInputChange:Oe,options:De,renderOption:ke,renderTags:Ie,testId:Ce,translate:ze,value:ye})},le=f.memo(Ue);le.displayName="PickerWithOptionAdornment";const c=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(D,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(y,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text",adornment:e.jsx(C,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(Ne,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx($e,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],z=[{value:"an",label:"An Option label",description:"Some optional descriptive text",adornment:e.jsx(d.One,{})},{value:"the",label:"The Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Two,{})},{value:"another",label:"Another Option label",description:"Some optional descriptive text that in this particular case is really quite long and verbose and if this were real should probably be shortened.",adornment:e.jsx(d.Three,{})},{value:"this",label:"This Option label",description:"Some optional descriptive text",adornment:e.jsx(d.Four,{})},{value:"last",label:"The last Option label",description:"Some optional descriptive text.",adornment:e.jsx(d.Five,{})},{value:"image",label:"This adornment is an image",description:"Some optional descriptive text.",adornment:"https://placehold.co/400x600"}],so={component:le,decorators:[Ee],tags:["autodocs"],argTypes:{...He,adornmentSize:{control:"radio",options:k,description:"Choose the size for the leading adornment. 'small' or 'large'",table:{type:{summary:k.join(" | ")}}},hint:I.hint,HintLinkComponent:I.HintLinkComponent},args:{label:"Picker with option adornment label",hint:"Optional hint text for picker",options:c}},g={},h={args:{options:c.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},x={args:{adornmentSize:"large",options:z}},S={args:{adornmentSize:"large",options:z.map(t=>({...t,metaData:[{icon:e.jsx(C,{}),detailText:"10"},{icon:e.jsx(y,{}),detailText:"1"},{icon:e.jsx(D,{}),detailText:40}]}))}},b={args:{isDisabled:!0,value:c[0]}},j={args:{hasMultipleChoices:!0}},v={args:{hasMultipleChoices:!0,adornmentSize:"large",options:z}},M={args:{isDisabled:!0,hasMultipleChoices:!0,value:[c[0],c[1]]}};var L,w,P;g.parameters={...g.parameters,docs:{...(L=g.parameters)==null?void 0:L.docs,source:{originalSource:"{}",...(P=(w=g.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};var F,V,E;h.parameters={...h.parameters,docs:{...(F=h.parameters)==null?void 0:F.docs,source:{originalSource:`{
   args: {
     options: optionsSmall.map(option => ({
       ...option,
@@ -67,4 +67,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as Ee}from"./OdysseyStory
     hasMultipleChoices: true,
     value: [optionsSmall[0], optionsSmall[1]]
   }
-}`,...(te=(ee=M.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const no=["SmallAdornment","SmallAdornmentAndMetaData","LargeAdornment","LargeAdornmentAndMetaData","Disabled","SmallAdornmentMultiSelect","LargeAdornmentMultiSelect","MultiSelectDisabled"];export{b as Disabled,x as LargeAdornment,S as LargeAdornmentAndMetaData,v as LargeAdornmentMultiSelect,M as MultiSelectDisabled,g as SmallAdornment,h as SmallAdornmentAndMetaData,j as SmallAdornmentMultiSelect,no as __namedExportsOrder,oo as default};
+}`,...(te=(ee=M.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const lo=["SmallAdornment","SmallAdornmentAndMetaData","LargeAdornment","LargeAdornmentAndMetaData","Disabled","SmallAdornmentMultiSelect","LargeAdornmentMultiSelect","MultiSelectDisabled"];export{b as Disabled,x as LargeAdornment,S as LargeAdornmentAndMetaData,v as LargeAdornmentMultiSelect,M as MultiSelectDisabled,g as SmallAdornment,h as SmallAdornmentAndMetaData,j as SmallAdornmentMultiSelect,lo as __namedExportsOrder,so as default};

package/dist/assets/Popper-BARIxJrI.js

@@ -0,0 +1 @@
+import{V as N,W as V,_ as A,b as x,a as B,f as q,c as z,s as G}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{c as J,u as K}from"./popper-BVOCD5jc.js";import{r as t}from"./index-NdkWRN8K.js";import{j as S}from"./jsx-runtime-CnH95YSl.js";import{o as D}from"./ownerDocument-DW-IO8s5.js";import{P as Q}from"./Portal-C6D59xAE.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{u as X}from"./getReactElementRef-DsIevm5t.js";function Y(o){return N("MuiPopper",o)}V("MuiPopper",["root"]);const Z=["anchorEl","children","direction","disablePortal","modifiers","open","placement","popperOptions","popperRef","slotProps","slots","TransitionProps","ownerState"],oo=["anchorEl","children","container","direction","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","style","transition","slotProps","slots"];function eo(o,e){if(e==="ltr")return o;switch(o){case"bottom-end":return"bottom-start";case"bottom-start":return"bottom-end";case"top-end":return"top-start";case"top-start":return"top-end";default:return o}}function k(o){return typeof o=="function"?o():o}function to(o){return o.nodeType!==void 0}const ro=o=>{const{classes:e}=o;return q({root:["root"]},Y,e)},no={},so=t.forwardRef(function(e,h){var n;const{anchorEl:s,children:p,direction:y,disablePortal:d,modifiers:i,open:R,placement:f,popperOptions:l,popperRef:E,slotProps:b={},slots:w={},TransitionProps:a}=e,M=A(e,Z),v=t.useRef(null),T=F(v,h),r=t.useRef(null),c=F(r,E),u=t.useRef(c);B(()=>{u.current=c},[c]),t.useImperativeHandle(E,()=>r.current,[]);const m=eo(f,y),[P,U]=t.useState(m),[O,_]=t.useState(k(s));t.useEffect(()=>{r.current&&r.current.forceUpdate()}),t.useEffect(()=>{s&&_(k(s))},[s]),B(()=>{if(!O||!R)return;const I=C=>{U(C.placement)};let j=[{name:"preventOverflow",options:{altBoundary:d}},{name:"flip",options:{altBoundary:d}},{name:"onUpdate",enabled:!0,phase:"afterWrite",fn:({state:C})=>{I(C)}}];i!=null&&(j=j.concat(i)),l&&l.modifiers!=null&&(j=j.concat(l.modifiers));const W=J(O,v.current,x({placement:m},l,{modifiers:j}));return u.current(W),()=>{W.destroy(),u.current(null)}},[O,d,i,R,l,m]);const $={placement:P};a!==null&&($.TransitionProps=a);const H=ro(e),g=(n=w.root)!=null?n:"div",L=X({elementType:g,externalSlotProps:b.root,externalForwardedProps:M,additionalProps:{role:"tooltip",ref:T},ownerState:e,className:H.root});return S.jsx(g,x({},L,{children:typeof p=="function"?p($):p}))}),po=t.forwardRef(function(e,h){const{anchorEl:n,children:s,container:p,direction:y="ltr",disablePortal:d=!1,keepMounted:i=!1,modifiers:R,open:f,placement:l="bottom",popperOptions:E=no,popperRef:b,style:w,transition:a=!1,slotProps:M={},slots:v={}}=e,T=A(e,oo),[r,c]=t.useState(!0),u=()=>{c(!1)},m=()=>{c(!0)};if(!i&&!f&&(!a||r))return null;let P;if(p)P=p;else if(n){const _=k(n);P=_&&to(_)?D(_).body:D(null).body}const U=!f&&i&&(!a||r)?"none":void 0,O=a?{in:f,onEnter:u,onExited:m}:void 0;return S.jsx(Q,{disablePortal:d,container:P,children:S.jsx(so,x({anchorEl:n,direction:y,disablePortal:d,modifiers:R,ref:h,open:a?!r:f,placement:l,popperOptions:E,popperRef:b,slotProps:M,slots:v},T,{style:x({position:"fixed",top:0,left:0,display:U},w),TransitionProps:O,children:s}))})}),io=["anchorEl","component","components","componentsProps","container","disablePortal","keepMounted","modifiers","open","placement","popperOptions","popperRef","transition","slots","slotProps"],lo=G(po,{name:"MuiPopper",slot:"Root",overridesResolver:(o,e)=>e.root})({}),Eo=t.forwardRef(function(e,h){var n;const s=K(),p=z({props:e,name:"MuiPopper"}),{anchorEl:y,component:d,components:i,componentsProps:R,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T,slots:r,slotProps:c}=p,u=A(p,io),m=(n=r==null?void 0:r.root)!=null?n:i==null?void 0:i.Root,P=x({anchorEl:y,container:f,disablePortal:l,keepMounted:E,modifiers:b,open:w,placement:a,popperOptions:M,popperRef:v,transition:T},u);return S.jsx(lo,x({as:d,direction:s==null?void 0:s.direction,slots:{root:m},slotProps:c??R},P,{ref:h}))});export{Eo as P};

package/dist/assets/Portal-C6D59xAE.js

@@ -0,0 +1 @@
+import{r as t}from"./index-NdkWRN8K.js";import{r as E}from"./index-B5xazMy1.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{u as d,s as l}from"./useIsFocusVisible-DH0qxT5e.js";import{g as x}from"./getReactElementRef-DsIevm5t.js";import{a as m}from"./OdysseyThemeProvider-Bh0Bu-2o.js";function P(n){return typeof n=="function"?n():n}const y=t.forwardRef(function(u,s){const{children:e,container:a,disablePortal:o=!1}=u,[r,f]=t.useState(null),c=d(t.isValidElement(e)?x(e):null,s);if(m(()=>{o||f(P(a)||document.body)},[a,o]),m(()=>{if(r&&!o)return l(s,r),()=>{l(s,null)}},[s,r,o]),o){if(t.isValidElement(e)){const p={ref:c};return t.cloneElement(e,p)}return i.jsx(t.Fragment,{children:e})}return i.jsx(t.Fragment,{children:r&&E.createPortal(e,r)})});export{y as P};