@okta/odyssey-react-mui 1.52.0 → 1.53.0

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

@@ -0,0 +1,246 @@
+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/MenuButton.stories-l4pnLJBo.js

@@ -0,0 +1,75 @@
+import{j as t}from"./iframe-CQjT1fxh.js";import{I as T}from"./IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js";import{M as o,a as e}from"./MenuItem-nncwAWHS.js";import"./preload-helper-Dp1pzeXC.js";import"./Tooltip-yxN-KFjL.js";import"./tableRowClasses-Bk1uFtwh.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"./ScopedCssBaseline-BOa6kM98.js";import"./ariaDisabledStyles-BnD13Dho.js";import"./MenuButton-BrxZ5EA2.js";import"./Box-CnVllI1S.js";import"./Menu-DB2s3Jn0.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"./MenuItem-CpMFWgaz.js";const ot={component:o,decorators:[T],tags:["autodocs"],argTypes:{ariaDisabled:{control:"boolean",description:"If `true`, the menu button appears disabled but remains focusable and can show tooltips. Use this instead of `isDisabled` when you need to display a tooltip on a disabled menu button.",table:{category:"Visual",type:{summary:"boolean"}}},buttonLabel:{control:"text",description:"The label text for the menu button.",table:{category:"Visual",type:{summary:"string"}}},buttonVariant:{options:["primary","secondary","floating"],control:{type:"radio"},description:"The variant of the menu button.",table:{category:"Visual",type:{summary:'"primary" | "secondary" | "floating"'},defaultValue:{summary:"secondary"}}},children:{control:!1,description:"The menu items to display when the menu is open.",table:{category:"Visual",type:{summary:"ReactNode"}}},isDisabled:{control:"boolean",description:"If `true`, the menu button will be disabled.",table:{category:"Visual",type:{summary:"boolean"}}}}},n={name:"Disabled with Tooltip",parameters:{docs:{description:{story:"Menu buttons can display tooltips when disabled by using `ariaDisabled` instead of `isDisabled`. Wrap the MenuButton with a Tooltip component to show the tooltip on hover."}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Actions",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}},l={config:{rules:[{id:"color-contrast",enabled:!1}]}},a={name:"Disabled Primary with Tooltip",parameters:{docs:{description:{story:"Primary menu button with `ariaDisabled` and tooltip."}},a11y:l},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Primary Actions",buttonVariant:"primary",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}},i={name:"Disabled Secondary with Tooltip",parameters:{docs:{description:{story:"Secondary menu button with `ariaDisabled` and tooltip."}},a11y:l},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Secondary Actions",buttonVariant:"secondary",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}},r={name:"Disabled Floating with Tooltip",parameters:{docs:{description:{story:"Floating menu button with `ariaDisabled` and tooltip."}},a11y:l},render:function(){return t.jsxs(o,{ariaDisabled:!0,buttonLabel:"Floating Actions",buttonVariant:"floating",tooltipText:"You do not have permission to perform actions.",children:[t.jsx(e,{children:"Edit"}),t.jsx(e,{children:"Delete"})]})}};var d,m,p;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  name: "Disabled with Tooltip",
+  parameters: {
+    docs: {
+      description: {
+        story: "Menu buttons can display tooltips when disabled by using \`ariaDisabled\` instead of \`isDisabled\`. Wrap the MenuButton with a Tooltip component to show the tooltip on hover."
+      }
+    },
+    // Disable color-contrast check because we intentionally match Odyssey's
+    // native disabled button styling, which uses low-contrast colors that are
+    // exempt from WCAG requirements for disabled UI components
+    a11y: {
+      config: {
+        rules: [{
+          id: "color-contrast",
+          enabled: false
+        }]
+      }
+    } satisfies A11yParameters
+  },
+  render: function Render() {
+    return <MenuButton ariaDisabled buttonLabel="Actions" tooltipText="You do not have permission to perform actions.">
+        <MenuItem>Edit</MenuItem>
+        <MenuItem>Delete</MenuItem>
+      </MenuButton>;
+  }
+}`,...(p=(m=n.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var u,c,b;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  name: "Disabled Primary with Tooltip",
+  parameters: {
+    docs: {
+      description: {
+        story: "Primary menu button with \`ariaDisabled\` and tooltip."
+      }
+    },
+    a11y: ariaDisabledA11yParameters
+  },
+  render: function Render() {
+    return <MenuButton ariaDisabled buttonLabel="Primary Actions" buttonVariant="primary" tooltipText="You do not have permission to perform actions.">
+        <MenuItem>Edit</MenuItem>
+        <MenuItem>Delete</MenuItem>
+      </MenuButton>;
+  }
+}`,...(b=(c=a.parameters)==null?void 0:c.docs)==null?void 0:b.source}}};var y,h,D;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  name: "Disabled Secondary with Tooltip",
+  parameters: {
+    docs: {
+      description: {
+        story: "Secondary menu button with \`ariaDisabled\` and tooltip."
+      }
+    },
+    a11y: ariaDisabledA11yParameters
+  },
+  render: function Render() {
+    return <MenuButton ariaDisabled buttonLabel="Secondary Actions" buttonVariant="secondary" tooltipText="You do not have permission to perform actions.">
+        <MenuItem>Edit</MenuItem>
+        <MenuItem>Delete</MenuItem>
+      </MenuButton>;
+  }
+}`,...(D=(h=i.parameters)==null?void 0:h.docs)==null?void 0:D.source}}};var f,M,g;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  name: "Disabled Floating with Tooltip",
+  parameters: {
+    docs: {
+      description: {
+        story: "Floating menu button with \`ariaDisabled\` and tooltip."
+      }
+    },
+    a11y: ariaDisabledA11yParameters
+  },
+  render: function Render() {
+    return <MenuButton ariaDisabled buttonLabel="Floating Actions" buttonVariant="floating" tooltipText="You do not have permission to perform actions.">
+        <MenuItem>Edit</MenuItem>
+        <MenuItem>Delete</MenuItem>
+      </MenuButton>;
+  }
+}`,...(g=(M=r.parameters)==null?void 0:M.docs)==null?void 0:g.source}}};const nt=["DisabledWithTooltip","DisabledPrimaryWithTooltip","DisabledSecondaryWithTooltip","DisabledFloatingWithTooltip"];export{r as DisabledFloatingWithTooltip,a as DisabledPrimaryWithTooltip,i as DisabledSecondaryWithTooltip,n as DisabledWithTooltip,nt as __namedExportsOrder,ot as default};

package/dist/assets/MenuContext-UsOwIWpO.js

@@ -0,0 +1,11 @@
+import{r as e}from"./iframe-CQjT1fxh.js";/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const o=e.createContext({closeMenu:()=>{},openMenu:()=>{},shouldCloseOnSelect:!0});export{o as M};

package/dist/assets/MenuItem-Cmq8TfUJ.js

@@ -0,0 +1 @@
+import{r as t,j as M}from"./iframe-CQjT1fxh.js";import{M as x}from"./MenuContext-UsOwIWpO.js";import{M as f}from"./MenuItem-CpMFWgaz.js";import{m as I}from"./tableRowClasses-Bk1uFtwh.js";const b=({children:u,hasInitialFocus:n,isSelected:s,isDisabled:o,onClick:e,testId:r,value:d,variant:c="default"})=>{const{closeMenu:a,shouldCloseOnSelect:m}=t.useContext(x),i=t.useCallback(l=>{e==null||e(l),m&&a()},[e,a,m]);return M.jsx(f,{"aria-current":s,autoFocus:n,className:c==="destructive"?`${I.root}-destructive`:void 0,"data-se":r,disabled:o,onClick:i,selected:s,tabIndex:0,value:d,children:u})},j=t.memo(b);j.displayName="MenuItem";export{j as M};

package/dist/assets/MenuItem-CpMFWgaz.js

@@ -0,0 +1 @@
+import{b as V,_ as E,u as F,a as n,c as G,d as x,f as L,k as T,r as w,l as c,n as C,o as $,p as I,m as i}from"./tableRowClasses-Bk1uFtwh.js";import{r as d,j as O}from"./iframe-CQjT1fxh.js";import{a as k}from"./List-D0N4Xybp.js";import{u as _}from"./useIsFocusVisible-D1xCTBdT.js";import{B as D}from"./ButtonBase-Rz8p08Xo.js";const H=["autoFocus","component","dense","divider","disableGutters","focusVisibleClassName","role","tabIndex","className"],S=(a,e)=>{const{ownerState:s}=a;return[e.root,s.dense&&e.dense,s.divider&&e.divider,!s.disableGutters&&e.gutters]},z=a=>{const{disabled:e,dense:s,divider:t,disableGutters:l,selected:p,classes:o}=a,r=L({root:["root",s&&"dense",e&&"disabled",!l&&"gutters",t&&"divider",p&&"selected"]},T,o);return n({},o,r)},U=G(D,{shouldForwardProp:a=>w(a)||a==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:S})(({theme:a,ownerState:e})=>n({},a.typography.body1,{display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap"},!e.disableGutters&&{paddingLeft:16,paddingRight:16},e.divider&&{borderBottom:`1px solid ${(a.vars||a).palette.divider}`,backgroundClip:"padding-box"},{"&:hover":{textDecoration:"none",backgroundColor:(a.vars||a).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${i.selected}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity),[`&.${i.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},[`&.${i.selected}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:a.vars?`rgba(${a.vars.palette.primary.mainChannel} / ${a.vars.palette.action.selectedOpacity})`:c.alpha(a.palette.primary.main,a.palette.action.selectedOpacity)}},[`&.${i.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`&.${i.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity},[`& + .${I.root}`]:{marginTop:a.spacing(1),marginBottom:a.spacing(1)},[`& + .${I.inset}`]:{marginLeft:52},[`& .${$.root}`]:{marginTop:0,marginBottom:0},[`& .${$.inset}`]:{paddingLeft:36},[`& .${C.root}`]:{minWidth:36}},!e.dense&&{[a.breakpoints.up("sm")]:{minHeight:"auto"}},e.dense&&n({minHeight:32,paddingTop:4,paddingBottom:4},a.typography.body2,{[`& .${C.root} svg`]:{fontSize:"1.25rem"}}))),Q=d.forwardRef(function(e,s){const t=V({props:e,name:"MuiMenuItem"}),{autoFocus:l=!1,component:p="li",dense:o=!1,divider:f=!1,disableGutters:r=!1,focusVisibleClassName:M,role:R="menuitem",tabIndex:v,className:B}=t,j=E(t,H),g=d.useContext(k),m=d.useMemo(()=>({dense:o||g.dense||!1,disableGutters:r}),[g.dense,o,r]),u=d.useRef(null);F(()=>{l&&u.current&&u.current.focus()},[l]);const N=n({},t,{dense:m.dense,divider:f,disableGutters:r}),b=z(t),P=_(u,s);let y;return t.disabled||(y=v!==void 0?v:-1),O.jsx(k.Provider,{value:m,children:O.jsx(U,n({ref:P,role:R,tabIndex:y,component:p,focusVisibleClassName:x(b.focusVisible,M),className:x(b.root,B)},j,{ownerState:N,classes:b}))})});export{Q as M};

package/dist/assets/MenuItem-nncwAWHS.js

@@ -0,0 +1 @@
+import{r as s,b as u}from"./iframe-CQjT1fxh.js";import{s as m,m as p}from"./tableRowClasses-Bk1uFtwh.js";import{g as h}from"./ariaDisabledStyles-BnD13Dho.js";import{u as y}from"./IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js";import{M as c}from"./MenuButton-BrxZ5EA2.js";import{M as v}from"./MenuItem-CpMFWgaz.js";const w=m("div",{shouldForwardProp:e=>!["buttonVariant","odysseyDesignTokens"].includes(e)})(({odysseyDesignTokens:e,buttonVariant:o})=>({display:"inline-block","& button":{...h(e,o)}})),C=({ariaDisabled:e,buttonVariant:o,...n})=>{const a=y(),d=s.useCallback(t=>{e&&(t.preventDefault(),t.stopPropagation())},[e]),r=s.useCallback(t=>{e&&["Enter"," ","ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation())},[e]);return e?u(w,{"aria-disabled":"true",buttonVariant:o,odysseyDesignTokens:a,onClickCapture:d,onKeyDownCapture:r,children:u(c,{...n,buttonVariant:o})}):u(c,{...n,buttonVariant:o})},D=s.memo(C);D.displayName="MenuButton";const b=m(v,{shouldForwardProp:e=>!["ariaDisabled","odysseyDesignTokens"].includes(e)})(({ariaDisabled:e,odysseyDesignTokens:o})=>({...e&&{opacity:1,color:o.TypographyColorDisabled,cursor:"default",pointerEvents:"auto","&:hover":{backgroundColor:"transparent",color:o.TypographyColorDisabled},[`&.${p.root}-destructive`]:{color:o.PaletteDangerLight,"&:hover":{color:o.PaletteDangerLight}}}})),k=({ariaDisabled:e,children:o,hasInitialFocus:n,isSelected:a,isDisabled:d,onClick:r,testId:t,value:i,variant:f="default"})=>{const M=y(),g=s.useCallback(l=>{if(e){l.preventDefault(),l.stopPropagation();return}r==null||r(l)},[e,r]);return u(b,{"aria-current":a,"aria-disabled":e||void 0,ariaDisabled:e,autoFocus:n,className:f==="destructive"?`${p.root}-destructive`:void 0,"data-se":t,disabled:d,odysseyDesignTokens:M,onClick:g,selected:a,value:i,children:o})},B=s.memo(k);B.displayName="MenuItem";export{D as M,B as a};

package/dist/assets/MenuItem.stories-76iDefqo.js

@@ -0,0 +1,22 @@
+import{R as g,r as n,b as M,j as i}from"./iframe-CQjT1fxh.js";import{I as V}from"./IgaComponentsOdysseyStorybookThemeDecorator-DdMym0aA.js";import{T as W}from"./Tooltip-yxN-KFjL.js";import{a as r,M as B}from"./MenuItem-nncwAWHS.js";import"./preload-helper-Dp1pzeXC.js";import"./Button-Dug4qNr3.js";import"./tableRowClasses-Bk1uFtwh.js";import"./ButtonBase-Rz8p08Xo.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./index-5Qx3hCfP.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"./ariaDisabledStyles-BnD13Dho.js";import"./MenuButton-BrxZ5EA2.js";import"./Box-CnVllI1S.js";import"./Menu-DB2s3Jn0.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"./MenuItem-CpMFWgaz.js";const C=200,E=g.forwardRef(({children:t,sx:a,onMouseEnter:u,onMouseLeave:p,onFocus:d,onBlur:m,...c},h)=>M("div",{onBlur:m,onFocus:d,onMouseEnter:u,onMouseLeave:p,ref:h,style:a,tabIndex:-1,...c,children:t}));E.displayName="TooltipWrapper";const w=g.forwardRef(({children:t,text:a,placement:u="top",showWhen:p=!0,wrapperSx:d,...m},c)=>{const[h,s]=n.useState(!1),e=n.useRef(void 0),b=n.useRef(!1);n.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{b.current=!0,e.current&&(clearTimeout(e.current),e.current=void 0),e.current=setTimeout(()=>{b.current&&s(!0),e.current=void 0},C)},j=()=>{b.current=!1,e.current&&(clearTimeout(e.current),e.current=void 0),s(!1)},L=()=>{s(!0)},k=()=>{s(!1)};if(!p||!a)return t;const f=t.props.onMouseEnter,y=t.props.onMouseLeave,v=t.props.onFocus,T=t.props.onBlur;return M(W,{arrow:!0,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,open:h,placement:u,title:a,...m,children:M(E,{onBlur:o=>{k(),T==null||T(o)},onFocus:o=>{L(),v==null||v(o)},onMouseEnter:o=>{R(),f==null||f(o)},onMouseLeave:o=>{j(),y==null||y(o)},ref:c,sx:d,children:t})})});w.displayName="PatchedTooltip";const fe={component:r,decorators:[V],tags:["autodocs"],argTypes:{ariaDisabled:{control:"boolean",description:"If `true`, the menu item appears disabled but remains focusable and can show tooltips. Use this instead of `isDisabled` when you need to display a tooltip on a disabled menu item.",table:{category:"Visual",type:{summary:"boolean"}}},children:{control:"text",description:"The content of the menu item.",table:{category:"Visual",type:{summary:"ReactNode"}}},isDisabled:{control:"boolean",description:"If `true`, the menu item will be visually marked as disabled.",table:{category:"Visual",type:{summary:"boolean"}}},isSelected:{control:"boolean",description:"If `true`, the menu item will be visually marked as selected.",table:{category:"Visual",type:{summary:"boolean"}}},onClick:{action:!0,description:"Callback fired when the menu item is clicked.",table:{category:"Functional",type:{summary:"(() => void)"}}},variant:{options:["default","destructive"],control:{type:"radio"},description:"The variant of the menu item.",table:{category:"Visual",type:{summary:'"default" | "destructive"'},defaultValue:{summary:"default"}}}},args:{children:"Menu item label"}},l={name:"Disabled with Tooltip",parameters:{docs:{description:{story:"Menu items can display tooltips when disabled by using `ariaDisabled` instead of `isDisabled`. Wrap the MenuItem with a Tooltip component to show the tooltip on hover. This example shows both default and destructive variants."}}},render:()=>i.jsxs(B,{buttonLabel:"Open Menu",children:[i.jsx(r,{children:"Enabled action"}),i.jsx(w,{placement:"right",text:"This action is currently unavailable",children:i.jsx(r,{ariaDisabled:!0,children:"Disabled default with tooltip"})}),i.jsx(w,{placement:"right",text:"You do not have permission to delete",children:i.jsx(r,{ariaDisabled:!0,variant:"destructive",children:"Disabled destructive with tooltip"})}),i.jsx(r,{children:"Another enabled action"})]})};var x,D,I;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  name: "Disabled with Tooltip",
+  parameters: {
+    docs: {
+      description: {
+        story: "Menu items can display tooltips when disabled by using \`ariaDisabled\` instead of \`isDisabled\`. Wrap the MenuItem with a Tooltip component to show the tooltip on hover. This example shows both default and destructive variants."
+      }
+    }
+  },
+  render: () => <MenuButton buttonLabel="Open Menu">
+      <MenuItem>Enabled action</MenuItem>
+      <Tooltip placement="right" text="This action is currently unavailable">
+        <MenuItem ariaDisabled>Disabled default with tooltip</MenuItem>
+      </Tooltip>
+      <Tooltip placement="right" text="You do not have permission to delete">
+        <MenuItem ariaDisabled variant="destructive">
+          Disabled destructive with tooltip
+        </MenuItem>
+      </Tooltip>
+      <MenuItem>Another enabled action</MenuItem>
+    </MenuButton>
+}`,...(I=(D=l.parameters)==null?void 0:D.docs)==null?void 0:I.source}}};const ye=["DisabledWithTooltip"];export{l as DisabledWithTooltip,ye as __namedExportsOrder,fe as default};

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

@@ -0,0 +1,38 @@
+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/MenuList-D3GSt85L.js

@@ -0,0 +1 @@
+import{_ as j,u as H,a as T}from"./tableRowClasses-Bk1uFtwh.js";import{r as c,j as A}from"./iframe-CQjT1fxh.js";import{g as _}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as C}from"./ownerDocument-DW-IO8s5.js";import{u as O}from"./useIsFocusVisible-D1xCTBdT.js";import{L as z}from"./List-D0N4Xybp.js";const N=["actions","autoFocus","autoFocusItem","children","className","disabledItemsFocusable","disableListWrap","onKeyDown","variant"];function w(n,t,r){return n===t?n.firstChild:t&&t.nextElementSibling?t.nextElementSibling:r?null:n.firstChild}function D(n,t,r){return n===t?r?n.firstChild:n.lastChild:t&&t.previousElementSibling?t.previousElementSibling:r?null:n.lastChild}function I(n,t){if(t===void 0)return!0;let r=n.innerText;return r===void 0&&(r=n.textContent),r=r.trim().toLowerCase(),r.length===0?!1:t.repeating?r[0]===t.keys[0]:r.indexOf(t.keys.join(""))===0}function h(n,t,r,b,m,y){let p=!1,u=m(n,t,t?r:!1);for(;u;){if(u===n.firstChild){if(p)return!1;p=!0}const d=b?!1:u.disabled||u.getAttribute("aria-disabled")==="true";if(!u.hasAttribute("tabindex")||!I(u,y)||d)u=m(n,u,r);else return u.focus(),!0}return!1}const B=c.forwardRef(function(t,r){const{actions:b,autoFocus:m=!1,autoFocusItem:y=!1,children:p,className:u,disabledItemsFocusable:d=!1,disableListWrap:g=!1,onKeyDown:x,variant:v="selectedMenu"}=t,F=j(t,N),a=c.useRef(null),M=c.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});H(()=>{m&&a.current.focus()},[m]),c.useImperativeHandle(b,()=>({adjustStyleForScrollbar:(e,{direction:s})=>{const l=!a.current.style.width;if(e.clientHeight<a.current.clientHeight&&l){const f=`${_(C(e))}px`;a.current.style[s==="rtl"?"paddingLeft":"paddingRight"]=f,a.current.style.width=`calc(100% + ${f})`}return a.current}}),[]);const S=e=>{const s=a.current,l=e.key,f=C(s).activeElement;if(l==="ArrowDown")e.preventDefault(),h(s,f,g,d,w);else if(l==="ArrowUp")e.preventDefault(),h(s,f,g,d,D);else if(l==="Home")e.preventDefault(),h(s,null,g,d,w);else if(l==="End")e.preventDefault(),h(s,null,g,d,D);else if(l.length===1){const i=M.current,k=l.toLowerCase(),E=performance.now();i.keys.length>0&&(E-i.lastTime>500?(i.keys=[],i.repeating=!0,i.previousKeyMatched=!0):i.repeating&&k!==i.keys[0]&&(i.repeating=!1)),i.lastTime=E,i.keys.push(k);const R=f&&!i.repeating&&I(f,i);i.previousKeyMatched&&(R||h(s,f,!1,d,w,i))?e.preventDefault():i.previousKeyMatched=!1}x&&x(e)},L=O(a,r);let o=-1;c.Children.forEach(p,(e,s)=>{if(!c.isValidElement(e)){o===s&&(o+=1,o>=p.length&&(o=-1));return}e.props.disabled||(v==="selectedMenu"&&e.props.selected||o===-1)&&(o=s),o===s&&(e.props.disabled||e.props.muiSkipListHighlight||e.type.muiSkipListHighlight)&&(o+=1,o>=p.length&&(o=-1))});const K=c.Children.map(p,(e,s)=>{if(s===o){const l={};return y&&(l.autoFocus=!0),e.props.tabIndex===void 0&&v==="selectedMenu"&&(l.tabIndex=0),c.cloneElement(e,l)}return e});return A.jsx(z,T({role:"menu",ref:L,className:u,onKeyDown:S,tabIndex:m?0:-1},F,{children:K}))});export{B as M};

package/dist/assets/Modal-C5P7v6Gt.js

@@ -0,0 +1 @@
+import{M as ie,N as ae,b as le,_ as ce,a as x,c as G,d as q,f as de}from"./tableRowClasses-Bk1uFtwh.js";import{r as d,j as N}from"./iframe-CQjT1fxh.js";import{g as ge}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as O}from"./ownerDocument-DW-IO8s5.js";import{o as V}from"./ownerWindow-HkKU3E4x.js";import{u as ue}from"./useIsFocusVisible-D1xCTBdT.js";import{u as te}from"./TransitionGroupContext-yBqGXZYI.js";import{c as oe}from"./createChainedFunction-BO_9K8Jh.js";import{e as xe}from"./resolveComponentProps-DGxe9oED.js";import{g as ve,u as ne,P as Ee}from"./Portal-DeJFqeW-.js";import{F as Re}from"./Fade-ZBabHGDm.js";function ke(e){return ie("MuiBackdrop",e)}ae("MuiBackdrop",["root","invisible"]);const Pe=["children","className","component","components","componentsProps","invisible","open","slotProps","slots","TransitionComponent","transitionDuration"],ye=e=>{const{classes:t,invisible:n}=e;return de({root:["root",n&&"invisible"]},ke,t)},Te=G("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.invisible&&t.invisible]}})(({ownerState:e})=>x({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},e.invisible&&{backgroundColor:"transparent"})),Se=d.forwardRef(function(t,n){var o,s,r;const i=le({props:t,name:"MuiBackdrop"}),{children:c,className:u,component:g="div",components:m={},componentsProps:b={},invisible:k=!1,open:v,slotProps:l={},slots:M={},TransitionComponent:C=Re,transitionDuration:I}=i,P=ce(i,Pe),a=x({},i,{component:g,invisible:k}),E=ye(a),h=(o=l.root)!=null?o:b.root;return N.jsx(C,x({in:v,timeout:I},P,{children:N.jsx(Te,x({"aria-hidden":!0},h,{as:(s=(r=M.root)!=null?r:m.Root)!=null?s:g,className:q(E.root,u,h==null?void 0:h.className),ownerState:x({},a,h==null?void 0:h.ownerState),classes:E,ref:n,children:c}))}))});function Ce(e){const t=O(e);return t.body===e?V(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function U(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function re(e){return parseInt(V(e).getComputedStyle(e).paddingRight,10)||0}function Ie(e){const n=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].indexOf(e.tagName)!==-1,o=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return n||o}function se(e,t,n,o,s){const r=[t,n,...o];[].forEach.call(e.children,i=>{const c=r.indexOf(i)===-1,u=!Ie(i);c&&u&&U(i,s)})}function Y(e,t){let n=-1;return e.some((o,s)=>t(o)?(n=s,!0):!1),n}function Ne(e,t){const n=[],o=e.container;if(!t.disableScrollLock){if(Ce(o)){const i=ge(O(o));n.push({value:o.style.paddingRight,property:"padding-right",el:o}),o.style.paddingRight=`${re(o)+i}px`;const c=O(o).querySelectorAll(".mui-fixed");[].forEach.call(c,u=>{n.push({value:u.style.paddingRight,property:"padding-right",el:u}),u.style.paddingRight=`${re(u)+i}px`})}let r;if(o.parentNode instanceof DocumentFragment)r=O(o).body;else{const i=o.parentElement,c=V(o);r=(i==null?void 0:i.nodeName)==="HTML"&&c.getComputedStyle(i).overflowY==="scroll"?i:o}n.push({value:r.style.overflow,property:"overflow",el:r},{value:r.style.overflowX,property:"overflow-x",el:r},{value:r.style.overflowY,property:"overflow-y",el:r}),r.style.overflow="hidden"}return()=>{n.forEach(({value:r,el:i,property:c})=>{r?i.style.setProperty(c,r):i.style.removeProperty(c)})}}function Me(e){const t=[];return[].forEach.call(e.children,n=>{n.getAttribute("aria-hidden")==="true"&&t.push(n)}),t}class we{constructor(){this.containers=void 0,this.modals=void 0,this.modals=[],this.containers=[]}add(t,n){let o=this.modals.indexOf(t);if(o!==-1)return o;o=this.modals.length,this.modals.push(t),t.modalRef&&U(t.modalRef,!1);const s=Me(n);se(n,t.mount,t.modalRef,s,!0);const r=Y(this.containers,i=>i.container===n);return r!==-1?(this.containers[r].modals.push(t),o):(this.containers.push({modals:[t],container:n,restore:null,hiddenSiblings:s}),o)}mount(t,n){const o=Y(this.containers,r=>r.modals.indexOf(t)!==-1),s=this.containers[o];s.restore||(s.restore=Ne(s,n))}remove(t,n=!0){const o=this.modals.indexOf(t);if(o===-1)return o;const s=Y(this.containers,i=>i.modals.indexOf(t)!==-1),r=this.containers[s];if(r.modals.splice(r.modals.indexOf(t),1),this.modals.splice(o,1),r.modals.length===0)r.restore&&r.restore(),t.modalRef&&U(t.modalRef,n),se(r.container,t.mount,t.modalRef,r.hiddenSiblings,!1),this.containers.splice(s,1);else{const i=r.modals[r.modals.length-1];i.modalRef&&U(i.modalRef,!1)}return o}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}const Fe=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Ae(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Be(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=o=>e.ownerDocument.querySelector(`input[type="radio"]${o}`);let n=t(`[name="${e.name}"]:checked`);return n||(n=t(`[name="${e.name}"]`)),n!==e}function Oe(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Be(e))}function De(e){const t=[],n=[];return Array.from(e.querySelectorAll(Fe)).forEach((o,s)=>{const r=Ae(o);r===-1||!Oe(o)||(r===0?t.push(o):n.push({documentOrder:s,tabIndex:r,node:o}))}),n.sort((o,s)=>o.tabIndex===s.tabIndex?o.documentOrder-s.documentOrder:o.tabIndex-s.tabIndex).map(o=>o.node).concat(t)}function Le(){return!0}function He(e){const{children:t,disableAutoFocus:n=!1,disableEnforceFocus:o=!1,disableRestoreFocus:s=!1,getTabbable:r=De,isEnabled:i=Le,open:c}=e,u=d.useRef(!1),g=d.useRef(null),m=d.useRef(null),b=d.useRef(null),k=d.useRef(null),v=d.useRef(!1),l=d.useRef(null),M=ue(ve(t),l),C=d.useRef(null);d.useEffect(()=>{!c||!l.current||(v.current=!n)},[n,c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current);return l.current.contains(a.activeElement)||(l.current.hasAttribute("tabIndex")||l.current.setAttribute("tabIndex","-1"),v.current&&l.current.focus()),()=>{s||(b.current&&b.current.focus&&(u.current=!0,b.current.focus()),b.current=null)}},[c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current),E=R=>{C.current=R,!(o||!i()||R.key!=="Tab")&&a.activeElement===l.current&&R.shiftKey&&(u.current=!0,m.current&&m.current.focus())},h=()=>{const R=l.current;if(R===null)return;if(!a.hasFocus()||!i()||u.current){u.current=!1;return}if(R.contains(a.activeElement)||o&&a.activeElement!==g.current&&a.activeElement!==m.current)return;if(a.activeElement!==k.current)k.current=null;else if(k.current!==null)return;if(!v.current)return;let y=[];if((a.activeElement===g.current||a.activeElement===m.current)&&(y=r(l.current)),y.length>0){var A,T;const D=!!((A=C.current)!=null&&A.shiftKey&&((T=C.current)==null?void 0:T.key)==="Tab"),B=y[0],w=y[y.length-1];typeof B!="string"&&typeof w!="string"&&(D?w.focus():B.focus())}else R.focus()};a.addEventListener("focusin",h),a.addEventListener("keydown",E,!0);const F=setInterval(()=>{a.activeElement&&a.activeElement.tagName==="BODY"&&h()},50);return()=>{clearInterval(F),a.removeEventListener("focusin",h),a.removeEventListener("keydown",E,!0)}},[n,o,s,i,c,r]);const I=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0,k.current=a.target;const E=t.props.onFocus;E&&E(a)},P=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0};return N.jsxs(d.Fragment,{children:[N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:g,"data-testid":"sentinelStart"}),d.cloneElement(t,{ref:M,onFocus:I}),N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:m,"data-testid":"sentinelEnd"})]})}function je(e){return typeof e=="function"?e():e}function _e(e){return e?e.props.hasOwnProperty("in"):!1}const Ue=new we;function $e(e){const{container:t,disableEscapeKeyDown:n=!1,disableScrollLock:o=!1,manager:s=Ue,closeAfterTransition:r=!1,onTransitionEnter:i,onTransitionExited:c,children:u,onClose:g,open:m,rootRef:b}=e,k=d.useRef({}),v=d.useRef(null),l=d.useRef(null),M=ue(l,b),[C,I]=d.useState(!m),P=_e(u);let a=!0;(e["aria-hidden"]==="false"||e["aria-hidden"]===!1)&&(a=!1);const E=()=>O(v.current),h=()=>(k.current.modalRef=l.current,k.current.mount=v.current,k.current),F=()=>{s.mount(h(),{disableScrollLock:o}),l.current&&(l.current.scrollTop=0)},R=te(()=>{const p=je(t)||E().body;s.add(h(),p),l.current&&F()}),y=d.useCallback(()=>s.isTopModal(h()),[s]),A=te(p=>{v.current=p,p&&(m&&y()?F():l.current&&U(l.current,a))}),T=d.useCallback(()=>{s.remove(h(),a)},[a,s]);d.useEffect(()=>()=>{T()},[T]),d.useEffect(()=>{m?R():(!P||!r)&&T()},[m,T,P,r,R]);const D=p=>f=>{var S;(S=p.onKeyDown)==null||S.call(p,f),!(f.key!=="Escape"||f.which===229||!y())&&(n||(f.stopPropagation(),g&&g(f,"escapeKeyDown")))},B=p=>f=>{var S;(S=p.onClick)==null||S.call(p,f),f.target===f.currentTarget&&g&&g(f,"backdropClick")};return{getRootProps:(p={})=>{const f=xe(e);delete f.onTransitionEnter,delete f.onTransitionExited;const S=x({},f,p);return x({role:"presentation"},S,{onKeyDown:D(S),ref:M})},getBackdropProps:(p={})=>{const f=p;return x({"aria-hidden":!0},f,{onClick:B(f),open:m})},getTransitionProps:()=>{const p=()=>{I(!1),i&&i()},f=()=>{I(!0),c&&c(),r&&T()};return{onEnter:oe(p,u==null?void 0:u.props.onEnter),onExited:oe(f,u==null?void 0:u.props.onExited)}},rootRef:M,portalRef:A,isTopModal:y,exited:C,hasTransition:P}}function Ke(e){return ie("MuiModal",e)}ae("MuiModal",["root","hidden","backdrop"]);const We=["BackdropComponent","BackdropProps","classes","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onBackdropClick","onClose","onTransitionEnter","onTransitionExited","open","slotProps","slots","theme"],ze=e=>{const{open:t,exited:n,classes:o}=e;return de({root:["root",!t&&n&&"hidden"],backdrop:["backdrop"]},Ke,o)},Ye=G("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.open&&n.exited&&t.hidden]}})(({theme:e,ownerState:t})=>x({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0},!t.open&&t.exited&&{visibility:"hidden"})),qe=G(Se,{name:"MuiModal",slot:"Backdrop",overridesResolver:(e,t)=>t.backdrop})({zIndex:-1}),st=d.forwardRef(function(t,n){var o,s,r,i,c,u;const g=le({name:"MuiModal",props:t}),{BackdropComponent:m=qe,BackdropProps:b,className:k,closeAfterTransition:v=!1,children:l,container:M,component:C,components:I={},componentsProps:P={},disableAutoFocus:a=!1,disableEnforceFocus:E=!1,disableEscapeKeyDown:h=!1,disablePortal:F=!1,disableRestoreFocus:R=!1,disableScrollLock:y=!1,hideBackdrop:A=!1,keepMounted:T=!1,onBackdropClick:D,open:B,slotProps:w,slots:j}=g,X=ce(g,We),p=x({},g,{closeAfterTransition:v,disableAutoFocus:a,disableEnforceFocus:E,disableEscapeKeyDown:h,disablePortal:F,disableRestoreFocus:R,disableScrollLock:y,hideBackdrop:A,keepMounted:T}),{getRootProps:f,getBackdropProps:S,getTransitionProps:fe,portalRef:pe,isTopModal:me,exited:J,hasTransition:Q}=$e(x({},p,{rootRef:n})),_=x({},p,{exited:J}),L=ze(_),$={};if(l.props.tabIndex===void 0&&($.tabIndex="-1"),Q){const{onEnter:H,onExited:K}=fe();$.onEnter=H,$.onExited=K}const Z=(o=(s=j==null?void 0:j.root)!=null?s:I.Root)!=null?o:Ye,ee=(r=(i=j==null?void 0:j.backdrop)!=null?i:I.Backdrop)!=null?r:m,W=(c=w==null?void 0:w.root)!=null?c:P.root,z=(u=w==null?void 0:w.backdrop)!=null?u:P.backdrop,be=ne({elementType:Z,externalSlotProps:W,externalForwardedProps:X,getSlotProps:f,additionalProps:{ref:n,as:C},ownerState:_,className:q(k,W==null?void 0:W.className,L==null?void 0:L.root,!_.open&&_.exited&&(L==null?void 0:L.hidden))}),he=ne({elementType:ee,externalSlotProps:z,additionalProps:b,getSlotProps:H=>S(x({},H,{onClick:K=>{D&&D(K),H!=null&&H.onClick&&H.onClick(K)}})),className:q(z==null?void 0:z.className,b==null?void 0:b.className,L==null?void 0:L.backdrop),ownerState:_});return!T&&!B&&(!Q||J)?null:N.jsx(Ee,{ref:pe,container:M,disablePortal:F,children:N.jsxs(Z,x({},be,{children:[!A&&m?N.jsx(ee,x({},he)):null,N.jsx(He,{disableEnforceFocus:E,disableAutoFocus:a,disableRestoreFocus:R,isEnabled:me,open:B,children:d.cloneElement(l,$)})]}))})});export{Se as B,He as F,st as M};

package/dist/assets/More-BAN0OFVF.js

@@ -0,0 +1 @@
+import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as s}from"./tableRowClasses-Bk1uFtwh.js";const t=e.forwardRef((r,n)=>o.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(t);l.displayName="MoreIcon";export{l as M};

package/dist/assets/MuiPropsContext-D6i6qZME.js

@@ -0,0 +1,11 @@
+import{r as t}from"./iframe-CQjT1fxh.js";/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const o=t.createContext({}),e=()=>t.useContext(o);export{o as M,e as u};

package/dist/assets/MuiPropsContext-Df02xyKB.js

@@ -0,0 +1,11 @@
+import{r as t}from"./iframe-CQjT1fxh.js";/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const o=t.createContext({}),e=()=>t.useContext(o);export{o as M,e as u};