@okta/odyssey-react-mui 1.47.0 → 1.47.1

package/dist/assets/Radio.stories-BIH7UBMO.js

@@ -0,0 +1,63 @@
+import{f as d,w as E,u as m,e as i}from"./index-BJMTVygn.js";import{a as H}from"./axeRun-B-LchFqf.js";import{O as M}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as q}from"./Radio-tkNaA8vy.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./FormControlLabel-BKhSSavj.js";import"./useFormControl-BMISTZuX.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Radio-BimAm2in.js";import"./SwitchBase-D-uzeIbM.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-BAQsCgRq.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./createSvgIcon-DsUj6UQo.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormHelperText-qF3DX-zz.js";/*!
+ * Copyright (c) 2021-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 ue={component:q,decorators:[M],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the radio button is checked",table:{type:{summary:"boolean"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},isDisabled:p.isDisabled,isInvalid:{control:"boolean",description:"If `true`, the radio button has an invalid value",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the radio button is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onChange:{description:"Callback fired when the the radio button value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},name:p.name,value:{control:"text",description:"The value attribute of the radio button",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{label:"Label",onBlur:d(),onChange:d(),value:"Value"}},e={play:async({canvasElement:l,step:T})=>{await T("select the radio button",async({args:c})=>{const n=E(l).getByRole("radio");n&&await m.click(n),await i(n).toBeChecked(),await i(c.onChange).toHaveBeenCalledTimes(1),await m.click(l),await i(c.onBlur).toHaveBeenCalled(),await H("Radio Default")})}},a={args:{label:"Automatically assign Okta Admin Console",isChecked:!0}},t={args:{isDisabled:!0}},r={parameters:{docs:{description:{story:"A `hint` provides helper text to the Radio"}}},args:{label:"Automatically assign Okta Admin Console",hint:"All admin roles get access when the role is assigned."}},o={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isChecked:!0}},s={args:{isChecked:!0,isInvalid:!0}};var u,h,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("select the radio button", async ({
+      args
+    }) => {
+      const canvas = within(canvasElement);
+      const radio = canvas.getByRole("radio");
+      if (radio) {
+        await userEvent.click(radio);
+      }
+      await expect(radio).toBeChecked();
+      await expect(args.onChange).toHaveBeenCalledTimes(1);
+      await userEvent.click(canvasElement);
+      await expect(args.onBlur).toHaveBeenCalled();
+      await axeRun("Radio Default");
+    });
+  }
+}`,...(y=(h=e.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var b,g,C;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isChecked: true
+  }
+}`,...(C=(g=a.parameters)==null?void 0:g.docs)==null?void 0:C.source}}};var f,v,k;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true
+  }
+}`,...(k=(v=t.parameters)==null?void 0:v.docs)==null?void 0:k.source}}};var w,A,x;r.parameters={...r.parameters,docs:{...(w=r.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "A \`hint\` provides helper text to the Radio"
+      }
+    }
+  },
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    hint: "All admin roles get access when the role is assigned."
+  }
+}`,...(x=(A=r.parameters)==null?void 0:A.docs)==null?void 0:x.source}}};var O,R,B;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isReadOnly: true,
+    isChecked: true
+  }
+}`,...(B=(R=o.parameters)==null?void 0:R.docs)==null?void 0:B.source}}};var D,I,S;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    isChecked: true,
+    isInvalid: true
+  }
+}`,...(S=(I=s.parameters)==null?void 0:I.docs)==null?void 0:S.source}}};const he=["Default","Checked","Disabled","Hint","ReadOnly","Invalid"];export{a as Checked,e as Default,t as Disabled,r as Hint,s as Invalid,o as ReadOnly,he as __namedExportsOrder,ue as default};

package/dist/assets/RadioGroup-DP-BtKDw.js

@@ -0,0 +1,10 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as m}from"./index-BeeV6X6A.js";import"./index-BsDcV5Kh.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-BqmbiZ7T.js";import{R as r}from"./RadioGroup.stories-DRXPUU0H.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BprB3Yzd.js";import"./iframe-CXLAql3E.js";import"./DocsRenderer-CFRXHY34-IKzmQUB4.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./OdysseyProvider-2xjMTEu6.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./RadioGroup-DhVJQTpS.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"./Radio-tkNaA8vy.js";import"./FormControlLabel-BKhSSavj.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Radio-BimAm2in.js";import"./SwitchBase-D-uzeIbM.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-DsUj6UQo.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-DRNCKA-f.js";import"./FormGroup-Cuk9jkbL.js";import"./Link-DI6v1ROk.js";import"./Link-BnBknBcu.js";import"./ExternalLink-BZ-Yczsk.js";function p(i){const t={code:"code",p:"p",...m(),...i.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:r}),`
+`,o.jsx(e,{of:r}),`
+`,o.jsx(s,{of:r}),`
+`,o.jsx(a,{of:r}),`
+`,o.jsx(c,{of:r}),`
+`,o.jsxs(t.p,{children:["Note that ",o.jsx(t.code,{children:"RadioGroup"})," does not include an ",o.jsx(t.code,{children:"isOptional"})," prop, since a ",o.jsx(t.code,{children:"RadioGroup"}),` should
+only be used if it's required. If you need similar functionality that supports optionality,
+use a `,o.jsx(t.code,{children:"Checkbox"})," or ",o.jsx(t.code,{children:"CheckboxGroup"})," instead."]}),`
+`,o.jsx(d,{}),`
+`,o.jsx(x,{})]})}function Mo(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{Mo as default};

package/dist/assets/RadioGroup-DRNCKA-f.js

@@ -0,0 +1 @@
+import{U as v,V as y,_ as j,A as U,b as V,e as b,g as w}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as t}from"./index-NdkWRN8K.js";import{a as P}from"./Radio-BimAm2in.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useControlled-NQulfz4l.js";import{u as F}from"./useIsFocusVisible-DH0qxT5e.js";import{F as M}from"./FormGroup-Cuk9jkbL.js";function N(r){return v("MuiRadioGroup",r)}y("MuiRadioGroup",["root","row","error"]);const S=["actions","children","className","defaultValue","name","onChange","value"],k=r=>{const{classes:o,row:s,error:a}=r;return w({root:["root",s&&"row",a&&"error"]},N,o)},z=t.forwardRef(function(o,s){const{actions:a,children:l,className:f,defaultValue:p,name:R,onChange:u,value:x}=o,g=j(o,S),n=t.useRef(null),h=k(o),[i,c]=_({controlled:x,default:p,name:"RadioGroup"});t.useImperativeHandle(a,()=>({focus:()=>{let e=n.current.querySelector("input:not(:disabled):checked");e||(e=n.current.querySelector("input:not(:disabled)")),e&&e.focus()}}),[]);const C=F(s,n),d=U(R),G=t.useMemo(()=>({name:d,onChange(e){c(e.target.value),u&&u(e,e.target.value)},value:i}),[d,u,c,i]);return m.jsx(P.Provider,{value:G,children:m.jsx(M,V({role:"radiogroup",ref:C,className:b(h.root,f)},g,{children:l}))})});export{z as R};

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-DRXPUU0H.js

@@ -0,0 +1,127 @@
+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: ""
+  } as Story["args"] // This is a hack.,
+}`,...(C=(L=d.parameters)==null?void 0:L.docs)==null?void 0:C.source}}};var k,M,w;u.parameters={...u.parameters,docs:{...(k=u.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hint: "Select the speed at which you wish to travel.",
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(w=(M=u.parameters)==null?void 0:M.docs)==null?void 0:w.source}}};var V,j,G;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hint: "Select the speed at which you wish to travel.",
+    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
+  } as Story["args"] // This is a hack.,
+}`,...(G=(j=p.parameters)==null?void 0:j.docs)==null?void 0:G.source}}};var H,E,W;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    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:`{
+  ...Template,
+  args: {
+    isReadOnly: true,
+    defaultValue: "Warp Speed"
+  } as Story["args"] // This is a hack.,
+}`,...(_=(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: {
+      description: {
+        story: "Validation should happen on the group and not individually on each item."
+      }
+    }
+  },
+  args: {
+    errorMessage: "This field is required.",
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(A=(q=h.parameters)==null?void 0:q.docs)==null?void 0:A.source}}};var z,I,P;g.parameters={...g.parameters,docs:{...(z=g.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "This field is required.",
+    errorMessageList: ["Message 1", "Message 2"],
+    defaultValue: ""
+  } as Story["args"] // This is a hack.,
+}`,...(P=(I=g.parameters)==null?void 0:I.docs)==null?void 0:P.source}}};var U,F,J;S.parameters={...S.parameters,docs:{...(U=S.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {
+    label: "Service Tier"
+  } as Story["args"],
+  render: function C(props) {
+    return <RadioGroup {...props}>
+        <Radio label="Basic" value="basic" />
+        <Radio label="Standard" value="standard" />
+        <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;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=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: {
+        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"
+  } as Story["args"],
+  // This is a hack.,
+  render: function C(props) {
+    const [value, setValue] = useState("Ludicrous Speed");
+    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, value: string) => setValue(value), []);
+    return <RadioGroup {...{
+      ...props,
+      value,
+      onChange
+    }}>
+        <Radio label="Light Speed" value="Light Speed" />
+        <Radio label="Warp Speed" value="Warp Speed" />
+        <Radio label="Ludicrous Speed" value="Ludicrous Speed" />
+      </RadioGroup>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("select uncontrolled radio button", async () => {
+      const canvas = within(canvasElement);
+      const radiogroup = canvas.getByRole("radiogroup");
+      const radio = canvas.getByLabelText("Warp Speed");
+      if (radiogroup && radio) {
+        await userEvent.click(radio);
+      }
+      await expect(radio).toBeChecked();
+      await axeRun("select uncontrolled radio button");
+    });
+  }
+}`,...(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: {
+        story: "A controlled Radio Group with Radio-level hints."
+      }
+    }
+  },
+  args: {
+    value: "Ludicrous Speed"
+  } as Story["args"],
+  // This is a hack.,
+  render: function C(props) {
+    const [value, setValue] = useState("Turtle Speed");
+    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, value: string) => setValue(value), []);
+    return <RadioGroup {...props} onChange={onChange} value={value}>
+        <Radio hint="Hint text" label="Snail Speed" value="Snail Speed" />
+        <Radio hint="Hint text" label="Turtle Speed" value="Turtle Speed" />
+        <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 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)-DyJ58shp.js

@@ -0,0 +1,62 @@
+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."]}),`
+`,e.jsx(d.h2,{id:"property-and-value-translations",children:"Property and value translations"}),`
+`,e.jsx(d.p,{children:"This table documents the related equivalents in physical and logical CSS, their linter support, and any relevant notes."}),`
+`,e.jsxs(d.p,{children:["For a quick visualization of how these properties are related, see ",e.jsx("a",{href:"https://codepen.io/aardrian/full/bGGxrvM",children:"this CodePen"}),"."]}),`
+`,e.jsx("div",{children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("td",{scope:"column",children:"Type"}),e.jsx("td",{scope:"column",children:"Physical CSS"}),e.jsx("td",{scope:"column",children:"Logical CSS"}),e.jsx("td",{scope:"column",children:"Lint status"}),e.jsx("td",{scope:"column",children:"Notes"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"7",children:e.jsx(d.p,{children:"Margin"})}),e.jsx("td",{children:e.jsx("code",{children:"margin"})}),e.jsx("td",{}),e.jsx("td",{children:"no auto-fix"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"margin-top"})}),e.jsx("td",{children:e.jsx("code",{children:"margin-block-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"margin-bottom"})}),e.jsx("td",{children:e.jsx("code",{children:"margin-block-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"margin-left"})}),e.jsx("td",{children:e.jsx("code",{children:"margin-inline-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"margin-right"})}),e.jsx("td",{children:e.jsx("code",{children:"margin-inline-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"margin-block"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets both block margins"})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"margin-inline"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets both inline margins"})]}),e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"7",children:e.jsx(d.p,{children:"Padding"})}),e.jsx("td",{children:e.jsx("code",{children:"padding"})}),e.jsx("td",{}),e.jsx("td",{children:"no auto-fix"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"padding-top"})}),e.jsx("td",{children:e.jsx("code",{children:"padding-block-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"padding-bottom"})}),e.jsx("td",{children:e.jsx("code",{children:"padding-block-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"padding-left"})}),e.jsx("td",{children:e.jsx("code",{children:"padding-inline-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"padding-right"})}),e.jsx("td",{children:e.jsx("code",{children:"padding-inline-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"padding-block"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets both block paddings"})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"padding-inline"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets both inline paddings"})]}),e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"11",children:e.jsx(d.p,{children:"Borders"})}),e.jsx("td",{children:e.jsx("code",{children:"border-top"})}),e.jsx("td",{children:e.jsx("code",{children:"border-block-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["Also applies to ",e.jsx("code",{children:"*-size|style|color"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-bottom"})}),e.jsx("td",{children:e.jsx("code",{children:"border-block-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["Also applies to ",e.jsx("code",{children:"*-size|style|color"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-left"})}),e.jsx("td",{children:e.jsx("code",{children:"border-inline-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["Also applies to ",e.jsx("code",{children:"*-size|style|color"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-right"})}),e.jsx("td",{children:e.jsx("code",{children:"border-inline-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:e.jsxs(d.p,{children:["Also applies to ",e.jsx("code",{children:"*-size|style|color"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"border-block"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets both block borders"})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"border-inline"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets both inline borders"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-radius"})}),e.jsx("td",{}),e.jsx("td",{children:"no auto-fix"}),e.jsx("td",{children:e.jsxs(d.p,{children:["See ",e.jsx("a",{href:"#linting-notes",children:"Linting notes"})]})})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-top-left-radius"})}),e.jsx("td",{children:e.jsx("code",{children:"border-start-start-radius"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-top-right-radius"})}),e.jsx("td",{children:e.jsx("code",{children:"border-start-end-radius"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-bottom-left-radius"})}),e.jsx("td",{children:e.jsx("code",{children:"border-end-start-radius"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"border-bottom-right-radius"})}),e.jsx("td",{children:e.jsx("code",{children:"border-end-end-radius"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"7",children:e.jsx(d.p,{children:"Position"})}),e.jsx("td",{children:e.jsx("code",{children:"top"})}),e.jsx("td",{children:e.jsx("code",{children:"inset-block-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"bottom"})}),e.jsx("td",{children:e.jsx("code",{children:"inset-block-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"left"})}),e.jsx("td",{children:e.jsx("code",{children:"inset-inline-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"right"})}),e.jsx("td",{children:e.jsx("code",{children:"inset-inline-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"inset"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets all inset values"})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"inset-block"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets block inset values"})]}),e.jsxs("tr",{children:[e.jsx("td",{}),e.jsx("td",{children:e.jsx("code",{children:"inset-inline"})}),e.jsx("td",{}),e.jsx("td",{children:"Sets inline inset values"})]}),e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"6",children:e.jsx(d.p,{children:"Layout"})}),e.jsx("td",{children:e.jsx("code",{children:"text-align: left"})}),e.jsx("td",{children:e.jsx("code",{children:"text-align: start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"text-align: right"})}),e.jsx("td",{children:e.jsx("code",{children:"text-align: end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"float: left"})}),e.jsx("td",{children:e.jsx("code",{children:"float: inline-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:"Prefer Grid or Flex instead"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"float: right"})}),e.jsx("td",{children:e.jsx("code",{children:"float: inline-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:"Prefer Grid or Flex instead"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"clear: left"})}),e.jsx("td",{children:e.jsx("code",{children:"clear: inline-start"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:"Prefer Grid or Flex instead"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"clear: right"})}),e.jsx("td",{children:e.jsx("code",{children:"clear: inline-end"})}),e.jsx("td",{children:"auto-fixed"}),e.jsx("td",{children:"Prefer Grid or Flex instead"})]})]})]})}),`
+`,e.jsx(d.h3,{id:"linting-notes",children:"Linting notes"}),`
+`,e.jsxs(d.p,{children:["Browsers have not settled on a standard RTL syntax for 4-value shorthands. Currently, using standard 4-value shorthands (",e.jsx(d.code,{children:"margin: 4px 3px 2px 1px"}),") will be parsed as physical CSS by the browser. Stylelint's auto-fix behavior in this regard has a few gaps:"]}),`
+`,e.jsxs(d.ul,{children:[`
+`,e.jsxs(d.li,{children:["When four properties are present, ",e.jsx(d.code,{children:"margin"})," and ",e.jsx(d.code,{children:"padding"})," are collapsed into two forms of shorthand:",`
+`,e.jsxs(d.ul,{children:[`
+`,e.jsxs(d.li,{children:["When all values are the same: ",e.jsx(d.code,{children:"margin: x"})]}),`
+`,e.jsxs(d.li,{children:["When all values are different: ",e.jsx(d.code,{children:"margin: logical p q x y"}),"."]}),`
+`]}),`
+`]}),`
+`,e.jsxs(d.li,{children:["The ",e.jsx(d.code,{children:"logical"})," flag is aligned with the proposed syntax, but it is not supported in most browsers."]}),`
+`,e.jsxs(d.li,{children:[e.jsx(d.code,{children:"border-radius"})," itself goes undetected, as there is no RTL syntax for shorthand. This is safe when the values are the same, but unsafe if they are ever different."]}),`
+`]}),`
+`,e.jsxs(d.p,{children:["For the above reasons, the use of ",e.jsx(d.code,{children:"margin"}),", ",e.jsx(d.code,{children:"padding"}),", and ",e.jsx(d.code,{children:"border-radius"})," shorthands are disallowed in our current config. Please use the associated RTL properties or the ",e.jsx(d.code,{children:"border-radius"})," mixin for broad support."]}),`
+`,e.jsx(d.h3,{id:"unsupported-properties",children:"Unsupported properties"}),`
+`,e.jsxs(d.p,{children:["Of note, ",e.jsx(d.code,{children:"transform"}),", ",e.jsx(d.code,{children:"box-shadow"}),", and ",e.jsx(d.code,{children:"background"})," properties do not have logical equivalents."]}),`
+`,e.jsxs(d.p,{children:["Currently, these properties are always treated as physical. Since the ",e.jsx(d.code,{children:":rtl"})," selector doesn’t have broad support, the recommended solution is to add RTL styles via ",e.jsx(d.code,{children:"[dirl=’rtl’] &"}),"."]}),`
+`,e.jsx(d.pre,{children:e.jsx(d.code,{className:"language-css",children:`.foo {
+  transformation: translateX(50%);
+
+  [dir="rtl"] & {
+    transformation: translateX(-50%);
+  }
+}
+`})}),`
+`,e.jsx(d.h3,{id:"browser-support",children:"Browser support"}),`
+`,e.jsx(d.p,{children:"Firefox and Chrome both have full support for the new properties and values."}),`
+`,e.jsx(d.p,{children:"Safari is currently missing support for logical border-radius properties; however, full support is available in the Safari 15 preview."}),`
+`,e.jsx(d.h3,{id:"unused-logical-properties-and-values",children:"Unused logical properties and values"}),`
+`,e.jsx(d.p,{children:`Our current implementation focuses on providing "automatic" RTL support with the least amount of overhead. For this reason, we haven't implemented properties related to vertical reading/writing. For completeness, the remaining Logical CSS properties are inventoried here:`}),`
+`,e.jsx("div",{children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("td",{scope:"column",children:"Type"}),e.jsx("td",{scope:"column",children:"Physical CSS"}),e.jsx("td",{scope:"column",children:"Logical CSS"}),e.jsx("td",{scope:"column",children:"Lint status"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"6",children:e.jsx(d.p,{children:"Box"})}),e.jsx("td",{children:e.jsx("code",{children:"width"})}),e.jsx("td",{children:e.jsx("code",{children:"inline-size"})}),e.jsx("td",{children:"auto-fix available"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"min-width"})}),e.jsx("td",{children:e.jsx("code",{children:"min-inline-size"})}),e.jsx("td",{children:"auto-fix available"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"max-width"})}),e.jsx("td",{children:e.jsx("code",{children:"max-inline-size"})}),e.jsx("td",{children:"auto-fix available"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"height"})}),e.jsx("td",{children:e.jsx("code",{children:"block-size"})}),e.jsx("td",{children:"auto-fix available"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"min-height"})}),e.jsx("td",{children:e.jsx("code",{children:"min-block-size"})}),e.jsx("td",{children:"auto-fix available"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"max-height"})}),e.jsx("td",{children:e.jsx("code",{children:"max-block-size"})}),e.jsx("td",{children:"auto-fix available"})]}),e.jsxs("tr",{children:[e.jsx("td",{scope:"row",rowSpan:"6",children:e.jsx(d.p,{children:"Overflow"})}),e.jsx("td",{children:e.jsx("code",{children:"overflow-y"})}),e.jsx("td",{children:e.jsx("code",{children:"overflow-block"})}),e.jsx("td",{children:"undetected"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"overflow-x"})}),e.jsx("td",{children:e.jsx("code",{children:"overflow-inline"})}),e.jsx("td",{children:"undetected"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"overscroll-behavior-y"})}),e.jsx("td",{children:e.jsx("code",{children:"overscroll-behavior-block"})}),e.jsx("td",{children:"undetected"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"overscroll-behavior-x"})}),e.jsx("td",{children:e.jsx("code",{children:"overscroll-behavior-inline"})}),e.jsx("td",{children:"undetected"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"resize: horizontal"})}),e.jsx("td",{children:e.jsx("code",{children:"resize: inline"})}),e.jsx("td",{children:"undetected"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("code",{children:"resize: vertical"})}),e.jsx("td",{children:e.jsx("code",{children:"resize: block"})}),e.jsx("td",{children:"undetected"})]})]})]})}),`
+`,e.jsx(d.p,{children:`There are limited caveats to utilizing these properties today. However, they are
+not required for RTL support.`}),`
+`,e.jsx(d.p,{children:"Browser support is as above."}),`
+`,e.jsx(d.p,{children:"Box properties are correctly detected and auto-fixed by stylelint-use-logical, but Overflow properties are not."}),`
+`,e.jsx(d.p,{children:"PostCSS supports detection and fallback generation for all of these properties."}),`
+`,e.jsx(d.h2,{id:"non-logical-rtl-typography-concerns",children:"Non-logical, RTL typography concerns"}),`
+`,e.jsxs(d.ul,{children:[`
+`,e.jsxs(d.li,{children:[e.jsx(d.code,{children:"letter-spacing"})," is now set to 0 to ensure non-English scripts are properly ligatured"]}),`
+`,e.jsxs(d.li,{children:[e.jsx(d.code,{children:"text-decoration-skip-ink"})," is now set to ",e.jsx(d.code,{children:"all"})," for maximum non-English script support"]}),`
+`,e.jsx(d.li,{children:"Odyssey does not currently utilize or support transparency in text, as it causes legibility issues in non-English scripts"}),`
+`,e.jsxs(d.li,{children:[e.jsx(d.code,{children:"word-break"})," is disallowed since not all languages support intra-word breakage"]}),`
+`,e.jsx(d.li,{children:"Tables do not swap layout or ordering of numerical data"}),`
+`,e.jsx(d.li,{children:"Noto Sans Arabic is our preferred Arabic font family"}),`
+`,e.jsx(d.li,{children:"Addresses, email addresses, and phone numbers should not swap their display"}),`
+`]}),`
+`,e.jsx(d.h2,{id:"guidance-and-documentation-changes",children:"Guidance and documentation changes"}),`
+`,e.jsx(d.h3,{id:"naming",children:"Naming"}),`
+`,e.jsx(d.p,{children:"In both documentation and code, we have replaced and will strive to continue using logical, RTL-friendly names in place of physical ones."}),`
+`,e.jsxs(d.p,{children:["For classes, this means preferring ",e.jsx(d.code,{children:".is-tooltip-start"})," to ",e.jsx(d.code,{children:".is-tooltip-left"}),`. In documentation, we'll refer to the "upper, ending corner" instead of the "upper, right-hand corner".`]}),`
+`,e.jsx(d.h2,{id:"known-rtl-work-remaining",children:"Known RTL work remaining"}),`
+`,e.jsxs(d.ul,{children:[`
+`,e.jsxs(d.li,{children:["All unsupported cases (",e.jsx(d.code,{children:"transform"}),", ",e.jsx(d.code,{children:"background"}),", and ",e.jsx(d.code,{children:"shadow"}),") need linting to ensure appropriate RTL declarations."]}),`
+`,e.jsx(d.li,{children:"Icons require bi-directional support"}),`
+`]})]})}function f(r={}){const{wrapper:d}={...i(),...r.components};return d?e.jsx(d,{...r,children:e.jsx(n,{...r})}):n(r)}export{f as default};

package/dist/assets/ScreenReaderText-CM78bF1y.js

@@ -0,0 +1 @@
+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-CqMaDm6f.js

@@ -0,0 +1,15 @@
+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}),`
+`,e.jsx(t.h2,{id:"usage",children:"Usage"}),`
+`,e.jsx(t.p,{children:"The ScreenReaderText component should be used in conjunction with other visible UI elements to ensure that all users have access to the same information. It is typically used for labeling and providing additional context for form fields, buttons, and other interactive elements on the page."}),`
+`,e.jsx(t.h3,{id:"component-composition",children:"Component composition"}),`
+`,e.jsx(t.p,{children:"ScreenReaderText may be used to provide accessibility when composing custom components."}),`
+`,e.jsxs(t.p,{children:["For example, when communicating the ",e.jsx(t.code,{children:"severity"})," of an Alert:"]}),`
+`,e.jsx(c,{code:`
+<Alert role={role} severity={severity} variant="banner">
+  <ScreenReaderText>{severity}:</ScreenReaderText>
+  {text}
+</Alert>
+`})]})}function w(n={}){const{wrapper:t}={...r(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(o,{...n})}):o(n)}export{w as default};

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-BQPhsSku.js

@@ -0,0 +1,53 @@
+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.")
+ *
+ * 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 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
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    const comboBoxElement = canvas.getByRole<HTMLInputElement>("combobox");
+    const clearMocks = () => {
+      optionOnClick.mockClear();
+      optionExtraOnClick.mockClear();
+    };
+    await step("Click on option triggers option onClick", async () => {
+      clearMocks();
+      await userEvent.click(comboBoxElement);
+      const option = screen.getByText("An Option label");
+      await userEvent.click(option);
+      expect(optionOnClick).toBeCalled();
+      expect(optionExtraOnClick).not.toBeCalled();
+    });
+    await step("Click on option extra triggers option.extra onClick", async () => {
+      clearMocks();
+      const optionExtra = screen.getByTestId("option1-extra");
+      await userEvent.click(optionExtra);
+      expect(optionOnClick).not.toBeCalled();
+      expect(optionExtraOnClick).toBeCalled();
+    });
+    await step("Click on unselectable option not trigger onClick", () => {
+      clearMocks();
+      const unselectableOption = screen.getByText("Unselectable Option");
+      expect(unselectableOption).toHaveStyle("pointer-events: none");
+      const optionExtra = screen.getByTestId("unselectable-extra");
+      expect(optionExtra).toHaveStyle("pointer-events: none");
+    });
+  }
+}`,...(D=(T=b.parameters)==null?void 0:T.docs)==null?void 0:D.source}}};var P,H,L;f.parameters={...f.parameters,docs:{...(P=f.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  args: {
+    adornmentSize: "large",
+    options: optionsWithExtra
+  }
+}`,...(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};