@okta/odyssey-react-mui 1.53.0 → 1.55.0

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

@@ -1,19 +0,0 @@
-import{r as x,j as n}from"./iframe-CQjT1fxh.js";import{a as T}from"./axeRun-w5CBCc9V.js";import{O as b}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{s as I}from"./tableRowClasses-Bk1uFtwh.js";import{u as w}from"./MuiPropsContext-D6i6qZME.js";import{u as O}from"./OdysseyThemeProvider-BA0_xP7N.js";import{T as v}from"./Tooltip-yxN-KFjL.js";import{M as C}from"./InformationCircle-DRZkRWne.js";import{M}from"./Group-BJr9nAnt.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-9-4xvXvL.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./WarningFilled-DOHs-JmZ.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.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-Djl4opNm.js

@@ -1,11 +0,0 @@
-import{j as o}from"./iframe-CQjT1fxh.js";import{useMDXComponents as e}from"./index-D5BUEpVX.js";import{M as n,T as p,S as s,D as a,P as l,a as c,b as x}from"./blocks-D521Uej3.js";import{L as i}from"./Link.stories-Clh1Bkzm.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./iconUtils-DmnxHGuV.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"./Group-BJr9nAnt.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"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Link-Cg_KakDo.js";import"./Link-thynTosX.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Typography-Jr4Brrb5.js";function m(r){const t={a:"a",h2:"h2",li:"li",ul:"ul",...e(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
-`,o.jsx(p,{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 lo(r={}){const{wrapper:t}={...e(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{lo as default};

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

@@ -1,5 +0,0 @@
-import{j as t}from"./iframe-CQjT1fxh.js";import{O as n}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{L as r}from"./ListSubheader-Dwx7m0BA.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";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-CtQrmY2o.js

@@ -1,246 +0,0 @@
-import{j as e}from"./iframe-CQjT1fxh.js";import{a as de}from"./axeRun-w5CBCc9V.js";import{i as v}from"./iconUtils-DmnxHGuV.js";import{O as be}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as Me}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{m as j}from"./BaseMenuButton-BXkyi9Y-.js";import{b as L}from"./BaseButton-C9tiChQu.js";import{M as se}from"./MenuButton-BffESdH9.js";import{M as t}from"./MenuItem-Cmq8TfUJ.js";import{L as w}from"./ListSubheader-Dwx7m0BA.js";import{D as ue}from"./Divider-C7lvc1xB.js";import{M as I}from"./Box-B3rdnavX.js";import{f as he,c as l,a as S}from"./Typography-CjpHjc10.js";import{M as s}from"./Link-Cg_KakDo.js";import{a as ye}from"./index-Vzl5wUDu.js";import{u as ge}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as me}from"./Group-BJr9nAnt.js";import{M as Be}from"./Globe-C0SMdL8H.js";import{M as xe}from"./Calendar-Do4wfihU.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-9-4xvXvL.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./tableRowClasses-Bk1uFtwh.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./Menu-DB2s3Jn0.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./index-5Qx3hCfP.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.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"./List-D0N4Xybp.js";import"./WarningFilled-DOHs-JmZ.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./MenuItem-CpMFWgaz.js";import"./Box-CnVllI1S.js";import"./Typography-Jr4Brrb5.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";import"./AddCircle-zDqHIKbQ.js";import"./Server-1eTAy_EZ.js";import"./List-CZ2bN2bA.js";import"./ArrowRight-C5USrGY5.js";import"./Bug-BnGJL5iO.js";import"./Call-CZmd0zlk.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"./Filter-XcwxIcdg.js";import"./Folder-CVKRyg4P.js";import"./Grid-DnpTJXeB.js";import"./Hide-C2jA-JOQ.js";import"./Home-D8RWt2JU.js";import"./InformationCircle-DRZkRWne.js";import"./Link-BKNciOfr.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";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})},on={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 an=["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,an as __namedExportsOrder,on as default};

package/dist/assets/MenuItem.stories-CQ-735qG.js

@@ -1,38 +0,0 @@
-import{j as e}from"./iframe-CQjT1fxh.js";import{O as j}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{f as F}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as i}from"./MenuItem-Cmq8TfUJ.js";import{M as w}from"./MenuList-D3GSt85L.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"./MenuContext-UsOwIWpO.js";import"./MenuItem-CpMFWgaz.js";import"./List-D0N4Xybp.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.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-D2Ob7KE5.js

@@ -1,114 +0,0 @@
-import{r,j as e}from"./iframe-CQjT1fxh.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{u as Oe}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as n}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as Le}from"./Field-CqIOaZfg.js";import{g as Ee,u as je}from"./inputUtils-BBH9ADKa.js";import{S as De}from"./Select-DE0mojaE.js";import{M as Fe}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"./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"./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"./useControlled-BUhC7uWK.js";import"./ArrowDropDown-BbLKA4fg.js";import"./createSvgIcon-CaWcxZng.js";import"./InputBase-BYnzr12H.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.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};

package/dist/assets/PageHeader-DHtVYyb-.js

@@ -1,6 +0,0 @@
-import{r,j as s,R as A,l as I,b as g,F as me}from"./iframe-CQjT1fxh.js";import{b as ue,c as fe,d as ge}from"./WpComponentsStorybookThemeDecorator-Db3wSJC0.js";import{I as pe,g as he,R as xe,a as we,u as B}from"./OdysseyProvider-PxeTd-wx.js";import{L as ee}from"./Link-thynTosX.js";import{S as O,s as ye}from"./tableRowClasses-Bk1uFtwh.js";import{a as be}from"./Breadcrumbs-DlF1RjAJ.js";import{B as X}from"./ButtonBase-Rz8p08Xo.js";import{M as ve}from"./Menu-DB2s3Jn0.js";import{u as He}from"./MuiPropsContext-Df02xyKB.js";import{C as Ie}from"./Chip-BgPaZbUf.js";import{M as H}from"./Box--NDTewyO.js";const Pe=(e,n,a,o)=>{var t,d,p,h;const i=[a,{code:n,...o||{}}];if((d=(t=e==null?void 0:e.services)==null?void 0:t.logger)!=null&&d.forward)return e.services.logger.forward(i,"warn","react-i18next::",!0);C(i[0])&&(i[0]=`react-i18next:: ${i[0]}`),(h=(p=e==null?void 0:e.services)==null?void 0:p.logger)!=null&&h.warn?e.services.logger.warn(...i):console!=null&&console.warn&&console.warn(...i)},Y={},D=(e,n,a,o)=>{C(a)&&Y[a]||(C(a)&&(Y[a]=new Date),Pe(e,n,a,o))},ne=(e,n)=>()=>{if(e.isInitialized)n();else{const a=()=>{setTimeout(()=>{e.off("initialized",a)},0),n()};e.on("initialized",a)}},Z=(e,n,a)=>{e.loadNamespaces(n,ne(e,a))},K=(e,n,a,o)=>{if(C(a)&&(a=[a]),e.options.preload&&e.options.preload.indexOf(n)>-1)return Z(e,a,o);a.forEach(i=>{e.options.ns.indexOf(i)<0&&e.options.ns.push(i)}),e.loadLanguages(n,ne(e,o))},Ne=(e,n,a={})=>!n.languages||!n.languages.length?(D(n,"NO_LANGUAGES","i18n.languages were undefined or empty",{languages:n.languages}),!0):n.hasLoadedNamespace(e,{lng:a.lng,precheck:(o,i)=>{if(a.bindI18n&&a.bindI18n.indexOf("languageChanging")>-1&&o.services.backendConnector.backend&&o.isLanguageChangingTo&&!i(o.isLanguageChangingTo,e))return!1}}),C=e=>typeof e=="string",Me=e=>typeof e=="object"&&e!==null,Ce=(e,n)=>{const a=r.useRef();return r.useEffect(()=>{a.current=e},[e,n]),a.current},ae=(e,n,a,o)=>e.getFixedT(n,a,o),Se=(e,n,a,o)=>r.useCallback(ae(e,n,a,o),[e,n,a,o]),Le=(e,n={})=>{var S,k,E,T;const{i18n:a}=n,{i18n:o,defaultNS:i}=r.useContext(pe)||{},t=a||o||he();if(t&&!t.reportNamespaces&&(t.reportNamespaces=new xe),!t){D(t,"NO_I18NEXT_INSTANCE","useTranslation: You will need to pass in an i18next instance by using initReactI18next");const f=(m,u)=>C(u)?u:Me(u)&&C(u.defaultValue)?u.defaultValue:Array.isArray(m)?m[m.length-1]:m,b=[f,{},!1];return b.t=f,b.i18n={},b.ready=!1,b}(S=t.options.react)!=null&&S.wait&&D(t,"DEPRECATED_OPTION","useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");const d={...we(),...t.options.react,...n},{useSuspense:p,keyPrefix:h}=d;let l=i||((k=t.options)==null?void 0:k.defaultNS);l=C(l)?[l]:l||["translation"],(T=(E=t.reportNamespaces).addUsedNamespaces)==null||T.call(E,l);const w=(t.isInitialized||t.initializedStoreOnce)&&l.every(f=>Ne(f,t,d)),y=Se(t,n.lng||null,d.nsMode==="fallback"?l:l[0],h),c=()=>y,x=()=>ae(t,n.lng||null,d.nsMode==="fallback"?l:l[0],h),[L,N]=r.useState(c);let M=l.join();n.lng&&(M=`${n.lng}${M}`);const j=Ce(M),v=r.useRef(!0);r.useEffect(()=>{const{bindI18n:f,bindI18nStore:b}=d;v.current=!0,!w&&!p&&(n.lng?K(t,n.lng,l,()=>{v.current&&N(x)}):Z(t,l,()=>{v.current&&N(x)})),w&&j&&j!==M&&v.current&&N(x);const m=()=>{v.current&&N(x)};return f&&(t==null||t.on(f,m)),b&&(t==null||t.store.on(b,m)),()=>{v.current=!1,t&&f&&(f==null||f.split(" ").forEach(u=>t.off(u,m))),b&&t&&b.split(" ").forEach(u=>t.store.off(u,m))}},[t,M]),r.useEffect(()=>{v.current&&w&&N(c)},[t,h,w]);const P=[L,t,w];if(P.t=L,P.i18n=t,P.ready=w,w||!w&&!p)return P;throw new Promise(f=>{n.lng?K(t,n.lng,l,()=>f()):Z(t,l,()=>f())})},je=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"m5.646 13.06 4.647 4.647 1.414-1.414L8.414 13H19v-2H8.414l3.293-3.293-1.414-1.414-4.647 4.646a1.5 1.5 0 0 0 0 2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),te=r.memo(je);te.displayName="ArrowLeftIcon";const ke=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"M2 3H1v18h7.667c1.093 0 2.003.199 2.67.75l.004.002.015.012a.688.688 0 0 0 .062.047l.003.002a1.012 1.012 0 0 0 .696.168c.3-.033.494-.192.522-.215l.003-.002c.029-.023.05-.043.058-.05a.808.808 0 0 0 .018-.017C13.228 21.21 14.08 21 15.2 21H23V3h-8.932a2.798 2.798 0 0 0-2.106.953 3.82 3.82 0 0 0-.232-.226A2.866 2.866 0 0 0 9.822 3H2Zm9 3.562c0-.513-.219-1.001-.601-1.343A.866.866 0 0 0 9.822 5H3v14h5.667c.746 0 1.553.076 2.333.331V6.561Zm0 14.4v.01-.01Zm2 0v.005-.008.003Zm0-1.666c.736-.232 1.509-.296 2.2-.296H21V5h-6.932a.8.8 0 0 0-.559.228A1.7 1.7 0 0 0 13 6.441v12.854ZM9 11H5V9h4v2Zm6 0h4V9h-4v2Zm4 4h-4v-2h4v2ZM5 15h4v-2H5v2Z",fill:"currentColor",fillRule:"evenodd"})})})),re=r.memo(ke);re.displayName="DocumentationIcon";const Ee=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"M8.293 14.293 18.586 4H10V2h10.223c.12 0 .262 0 .387.01.145.012.353.042.571.153a1.5 1.5 0 0 1 .655.656c.112.218.142.426.154.571.01.125.01.268.01.387V14h-2V5.414L9.707 15.707l-1.414-1.414Zm7.745 5.74v-7.847l2-2.042v11.89H2.024V5.966h11.828l-2.041 2H4.024v12.068h12.014Z",fill:"currentColor",fillRule:"evenodd"})})})),oe=r.memo(Ee);oe.displayName="ExternalLinkIcon";const Te=r.forwardRef((e,n)=>s.jsx(O,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:s.jsx(s.Fragment,{children:s.jsx("path",{clipRule:"evenodd",d:"m12 .655.669.602 10 9 .331.298V20a3 3 0 0 1-3 3h-5v-7a3 3 0 1 0-6 0v7H4a3 3 0 0 1-3-3v-9.445l.331-.298 10-9L12 .655Zm-9 10.79V20a1 1 0 0 0 1 1h3v-5a5 5 0 0 1 10 0v5h3a1 1 0 0 0 1-1v-8.555l-9-8.1-9 8.1Z",fill:"currentColor",fillRule:"evenodd"})})})),se=r.memo(Te);se.displayName="HomeIcon";const Be=({ariaLabel:e,children:n,href:a,icon:o,linkRef:i,rel:t,target:d,testId:p,translate:h,variant:l,onClick:w})=>{const y=r.useRef(null);return r.useImperativeHandle(i,()=>({focus:()=>{var c;(c=y.current)==null||c.focus()}}),[]),s.jsxs(ee,{"aria-label":e,"data-se":p,href:a,onClick:w,ref:y,rel:t,target:d,translate:h,variant:l,children:[o&&s.jsx("span",{className:"Link-icon",children:o}),n,d==="_blank"&&s.jsx("span",{className:"Link-indicator",role:"presentation",children:s.jsx(oe,{})})]})},ie=r.memo(Be);ie.displayName="Link";const R=r.createContext({breadcrumbType:"listItem"});ye.span`
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 10rem;
-  text-overflow: ellipsis;
-`;const z={currentPage:{breadcrumbType:"currentPage"},listItem:{breadcrumbType:"listItem"},menuItem:{breadcrumbType:"menuItem"}},Re=5,ze=({children:e,homeHref:n,maxVisibleItems:a=Re,testId:o,translate:i})=>{const{t}=Le(),[d,p]=r.useState(null),h=r.useMemo(()=>Math.min(Math.max(a,0),e.length),[a,e]),l=r.useMemo(()=>{if(e.length<=h)return{beforeMenu:[],insideMenu:[],remainingBreadcrumbs:e};{const c=Math.floor(h/2),x=e.length-h;return{beforeMenu:e.slice(0,c),insideMenu:e.slice(c,c+x),remainingBreadcrumbs:e.slice(c+x)}}},[e,h]),w=r.useCallback(c=>p(c.currentTarget),[]),y=r.useCallback(()=>{p(null)},[]);return s.jsxs(be,{"aria-label":t("breadcrumbs.label.text"),"data-se":o,maxItems:e.length+1,translate:i,children:[n&&s.jsx(X,{"aria-label":t("breadcrumbs.home.text"),href:n,children:s.jsx(se,{})}),l.beforeMenu.map((c,x)=>s.jsx(R.Provider,{value:z.listItem,children:c},x)),l.insideMenu.length>0&&s.jsxs(s.Fragment,{children:[s.jsx(X,{onClick:w,children:"..."}),s.jsx(ve,{anchorEl:d,anchorOrigin:{horizontal:"left",vertical:"bottom"},MenuListProps:{sx:{minWidth:180}},onClose:y,open:!!d,children:s.jsx(R.Provider,{value:z.menuItem,children:l.insideMenu})})]}),l.remainingBreadcrumbs.map((c,x)=>x===l.remainingBreadcrumbs.length-1?s.jsx(R.Provider,{value:z.currentPage,children:c},x):s.jsx(R.Provider,{value:z.listItem,children:c},x))]})},le=r.memo(ze);le.displayName="BreadcrumbList";const Ae=({ariaDescribedBy:e,label:n,severity:a,testId:o,translate:i,variant:t="pill"})=>{const d=He();return s.jsx(Ie,{...d,"aria-describedby":e,color:a,"data-se":o,label:n,translate:i,variant:t})},V=r.memo(Ae);V.displayName="Status";const Oe="•",Q=76,ce=r.memo(({status:e})=>e!=null&&e.label?g(V,{label:e.label,severity:e.severity??"default",variant:"pill"}):null);ce.displayName="StatusDisplay";const F=r.memo(({children:e,clampLines:n,overline:a,status:o,wordBreak:i})=>{const t=B();return I(me,{children:[a&&g(fe,{children:a}),I(H,{sx:{display:"flex",alignItems:"center",gap:t.Spacing3,"& > h3":{margin:0}},children:[g(ge,{clampLines:n,wordBreak:i,children:e}),g(ce,{status:o})]})]})});F.displayName="PageHeaderTitle";const G=r.memo(({children:e,clampLines:n,wordBreak:a})=>g(ue,{clampLines:n,wordBreak:a,children:e}));G.displayName="PageHeaderDescription";const _=r.memo(({items:e})=>{const n=B();return!e||e.length===0?null:g(H,{component:"ul",sx:{listStyle:"none",display:"flex",flexWrap:"wrap",columnGap:n.Spacing2,rowGap:n.Spacing1,padding:0,margin:0,"& > li.PageHeader-metadataItem":{display:"inline-flex",alignItems:"center",gap:n.Spacing2,color:"text.secondary"},"& > li.PageHeader-metadataItem:not(:first-of-type)::before":{content:'"'+Oe+'"',fontSize:n.TypographyScale0}},children:e.map((a,o)=>{const i=typeof a=="string",t=!i&&a.icon,d=i?a:a.text,p=!i&&a.status;return I("li",{className:"PageHeader-metadataItem",children:[I(H,{sx:{display:"inline-flex",alignItems:"center",gap:n.Spacing1},children:[t,g("span",{children:d})]}),p&&g(V,{label:p.label,severity:p.severity??"default",variant:"pill"})]},o)})})});_.displayName="PageHeaderMetadata";const W=r.memo(({children:e})=>{const n=B();return g(H,{sx:{width:Q,height:Q,borderRadius:n.BorderRadiusMain,backgroundColor:n.HueNeutral100,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,overflow:"hidden"},children:e})});W.displayName="PageHeaderImage";const $=r.memo(({children:e})=>{const n=B(),a=A.Children.toArray(e).slice(0,3);return g(H,{sx:{display:"flex",gap:n.Spacing2},children:a.map((o,i)=>g(H,{children:o},i))})});$.displayName="PageHeaderActions";const U=r.memo(({href:e,children:n})=>I(ee,{href:e,rel:"noopener noreferrer",target:"_blank",children:[g("span",{className:"Link-icon",children:g(re,{})}),n]}));U.displayName="PageHeaderDocumentation";const q=r.memo(({homeHref:e,children:n})=>g(le,{homeHref:e,children:n}));q.displayName="PageHeaderBreadcrumbs";const J=r.memo(({children:e,href:n,onClick:a})=>g(ie,{href:n,icon:g(te,{}),onClick:a,children:e}));J.displayName="PageHeaderBackLink";const de=r.memo(({children:e,testId:n="page-header"})=>{const a=B(),o=r.useMemo(()=>{const y=[];let c=null,x=null,L=null,N=null,M=null,j=null,v=0,P=0,S=0,k=0,E=0,T=0,f=0,b=0;if(A.Children.forEach(e,m=>{if(A.isValidElement(m)){const u=m.type;u===q?(v++,y.push(m)):u===J?(P++,y.push(m)):u===W?(b++,j=m):u===F?(S++,c=m):u===_?(k++,x=m):u===G?(E++,L=m):u===U?(T++,N=m):u===$&&(f++,M=m)}}),v>0&&P>0)throw new Error("PageHeader: Cannot use both Breadcrumbs and BackLink. Choose one.");if(v>1)throw new Error("PageHeader: Only one Breadcrumbs component allowed.");if(P>1)throw new Error("PageHeader: Only one BackLink component allowed.");if(S===0)throw new Error("PageHeader: Title component is required.");if(S>1)throw new Error("PageHeader: Only one Title component allowed.");if(b>1)throw new Error("PageHeader: Only one Image component allowed.");if(k>1)throw new Error("PageHeader: Only one Metadata component allowed.");if(E>1)throw new Error("PageHeader: Only one Description component allowed.");if(T>1)throw new Error("PageHeader: Only one Documentation component allowed.");if(f>1)throw new Error("PageHeader: Only one Actions component allowed.");return{navigation:y,title:c,metadata:x,description:L,documentation:N,actions:M,image:j}},[e]),{navigation:i,title:t,metadata:d,description:p,documentation:h,actions:l,image:w}=o;return I(H,{sx:{display:"flex",alignItems:"center",gap:a.Spacing5},testId:n,children:[I(H,{sx:{display:"flex",flexDirection:"column",gap:a.Spacing5,flexGrow:1},children:[i.length>0&&i.map((y,c)=>g(A.Fragment,{children:y},c)),I(H,{sx:{display:"flex",flexDirection:"row",gap:a.Spacing5,flexWrap:"wrap"},children:[w,I(H,{sx:{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t,d]})]}),p]}),(h||l)&&I(H,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end",gap:a.Spacing4,flexShrink:0},children:[h,l]})]})});de.displayName="PageHeader";const Xe=Object.assign(de,{Title:F,Description:G,Metadata:_,Image:W,Actions:$,Documentation:U,Breadcrumbs:q,BackLink:J});export{Xe as P};

package/dist/assets/PageHeader.stories-CCvS30-w.js

@@ -1,17 +0,0 @@
-import{r as c,j as m,l as B,b as h}from"./iframe-CQjT1fxh.js";import{u as z}from"./OdysseyProvider-PxeTd-wx.js";import{M as x}from"./Box--NDTewyO.js";import{T as N}from"./Typography-Jr4Brrb5.js";import{S as w}from"./tableRowClasses-Bk1uFtwh.js";import{M as R}from"./Button-CQAScxdp.js";import{O}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{W as k}from"./WorkflowsComponentsStorybookThemeDecorator-DrWk22II.js";import"./preload-helper-Dp1pzeXC.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Box-CnVllI1S.js";import"./MuiPropsContext-Df02xyKB.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./ButtonBase-Rz8p08Xo.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";const T=c.forwardRef((t,i)=>m.jsx(w,{fill:"none",ref:i,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:m.jsx(m.Fragment,{children:m.jsx("path",{clipRule:"evenodd",d:"M11 13v5h2v-5h5v-2h-5V6h-2v5H6v2h5Z",fill:"currentColor",fillRule:"evenodd"})})})),j=c.memo(T);j.displayName="AddIcon";const A={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},p=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,isPresentational:n,testId:l,translate:b,typographyRef:f,variant:u="body"})=>{const y=c.useMemo(()=>r||(u==="body"||u==="subordinate"||u==="support"||u==="overline"?"p":u),[r,u]),g=c.useRef(null);return c.useImperativeHandle(f,()=>({focus:()=>{var v;(v=g.current)==null||v.focus()}}),[]),m.jsx(N,{"aria-current":t,"aria-describedby":i,"aria-label":a,"aria-labelledby":s,children:d,color:e,component:y,"data-se":l,id:o,ref:g,role:n?"presentation":void 0,tabIndex:-1,translate:b,variant:A[u]})},P=c.memo(p);P.displayName="Typography";const _=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,isPresentational:n,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,isPresentational:n,testId:l,translate:b,variant:"h1"}),I=c.memo(_);I.displayName="Heading1";const E=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h2"}),F=c.memo(E);F.displayName="Heading2";const V=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h3"}),W=c.memo(V);W.displayName="Heading3";const $=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h4"}),K=c.memo($);K.displayName="Heading4";const U=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h5"}),Y=c.memo(U);Y.displayName="Heading5";const Z=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"h6"}),q=c.memo(Z);q.displayName="Heading6";const G=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"body"}),D=c.memo(G);D.displayName="Paragraph";const J=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"subordinate"}),Q=c.memo(J);Q.displayName="Subordinate";const X=({ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l})=>m.jsx(p,{ariaCurrent:t,ariaDescribedBy:i,ariaLabel:a,ariaLabelledBy:s,children:d,color:e,component:r,id:o,testId:n,translate:l,variant:"support"}),ee=c.memo(X);ee.displayName="Support";const ae=({ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n})=>m.jsx(p,{ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n,variant:"legend"}),re=c.memo(ae);re.displayName="Legend";const oe=({ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n})=>m.jsx(p,{ariaDescribedBy:t,ariaLabel:i,ariaLabelledBy:a,children:s,color:d,component:e,id:r,testId:o,translate:n,variant:"overline"}),te=c.memo(oe);te.displayName="Overline";const ie={lineHeight:"1.5rem",whiteSpace:"pre-line"},ne=({buttonLabel:t,buttonVariant:i="secondary",headingText:a,isLookAndFeelEnabled:s,isResourceCreator:d,onCreateResource:e,resourceDescription:r,resourceType:o})=>{const n=z(),l=t||`Add new ${a.toLowerCase()}`,b=c.useCallback(()=>{o==="Action"?e({resourceLabel:a,closePopup:!0,onConfirm:(u,y,g)=>e(u,y,g)}):o==="Integration Project"?e():e({resourceLabel:o,closePopup:!0,onConfirm:(u,y)=>e(u,y)})},[a,e,o]),f=c.useMemo(()=>({alignItems:"center",display:"flex",gridArea:"header",justifyContent:"space-between",overflow:"hidden",paddingRight:n.Spacing5}),[n.Spacing5]);return s?B(x,{sx:f,children:[B(x,{children:[h(I,{children:a}),r&&h(x,{sx:ie,children:h(D,{color:"textSecondary",children:r})})]}),d&&h(R,{label:l,onClick:b,startIcon:h(j,{}),variant:i})]}):null},S=c.memo(ne);S.displayName="PageHeader";/*!
- * Copyright (c) 2021-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const{action:se}=__STORYBOOK_MODULE_ACTIONS__,_e={component:S,decorators:[O,k],tags:["autodocs"],argTypes:{buttonLabel:{control:"text"},buttonVariant:{control:"text"},headingText:{control:"text"},isLookAndFeelEnabled:{control:"boolean"},isResourceCreator:{control:"boolean"},onCreateResource:{action:!0,description:"Callback fired when the button is clicked.",table:{type:{summary:"(() => void)"}}},resourceDescription:{control:"text"},resourceType:{control:"text"}},args:{buttonLabel:"Create Resource",headingText:"Header",isLookAndFeelEnabled:!0}},L={args:{isResourceCreator:!0,onCreateResource:se("onCreateResource"),resourceDescription:"Lorem ipsum."}};var H,C,M;L.parameters={...L.parameters,docs:{...(H=L.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  args: {
-    isResourceCreator: true,
-    onCreateResource: action("onCreateResource"),
-    resourceDescription: "Lorem ipsum."
-  }
-}`,...(M=(C=L.parameters)==null?void 0:C.docs)==null?void 0:M.source}}};const Ee=["Default"];export{L as Default,Ee as __namedExportsOrder,_e as default};

package/dist/assets/PageTemplate-Dfm2PU1P.js

@@ -1,8 +0,0 @@
-import{j as o}from"./iframe-CQjT1fxh.js";import{useMDXComponents as p}from"./index-D5BUEpVX.js";import{M as e,T as n,S as s,D as a,a as c}from"./blocks-D521Uej3.js";import{P as i}from"./PageTemplate.stories-mpYXgZT4.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.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"./personData-Bi-Gg5yH.js";import"./Status-DyDCzqET.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"./PageTemplate-BUVvgcIj.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useMountLifecycleEffect-BNByHT_g.js";import"./Link-thynTosX.js";import"./Documentation-nAJnZGCK.js";import"./Dialog-DiU8nQnH.js";import"./Button-0PI4ljbj.js";import"./BaseButton-C9tiChQu.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-Dug4qNr3.js";import"./FullScreenOverlay-GJH3R5s4.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./DialogContent-C6DlqjnA.js";import"./Paper-vUVrw-QB.js";import"./Fade-ZBabHGDm.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerWindow-HkKU3E4x.js";import"./createChainedFunction-BO_9K8Jh.js";import"./dialogActionsClasses-J0iu7jYO.js";import"./DialogTitle-B_QxN4PO.js";import"./Surface-s9E2mDWU.js";import"./DataTable-B5iX_c6m.js";import"./index.esm-Bohtd3OQ.js";import"./debounce-Be36O1Ab.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./List-D0N4Xybp.js";import"./Stack-Duw-TXBf.js";import"./createStyled-BKWdp2xc.js";import"./useThemeProps-BCUqwy59.js";import"./Box-CnVllI1S.js";import"./CircularProgress-D6L1y9kt.js";import"./Menu-DB2s3Jn0.js";import"./MenuList-D3GSt85L.js";import"./colorManipulator-BYcVMQmD.js";import"./IconButton-BPR_sq0F.js";import"./Radio-C5-GzJtb.js";import"./SwitchBase-C_6ALR3v.js";import"./Checkbox-mRntsWEy.js";import"./useMobilePicker-DJQJ3D8W.js";import"./Select-DE0mojaE.js";import"./ArrowDropDown-BbLKA4fg.js";import"./InputBase-BYnzr12H.js";import"./useThemeProps-Bc2iWdri.js";import"./InputAdornment-Clfg5IS6.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-CpMFWgaz.js";import"./Collapse-DULszxZp.js";import"./AlertTitle-UQV7DT5q.js";import"./useSlot-BMAKysxJ.js";import"./Close-CELHOmN_.js";import"./LinearProgress-Z53mwHnp.js";import"./Skeleton-DxFSebyW.js";import"./Divider-C7lvc1xB.js";import"./Autocomplete-BajR4gNT.js";import"./ListSubheader-Dwx7m0BA.js";import"./tableSortLabelClasses-i_d6KGQQ.js";import"./FormControlLabel-BG9mNqQc.js";import"./DateTimePicker-ByepBMwy.js";import"./Tabs-BPWnyCAU.js";import"./DatePicker-vZfA4IWy.js";import"./Box-B3rdnavX.js";import"./MenuButton-BffESdH9.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./Callout-WJN7MCgu.js";import"./Link-Cg_KakDo.js";import"./ExternalLink-3_gWbh_U.js";import"./EmptyState-B1EvR4rn.js";import"./DataFilters-4og6bOFS.js";import"./Autocomplete-BwSwXNq_.js";import"./useAutocomplete-DG_kuhWb.js";import"./index.esm-Dvk_qjX0.js";import"./Field-CqIOaZfg.js";import"./ScreenReaderText-toqV93JE.js";import"./FieldHint-Cs73lQge.js";import"./inputUtils-BBH9ADKa.js";import"./Checkbox-3Yu84dfy.js";import"./Hint-BXue9c6p.js";import"./CheckboxGroup-Bris2fCF.js";import"./FormGroup-D8ZDwdpx.js";import"./Radio-BlxlCYZY.js";import"./RadioGroup-sL620ofZ.js";import"./RadioGroup-BcwUBGJo.js";import"./SearchField-DmDpB-Sd.js";import"./Search-0744_rm_.js";import"./Tag-CYK8pNzu.js";import"./TagList-CunLkaIS.js";import"./TextField-DF5R_omM.js";import"./Filter-XcwxIcdg.js";import"./ChevronRight-QYu5EQHS.js";import"./useScrollIndication-BGw7dgC5.js";import"./ArrowRight-C5USrGY5.js";import"./MenuItem-Cmq8TfUJ.js";import"./List-CZ2bN2bA.js";import"./Show-C6ORd-wr.js";import"./Drawer-CYAKZaWu.js";import"./Form-jEIBfmsN.js";import"./Layout-XY1MknZE.js";function m(r){const t={a:"a",code:"code",p:"p",...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.jsxs(t.p,{children:[o.jsx(t.code,{children:"PageTemplate"}),` is a multi-purpose container that enforces Odyssey layout conventions, ensuring that
-your screens look consistent without you doing extra work.`]}),`
-`,o.jsxs(t.p,{children:["If you're an Okta employee, you can see the ",o.jsx(t.a,{href:"https://www.figma.com/design/jMsVlc6QrA5dQXqPEEVT7S/%F0%9F%93%A6-Odyssey-Templates?node-id=1862-40643",rel:"nofollow",children:"Figma here"}),"."]}),`
-`,o.jsx(c,{})]})}function vt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{vt as default};