@okta/odyssey-contribution-tooling 1.49.0 → 1.51.0

package/dist/assets/Layout.stories-DGtK-sb4.js

@@ -0,0 +1,285 @@
+import{j as n}from"./jsx-runtime-CnH95YSl.js";import{h as x}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{O as Q}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{M as o}from"./Layout-DfnguYJ3.js";import{c as U}from"./Typography-gfYWxfhb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Box-XLjSpNxK.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./Typography-BIFhmR2K.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"}}),dn={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 bn=["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,bn as __namedExportsOrder,dn as default};

package/dist/assets/Legacy Migrations-BvJnbBns.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-DiEiQB-f.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./iframe-B5wE2ay9.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-B0jVOXLw.js

@@ -0,0 +1 @@
+import{r as o}from"./index-NdkWRN8K.js";import{j as c}from"./jsx-runtime-CnH95YSl.js";import{S as r}from"./OdysseyThemeProvider-uYQ_l8PJ.js";const e=o.forwardRef((a,l)=>c.jsx(r,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...a,children:c.jsx(c.Fragment,{children:c.jsx("path",{clipRule:"evenodd",d:"m13.952 1.956.045.046.046.045c.263.264.459.459.599.663a2.665 2.665 0 0 1 0 3.017c-.14.204-.336.4-.6.663l-.045.046-2.682 2.682-.02.02c-.379.379-.692.692-.968.926-.287.243-.577.44-.922.553a2.667 2.667 0 0 1-1.648 0c-.345-.113-.635-.31-.922-.553a14.502 14.502 0 0 1-.8-.759l.943-.942c.304.303.528.522.72.685.223.19.36.264.471.3.268.088.556.088.824 0 .111-.036.248-.11.471-.3.23-.195.505-.47.908-.873l2.682-2.682c.33-.33.428-.431.488-.52a1.333 1.333 0 0 0 0-1.509c-.06-.088-.159-.19-.488-.52-.329-.329-.43-.427-.52-.488a1.333 1.333 0 0 0-1.508 0c-.089.061-.19.16-.52.488l-.788.788a3.436 3.436 0 0 0-.48-.198 4 4 0 0 0-1.018-.19l1.343-1.342.046-.046c.263-.264.458-.459.662-.599a2.667 2.667 0 0 1 3.018 0c.204.14.4.335.663.6ZM9.748 5.355c.234.199.495.454.8.759l-.943.942a13.298 13.298 0 0 0-.72-.685c-.223-.19-.36-.264-.471-.3a1.333 1.333 0 0 0-.824 0c-.111.036-.248.11-.471.3-.23.195-.505.47-.908.873L2.944 10.51c-.329.33-.427.431-.488.52a1.333 1.333 0 0 0 0 1.509c.061.088.16.19.488.52.33.329.432.427.52.488a1.333 1.333 0 0 0 1.509 0c.089-.061.19-.16.52-.488l1.372-1.372c.149.075.308.142.48.198.332.107.674.17 1.018.19l-1.927 1.927-.046.045c-.263.264-.459.459-.663.6a2.667 2.667 0 0 1-3.017 0c-.204-.141-.4-.336-.663-.6l-.045-.046-.046-.045c-.264-.263-.459-.459-.599-.663a2.667 2.667 0 0 1 0-3.017c.14-.204.336-.4.6-.663l.045-.046 3.266-3.266.02-.02c.379-.379.692-.692.968-.926.286-.243.576-.44.922-.553a2.667 2.667 0 0 1 1.648 0c.345.113.635.31.922.553Z",fill:"currentColor",fillRule:"evenodd"})})})),n=o.memo(e);n.displayName="LinkIcon";export{n as M};

package/dist/assets/Link-CaBVKAGj.js

@@ -0,0 +1,11 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-DI1lVgTb.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-DiEiQB-f.js";import{L as i}from"./Link.stories-i53_1Tpy.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-nv3jWDyz.js";import"./iframe-B5wE2ay9.js";import"./DocsRenderer-CFRXHY34-P8M6yttG.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-IdK4hqQS.js";import"./index-Bg123T1w.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./AddCircle-DYQ5ipEw.js";import"./Server-BjJU0LGG.js";import"./List-DFK8p7ZW.js";import"./ArrowRight-D4RDomjP.js";import"./Bug-BREzSHBD.js";import"./Calendar-Cnn3LZfc.js";import"./Call-B2-IhRdM.js";import"./ChevronRight-BEaWGMzi.js";import"./ChevronUp-BclvDZ6e.js";import"./Clock-dOo7_xs2.js";import"./Upload-BmwJgpFZ.js";import"./Documentation-D90FkF1l.js";import"./Download-xLlaDLdW.js";import"./ExternalLink-C7UPr4SL.js";import"./Filter-DIh5C0Cq.js";import"./Folder-DTgm0zQ0.js";import"./Globe-CLLXW_yR.js";import"./Grid-CTO70W_E.js";import"./Group-BQH7lDPW.js";import"./Hide-E3YBylpY.js";import"./Home-yAl98ghs.js";import"./InformationCircle-By7rXsxW.js";import"./Link-B0jVOXLw.js";import"./More-CXrgFSVS.js";import"./Notification-08pZljJb.js";import"./Refresh-djvJkW-o.js";import"./Search-BdL9PIj1.js";import"./Settings-CjZSn0DO.js";import"./Show-Blc9FMhI.js";import"./Sync-BUHhhjqx.js";import"./User-DR3B8-Pw.js";import"./Video-BrBarEGj.js";import"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Link-P2sjP-aD.js";import"./Link-LYj8-DeM.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-BIFhmR2K.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 go(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{go as default};

package/dist/assets/Link-LYj8-DeM.js

@@ -0,0 +1 @@
+import{W as M,V as $,as as y,n as j,c as N,_ as P,b as a,s as U,d as W,e as h,f as _}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as x}from"./index-NdkWRN8K.js";import{j as z}from"./jsx-runtime-CnH95YSl.js";import{b as E,u as H}from"./useIsFocusVisible-DH0qxT5e.js";import{T as I}from"./Typography-BIFhmR2K.js";function O(e){return $("MuiLink",e)}const q=M("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),C={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},w=e=>C[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 _(t,O,o)},Q=U(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=N({props:o,name:"MuiLink"}),{className:s,color:t="primary",component:c="a",onBlur:u,onFocus:p,TypographyClasses:g,underline:k="always",variant:d="inherit",sx:l}=r,V=P(r,J),{isFocusVisibleRef:f,onBlur:F,onFocus:L,ref:R}=E(),[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 z.jsx(Q,a({color:t,className:W(B.root,s),classes:g,component:c,onBlur:T,onFocus:A,ref:D,ownerState:b,variant:d,sx:[...Object.keys(C).includes(t)?[]:[{color:t}],...Array.isArray(l)?l:[l]]},V))});export{eo as L};

package/dist/assets/Link-P2sjP-aD.js

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

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

@@ -0,0 +1,38 @@
+import{j as E}from"./jsx-runtime-CnH95YSl.js";import{w,e as i}from"./index-BJMTVygn.js";import{i as s}from"./iconUtils-IdK4hqQS.js";import{O as A}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{l,M as F}from"./Link-P2sjP-aD.js";import{a5 as _}from"./OdysseyThemeProvider-uYQ_l8PJ.js";const M={component:F,decorators:[A],tags:["autodocs"],argTypes:{children:{control:"text",description:"Content rendered inside the link component",table:{category:"Visual",type:{summary:"ReactNode"}},type:{name:"string",required:!0}},href:{control:"text",description:"Destination URL applied to the underlying `<a href>` attribute",table:{category:"Functional",type:{summary:"string"}},type:{name:"string",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:{category:"Visual",type:{summary:"<Icon />"}}},linkRef:{control:!1,description:"Forwarded ref that exposes the link focus handle",table:{category:"Functional",type:{summary:"RefObject<FocusHandle>"}}},rel:{control:"text",description:'Relationship hints passed to the browser (for example `"noopener"` when using `target="_blank"`)',table:{category:"Functional",type:{summary:"string"}}},target:{control:"text",description:"If set to `_blank`, the Link will display an external icon",table:{category:"Functional",type:{summary:"string"}}},variant:{control:{type:"radio"},options:l,description:"The color and style of the link component",table:{category:"Visual",type:{summary:l.join(" | ")},defaultValue:{summary:"default"}}},onClick:{action:!0,control:!1,description:"Callback fired when the link is clicked",table:{category:"Functional",type:{summary:"(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void"},defaultValue:{summary:void 0}}},ariaLabel:{control:"text",description:"Accessible HTML attribute that provides a text description for interactive elements when there's no visible text",table:{category:"Functional",type:{summary:"string"}}},testId:{control:"text",description:"Adds a `data-se` attribute for integration tests and analytics hooks",table:{category:"Functional",type:{summary:"string"}}},translate:{control:{type:"select"},options:[void 0,"yes","no"],description:"HTML translate attribute that signals whether the link text should be localized",table:{category:"Functional",type:{summary:"'yes' | 'no'"}}}},args:{children:"Link text",href:"#anchor",variant:"default"}},e={},t={args:{variant:"monochrome"}},a={args:{icon:E.jsx(_,{})}},n={parameters:{docs:{description:{story:'When navigating to an external domain, combine `target="_blank"`, `rel="noopener"`, and an accessible label to clarify the behavior.'}}},args:{rel:"noopener",target:"_blank",ariaLabel:"External Link"},play:async({canvasElement:x,step:L})=>{await L("Link Aria-Label",({args:r})=>{const o=w(x).getByRole("link",{name:"External Link"});i(o).toHaveAttribute("href",r.href),i(o).toHaveAttribute("rel",r.rel),i(o).toHaveAttribute("target",r.target)})}};var c,p,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(m=(p=e.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var d,u,y;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: {
+    variant: "monochrome"
+  }
+}`,...(y=(u=t.parameters)==null?void 0:u.docs)==null?void 0:y.source}}};var g,b,h;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    icon: <InformationCircleFilledIcon />
+  }
+}`,...(h=(b=a.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};var f,k,v;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: 'When navigating to an external domain, combine \`target="_blank"\`, \`rel="noopener"\`, and an accessible label to clarify the behavior.'
+      }
+    }
+  },
+  args: {
+    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);
+    });
+  }
+}`,...(v=(k=n.parameters)==null?void 0:k.docs)==null?void 0:v.source}}};const H=["Default","Monochrome","WithIcon","External"],C=Object.freeze(Object.defineProperty({__proto__:null,Default:e,External:n,Monochrome:t,WithIcon:a,__namedExportsOrder:H,default:M},Symbol.toStringTag,{value:"Module"}));export{C as L};

package/dist/assets/List-BcG-NsbC.js

@@ -0,0 +1 @@
+import{V as x,W as f,c as L,_ as P,b as i,s as C,d as j,f as v}from"./OdysseyThemeProvider-uYQ_l8PJ.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)}f("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=L({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-DFK8p7ZW.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-uYQ_l8PJ.js";const t=e.forwardRef((r,n)=>o.jsx(l,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M8.667 2.667v6.39l2.195-2.195.943.943-3.098 3.097a1 1 0 0 1-1.414 0L4.195 7.805l.943-.943 2.195 2.195v-6.39h1.334ZM4 13.333h8V12H4v1.333Z",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 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M8.667 11.057v-8.39H7.333v8.39L5.138 8.862l-.943.943 3.098 3.097a1 1 0 0 0 1.414 0l3.098-3.097-.943-.943-2.195 2.195Z",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 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M4 4h8V2.667H4V4Zm.195 4.195 3.098-3.097a1 1 0 0 1 1.414 0l3.098 3.097-.943.943-2.195-2.195v6.39H7.333v-6.39L5.138 9.138l-.943-.943Z",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 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M11.333 10.39V3.333H10v7.057L8.471 8.862l-.942.943 2.43 2.43a1 1 0 0 0 1.415 0l2.43-2.43-.942-.943-1.529 1.528ZM4.626 3.764l-2.43 2.431.942.943L4.667 5.61v7.058H6V5.609l1.529 1.53.942-.944-2.43-2.43a1 1 0 0 0-1.415 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 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M7.293 3.098 4.195 6.195l.943.943 2.195-2.195v8.39h1.334v-8.39l2.195 2.195.943-.943-3.098-3.097a1 1 0 0 0-1.414 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 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M6 2.333a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 3.778a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2.778a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 4.778a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM5 7.11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2.78a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 4.778a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",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 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M3.333 4A1.333 1.333 0 1 1 .667 4a1.333 1.333 0 0 1 2.666 0ZM2 9.333a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666Zm0 4a1.333 1.333 0 1 0 0-2.666 1.333 1.333 0 0 0 0 2.666Zm3.333-4.666h10V7.333h-10v1.334Zm10-4h-10V3.333h10v1.334Zm-10 8h10v-1.334h-10v1.334Z",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-Bv1M9lel.js

@@ -0,0 +1 @@
+import{V as q,W as z,c as D,_ as M,b as a,s as O,d as k,e as K,f as T,r as ot,x as st,a as at,n as _}from"./OdysseyThemeProvider-uYQ_l8PJ.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-C4KesWyd.js";import{a as U}from"./List-BcG-NsbC.js";import{u as dt}from"./useIsFocusVisible-DH0qxT5e.js";import{i as tt}from"./isHostComponent-DVu5iVWx.js";import{B as ut}from"./ButtonBase-Wolvis_2.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),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})`:_.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=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(U),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(U.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(U.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-CBvKBAKL.js

@@ -0,0 +1 @@
+import{V as f,W as g,c as m,_ as S,b as l,s as h,d as x,e as c,f as L}from"./OdysseyThemeProvider-uYQ_l8PJ.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})),j=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))});j.muiSkipListHighlight=!0;export{j as L};

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

@@ -0,0 +1,5 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{O as i}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{L as r}from"./ListSubheader-CBvKBAKL.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";Object.assign(r,{displayName:"ListSubheader"});const g={component:r,decorators:[i],tags:["autodocs"],argTypes:{children:{control:"text"}},args:{children:"Subheader label"},parameters:{docs:{description:{component:"`ListSubheader` groups related menu items within `MenuButton`. It is not supported outside of the menu context."}}}},e={render:n=>t.jsx("ul",{children:t.jsx(r,{...n})})};var o,s,a;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  render: args => <ul>
+      <ListSubheader {...args} />
+    </ul>
+}`,...(a=(s=e.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const x=["Default"];export{e as Default,x as __namedExportsOrder,g as default};

package/dist/assets/Menu-g2Uj1mcn.js

@@ -0,0 +1 @@
+import{V as mo,W as Po,c as ho,_ as $,b as f,d as J,s as k,f as vo,z as Eo,r as So}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as i}from"./index-NdkWRN8K.js";import{j}from"./jsx-runtime-CnH95YSl.js";import{u as V}from"./getReactElementRef-CYW9xr5m.js";import{G as Co}from"./Grow-CbLflC0D.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-D0XtQHFw.js";import{P as Do}from"./Paper-BGSgbZC6.js";import{M as No}from"./MenuList-sllDVDo3.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-BAmmLodS.js

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