@okta/odyssey-react-mui 1.44.0 → 1.45.0

package/dist/assets/Legacy Migrations-eiPSj0S4.js

@@ -0,0 +1,86 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as d}from"./index-BeeV6X6A.js";import{M as o}from"./index-BpVuOoKb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-C-RQ_TKY.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";function i(s){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...d(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{}),`
+`,e.jsx(n.h1,{id:"migrations",children:"Migrations"}),`
+`,e.jsxs(n.h2,{id:"v021x-️-v023x",children:[e.jsx(n.code,{children:"v0.21.x"})," ➡️ ",e.jsx(n.code,{children:"v0.23.x"})]}),`
+`,e.jsx(n.h3,{id:"new-components",children:"New Components"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Autocomplete"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Fieldset"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Form"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"PasswordField"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"SearchField"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Toast"})}),`
+`]}),`
+`,e.jsx(n.h3,{id:"components-with-props-changes",children:"Components with Props Changes"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Banner"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Button"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Checkbox"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Dialog"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Icon"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Callout"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"MenuButton"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Radio"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"RadioGroup"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Tag"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"TagList"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"TextField"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Toast"})}),`
+`]}),`
+`,e.jsx(n.h3,{id:"component-api",children:"Component API"}),`
+`,e.jsx(n.p,{children:e.jsx(n.strong,{children:"All components are now being wrapped and many prop names have changed. Prop names and APIs will now be more consistent across Odyssey."})}),`
+`,e.jsx(n.h3,{id:"deprecations",children:"Deprecations"}),`
+`,e.jsxs(n.ol,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"InputAdornment"})," is no longer erquired for ",e.jsx(n.code,{children:"startAdronment"})," and ",e.jsx(n.code,{children:"endAdornment"})," on ",e.jsx(n.code,{children:"TextField"}),"."]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"InputBase"})," should be replaced with ",e.jsx(n.code,{children:"TextField"}),"."]}),`
+`,e.jsxs(n.li,{children:["The ",e.jsx(n.code,{children:"size"})," prop on ",e.jsx(n.code,{children:"Icon"})," is now required."]}),`
+`]}),`
+`,e.jsxs(n.h2,{id:"v017x-️-v021x",children:[e.jsx(n.code,{children:"v0.17.x"})," ➡️ ",e.jsx(n.code,{children:"v0.21.x"})]}),`
+`,e.jsx(n.h3,{id:"new-components-1",children:"New Components"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Banner"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Checkbox"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"CheckboxGroup"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Chip"})}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"DatePicker"})," (Labs)"]}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Callout"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"ListSubheader"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Radio"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"RadioGroup"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"ScopedCssBaseline"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"ScreenReaderText"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Status"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"TextField"})}),`
+`]}),`
+`,e.jsx(n.h3,{id:"components-with-props-changes-1",children:"Components with Props Changes"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Checkbox"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"Radio"})}),`
+`,e.jsx(n.li,{children:e.jsx(n.code,{children:"RadioGroup"})}),`
+`]}),`
+`,e.jsx(n.h3,{id:"component-api-1",children:"Component API"}),`
+`,e.jsxs(n.ol,{children:[`
+`,e.jsx(n.li,{children:"Many new components have been added and wrapped; although, prop names in these versions are not necessarily following Odyssey guidelines."}),`
+`,e.jsx(n.li,{children:"MUI-passthrough is still allowed even for wrapped components. This will change in later versions."}),`
+`]}),`
+`,e.jsx(n.h3,{id:"deprecations-1",children:"Deprecations"}),`
+`,e.jsxs(n.ol,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"InputBase"})," should be replaced with ",e.jsx(n.code,{children:"TextField"}),"."]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"InputLabel"})," should not be used. We build it into our field components and created an internal ",e.jsx(n.code,{children:"Field"})," component to ensure matching styles. If you have custom field components that we don't support, message in ",e.jsx(n.code,{children:"#odyssey"})," to see if we should add your field or expose ",e.jsx(n.code,{children:"Field"}),"."]}),`
+`]}),`
+`,e.jsxs(n.h2,{id:"v014x-️-017x",children:[e.jsx(n.code,{children:"v0.14.x"})," ➡️ ",e.jsx(n.code,{children:"0.17.x"})]}),`
+`,e.jsx(n.h3,{id:"importing-from-odyssey",children:"Importing from Odyssey"}),`
+`,e.jsxs(n.p,{children:["As of ",e.jsx(n.code,{children:"0.15.2"}),", all MUI and Odyssey components are exported from ",e.jsx(n.code,{children:"@okta/odyssey-react-mui"}),". No further need to maintain a separate version of MUI."]}),`
+`,e.jsx(n.p,{children:"If you're using components not supported by Odyssey, please get your product designers in touch with Odyssey to see what we need to do going forward."}),`
+`,e.jsx(n.p,{children:"It's possible you need to still have your own MUI version, but it's possible there's an Odyssey design solution."}),`
+`,e.jsx(n.p,{children:"Also, Odyssey-Labs exists for this very purpose; things that you want in Odyssey, but we haven't had a finalized design."}),`
+`,e.jsx(n.h3,{id:"theming",children:"Theming"}),`
+`,e.jsxs(n.p,{children:["Odyssey now includes theme components and CSP nonce built into it's ",e.jsx(n.code,{children:"OdysseyProvider"})," wrapper. Just like MUI's ",e.jsx(n.code,{children:"ThemeProvider"}),", this needs to go at the top-level of your app and takes no props."]}),`
+`,e.jsxs(n.p,{children:["In a later update, this component will be renamed ",e.jsx(n.code,{children:"OdysseyProvider"}),"."]}),`
+`,e.jsx(n.h4,{id:"custom-theming",children:"Custom Theming"}),`
+`,e.jsxs(n.p,{children:["It's possible you want to customize Odyssey's theme because of your app's requirements. You'll want ",e.jsx(n.code,{children:"OdysseyProvider"})," (MUI and Odyssey theme wrapper)."]}),`
+`,e.jsxs(n.p,{children:["At this point, we still export ",e.jsx(n.code,{children:"MuiThemeProvider"})]}),`
+`,e.jsx(n.h3,{id:"usetheme",children:e.jsx(n.code,{children:"useTheme"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"typography.body"})," is now ",e.jsx(n.code,{children:"typography.body1"}),"."]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"typography.caption"})," is now ",e.jsx(n.code,{children:"typography.subtitle"}),"."]}),`
+`]})]})}function y(s={}){const{wrapper:n}={...d(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(i,{...s})}):i(s)}export{y as default};

package/dist/assets/Link-ClKgpBXG.js

@@ -0,0 +1 @@
+import{r as p}from"./index-NdkWRN8K.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";import{g as $,z as g,d as z,_ as A,a as f,c as B,b as C}from"./createTheme-BmPXDA4p.js";import{u as _,s as E,c as P}from"./DefaultPropsProvider-B7tpShA7.js";import{g as U}from"./generateUtilityClasses-DYvjsuMV.js";import{b as H,u as I}from"./useIsFocusVisible-DH0qxT5e.js";import{T as W}from"./Typography-D7-qxuiy.js";import{M as O}from"./ExternalLink-DTdulgUc.js";function q(o){return $("MuiLink",o)}const w=U("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),L={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},G=o=>L[o]||o,J=({theme:o,ownerState:e})=>{const n=G(e.color),r=g(o,`palette.${n}`,!1)||e.color,s=g(o,`palette.${n}Channel`);return"vars"in o&&s?`rgba(${s} / 0.4)`:z.alpha(r,.4)},K=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],Q=o=>{const{classes:e,component:n,focusVisible:r,underline:s}=o,t={root:["root",`underline${C(s)}`,n==="button"&&"button",r&&"focusVisible"]};return P(t,q,e)},S=E(W,{name:"MuiLink",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:n}=o;return[e.root,e[`underline${C(n.underline)}`],n.component==="button"&&e.button]}})(({theme:o,ownerState:e})=>f({},e.underline==="none"&&{textDecoration:"none"},e.underline==="hover"&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},e.underline==="always"&&f({textDecoration:"underline"},e.color!=="inherit"&&{textDecorationColor:J({theme:o,ownerState:e})},{"&:hover":{textDecorationColor:"inherit"}}),e.component==="button"&&{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${w.focusVisible}`]:{outline:"auto"}})),X=p.forwardRef(function(e,n){const r=_({props:e,name:"MuiLink"}),{className:s,color:t="primary",component:i="a",onBlur:d,onFocus:m,TypographyClasses:b,underline:x="always",variant:l="inherit",sx:a}=r,V=A(r,K),{isFocusVisibleRef:y,onBlur:R,onFocus:v,ref:F}=H(),[M,h]=p.useState(!1),j=I(n,F),D=c=>{R(c),y.current===!1&&h(!1),d&&d(c)},N=c=>{v(c),y.current===!0&&h(!0),m&&m(c)},k=f({},r,{color:t,component:i,focusVisible:M,underline:x,variant:l}),T=Q(k);return u.jsx(S,f({color:t,className:B(T.root,s),classes:b,component:i,onBlur:D,onFocus:N,ref:j,ownerState:k,variant:l,sx:[...Object.keys(L).includes(t)?[]:[{color:t}],...Array.isArray(a)?a:[a]]},V))}),le=["default","monochrome"],Y=({ariaLabel:o,children:e,href:n,icon:r,linkRef:s,rel:t,target:i,testId:d,translate:m,variant:b,onClick:x})=>{const l=p.useRef(null);return p.useImperativeHandle(s,()=>({focus:()=>{var a;(a=l.current)==null||a.focus()}}),[]),u.jsxs(X,{"aria-label":o,"data-se":d,href:n,onClick:x,ref:l,rel:t,target:i,translate:m,variant:b,children:[r&&u.jsx("span",{className:"Link-icon",children:r}),e,i==="_blank"&&u.jsx("span",{className:"Link-indicator",role:"presentation",children:u.jsx(O,{})})]})},Z=p.memo(Y);Z.displayName="Link";export{X as L,Z as M,le as l};

package/dist/assets/Link-DTvs7F4J.js

@@ -0,0 +1,11 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-CtY5BB1N.js";import{M as e,T as n,S as s,D as a,P as l,a as c,b as x}from"./index-BpVuOoKb.js";import{L as i}from"./Link.stories-GP1qln9R.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BzLY45Eo.js";import"./iframe-C-RQ_TKY.js";import"./DocsRenderer-CFRXHY34-DEwq8OPY.js";import"./client-akVMpN0m.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./iconUtils-Cxr8mVIA.js";import"./index-CDGerSbe.js";import"./SvgIcon-BQAg6Jm7.js";import"./createTheme-BmPXDA4p.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./Server-F8KLZq7d.js";import"./List-0o0OI1E9.js";import"./ArrowRight-DCIAiEpA.js";import"./Bug-m6zinguF.js";import"./Calendar-CuqjwSb0.js";import"./Check-BmyOKfcL.js";import"./WarningFilled-Y3Vw7n_w.js";import"./ChevronDown-BnAWuc8V.js";import"./ChevronRight-BB0bQIRj.js";import"./ChevronUp-B9JV-jmd.js";import"./Clock-Byj5V_49.js";import"./Close-DA7fBExu.js";import"./CloseCircleFilled-D2aBlgBe.js";import"./Upload-DK3nRIto.js";import"./Documentation-DM1hawvn.js";import"./Download-Cp75oFKP.js";import"./ExternalLink-DTdulgUc.js";import"./Filter-BAXcmMyf.js";import"./Folder-Ddku_ujr.js";import"./Globe--OQ55RD1.js";import"./Grid-B2PgWvdd.js";import"./Group-W0XqkWVH.js";import"./Hide-RfKmYLNv.js";import"./Home-BXMRmOIu.js";import"./InformationCircle-B71JRUfK.js";import"./More-axx2rGKU.js";import"./Refresh-CPgGX1hz.js";import"./Search-BvCmvJcV.js";import"./Settings-DjrryuBd.js";import"./Show-qQzUH4Sq.js";import"./Sync-Bmam4Lr_.js";import"./User-BBdPovZN.js";import"./Video-DytabcyM.js";import"./Link-ClKgpBXG.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-D7-qxuiy.js";import"./typographyClasses-D8vr2n3l.js";function m(r){const t={a:"a",h2:"h2",li:"li",ul:"ul",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
+`,o.jsx(n,{of:i}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(a,{of:i}),`
+`,o.jsx(l,{of:i}),`
+`,o.jsx(c,{}),`
+`,o.jsx(x,{}),`
+`,o.jsx(t.h2,{id:"references",children:"References"}),`
+`,o.jsxs(t.ul,{children:[`
+`,o.jsxs(t.li,{children:[o.jsx(t.a,{href:"https://developers.google.com/web/tools/lighthouse/audits/noopener",rel:"nofollow",children:"Google's Developer Documentation"})," provides backgrounds on security and performance considerations when using external links"]}),`
+`]})]})}function Mo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Mo as default};

package/dist/assets/Link.stories-GP1qln9R.js

@@ -0,0 +1,43 @@
+import{j as w}from"./jsx-runtime-CnH95YSl.js";import{w as A,e as i}from"./index-BJMTVygn.js";import{i as s}from"./iconUtils-Cxr8mVIA.js";import{l as c,M as E}from"./Link-ClKgpBXG.js";import{M as I}from"./WarningFilled-Y3Vw7n_w.js";const _={component:E,argTypes:{children:{control:"text",description:"<b>Required.</b>",table:{type:{summary:"ReactNode"}},type:{required:!0}},href:{control:"text",description:"<b>Required.</b>",table:{type:{summary:"string"}},type:{required:!0}},icon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the Link",table:{type:{summary:"<Icon />"}}},rel:{control:"text",table:{type:{summary:"string"}}},target:{control:"text",description:"If set to `_blank`, the Link will display an external icon.",table:{type:{summary:"string"}},type:{required:!0}},variant:{control:{type:"radio"},options:c,table:{type:{summary:c.join(" | ")},defaultValue:{summary:"default"}}},onClick:{action:!0,description:"Callback fired when the link is clicked",table:{type:{summary:"(() => void)"},defaultValue:""}}}},e={args:{href:"#anchor",variant:"default",children:"Anchor link"}},r={args:{href:"#anchor",variant:"monochrome",children:"Monochrome link"}},t={args:{href:"#anchor",children:"Info link",icon:w.jsx(I,{})}},n={args:{href:"https://www.okta.com",children:"Visit okta.com",rel:"noopener",target:"_blank",ariaLabel:"External Link"},play:async({canvasElement:v,step:L})=>{await L("Link Aria-Label",({args:a})=>{const o=A(v).getByRole("link",{name:"External Link"});i(o).toHaveAttribute("href",a.href),i(o).toHaveAttribute("rel",a.rel),i(o).toHaveAttribute("target",a.target)})}};var l,m,p;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    href: "#anchor",
+    variant: "default",
+    children: "Anchor link"
+  }
+}`,...(p=(m=e.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var d,u,h;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: {
+    href: "#anchor",
+    variant: "monochrome",
+    children: "Monochrome link"
+  }
+}`,...(h=(u=r.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var k,f,y;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    href: "#anchor",
+    children: "Info link",
+    icon: <InformationCircleFilledIcon />
+  }
+}`,...(y=(f=t.parameters)==null?void 0:f.docs)==null?void 0:y.source}}};var g,b,x;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    href: "https://www.okta.com",
+    children: "Visit okta.com",
+    rel: "noopener",
+    target: "_blank",
+    ariaLabel: "External Link"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("Link Aria-Label", ({
+      args
+    }) => {
+      const canvas = within(canvasElement);
+      const link = canvas.getByRole("link", {
+        name: "External Link"
+      });
+      expect(link).toHaveAttribute("href", args.href);
+      expect(link).toHaveAttribute("rel", args.rel);
+      expect(link).toHaveAttribute("target", args.target);
+    });
+  }
+}`,...(x=(b=n.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};const M=["Default","Monochrome","WithIcon","External"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:e,External:n,Monochrome:r,WithIcon:t,__namedExportsOrder:M,default:_},Symbol.toStringTag,{value:"Module"}));export{C as L};

package/dist/assets/List-0o0OI1E9.js

@@ -0,0 +1 @@
+import{r as e}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./SvgIcon-BQAg6Jm7.js";const t=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M12 13.334H4v1.334h8v-1.334Zm-.195-4.195-3.098 3.098a1 1 0 0 1-1.414 0L4.195 9.139l.943-.943 2.195 2.195V3.334h1.334v7.057l2.195-2.195.943.943Z",fill:"currentColor",fillRule:"evenodd"})})})),d=e.memo(t);d.displayName="ArrowBottomIcon";const s=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M13 15.586V5h-2v10.586l-3.293-3.293-1.414 1.414 4.646 4.647a1.5 1.5 0 0 0 2.122 0l4.646-4.647-1.414-1.414L13 15.586Z",fill:"currentColor",fillRule:"evenodd"})})})),i=e.memo(s);i.displayName="ArrowDownIcon";const a=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M4 2.667h8V1.334H4v1.333Zm.195 4.196 3.098-3.098a1 1 0 0 1 1.414 0l3.098 3.098-.943.942L8.667 5.61v7.057H7.333V5.61L5.138 7.805l-.943-.942Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(a);c.displayName="ArrowTopIcon";const m=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 15.586V5h-2v10.586l-2.293-2.293-1.414 1.414 3.646 3.646a1.5 1.5 0 0 0 2.122 0l3.646-3.646-1.414-1.414L17 15.586ZM6.94 5.646 3.292 9.293l1.414 1.414L7 8.414V19h2V8.414l2.293 2.293 1.414-1.414-3.646-3.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),w=e.memo(m);w.displayName="ArrowUnsortedIcon";const f=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"m10.94 5.646-4.647 4.647 1.414 1.414L11 8.414V19h2V8.414l3.293 3.293 1.414-1.414-4.646-4.647a1.5 1.5 0 0 0-2.122 0Z",fill:"currentColor",fillRule:"evenodd"})})})),v=e.memo(f);v.displayName="ArrowUpIcon";const p=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M9 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm0 5.667a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm1.5 4.166a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-9-11.333a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9 14.833a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM7.5 22a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",fillRule:"evenodd"})})})),x=e.memo(p);x.displayName="DragIndicatorIcon";const h=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M5 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm5-7h15v-2H8v2Zm15-6H8V5h15v2ZM8 19h15v-2H8v2Z",fill:"currentColor",fillRule:"evenodd"})})})),u=e.memo(h);u.displayName="ListIcon";export{c as M,v as a,i as b,d as c,u as d,x as e,w as f};

package/dist/assets/List-W5kRT_jR.js

@@ -0,0 +1 @@
+import{g as f,_ as L,a as n,c as x}from"./createTheme-BmPXDA4p.js";import{r as c}from"./index-NdkWRN8K.js";import{u as P,s as C,c as j}from"./DefaultPropsProvider-B7tpShA7.js";import{L as v}from"./ListContext-C02XM7tn.js";import{g as M}from"./generateUtilityClasses-DYvjsuMV.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";function R(s){return f("MuiList",s)}M("MuiList",["root","padding","dense","subheader"]);const U=["children","className","component","dense","disablePadding","subheader"],_=s=>{const{classes:e,disablePadding:t,dense:o,subheader:a}=s;return j({root:["root",!t&&"padding",o&&"dense",a&&"subheader"]},R,e)},y=C("ul",{name:"MuiList",slot:"Root",overridesResolver:(s,e)=>{const{ownerState:t}=s;return[e.root,!t.disablePadding&&e.padding,t.dense&&e.dense,t.subheader&&e.subheader]}})(({ownerState:s})=>n({listStyle:"none",margin:0,padding:0,position:"relative"},!s.disablePadding&&{paddingTop:8,paddingBottom:8},s.subheader&&{paddingTop:0})),D=c.forwardRef(function(e,t){const o=P({props:e,name:"MuiList"}),{children:a,className:r,component:d="ul",dense:i=!1,disablePadding:p=!1,subheader:m}=o,g=L(o,U),b=c.useMemo(()=>({dense:i}),[i]),l=n({},o,{component:d,dense:i,disablePadding:p}),h=_(l);return u.jsx(v.Provider,{value:b,children:u.jsxs(y,n({as:d,className:x(h.root,r),ref:t,ownerState:l},g,{children:[m,a]}))})});export{D as L};

package/dist/assets/ListContext-C02XM7tn.js

@@ -0,0 +1 @@
+import{r as t}from"./index-NdkWRN8K.js";const r=t.createContext({});export{r as L};

package/dist/assets/ListItem-CcduKzQu.js

@@ -0,0 +1 @@
+import{g as q,_ as M,a,c as k,b as K,d as _}from"./createTheme-BmPXDA4p.js";import{r as l}from"./index-NdkWRN8K.js";import{u as D,s as z,c as T,r as ot}from"./DefaultPropsProvider-B7tpShA7.js";import{a as st,i as Z}from"./utils-iop7lDec.js";import{F as at,u as nt,f as rt}from"./useFormControl-BMISTZuX.js";import{g as O}from"./generateUtilityClasses-DYvjsuMV.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{F as it}from"./FormLabel-BLeax9q3.js";import{f as lt}from"./formLabelClasses-xMgYguuN.js";import{L as U}from"./ListContext-C02XM7tn.js";import{u as ct}from"./TransitionGroupContext-twgBS-Q3.js";import{u as dt}from"./useIsFocusVisible-DH0qxT5e.js";import{i as tt}from"./isHostComponent-DVu5iVWx.js";import{B as ut}from"./ButtonBase-BqXVk-1q.js";function V(t,e){var o,s;return l.isValidElement(t)&&e.indexOf((o=t.type.muiName)!=null?o:(s=t.type)==null||(s=s._payload)==null||(s=s.value)==null?void 0:s.muiName)!==-1}function pt(t){return q("MuiFormControl",t)}O("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]);const mt=["children","className","color","component","disabled","error","focused","fullWidth","hiddenLabel","margin","required","size","variant"],ft=t=>{const{classes:e,margin:o,fullWidth:s}=t,r={root:["root",o!=="none"&&`margin${K(o)}`,s&&"fullWidth"]};return T(r,pt,e)},gt=z("div",{name:"MuiFormControl",slot:"Root",overridesResolver:({ownerState:t},e)=>a({},e.root,e[`margin${K(t.margin)}`],t.fullWidth&&e.fullWidth)})(({ownerState:t})=>a({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top"},t.margin==="normal"&&{marginTop:16,marginBottom:8},t.margin==="dense"&&{marginTop:8,marginBottom:4},t.fullWidth&&{width:"100%"})),wt=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiFormControl"}),{children:r,className:d,color:c="primary",component:u="div",disabled:n=!1,error:i=!1,focused:m,fullWidth:b=!1,hiddenLabel:v=!1,margin:w="none",required:I=!1,size:L="medium",variant:x="outlined"}=s,H=M(s,mt),W=a({},s,{color:c,component:u,disabled:n,error:i,fullWidth:b,hiddenLabel:v,margin:w,required:I,size:L,variant:x}),Y=ft(W),[R,J]=l.useState(()=>{let p=!1;return r&&l.Children.forEach(r,f=>{if(!V(f,["Input","Select"]))return;const C=V(f,["Select"])?f.props.input:f;C&&st(C.props)&&(p=!0)}),p}),[E,j]=l.useState(()=>{let p=!1;return r&&l.Children.forEach(r,f=>{V(f,["Input","Select"])&&(Z(f.props,!0)||Z(f.props.inputProps,!0))&&(p=!0)}),p}),[G,S]=l.useState(!1);n&&G&&S(!1);const $=m!==void 0&&!n?m:G;let A;const N=l.useMemo(()=>({adornedStart:R,setAdornedStart:J,color:c,disabled:n,error:i,filled:E,focused:$,fullWidth:b,hiddenLabel:v,size:L,onBlur:()=>{S(!1)},onEmpty:()=>{j(!1)},onFilled:()=>{j(!0)},onFocus:()=>{S(!0)},registerEffect:A,required:I,variant:x}),[R,c,n,i,E,$,b,v,A,I,L,x]);return g.jsx(at.Provider,{value:N,children:g.jsx(gt,a({as:u,ownerState:W,className:k(Y.root,d),ref:o},H,{children:r}))})});function bt(t){return q("MuiInputLabel",t)}O("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const vt=["disableAnimation","margin","shrink","variant","className"],xt=t=>{const{classes:e,formControl:o,size:s,shrink:r,disableAnimation:d,variant:c,required:u}=t,n={root:["root",o&&"formControl",!d&&"animated",r&&"shrink",s&&s!=="normal"&&`size${K(s)}`,c],asterisk:[u&&"asterisk"]},i=T(n,bt,e);return a({},e,i)},Ct=z(it,{shouldForwardProp:t=>ot(t)||t==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[{[`& .${lt.asterisk}`]:e.asterisk},e.root,o.formControl&&e.formControl,o.size==="small"&&e.sizeSmall,o.shrink&&e.shrink,!o.disableAnimation&&e.animated,o.focused&&e.focused,e[o.variant]]}})(({theme:t,ownerState:e})=>a({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},e.formControl&&{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"},e.size==="small"&&{transform:"translate(0, 17px) scale(1)"},e.shrink&&{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"},!e.disableAnimation&&{transition:t.transitions.create(["color","transform","max-width"],{duration:t.transitions.duration.shorter,easing:t.transitions.easing.easeOut})},e.variant==="filled"&&a({zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},e.size==="small"&&{transform:"translate(12px, 13px) scale(1)"},e.shrink&&a({userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"},e.size==="small"&&{transform:"translate(12px, 4px) scale(0.75)"})),e.variant==="outlined"&&a({zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},e.size==="small"&&{transform:"translate(14px, 9px) scale(1)"},e.shrink&&{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}))),Ht=l.forwardRef(function(e,o){const s=D({name:"MuiInputLabel",props:e}),{disableAnimation:r=!1,shrink:d,className:c}=s,u=M(s,vt),n=nt();let i=d;typeof i>"u"&&n&&(i=n.filled||n.focused||n.adornedStart);const m=rt({props:s,muiFormControl:n,states:["size","variant","required","focused"]}),b=a({},s,{disableAnimation:r,formControl:n,shrink:i,size:m.size,variant:m.variant,required:m.required,focused:m.focused}),v=xt(b);return g.jsx(Ct,a({"data-shrink":i,ownerState:b,ref:o,className:k(v.root,c)},u,{classes:v}))});function ht(t){return q("MuiListItem",t)}const F=O("MuiListItem",["root","container","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","padding","button","secondaryAction","selected"]),yt=O("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function It(t){return q("MuiListItemSecondaryAction",t)}O("MuiListItemSecondaryAction",["root","disableGutters"]);const Lt=["className"],At=t=>{const{disableGutters:e,classes:o}=t;return T({root:["root",e&&"disableGutters"]},It,o)},Ft=z("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[e.root,o.disableGutters&&e.disableGutters]}})(({ownerState:t})=>a({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)"},t.disableGutters&&{right:0})),et=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiListItemSecondaryAction"}),{className:r}=s,d=M(s,Lt),c=l.useContext(U),u=a({},s,{disableGutters:c.disableGutters}),n=At(u);return g.jsx(Ft,a({className:k(n.root,r),ownerState:u,ref:o},d))});et.muiName="ListItemSecondaryAction";const kt=["className"],Rt=["alignItems","autoFocus","button","children","className","component","components","componentsProps","ContainerComponent","ContainerProps","dense","disabled","disableGutters","disablePadding","divider","focusVisibleClassName","secondaryAction","selected","slotProps","slots"],St=(t,e)=>{const{ownerState:o}=t;return[e.root,o.dense&&e.dense,o.alignItems==="flex-start"&&e.alignItemsFlexStart,o.divider&&e.divider,!o.disableGutters&&e.gutters,!o.disablePadding&&e.padding,o.button&&e.button,o.hasSecondaryAction&&e.secondaryAction]},$t=t=>{const{alignItems:e,button:o,classes:s,dense:r,disabled:d,disableGutters:c,disablePadding:u,divider:n,hasSecondaryAction:i,selected:m}=t;return T({root:["root",r&&"dense",!c&&"gutters",!u&&"padding",n&&"divider",d&&"disabled",o&&"button",e==="flex-start"&&"alignItemsFlexStart",i&&"secondaryAction",m&&"selected"],container:["container"]},ht,s)},Nt=z("div",{name:"MuiListItem",slot:"Root",overridesResolver:St})(({theme:t,ownerState:e})=>a({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left"},!e.disablePadding&&a({paddingTop:8,paddingBottom:8},e.dense&&{paddingTop:4,paddingBottom:4},!e.disableGutters&&{paddingLeft:16,paddingRight:16},!!e.secondaryAction&&{paddingRight:48}),!!e.secondaryAction&&{[`& > .${yt.root}`]:{paddingRight:48}},{[`&.${F.focusVisible}`]:{backgroundColor:(t.vars||t).palette.action.focus},[`&.${F.selected}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:_.alpha(t.palette.primary.main,t.palette.action.selectedOpacity),[`&.${F.focusVisible}`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))`:_.alpha(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.focusOpacity)}},[`&.${F.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.alignItems==="flex-start"&&{alignItems:"flex-start"},e.divider&&{borderBottom:`1px solid ${(t.vars||t).palette.divider}`,backgroundClip:"padding-box"},e.button&&{transition:t.transitions.create("background-color",{duration:t.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${F.selected}:hover`]:{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))`:_.alpha(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:t.vars?`rgba(${t.vars.palette.primary.mainChannel} / ${t.vars.palette.action.selectedOpacity})`:_.alpha(t.palette.primary.main,t.palette.action.selectedOpacity)}}},e.hasSecondaryAction&&{paddingRight:48})),Pt=z("li",{name:"MuiListItem",slot:"Container",overridesResolver:(t,e)=>e.container})({position:"relative"}),Yt=l.forwardRef(function(e,o){const s=D({props:e,name:"MuiListItem"}),{alignItems:r="center",autoFocus:d=!1,button:c=!1,children:u,className:n,component:i,components:m={},componentsProps:b={},ContainerComponent:v="li",ContainerProps:{className:w}={},dense:I=!1,disabled:L=!1,disableGutters:x=!1,disablePadding:H=!1,divider:W=!1,focusVisibleClassName:Y,secondaryAction:R,selected:J=!1,slotProps:E={},slots:j={}}=s,G=M(s.ContainerProps,kt),S=M(s,Rt),$=l.useContext(U),A=l.useMemo(()=>({dense:I||$.dense||!1,alignItems:r,disableGutters:x}),[r,$.dense,I,x]),N=l.useRef(null);ct(()=>{d&&N.current&&N.current.focus()},[d]);const p=l.Children.toArray(u),f=p.length&&V(p[p.length-1],["ListItemSecondaryAction"]),C=a({},s,{alignItems:r,autoFocus:d,button:c,dense:A.dense,disabled:L,disableGutters:x,disablePadding:H,divider:W,hasSecondaryAction:f,selected:J}),Q=$t(C),X=dt(N,o),B=j.root||m.Root||Nt,P=E.root||b.root||{},h=a({className:k(Q.root,P.className,n),disabled:L},S);let y=i||"li";return c&&(h.component=i||"div",h.focusVisibleClassName=k(F.focusVisible,Y),y=ut),f?(y=!h.component&&!i?"div":y,v==="li"&&(y==="li"?y="div":h.component==="li"&&(h.component="div")),g.jsx(U.Provider,{value:A,children:g.jsxs(Pt,a({as:v,className:k(Q.container,w),ref:X,ownerState:C},G,{children:[g.jsx(B,a({},P,!tt(B)&&{as:y,ownerState:a({},C,P.ownerState)},h,{children:p})),p.pop()]}))})):g.jsx(U.Provider,{value:A,children:g.jsxs(B,a({},P,{as:y,ref:X},!tt(B)&&{ownerState:a({},C,P.ownerState)},h,{children:[p,R&&g.jsx(et,{children:R})]}))})});export{wt as F,Ht as I,Yt as L,et as a,V as i};

package/dist/assets/ListSubheader-DXKE8lW0.js

@@ -0,0 +1 @@
+import{g,_ as y,a as l,c as m,b as c}from"./createTheme-BmPXDA4p.js";import{r as S}from"./index-NdkWRN8K.js";import{u as h,s as x,c as L}from"./DefaultPropsProvider-B7tpShA7.js";import{g as k}from"./generateUtilityClasses-DYvjsuMV.js";import{j as R}from"./jsx-runtime-CnH95YSl.js";function C(t){return g("MuiListSubheader",t)}k("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]);const v=["className","color","component","disableGutters","disableSticky","inset"],G=t=>{const{classes:s,color:o,disableGutters:e,inset:r,disableSticky:a}=t,i={root:["root",o!=="default"&&`color${c(o)}`,!e&&"gutters",r&&"inset",!a&&"sticky"]};return L(i,C,s)},M=x("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:o}=t;return[s.root,o.color!=="default"&&s[`color${c(o.color)}`],!o.disableGutters&&s.gutters,o.inset&&s.inset,!o.disableSticky&&s.sticky]}})(({theme:t,ownerState:s})=>l({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(t.vars||t).palette.text.secondary,fontFamily:t.typography.fontFamily,fontWeight:t.typography.fontWeightMedium,fontSize:t.typography.pxToRem(14)},s.color==="primary"&&{color:(t.vars||t).palette.primary.main},s.color==="inherit"&&{color:"inherit"},!s.disableGutters&&{paddingLeft:16,paddingRight:16},s.inset&&{paddingLeft:72},!s.disableSticky&&{position:"sticky",top:0,zIndex:1,backgroundColor:(t.vars||t).palette.background.paper})),j=S.forwardRef(function(s,o){const e=h({props:s,name:"MuiListSubheader"}),{className:r,color:a="default",component:i="li",disableGutters:u=!1,disableSticky:d=!1,inset:p=!1}=e,b=y(e,v),n=l({},e,{color:a,component:i,disableGutters:u,disableSticky:d,inset:p}),f=G(n);return R.jsx(M,l({as:i,className:m(f.root,r),ref:o,ownerState:n},b))});j.muiSkipListHighlight=!0;export{j as L};

package/dist/assets/Menu-CGJO1mMf.js

@@ -0,0 +1 @@
+import{g as mo,_ as $,a as f,c as J}from"./createTheme-BmPXDA4p.js";import{r as i}from"./index-NdkWRN8K.js";import{u as Eo}from"./index-CpbQl8EB.js";import{u as Po,s as k,c as ho,r as So}from"./DefaultPropsProvider-B7tpShA7.js";import{g as vo}from"./generateUtilityClasses-DYvjsuMV.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{u as V}from"./Portal-Bvf2g5iG.js";import{G as Co}from"./Grow-CIie3qhp.js";import{u as Oo}from"./useIsFocusVisible-DH0qxT5e.js";import{o as ao}from"./ownerDocument-DW-IO8s5.js";import{o as po}from"./ownerWindow-HkKU3E4x.js";import{d as Lo}from"./debounce-Be36O1Ab.js";import{i as _o}from"./isHostComponent-DVu5iVWx.js";import{M as zo}from"./Modal-CW5mOzJG.js";import{P as Do}from"./Paper-DbAuDGNI.js";import{M as No}from"./MenuList-BboivbXC.js";function Fo(t){return mo("MuiPopover",t)}vo("MuiPopover",["root","paper"]);const Io=["onEntering"],$o=["action","anchorEl","anchorOrigin","anchorPosition","anchorReference","children","className","container","elevation","marginThreshold","open","PaperProps","slots","slotProps","transformOrigin","TransitionComponent","transitionDuration","TransitionProps","disableScrollLock"],jo=["slotProps"];function co(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.height/2:o==="bottom"&&(r=t.height),r}function uo(t,o){let r=0;return typeof o=="number"?r=o:o==="center"?r=t.width/2:o==="right"&&(r=t.width),r}function fo(t){return[t.horizontal,t.vertical].map(o=>typeof o=="number"?`${o}px`:o).join(" ")}function q(t){return typeof t=="function"?t():t}const ko=t=>{const{classes:o}=t;return ho({root:["root"],paper:["paper"]},Fo,o)},Wo=k(zo,{name:"MuiPopover",slot:"Root",overridesResolver:(t,o)=>o.root})({}),go=k(Do,{name:"MuiPopover",slot:"Paper",overridesResolver:(t,o)=>o.paper})({position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}),Ao=i.forwardRef(function(o,r){var _,z,x;const v=Po({props:o,name:"MuiPopover"}),{action:W,anchorEl:c,anchorOrigin:d={vertical:"top",horizontal:"left"},anchorPosition:E,anchorReference:m="anchorEl",children:A,className:H,container:B,elevation:D=8,marginThreshold:s=16,open:p,PaperProps:N={},slots:y,slotProps:R,transformOrigin:w={vertical:"top",horizontal:"left"},TransitionComponent:T=Co,transitionDuration:g="auto",TransitionProps:{onEntering:S}={},disableScrollLock:F=!1}=v,C=$(v.TransitionProps,Io),X=$(v,$o),P=(_=R==null?void 0:R.paper)!=null?_:N,M=i.useRef(),U=Oo(M,P.ref),I=f({},v,{anchorOrigin:d,anchorReference:m,elevation:D,marginThreshold:s,externalPaperSlotProps:P,transformOrigin:w,TransitionComponent:T,transitionDuration:g,TransitionProps:C}),G=ko(I),K=i.useCallback(()=>{if(m==="anchorPosition")return E;const e=q(c),a=(e&&e.nodeType===1?e:ao(M.current).body).getBoundingClientRect();return{top:a.top+co(a,d.vertical),left:a.left+uo(a,d.horizontal)}},[c,d.horizontal,d.vertical,E,m]),l=i.useCallback(e=>({vertical:co(e,w.vertical),horizontal:uo(e,w.horizontal)}),[w.horizontal,w.vertical]),b=i.useCallback(e=>{const n={width:e.offsetWidth,height:e.offsetHeight},a=l(n);if(m==="none")return{top:null,left:null,transformOrigin:fo(a)};const eo=K();let O=eo.top-a.vertical,L=eo.left-a.horizontal;const ro=O+n.height,so=L+n.width,no=po(q(c)),io=no.innerHeight-s,lo=no.innerWidth-s;if(s!==null&&O<s){const u=O-s;O-=u,a.vertical+=u}else if(s!==null&&ro>io){const u=ro-io;O-=u,a.vertical+=u}if(s!==null&&L<s){const u=L-s;L-=u,a.horizontal+=u}else if(so>lo){const u=so-lo;L-=u,a.horizontal+=u}return{top:`${Math.round(O)}px`,left:`${Math.round(L)}px`,transformOrigin:fo(a)}},[c,m,K,l,s]),[Mo,Q]=i.useState(p),h=i.useCallback(()=>{const e=M.current;if(!e)return;const n=b(e);n.top!==null&&(e.style.top=n.top),n.left!==null&&(e.style.left=n.left),e.style.transformOrigin=n.transformOrigin,Q(!0)},[b]);i.useEffect(()=>(F&&window.addEventListener("scroll",h),()=>window.removeEventListener("scroll",h)),[c,F,h]);const xo=(e,n)=>{S&&S(e,n),h()},yo=()=>{Q(!1)};i.useEffect(()=>{p&&h()}),i.useImperativeHandle(W,()=>p?{updatePosition:()=>{h()}}:null,[p,h]),i.useEffect(()=>{if(!p)return;const e=Lo(()=>{h()}),n=po(c);return n.addEventListener("resize",e),()=>{e.clear(),n.removeEventListener("resize",e)}},[c,p,h]);let Z=g;g==="auto"&&!T.muiSupportAuto&&(Z=void 0);const Ro=B||(c?ao(q(c)).body:void 0),Y=(z=y==null?void 0:y.root)!=null?z:Wo,oo=(x=y==null?void 0:y.paper)!=null?x:go,wo=V({elementType:oo,externalSlotProps:f({},P,{style:Mo?P.style:f({},P.style,{opacity:0})}),additionalProps:{elevation:D,ref:U},ownerState:I,className:J(G.paper,P==null?void 0:P.className)}),to=V({elementType:Y,externalSlotProps:(R==null?void 0:R.root)||{},externalForwardedProps:X,additionalProps:{ref:r,slotProps:{backdrop:{invisible:!0}},container:Ro,open:p},ownerState:I,className:J(G.root,H)}),{slotProps:To}=to,bo=$(to,jo);return j.jsx(Y,f({},bo,!_o(Y)&&{slotProps:To,disableScrollLock:F},{children:j.jsx(T,f({appear:!0,in:p,onEntering:xo,onExited:yo,timeout:Z},C,{children:j.jsx(oo,f({},wo,{children:A}))}))}))});function Ho(t){return mo("MuiMenu",t)}vo("MuiMenu",["root","paper","list"]);const Uo=["onEntering"],Go=["autoFocus","children","className","disableAutoFocusItem","MenuListProps","onClose","open","PaperProps","PopoverClasses","transitionDuration","TransitionProps","variant","slots","slotProps"],Ko={vertical:"top",horizontal:"right"},Vo={vertical:"top",horizontal:"left"},Bo=t=>{const{classes:o}=t;return ho({root:["root"],paper:["paper"],list:["list"]},Ho,o)},Xo=k(Ao,{shouldForwardProp:t=>So(t)||t==="classes",name:"MuiMenu",slot:"Root",overridesResolver:(t,o)=>o.root})({}),Yo=k(go,{name:"MuiMenu",slot:"Paper",overridesResolver:(t,o)=>o.paper})({maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"}),qo=k(No,{name:"MuiMenu",slot:"List",overridesResolver:(t,o)=>o.list})({outline:0}),dt=i.forwardRef(function(o,r){var _,z;const x=Po({props:o,name:"MuiMenu"}),{autoFocus:v=!0,children:W,className:c,disableAutoFocusItem:d=!1,MenuListProps:E={},onClose:m,open:A,PaperProps:H={},PopoverClasses:B,transitionDuration:D="auto",TransitionProps:{onEntering:s}={},variant:p="selectedMenu",slots:N={},slotProps:y={}}=x,R=$(x.TransitionProps,Uo),w=$(x,Go),T=Eo(),g=f({},x,{autoFocus:v,disableAutoFocusItem:d,MenuListProps:E,onEntering:s,PaperProps:H,transitionDuration:D,TransitionProps:R,variant:p}),S=Bo(g),F=v&&!d&&A,C=i.useRef(null),X=(l,b)=>{C.current&&C.current.adjustStyleForScrollbar(l,{direction:T?"rtl":"ltr"}),s&&s(l,b)},P=l=>{l.key==="Tab"&&(l.preventDefault(),m&&m(l,"tabKeyDown"))};let M=-1;i.Children.map(W,(l,b)=>{i.isValidElement(l)&&(l.props.disabled||(p==="selectedMenu"&&l.props.selected||M===-1)&&(M=b))});const U=(_=N.paper)!=null?_:Yo,I=(z=y.paper)!=null?z:H,G=V({elementType:N.root,externalSlotProps:y.root,ownerState:g,className:[S.root,c]}),K=V({elementType:U,externalSlotProps:I,ownerState:g,className:S.paper});return j.jsx(Xo,f({onClose:m,anchorOrigin:{vertical:"bottom",horizontal:T?"right":"left"},transformOrigin:T?Ko:Vo,slots:{paper:U,root:N.root},slotProps:{root:G,paper:K},open:A,ref:r,transitionDuration:D,TransitionProps:f({onEntering:X},R),ownerState:g},w,{classes:B,children:j.jsx(qo,f({onKeyDown:P,actions:C,autoFocus:v&&(M===-1||d),autoFocusItem:F,variant:p},E,{className:J(S.list,E.className),children:W}))}))});export{dt as M,Ao as P};

package/dist/assets/MenuButton-DeZSGuxY.js

@@ -0,0 +1,9 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-CtY5BB1N.js";import"./index-BzN0w9dc.js";import{M as n,T as e,S as s,D as c,P as a,a as d,b as x}from"./index-BpVuOoKb.js";import{M as i}from"./MenuButton.stories-C8xNZymc.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BzLY45Eo.js";import"./iframe-C-RQ_TKY.js";import"./DocsRenderer-CFRXHY34-DEwq8OPY.js";import"./client-akVMpN0m.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./axeRun-BfHtukUP.js";import"./iconUtils-Cxr8mVIA.js";import"./index-CDGerSbe.js";import"./SvgIcon-BQAg6Jm7.js";import"./createTheme-BmPXDA4p.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./Server-F8KLZq7d.js";import"./List-0o0OI1E9.js";import"./ArrowRight-DCIAiEpA.js";import"./Bug-m6zinguF.js";import"./Calendar-CuqjwSb0.js";import"./Check-BmyOKfcL.js";import"./WarningFilled-Y3Vw7n_w.js";import"./ChevronDown-BnAWuc8V.js";import"./ChevronRight-BB0bQIRj.js";import"./ChevronUp-B9JV-jmd.js";import"./Clock-Byj5V_49.js";import"./Close-DA7fBExu.js";import"./CloseCircleFilled-D2aBlgBe.js";import"./Upload-DK3nRIto.js";import"./Documentation-DM1hawvn.js";import"./Download-Cp75oFKP.js";import"./ExternalLink-DTdulgUc.js";import"./Filter-BAXcmMyf.js";import"./Folder-Ddku_ujr.js";import"./Globe--OQ55RD1.js";import"./Grid-B2PgWvdd.js";import"./Group-W0XqkWVH.js";import"./Hide-RfKmYLNv.js";import"./Home-BXMRmOIu.js";import"./InformationCircle-B71JRUfK.js";import"./More-axx2rGKU.js";import"./Refresh-CPgGX1hz.js";import"./Search-BvCmvJcV.js";import"./Settings-DjrryuBd.js";import"./Show-qQzUH4Sq.js";import"./Sync-Bmam4Lr_.js";import"./User-BBdPovZN.js";import"./Video-DytabcyM.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./BaseMenuButton-DbGGXXbP.js";import"./Box-BXOPvc0Q.js";import"./Box-C2ekHaOu.js";import"./useTheme-C05bJKih.js";import"./OdysseyDesignTokensContext-BWQIA5ie.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-B5c4cgt8.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-3088PjcT.js";import"./Tooltip-B4GIR2eB.js";import"./index-CpbQl8EB.js";import"./tooltipClasses-C74HjonW.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./inheritsLoose-CWawPfk8.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./Popper-CwLH-7YW.js";import"./ownerDocument-DW-IO8s5.js";import"./popper-CMBiYTiD.js";import"./Button-BqwcAVQ-.js";import"./buttonClasses-DtIJBSf4.js";import"./ButtonBase-BqXVk-1q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./buttonBaseClasses-CSPKg76d.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CGJO1mMf.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CW5mOzJG.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Paper-DbAuDGNI.js";import"./MenuList-BboivbXC.js";import"./List-W5kRT_jR.js";import"./ListContext-C02XM7tn.js";import"./ListSubheader-DXKE8lW0.js";import"./Divider-CsWa3KCo.js";import"./menuItemClasses-DFm3-Sf1.js";import"./Typography-CiNRLenM.js";import"./Typography-D7-qxuiy.js";import"./typographyClasses-D8vr2n3l.js";import"./MenuButton-OjJFnmOD.js";import"./MenuItem-CuP47MJ-.js";import"./MenuItem-DjSqFwdt.js";import"./Link-ClKgpBXG.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
+`,o.jsx(e,{of:i}),`
+`,o.jsxs(t.p,{children:["Children of ",o.jsx(t.code,{children:"MenuButton"})," should be one or more ",o.jsx(t.code,{children:"MenuItem"})," components."]}),`
+`,o.jsx(t.p,{children:o.jsxs(t.a,{href:"/docs/mui-components-menuitem--docs",children:["see ",o.jsx(t.code,{children:"MenuItem"})," docs"]})}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(c,{of:i}),`
+`,o.jsx(a,{of:i}),`
+`,o.jsx(d,{}),`
+`,o.jsx(x,{})]})}function ht(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{ht as default};

package/dist/assets/MenuButton-OjJFnmOD.js

@@ -0,0 +1,11 @@
+import{r as o}from"./index-NdkWRN8K.js";import{M as e}from"./BaseMenuButton-DbGGXXbP.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";/*!
+ * Copyright (c) 2022-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 m=t=>r.jsx(e,{...t}),n=o.memo(m);n.displayName="MenuButton";export{n as M};

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

@@ -0,0 +1,246 @@
+import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as f,e as L,u as hn,a as gn}from"./index-BJMTVygn.js";import{a as Mn}from"./axeRun-BfHtukUP.js";import{i as k}from"./iconUtils-Cxr8mVIA.js";import{f as bn}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{m as j}from"./BaseMenuButton-DbGGXXbP.js";import{L as v}from"./ListSubheader-DXKE8lW0.js";import{D as un}from"./Divider-CsWa3KCo.js";import{f as yn,c as s,a as w}from"./Typography-CiNRLenM.js";import{a as xn}from"./index-CDGerSbe.js";import{u as Bn}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{b as E}from"./BaseButton-B5c4cgt8.js";import{M as ln}from"./MenuButton-OjJFnmOD.js";import{M as e}from"./MenuItem-CuP47MJ-.js";import{M as mn}from"./Group-W0XqkWVH.js";import{M as In}from"./Globe--OQ55RD1.js";import{M as fn}from"./Calendar-CuqjwSb0.js";import{M as I}from"./Box-BXOPvc0Q.js";import{M as c}from"./Link-ClKgpBXG.js";const i=({children:o})=>{const t=Bn();return n.jsx(I,{sx:{marginBottom:t.Spacing4},children:o})},Ln={component:ln,argTypes:{ariaDescribedBy:{control:"text",description:"The ID of the element that describes the MenuButton, if one exists.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"aria-label to describe the MenuButton when the button label is empty",table:{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:{type:{summary:"string"}}},buttonLabel:{control:"text",description:"The label on the triggering Button",table:{type:{summary:"string"}}},buttonVariant:{options:E,control:{type:"radio"},description:"The variant of the triggering Button",table:{type:{summary:E.join(" | ")},defaultValue:{summary:"secondary"}}},children:{control:"object",description:"The <MenuItem> components within the Menu",table:{type:{summary:"[MenuItem | Divider | ListSubheader | NullElement]"}},type:{required:!1,name:"other",value:"[MenuItem | Divider | ListSubheader]"}},popoverContent:{control:"object",description:"The contents to display in the popover (instead of children)",table:{type:{summary:"[ReactNode | NullElement]"}},type:{required:!1,name:"other",value:"ReactNode"}},endIcon:{control:{type:"select"},options:Object.keys(k),mapping:k,description:"The end Icon on the triggering Button",table:{type:{summary:"<Icon />"}}},id:{control:"text",description:"The id of the Button",table:{type:{summary:"string"}}},isDisabled:bn.isDisabled,isOverflow:{control:"boolean",description:"If the MenuButton is an overflow menu or standard menu.",table:{type:{summary:"boolean"}}},menuAlignment:{options:j,control:{type:"radio"},description:"The horizontal alignment of the menu.",table:{type:{summary:j.join(" | ")},defaultValue:{summary:"left"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}}},args:{buttonLabel:"More actions",buttonVariant:"secondary",menuAlignment:"left"},tags:["autodocs"]},B=({canvasElement:o,step:t})=>async(a,r)=>{const dn=f(o);await t("open menu button",async()=>{const pn=dn.getByRole("button",{name:a.buttonLabel});hn.click(pn),await gn(async()=>Mn(r))})},u={args:{buttonLabel:"More actions",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Simple")}},l={args:{children:[n.jsxs(e,{isDisabled:!0,children:[n.jsx(mn,{}),"Assign crew"]},"1"),n.jsxs(e,{children:[n.jsx(In,{}),"View destination"]},"2"),n.jsxs(e,{children:[n.jsx(fn,{}),"Schedule launch"]},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Action Icons")}},m={args:{buttonLabel:"More actions",buttonVariant:"floating",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],id:"floating"},play:async({canvasElement:o,step:t})=>{await t("Filter and Select from listbox",async()=>{const r=f(o).getByRole("button",{name:"More actions"});await L(r).toHaveAttribute("id","floating-button")})}},d={args:{buttonLabel:"More actions",children:[n.jsx(v,{children:"Crew"},"sh1"),n.jsx(e,{children:"Assign captain"},"1"),n.jsx(e,{children:"View roster"},"2"),n.jsx(v,{children:"Ship"},"sh2"),n.jsx(e,{children:"Configure thrusters"},"3"),n.jsx(e,{children:"View cargo"},"4"),n.jsx(un,{},"div2"),n.jsx(e,{children:"Log out"},"5")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Groupings")}},p={args:{buttonLabel:"Cargo options",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit inventory"},"2"),n.jsx(e,{variant:"destructive",children:"Jettison cargo"},"3")]},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Destructive")}},h={args:{ariaLabel:"More actions",buttonLabel:"",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"More actions"},play:async({canvasElement:o,step:t})=>{await t("MenuButton Aria-Label",async()=>{const r=f(o).queryByRole("button",{name:"More actions"});await L(r).not.toBeNull()})}},g={args:{ariaLabel:"More actions",endIcon:n.jsx(mn,{}),children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"Learn more"}},M={args:{buttonLabel:"Cargo options",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],isOverflow:!0}},b={args:{buttonLabel:"Cargo options",isDisabled:!0,children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],tooltipText:"More actions"}},y={args:{buttonVariant:"secondary",children:[n.jsx(e,{children:"View details"},"1"),n.jsx(e,{children:"Edit configuration"},"2"),n.jsx(e,{children:"Launch"},"3")],menuAlignment:"right"},render:function(t){return n.jsx(I,{sx:{ml:"50px"},children:n.jsx(ln,{buttonLabel:"More actions",buttonVariant:t.buttonVariant,menuAlignment:t.menuAlignment,children:t.children})})},play:async({args:o,canvasElement:t,step:a})=>{await B({canvasElement:t,step:a})(o,"Menu Button Alignment")}},x={args:{buttonLabel:"",endIcon:n.jsx(xn,{}),buttonVariant:"secondary",popoverContent:[n.jsxs(I,{sx:{minWidth:"392px"},children:[n.jsxs(i,{children:[n.jsx(yn,{children:"Title"}),n.jsx(s,{children:"Caption"}),n.jsx(w,{children:"Body"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsxs(i,{children:[n.jsx(c,{href:"#",target:"_blank",children:"Link"}),n.jsx(s,{children:"Caption"})]}),n.jsx(i,{children:n.jsx(un,{})}),n.jsx(I,{sx:{fontWeight:"bold"},children:n.jsxs(w,{children:["Body"," ",n.jsx(c,{href:"#",target:"_blank",children:"Link"})]})})]},"help-popover-content")],id:"floating",tooltipText:"More actions"},play:async({canvasElement:o,step:t})=>{await t("MenuButton Aria-Label",()=>{const r=f(o).queryByRole("button",{name:"More actions"});L(r).not.toBeNull()})}};var S,V,P;u.parameters={...u.parameters,docs:{...(S=u.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    buttonLabel: "More actions",
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>]
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: {
+    args: MenuButtonProps;
+    canvasElement: HTMLElement;
+    step: PlaywrightProps<MenuButtonProps>["step"];
+  }) => {
+    await clickMenuButton({
+      canvasElement,
+      step
+    })(args, "Menu Button Simple");
+  }
+}`,...(P=(V=u.parameters)==null?void 0:V.docs)==null?void 0:P.source}}};var C,T,A;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    children: [<MenuItem isDisabled key="1">
+        <GroupIcon />
+        Assign crew
+      </MenuItem>, <MenuItem key="2">
+        <GlobeIcon />
+        View destination
+      </MenuItem>, <MenuItem key="3">
+        <CalendarIcon />
+        Schedule launch
+      </MenuItem>]
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: {
+    args: MenuButtonProps;
+    canvasElement: HTMLElement;
+    step: PlaywrightProps<MenuButtonProps>["step"];
+  }) => {
+    await clickMenuButton({
+      canvasElement,
+      step
+    })(args, "Menu Button Action Icons");
+  }
+}`,...(A=(T=l.parameters)==null?void 0:T.docs)==null?void 0:A.source}}};var D,W,_;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    buttonLabel: "More actions",
+    buttonVariant: "floating",
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</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: "More actions"
+      });
+      await expect(button).toHaveAttribute("id", "floating-button");
+    });
+  }
+}`,...(_=(W=m.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};var z,H,O;d.parameters={...d.parameters,docs:{...(z=d.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    buttonLabel: "More actions",
+    children: [<ListSubheader key="sh1">Crew</ListSubheader>, <MenuItem key="1">Assign captain</MenuItem>, <MenuItem key="2">View roster</MenuItem>, <ListSubheader key="sh2">Ship</ListSubheader>, <MenuItem key="3">Configure thrusters</MenuItem>, <MenuItem key="4">View cargo</MenuItem>, <Divider key="div2" />, <MenuItem key="5">Log out</MenuItem>]
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: {
+    args: MenuButtonProps;
+    canvasElement: HTMLElement;
+    step: PlaywrightProps<MenuButtonProps>["step"];
+  }) => {
+    await clickMenuButton({
+      canvasElement,
+      step
+    })(args, "Menu Button Groupings");
+  }
+}`,...(O=(H=d.parameters)==null?void 0:H.docs)==null?void 0:O.source}}};var R,G,N;p.parameters={...p.parameters,docs:{...(R=p.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    buttonLabel: "Cargo options",
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit inventory</MenuItem>, <MenuItem key="3" variant="destructive">
+        Jettison cargo
+      </MenuItem>]
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: {
+    args: MenuButtonProps;
+    canvasElement: HTMLElement;
+    step: PlaywrightProps<MenuButtonProps>["step"];
+  }) => {
+    await clickMenuButton({
+      canvasElement,
+      step
+    })(args, "Menu Button Destructive");
+  }
+}`,...(N=(G=p.parameters)==null?void 0:G.docs)==null?void 0:N.source}}};var q,F,J;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    ariaLabel: "More actions",
+    buttonLabel: "",
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>],
+    tooltipText: "More actions"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlaywrightProps<MenuButtonProps>) => {
+    await step("MenuButton Aria-Label", async () => {
+      const canvas = within(canvasElement);
+      const menuButton = canvas.queryByRole("button", {
+        name: "More actions"
+      });
+      await expect(menuButton).not.toBeNull();
+    });
+  }
+}`,...(J=(F=h.parameters)==null?void 0:F.docs)==null?void 0:J.source}}};var Q,K,U;g.parameters={...g.parameters,docs:{...(Q=g.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  args: {
+    ariaLabel: "More actions",
+    endIcon: <GroupIcon />,
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>],
+    tooltipText: "Learn more"
+  }
+}`,...(U=(K=g.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};var X,Y,Z;M.parameters={...M.parameters,docs:{...(X=M.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    buttonLabel: "Cargo options",
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>],
+    isOverflow: true
+  }
+}`,...(Z=(Y=M.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,nn,en;b.parameters={...b.parameters,docs:{...($=b.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    buttonLabel: "Cargo options",
+    isDisabled: true,
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>],
+    tooltipText: "More actions"
+  }
+}`,...(en=(nn=b.parameters)==null?void 0:nn.docs)==null?void 0:en.source}}};var tn,on,an;y.parameters={...y.parameters,docs:{...(tn=y.parameters)==null?void 0:tn.docs,source:{originalSource:`{
+  args: {
+    buttonVariant: "secondary",
+    children: [<MenuItem key="1">View details</MenuItem>, <MenuItem key="2">Edit configuration</MenuItem>, <MenuItem key="3">Launch</MenuItem>],
+    menuAlignment: "right"
+  },
+  render: function C(props: MenuButtonProps) {
+    return <Box sx={{
+      ml: "50px"
+    }}>
+        <MenuButton buttonLabel="More actions" 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");
+  }
+}`,...(an=(on=y.parameters)==null?void 0:on.docs)==null?void 0:an.source}}};var rn,sn,cn;x.parameters={...x.parameters,docs:{...(rn=x.parameters)==null?void 0:rn.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: "More actions"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlaywrightProps<MenuButtonProps>) => {
+    await step("MenuButton Aria-Label", () => {
+      const canvas = within(canvasElement);
+      const menuButton = canvas.queryByRole("button", {
+        name: "More actions"
+      });
+      expect(menuButton).not.toBeNull();
+    });
+  }
+}`,...(cn=(sn=x.parameters)==null?void 0:sn.docs)==null?void 0:cn.source}}};const kn=["Simple","ActionIcons","ButtonVariant","Groupings","WithDestructive","IconButton","EndIcon","Overflow","Disabled","Alignment","HelpPopover"],qn=Object.freeze(Object.defineProperty({__proto__:null,ActionIcons:l,Alignment:y,ButtonVariant:m,Disabled:b,EndIcon:g,Groupings:d,HelpPopover:x,IconButton:h,Overflow:M,Simple:u,WithDestructive:p,__namedExportsOrder:kn,default:Ln},Symbol.toStringTag,{value:"Module"}));export{qn as M};

package/dist/assets/MenuContext-DKMyPMNY.js

@@ -0,0 +1,11 @@
+import{r as e}from"./index-NdkWRN8K.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-CuP47MJ-.js

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

package/dist/assets/MenuItem-DjSqFwdt.js

@@ -0,0 +1 @@
+import{_ as P,a as n,c as x,d as c}from"./createTheme-BmPXDA4p.js";import{r as d}from"./index-NdkWRN8K.js";import{u as V,s as E,c as F,r as G}from"./DefaultPropsProvider-B7tpShA7.js";import{L as C}from"./ListContext-C02XM7tn.js";import{g as T,l as $,a as I,d as O,m as i}from"./menuItemClasses-DFm3-Sf1.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{u as w}from"./TransitionGroupContext-twgBS-Q3.js";import{u as _}from"./useIsFocusVisible-DH0qxT5e.js";import{B as D}from"./ButtonBase-BqXVk-1q.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=F({root:["root",s&&"dense",e&&"disabled",!l&&"gutters",t&&"divider",p&&"selected"]},T,o);return n({},o,r)},U=E(D,{shouldForwardProp:a=>G(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},[`& + .${O.root}`]:{marginTop:a.spacing(1),marginBottom:a.spacing(1)},[`& + .${O.inset}`]:{marginLeft:52},[`& .${I.root}`]:{marginTop:0,marginBottom:0},[`& .${I.inset}`]:{paddingLeft:36},[`& .${$.root}`]:{minWidth:36}},!e.dense&&{[a.breakpoints.up("sm")]:{minHeight:"auto"}},e.dense&&n({minHeight:32,paddingTop:4,paddingBottom:4},a.typography.body2,{[`& .${$.root} svg`]:{fontSize:"1.25rem"}}))),h=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:k,role:R="menuitem",tabIndex:b,className:B}=t,j=P(t,H),v=d.useContext(C),g=d.useMemo(()=>({dense:o||v.dense||!1,disableGutters:r}),[v.dense,o,r]),u=d.useRef(null);w(()=>{l&&u.current&&u.current.focus()},[l]);const L=n({},t,{dense:g.dense,divider:f,disableGutters:r}),m=z(t),N=_(u,s);let y;return t.disabled||(y=b!==void 0?b:-1),M.jsx(C.Provider,{value:g,children:M.jsx(U,n({ref:N,role:R,tabIndex:y,component:p,focusVisibleClassName:x(m.focusVisible,k),className:x(m.root,B)},j,{ownerState:L,classes:m}))})});export{h as M};