@okta/odyssey-react-mui 1.47.1 → 1.49.0

package/dist/assets/{MenuButton.stories-B5Ron3HG.js → MenuButton.stories-BRHUGqba.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-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:`{
+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-BII10A1q.js";import{O as bn}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as yn}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{m as j}from"./BaseMenuButton-BIietjUB.js";import{b as v}from"./BaseButton-DYZHKnV3.js";import{M as un}from"./MenuButton-B3T7c15t.js";import{M as e}from"./MenuItem-CmSG6PNu.js";import{L as w}from"./ListSubheader-CQJAAOsd.js";import{D as ln}from"./Divider-Ln3VaO81.js";import{M as I}from"./Box-1mvP3NLW.js";import{f as xn,c as s,a as E}from"./Typography-Cz6D417Y.js";import{M as c}from"./Link-BDoLypER.js";import{a as Bn}from"./index-DB8HwIVZ.js";import{u as In}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M as mn}from"./Group-mTVRC79V.js";import{M as fn}from"./Globe-B83Xmd05.js";import{M as Ln}from"./Calendar-_GPHtaRa.js";const i=({children:o})=>{const t=In();return n.jsx(I,{sx:{marginBottom:t.Spacing4},children:o})},kn={component:un,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:v,control:{type:"radio"},description:"The variant of the triggering Button",table:{type:{summary:v.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(w,{children:"Crew"},"sh1"),n.jsx(e,{children:"Assign captain"},"1"),n.jsx(e,{children:"View roster"},"2"),n.jsx(w,{children:"Ship"},"sh2"),n.jsx(e,{children:"Configure thrusters"},"3"),n.jsx(e,{children:"View cargo"},"4"),n.jsx(ln,{},"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(un,{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(E,{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(ln,{})}),n.jsx(I,{sx:{fontWeight:"bold"},children:n.jsxs(E,{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>]

package/dist/assets/{MenuItem-n-UKDxiu.js → MenuItem-CmSG6PNu.js}

@@ -1 +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};
+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-vhp8G-Nb.js";import{m as I}from"./OdysseyThemeProvider-Bh0Bu-2o.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-B0_vCuIq.js → MenuItem-vhp8G-Nb.js}

@@ -1 +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};
+import{c as V,_ as E,a as F,b as n,s as G,d as x,f as L,l as T,r as w,n as c,o as C,p as $,q as I,m as i}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as d}from"./index-NdkWRN8K.js";import{a as O}from"./List-CmjR1pNu.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{u as _}from"./useIsFocusVisible-DH0qxT5e.js";import{B as D}from"./ButtonBase-BNqa2TMD.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:b=!1,disableGutters:r=!1,focusVisibleClassName:k,role:R="menuitem",tabIndex:v,className:B}=t,j=E(t,H),m=d.useContext(O),g=d.useMemo(()=>({dense:o||m.dense||!1,disableGutters:r}),[m.dense,o,r]),u=d.useRef(null);F(()=>{l&&u.current&&u.current.focus()},[l]);const N=n({},t,{dense:g.dense,divider:b,disableGutters:r}),f=z(t),P=_(u,s);let y;return t.disabled||(y=v!==void 0?v:-1),M.jsx(O.Provider,{value:g,children:M.jsx(U,n({ref:P,role:R,tabIndex:y,component:p,focusVisibleClassName:x(f.focusVisible,k),className:x(f.root,B)},j,{ownerState:N,classes:f}))})});export{X as M};

package/dist/assets/MenuItem.stories-dOOOz3KO.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-BuDiOG2V.js";import{f as D}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as g}from"./MenuItem-CmSG6PNu.js";import{M as x}from"./Menu-K9lpVvDG.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-vhp8G-Nb.js";import"./List-CmjR1pNu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";const ie={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 m,p,c;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: function C(props: MenuItemProps) {
+    return <BaseStory {...props} />;
+  }
+}`,...(c=(p=o.parameters)==null?void 0:p.docs)==null?void 0:c.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 ae=["Simple","Destructive","Disabled","Selected"];export{n as Destructive,s as Disabled,i as Selected,o as Simple,ae as __namedExportsOrder,ie as default};

package/dist/assets/{MenuList-CW8ri5AI.js → MenuList-BMOesnfs.js}

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

package/dist/assets/Modal-CSDyCVCf.js

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

package/dist/assets/{More-D1qrtSvt.js → More-DLQ2RjWn.js}

@@ -1 +1 @@
-import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-BBwjgzn2.js";const s=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M13.5 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM12 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",fillRule:"evenodd"})})})),l=r.memo(s);l.displayName="MoreIcon";export{l as M};
+import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const s=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M13.5 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM12 21a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",fill:"currentColor",fillRule:"evenodd"})})})),l=r.memo(s);l.displayName="MoreIcon";export{l as M};

package/dist/assets/NativeSelect.stories-DHgms1GM.js

@@ -0,0 +1,173 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Oe}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as De}from"./Field-DH3L8v09.js";import{g as Fe,u as He}from"./inputUtils-Dbi8XkA6.js";import{S as Ne}from"./Select-DZTigpTO.js";import{M as Ae}from"./Link-BDoLypER.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Menu-K9lpVvDG.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./useControlled-NQulfz4l.js";import"./ArrowDropDown-DdemyKZU.js";import"./createSvgIcon-ClUWwDzL.js";import"./InputBase-DeB4_faH.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.js";const Ge=n.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:r,errorMessage:l,errorMessageList:s,hasMultipleChoices:a,hint:h,HintLinkComponent:t,id:m,inputRef:Se,isDisabled:Me=!1,isFullWidth:Le=!1,isMultiSelect:w,isOptional:Ee=!1,label:Te,onBlur:k,onChange:v,onFocus:O,testId:D,translate:F,value:H,children:N},A)=>{const Ve=n.useRef(Fe({controlledValue:H,uncontrolledValue:r})),G=n.useRef(null);n.useImperativeHandle(Se,()=>({focus:()=>{var d;(d=G.current)==null||d.focus()}}),[]);const P=He({defaultValue:r,value:H,controlState:Ve.current}),R=n.useCallback((d,V)=>{v==null||v(d,V)},[v]),W=n.useMemo(()=>a===void 0?w:a,[a,w]),we=n.useCallback(({ariaDescribedBy:d,errorMessageElementId:V,labelElementId:ke})=>e.jsx(Ne,{...P,"aria-describedby":d,autoComplete:o,children:N,id:m,inputProps:{"aria-errormessage":V,"aria-labelledby":ke,"data-se":D},inputRef:G,multiple:W,name:m,native:!0,onBlur:k,onChange:R,onFocus:O,ref:A,translate:F}),[o,N,m,P,W,k,R,O,A,D,F]);return e.jsx(De,{ariaDescribedBy:c,errorMessage:l,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:t,id:m,isDisabled:Me,isFullWidth:Le,isOptional:Ee,label:Te,renderFieldComponent:we})}),p=n.memo(Ge);p.displayName="NativeSelect";const Io={component:p,decorators:[Oe],tags:["autodocs"],argTypes:{children:{description:"The options or optgroup elements within the native select component",table:{type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{type:{summary:"string | string[] | undefined"}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hint:i.hint,HintLinkComponent:i.HintLinkComponent,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:i.isOptional,label:{control:"text",description:"The label text for the native select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the native select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the native select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the native select component gains focus",table:{type:{summary:"func"}}},value:{control:"text",description:"The value or values selected in the native select component",table:{type:{summary:"string | string[]"}}}},args:{isDisabled:!1,hint:"Select your destination in the Sol system.",isOptional:!1,label:"Destination",id:"SolarDestination",defaultValue:""}},u={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),defaultValue:o.defaultValue,errorMessage:o.errorMessage,errorMessageList:o.errorMessageList,hint:o.hint,id:o.id,isDisabled:o.isDisabled,isMultiSelect:o.isMultiSelect,isOptional:o.isOptional,label:o.label})}},Pe={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},g={...u},b={...u,args:{isDisabled:!0}},f={...u,args:{errorMessage:"Select your destination."}},x={...u,args:{errorMessage:"Select your destination.",errorMessageList:["Select 1 planet","Select 1 moon"]}},y={...Pe},j={...u,args:{hasMultipleChoices:!0,defaultValue:[]}},C={...u,args:{isOptional:!0}},S={...u,args:{HintLinkComponent:e.jsx(Ae,{href:"/learn-more",children:"Learn more"})}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState(""),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},render:function(o){const[r,l]=n.useState([""]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},E={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState("Laconia"),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},T={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`.\n\nPreselected values are referenced by the value of the `value` attritube on `option` elements."}}},render:function(o){const[r,l]=n.useState(["laconia","new-terra"]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}};var q,z,I;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  ...Template
+}`,...(I=(z=g.parameters)==null?void 0:z.docs)==null?void 0:I.source}}};var B,_,J;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isDisabled: true
+  }
+}`,...(J=(_=b.parameters)==null?void 0:_.docs)==null?void 0:J.source}}};var K,Q,U;f.parameters={...f.parameters,docs:{...(K=f.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Select your destination."
+  }
+}`,...(U=(Q=f.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;x.parameters={...x.parameters,docs:{...(X=x.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Select your destination.",
+    errorMessageList: ["Select 1 planet", "Select 1 moon"]
+  }
+}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,oe;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  ...GroupTemplate
+}`,...(oe=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,te,ae;j.parameters={...j.parameters,docs:{...(ne=j.parameters)==null?void 0:ne.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hasMultipleChoices: true,
+    defaultValue: []
+  }
+}`,...(ae=(te=j.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var re,le,se;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isOptional: true
+  }
+}`,...(se=(le=C.parameters)==null?void 0:le.docs)==null?void 0:se.source}}};var ie,pe,ce;S.parameters={...S.parameters,docs:{...(ie=S.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
+  }
+}`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,de,he;M.parameters={...M.parameters,docs:{...(ue=M.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  args: {},
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState("");
+    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
+    return <NativeSelect {...args} children={<>
+            <optgroup label="Sol System">
+              <option value="earth">Earth</option>
+              <option value="mars">Mars</option>
+              <option value="ceres">Ceres</option>
+              <option value="eros">Eros</option>
+              <option value="tycho-station">Tycho Station</option>
+              <option value="phoebe">Phoebe</option>
+              <option value="ganymede">Ganymede</option>
+            </optgroup>
+            <optgroup label="Extrasolar">
+              <option value="auberon">Auberon</option>
+              <option value="al-halub">Al-Halub</option>
+              <option value="freehold">Freehold</option>
+              <option value="laconia">Laconia</option>
+              <option value="new-terra">New Terra</option>
+            </optgroup>
+          </>} onChange={onChange} value={localValue} />;
+  }
+}`,...(he=(de=M.parameters)==null?void 0:de.docs)==null?void 0:he.source}}};var me,ve,ge;L.parameters={...L.parameters,docs:{...(me=L.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState([""]);
+    const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
+      const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
+      setLocalValue(selectedOptions);
+    }, []);
+    return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices={true}
+    // @ts-expect-error This is going to break because generics aren't passed through.
+    onChange={onChange} value={localValue}>
+        <>
+          <optgroup label="Sol System">
+            <option value="earth">Earth</option>
+            <option value="mars">Mars</option>
+            <option value="ceres">Ceres</option>
+            <option value="eros">Eros</option>
+            <option value="tycho-station">Tycho Station</option>
+            <option value="phoebe">Phoebe</option>
+            <option value="ganymede">Ganymede</option>
+          </optgroup>
+          <optgroup label="Extrasolar">
+            <option value="auberon">Auberon</option>
+            <option value="al-halub">Al-Halub</option>
+            <option value="freehold">Freehold</option>
+            <option value="laconia">Laconia</option>
+            <option value="new-terra">New Terra</option>
+          </optgroup>
+        </>
+      </NativeSelect>;
+  }
+}`,...(ge=(ve=L.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var be,fe,xe;E.parameters={...E.parameters,docs:{...(be=E.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  args: {},
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState("Laconia");
+    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
+    return <NativeSelect {...args} children={<>
+            <optgroup label="Sol System">
+              <option value="earth">Earth</option>
+              <option value="mars">Mars</option>
+              <option value="ceres">Ceres</option>
+              <option value="eros">Eros</option>
+              <option value="tycho-station">Tycho Station</option>
+              <option value="phoebe">Phoebe</option>
+              <option value="ganymede">Ganymede</option>
+            </optgroup>
+            <optgroup label="Extrasolar">
+              <option value="auberon">Auberon</option>
+              <option value="al-halub">Al-Halub</option>
+              <option value="freehold">Freehold</option>
+              <option value="laconia">Laconia</option>
+              <option value="new-terra">New Terra</option>
+            </optgroup>
+          </>} onChange={onChange} value={localValue} />;
+  }
+}`,...(xe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var ye,je,Ce;T.parameters={...T.parameters,docs:{...(ye=T.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`.\\n\\nPreselected values are referenced by the value of the \`value\` attritube on \`option\` elements."
+      }
+    }
+  },
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState(["laconia", "new-terra"]);
+    const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
+      const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
+      setLocalValue(selectedOptions);
+    }, []);
+    return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices
+    // @ts-expect-error This is going to break because generics aren't passed through.
+    onChange={onChange} value={localValue}>
+        <>
+          <optgroup label="Sol System">
+            <option value="earth">Earth</option>
+            <option value="mars">Mars</option>
+            <option value="ceres">Ceres</option>
+            <option value="eros">Eros</option>
+            <option value="tycho-station">Tycho Station</option>
+            <option value="phoebe">Phoebe</option>
+            <option value="ganymede">Ganymede</option>
+          </optgroup>
+          <optgroup label="Extrasolar">
+            <option value="auberon">Auberon</option>
+            <option value="al-halub">Al-Halub</option>
+            <option value="freehold">Freehold</option>
+            <option value="laconia">Laconia</option>
+            <option value="new-terra">New Terra</option>
+          </optgroup>
+        </>
+      </NativeSelect>;
+  }
+}`,...(Ce=(je=T.parameters)==null?void 0:je.docs)==null?void 0:Ce.source}}};const Bo=["Default","DefaultDisabled","DefaultError","ErrorsList","DefaultGrouped","Multi","Optional","HintLink","Controlled","ControlledMultiselect","ControlledPreselected","ControlledPreselectedMultiselect"];export{M as Controlled,L as ControlledMultiselect,E as ControlledPreselected,T as ControlledPreselectedMultiselect,g as Default,b as DefaultDisabled,f as DefaultError,y as DefaultGrouped,x as ErrorsList,S as HintLink,j as Multi,C as Optional,Bo as __namedExportsOrder,Io as default};

package/dist/assets/{OdysseyProvider-2xjMTEu6.js → OdysseyProvider-qIn9QVYS.js}

@@ -1,4 +1,4 @@
-import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{c as h,ad as M,b as m,U as O,V as j,_ as B,d as P,e as w,g as k,aD as A,aL as z,L as F,aM as N}from"./OdysseyThemeProvider-BBwjgzn2.js";const v=(e,o)=>m({WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%"},o&&!e.vars&&{colorScheme:e.palette.mode}),S=e=>m({color:(e.vars||e).palette.text.primary},e.typography.body1,{backgroundColor:(e.vars||e).palette.background.default,"@media print":{backgroundColor:(e.vars||e).palette.common.white}}),W=(e,o=!1)=>{var t;const n={};o&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([i,c])=>{var d;n[e.getColorSchemeSelector(i).replace(/\s*&/,"")]={colorScheme:(d=c.palette)==null?void 0:d.mode}});let s=m({html:v(e,o),"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:m({margin:0},S(e),{"&::backdrop":{backgroundColor:(e.vars||e).palette.background.default}})},n);const r=(t=e.components)==null||(t=t.MuiCssBaseline)==null?void 0:t.styleOverrides;return r&&(s=[s,r]),s};function I(e){const o=h({props:e,name:"MuiCssBaseline"}),{children:t,enableColorScheme:n=!1}=o;return a.jsxs(l.Fragment,{children:[a.jsx(M,{styles:s=>W(s,n)}),t]})}function U(e){return O("MuiScopedCssBaseline",e)}j("MuiScopedCssBaseline",["root"]);const _=["className","component","enableColorScheme"],T=e=>{const{classes:o}=e;return k({root:["root"]},U,o)},q=P("div",{name:"MuiScopedCssBaseline",slot:"Root",overridesResolver:(e,o)=>o.root})(({theme:e,ownerState:o})=>{const t={};return o.enableColorScheme&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([n,s])=>{var r;t[`&${e.getColorSchemeSelector(n).replace(/\s*&/,"")}`]={colorScheme:(r=s.palette)==null?void 0:r.mode}}),m({},v(e,o.enableColorScheme),S(e),{"& *, & *::before, & *::after":{boxSizing:"inherit"},"& strong, & b":{fontWeight:e.typography.fontWeightBold}},t)}),$=l.forwardRef(function(o,t){const n=h({props:o,name:"MuiScopedCssBaseline"}),{className:s,component:r="div"}=n,i=B(n,_),c=m({},n,{component:r}),d=T(c);return a.jsx(q,m({as:r,className:w(d.root,s),ref:t,ownerState:c},i))}),D=e=>a.jsx(I,{...e});/*!
+import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{c as h,ad as R,b as p,V as M,W as j,_ as B,s as P,d as w,f as k,aH as A,aI as z,O as F,aJ as N}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const v=(e,o)=>p({WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%"},o&&!e.vars&&{colorScheme:e.palette.mode}),S=e=>p({color:(e.vars||e).palette.text.primary},e.typography.body1,{backgroundColor:(e.vars||e).palette.background.default,"@media print":{backgroundColor:(e.vars||e).palette.common.white}}),W=(e,o=!1)=>{var t;const n={};o&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([i,c])=>{var d;n[e.getColorSchemeSelector(i).replace(/\s*&/,"")]={colorScheme:(d=c.palette)==null?void 0:d.mode}});let s=p({html:v(e,o),"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:p({margin:0},S(e),{"&::backdrop":{backgroundColor:(e.vars||e).palette.background.default}})},n);const r=(t=e.components)==null||(t=t.MuiCssBaseline)==null?void 0:t.styleOverrides;return r&&(s=[s,r]),s};function I(e){const o=h({props:e,name:"MuiCssBaseline"}),{children:t,enableColorScheme:n=!1}=o;return a.jsxs(l.Fragment,{children:[a.jsx(R,{styles:s=>W(s,n)}),t]})}function _(e){return M("MuiScopedCssBaseline",e)}j("MuiScopedCssBaseline",["root"]);const T=["className","component","enableColorScheme"],U=e=>{const{classes:o}=e;return k({root:["root"]},_,o)},q=P("div",{name:"MuiScopedCssBaseline",slot:"Root",overridesResolver:(e,o)=>o.root})(({theme:e,ownerState:o})=>{const t={};return o.enableColorScheme&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([n,s])=>{var r;t[`&${e.getColorSchemeSelector(n).replace(/\s*&/,"")}`]={colorScheme:(r=s.palette)==null?void 0:r.mode}}),p({},v(e,o.enableColorScheme),S(e),{"& *, & *::before, & *::after":{boxSizing:"inherit"},"& strong, & b":{fontWeight:e.typography.fontWeightBold}},t)}),$=l.forwardRef(function(o,t){const n=h({props:o,name:"MuiScopedCssBaseline"}),{className:s,component:r="div"}=n,i=B(n,T),c=p({},n,{component:r}),d=U(c);return a.jsx(q,p({as:r,className:w(d.root,s),ref:t,ownerState:c},i))}),H=e=>a.jsx(I,{...e});/*!
  * Copyright (c) 2025-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.")
  *
@@ -8,7 +8,7 @@ import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YS
  * 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 L="app-root",H="style-root",G=()=>{const e=document.createElement("div"),o=document.createElement("div");return e.style.setProperty("height","inherit"),e.setAttribute("id",L),o.setAttribute("id",H),o.setAttribute("nonce",window.cspNonce),{appRootElement:e,stylesRootElement:o}};/*!
+ */const D="app-root",G="style-root",L=()=>{const e=document.createElement("div"),o=document.createElement("div");return e.style.setProperty("height","inherit"),e.setAttribute("id",D),o.setAttribute("id",G),o.setAttribute("nonce",window.cspNonce),{appRootElement:e,stylesRootElement:o}};/*!
  * Copyright (c) 2025-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.")
  *
@@ -33,7 +33,7 @@ import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YS
  * 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 K=(e,o=window.cspNonce)=>{const t=e.attachShadow({mode:"open"}),{appRootElement:n,stylesRootElement:s}=G();return t.appendChild(n),t.appendChild(s),J({nonce:o,stylesRootElement:s}),{emotionRootElement:s,shadowRootElement:n}};/*!
+ */const K=(e,o=window.cspNonce)=>{const t=e.attachShadow({mode:"open"}),{appRootElement:n,stylesRootElement:s}=L();return t.appendChild(n),t.appendChild(s),J({nonce:o,stylesRootElement:s}),{emotionRootElement:s,shadowRootElement:n}};/*!
  * Copyright (c) 2025-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.")
  *
@@ -43,7 +43,7 @@ import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YS
  * 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 C=l.createContext({}),ae=()=>l.useContext(C),Q=({children:e,hasShadowDom:o,overlayParentElement:t})=>{const{overlayEmotionRootElement:n,overlayParentElement:s,overlayShadowRootElement:r}=l.useMemo(()=>{const c=t||document.createElement("div");if(o){const{emotionRootElement:d,shadowRootElement:p}=K(c);return{overlayEmotionRootElement:d,overlayParentElement:c,overlayShadowRootElement:p}}return{overlayEmotionRootElement:void 0,overlayParentElement:c,overlayShadowRootElement:void 0}},[o,t]);l.useEffect(()=>(s&&document.body.append(s),()=>{s.remove()}),[s]);const i=l.useMemo(()=>({overlayEmotionRootElement:n,overlayShadowRootElement:r}),[n,r]);return a.jsx(C.Provider,{value:i,children:e})},b=l.memo(Q);b.displayName="FullScreenOverlayProvider";const X=()=>Math.random().toString(36).replace(/[\d.]/g,"");/*!
+ */const C=l.createContext({}),ae=()=>l.useContext(C),Q=({children:e,hasShadowDom:o,overlayParentElement:t})=>{const{overlayEmotionRootElement:n,overlayParentElement:s,overlayShadowRootElement:r}=l.useMemo(()=>{const c=t||document.createElement("div");if(o){const{emotionRootElement:d,shadowRootElement:m}=K(c);return{overlayEmotionRootElement:d,overlayParentElement:c,overlayShadowRootElement:m}}return{overlayEmotionRootElement:void 0,overlayParentElement:c,overlayShadowRootElement:void 0}},[o,t]);l.useEffect(()=>(s&&document.body.append(s),()=>{s.remove()}),[s]);const i=l.useMemo(()=>({overlayEmotionRootElement:n,overlayShadowRootElement:r}),[n,r]);return a.jsx(C.Provider,{value:i,children:e})},b=l.memo(Q);b.displayName="FullScreenOverlayProvider";const X=()=>Math.random().toString(36).replace(/[\d.]/g,"");/*!
  * 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.")
  *
@@ -63,4 +63,4 @@ import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YS
  * 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 Z=({children:e,emotionRoot:o,emotionRootElement:t,nonce:n,stylisPlugins:s})=>{const r=Y(),i=l.useMemo(()=>A({...(t||o)&&{container:t||o},key:r,nonce:n??globalThis.cspNonce,prepend:!0,speedy:!0,...s&&{stylisPlugins:s}}),[o,t,n,s,r]);return a.jsx(z,{value:i,children:e})},g=l.memo(Z);g.displayName="OdysseyCacheProvider";const ee={height:"inherit"},oe=({children:e,contrastMode:o,designTokensOverride:t,emotionRoot:n,emotionRootElement:s,hasCssBaseline:r,hasScopedCssBaseline:i=!0,hasWrapperElement:c,languageCode:d,nonce:p,overlayParentElement:f,shadowDomElement:u,shadowRootElement:y,stylisPlugins:E,themeOverride:x,translationOverrides:R})=>a.jsx(g,{emotionRootElement:s||n,nonce:p,stylisPlugins:E,children:a.jsx(F,{contrastMode:o,designTokensOverride:t,hasWrapperElement:c,shadowRootElement:y??u,themeOverride:x,children:a.jsx(N,{languageCode:d,translationOverrides:R,children:a.jsxs(b,{hasShadowDom:!!(y||u),overlayParentElement:f,children:[r&&a.jsx(D,{}),i?a.jsx($,{sx:ee,children:e}):e]})})})}),te=l.memo(oe);te.displayName="OdysseyProvider";export{D as C,te as M,$ as S,I as a,G as c,J as r,ae as u};
+ */const Z=({children:e,emotionRoot:o,emotionRootElement:t,nonce:n,stylisPlugins:s})=>{const r=Y(),i=l.useMemo(()=>A({...(t||o)&&{container:t||o},key:r,nonce:n??globalThis.cspNonce,prepend:!0,speedy:!0,...s&&{stylisPlugins:s}}),[o,t,n,s,r]);return a.jsx(z,{value:i,children:e})},f=l.memo(Z);f.displayName="OdysseyCacheProvider";const ee={height:"inherit"},oe=({children:e,contrastMode:o,designTokensOverride:t,emotionRoot:n,emotionRootElement:s,hasCssBaseline:r,hasScopedCssBaseline:i=!0,hasWrapperElement:c,languageCode:d,nonce:m,overlayParentElement:g,shadowDomElement:u,shadowRootElement:y,stylisPlugins:E,themeOverride:x,translationOverrides:O})=>a.jsx(f,{emotionRootElement:s||n,nonce:m,stylisPlugins:E,children:a.jsx(F,{contrastMode:o,designTokensOverride:t,hasWrapperElement:c,shadowRootElement:y??u,themeOverride:x,children:a.jsx(N,{languageCode:d,translationOverrides:O,children:a.jsxs(b,{hasShadowDom:!!(y||u),overlayParentElement:g,children:[r&&a.jsx(H,{}),i?a.jsx($,{sx:ee,children:e}):e]})})})}),te=l.memo(oe);te.displayName="OdysseyProvider";export{H as C,te as M,$ as S,I as a,L as c,J as e,ae as u};

package/dist/assets/{OdysseyStorybookThemeDecorator-BRjYVaUu.js → OdysseyStorybookThemeDecorator-BuDiOG2V.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{Y as a,Z as t}from"./OdysseyThemeProvider-BBwjgzn2.js";import{E as r}from"./index-BJTM6NaI.js";import{M as l}from"./OdysseyProvider-2xjMTEu6.js";const n={fontFamily:"'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif"},i=a({odysseyTokens:t}),h=(o,s)=>e.jsx(l,{hasCssBaseline:!0,languageCode:s.globals.locale,children:e.jsx(r,{theme:i,children:e.jsx("div",{lang:s.globals.locale,style:n,children:e.jsx(o,{})})})});export{h as O};
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{Z as a,$ as t}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{E as r}from"./index-BJTM6NaI.js";import{M as l}from"./OdysseyProvider-qIn9QVYS.js";const n={fontFamily:"'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif"},i=a({odysseyTokens:t}),h=(o,s)=>e.jsx(l,{hasCssBaseline:!0,languageCode:s.globals.locale,children:e.jsx(r,{theme:i,children:e.jsx("div",{lang:s.globals.locale,style:n,children:e.jsx(o,{})})})});export{h as O};

package/dist/assets/{OdysseyThemeProvider-BBwjgzn2.js → OdysseyThemeProvider-Bh0Bu-2o.js}

@@ -186,4 +186,4 @@ import{r as w,R as Na}from"./index-NdkWRN8K.js";import{j as I}from"./jsx-runtime
  * 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 Yh=Qt("div")({height:"inherit"}),Th=({children:t,contrastMode:e,designTokensOverride:a,hasWrapperElement:r=!0,shadowDomElement:i,shadowRootElement:n,themeOverride:l})=>{const o=Un(),s=a??o.designTokensOverride,c=n??i??o.shadowRootElement,d=l??o.themeOverride,{contrastMode:b,contrastContainerRef:g}=Fh({contrastMode:e}),f=w.useMemo(()=>({...Ei,...s}),[s]),h=w.useMemo(()=>Gh({contrastMode:b,odysseyTokens:f,shadowRootElement:c}),[b,f,c]),p=w.useMemo(()=>pr(be(h,d||{})),[h,d]),v=w.useMemo(()=>({contrastMode:b}),[b]),y=w.useMemo(()=>I.jsx(qn.Provider,{value:v,children:I.jsx(Pg,{theme:p,children:I.jsx(Kn,{designTokensOverride:s,shadowRootElement:c,themeOverride:d,children:I.jsx(An.Provider,{value:f,children:t})})})}),[t,v,p,s,f,c,d]);return r?I.jsx(Yh,{ref:g,children:y}):y},Zh=w.memo(Th);Zh.displayName="OdysseyThemeProvider";export{ir as $,vd as A,xf as B,Ee as C,cr as D,$p as E,Ip as F,Be as G,en as H,ba as I,$f as J,Nn as K,Zh as L,Bn as M,Ja as N,He as O,wt as P,Sd as Q,gf as R,Ie as S,Pf as T,K as U,q as V,mn as W,Jt as X,Gh as Y,Ei as Z,Pe as _,hd as a,vf as a$,bp as a0,up as a1,Ln as a2,Mf as a3,Fn as a4,Ah as a5,Js as a6,kf as a7,pr as a8,be as a9,gt as aA,wf as aB,bt as aC,qi as aD,Gi as aE,Ht as aF,ar as aG,rf as aH,Eg as aI,lf as aJ,Sg as aK,pp as aL,If as aM,_e as aN,Xe as aO,We as aP,Ae as aQ,ke as aR,jn as aS,Dn as aT,_n as aU,Wn as aV,mg as aW,jg as aX,Bg as aY,Ag as aZ,dr as a_,Pg as aa,cf as ab,ae as ac,sf as ad,Da as ae,Cu as af,of as ag,ce as ah,Xi as ai,fp as aj,og as ak,Oe as al,tf as am,rn as an,ef as ao,At as ap,pf as aq,De as ar,wd as as,ca as at,df as au,_t as av,Hf as aw,Hh as ax,Oh as ay,uf as az,O as b,Sf as b0,Cf as b1,Rf as b2,zf as b3,gn as b4,Ig as c,Rg as d,Rd as e,Ue as f,kd as g,ff as h,Ng as i,mf as j,Fe as k,Pu as l,mt as m,nf as n,yf as o,Ua as p,Dg as q,Cg as r,Qt as s,Fg as t,Of as u,Oa as v,hf as w,Lg as x,bf as y,af as z};
+ */const Yh=Qt("div")({height:"inherit"}),Th=({children:t,contrastMode:e,designTokensOverride:a,hasWrapperElement:r=!0,shadowDomElement:i,shadowRootElement:n,themeOverride:l})=>{const o=Un(),s=a??o.designTokensOverride,c=n??i??o.shadowRootElement,d=l??o.themeOverride,{contrastMode:b,contrastContainerRef:g}=Fh({contrastMode:e}),f=w.useMemo(()=>({...Ei,...s}),[s]),h=w.useMemo(()=>Gh({contrastMode:b,odysseyTokens:f,shadowRootElement:c}),[b,f,c]),p=w.useMemo(()=>pr(be(h,d||{})),[h,d]),v=w.useMemo(()=>({contrastMode:b}),[b]),y=w.useMemo(()=>I.jsx(qn.Provider,{value:v,children:I.jsx(Pg,{theme:p,children:I.jsx(Kn,{designTokensOverride:s,shadowRootElement:c,themeOverride:d,children:I.jsx(An.Provider,{value:f,children:t})})})}),[t,v,p,s,f,c,d]);return r?I.jsx(Yh,{ref:g,children:y}):y},Zh=w.memo(Th);Zh.displayName="OdysseyThemeProvider";export{Ei as $,vd as A,xf as B,Ee as C,Ip as D,ba as E,Cu as F,cr as G,$p as H,Be as I,en as J,$f as K,Nn as L,Bn as M,Ja as N,Zh as O,He as P,wt as Q,Sd as R,Ie as S,Pf as T,gf as U,K as V,q as W,mn as X,Jt as Y,Gh as Z,Pe as _,hd as a,Bt as a$,ir as a0,bp as a1,up as a2,Mf as a3,Fn as a4,Ah as a5,Js as a6,kf as a7,pr as a8,be as a9,gt as aA,wf as aB,bt as aC,rf as aD,Eg as aE,lf as aF,Sg as aG,qi as aH,pp as aI,If as aJ,_e as aK,Xe as aL,We as aM,Ae as aN,ke as aO,Gi as aP,Ht as aQ,ar as aR,jn as aS,Dn as aT,_n as aU,Wn as aV,mg as aW,jg as aX,Bg as aY,Ag as aZ,dr as a_,Pg as aa,cf as ab,ae as ac,sf as ad,wd as ae,Da as af,of as ag,ce as ah,Xi as ai,fp as aj,og as ak,pf as al,De as am,Oe as an,tf as ao,rn as ap,ef as aq,At as ar,ca as as,df as at,_t as au,Ln as av,Hf as aw,Hh as ax,Oh as ay,uf as az,O as b,xg as b0,Du as b1,Lu as b2,sn as b3,vf as b4,Sf as b5,Cf as b6,Rf as b7,zf as b8,gn as b9,Ig as c,Rd as d,Ue as e,kd as f,ff as g,Qt as h,Ng as i,mf as j,Fe as k,yf as l,mt as m,Ua as n,Dg as o,Fg as p,Oa as q,Cg as r,Rg as s,Pu as t,Of as u,nf as v,hf as w,Lg as x,bf as y,af as z};

package/dist/assets/{PageHeader.stories-q0-kxFNT.js → PageHeader.stories-MDEEjM1g.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import"./Typography-D01yctPx.js";import"./index-NdkWRN8K.js";import{R as we,P as r}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-IgdZHick.js";import{a as t}from"./index-B-lxVbXh.js";import{O as Ae}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{B as n}from"./Breadcrumbs-C2ZpdmyC.js";import{M as ve}from"./MenuButton-Dr4RJoKG.js";import{M as j}from"./MenuItem-n-UKDxiu.js";import{M as a}from"./Button-DGmXZ3jw.js";import"./AccordionSummary-0jrOTJTD.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./useSlot-CaOQD_17.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-COoe3Qtd.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Paper-XsV8SWR9.js";import"./ButtonBase-BAQsCgRq.js";import"./AlertTitle-BbBpDTwd.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./IconButton-OY9nJWpv.js";import"./Typography-Yf1Zkad_.js";import"./Breadcrumbs-6BEAV_iX.js";import"./Portal-GAJY6Au9.js";import"./Menu-CHod3UUY.js";import"./Grow-DacPmog-.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"./MenuList-CW8ri5AI.js";import"./List-Be7fhh4_.js";import"./CardActionArea-BTMPt80M.js";import"./CardActions-X5bUcMdJ.js";import"./Skeleton-dfR0DjWP.js";import"./colorManipulator-CjGkpVfF.js";import"./CircularProgress-B5_VbcVt.js";import"./index.esm-CaIA2ztV.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Tooltip-D4AWrTBw.js";import"./Popper-DjhYeJJy.js";import"./Box-CWTB5xfE.js";import"./DialogContent-_oGbCJT8.js";import"./dialogActionsClasses-BWrWITLY.js";import"./DialogTitle-DyO9kr6R.js";import"./Radio-BimAm2in.js";import"./SwitchBase-D-uzeIbM.js";import"./Checkbox-BVTNXOF7.js";import"./useMobilePicker-5I3ooa1D.js";import"./Select-9yKLDVKS.js";import"./ArrowDropDown-LYMnJjPD.js";import"./InputBase-DSZ9ZgyW.js";import"./FormHelperText-qF3DX-zz.js";import"./useThemeProps-Bfa1XAV-.js";import"./InputAdornment-D4SsBOPe.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-CdPi1pZc.js";import"./Chip-DXaMeATb.js";import"./MenuItem-B0_vCuIq.js";import"./Divider-DsFAYUeD.js";import"./Autocomplete-CXy6JKKy.js";import"./ListSubheader-Bwc0JItn.js";import"./tableSortLabelClasses-DtOYtU1J.js";import"./FormControlLabel-BKhSSavj.js";import"./DateTimePicker-LSjVE-IM.js";import"./Tabs-DzeBYjfY.js";import"./DatePicker-txjKmLSi.js";import"./FormGroup-Cuk9jkbL.js";import"./RadioGroup-DRNCKA-f.js";import"./AdapterLuxon-0NB_ajTr.js";import"./index.esm-HelN6IAt.js";import"./DialogContentText-DU3-VV7L.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Drawer-DEqB4KYp.js";import"./TabPanel-XF64c5rR.js";import"./Link-BnBknBcu.js";import"./Snackbar-Cn_gMSEK.js";import"./emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-DfSdXC7o.js";import"./Group-B6q-i_C2.js";import"./User-D6db-Gy0.js";import"./Home-BiP4Mg1h.js";import"./BaseMenuButton-pigMBOEp.js";import"./Box-BGpAHVQV.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./MenuContext-DKMyPMNY.js";import"./More-D1qrtSvt.js";const f=["Metadata A","Metadata B","Metadata C"],Mt={component:r,decorators:[Ae,we],tags:["autodocs"]},i={render:Be=>e.jsxs(r,{testId:Be.testId,children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})}),e.jsx(r.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."}),e.jsx(r.Documentation,{href:"#",label:"Documentation"}),e.jsxs(r.Actions,{children:[e.jsx(ve,{buttonLabel:"Secondary",children:e.jsx(j,{onClick:t("Action click"),children:"Action"})}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the composable API with all features. Components are automatically organized into the correct layout sections regardless of their order in the JSX."}}}},o={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."})]})},s={render:()=>e.jsxs(r,{children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Title,{children:"Page title"})]})},c={render:()=>e.jsxs(r,{children:[e.jsx(r.BackLink,{href:"#",label:"Back to list",onClick:t("Back to list click")}),e.jsx(r.Title,{children:"Page title"})]}),parameters:{docs:{description:{story:"Uses the simple backLink variant (no breadcrumbs or custom navigation provided)."}}}},d={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f.slice(0,2)})]})},l={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Documentation,{href:"#",label:"Documentation"})]}),parameters:{docs:{description:{story:"Shows the documentation link in the top-right corner."}}}},m={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Secondary",onClick:t("secondary click"),variant:"secondary"}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the actions area with React element buttons."}}}},p={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsxs(ve,{buttonLabel:"Menu",buttonVariant:"secondary",children:[e.jsx(j,{onClick:t("Option 1 click"),children:"Option 1"}),e.jsx(j,{onClick:t("Option 2 click"),children:"Option 2"})]}),e.jsx(a,{label:"Save",onClick:t("save click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates mixing different types of React elements (MenuButton and Button) in the actions array."}}}},u={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Action 1",onClick:t("action 1"),variant:"secondary"}),e.jsx(a,{label:"Action 2",onClick:t("action 2"),variant:"secondary"}),e.jsx(a,{label:"Action 3",onClick:t("action 3"),variant:"secondary"}),e.jsx(a,{label:"Action 4",onClick:t("action 4"),variant:"primary"}),e.jsx(a,{label:"Action 5",onClick:t("action 5"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates that only the first 3 actions are rendered when more than 3 actions are provided. Actions 4 and 5 are ignored."}}}},h={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"ACTIVE",severity:"success"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})})]})},g={render:()=>e.jsxs(r,{children:[e.jsx(r.Actions,{children:e.jsx(a,{label:"Action First",variant:"primary"})}),e.jsx(r.Title,{children:"Title comes after actions in code"}),e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",children:"Parent"},"parent"),e.jsx(n,{children:"Current"},"current")]}),e.jsx(r.Documentation,{href:"#",label:"Help"})]}),parameters:{docs:{description:{story:"Demonstrates that component order in JSX doesn't matter - they are automatically organized into the correct layout sections."}}}},P={render:()=>e.jsxs(r,{children:[e.jsx(r.Metadata,{items:["Created: 2024","Updated: 2025","Version: 1.0"]}),e.jsx(r.Title,{children:"Title Always Appears First"}),e.jsx(r.Description,{children:"Even when metadata is declared before the title in JSX, the title will always render first."})]}),parameters:{docs:{description:{story:"Demonstrates that title always renders before metadata, regardless of their order in JSX. This ensures consistent visual hierarchy."}}}},y={render:()=>e.jsx(r,{children:e.jsx(r.Title,{children:"Minimal Page"})}),parameters:{docs:{description:{story:"Minimal example with just a title."}}}},x={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:2,children:"This Is A Very Long Page Title That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container Width"}),e.jsx(r.Description,{children:"Description text appears below the clamped title."})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the title to limit it to 2 lines with ellipsis overflow."}}}},b={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{wordBreak:"break-all",children:"ThisIsAnExtremelyLongWordWithoutSpacesThatWouldNormallyOverflowTheContainer_LikeAVeryLongIdentifierOrURL"}),e.jsx(r.Description,{children:"The title above uses wordBreak to handle long unbroken strings."})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the title to handle long words or identifiers without spaces."}}}},H={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"Resource Details"}),e.jsx(r.Description,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"View More",variant:"secondary"})})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the description to truncate long text after 3 lines."}}}},T={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"API Endpoint"}),e.jsx(r.Description,{wordBreak:"break-all",children:"Endpoint URL: https://api.example.com/v1/resources/very-long-resource-identifier/sub-resources/another-long-identifier/actions"})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the description to handle long URLs or paths."}}}},k={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:1,wordBreak:"break-word",children:"VeryLongResourceName_WithUnderscores_ThatNeedsToBeHandledProperly"}),e.jsx(r.Metadata,{items:["Created: 2024","Status: Active"]}),e.jsx(r.Description,{clampLines:2,wordBreak:"break-word",children:"This resource has a very long description with URLs like https://example.com/very-long-path/to/resource that need to wrap properly. The description will be clamped to 2 lines with ellipsis."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"Edit",variant:"primary"})})]})}),parameters:{docs:{description:{story:"Demonstrates combining `wordBreak` and `clampLines` on both title and description to handle complex overflow scenarios."}}}};var v,B,w;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{R as we,P as r}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js";import{a as t}from"./index-B-lxVbXh.js";import{O as Ae}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{B as n}from"./Breadcrumbs-Bp-jt6t5.js";import{M as ve}from"./MenuButton-B3T7c15t.js";import{M as j}from"./MenuItem-CmSG6PNu.js";import{M as a}from"./Button-BEA5U6Tg.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./Typography-r6MlG5YM.js";import"./Typography-ClQ35Rr-.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-DNIf0luC.js";import"./Menu-K9lpVvDG.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./List-CmjR1pNu.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-qIn9QVYS.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-Cz6D417Y.js";import"./Group-mTVRC79V.js";import"./User-CyxEAfVT.js";import"./MenuItem-vhp8G-Nb.js";import"./Home-la7Lmt_L.js";import"./BaseMenuButton-BIietjUB.js";import"./Box-1mvP3NLW.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-DYZHKnV3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./Button-BzIwUmSM.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLQ2RjWn.js";const f=["Metadata A","Metadata B","Metadata C"],zr={component:r,decorators:[Ae,we],tags:["autodocs"]},i={render:Be=>e.jsxs(r,{testId:Be.testId,children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})}),e.jsx(r.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."}),e.jsx(r.Documentation,{href:"#",label:"Documentation"}),e.jsxs(r.Actions,{children:[e.jsx(ve,{buttonLabel:"Secondary",children:e.jsx(j,{onClick:t("Action click"),children:"Action"})}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the composable API with all features. Components are automatically organized into the correct layout sections regardless of their order in the JSX."}}}},o={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."})]})},s={render:()=>e.jsxs(r,{children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Title,{children:"Page title"})]})},c={render:()=>e.jsxs(r,{children:[e.jsx(r.BackLink,{href:"#",label:"Back to list",onClick:t("Back to list click")}),e.jsx(r.Title,{children:"Page title"})]}),parameters:{docs:{description:{story:"Uses the simple backLink variant (no breadcrumbs or custom navigation provided)."}}}},d={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f.slice(0,2)})]})},l={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Documentation,{href:"#",label:"Documentation"})]}),parameters:{docs:{description:{story:"Shows the documentation link in the top-right corner."}}}},m={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Secondary",onClick:t("secondary click"),variant:"secondary"}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the actions area with React element buttons."}}}},p={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsxs(ve,{buttonLabel:"Menu",buttonVariant:"secondary",children:[e.jsx(j,{onClick:t("Option 1 click"),children:"Option 1"}),e.jsx(j,{onClick:t("Option 2 click"),children:"Option 2"})]}),e.jsx(a,{label:"Save",onClick:t("save click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates mixing different types of React elements (MenuButton and Button) in the actions array."}}}},u={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Action 1",onClick:t("action 1"),variant:"secondary"}),e.jsx(a,{label:"Action 2",onClick:t("action 2"),variant:"secondary"}),e.jsx(a,{label:"Action 3",onClick:t("action 3"),variant:"secondary"}),e.jsx(a,{label:"Action 4",onClick:t("action 4"),variant:"primary"}),e.jsx(a,{label:"Action 5",onClick:t("action 5"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates that only the first 3 actions are rendered when more than 3 actions are provided. Actions 4 and 5 are ignored."}}}},h={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"ACTIVE",severity:"success"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})})]})},g={render:()=>e.jsxs(r,{children:[e.jsx(r.Actions,{children:e.jsx(a,{label:"Action First",variant:"primary"})}),e.jsx(r.Title,{children:"Title comes after actions in code"}),e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",children:"Parent"},"parent"),e.jsx(n,{children:"Current"},"current")]}),e.jsx(r.Documentation,{href:"#",label:"Help"})]}),parameters:{docs:{description:{story:"Demonstrates that component order in JSX doesn't matter - they are automatically organized into the correct layout sections."}}}},P={render:()=>e.jsxs(r,{children:[e.jsx(r.Metadata,{items:["Created: 2024","Updated: 2025","Version: 1.0"]}),e.jsx(r.Title,{children:"Title Always Appears First"}),e.jsx(r.Description,{children:"Even when metadata is declared before the title in JSX, the title will always render first."})]}),parameters:{docs:{description:{story:"Demonstrates that title always renders before metadata, regardless of their order in JSX. This ensures consistent visual hierarchy."}}}},y={render:()=>e.jsx(r,{children:e.jsx(r.Title,{children:"Minimal Page"})}),parameters:{docs:{description:{story:"Minimal example with just a title."}}}},x={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:2,children:"This Is A Very Long Page Title That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container Width"}),e.jsx(r.Description,{children:"Description text appears below the clamped title."})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the title to limit it to 2 lines with ellipsis overflow."}}}},b={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{wordBreak:"break-all",children:"ThisIsAnExtremelyLongWordWithoutSpacesThatWouldNormallyOverflowTheContainer_LikeAVeryLongIdentifierOrURL"}),e.jsx(r.Description,{children:"The title above uses wordBreak to handle long unbroken strings."})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the title to handle long words or identifiers without spaces."}}}},H={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"Resource Details"}),e.jsx(r.Description,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"View More",variant:"secondary"})})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the description to truncate long text after 3 lines."}}}},T={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"API Endpoint"}),e.jsx(r.Description,{wordBreak:"break-all",children:"Endpoint URL: https://api.example.com/v1/resources/very-long-resource-identifier/sub-resources/another-long-identifier/actions"})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the description to handle long URLs or paths."}}}},k={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:1,wordBreak:"break-word",children:"VeryLongResourceName_WithUnderscores_ThatNeedsToBeHandledProperly"}),e.jsx(r.Metadata,{items:["Created: 2024","Status: Active"]}),e.jsx(r.Description,{clampLines:2,wordBreak:"break-word",children:"This resource has a very long description with URLs like https://example.com/very-long-path/to/resource that need to wrap properly. The description will be clamped to 2 lines with ellipsis."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"Edit",variant:"primary"})})]})}),parameters:{docs:{description:{story:"Demonstrates combining `wordBreak` and `clampLines` on both title and description to handle complex overflow scenarios."}}}};var v,B,w;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
   render: args => <PageHeader testId={args.testId}>
       <PageHeader.Breadcrumbs homeHref="#">
         <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
@@ -326,4 +326,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import"./Typography-D01yctPx.js";i
       }
     }
   }
-}`,...(fe=(je=k.parameters)==null?void 0:je.docs)==null?void 0:fe.source}}};const St=["AllFeatures","Default","WithBreadcrumbs","WithBackLink","WithStatus","WithDocumentation","WithActions","WithMixedActions","WithTooManyActions","WithImage","OrderIndependent","MetadataBeforeTitle","Minimal","TitleWithClampLines","TitleWithWordBreak","DescriptionWithClampLines","DescriptionWithWordBreak","CombinedTitleAndDescriptionOverflow"];export{i as AllFeatures,k as CombinedTitleAndDescriptionOverflow,o as Default,H as DescriptionWithClampLines,T as DescriptionWithWordBreak,P as MetadataBeforeTitle,y as Minimal,g as OrderIndependent,x as TitleWithClampLines,b as TitleWithWordBreak,m as WithActions,c as WithBackLink,s as WithBreadcrumbs,l as WithDocumentation,h as WithImage,p as WithMixedActions,d as WithStatus,u as WithTooManyActions,St as __namedExportsOrder,Mt as default};
+}`,...(fe=(je=k.parameters)==null?void 0:je.docs)==null?void 0:fe.source}}};const Jr=["AllFeatures","Default","WithBreadcrumbs","WithBackLink","WithStatus","WithDocumentation","WithActions","WithMixedActions","WithTooManyActions","WithImage","OrderIndependent","MetadataBeforeTitle","Minimal","TitleWithClampLines","TitleWithWordBreak","DescriptionWithClampLines","DescriptionWithWordBreak","CombinedTitleAndDescriptionOverflow"];export{i as AllFeatures,k as CombinedTitleAndDescriptionOverflow,o as Default,H as DescriptionWithClampLines,T as DescriptionWithWordBreak,P as MetadataBeforeTitle,y as Minimal,g as OrderIndependent,x as TitleWithClampLines,b as TitleWithWordBreak,m as WithActions,c as WithBackLink,s as WithBreadcrumbs,l as WithDocumentation,h as WithImage,p as WithMixedActions,d as WithStatus,u as WithTooManyActions,Jr as __namedExportsOrder,zr as default};