@okta/odyssey-react-mui 1.45.0 → 1.47.1

package/dist/assets/Layout.stories-BaeIV62G.js

@@ -0,0 +1,285 @@
+import{j as n}from"./jsx-runtime-CnH95YSl.js";import{s as x}from"./OdysseyThemeProvider-BBwjgzn2.js";import{O as Q}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as o}from"./Layout-BduWITqf.js";import{c as U}from"./Typography-DfSdXC7o.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./Typography-Yf1Zkad_.js";const e=x.div({display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",border:"1px dashed #cbcbcb"}),i=x.h3({margin:0}),X=x.div({maxWidth:"55ch",marginBlockEnd:"8px"}),Y=()=>n.jsx(X,{children:n.jsxs(U,{children:[n.jsx("strong",{children:"NOTE:"})," Dashed border and padding are applied to show region boundries in Storybook only. They will not be present when you are using Layout"]})}),g=x.div({"& + &":{marginBlockStart:"16px"}}),Rn={component:o,decorators:[s=>n.jsxs(n.Fragment,{children:[n.jsx(Y,{}),n.jsx(s,{})]}),Q],argTypes:{regions:{control:"text",description:"The supported region ratios for the `Layout`. Each number is a fractional unit that is mapped to the 'fr' CSS unit. For example: [2, 1] defines a 2/3, 1/3 layout and [1, 1, 1] defines a 1/3, 1/3, 1/3 layout",table:{type:{summary:"SupportedRegionRatios"}}},children:{description:"The content of the `Layout`. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be either a single `Surface` or multiple `Surface's",table:{type:{summary:"ReactNode"}}}}},a={args:{regions:[1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsx(o,{...r,children:n.jsx(e,{children:n.jsx(i,{children:"Region"})})})}},l={args:{regions:[1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},t={args:{regions:[2,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},c={args:{regions:[1,2]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},R={args:{regions:[3,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},d={args:{regions:[1,3]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},b={args:{regions:[1,1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},h={args:{regions:[1,1,1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},j={args:{regions:[1,1]},argTypes:{regions:{control:"object"}},render:function(r){return n.jsxs(o,{...r,children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}},u={render:function(){return n.jsxs(n.Fragment,{children:[n.jsx(g,{children:n.jsx(o,{regions:[1],children:n.jsx(e,{children:n.jsx(i,{children:"Region"})})})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[2,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,2],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[3,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,3],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})}),n.jsx(g,{children:n.jsxs(o,{regions:[1,1,1,1],children:[n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})}),n.jsx(e,{children:n.jsx(i,{children:"Region"})})]})})]})}};var L,p,V;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    regions: [1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(V=(p=a.parameters)==null?void 0:p.docs)==null?void 0:V.source}}};var m,y,f;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  args: {
+    regions: [1, 1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(f=(y=l.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var C,T,S;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    regions: [2, 1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(S=(T=t.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};var M,k,E;c.parameters={...c.parameters,docs:{...(M=c.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    regions: [1, 2]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(E=(k=c.parameters)==null?void 0:k.docs)==null?void 0:E.source}}};var F,w,D;R.parameters={...R.parameters,docs:{...(F=R.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  args: {
+    regions: [3, 1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(D=(w=R.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var N,O,v;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    regions: [1, 3]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(v=(O=d.parameters)==null?void 0:O.docs)==null?void 0:v.source}}};var z,B,K;b.parameters={...b.parameters,docs:{...(z=b.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    regions: [1, 1, 1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(K=(B=b.parameters)==null?void 0:B.docs)==null?void 0:K.source}}};var W,_,I;h.parameters={...h.parameters,docs:{...(W=h.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    regions: [1, 1, 1, 1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(I=(_=h.parameters)==null?void 0:_.docs)==null?void 0:I.source}}};var q,A,G;j.parameters={...j.parameters,docs:{...(q=j.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    regions: [1, 1]
+  },
+  argTypes: {
+    regions: {
+      control: "object"
+    }
+  },
+  render: function C(args) {
+    return <Layout {...args}>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+        <VisibleRegion>
+          <RegionLabel>Region</RegionLabel>
+        </VisibleRegion>
+      </Layout>;
+  }
+}`,...(G=(A=j.parameters)==null?void 0:A.docs)==null?void 0:G.source}}};var H,J,P;u.parameters={...u.parameters,docs:{...(H=u.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  render: function () {
+    return <>
+        <MarginContainer>
+          <Layout regions={[1]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[1, 1]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[2, 1]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[1, 2]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[3, 1]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[1, 3]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[1, 1, 1]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+
+        <MarginContainer>
+          <Layout regions={[1, 1, 1, 1]}>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+            <VisibleRegion>
+              <RegionLabel>Region</RegionLabel>
+            </VisibleRegion>
+          </Layout>
+        </MarginContainer>
+      </>;
+  }
+}`,...(P=(J=u.parameters)==null?void 0:J.docs)==null?void 0:P.source}}};const dn=["Single","Split","TwoThirdsStart","TwoThirdsEnd","ThreeFourthsStart","ThreeFourthsEnd","ThreeRegionSplit","FourRegionSplit","Stacking","KitchenSink"];export{h as FourRegionSplit,u as KitchenSink,a as Single,l as Split,j as Stacking,d as ThreeFourthsEnd,R as ThreeFourthsStart,b as ThreeRegionSplit,c as TwoThirdsEnd,t as TwoThirdsStart,dn as __namedExportsOrder,Rn as default};

package/dist/assets/{Legacy Migrations-eiPSj0S4.js → Legacy Migrations-DZ-fx_Jl.js }

@@ -1,4 +1,4 @@
-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,{}),`
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as d}from"./index-BeeV6X6A.js";import{M as o}from"./index-BqmbiZ7T.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-CXLAql3E.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"}),`

package/dist/assets/Link-BH0CiguI.js

@@ -0,0 +1,11 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-BsDcV5Kh.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-BqmbiZ7T.js";import{L as i}from"./Link.stories-BY0xRfX5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BprB3Yzd.js";import"./iframe-CXLAql3E.js";import"./DocsRenderer-CFRXHY34-IKzmQUB4.js";import"./client-ByW5HbEz.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-B6sV00nC.js";import"./index-Dj8r1U9U.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./Server-DjXPiVgb.js";import"./List-DsAZFSEg.js";import"./ArrowRight-Bi2Pswgc.js";import"./Bug-CF8uTmAI.js";import"./Calendar-DjJqG0qe.js";import"./ChevronRight-DkL07pJu.js";import"./ChevronUp-DBzjQ0Vq.js";import"./Clock-Cs7_WjUp.js";import"./Upload-CXJBKzcC.js";import"./Documentation-BrTRsPbe.js";import"./Download-CnpAgqy2.js";import"./ExternalLink-BZ-Yczsk.js";import"./Filter-Dx8z3DNi.js";import"./Folder-BfxqGqvt.js";import"./Globe-Brrqdlv8.js";import"./Grid-CZMVE6qU.js";import"./Group-B6q-i_C2.js";import"./Hide-DlEWsxsn.js";import"./Home-BiP4Mg1h.js";import"./InformationCircle-CE8ruoYu.js";import"./More-D1qrtSvt.js";import"./Refresh-GVzSl4pN.js";import"./Search-CkfJXFe5.js";import"./Settings-CjXK8-N1.js";import"./Show-BmUFIvXd.js";import"./Sync-DFFNrTTV.js";import"./User-D6db-Gy0.js";import"./Video-B1Csvrbu.js";import"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Link-DI6v1ROk.js";import"./Link-BnBknBcu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-Yf1Zkad_.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 uo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{uo as default};

package/dist/assets/Link-BnBknBcu.js

@@ -0,0 +1 @@
+import{V as M,U as $,at as y,p as j,c as U,_ as N,b as a,d as P,e as _,f as h,g as z}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as x}from"./index-NdkWRN8K.js";import{j as E}from"./jsx-runtime-CnH95YSl.js";import{b as W,u as H}from"./useIsFocusVisible-DH0qxT5e.js";import{T as I}from"./Typography-Yf1Zkad_.js";function O(e){return $("MuiLink",e)}const q=M("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),g={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},w=e=>g[e]||e,G=({theme:e,ownerState:o})=>{const n=w(o.color),r=y(e,`palette.${n}`,!1)||o.color,s=y(e,`palette.${n}Channel`);return"vars"in e&&s?`rgba(${s} / 0.4)`:j.alpha(r,.4)},J=["className","color","component","onBlur","onFocus","TypographyClasses","underline","variant","sx"],K=e=>{const{classes:o,component:n,focusVisible:r,underline:s}=e,t={root:["root",`underline${h(s)}`,n==="button"&&"button",r&&"focusVisible"]};return z(t,O,o)},Q=P(I,{name:"MuiLink",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:n}=e;return[o.root,o[`underline${h(n.underline)}`],n.component==="button"&&o.button]}})(({theme:e,ownerState:o})=>a({},o.underline==="none"&&{textDecoration:"none"},o.underline==="hover"&&{textDecoration:"none","&:hover":{textDecoration:"underline"}},o.underline==="always"&&a({textDecoration:"underline"},o.color!=="inherit"&&{textDecorationColor:G({theme:e,ownerState:o})},{"&:hover":{textDecorationColor:"inherit"}}),o.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"},[`&.${q.focusVisible}`]:{outline:"auto"}})),eo=x.forwardRef(function(o,n){const r=U({props:o,name:"MuiLink"}),{className:s,color:t="primary",component:c="a",onBlur:u,onFocus:p,TypographyClasses:C,underline:k="always",variant:d="inherit",sx:l}=r,V=N(r,J),{isFocusVisibleRef:f,onBlur:F,onFocus:L,ref:R}=W(),[v,m]=x.useState(!1),D=H(n,R),T=i=>{F(i),f.current===!1&&m(!1),u&&u(i)},A=i=>{L(i),f.current===!0&&m(!0),p&&p(i)},b=a({},r,{color:t,component:c,focusVisible:v,underline:k,variant:d}),B=K(b);return E.jsx(Q,a({color:t,className:_(B.root,s),classes:C,component:c,onBlur:T,onFocus:A,ref:D,ownerState:b,variant:d,sx:[...Object.keys(g).includes(t)?[]:[{color:t}],...Array.isArray(l)?l:[l]]},V))});export{eo as L};

package/dist/assets/Link-DI6v1ROk.js

@@ -0,0 +1 @@
+import{r as a}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{L as d}from"./Link-BnBknBcu.js";import{M as x}from"./ExternalLink-BZ-Yczsk.js";const R=["default","monochrome"],L=({ariaLabel:i,children:t,href:l,icon:n,linkRef:m,rel:c,target:r,testId:p,translate:f,variant:k,onClick:u})=>{const s=a.useRef(null);return a.useImperativeHandle(m,()=>({focus:()=>{var o;(o=s.current)==null||o.focus()}}),[]),e.jsxs(d,{"aria-label":i,"data-se":p,href:l,onClick:u,ref:s,rel:c,target:r,translate:f,variant:k,children:[n&&e.jsx("span",{className:"Link-icon",children:n}),t,r==="_blank"&&e.jsx("span",{className:"Link-indicator",role:"presentation",children:e.jsx(x,{})})]})},j=a.memo(L);j.displayName="Link";export{j as M,R as l};

package/dist/assets/Link.stories-BY0xRfX5.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-B6sV00nC.js";import{O as E}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{l as c,M as I}from"./Link-DI6v1ROk.js";import{a4 as _}from"./OdysseyThemeProvider-BBwjgzn2.js";const M={component:I,decorators:[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(_,{})}},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 b,g,x;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.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=(g=n.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const S=["Default","Monochrome","WithIcon","External"],z=Object.freeze(Object.defineProperty({__proto__:null,Default:e,External:n,Monochrome:r,WithIcon:t,__namedExportsOrder:S,default:M},Symbol.toStringTag,{value:"Module"}));export{z as L};

package/dist/assets/List-Be7fhh4_.js

@@ -0,0 +1 @@
+import{U as x,V as L,c as f,_ as P,b as i,d as C,e as j,g as v}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as d}from"./index-NdkWRN8K.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";const M=d.createContext({});function R(s){return x("MuiList",s)}L("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 v({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})=>i({listStyle:"none",margin:0,padding:0,position:"relative"},!s.disablePadding&&{paddingTop:8,paddingBottom:8},s.subheader&&{paddingTop:0})),S=d.forwardRef(function(e,t){const o=f({props:e,name:"MuiList"}),{children:a,className:r,component:l="ul",dense:n=!1,disablePadding:p=!1,subheader:m}=o,g=P(o,U),b=d.useMemo(()=>({dense:n}),[n]),c=i({},o,{component:l,dense:n,disablePadding:p}),h=_(c);return u.jsx(M.Provider,{value:b,children:u.jsxs(y,i({as:l,className:j(h.root,r),ref:t,ownerState:c},g,{children:[m,a]}))})});export{S as L,M as a};

package/dist/assets/List-DsAZFSEg.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"./OdysseyThemeProvider-BBwjgzn2.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/ListItem-C8ebNPnP.js

@@ -0,0 +1 @@
+import{U as q,V as z,c as D,_ as M,b as a,d as O,e as k,f as K,g as T,r as ot,x as st,a as at,p as U}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as l}from"./index-NdkWRN8K.js";import{a as nt,i as Z}from"./utils-iop7lDec.js";import{F as rt,u as it,f as lt}from"./useFormControl-BMISTZuX.js";import{j as b}from"./jsx-runtime-CnH95YSl.js";import{F as ct}from"./FormLabel-BLj3hKkg.js";import{a as _}from"./List-Be7fhh4_.js";import{u as dt}from"./useIsFocusVisible-DH0qxT5e.js";import{i as tt}from"./isHostComponent-DVu5iVWx.js";import{B as ut}from"./ButtonBase-BAQsCgRq.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)}z("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)},bt=O("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%"})),Vt=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:g=!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:g,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&&nt(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:g,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,$,g,v,A,I,L,x]);return b.jsx(rt.Provider,{value:N,children:b.jsx(bt,a({as:u,ownerState:W,className:k(Y.root,d),ref:o},H,{children:r}))})});function gt(t){return q("MuiInputLabel",t)}z("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,gt,e);return a({},e,i)},Ct=O(ct,{shouldForwardProp:t=>ot(t)||t==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:o}=t;return[{[`& .${st.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)"}))),qt=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=it();let i=d;typeof i>"u"&&n&&(i=n.filled||n.focused||n.adornedStart);const m=lt({props:s,muiFormControl:n,states:["size","variant","required","focused"]}),g=a({},s,{disableAnimation:r,formControl:n,shrink:i,size:m.size,variant:m.variant,required:m.required,focused:m.focused}),v=xt(g);return b.jsx(Ct,a({"data-shrink":i,ownerState:g,ref:o,className:k(v.root,c)},u,{classes:v}))});function ht(t){return q("MuiListItem",t)}const F=z("MuiListItem",["root","container","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","padding","button","secondaryAction","selected"]),yt=z("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function It(t){return q("MuiListItemSecondaryAction",t)}z("MuiListItemSecondaryAction",["root","disableGutters"]);const Lt=["className"],At=t=>{const{disableGutters:e,classes:o}=t;return T({root:["root",e&&"disableGutters"]},It,o)},Ft=O("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=a({},s,{disableGutters:c.disableGutters}),n=At(u);return b.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=O("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})`:U.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}))`:U.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}))`:U.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})`:U.alpha(t.palette.primary.main,t.palette.action.selectedOpacity)}}},e.hasSecondaryAction&&{paddingRight:48})),Pt=O("li",{name:"MuiListItem",slot:"Container",overridesResolver:(t,e)=>e.container})({position:"relative"}),Dt=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:g={},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(_),A=l.useMemo(()=>({dense:I||$.dense||!1,alignItems:r,disableGutters:x}),[r,$.dense,I,x]),N=l.useRef(null);at(()=>{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||g.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")),b.jsx(_.Provider,{value:A,children:b.jsxs(Pt,a({as:v,className:k(Q.container,w),ref:X,ownerState:C},G,{children:[b.jsx(B,a({},P,!tt(B)&&{as:y,ownerState:a({},C,P.ownerState)},h,{children:p})),p.pop()]}))})):b.jsx(_.Provider,{value:A,children:b.jsxs(B,a({},P,{as:y,ref:X},!tt(B)&&{ownerState:a({},C,P.ownerState)},h,{children:[p,R&&b.jsx(et,{children:R})]}))})});export{Vt as F,qt as I,et as L,Dt as a,V as i};

package/dist/assets/ListSubheader-Bwc0JItn.js

@@ -0,0 +1 @@
+import{U as f,V as g,c as m,_ as S,b as l,d as h,e as x,f as c,g as L}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as k}from"./index-NdkWRN8K.js";import{j as R}from"./jsx-runtime-CnH95YSl.js";function C(t){return f("MuiListSubheader",t)}g("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=h("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})),U=k.forwardRef(function(s,o){const e=m({props:s,name:"MuiListSubheader"}),{className:r,color:a="default",component:i="li",disableGutters:d=!1,disableSticky:u=!1,inset:p=!1}=e,b=S(e,v),n=l({},e,{color:a,component:i,disableGutters:d,disableSticky:u,inset:p}),y=G(n);return R.jsx(M,l({as:i,className:x(y.root,r),ref:o,ownerState:n},b))});U.muiSkipListHighlight=!0;export{U as L};

package/dist/assets/Menu-CHod3UUY.js

@@ -0,0 +1 @@
+import{U as mo,V as Po,c as ho,_ as $,b as f,e as J,d as k,g as vo,z as Eo,r as So}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as i}from"./index-NdkWRN8K.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{u as V}from"./Portal-GAJY6Au9.js";import{G as Co}from"./Grow-DacPmog-.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-B1-40kNg.js";import{P as Do}from"./Paper-XsV8SWR9.js";import{M as No}from"./MenuList-CW8ri5AI.js";function Fo(t){return mo("MuiPopover",t)}Po("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 vo({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=ho({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:b=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:b,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]),T=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=T(e);n.top!==null&&(e.style.top=n.top),n.left!==null&&(e.style.left=n.left),e.style.transformOrigin=n.transformOrigin,Q(!0)},[T]);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"&&!b.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:bo}=to,To=$(to,jo);return j.jsx(Y,f({},To,!_o(Y)&&{slotProps:bo,disableScrollLock:F},{children:j.jsx(b,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)}Po("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 vo({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}),ct=i.forwardRef(function(o,r){var _,z;const x=ho({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),b=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,T)=>{C.current&&C.current.adjustStyleForScrollbar(l,{direction:b?"rtl":"ltr"}),s&&s(l,T)},P=l=>{l.key==="Tab"&&(l.preventDefault(),m&&m(l,"tabKeyDown"))};let M=-1;i.Children.map(W,(l,T)=>{i.isValidElement(l)&&(l.props.disabled||(p==="selectedMenu"&&l.props.selected||M===-1)&&(M=T))});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:b?"right":"left"},transformOrigin:b?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{ct as M,Ao as P};

package/dist/assets/MenuButton-CMGgaZPh.js

@@ -0,0 +1,9 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-BsDcV5Kh.js";import"./index-DRboDwvZ.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-BqmbiZ7T.js";import{M as i}from"./MenuButton.stories-B5Ron3HG.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BprB3Yzd.js";import"./iframe-CXLAql3E.js";import"./DocsRenderer-CFRXHY34-IKzmQUB4.js";import"./client-ByW5HbEz.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-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./iconUtils-B6sV00nC.js";import"./index-Dj8r1U9U.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./Server-DjXPiVgb.js";import"./List-DsAZFSEg.js";import"./ArrowRight-Bi2Pswgc.js";import"./Bug-CF8uTmAI.js";import"./Calendar-DjJqG0qe.js";import"./ChevronRight-DkL07pJu.js";import"./ChevronUp-DBzjQ0Vq.js";import"./Clock-Cs7_WjUp.js";import"./Upload-CXJBKzcC.js";import"./Documentation-BrTRsPbe.js";import"./Download-CnpAgqy2.js";import"./ExternalLink-BZ-Yczsk.js";import"./Filter-Dx8z3DNi.js";import"./Folder-BfxqGqvt.js";import"./Globe-Brrqdlv8.js";import"./Grid-CZMVE6qU.js";import"./Group-B6q-i_C2.js";import"./Hide-DlEWsxsn.js";import"./Home-BiP4Mg1h.js";import"./InformationCircle-CE8ruoYu.js";import"./More-D1qrtSvt.js";import"./Refresh-GVzSl4pN.js";import"./Search-CkfJXFe5.js";import"./Settings-CjXK8-N1.js";import"./Show-BmUFIvXd.js";import"./Sync-DFFNrTTV.js";import"./User-D6db-Gy0.js";import"./Video-B1Csvrbu.js";import"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import"./OdysseyProvider-2xjMTEu6.js";import"./fieldComponentPropsMetaData-BqbNLw6V.js";import"./BaseMenuButton-pigMBOEp.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-CdPi1pZc.js";import"./ButtonBase-BAQsCgRq.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CHod3UUY.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";import"./Paper-XsV8SWR9.js";import"./MenuList-CW8ri5AI.js";import"./List-Be7fhh4_.js";import"./ListSubheader-Bwc0JItn.js";import"./Divider-DsFAYUeD.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./MenuButton-Dr4RJoKG.js";import"./MenuItem-n-UKDxiu.js";import"./MenuItem-B0_vCuIq.js";import"./Link-DI6v1ROk.js";import"./Link-BnBknBcu.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 tt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{tt as default};

package/dist/assets/{MenuButton-OjJFnmOD.js → MenuButton-Dr4RJoKG.js}

@@ -1,4 +1,4 @@
-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";/*!
+import{r as o}from"./index-NdkWRN8K.js";import{M as e}from"./BaseMenuButton-pigMBOEp.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.")
  *

package/dist/assets/{MenuButton.stories-C8xNZymc.js → MenuButton.stories-B5Ron3HG.js}

@@ -1,4 +1,4 @@
-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:`{
+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-B-LchFqf.js";import{i as k}from"./iconUtils-B6sV00nC.js";import{O as bn}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as yn}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{m as j}from"./BaseMenuButton-pigMBOEp.js";import{L as v}from"./ListSubheader-Bwc0JItn.js";import{D as un}from"./Divider-DsFAYUeD.js";import{e as xn,c as s,a as w}from"./Typography-DfSdXC7o.js";import{a as Bn}from"./index-Dj8r1U9U.js";import{u as In}from"./OdysseyThemeProvider-BBwjgzn2.js";import{b as E}from"./BaseButton-COF38VLB.js";import{M as ln}from"./MenuButton-Dr4RJoKG.js";import{M as e}from"./MenuItem-n-UKDxiu.js";import{M as mn}from"./Group-B6q-i_C2.js";import{M as fn}from"./Globe-Brrqdlv8.js";import{M as Ln}from"./Calendar-DjJqG0qe.js";import{M as I}from"./Box-BGpAHVQV.js";import{M as c}from"./Link-DI6v1ROk.js";const i=({children:o})=>{const t=In();return n.jsx(I,{sx:{marginBottom:t.Spacing4},children:o})},kn={component:ln,decorators:[bn],tags:["autodocs"],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:yn.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"}},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(fn,{}),"View destination"]},"2"),n.jsxs(e,{children:[n.jsx(Ln,{}),"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(Bn,{}),buttonVariant:"secondary",popoverContent:[n.jsxs(I,{sx:{minWidth:"392px"},children:[n.jsxs(i,{children:[n.jsx(xn,{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>]
@@ -63,7 +63,7 @@ import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as f,e as L,u as hn,a as
       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:`{
+}`,...(_=(W=m.parameters)==null?void 0:W.docs)==null?void 0:_.source}}};var z,O,H;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>]
@@ -82,7 +82,7 @@ import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as f,e as L,u as hn,a as
       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:`{
+}`,...(H=(O=d.parameters)==null?void 0:O.docs)==null?void 0:H.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">
@@ -243,4 +243,4 @@ import{j as n}from"./jsx-runtime-CnH95YSl.js";import{w as f,e as L,u as hn,a as
       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};
+}`,...(cn=(sn=x.parameters)==null?void 0:sn.docs)==null?void 0:cn.source}}};const jn=["Simple","ActionIcons","ButtonVariant","Groupings","WithDestructive","IconButton","EndIcon","Overflow","Disabled","Alignment","HelpPopover"],Jn=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:jn,default:kn},Symbol.toStringTag,{value:"Module"}));export{Jn as M};

package/dist/assets/MenuItem-B0_vCuIq.js

@@ -0,0 +1 @@
+import{c as V,_ as E,a as F,b as n,d as G,e as x,g as L,o as T,r as w,p as c,q as C,t as $,v as I,m as i}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as d}from"./index-NdkWRN8K.js";import{a as O}from"./List-Be7fhh4_.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useIsFocusVisible-DH0qxT5e.js";import{B as D}from"./ButtonBase-BAQsCgRq.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"}}))),X=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:v,className:B}=t,j=E(t,H),g=d.useContext(O),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),M.jsx(O.Provider,{value:m,children:M.jsx(U,n({ref:P,role:R,tabIndex:y,component:p,focusVisibleClassName:x(b.focusVisible,k),className:x(b.root,B)},j,{ownerState:N,classes:b}))})});export{X as M};

package/dist/assets/MenuItem-n-UKDxiu.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-B0_vCuIq.js";import{m as I}from"./OdysseyThemeProvider-BBwjgzn2.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.stories-YEtPNOwc.js

@@ -0,0 +1,29 @@
+import{j as r}from"./jsx-runtime-CnH95YSl.js";import{r as I}from"./index-NdkWRN8K.js";import{O as v}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as D}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as x}from"./Menu-CHod3UUY.js";import{M as g}from"./MenuItem-n-UKDxiu.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";import"./Paper-XsV8SWR9.js";import"./MenuList-CW8ri5AI.js";import"./List-Be7fhh4_.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-B0_vCuIq.js";import"./ButtonBase-BAQsCgRq.js";const oe={component:g,decorators:[v],tags:["autodocs"],argTypes:{children:{control:"object",description:"The content for the `MenuItem` components within the Menu",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"other",value:"ReactNode"}},hasInitialFocus:{control:"boolean",description:"If `true`, focuses the item when the parent menu opens",table:{type:{summary:"boolean"}}},isDisabled:D.isDisabled,isSelected:{control:"boolean",description:"If `true`, the menu item will be visually marked as selected.",table:{type:{summary:"boolean"}}},variant:{options:["default","destructive"],control:{type:"radio"},description:"The variant of the triggering Button",table:{type:{summary:["default","destructive"].join(" | ")},defaultValue:{summary:"default"}}}},args:{children:"MenuItem content"}},a=t=>{const e=I.useRef(null);return r.jsx("div",{ref:e,children:r.jsx(x,{anchorEl:e.current,open:!0,children:r.jsx(g,{...t,children:t.children})})})},o={render:function(e){return r.jsx(a,{...e})}},n={args:{variant:"destructive",children:"Destructive MenuItem"},render:function(e){return r.jsx(a,{...e})}},s={args:{isDisabled:!0,children:"Disabled MenuItem"},render:function(e){return r.jsx(a,{...e})}},i={args:{isSelected:!0,children:"Selected MenuItem"},render:function(e){return r.jsx(a,{...e})}};var c,m,p;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  render: function C(props: MenuItemProps) {
+    return <BaseStory {...props} />;
+  }
+}`,...(p=(m=o.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var u,d,l;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    variant: "destructive",
+    children: "Destructive MenuItem"
+  },
+  render: function C(props: MenuItemProps) {
+    return <BaseStory {...props} />;
+  }
+}`,...(l=(d=n.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var f,h,y;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    isDisabled: true,
+    children: "Disabled MenuItem"
+  },
+  render: function C(props: MenuItemProps) {
+    return <BaseStory {...props} />;
+  }
+}`,...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var b,M,S;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    isSelected: true,
+    children: "Selected MenuItem"
+  },
+  render: function C(props: MenuItemProps) {
+    return <BaseStory {...props} />;
+  }
+}`,...(S=(M=i.parameters)==null?void 0:M.docs)==null?void 0:S.source}}};const ne=["Simple","Destructive","Disabled","Selected"];export{n as Destructive,s as Disabled,i as Selected,o as Simple,ne as __namedExportsOrder,oe as default};