@okta/odyssey-react-mui 1.54.0 → 1.55.0

package/dist/assets/IconWithTooltip.stories-DXTdDuRk.js

@@ -1,19 +0,0 @@
-import{r as x,j as n}from"./iframe-DE4RuJrv.js";import{a as T}from"./axeRun-QswtvkOz.js";import{O as b}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{s as I}from"./tableRowClasses-SdduqaRI.js";import{u as w}from"./MuiPropsContext-Bg_x6l7d.js";import{u as O}from"./OdysseyThemeProvider-CCwl8LYd.js";import{T as v}from"./Tooltip-DoyRbWb9.js";import{M as C}from"./InformationCircle-Dg6oiOPA.js";import{M}from"./Group-Cp6vHli3.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-CZ-24O2A.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./WarningFilled-qIqi4h0v.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./index-DBPVAcBX.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-0vpPKndq.js";import"./Popper-DAO3a_fx.js";import"./ownerDocument-DW-IO8s5.js";const E=I.span(({odysseyDesignTokens:t})=>({display:"inline-flex",transitionProperty:"border-color, box-shadow, outline",transitionDuration:t.TransitionDurationMain,border:"1px solid transparent","&:focus, &:focus-visible":{borderColor:t.FocusOutlineColorPrimary,boxShadow:`0 0 0 1px ${t.FocusOutlineColorPrimary}`,outline:`${t.FocusOutlineWidthMain} ${t.FocusOutlineStyle} transparent`,outlineOffset:t.FocusOutlineOffsetTight},svg:{display:"flex"}})),_=({IconComponent:t=n.jsx(C,{}),placement:o="right",testId:a,tooltipText:s,translate:e})=>{const f=w(),g=O();return n.jsx(v,{"data-se":a,describeChild:!0,placement:o,tabIndex:0,title:s,translate:e,children:n.jsx(E,{odysseyDesignTokens:g,...f,children:t})})},y=x.memo(_);y.displayName="IconWithTooltip";const{userEvent:p,within:S}=__STORYBOOK_MODULE_TEST__,rt={component:y,decorators:[b],argTypes:{IconComponent:{description:"The icon to render",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<InformationCircleIcon />"}},type:{required:!0,name:"string"}},tooltipText:{control:"text",description:"The text to display in the tooltip",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},placement:{options:["top","right","bottom","left"],control:{type:"radio"},description:"The placement of the tooltip",table:{type:{summary:"top | right | bottom | left"},defaultValue:{summary:"right"}}}},args:{testId:"tooltip"},tags:["icons-export"]},j=({canvasElement:t,step:o})=>async a=>{await o("show the tooltip on hover",async()=>{const e=S(t).getByTitle("Use the `i` icon to give details that might not be critical but are 'good to know'");await p.hover(e),await T(a),await p.unhover(e)})},r={args:{tooltipText:"Use the `i` icon to give details that might not be critical but are 'good to know'"},play:async({canvasElement:t,step:o})=>{await j({canvasElement:t,step:o})("IconWithTooltip")}},i={args:{IconComponent:n.jsx(M,{}),tooltipText:"This is a group of people"}};var c,m,l;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
-  args: {
-    tooltipText: "Use the \`i\` icon to give details that might not be critical but are 'good to know'"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await showTooltip({
-      canvasElement,
-      step
-    })("IconWithTooltip");
-  }
-}`,...(l=(m=r.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var u,d,h;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    IconComponent: <GroupIcon />,
-    tooltipText: "This is a group of people"
-  }
-}`,...(h=(d=i.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};const it=["Default","AnyIcon"];export{i as AnyIcon,r as Default,it as __namedExportsOrder,rt as default};

package/dist/assets/Link-DhNitPJh.js

@@ -1,11 +0,0 @@
-import{j as o}from"./iframe-DE4RuJrv.js";import{useMDXComponents as p}from"./index-CMrI_MV3.js";import{M as e,T as n,S as s,D as a,P as l,a as c,b as x}from"./blocks-CtYZtf3a.js";import{L as i}from"./Link.stories-Dq3qgFlT.js";import"./preload-helper-Dp1pzeXC.js";import"./index-BAELNoi-.js";import"./index-DBPVAcBX.js";import"./iconUtils-BUsEqJnv.js";import"./index-DvA7jsks.js";import"./tableRowClasses-SdduqaRI.js";import"./AddCircle-g6Yk-xuy.js";import"./Server-BCLxvuXN.js";import"./List-DyCjsxv2.js";import"./ArrowLeft-BbZaO7Hg.js";import"./ArrowRight-BdyE6fQu.js";import"./Bug-Do-FQ2IL.js";import"./Calendar-DXY28HTO.js";import"./Call-z0I5v6Vn.js";import"./WarningFilled-qIqi4h0v.js";import"./ChevronRight-CKfvqSM2.js";import"./ChevronUp-CKd8_YJW.js";import"./Clock-Di2hCnJ3.js";import"./Upload-DXb67X9X.js";import"./Documentation-RjgHsfAb.js";import"./Download-BcTe1ZU8.js";import"./ExternalLink-BEu8BCu0.js";import"./Filter-Wswbc_gt.js";import"./Folder-jR_3li1K.js";import"./Globe-FAvybPgY.js";import"./Grid-6HD5fC0r.js";import"./Group-Cp6vHli3.js";import"./Hide-B8GBii5B.js";import"./Home-BXRcLQe_.js";import"./InformationCircle-Dg6oiOPA.js";import"./Link-D-2xfQL8.js";import"./More-C9jx0DT3.js";import"./Notification-CZG5fzUR.js";import"./Refresh-CASA72Vm.js";import"./Search-BSCrQGJG.js";import"./Settings-D7DZLft8.js";import"./Show-CPDqp9eP.js";import"./Sync-DRzWBzLb.js";import"./User-CgytLiqa.js";import"./Video-CkI57iP_.js";import"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Link-DBfYgyqI.js";import"./Link-BVJyfG5Z.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./Typography-CAaRogW8.js";function m(r){const t={a:"a",h2:"h2",li:"li",ul:"ul",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
-`,o.jsx(n,{of:i}),`
-`,o.jsx(s,{of:i}),`
-`,o.jsx(a,{of:i}),`
-`,o.jsx(l,{of:i}),`
-`,o.jsx(c,{}),`
-`,o.jsx(x,{}),`
-`,o.jsx(t.h2,{id:"references",children:"References"}),`
-`,o.jsxs(t.ul,{children:[`
-`,o.jsxs(t.li,{children:[o.jsx(t.a,{href:"https://developers.google.com/web/tools/lighthouse/audits/noopener",rel:"nofollow",children:"Google's Developer Documentation"})," provides backgrounds on security and performance considerations when using external links"]}),`
-`]})]})}function co(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{co as default};

package/dist/assets/ListSubheader.stories-CxR2xD4x.js

@@ -1,5 +0,0 @@
-import{j as t}from"./iframe-DE4RuJrv.js";import{O as n}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{L as r}from"./ListSubheader-DROGdpSN.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";Object.assign(r,{displayName:"ListSubheader"});const f={component:r,decorators:[n],tags:["autodocs"],argTypes:{children:{control:"text"}},args:{children:"Subheader label"},parameters:{docs:{description:{component:"`ListSubheader` groups related menu items within `MenuButton`. It is not supported outside of the menu context."}}}},e={render:i=>t.jsx("ul",{children:t.jsx(r,{...i})})};var o,s,a;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
-  render: args => <ul>
-      <ListSubheader {...args} />
-    </ul>
-}`,...(a=(s=e.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const S=["Default"];export{e as Default,S as __namedExportsOrder,f as default};

package/dist/assets/MenuButton.stories-MUOIPnkF.js

@@ -1,246 +0,0 @@
-import{j as e}from"./iframe-DE4RuJrv.js";import{a as de}from"./axeRun-QswtvkOz.js";import{i as v}from"./iconUtils-BUsEqJnv.js";import{O as be}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{f as Me}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{m as j}from"./BaseMenuButton-aaW8V_or.js";import{b as L}from"./BaseButton-BMsK9NzI.js";import{M as se}from"./MenuButton-XKYLHmS4.js";import{M as t}from"./MenuItem-C24Kmcql.js";import{L as w}from"./ListSubheader-DROGdpSN.js";import{D as ue}from"./Divider-Cz7bC_1D.js";import{M as I}from"./Box-GItunEmH.js";import{f as he,c as l,a as S}from"./Typography-B7LPQ65D.js";import{M as s}from"./Link-DBfYgyqI.js";import{a as ye}from"./index-DvA7jsks.js";import{u as ge}from"./OdysseyThemeProvider-CCwl8LYd.js";import{M as me}from"./Group-Cp6vHli3.js";import{M as Be}from"./Globe-FAvybPgY.js";import{M as xe}from"./Calendar-DXY28HTO.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-CZ-24O2A.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./tableRowClasses-SdduqaRI.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-ZAp67kRJ.js";import"./More-C9jx0DT3.js";import"./Menu-CAnOJYGy.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./index-DBPVAcBX.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C2qslhip.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-DrCoA42j.js";import"./Paper-Bv-8rqJG.js";import"./MenuList-De-H5WYL.js";import"./List-BSVKZ0wr.js";import"./WarningFilled-qIqi4h0v.js";import"./MuiPropsContext-Bg_x6l7d.js";import"./Tooltip-CtMQ7ejP.js";import"./Tooltip-DoyRbWb9.js";import"./useControlled-0vpPKndq.js";import"./Popper-DAO3a_fx.js";import"./Button-DU6-loxu.js";import"./ButtonBase-CKEbMwnW.js";import"./MenuItem-DxqkPhH4.js";import"./Box-DcPUBV1N.js";import"./Typography-CAaRogW8.js";import"./Link-BVJyfG5Z.js";import"./ExternalLink-BEu8BCu0.js";import"./AddCircle-g6Yk-xuy.js";import"./Server-BCLxvuXN.js";import"./List-DyCjsxv2.js";import"./ArrowLeft-BbZaO7Hg.js";import"./ArrowRight-BdyE6fQu.js";import"./Bug-Do-FQ2IL.js";import"./Call-z0I5v6Vn.js";import"./ChevronRight-CKfvqSM2.js";import"./ChevronUp-CKd8_YJW.js";import"./Clock-Di2hCnJ3.js";import"./Upload-DXb67X9X.js";import"./Documentation-RjgHsfAb.js";import"./Download-BcTe1ZU8.js";import"./Filter-Wswbc_gt.js";import"./Folder-jR_3li1K.js";import"./Grid-6HD5fC0r.js";import"./Hide-B8GBii5B.js";import"./Home-BXRcLQe_.js";import"./InformationCircle-Dg6oiOPA.js";import"./Link-D-2xfQL8.js";import"./Notification-CZG5fzUR.js";import"./Refresh-CASA72Vm.js";import"./Search-BSCrQGJG.js";import"./Settings-D7DZLft8.js";import"./Show-CPDqp9eP.js";import"./Sync-DRzWBzLb.js";import"./User-CgytLiqa.js";import"./Video-CkI57iP_.js";const{expect:f,userEvent:Ie,waitFor:ke,within:k}=__STORYBOOK_MODULE_TEST__,i=({children:o})=>{const n=ge();return e.jsx(I,{sx:{marginBottom:n.Spacing4},children:o})},an={component:se,decorators:[be],tags:["autodocs"],argTypes:{ariaDescribedBy:{control:"text",description:"The ID of the element that describes the MenuButton, if one exists.",table:{category:"Functional",type:{summary:"string"}}},ariaLabel:{control:"text",description:"aria-label to describe the MenuButton when the button label is empty",table:{category:"Functional",type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"The ID of the element that labels the MenuButton. Only needed if the button has no text and `ariaLabel` is empty.",table:{category:"Functional",type:{summary:"string"}}},buttonLabel:{control:"text",description:"The label on the triggering Button",table:{category:"Visual",type:{summary:"string"}}},buttonVariant:{options:L,control:{type:"radio"},description:"The variant of the triggering Button",table:{category:"Visual",type:{summary:L.join(" | ")},defaultValue:{summary:"secondary"}}},children:{control:!1,description:"Menu content composed from [MenuItem](../?path=/docs/odyssey-core-overlays-menubutton-menuitem--docs), [Divider](../?path=/docs/odyssey-core-overlays-menubutton-divider--docs), and [ListSubheader](../?path=/docs/odyssey-core-overlays-menubutton-listsubheader--docs)",table:{category:"Visual",type:{summary:"[MenuItem | Divider | ListSubheader | NullElement]"}},type:{required:!1,name:"other",value:"[MenuItem | Divider | ListSubheader]"}},popoverContent:{control:!1,description:"The contents to display in the popover (instead of children)",table:{category:"Visual",type:{summary:"[ReactNode | NullElement]"}},type:{required:!1,name:"other",value:"ReactNode"}},endIcon:{control:{type:"select"},options:Object.keys(v),mapping:v,description:"The end Icon on the triggering Button",table:{category:"Visual",type:{summary:"<Icon />"}}},id:{control:"text",description:"The id of the Button",table:{category:"Functional",type:{summary:"string"}}},isDisabled:Me.isDisabled,isOverflow:{control:"boolean",description:"If the MenuButton is an overflow menu or standard menu.",table:{category:"Visual",type:{summary:"boolean"}}},menuAlignment:{options:j,control:{type:"radio"},description:"The horizontal alignment of the menu.",table:{category:"Visual",type:{summary:j.join(" | ")},defaultValue:{summary:"left"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{category:"Visual",type:{summary:"string"}}}},args:{buttonLabel:"Button label",buttonVariant:"secondary",menuAlignment:"left"}},u=({canvasElement:o,step:n})=>async(a,r)=>{const ce=k(o);await n("open menu button",async()=>{const pe=ce.getByRole("button",{name:a.buttonLabel});Ie.click(pe),await ke(async()=>de(r))})},m={args:{buttonLabel:"Button label",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Simple")}},c={args:{children:[e.jsxs(t,{isDisabled:!0,children:[e.jsx(me,{}),"Menu item label 1"]},"1"),e.jsxs(t,{children:[e.jsx(Be,{}),"Menu item label 2"]},"2"),e.jsxs(t,{children:[e.jsx(xe,{}),"Menu item label 3"]},"3")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Action Icons")}},p={args:{buttonLabel:"Button label",buttonVariant:"floating",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],id:"floating"},play:async({canvasElement:o,step:n})=>{await n("Filter and Select from listbox",async()=>{const r=k(o).getByRole("button",{name:"Button label"});await f(r).toHaveAttribute("id","floating-button")})}},d={args:{buttonLabel:"Button label",children:[e.jsx(w,{children:"Menu section label 1"},"sh1"),e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(w,{children:"Menu section label 2"},"sh2"),e.jsx(t,{children:"Menu item label 3"},"3"),e.jsx(t,{children:"Menu item label 4"},"4"),e.jsx(ue,{},"div2"),e.jsx(t,{children:"Menu item label 5"},"5")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Groupings")}},b={args:{buttonLabel:"Button label",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{variant:"destructive",children:"Menu item label 3"},"3")]},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Destructive")}},M={args:{ariaLabel:"Button label",buttonLabel:"",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],tooltipText:"Button tooltip text"},play:async({canvasElement:o,step:n})=>{await n("MenuButton Aria-Label",async()=>{const r=k(o).queryByRole("button",{name:"Button label"});await f(r).not.toBeNull()})}},h={args:{ariaLabel:"Button label",endIcon:e.jsx(me,{}),children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],tooltipText:"Button tooltip text"}},y={args:{buttonLabel:"Button label",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],isOverflow:!0}},g={args:{buttonLabel:"Button label",isDisabled:!0,children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],tooltipText:"Button tooltip text"}},B={args:{buttonVariant:"secondary",children:[e.jsx(t,{children:"Menu item label 1"},"1"),e.jsx(t,{children:"Menu item label 2"},"2"),e.jsx(t,{children:"Menu item label 3"},"3")],menuAlignment:"right"},render:function(n){return e.jsx(I,{sx:{ml:"50px"},children:e.jsx(se,{buttonLabel:"Button label",buttonVariant:n.buttonVariant,menuAlignment:n.menuAlignment,children:n.children})})},play:async({args:o,canvasElement:n,step:a})=>{await u({canvasElement:n,step:a})(o,"Menu Button Alignment")}},x={args:{buttonLabel:"",endIcon:e.jsx(ye,{}),buttonVariant:"secondary",popoverContent:[e.jsxs(I,{sx:{minWidth:"392px"},children:[e.jsxs(i,{children:[e.jsx(he,{children:"Title"}),e.jsx(l,{children:"Caption"}),e.jsx(S,{children:"Body"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsxs(i,{children:[e.jsx(s,{href:"#",target:"_blank",children:"Link"}),e.jsx(l,{children:"Caption"})]}),e.jsx(i,{children:e.jsx(ue,{})}),e.jsx(I,{sx:{fontWeight:"bold"},children:e.jsxs(S,{children:["Body"," ",e.jsx(s,{href:"#",target:"_blank",children:"Link"})]})})]},"help-popover-content")],id:"floating",tooltipText:"Tooltip text"},play:async({canvasElement:o,step:n})=>{await n("MenuButton Aria-Label",()=>{const r=k(o).queryByRole("button",{name:"Tooltip text"});f(r).not.toBeNull()})}};var P,E,T;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "Button label",
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>]
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }: {
-    args: MenuButtonProps;
-    canvasElement: HTMLElement;
-    step: PlaywrightProps<MenuButtonProps>["step"];
-  }) => {
-    await clickMenuButton({
-      canvasElement,
-      step
-    })(args, "Menu Button Simple");
-  }
-}`,...(T=(E=m.parameters)==null?void 0:E.docs)==null?void 0:T.source}}};var D,V,A;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    children: [<MenuItem isDisabled key="1">
-        <GroupIcon />
-        Menu item label 1
-      </MenuItem>, <MenuItem key="2">
-        <GlobeIcon />
-        Menu item label 2
-      </MenuItem>, <MenuItem key="3">
-        <CalendarIcon />
-        Menu item label 3
-      </MenuItem>]
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }: {
-    args: MenuButtonProps;
-    canvasElement: HTMLElement;
-    step: PlaywrightProps<MenuButtonProps>["step"];
-  }) => {
-    await clickMenuButton({
-      canvasElement,
-      step
-    })(args, "Menu Button Action Icons");
-  }
-}`,...(A=(V=c.parameters)==null?void 0:V.docs)==null?void 0:A.source}}};var C,W,_;p.parameters={...p.parameters,docs:{...(C=p.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "Button label",
-    buttonVariant: "floating",
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
-    id: "floating"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }: PlaywrightProps<MenuButtonProps>) => {
-    await step("Filter and Select from listbox", async () => {
-      const canvas = within(canvasElement);
-      const button = canvas.getByRole("button", {
-        name: "Button label"
-      });
-      await expect(button).toHaveAttribute("id", "floating-button");
-    });
-  }
-}`,...(_=(W=p.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};var O,z,H;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "Button label",
-    children: [<ListSubheader key="sh1">Menu section label 1</ListSubheader>, <MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <ListSubheader key="sh2">Menu section label 2</ListSubheader>, <MenuItem key="3">Menu item label 3</MenuItem>, <MenuItem key="4">Menu item label 4</MenuItem>, <Divider key="div2" />, <MenuItem key="5">Menu item label 5</MenuItem>]
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }: {
-    args: MenuButtonProps;
-    canvasElement: HTMLElement;
-    step: PlaywrightProps<MenuButtonProps>["step"];
-  }) => {
-    await clickMenuButton({
-      canvasElement,
-      step
-    })(args, "Menu Button Groupings");
-  }
-}`,...(H=(z=d.parameters)==null?void 0:z.docs)==null?void 0:H.source}}};var R,G,N;b.parameters={...b.parameters,docs:{...(R=b.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "Button label",
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3" variant="destructive">
-        Menu item label 3
-      </MenuItem>]
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }: {
-    args: MenuButtonProps;
-    canvasElement: HTMLElement;
-    step: PlaywrightProps<MenuButtonProps>["step"];
-  }) => {
-    await clickMenuButton({
-      canvasElement,
-      step
-    })(args, "Menu Button Destructive");
-  }
-}`,...(N=(G=b.parameters)==null?void 0:G.docs)==null?void 0:N.source}}};var F,q,Q;M.parameters={...M.parameters,docs:{...(F=M.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    ariaLabel: "Button label",
-    buttonLabel: "",
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
-    tooltipText: "Button tooltip text"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }: PlaywrightProps<MenuButtonProps>) => {
-    await step("MenuButton Aria-Label", async () => {
-      const canvas = within(canvasElement);
-      const menuButton = canvas.queryByRole("button", {
-        name: "Button label"
-      });
-      await expect(menuButton).not.toBeNull();
-    });
-  }
-}`,...(Q=(q=M.parameters)==null?void 0:q.docs)==null?void 0:Q.source}}};var K,U,Y;h.parameters={...h.parameters,docs:{...(K=h.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    ariaLabel: "Button label",
-    endIcon: <GroupIcon />,
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
-    tooltipText: "Button tooltip text"
-  }
-}`,...(Y=(U=h.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var J,X,Z;y.parameters={...y.parameters,docs:{...(J=y.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "Button label",
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
-    isOverflow: true
-  }
-}`,...(Z=(X=y.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,te;g.parameters={...g.parameters,docs:{...($=g.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "Button label",
-    isDisabled: true,
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
-    tooltipText: "Button tooltip text"
-  }
-}`,...(te=(ee=g.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ne,oe,ae;B.parameters={...B.parameters,docs:{...(ne=B.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  args: {
-    buttonVariant: "secondary",
-    children: [<MenuItem key="1">Menu item label 1</MenuItem>, <MenuItem key="2">Menu item label 2</MenuItem>, <MenuItem key="3">Menu item label 3</MenuItem>],
-    menuAlignment: "right"
-  },
-  render: function C(props: MenuButtonProps) {
-    return <Box sx={{
-      ml: "50px"
-    }}>
-        <MenuButton buttonLabel="Button label" buttonVariant={props.buttonVariant} menuAlignment={props.menuAlignment}>
-          {props.children}
-        </MenuButton>
-      </Box>;
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }: {
-    args: MenuButtonProps;
-    canvasElement: HTMLElement;
-    step: PlaywrightProps<MenuButtonProps>["step"];
-  }) => {
-    await clickMenuButton({
-      canvasElement,
-      step
-    })(args, "Menu Button Alignment");
-  }
-}`,...(ae=(oe=B.parameters)==null?void 0:oe.docs)==null?void 0:ae.source}}};var re,ie,le;x.parameters={...x.parameters,docs:{...(re=x.parameters)==null?void 0:re.docs,source:{originalSource:`{
-  args: {
-    buttonLabel: "",
-    endIcon: <QuestionCircleIcon />,
-    buttonVariant: "secondary",
-    popoverContent: [<Box key="help-popover-content" sx={{
-      minWidth: "392px"
-    }}>
-        <BoxWithBottomMargin>
-          <Heading5>Title</Heading5>
-          <Subordinate>Caption</Subordinate>
-          <Paragraph>Body</Paragraph>
-        </BoxWithBottomMargin>
-        <BoxWithBottomMargin>
-          <Link href="#" target="_blank">
-            Link
-          </Link>
-          <Subordinate>Caption</Subordinate>
-        </BoxWithBottomMargin>
-        <BoxWithBottomMargin>
-          <Link href="#" target="_blank">
-            Link
-          </Link>
-          <Subordinate>Caption</Subordinate>
-        </BoxWithBottomMargin>
-        <BoxWithBottomMargin>
-          <Link href="#" target="_blank">
-            Link
-          </Link>
-          <Subordinate>Caption</Subordinate>
-        </BoxWithBottomMargin>
-        <BoxWithBottomMargin>
-          <Link href="#" target="_blank">
-            Link
-          </Link>
-          <Subordinate>Caption</Subordinate>
-        </BoxWithBottomMargin>
-        <BoxWithBottomMargin>
-          <Link href="#" target="_blank">
-            Link
-          </Link>
-          <Subordinate>Caption</Subordinate>
-        </BoxWithBottomMargin>
-        <BoxWithBottomMargin>
-          <Divider />
-        </BoxWithBottomMargin>
-        <Box sx={{
-        fontWeight: "bold"
-      }}>
-          <Paragraph>
-            Body{" "}
-            <Link href="#" target="_blank">
-              Link
-            </Link>
-          </Paragraph>
-        </Box>
-      </Box>],
-    id: "floating",
-    tooltipText: "Tooltip text"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }: PlaywrightProps<MenuButtonProps>) => {
-    await step("MenuButton Aria-Label", () => {
-      const canvas = within(canvasElement);
-      const menuButton = canvas.queryByRole("button", {
-        name: "Tooltip text"
-      });
-      expect(menuButton).not.toBeNull();
-    });
-  }
-}`,...(le=(ie=x.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};const rn=["Simple","ActionIcons","ButtonVariant","Groupings","WithDestructive","IconButton","EndIcon","Overflow","Disabled","Alignment","HelpPopover"];export{c as ActionIcons,B as Alignment,p as ButtonVariant,g as Disabled,h as EndIcon,d as Groupings,x as HelpPopover,M as IconButton,y as Overflow,m as Simple,b as WithDestructive,rn as __namedExportsOrder,an as default};

package/dist/assets/MenuItem.stories-COVg8d6W.js

@@ -1,38 +0,0 @@
-import{j as e}from"./iframe-DE4RuJrv.js";import{O as j}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{f as F}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as i}from"./MenuItem-C24Kmcql.js";import{M as w}from"./MenuList-De-H5WYL.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./MenuContext-ZAp67kRJ.js";import"./MenuItem-DxqkPhH4.js";import"./List-BSVKZ0wr.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerDocument-DW-IO8s5.js";const U={component:i,decorators:[j],tags:["autodocs"],parameters:{docs:{description:{component:"`MenuItem` composes `MenuButton` menus. It is not supported as a standalone Odyssey component."}}},argTypes:{children:{control:"text",description:"The content for the `MenuItem` components within the Menu",table:{category:"Visual",type:{summary:"ReactNode"}},type:{required:!0,name:"other",value:"ReactNode"}},hasInitialFocus:{control:!1,description:"If `true`, focuses the item when the parent menu opens",table:{category:"Functional",type:{summary:"boolean"}}},isDisabled:F.isDisabled,isSelected:{control:"boolean",description:"If `true`, the menu item will be visually marked as selected.",table:{category:"Visual",type:{summary:"boolean"}}},variant:{options:["default","destructive"],control:{type:"radio"},description:"The variant of the triggering Button",table:{category:"Visual",type:{summary:["default","destructive"].join(" | ")},defaultValue:{summary:"default"}}}},args:{children:"MenuItem content",variant:"default",isDisabled:!1}},c=r=>e.jsx("div",{role:"menu",children:e.jsx(i,{...r,children:r.children})}),t={render:c},s={args:{variant:"destructive"},render:c},o={args:{isDisabled:!0},render:c},a={args:{isSelected:!0},render:function(D){return e.jsx(c,{...D})}},n={parameters:{docs:{description:{story:"This `MenuItem` will receive focus when the page loads"}}},args:{hasInitialFocus:!0,value:""},render:r=>e.jsxs(w,{children:[e.jsx(i,{children:"Not Focused"}),e.jsx(i,{...r})]})};var u,m,d;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  render: BaseStory
-}`,...(d=(m=t.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var p,l,y;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    variant: "destructive"
-  },
-  render: BaseStory
-}`,...(y=(l=s.parameters)==null?void 0:l.docs)==null?void 0:y.source}}};var h,g,f;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    isDisabled: true
-  },
-  render: BaseStory
-}`,...(f=(g=o.parameters)==null?void 0:g.docs)==null?void 0:f.source}}};var M,v,S;a.parameters={...a.parameters,docs:{...(M=a.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    isSelected: true
-  },
-  render: function C(props: MenuItemProps) {
-    return <BaseStory {...props} />;
-  }
-}`,...(S=(v=a.parameters)==null?void 0:v.docs)==null?void 0:S.source}}};var b,I,x;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "This \`MenuItem\` will receive focus when the page loads"
-      }
-    }
-  },
-  args: {
-    hasInitialFocus: true,
-    value: ""
-  },
-  render: args => {
-    return <MenuList>
-        <MenuItem>Not Focused</MenuItem>
-        <MenuItem {...args} />
-      </MenuList>;
-  }
-}`,...(x=(I=n.parameters)==null?void 0:I.docs)==null?void 0:x.source}}};const W=["Simple","Destructive","Disabled","Selected","Focused"];export{s as Destructive,o as Disabled,n as Focused,a as Selected,t as Simple,W as __namedExportsOrder,U as default};

package/dist/assets/NativeSelect.stories-CtknOfaK.js

@@ -1,114 +0,0 @@
-import{r,j as e}from"./iframe-DE4RuJrv.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{u as Oe}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as n}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as Le}from"./Field-BYLEUHch.js";import{g as Ee,u as je}from"./inputUtils-DtvLbmm9.js";import{S as De}from"./Select-Cia8mIUa.js";import{M as Fe}from"./Link-DBfYgyqI.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./Menu-CAnOJYGy.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./index-DBPVAcBX.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C2qslhip.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-DrCoA42j.js";import"./Paper-Bv-8rqJG.js";import"./MenuList-De-H5WYL.js";import"./useControlled-0vpPKndq.js";import"./ArrowDropDown-C5eUsI_E.js";import"./createSvgIcon-DMOOI9wR.js";import"./InputBase-C9_GkGNE.js";import"./Link-BVJyfG5Z.js";import"./ExternalLink-BEu8BCu0.js";const Be=r.forwardRef(({ariaDescribedBy:o,autoCompleteType:t,defaultValue:i,errorMessage:u,errorMessageList:d,hasMultipleChoices:a,hint:m,HintLinkComponent:g,id:l,inputRef:L,isDisabled:be=!1,isFullWidth:Ce=!1,isMultiSelect:j,isOptional:Me=!1,label:Se,onBlur:D,onChange:f,onFocus:F,testId:B,translate:A,value:w,children:R},H)=>{const Ve=r.useRef(Ee({controlledValue:w,uncontrolledValue:i})),U=r.useRef(null);r.useImperativeHandle(L,()=>({focus:()=>{var p;(p=U.current)==null||p.focus()}}),[]);const W=je({defaultValue:i,value:w,controlState:Ve.current}),_=r.useCallback((p,E)=>{f==null||f(p,E)},[f]),G=r.useMemo(()=>a===void 0?j:a,[a,j]),xe=r.useCallback(({ariaDescribedBy:p,errorMessageElementId:E,labelElementId:Te})=>e.jsx(De,{...W,"aria-describedby":p,autoComplete:t,children:R,id:l,inputProps:{"aria-errormessage":E,"aria-labelledby":Te,"data-se":B},inputRef:U,multiple:G,name:l,native:!0,onBlur:D,onChange:_,onFocus:F,ref:H,translate:A}),[t,R,l,W,G,D,_,F,H,B,A]);return e.jsx(Le,{ariaDescribedBy:o,errorMessage:u,errorMessageList:d,fieldType:"single",hasVisibleLabel:!0,hint:m,HintLinkComponent:g,id:l,isDisabled:be,isFullWidth:Ce,isOptional:Me,label:Se,renderFieldComponent:xe})}),c=r.memo(Be);c.displayName="NativeSelect";const{fn:N}=__STORYBOOK_MODULE_TEST__,h=["Option A","Option B","Option C","Option D","Option E"],k=e.jsx(e.Fragment,{children:h.map(o=>e.jsx("option",{value:o,children:o},o))}),At={component:c,decorators:[ke],argTypes:{children:{control:!1,description:"The options or optgroup elements within the native select component",table:{category:"Visual",type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{category:"Functional",type:{summary:"string | string[] | undefined"}}},errorMessage:n.errorMessage,errorMessageList:n.errorMessageList,hint:n.hint,HintLinkComponent:n.HintLinkComponent,id:n.id,isDisabled:n.isDisabled,isFullWidth:n.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{readonly:!0,category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:n.isOptional,label:{control:"text",description:"The label text for the native select component",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{control:!1,description:"Callback fired when the native select component loses focus",table:{category:"Functional",type:{summary:"func"}}},onChange:{control:!1,description:"Callback fired when the value of the native select component changes",table:{category:"Functional",type:{summary:"func"}}},onFocus:{control:!1,description:"Callback fired when the native select component gains focus",table:{category:"Functional",type:{summary:"func"}}},value:{control:{type:"radio"},options:h,description:"If `value` is provided, you control the field externally and must handle updates with `onChange`.",table:{category:"Functional",type:{summary:"string | string[]"}}}},args:{hasMultipleChoices:!1,hint:"Hint text",id:"native-select",isDisabled:!1,isFullWidth:!1,isOptional:!1,label:"Label",onBlur:N(),onFocus:N(),value:"Option A"}},s={args:{hasMultipleChoices:!1},render:function(t,i){const{value:u,setValue:d}=Oe({args:t,context:i,argKey:"value",defaultValue:t.defaultValue??""}),a=m=>{const g=m.target;d(g.value)};return e.jsx(c,{...t,children:t.children??k,defaultValue:void 0,hasMultipleChoices:!1,onChange:a,value:u})}},Ae={args:{hasMultipleChoices:!0,value:[]},render:function(t,i){const{value:u,setValue:d}=Oe({args:t,context:i,argKey:"value",defaultValue:t.value??[]}),a=m=>{const g=m.target,l=Array.from(g.selectedOptions).map(L=>L.value);d(l)};return e.jsx(c,{...t,children:t.children??k,defaultValue:void 0,hasMultipleChoices:!0,onChange:a,value:u})}},v={...s,tags:["!autodocs"]},y={...s,args:{isDisabled:!0}},O={...s,args:{errorMessage:"Select an option."}},b={...s,args:{errorMessage:"Select an option.",errorMessageList:["Error A","Error B"]}},C={...s,args:{children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Group 1",children:[e.jsx("option",{value:"Option A",children:"Option A"}),e.jsx("option",{value:"Option B",children:"Option B"}),e.jsx("option",{value:"Option C",children:"Option C"})]}),e.jsxs("optgroup",{label:"Group 2",children:[e.jsx("option",{value:"Option D",children:"Option D"}),e.jsx("option",{value:"Option E",children:"Option E"})]})]}),value:"Option A"},argTypes:{children:{control:!1}}},M={...Ae,argTypes:{value:{control:{type:"check"},options:h}}},S={...s,args:{isOptional:!0}},V={...s,args:{HintLinkComponent:e.jsx(Fe,{href:"#link",children:"Learn more"})}},x={args:{defaultValue:"Option B",value:void 0},argTypes:{value:{control:!1},defaultValue:{control:{type:"radio"},options:h}},parameters:{docs:{description:{story:"When the component is uncontrolled, it manages its own value. Provide `defaultValue` and omit `value`/`onChange` to let the component handle state internally."}}},render:function(t){return e.jsx(c,{...t,children:k})}},T={args:{hasMultipleChoices:!0,defaultValue:["Option B","Option C"],value:void 0},argTypes:{value:{control:!1},defaultValue:{control:{type:"check"},options:h}},parameters:{docs:{description:{story:"When the component is uncontrolled, it manages its own value. Provide `defaultValue` and omit `value`/`onChange` to let the component handle state internally."}}},render:function(t){return e.jsx(c,{...t,children:k})}};var I,z,K;v.parameters={...v.parameters,docs:{...(I=v.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  ...singleTemplate,
-  tags: ["!autodocs"]
-}`,...(K=(z=v.parameters)==null?void 0:z.docs)==null?void 0:K.source}}};var q,Y,J;y.parameters={...y.parameters,docs:{...(q=y.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  ...singleTemplate,
-  args: {
-    isDisabled: true
-  }
-}`,...(J=(Y=y.parameters)==null?void 0:Y.docs)==null?void 0:J.source}}};var Q,X,Z;O.parameters={...O.parameters,docs:{...(Q=O.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  ...singleTemplate,
-  args: {
-    errorMessage: "Select an option."
-  }
-}`,...(Z=(X=O.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,P,ee;b.parameters={...b.parameters,docs:{...($=b.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  ...singleTemplate,
-  args: {
-    errorMessage: "Select an option.",
-    errorMessageList: ["Error A", "Error B"]
-  }
-}`,...(ee=(P=b.parameters)==null?void 0:P.docs)==null?void 0:ee.source}}};var te,oe,ne;C.parameters={...C.parameters,docs:{...(te=C.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  ...singleTemplate,
-  args: {
-    children: <>
-        <optgroup label="Group 1">
-          <option value="Option A">Option A</option>
-          <option value="Option B">Option B</option>
-          <option value="Option C">Option C</option>
-        </optgroup>
-        <optgroup label="Group 2">
-          <option value="Option D">Option D</option>
-          <option value="Option E">Option E</option>
-        </optgroup>
-      </>,
-    value: "Option A"
-  },
-  argTypes: {
-    children: {
-      control: false
-    }
-  }
-}`,...(ne=(oe=C.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var re,ae,se;M.parameters={...M.parameters,docs:{...(re=M.parameters)==null?void 0:re.docs,source:{originalSource:`{
-  ...multiTemplate,
-  argTypes: {
-    value: {
-      control: {
-        type: "check"
-      },
-      options: valueControlOptions
-    }
-  }
-}`,...(se=(ae=M.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var ie,le,pe;S.parameters={...S.parameters,docs:{...(ie=S.parameters)==null?void 0:ie.docs,source:{originalSource:`{
-  ...singleTemplate,
-  args: {
-    isOptional: true
-  }
-}`,...(pe=(le=S.parameters)==null?void 0:le.docs)==null?void 0:pe.source}}};var ce,ue,de;V.parameters={...V.parameters,docs:{...(ce=V.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  ...singleTemplate,
-  args: {
-    HintLinkComponent: <Link href="#link">Learn more</Link>
-  }
-}`,...(de=(ue=V.parameters)==null?void 0:ue.docs)==null?void 0:de.source}}};var me,ge,he;x.parameters={...x.parameters,docs:{...(me=x.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  args: {
-    defaultValue: "Option B",
-    value: undefined
-  },
-  argTypes: {
-    value: {
-      control: false
-    },
-    defaultValue: {
-      control: {
-        type: "radio"
-      },
-      options: valueControlOptions
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "When the component is uncontrolled, it manages its own value. Provide \`defaultValue\` and omit \`value\`/\`onChange\` to let the component handle state internally."
-      }
-    }
-  },
-  render: function UncontrolledStory(args) {
-    return <NativeSelect {...args} children={baseOptions} />;
-  }
-}`,...(he=(ge=x.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var fe,ve,ye;T.parameters={...T.parameters,docs:{...(fe=T.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  args: {
-    hasMultipleChoices: true,
-    defaultValue: ["Option B", "Option C"],
-    value: undefined
-  },
-  argTypes: {
-    value: {
-      control: false
-    },
-    defaultValue: {
-      control: {
-        type: "check"
-      },
-      options: valueControlOptions
-    }
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "When the component is uncontrolled, it manages its own value. Provide \`defaultValue\` and omit \`value\`/\`onChange\` to let the component handle state internally."
-      }
-    }
-  },
-  render: function UncontrolledMultiStory(args) {
-    return <NativeSelect {...args} children={baseOptions} />;
-  }
-}`,...(ye=(ve=T.parameters)==null?void 0:ve.docs)==null?void 0:ye.source}}};const wt=["Default","Disabled","Error","ErrorsList","Grouped","Multi","Optional","HintLink","Uncontrolled","UncontrolledMulti"];export{v as Default,y as Disabled,O as Error,b as ErrorsList,C as Grouped,V as HintLink,M as Multi,S as Optional,x as Uncontrolled,T as UncontrolledMulti,wt as __namedExportsOrder,At as default};