@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/assets/RadioGroup-D8i98nDO.js

@@ -1,10 +0,0 @@
-import{j as o}from"./iframe-CQjT1fxh.js";import{useMDXComponents as m}from"./index-D5BUEpVX.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./blocks-D521Uej3.js";import{R as r}from"./RadioGroup.stories-CBlRX0KY.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./axeRun-w5CBCc9V.js";import"./axe-9-4xvXvL.js";import"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./fieldComponentPropsMetaData-C9gCwuus.js";import"./RadioGroup-sL620ofZ.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BBH9ADKa.js";import"./Radio-BlxlCYZY.js";import"./Hint-BXue9c6p.js";import"./FormControlLabel-BG9mNqQc.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Radio-C5-GzJtb.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./createSvgIcon-CaWcxZng.js";import"./createChainedFunction-BO_9K8Jh.js";import"./RadioGroup-BcwUBGJo.js";import"./FormGroup-D8ZDwdpx.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.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 xo(i={}){const{wrapper:t}={...m(),...i.components};return t?o.jsx(t,{...i,children:o.jsx(p,{...i})}):p(i)}export{xo as default};

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

@@ -1,8 +0,0 @@
-import{j as r}from"./iframe-CQjT1fxh.js";import{O as a}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as n}from"./ScreenReaderText-toqV93JE.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Box-CnVllI1S.js";import"./visuallyHidden-Dan1xhjv.js";const j={component:n,decorators:[a],argTypes:{children:{control:"text"}},args:{children:"This text is visually hidden."}},e={render:function(i){return r.jsxs(r.Fragment,{children:["The following text is visually hidden:",r.jsx(n,{...i})]})}};var o,t,s;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
-  render: function C(args) {
-    return <>
-        The following text is visually hidden:
-        <ScreenReaderText {...args}></ScreenReaderText>
-      </>;
-  }
-}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const R=["Default"];export{e as Default,R as __namedExportsOrder,j as default};

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

@@ -1,37 +0,0 @@
-import{r as s,j as E}from"./iframe-CQjT1fxh.js";import{O as M}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as e}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{s as i,M as T}from"./SearchField-DmDpB-Sd.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BBH9ADKa.js";import"./InputBase-BYnzr12H.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Clfg5IS6.js";import"./Search-0744_rm_.js";import"./IconButton-BPR_sq0F.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-CQoJvuLM.js

@@ -1,15 +0,0 @@
-import{s as I}from"./tableRowClasses-Bk1uFtwh.js";import{r as s,j as n}from"./iframe-CQjT1fxh.js";import{M as Y}from"./Field-CqIOaZfg.js";import{g as Z,u as _,C as ee}from"./inputUtils-BBH9ADKa.js";import{u as te}from"./OdysseyThemeProvider-BA0_xP7N.js";import{C as ne}from"./Chip-BgPaZbUf.js";import{L as re}from"./ListSubheader-Dwx7m0BA.js";import{M as se}from"./MenuItem-CpMFWgaz.js";import{C as ae}from"./Checkbox-mRntsWEy.js";import{L as le}from"./ListItem-BNz1zv6N.js";import{S as ie}from"./Select-DE0mojaE.js";import{B as oe}from"./Box-CnVllI1S.js";import{b as N,a as ce}from"./WarningFilled-DOHs-JmZ.js";/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const ue=(...r)=>{const o="-";return r.join(o).replace(/\W+/g,o).toLowerCase()},de=I.div`
-  position: relative;
-  width: 100%;
-  display: flex;
-`,me=I("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({alignItems:"center",display:"flex",insetBlockEnd:0,insetBlockStart:0,insetInlineEnd:"25px",insetInlineStart:"4px",marginInlineStart:r.BorderWidthMain,opacity:1,pointerEvents:"none",position:"absolute"})),pe=I(N,{shouldForwardProp:r=>r!=="odysseyDesignTokens"})(({odysseyDesignTokens:r})=>({fontSize:"1em",marginBlockEnd:"-1px",marginInlineEnd:`-${r.Spacing1}`,marginInlineStart:r.Spacing2})),fe=I(oe,{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="isInteractive"&&r!=="isReadOnly"})(({isInteractive:r,isReadOnly:o,odysseyDesignTokens:p})=>({display:"flex",flexWrap:"wrap",gap:p.Spacing1,marginBlock:`-${p.Spacing2}`,marginInlineEnd:p.Spacing1,minHeight:p.Spacing6,opacity:r||o?1:0,pointerEvents:"none"})),{CONTROLLED:y}=ee,ge=({ariaDescribedBy:r,defaultValue:o,errorMessage:p,errorMessageList:W,hasMultipleChoices:b,hint:P,HintLinkComponent:$,id:K,inputRef:q,isDisabled:j=!1,isFullWidth:G=!1,isMultiSelect:M,isOptional:J=!1,isReadOnly:u=!1,label:Q,name:k,onBlur:E,onChange:h,onFocus:L,options:w,testId:z,translate:F,value:f})=>{const U=s.useRef(null),a=s.useMemo(()=>b===void 0?M:b,[b,M]),d=s.useRef(Z({controlledValue:f,uncontrolledValue:o})),[l,A]=s.useState(d.current===y?f:o),v=s.useRef(null),g=te();s.useImperativeHandle(q,()=>({focus:()=>{var t;(t=v.current)==null||t.focus()}}),[]),s.useEffect(()=>{d.current===y&&A(f)},[f]);const B=_({defaultValue:o,value:f,controlState:d.current}),S=s.useCallback((t,i)=>{if(u)t.preventDefault();else{const{target:{value:e}}=t;d.current!==y&&A(typeof e=="string"&&a?e.split(","):e),h==null||h(t,i)}},[a,h,u]),[D,V]=s.useMemo(()=>{const t=w.map(e=>{if(typeof e=="object"){const m=(e==null?void 0:e.value)===""?e.value:e.value||e.text;return{text:e.text,value:m,type:e.type==="heading"?"heading":"option",lang:e.language}}return{text:e,value:e,type:"option"}}),i=new Map(t.map(e=>[e.value,e]));return[t,i]},[w]),R=s.useCallback(t=>{if(Array.isArray(l)){const e={target:{value:l.filter(m=>m!==t)}};S(e,null)}},[l,S]),C=s.useCallback(({ariaLabel:t,isInteractive:i,isReadOnly:e})=>{const m=c=>c.stopPropagation(),x=!i&&!e&&d.current===y&&a;return Array.isArray(l)&&n.jsx(fe,{"aria-label":t,isInteractive:i,isReadOnly:e,odysseyDesignTokens:g,role:"list",children:l.map(c=>{var H;return(c==null?void 0:c.length)>0&&n.jsx(ne,{deleteIcon:n.jsx(N,{onMouseDown:m,sx:{pointerEvents:"auto"}}),label:n.jsxs(n.Fragment,{children:[(H=V.get(c))==null?void 0:H.text,x&&n.jsx(pe,{odysseyDesignTokens:g})]}),onDelete:i&&d.current===y?()=>R(c):void 0,role:"listitem",tabIndex:-1},c)})})},[d,a,l,g,R,V]),T=s.useMemo(()=>D.map((t,i)=>{if(t.type==="heading")return n.jsxs(re,{children:[" ",t.text," "]},t.text);const e=a?l==null?void 0:l.includes(t.value):l===t.value;return n.jsxs(se,{"data-empty":!t.text,lang:t.lang,selected:e,value:t.value,children:[a&&n.jsx(ae,{checked:e}),t.text,!a&&l===t.value&&n.jsx(le,{children:n.jsx(ce,{})})]},ue(t.text,i.toString()))}),[a,D,l]),O=s.useCallback(t=>Array.isArray(t)&&n.jsx(C,{isInteractive:!1}),[C]),X=s.useCallback(({ariaDescribedBy:t,errorMessageElementId:i,id:e,labelElementId:m})=>n.jsxs(de,{children:[n.jsx(ie,{...B,"aria-describedby":t,"aria-errormessage":i,displayEmpty:!0,id:e,inputProps:{"data-se":z,"aria-disabled":j||u,readOnly:u},inputRef:x=>{v.current!==x&&(v.current=x),U.current=x},labelId:m,MenuProps:{sx:{".MuiPaper-root":{maxHeight:"50vh"}}},multiple:a,name:k??e,onBlur:E,onChange:S,onFocus:L,renderValue:a?O:void 0,translate:F,children:T}),a&&n.jsx(n.Fragment,{children:n.jsx(me,{odysseyDesignTokens:g,children:n.jsx(C,{ariaLabel:"Selected options",isInteractive:!u,isReadOnly:u})})})]}),[C,B,a,j,u,k,g,E,S,L,T,O,z,F]);return n.jsx(Y,{ariaDescribedBy:r,errorMessage:p,errorMessageList:W,fieldType:"single",hasVisibleLabel:!0,hint:P,HintLinkComponent:$,id:K,isDisabled:j,isFullWidth:G,isOptional:J,label:Q,renderFieldComponent:X})},xe=s.memo(ge);xe.displayName="Select";export{xe as M};

package/dist/assets/Select.stories-B8cWbr6v.js

@@ -1,233 +0,0 @@
-import{j as p}from"./iframe-CQjT1fxh.js";import{O as Ee}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{u as ke}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as s}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as c}from"./Select-CQoJvuLM.js";import{M as Re}from"./Link-Cg_KakDo.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BBH9ADKa.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./ListSubheader-Dwx7m0BA.js";import"./MenuItem-CpMFWgaz.js";import"./Checkbox-mRntsWEy.js";import"./SwitchBase-C_6ALR3v.js";import"./useControlled-BUhC7uWK.js";import"./Select-DE0mojaE.js";import"./Menu-DB2s3Jn0.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./index-5Qx3hCfP.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./ArrowDropDown-BbLKA4fg.js";import"./InputBase-BYnzr12H.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";const{fn:R,screen:Le,userEvent:i}=__STORYBOOK_MODULE_TEST__,r=["Option A","Option B","Option C","Option D","Option E"],we=["None",...r],Ve=we.reduce((t,o)=>(t[o]=o==="None"?"":o,t),{}),Be=[{text:"Group 1",type:"heading"},"Option A","Option B","Option C",{text:"Group 2",type:"heading"},"Option D","Option E"],De=[{text:"Object option A",value:"option-a"},{text:"Object option B",value:"option-b"},{text:"Object option C",value:"option-c"}],Fe=[{text:"English",value:"en",language:"en"},{text:"Español",value:"es",language:"es"},{text:"Français",value:"fr",language:"fr"},{text:"Deutsch",value:"de",language:"de"},{text:"中文",value:"zh",language:"zh"},{text:"日本語",value:"ja",language:"ja"},{text:"한국어",value:"ko",language:"ko"}],Wt={component:c,decorators:[Ee],tags:["autodocs"],argTypes:{ariaDescribedBy:{control:"text",description:"ID of the element that provides additional description for the field",table:{category:"Functional",type:{summary:"string"}}},defaultValue:{control:{type:"text"},description:"If `value` is undefined, the field is uncontrolled and `defaultValue` provides its initial text",table:{category:"Functional",type:{summary:"string | string[]"}}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hasMultipleChoices:{control:"boolean",description:"If `true`, the Select allows multiple selections",table:{readonly:!0,category:"Functional",type:{summary:"boolean"},defaultValue:{summary:"false"}}},hint:s.hint,HintLinkComponent:s.HintLinkComponent,id:s.id,isDisabled:s.isDisabled,isFullWidth:s.isFullWidth,isOptional:s.isOptional,isReadOnly:s.isReadOnly,label:{control:"text",description:"The label text for the select component",table:{category:"Visual",type:{summary:"string"}},type:{name:"string",required:!0}},name:s.name,onBlur:{control:!1,description:"Callback fired when the select component loses focus",table:{category:"Functional",type:{summary:"func"}}},onChange:{control:!1,description:"Callback fired when the value of the select component changes",table:{category:"Functional",type:{summary:"func"}}},onFocus:{control:!1,description:"Callback fired when the select component gains focus",table:{category:"Functional",type:{summary:"func"}}},options:{control:{type:"check"},description:"The options for the select component",options:r,table:{category:"Visual",type:{summary:"(string | SelectOption)[]"}}},testId:{control:"text",description:"Adds `data-se` attribute",table:{category:"Functional",type:{summary:"string"}}},translate:{control:{type:"radio"},options:["yes","no"],description:"Sets the HTML `translate` attribute on the rendered field",table:{category:"Functional",type:{summary:'"yes" | "no"'}}},value:{control:{type:"radio"},options:we,mapping:Ve,description:"If `value` is provided, you control the input externally and must handle updates with `onChange`.",table:{category:"Functional",type:{summary:"string | string[]"}}}},args:{errorMessageList:[],hint:"Hint text",label:"Label",onBlur:R(),onChange:R(),onFocus:R(),options:r,isDisabled:!1,isFullWidth:!1,isOptional:!1,hasMultipleChoices:!1,value:"None"}},n={args:{hasMultipleChoices:!1},render:function(o,a){const e=o,{value:l,setValue:L}=ke({args:e,context:a,argKey:"value",defaultValue:typeof e.value=="string"?e.value:""}),w=E=>{L(E.target.value)};return p.jsx(c,{...e,hasMultipleChoices:!1,onChange:w,value:l})}},V={args:{hasMultipleChoices:!0},render:function(o,a){const e=o,{value:l,setValue:L}=ke({args:e,context:a,argKey:"value",defaultValue:Array.isArray(e.value)?e.value:[]}),w=E=>{L(E.target.value)};return p.jsx(c,{...e,hasMultipleChoices:!0,onChange:w,value:l})}},u={...n,play:async({canvasElement:t,step:o})=>{await o("Select first option",async()=>{const a=t.querySelector('[aria-haspopup="listbox"]');if(!a)return;await i.click(a);const l=Le.getByRole("listbox").children[0];await i.click(l),await i.tab()})},tags:["!autodocs"]},m={...n,args:{isDisabled:!0}},d={...n,args:{errorMessage:"Select an option."}},g={...n,args:{errorMessage:"Select an option.",errorMessageList:["Error A","Error B"]}},y={...n,args:{isFullWidth:!0}},h={...n,args:{HintLinkComponent:p.jsx(Re,{href:"#",children:"Link"})}},b={...n,args:{options:["",...r],value:"None"},argTypes:{options:{control:!1}},parameters:{docs:{description:{story:"Select supports an empty string entry so the first selection renders no visible value"}}}},f={...n,args:{options:De,value:"option-b"},argTypes:{options:{control:!1},value:{control:!1}},parameters:{docs:{description:{story:"Select supports passing option objects with distinct text and value properties"}}}},O={...n,args:{options:Be},argTypes:{options:{control:!1}},parameters:{docs:{description:{story:'Options marked with `type: "heading"` create non-selectable group labels'}}}},v={...V,args:{hasMultipleChoices:!0,value:[]},argTypes:{value:{control:{type:"check"},options:r}},play:async({canvasElement:t,step:o})=>{await o("Select multiple options",async()=>{const a=t.querySelector('[aria-haspopup="listbox"]');if(!a)return;await i.click(a);const e=Le.getByRole("listbox");await i.click(e.children[0]),await i.click(e.children[1]),await i.tab()})}},S={...n,args:{isReadOnly:!0,value:"Option C"}},x={...V,args:{hasMultipleChoices:!0,isReadOnly:!0,value:["Option A","Option C","Option D"]},argTypes:{value:{control:{type:"check"},options:r}}},M={...V,args:{hasMultipleChoices:!0,isReadOnly:!0,value:["Option B","Option E"]},argTypes:{value:{control:{type:"check"},options:r}}},T={...n,args:{label:"Label",options:Fe,value:""},argTypes:{options:{control:!1}},parameters:{docs:{description:{story:"Showcase the Select component with options for multiple different languages"}}}},C={args:{defaultValue:"Option B",value:void 0,label:"Label",options:r},argTypes:{value:{control:!1},defaultValue:{control:{type:"radio"},options:r}},parameters:{docs:{description:{story:"Use the uncontrolled pattern for simple forms where you do not need to react to user selection changes"}}},render:t=>p.jsx(c,{...t})},k={args:{defaultValue:["Option B","Option C"],hasMultipleChoices:!0,value:void 0,label:"Label",options:r},argTypes:{value:{control:!1},defaultValue:{control:{type:"check"},options:r}},render:t=>p.jsx(c,{...t})};var B,D,F;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select first option", async () => {
-      const trigger = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (!trigger) {
-        return;
-      }
-      await userEvent.click(trigger);
-      const listbox = screen.getByRole("listbox");
-      const firstOption = listbox.children[0];
-      await userEvent.click(firstOption);
-      await userEvent.tab();
-    });
-  },
-  tags: ["!autodocs"]
-}`,...(F=(D=u.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};var j,A,H;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    isDisabled: true
-  }
-}`,...(H=(A=m.parameters)==null?void 0:A.docs)==null?void 0:H.source}}};var _,U,W;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    errorMessage: "Select an option."
-  }
-}`,...(W=(U=d.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var q,I,N;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    errorMessage: "Select an option.",
-    errorMessageList: ["Error A", "Error B"]
-  }
-}`,...(N=(I=g.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var z,G,K;y.parameters={...y.parameters,docs:{...(z=y.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    isFullWidth: true
-  }
-}`,...(K=(G=y.parameters)==null?void 0:G.docs)==null?void 0:K.source}}};var P,Y,J;h.parameters={...h.parameters,docs:{...(P=h.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    HintLinkComponent: <Link href="#">Link</Link>
-  }
-}`,...(J=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:J.source}}};var Q,X,Z;b.parameters={...b.parameters,docs:{...(Q=b.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    options: ["", ...baseOptionLabels],
-    value: "None"
-  },
-  argTypes: {
-    options: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Select supports an empty string entry so the first selection renders no visible value"
-      }
-    }
-  }
-}`,...(Z=(X=b.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;f.parameters={...f.parameters,docs:{...($=f.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    options: objectOptions,
-    value: "option-b"
-  },
-  argTypes: {
-    options: {
-      control: false
-    },
-    value: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Select supports passing option objects with distinct text and value properties"
-      }
-    }
-  }
-}`,...(te=(ee=f.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var oe,re,ne;O.parameters={...O.parameters,docs:{...(oe=O.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    options: groupedOptions
-  },
-  argTypes: {
-    options: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Options marked with \`type: "heading"\` create non-selectable group labels'
-      }
-    }
-  }
-}`,...(ne=(re=O.parameters)==null?void 0:re.docs)==null?void 0:ne.source}}};var se,ae,ie;v.parameters={...v.parameters,docs:{...(se=v.parameters)==null?void 0:se.docs,source:{originalSource:`{
-  ...multiSelectTemplate,
-  args: {
-    hasMultipleChoices: true,
-    value: []
-  },
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Select multiple options", async () => {
-      const trigger = canvasElement.querySelector('[aria-haspopup="listbox"]');
-      if (!trigger) {
-        return;
-      }
-      await userEvent.click(trigger);
-      const listbox = screen.getByRole("listbox");
-      await userEvent.click(listbox.children[0]);
-      await userEvent.click(listbox.children[1]);
-      await userEvent.tab();
-    });
-  }
-}`,...(ie=(ae=v.parameters)==null?void 0:ae.docs)==null?void 0:ie.source}}};var le,pe,ce;S.parameters={...S.parameters,docs:{...(le=S.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    isReadOnly: true,
-    value: "Option C"
-  }
-}`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,me,de;x.parameters={...x.parameters,docs:{...(ue=x.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  ...multiSelectTemplate,
-  args: {
-    hasMultipleChoices: true,
-    isReadOnly: true,
-    value: ["Option A", "Option C", "Option D"]
-  },
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  }
-}`,...(de=(me=x.parameters)==null?void 0:me.docs)==null?void 0:de.source}}};var ge,ye,he;M.parameters={...M.parameters,docs:{...(ge=M.parameters)==null?void 0:ge.docs,source:{originalSource:`{
-  ...multiSelectTemplate,
-  args: {
-    hasMultipleChoices: true,
-    isReadOnly: true,
-    value: ["Option B", "Option E"]
-  },
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  }
-}`,...(he=(ye=M.parameters)==null?void 0:ye.docs)==null?void 0:he.source}}};var be,fe,Oe;T.parameters={...T.parameters,docs:{...(be=T.parameters)==null?void 0:be.docs,source:{originalSource:`{
-  ...singleSelectTemplate,
-  args: {
-    label: "Label",
-    options: languageOptions,
-    value: ""
-  },
-  argTypes: {
-    options: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Showcase the Select component with options for multiple different languages"
-      }
-    }
-  }
-}`,...(Oe=(fe=T.parameters)==null?void 0:fe.docs)==null?void 0:Oe.source}}};var ve,Se,xe;C.parameters={...C.parameters,docs:{...(ve=C.parameters)==null?void 0:ve.docs,source:{originalSource:`{
-  args: {
-    defaultValue: "Option B",
-    value: undefined,
-    label: "Label",
-    options: baseOptionLabels
-  },
-  argTypes: {
-    value: {
-      control: false
-    },
-    defaultValue: {
-      control: {
-        type: "radio"
-      },
-      options: baseOptionLabels
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Use the uncontrolled pattern for simple forms where you do not need to react to user selection changes"
-      }
-    }
-  },
-  render: args => <Select {...args as SelectStoryArgs} />
-}`,...(xe=(Se=C.parameters)==null?void 0:Se.docs)==null?void 0:xe.source}}};var Me,Te,Ce;k.parameters={...k.parameters,docs:{...(Me=k.parameters)==null?void 0:Me.docs,source:{originalSource:`{
-  args: {
-    defaultValue: ["Option B", "Option C"],
-    hasMultipleChoices: true,
-    value: undefined,
-    label: "Label",
-    options: baseOptionLabels
-  },
-  argTypes: {
-    value: {
-      control: false
-    },
-    defaultValue: {
-      control: {
-        type: "check"
-      },
-      options: baseOptionLabels
-    }
-  },
-  render: args => <Select {...args as SelectStoryArgs} />
-}`,...(Ce=(Te=k.parameters)==null?void 0:Te.docs)==null?void 0:Ce.source}}};const qt=["Default","Disabled","Error","ErrorsList","FullWidth","HintLink","EmptyOption","OptionsObject","OptionsGrouped","MultiSelect","ReadOnly","ReadOnlyMultiSelect","ReadOnlyMultiSelectValue","MultipleLanguages","Uncontrolled","UncontrolledMultiSelect"];export{u as Default,m as Disabled,b as EmptyOption,d as Error,g as ErrorsList,y as FullWidth,h as HintLink,v as MultiSelect,T as MultipleLanguages,O as OptionsGrouped,f as OptionsObject,S as ReadOnly,x as ReadOnlyMultiSelect,M as ReadOnlyMultiSelectValue,C as Uncontrolled,k as UncontrolledMultiSelect,qt as __namedExportsOrder,Wt as default};

package/dist/assets/SideNav-tldrZCp2.js

@@ -1,85 +0,0 @@
-import{r as h,k as c,n as f,R as u,j as n}from"./iframe-CQjT1fxh.js";import{useMDXComponents as p}from"./index-D5BUEpVX.js";import{M as v,T as x,S as y,D as b,P as k,a as j}from"./blocks-D521Uej3.js";import{S as s}from"./SideNav.stories-Crrw-ySP.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./PlaceholderLogo-SOqcoUNb.js";import"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./SideNav-WgViafRP.js";import"./utilities.esm-D9akhJLQ.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./UiShellProvider-oDzwqt6Y.js";import"./useMountLifecycleEffect-BNByHT_g.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-wkTP8_D6.js";import"./useSlot-BMAKysxJ.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./useControlled-BUhC7uWK.js";import"./Collapse-DULszxZp.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./Paper-vUVrw-QB.js";import"./ButtonBase-Rz8p08Xo.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";import"./Skeleton-DxFSebyW.js";import"./colorManipulator-BYcVMQmD.js";import"./Badge-4k4qHpX4.js";import"./Status-DyDCzqET.js";import"./MuiPropsContext-D6i6qZME.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./ChevronRight-QYu5EQHS.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./Portal-DeJFqeW-.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./Server-1eTAy_EZ.js";import"./AddCircle-zDqHIKbQ.js";import"./User-BEFwQRGi.js";import"./Home-D8RWt2JU.js";import"./Folder-CVKRyg4P.js";import"./Download-CA8gZ8xE.js";import"./Clock-CRMbzsTS.js";import"./Settings-CnuBvsmb.js";import"./Notification-CqbysXIb.js";var S=0,D=e=>e.button===S&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,E=(e,t=i=>{})=>{D(e)&&(e.preventDefault(),t(e))},g=class extends h.PureComponent{constructor(){super(...arguments),this.state={href:"/"},this.updateHref=async()=>{let{kind:e,title:t=e,story:i,name:r=i}=this.props;if(t&&r){let o=await c(t,r);this.setState({href:o})}},this.handleClick=()=>{let{kind:e,title:t=e,story:i,name:r=i}=this.props;t&&r&&f({title:t,name:r})}}componentDidMount(){this.updateHref()}componentDidUpdate(e){let{kind:t,title:i,story:r,name:o}=this.props;(e.kind!==t||e.story!==r||e.title!==i||e.name!==o)&&this.updateHref()}render(){let{kind:e,title:t=e,story:i,name:r=i,children:o,...m}=this.props,{href:d}=this.state;return u.createElement("a",{href:d,onClick:l=>E(l,this.handleClick),...m},o)}};g.defaultProps={children:void 0};function a(e){const t={code:"code",h4:"h4",p:"p",pre:"pre",...p(),...e.components};return n.jsxs(n.Fragment,{children:[n.jsx(v,{of:s}),`
-`,n.jsx(x,{of:s}),`
-`,n.jsx(y,{of:s}),`
-`,n.jsx(b,{of:s}),`
-`,n.jsx(k,{of:s}),`
-`,n.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
-`,n.jsxs(t.p,{children:["the ",n.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",n.jsx(t.code,{children:"SideNavItem"})]}),`
-`,n.jsx(t.pre,{children:n.jsx(t.code,{children:`type SideNavItem = {
-  id: string;
-  label: string;
-  /**
-   * The icon element to display at the end of the Nav Item
-   */
-  endIcon?: ReactElement;
-  /**
-   * Whether the item is disabled. When set to true the nav item is set to Disabled color,
-   * the link/item is not clickable, and item with children is not expandable.
-   */
-  isDisabled?: boolean;
-  /**
-   * Whether the item is active/selected
-   */
-  isSelected?: boolean;
-  /**
-   * Event fired when the nav item is clicked
-   */
-  onClick?(): void;
-  /**
-   * The status element to display after the label
-   */
-  severity?: (typeof statusSeverityValues)[number];
-  /**
-   * The icon element to display at the start of the Nav Item
-   */
-  startIcon?: ReactElement;
-  /**
-   * The label to display inside the status
-   */
-  statusLabel?: string;
-  /**
-   * The link target prop. e.g., "_blank"
-   */
-  target?: string;
-} & (
-  | {
-      /**
-       * Determines if the side nav item is a section header
-       */
-      isSectionHeader: true;
-      href?: never;
-      children?: never;
-      isDefaultExpanded?: never;
-      isExpanded?: never;
-    }
-  | {
-      /**
-       * link added to the nav item. if it is undefined, static text will be displayed.
-       * fires onClick event when it is passed
-       */
-      href: string;
-      children?: never;
-      isSectionHeader?: never;
-      isDefaultExpanded?: never;
-      isExpanded?: never;
-    }
-  | {
-      /**
-       * An array of side nav items to be displayed as children within Accordion
-       */
-      children?: SideNavItem[];
-      /**
-       * Whether the accordion (nav item with children) is expanded by default
-       */
-      isDefaultExpanded?: boolean;
-      /**
-       * If true, expands the accordion, otherwise collapse it.
-       * Setting this prop enables control over the accordion.
-       */
-      isExpanded?: boolean;
-      isSectionHeader?: never;
-      href?: never;
-    }
-);
-`})}),`
-`,n.jsx(j,{})]})}function _e(e={}){const{wrapper:t}={...p(),...e.components};return t?n.jsx(t,{...e,children:n.jsx(a,{...e})}):a(e)}export{_e as default};

package/dist/assets/Stack.stories-B9W1XlQs.js

@@ -1 +0,0 @@
-import{j as e}from"./iframe-CQjT1fxh.js";import{s as c}from"./tableRowClasses-Bk1uFtwh.js";import{O as p}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{s as m,a as s,M as d}from"./Stack-jxMWaEAU.js";import{u as l}from"./OdysseyThemeProvider-BA0_xP7N.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./WarningFilled-DOHs-JmZ.js";const o=c.div(({odysseyDesignTokens:t})=>({display:"flex",alignItems:"center",justifyContent:"center",width:t.Spacing8,height:t.Spacing8,backgroundColor:t.HueNeutral100,border:`1px dashed ${t.PalettePrimaryDarker}`,borderRadius:t.BorderRadiusMain})),u=()=>{const t=l();return e.jsxs(e.Fragment,{children:[e.jsx(o,{odysseyDesignTokens:t,children:"1"}),e.jsx(o,{odysseyDesignTokens:t,children:"2"}),e.jsx(o,{odysseyDesignTokens:t,children:"3"}),e.jsx(o,{odysseyDesignTokens:t,children:"4"})]})},v={component:d,decorators:[p],tags:["autodocs"],argTypes:{children:{control:e.jsx(e.Fragment,{}),description:"The content of the component",table:{type:{summary:"ReactNode"}}},direction:{options:s,control:{type:"radio"},description:"The flex-direction applied to the Stack",table:{type:{summary:s.join(" | ")}},type:{name:"other",value:"radio"}},spacing:{control:"select",options:m.map(t=>t)},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:e.jsx(u,{}),spacing:2}},r={};var a,i,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(i=r.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const w=["Default"];export{r as Default,w as __namedExportsOrder,v as default};

package/dist/assets/Tag.stories-CFd40qf5.js

@@ -1,96 +0,0 @@
-import{j as e}from"./iframe-CQjT1fxh.js";import{a as te}from"./axeRun-w5CBCc9V.js";import{i as S}from"./iconUtils-DmnxHGuV.js";import{O as se}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as a}from"./Tag-CYK8pNzu.js";import{M as ne}from"./TagList-CunLkaIS.js";import{M as ce}from"./Group-BJr9nAnt.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-9-4xvXvL.js";import"./index-Vzl5wUDu.js";import"./tableRowClasses-Bk1uFtwh.js";import"./AddCircle-zDqHIKbQ.js";import"./Server-1eTAy_EZ.js";import"./List-CZ2bN2bA.js";import"./ArrowRight-C5USrGY5.js";import"./Bug-BnGJL5iO.js";import"./Calendar-Do4wfihU.js";import"./Call-CZmd0zlk.js";import"./WarningFilled-DOHs-JmZ.js";import"./ChevronRight-QYu5EQHS.js";import"./ChevronUp-D226bAv0.js";import"./Clock-CRMbzsTS.js";import"./Upload-nb-hV6Ym.js";import"./Documentation-nAJnZGCK.js";import"./Download-CA8gZ8xE.js";import"./ExternalLink-3_gWbh_U.js";import"./Filter-XcwxIcdg.js";import"./Folder-CVKRyg4P.js";import"./Globe-C0SMdL8H.js";import"./Grid-DnpTJXeB.js";import"./Hide-C2jA-JOQ.js";import"./Home-D8RWt2JU.js";import"./InformationCircle-DRZkRWne.js";import"./Link-BKNciOfr.js";import"./More-BAN0OFVF.js";import"./Notification-CqbysXIb.js";import"./Refresh-ZZ_nNcXg.js";import"./Search-0744_rm_.js";import"./Settings-CnuBvsmb.js";import"./Show-C6ORd-wr.js";import"./Sync-Bo0k4rYZ.js";import"./User-BEFwQRGi.js";import"./Video-DHeibuka.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./MuiPropsContext-D6i6qZME.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";const{expect:oe,fn:ie,userEvent:f,within:le}=__STORYBOOK_MODULE_TEST__,ua={component:a,decorators:[se],parameters:{actions:{argTypesRegex:null}},tags:["autodocs"],argTypes:{icon:{control:{type:"select"},options:Object.keys(S),mapping:S,description:"An optional icon to display alongside the label",table:{type:{summary:"<Icon />"}}},isDisabled:{control:"boolean",description:"If `true`, the tag is disabled",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the tag",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onClick:{control:"object",action:!0,description:"Callback fired when the tag is clicked",table:{type:{summary:"func"}}},onRemove:{control:"object",action:!0,description:"Callback fired when the remove button of the tag is clicked",table:{type:{summary:"func"}}},colorVariant:{control:{type:"select"},options:["default","info","accentOne","accentTwo","accentThree","accentFour"],description:"The color of the tag",table:{type:{summary:"string"},defaultValue:{summary:"default"}}},size:{control:{type:"select"},options:["default","small"],description:"The size of the tag",table:{type:{summary:"string"},defaultValue:{summary:"default"}}}},args:{label:"Starship",colorVariant:"default",onClick:ie(),size:"medium"}},n={args:{label:"Starship"}},c={args:{label:"Starship",colorVariant:"info"}},i={args:{label:"Starship",colorVariant:"accentOne"}},l={args:{label:"Starship",colorVariant:"accentTwo"}},m={args:{label:"Starship",colorVariant:"accentThree"}},p={args:{label:"Starship",colorVariant:"accentFour"}},u={render:function(t){return e.jsxs(ne,{children:[e.jsx(a,{label:t.label}),e.jsx(a,{colorVariant:"info",label:"Info tag"}),e.jsx(a,{colorVariant:"accentOne",label:"AccentOne tag"}),e.jsx(a,{colorVariant:"accentTwo",label:"AccentTwo tag"}),e.jsx(a,{colorVariant:"accentThree",label:"AccentThree tag"}),e.jsx(a,{colorVariant:"accentFour",label:"AccentFour tag"})]})},args:{label:"Default tag"}},g={args:{label:"Starship",size:"small"}},d={args:{label:"Crew",icon:e.jsx(ce,{})}},b={args:{label:"Starship"},play:async({args:r,canvasElement:t,step:T})=>{await T("click the tag",async()=>{const s=le(t).getByText(r.label);await f.click(s),oe(r.onClick).toHaveBeenCalledTimes(1),await te("Clickable Tag")})}},h={args:{label:"Starship"},play:async({args:r,canvasElement:t,step:T})=>{await T("remove the tag on click",async()=>{const o=t.querySelector('[role="button"]'),s=o==null?void 0:o.querySelector("svg");s&&(await f.click(s),await f.tab(),await oe(r.onRemove).toHaveBeenCalled()),await te("Removable Tag")})}},y={args:{label:"Starship",isDisabled:!0}};var v,w,V;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    label: "Starship"
-  }
-}`,...(V=(w=n.parameters)==null?void 0:w.docs)==null?void 0:V.source}}};var x,k,C;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "info"
-  }
-}`,...(C=(k=c.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var A,O,I;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentOne"
-  }
-}`,...(I=(O=i.parameters)==null?void 0:O.docs)==null?void 0:I.source}}};var j,E,R;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentTwo"
-  }
-}`,...(R=(E=l.parameters)==null?void 0:E.docs)==null?void 0:R.source}}};var D,F,z;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentThree"
-  }
-}`,...(z=(F=m.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var _,B,M;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentFour"
-  }
-}`,...(M=(B=p.parameters)==null?void 0:B.docs)==null?void 0:M.source}}};var L,q,H;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  render: function C(args) {
-    return <TagList>
-        <Tag label={args.label} />
-        <Tag colorVariant="info" label="Info tag" />
-        <Tag colorVariant="accentOne" label="AccentOne tag" />
-        <Tag colorVariant="accentTwo" label="AccentTwo tag" />
-        <Tag colorVariant="accentThree" label="AccentThree tag" />
-        <Tag colorVariant="accentFour" label="AccentFour tag" />
-      </TagList>;
-  },
-  args: {
-    label: "Default tag"
-  }
-}`,...(H=(q=u.parameters)==null?void 0:q.docs)==null?void 0:H.source}}};var G,K,U;g.parameters={...g.parameters,docs:{...(G=g.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    size: "small"
-  }
-}`,...(U=(K=g.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};var Y,J,N;d.parameters={...d.parameters,docs:{...(Y=d.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    label: "Crew",
-    icon: <GroupIcon />
-  }
-}`,...(N=(J=d.parameters)==null?void 0:J.docs)==null?void 0:N.source}}};var P,Q,W;b.parameters={...b.parameters,docs:{...(P=b.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  args: {
-    label: "Starship"
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }) => {
-    await step("click the tag", async () => {
-      const canvas = within(canvasElement);
-      const tag = canvas.getByText(args.label);
-      await userEvent.click(tag);
-      expect(args.onClick).toHaveBeenCalledTimes(1);
-      await axeRun("Clickable Tag");
-    });
-  }
-}`,...(W=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:W.source}}};var X,Z,$;h.parameters={...h.parameters,docs:{...(X=h.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    label: "Starship"
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }) => {
-    await step("remove the tag on click", async () => {
-      const tagElement = canvasElement.querySelector('[role="button"]');
-      const removeIcon = tagElement?.querySelector("svg");
-      if (removeIcon) {
-        await userEvent.click(removeIcon);
-        await userEvent.tab();
-        await expect(args.onRemove).toHaveBeenCalled();
-      }
-      await axeRun("Removable Tag");
-    });
-  }
-}`,...($=(Z=h.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,re;y.parameters={...y.parameters,docs:{...(ee=y.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    isDisabled: true
-  }
-}`,...(re=(ae=y.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};const ga=["Default","Info","AccentOne","AccentTwo","AccentThree","AccentFour","List","Small","Icon","Clickable","Removable","Disabled"];export{p as AccentFour,i as AccentOne,m as AccentThree,l as AccentTwo,b as Clickable,n as Default,y as Disabled,d as Icon,c as Info,u as List,h as Removable,g as Small,ga as __namedExportsOrder,ua as default};