@okta/odyssey-contribution-tooling 1.48.0 → 1.49.0

package/dist/assets/SideNav-5pMdKSEl.js

@@ -0,0 +1,131 @@
+import{u as rn,C as on,D as an,d as cn,a as dn,b as ve,c as ln,S as sn,s as un,K as gn,P as fn,e as mn,E as X}from"./utilities.esm-DpQ0TZP_.js";import{u as D,h as S,N as Sn,K as Z,O as bn}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as a}from"./index-NdkWRN8K.js";import{f as hn,i as pn}from"./Typography-Cz6D417Y.js";import{u as N}from"./UiShellProvider-BEcD16AU.js";import{u as Be}from"./useMountLifecycleEffect-CjsUCFhB.js";import{U as Ee,T as xn,a as ue,b as In,S as yn}from"./uiShellSharedConstants-DD9UP82e.js";import{u as vn}from"./useUniqueId-Bsgqe1tm.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{A as Mn,b as jn,a as wn}from"./AccordionSummary-BjqT0nEb.js";import{M as ie}from"./Box-1mvP3NLW.js";import{M as kn}from"./Link-BDoLypER.js";import{S as J}from"./Skeleton-BPjIT6NG.js";import{M as Bn}from"./Badge-BO7bTIEa.js";import{M as En}from"./Status-BlOUycBm.js";import{L as Ln}from"./Link-DNIf0luC.js";import{M as Dn}from"./ExternalLink-D0l1c5Cz.js";import{M as An}from"./ChevronRight-C12ToI7Y.js";import{M as Tn}from"./MuiPropsContext-DhRylJZk.js";import{M as Hn}from"./Tooltip-CsVWtVfL.js";import{B as Fn}from"./Button-BzIwUmSM.js";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const oe=a.createContext({isCompact:!1,isSortable:!1,depth:1}),Le=()=>a.useContext(oe),$n=S("div",{shouldForwardProp:e=>e!=="backgroundColor"&&e!=="fontColor"})(({backgroundColor:e,fontColor:n})=>({width:"100%",".MuiAccordion-root":{backgroundColor:e,color:n||"inherit"}})),Rn=S("span",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isIconVisible"&&e!=="sideNavContrastColors"})(({sideNavContrastColors:e,odysseyDesignTokens:n,isIconVisible:t})=>({width:"100%",marginInlineStart:t?n.Spacing3:0,fontWeight:n.TypographyWeightBody,color:(e==null?void 0:e.fontColor)||n.TypographyColorHeading,".Mui-disabled &":{color:n.TypographyColorDisabled,...(e==null?void 0:e.itemDisabledFontColor)&&{color:e==null?void 0:e.itemDisabledFontColor}}})),Pn=S(wn,{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isCompact"&&e!=="isDisabled"&&e!=="sideNavContrastColors"&&e!=="depth"})(({odysseyDesignTokens:e,sideNavContrastColors:n,isCompact:t,isDisabled:r,depth:c=1})=>({borderRadius:e.BorderRadiusMain,paddingBlock:e.Spacing3,paddingInlineStart:`calc(${e.Spacing4} * ${c})`,paddingInlineEnd:e.Spacing4,alignItems:"center",".MuiAccordionSummary-content":{alignItems:"center"},...r&&{opacity:"1 !important",...(n==null?void 0:n.itemDisabledFontColor)&&{svg:{path:{fill:`${n.itemDisabledFontColor} !important`}}}},...!r&&{"&:hover":{backgroundColor:e.HueNeutral50}},...!r&&(n==null?void 0:n.fontColor)&&{svg:{path:{fill:`${n.fontColor} !important`}}},...(n==null?void 0:n.itemHoverBackgroundColor)&&{...!r&&{"&:hover":{backgroundColor:n.itemHoverBackgroundColor}}},"&:focus-visible":{backgroundColor:"unset",outline:"none",boxShadow:`inset 0 0 0 2px ${e.PalettePrimaryMain}`,...(n==null?void 0:n.focusRingColor)&&{boxShadow:`inset 0 0 0 2px ${n.focusRingColor}`}},...t&&{paddingBlock:e.Spacing2,minHeight:"unset"}})),_n=({children:e,label:n,id:t,isCompact:r,isDefaultExpanded:c,isDisabled:o,isExpanded:s,onChange:g,translate:d,startIcon:f})=>{const u=vn(t),x=`${u}-header`,p=`${u}-content`,b=D(),m=N(),I=Le();return i.jsx($n,{backgroundColor:m==null?void 0:m.sideNavBackgroundColor,children:i.jsxs(Mn,{className:"nav-accordion",defaultExpanded:c,disabled:o,disableGutters:!0,expanded:s,onChange:g,children:[i.jsxs(Pn,{"aria-controls":p,className:"nav-accordion-summary",depth:I.depth,expandIcon:i.jsx(Sn,{}),id:x,isCompact:r,isDisabled:o,odysseyDesignTokens:b,sideNavContrastColors:m==null?void 0:m.sideNavContrastColors,children:[f&&f,i.jsx(Rn,{isIconVisible:!!f,odysseyDesignTokens:b,sideNavContrastColors:m==null?void 0:m.sideNavContrastColors,translate:d,children:n})]}),i.jsx(jn,{"aria-labelledby":x,className:"nav-accordion-details",children:e})]})})},De=a.memo(_n);De.displayName="NavAccordion";/*!
+ * 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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Me=e=>{const n=document.documentElement.getAttribute("dir")==="rtl",{top:t,bottom:r,left:c,right:o}=e.getBoundingClientRect();return{top:t,bottom:r,left:n?o:c,right:n?c: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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const je={isAtContainerInlineStart:null,isAtContainerInlineEnd:null,isAtContainerBlockStart:null,isAtContainerBlockEnd:null};function zn({containerElement:e,element:n,monitoringElement:t}){const[r,c]=a.useState(je),o=a.useRef(0),s=t??(n==null?void 0:n.parentElement),g=a.useCallback(()=>{cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{if(n){const d=Me(n),f=Me(e??document.body);c({isAtContainerInlineStart:d.left===f.left,isAtContainerInlineEnd:d.right===f.right,isAtContainerBlockStart:d.top===f.top,isAtContainerBlockEnd:d.bottom===f.bottom})}else c(je)})},[e,n]);return a.useEffect(()=>{const d=new MutationObserver(()=>{g()});return s&&d.observe(s,{attributes:!0,attributeFilter:["style"],childList:!0,subtree:!0}),window.addEventListener("resize",g),g(),()=>{cancelAnimationFrame(o.current),d.disconnect(),window.removeEventListener("resize",g)}},[s,g]),r}/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Vn=S("nav")({display:"flex"}),Nn=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="borderColor"})(({borderColor:e,odysseyDesignTokens:n})=>({"& + &":{marginInlineStart:n.Spacing4,paddingInlineStart:n.Spacing4,borderInlineStart:`1px solid ${e||n.HueNeutral300}`}})),On=({footerItems:e})=>{const n=D(),{t}=Z(),r=N(),c=a.useMemo(()=>e==null?void 0:e.map(o=>{var s;return i.jsx(Nn,{borderColor:(s=r==null?void 0:r.sideNavContrastColors)==null?void 0:s.fontColor,odysseyDesignTokens:n,role:"menuitem",children:o.href?i.jsx(kn,{href:o.href,children:o.label}):i.jsx(ie,{component:"span",children:o.label})},o.id)}),[e,n,r]);return i.jsx(Vn,{"aria-label":t("navigation.footer"),role:"menubar",children:c})},Ae=a.memo(On);Ae.displayName="SideNavFooterContent";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Wn=()=>i.jsxs("svg",{fill:"none",height:"24",viewBox:"0 0 67 24",width:"67",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("title",{children:"Okta"}),i.jsx("path",{d:"M55.308 20.5716C52.1058 20.5716 49.8418 18.0813 49.8418 14.8145C49.8418 11.5476 52.1058 9.0574 55.308 9.0574C58.5103 9.0574 60.7097 11.5476 60.7097 14.8145C60.7097 18.0813 58.478 20.5716 55.308 20.5716ZM54.7905 24C57.3782 24 59.5777 22.9972 60.9682 20.8947C61.2267 22.9326 62.7147 23.6763 64.5905 23.6763H66.0785V20.4418H65.4317C64.3643 20.4418 64.1058 19.9242 64.1058 18.7276V5.95153H60.6774V8.57159C59.5131 6.72814 57.3136 5.62842 54.7911 5.62842C50.2952 5.62842 46.1554 9.38051 46.1554 14.8139C46.1554 20.2473 50.2947 24 54.7905 24ZM37.1309 19.5688C37.1309 22.4797 38.942 23.6763 41.1092 23.6763H45.2813V20.4418H42.2412C40.9799 20.4418 40.7209 19.9565 40.7209 18.7276V9.18608H45.2813V5.95153H40.7209V0H37.1309V19.5688ZM20.7972 23.6763H24.3872V16.0758H25.5838L31.6969 23.6763H36.225L28.4301 14.0379L34.4139 5.9521H30.371L25.4869 12.7766H24.3872V0.00113398H20.7972V23.6763ZM9.1532 5.62842C4.13983 5.62842 0 9.38051 0 14.8139C0 20.2473 4.13983 23.9994 9.1532 23.9994C14.1666 23.9994 18.3064 20.2473 18.3064 14.8139C18.3064 9.38051 14.1666 5.62842 9.1532 5.62842ZM9.1532 20.5716C5.95096 20.5716 3.68689 18.0813 3.68689 14.8145C3.68689 11.5476 5.95096 9.0574 9.1532 9.0574C12.3554 9.0574 14.6195 11.5476 14.6195 14.8145C14.6195 18.0813 12.3554 20.5716 9.1532 20.5716Z",fill:"black"})]}),Zn=a.memo(Wn);/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Gn=S("div",{shouldForwardProp:e=>e!=="isLogoInteractive"})(({isLogoInteractive:e})=>({alignItems:"center",display:"flex",height:"100%",...e&&{cursor:"pointer"}})),Kn=S("a")(()=>({alignItems:"center",display:"flex",height:"100%"})),Un=({imageAltText:e,imageUrl:n,logoComponent:t,...r})=>{const c=a.useMemo(()=>t||(e&&n?i.jsx("img",{alt:e,src:n}):i.jsx(Zn,{})),[e,t,n]);return"href"in r&&"ariaLabel"in r?i.jsx(Kn,{"aria-label":r.ariaLabel,"data-se":"sidenav-header-logo",href:r.href,onClick:r.onClick,children:c}):i.jsx(Gn,{"aria-label":r.ariaLabel,"data-se":"sidenav-header-logo",isLogoInteractive:!!r.onClick||r.href,onClick:r.onClick,role:"presentation",children:c})},Te=a.memo(Un);Te.displayName="SideNavLogo";const Xn=S("div")({position:"relative",display:"flex",flexDirection:"column",zIndex:Ee}),qn=S("div",{shouldForwardProp:e=>e!=="headerBackgroundColor"&&e!=="isSameBackgroundAsMain"&&e!=="odysseyDesignTokens"})(({headerBackgroundColor:e,isSameBackgroundAsMain:n,odysseyDesignTokens:t})=>({display:"flex",alignItems:"center",height:xn,paddingBlock:t.Spacing4,paddingInline:t.Spacing5,backgroundColor:n?e:t.HueNeutralWhite,"svg, img":{maxHeight:"100%",width:"auto",maxWidth:"100%"}})),Yn=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="contrastFontColor"})(({contrastFontColor:e,odysseyDesignTokens:n})=>({display:"flex",justifyContent:"space-between",alignItems:"center",paddingBlock:n.Spacing4,paddingInline:n.Spacing5,width:"100%","& .MuiTypography-root":{margin:0,width:"100%",color:e||"inherit"}})),Jn=({appName:e,isLoading:n,logoProps:t})=>{var o;const r=D(),c=N();return i.jsxs(Xn,{children:[i.jsx(qn,{"data-se":"sidenav-header-logo-container",headerBackgroundColor:c==null?void 0:c.sideNavBackgroundColor,isSameBackgroundAsMain:t==null?void 0:t.isSameBackgroundAsMain,odysseyDesignTokens:r,children:n?i.jsx(J,{height:24,variant:"rounded",width:67}):i.jsx(Te,{...t})}),e&&i.jsx(Yn,{contrastFontColor:(o=c==null?void 0:c.sideNavContrastColors)==null?void 0:o.fontColor,odysseyDesignTokens:r,children:i.jsx(hn,{component:"h2",children:n?i.jsx(J,{}):e})})]})},ae=a.memo(Jn);ae.displayName="SideNavHeader";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const Qn=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isIconVisible"})(({odysseyDesignTokens:e,isIconVisible:n})=>({width:"100%",marginInlineStart:n?e.Spacing3:0,alignItems:"center",display:"flex",fontSize:e.TypographySizeBody,overflowWrap:"anywhere"})),Cn=({count:e,label:n,startIcon:t,endIcon:r,severity:c,statusLabel:o,translate:s})=>{const g=D(),d=a.useMemo(()=>({alignItems:"center",display:"flex",gap:g.Spacing1,marginInlineStart:g.Spacing2}),[g]);return i.jsxs(i.Fragment,{children:[t&&t,i.jsxs(Qn,{isIconVisible:!!t,odysseyDesignTokens:g,translate:s,children:[n,!e&&c&&i.jsx(ie,{sx:d,children:c&&i.jsx(En,{label:o||"",severity:c})}),!c&&e&&i.jsx(ie,{sx:d,children:e&&i.jsx(Bn,{badgeContent:e})})]}),r&&r]})},q=a.memo(Cn);q.displayName="SideNavItemLinkContent";const ce=S("li",{shouldForwardProp:e=>e!=="isSelected"&&e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"})(({isSelected:e,odysseyDesignTokens:n,sideNavContrastColors:t})=>({display:"flex",alignItems:"center",backgroundColor:"unset",borderRadius:n.BorderRadiusMain,transition:`backgroundColor ${n.TransitionDurationMain}, color ${n.TransitionDurationMain}`,...e&&{color:t!=null&&t.fontColor?`${t.fontColor}`:`${n.TypographyColorAction}`,backgroundColor:(t==null?void 0:t.itemSelectedBackgroundColor)||n.HueBlue50}})),et=e=>{e&&(e==null||e.scrollIntoView({behavior:"instant",block:"center",inline:"nearest"}))},He=({isDisabled:e,isSelected:n,odysseyDesignTokens:t,sideNavContrastColors:r,isActiveDropTarget:c})=>({display:"flex",alignItems:"center",width:"100%",textDecoration:"none",color:r!=null&&r.fontColor?`${r==null?void 0:r.fontColor} !important`:`${t.TypographyColorHeading} !important`,minHeight:"unset",paddingBlock:t.Spacing3,paddingInlineEnd:t.Spacing4,borderRadius:t.BorderRadiusMain,transition:`backgroundColor ${t.TransitionDurationMain}, color ${t.TransitionDurationMain}`,cursor:"pointer",...c&&{backgroundColor:(r==null?void 0:r.itemHoverBackgroundColor)||t.HueNeutral50},"&:hover, li:has(> button:hover, > button:focus, > button:focus-visible) &":{textDecoration:"none",backgroundColor:(r==null?void 0:r.itemHoverBackgroundColor)||t.HueNeutral50,...n&&{backgroundColor:(r==null?void 0:r.itemSelectedBackgroundColor)||t.HueBlue50,color:(r==null?void 0:r.fontColor)||t.TypographyColorAction},...e&&{backgroundColor:"unset"}},...n&&{color:r!=null&&r.fontColor?`${r==null?void 0:r.fontColor} !important`:`${t.TypographyColorAction} !important`,fontWeight:t.TypographyWeightBodyBold},...e&&{cursor:"default",color:`${t.TypographyColorDisabled} !important`,...(r==null?void 0:r.itemDisabledFontColor)&&{color:`${r==null?void 0:r.itemDisabledFontColor} !important`}},"&:focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${(r==null?void 0:r.focusRingColor)||t.PalettePrimaryMain}`}}),Fe=({odysseyDesignTokens:e,contextValue:n,paddingInlineStart:t=e.Spacing6})=>({paddingInlineStart:`calc(${e.Spacing4} * ${n.depth} + ${t})`,...n.depth===1&&{paddingInlineStart:e.Spacing4},...n.isCompact&&{paddingBlock:e.Spacing1}}),we=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!="contextValue"&&e!=="isDisabled"&&e!=="sideNavContrastColors"&&e!=="isSelected"&&e!=="isActiveDropTarget"})(({isDisabled:e,isSelected:n,contextValue:t,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o})=>({...He({isDisabled:e,isSelected:n,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o}),...Fe({odysseyDesignTokens:r,contextValue:t,paddingInlineStart:t.absolutePaddingStart})})),nt=S(Ln,{shouldForwardProp:e=>e!="contextValue"&&e!=="isDisabled"&&e!=="isSelected"&&e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"&&e!=="isActiveDropTarget"})(({isDisabled:e,isSelected:n,contextValue:t,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o})=>({...He({isDisabled:e,isSelected:n,odysseyDesignTokens:r,sideNavContrastColors:c,isActiveDropTarget:o}),...Fe({odysseyDesignTokens:r,contextValue:t,paddingInlineStart:t.absolutePaddingStart})})),tt=({count:e,id:n,label:t,href:r,target:c,startIcon:o,severity:s,statusLabel:g,endIcon:d,onClick:f,isDisabled:u,isSelected:x,scrollRef:p,onItemSelected:b,translate:m})=>{const I=N(),P=Le(),F=a.useMemo(()=>P,[P]),A=D(),[L,T]=a.useState(!1),_=a.useRef(null);a.useImperativeHandle(p,()=>({scrollIntoView:()=>{et(_.current)}}),[]);const j=a.useCallback(H=>{b==null||b(n),f==null||f(H)},[n,f,b]),W=a.useCallback(H=>{(H==null?void 0:H.key)==="Enter"&&(H.preventDefault(),b==null||b(n),f==null||f(H))},[n,f,b]);return i.jsx(ce,{"aria-current":x?"page":void 0,"aria-disabled":u,disabled:u,id:n,isSelected:x,odysseyDesignTokens:A,onDragLeave:()=>{T(!1)},onDragOver:()=>{T(!0)},onDrop:()=>{T(!1)},ref:_,sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,children:u?i.jsx(we,{contextValue:F,"data-se":"tb--sidenav-text-container",isActiveDropTarget:!1,isDisabled:u,isSelected:x,odysseyDesignTokens:A,sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,children:i.jsx(q,{count:e,endIcon:d,label:t,severity:s,startIcon:o,statusLabel:g,translate:m})}):r?i.jsxs(nt,{contextValue:F,"data-se":"tb--sidenav-text-container",href:r,isActiveDropTarget:L,isDisabled:u,isSelected:x,odysseyDesignTokens:A,onClick:j,sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,target:c,children:[i.jsx(q,{count:e,endIcon:d,label:t,severity:s,startIcon:o,statusLabel:g,translate:m}),c==="_blank"&&i.jsx("span",{className:"Link-indicator",role:"presentation",children:i.jsx(Dn,{})})]}):i.jsx(we,{contextValue:F,"data-se":"tb--sidenav-text-container",isActiveDropTarget:L,isDisabled:u,isSelected:x,odysseyDesignTokens:A,onClick:j,onKeyDown:W,role:"button",sideNavContrastColors:I==null?void 0:I.sideNavContrastColors,tabIndex:0,children:i.jsx(q,{count:e,endIcon:d,label:t,severity:s,startIcon:o,statusLabel:g,translate:m})})},n)},de=a.memo(tt);de.displayName="SideNavItemContent";/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const $e=a.createContext({attributes:{},listeners:void 0,ref:a.createRef()}),rt=S("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSelected"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,isSelected:n,sideNavContrastColors:t})=>({position:"relative",button:{top:"50%",left:e.Spacing2,transform:"translateY(-50%)"},svg:{path:{fill:"currentColor",...(t==null?void 0:t.fontColor)&&{fill:t.fontColor}}},"&:has(a:hover, button:hover, a:focus, button:focus, a:focus-visible, button:focus-visible, [role='button']:hover, [role='button']:focus, [role='button']:focus-visible)":{button:{opacity:1,outlineWidth:0}},...n&&{svg:{path:{fill:e.TypographyColorAction,...(t==null?void 0:t.fontColor)&&{fill:t.fontColor}}}}})),it=S("ul")({padding:0,listStyle:"none",listStyleType:"none"}),ot=S("button",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isDragging"&&e!=="focusRingColor"})(({odysseyDesignTokens:e,isDragging:n,focusRingColor:t})=>({position:"absolute",opacity:0,padding:e.Spacing2,border:"none",backgroundColor:"transparent",cursor:`${n?"grabbing":"grab"}`,transition:`opacity ${e.TransitionDurationMain}`,borderRadius:e.BorderRadiusMain,svg:{display:"flex"},"&:focus, &:focus-visible":{outline:"none",boxShadow:`inset 0 0 0 2px ${e.PalettePrimaryMain}`,...t&&{boxShadow:`inset 0 0 0 2px ${t}`}}})),at=({isDragging:e})=>{var g;const{attributes:n,listeners:t,ref:r}=a.useContext($e),c=D(),{t:o}=Z(),s=N();return i.jsx(ot,{...n,...t,"aria-label":o("navigation.drag.handle"),focusRingColor:(g=s==null?void 0:s.sideNavContrastColors)==null?void 0:g.focusRingColor,isDragging:e,odysseyDesignTokens:c,ref:r,children:i.jsx("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{clipRule:"evenodd",d:"M6 2.33331C6 2.8856 5.55228 3.33331 5 3.33331C4.44772 3.33331 4 2.8856 4 2.33331C4 1.78103 4.44772 1.33331 5 1.33331C5.55228 1.33331 6 1.78103 6 2.33331ZM11 3.33331C11.5523 3.33331 12 2.8856 12 2.33331C12 1.78103 11.5523 1.33331 11 1.33331C10.4477 1.33331 10 1.78103 10 2.33331C10 2.8856 10.4477 3.33331 11 3.33331ZM11 7.11109C11.5523 7.11109 12 6.66338 12 6.11109C12 5.55881 11.5523 5.11109 11 5.11109C10.4477 5.11109 10 5.55881 10 6.11109C10 6.66338 10.4477 7.11109 11 7.11109ZM12 9.88887C12 10.4412 11.5523 10.8889 11 10.8889C10.4477 10.8889 10 10.4412 10 9.88887C10 9.33659 10.4477 8.88887 11 8.88887C11.5523 8.88887 12 9.33659 12 9.88887ZM11 14.6666C11.5523 14.6666 12 14.2189 12 13.6666C12 13.1144 11.5523 12.6666 11 12.6666C10.4477 12.6666 10 13.1144 10 13.6666C10 14.2189 10.4477 14.6666 11 14.6666ZM5 7.11109C5.55228 7.11109 6 6.66338 6 6.11109C6 5.55881 5.55228 5.11109 5 5.11109C4.44772 5.11109 4 5.55881 4 6.11109C4 6.66338 4.44772 7.11109 5 7.11109ZM6 9.88888C6 10.4412 5.55228 10.8889 5 10.8889C4.44772 10.8889 4 10.4412 4 9.88888C4 9.33659 4.44772 8.88888 5 8.88888C5.55228 8.88888 6 9.33659 6 9.88888ZM5 14.6666C5.55228 14.6666 6 14.2189 6 13.6666C6 13.1144 5.55228 12.6666 5 12.6666C4.44772 12.6666 4 13.1144 4 13.6666C4 14.2189 4.44772 14.6666 5 14.6666Z",fill:"#3F59E4",fillRule:"evenodd"})})})},ct=({id:e,isDisabled:n,isSelected:t,isSortable:r=!0,children:c})=>{const{attributes:o,isDragging:s,listeners:g,setNodeRef:d,setActivatorNodeRef:f,transform:u,transition:x}=rn({id:e}),p=a.useMemo(()=>({attributes:o,listeners:g,ref:f}),[o,g,f]),b={opacity:s?.4:void 0,transform:on.Translate.toString(u),transition:x},m=N(),I=D();return i.jsx($e.Provider,{value:p,children:i.jsxs(rt,{isSelected:t,odysseyDesignTokens:I,ref:d,sideNavContrastColors:m==null?void 0:m.sideNavContrastColors,style:b,children:[!n&&r&&i.jsx(at,{isDragging:s}),i.jsx(it,{children:c})]})})};/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const dt={sideEffects:cn({styles:{active:{opacity:"0.4"}}})};function lt({children:e}){return i.jsx(an,{dropAnimation:dt,children:e})}/*!
+ * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const le=({parentId:e,items:n,onChange:t,renderItem:r})=>{const[c,o]=a.useState(null),s=a.useMemo(()=>n.find(u=>u.id===(c==null?void 0:c.id)),[c,n]),g=dn(ve(fn),ve(gn,{coordinateGetter:un})),{t:d}=Z(),f=a.useMemo(()=>({onDragStart:({active:u})=>`${d("sortable.list.drag.start",{activeId:u.id})}`,onDragOver:({active:u,over:x})=>x?`${d("sortable.list.drag.moved.over",{activeId:u.id,overId:x.id})}`:`${d("sortable.list.drag.nolonger.over",{activeId:u.id})}`,onDragEnd:({active:u,over:x})=>x?`${d("sortable.list.drag.end.dropped.over",{activeId:u.id,overId:x.id})}`:`${d("sortable.list.drag.end.dropped",{activeId:u.id})}`,onDragCancel:({active:u})=>`${d("sortable.list.drag.cancel",{activeId:u.id})}`}),[d]);return i.jsxs(ln,{accessibility:{announcements:f},onDragCancel:()=>{o(null)},onDragEnd:({active:u,over:x})=>{if(x&&u.id!==(x==null?void 0:x.id)){const p=n.findIndex(({id:m})=>m===u.id),b=n.findIndex(({id:m})=>m===x.id);n[b].isSortable!==!1&&t(e,u.id,p,b)}o(null)},onDragStart:({active:u})=>{o(u)},sensors:g,children:[i.jsx(sn,{items:n,children:n.map(u=>i.jsx(a.Fragment,{children:r(u)},u.id))}),i.jsx(lt,{children:s?r(s):null})]})};le.Item=ct;/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const st=({items:e,onChange:n,parentId:t,processSideNavItems:r,depth:c=1})=>{const o=a.useMemo(()=>r(e,c),[r,e,c]),s=a.useMemo(()=>o.map(d=>d.sortableItem),[o]),g=a.useCallback(d=>i.jsx(le.Item,{id:d.id,isDisabled:d.isDisabled,isSelected:d.isSelected,isSortable:d.isSortable,children:d.navItem}),[]);return i.jsx(le,{items:s,onChange:n,parentId:t,renderItem:g})},Re=a.memo(st);Re.displayName="SideNavSortableList";const V=24,Y=V/2,ut=S(Fn,{shouldForwardProp:e=>e!=="clickAreaPadding"&&e!=="odysseyDesignTokens"})(({clickAreaPadding:e,odysseyDesignTokens:n})=>({border:0,height:`${V}px`,left:`-${e*2}px`,padding:0,position:"relative",width:`calc(${V}px + (${e}px * 2))`,zIndex:ue,"&&":{backgroundColor:"transparent",borderColor:"transparent",boxShadow:"none",color:n.PalettePrimaryText},"&:focus-visible":{outline:"none"},"&:hover, &:focus-visible":{color:n.HueNeutralWhite},"&::before":{backgroundColor:n.HueNeutralWhite,borderColor:"transparent",borderRadius:"50%",boxShadow:n.ShadowScale1,color:n.PalettePrimaryText,content:"''",height:`${V}px`,left:`${e*2}px`,position:"absolute",top:0,width:`${V}px`},"&:hover::before, &:focus-visible::before":{backgroundColor:n.PalettePrimaryText}})),gt=S(An,{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({isSideNavCollapsed:e,odysseyDesignTokens:n})=>({fontSize:"125%",left:e?void 0:"4px",position:"absolute",right:e?"4px":void 0,top:"3px",transform:e?"rotate(0deg)":"rotate(-180deg)",transitionDuration:n.TransitionDurationMain,transitionProperty:"transform",transitionTimingFunction:"ease-in-out"})),ft=typeof window>"u"?null:document.createElement("button"),mt=({ariaControls:e,clickAreaPadding:n=0,id:t,isSideNavCollapsed:r,onClick:c,onHighlight:o,tabIndex:s})=>{const g=D(),{t:d}=Z(),f=a.useRef(ft);a.useEffect(()=>{var I,P,F,A;const p=()=>{o==null||o(!0)},b=()=>{o==null||o(!1)},m=()=>{var L;o==null||o(!!((L=f.current)!=null&&L.matches(":focus-visible")))};return(I=f.current)==null||I.addEventListener("mouseenter",p),(P=f.current)==null||P.addEventListener("mouseleave",b),(F=f.current)==null||F.addEventListener("focus",m,!0),(A=f.current)==null||A.addEventListener("blur",m,!0),b(),()=>{var L,T,_,j;(L=f.current)==null||L.removeEventListener("mouseenter",p),(T=f.current)==null||T.removeEventListener("mouseleave",b),(_=f.current)==null||_.removeEventListener("focus",m,!0),(j=f.current)==null||j.removeEventListener("blur",m,!0)}},[o]);const u=a.useMemo(()=>d(r?"sidenav.toggle.expand":"sidenav.toggle.collapse"),[r,d]),x=a.useCallback(p=>i.jsx(ut,{...p,"aria-controls":e,"aria-expanded":!r,"aria-label":u,clickAreaPadding:n,"data-se":"sidenav-toggle-button","data-sidenav-toggle":!0,id:t,odysseyDesignTokens:g,onClick:c,ref:b=>{var m;b&&(f.current=b,(m=p.ref)==null||m.call(p,b))},tabIndex:s,variant:"floating",children:i.jsx(gt,{isSideNavCollapsed:r,odysseyDesignTokens:g})}),[e,n,t,r,g,c,s,u]);return i.jsx(Hn,{ariaType:"description",placement:"right",text:u,children:i.jsx(Tn.Consumer,{children:x})})},Pe=a.memo(mt);Pe.displayName="SideNavToggleButton";/*!
+ * 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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const St=e=>{const n=window.sessionStorage.getItem(e);try{return typeof n=="string"?JSON.parse(n):null}catch{return typeof n=="string"?n:null}},bt=({initialState:e,key:n})=>{const t=a.useMemo(()=>St(n),[n]),r=a.useCallback(g=>{const d=typeof g>"u"?"":JSON.stringify(g);window.sessionStorage.setItem(n,d)},[n]),[c,o]=a.useState(()=>t??e);a.useEffect(()=>{r(c)},[c,r]);const s=a.useCallback(()=>{o(t??e)},[e,t]);return Be({onUpdate:s}),{sessionState:c,setSessionState: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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const ht="__uiShell-sideNav-isCollapsed",pt=e=>bt({initialState:e,key:ht}),se=12,xt=2,_e=e=>e.flatMap(n=>n.nestedNavItems?[n,..._e(n.nestedNavItems)]:n),It=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({odysseyDesignTokens:e,isSideNavCollapsed:n})=>({position:"relative",display:"grid",gridTemplateColumns:yn,height:"100%",transition:`grid-template-columns ${e.TransitionDurationMain}, opacity 300ms`,transitionTimingFunction:e.TransitionTimingMain,overflow:"hidden",...n&&{gridTemplateColumns:0,opacity:0}})),yt=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="isSideNavCollapsed"})(({odysseyDesignTokens:e,isSideNavCollapsed:n})=>({display:"grid",gridTemplateRows:"max-content 1fr max-content",height:"100%",transition:"opacity 50ms",transitionTimingFunction:e.TransitionTimingMain,overflow:"hidden",...n&&{opacity:0}})),vt=S("nav",{shouldForwardProp:e=>e!=="backgroundColor"&&e!=="hasNeighbouringContentAtInlineStart"&&e!=="isAppContentWhiteBackground"&&e!=="isSideNavCollapsed"&&e!=="isSideNavToggleHighlighted"&&e!=="odysseyDesignTokens"})(({backgroundColor:e,hasNeighbouringContentAtInlineStart:n,isAppContentWhiteBackground:t,isSideNavCollapsed:r,isSideNavToggleHighlighted:c,odysseyDesignTokens:o})=>({backgroundColor:e||o.HueNeutralWhite,height:"100%",position:"relative",width:"fit-content","&::before, &::after":{content:"''",height:"100%",pointerEvents:"none",position:"absolute",right:`-${o.BorderWidthMain}`,top:0,transition:`opacity ${o.TransitionDurationMain}, transform ${o.TransitionDurationMain}, width ${o.TransitionDurationMain}`,userSelect:"none",zIndex:ue},"&::before":{backgroundColor:c?o.BorderColorPrimaryControl:o.HueNeutral100,opacity:t||!r&&c?1:0,width:`calc(${o.BorderWidthMain} * 2)`},"&::after":{backgroundColor:o.HueNeutral200,opacity:r?1:0,transform:r&&!n?c?`translateX(calc(100% - (${o.BorderWidthMain} * 2)))`:`translateX(calc(100% - ${se}px))`:"translateX(0)",width:n?0:`calc(${Y+se}px + ${o.BorderWidthMain} * 2)`,...r&&c?{borderRightColor:o.BorderColorPrimaryControl,borderRightStyle:o.BorderStyleMain,borderRightWidth:`calc(${o.BorderWidthMain} * 2)`}:{}}})),Mt=S("div",{shouldForwardProp:e=>e!=="hasNeighbouringContentAtInlineStart"&&e!=="isSideNavCollapsed"&&e!=="isSideNavToggleHighlighted"&&e!=="odysseyDesignTokens"})(({hasNeighbouringContentAtInlineStart:e,isSideNavCollapsed:n,isSideNavToggleHighlighted:t,odysseyDesignTokens:r})=>({position:"absolute",right:`${Y}px`,top:In,width:`${V}px`,transform:n&&!e?t?`translate3d(calc(100% + ${Y+se}px), 0, 0)`:`translate3d(calc(100% + ${Y+xt}px), 0, 0)`:"translate3d(100%, 0, 0)",transition:`transform ${r.TransitionDurationMain}`,zIndex:ue+1})),jt=S("div",{shouldForwardProp:e=>e!=="borderColor"&&e!=="hasContentScrolled"&&e!=="odysseyDesignTokens"})(({borderColor:e,hasContentScrolled:n,odysseyDesignTokens:t})=>({flexShrink:0,...n&&{borderBottomWidth:t.BorderWidthMain,borderBottomStyle:t.BorderStyleMain,borderBottomColor:t.HueNeutral100,...e&&{borderBottomColor:e.concat("15")}}})),ke=S("ul")(()=>({padding:0,listStyle:"none",listStyleType:"none",margin:0,width:"100%"})),wt=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="hasBlockStartPadding"})(({odysseyDesignTokens:e,hasBlockStartPadding:n})=>({display:"inline-grid",gridTemplateRows:"1fr max-content",overflowY:"auto",paddingBlockStart:n?e.Spacing2:0,paddingInline:e.Spacing2})),kt=S("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="contrastFontColor"})(({contrastFontColor:e,odysseyDesignTokens:n})=>({color:e||n.HueNeutral600,marginBlock:`${n.Spacing3}`,paddingBlock:n.Spacing1,paddingInline:n.Spacing4})),ze=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="sideNavBackgroundColor"})(({odysseyDesignTokens:e,sideNavBackgroundColor:n})=>({backgroundColor:e.HueNeutralWhite,flexShrink:0,padding:e.Spacing4,...n&&{backgroundColor:n}})),Bt=S(ze,{shouldForwardProp:e=>e!=="isContentScrollable"&&e!=="odysseyDesignTokens"&&e!=="sideNavBackgroundColor"})(({isContentScrollable:e,odysseyDesignTokens:n,sideNavBackgroundColor:t})=>({transitionProperty:"box-shadow",transitionDuration:n.TransitionDurationMain,transitionTiming:n.TransitionTimingMain,zIndex:Ee,...e&&{boxShadow:"0px -8px 8px -8px rgba(39, 39, 39, 0.08)"},...t&&{backgroundColor:t}})),Et=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"&&e!=="sideNavContrastColors"})(({odysseyDesignTokens:e,sideNavContrastColors:n})=>({display:"flex",flexWrap:"wrap",alignItems:"center",fontSize:e.TypographySizeOverline,"a, span":{color:e.HueNeutral600,transition:`color ${e.TransitionDurationMain}`,"&:visited":{color:e.HueNeutral600,...(n==null?void 0:n.fontColor)&&{color:n==null?void 0:n.fontColor}},"&:hover":{textDecoration:"none",color:e.HueNeutral900,...(n==null?void 0:n.fontColor)&&{color:n==null?void 0:n.fontColor}},...(n==null?void 0:n.fontColor)&&{color:n==null?void 0:n.fontColor}}})),Lt=S("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({alignItems:"center",display:"flex",gap:e.Spacing2,paddingBlock:e.Spacing2,paddingInline:e.Spacing4})),Dt=e=>e.scrollHeight>e.clientHeight,At=()=>{const e=D();return i.jsxs(Lt,{odysseyDesignTokens:e,children:[i.jsx(J,{height:e.Spacing4,variant:"circular",width:e.Spacing4}),i.jsx(J,{variant:"rounded",width:"100%"})]})},Tt=({appName:e,footerComponent:n,footerItems:t,hasCustomFooter:r,hasSessionStorageState:c,isCollapsible:o,isCollapsed:s=!1,isCompact:g,isLoading:d,isObtrusive:f,logoProps:u,leavesPaddingStart:x,onCollapse:p,onExpand:b,onSort:m,sideNavItems:I})=>{var me,Se,be;const[P,F]=a.useState(!1),[A,L]=a.useState(!1),[T,_]=a.useState(!1),[j,W]=a.useState(I||[]),[H,Ve]=a.useState(s),{sessionState:Ne,setSessionState:Oe}=pt(s),O=c?Ne:H,$=c?Oe:Ve,h=N(),k=D(),{t:We}=Z(),E=a.useRef(null),R=a.useRef(null),z=a.useRef(null),Q=a.useRef(null),{isAtContainerInlineStart:Ze}=zn({element:Q.current,monitoringElement:(Se=(me=Q.current)==null?void 0:me.parentElement)==null?void 0:Se.parentElement}),C=!Ze,G=a.useMemo(()=>i.jsx("div",{}),[]);a.useEffect(()=>W(I||[]),[I]);const Ge=a.useCallback(()=>{o||$(s)},[s,o,$]),Ke=a.useCallback(()=>{$(s)},[s,$]);Be({onMount:Ge,onUpdate:Ke}),a.useEffect(()=>{const l=()=>{E.current&&E.current.parentElement&&L(Dt(E.current.parentElement))};let y;if(R.current||(R.current=new ResizeObserver(()=>{cancelAnimationFrame(y),y=requestAnimationFrame(l)})),R.current&&E.current&&(R.current.observe(E.current),E.current.parentElement&&R.current.observe(E.current.parentElement)),l(),!z.current&&E.current&&(z.current=new IntersectionObserver(v=>{var w;const M=(w=v.slice().sort((B,re)=>B.time-re.time).at(0))==null?void 0:w.isIntersecting;F(!M)},{root:E.current.parentElement,threshold:1})),z.current&&E.current){const v=E.current,[M]=Array.from((v==null?void 0:v.children)||[]);M&&z.current.observe(M)}return()=>{R.current&&(R.current.disconnect(),R.current=null),z.current&&(z.current.disconnect(),z.current=null),cancelAnimationFrame(y)}},[j]);const ee=a.useRef(null),K=a.useMemo(()=>{const y=_e(j).find(v=>v.isSelected);return y==null?void 0:y.id},[j]);a.useEffect(()=>{K&&ee.current&&ee.current.scrollIntoView()},[K]);const ge=a.useCallback(l=>l===K?ee:void 0,[K]),fe=a.useCallback(l=>{const y=M=>M.map(w=>w.nestedNavItems?{...w,isSelected:w.id===l,nestedNavItems:y(w.nestedNavItems)}:{...w,isSelected:w.id===l}),v=y(j);W(v),(s||f)&&(o?h==null||h.closeSideNavMenu():p==null||p())},[s,o,f,p,j,h]),Ue=a.useCallback(l=>({depth:l}),[]),Xe=a.useCallback((l,y)=>({isCompact:g,depth:l,isSortable:y,absolutePaddingStart:x}),[g,x]),qe=(l,y=1)=>{var Ie;const{href:v,id:M,isDefaultExpanded:w,isDisabled:B,isExpanded:re,isSectionHeader:Ce,label:he,startIcon:pe,nestedNavItems:U,onChange:en,isSortable:xe,translate:nn}=l;if(Ce)return i.jsx(X,{fallback:G,children:i.jsx(kt,{contrastFontColor:(Ie=h==null?void 0:h.sideNavContrastColors)==null?void 0:Ie.fontColor,id:M,odysseyDesignTokens:k,children:i.jsx(pn,{component:"h3",children:he})})},M);if(U&&U.length>0){const ye=i.jsx(ke,{role:"presentation",children:xe?i.jsx(Re,{depth:y+1,items:U,onChange:Je,parentId:l.id,processSideNavItems:ne}):ne(U,y+1).map(tn=>tn.sortableItem.navItem)});return v?i.jsxs(X,{fallback:G,children:[i.jsx(de,{...l,href:v,onItemSelected:fe,scrollRef:ge(l.id),startIcon:l.startIcon}),i.jsx(ce,{"aria-disabled":B,disabled:B,id:`${M}-items`,odysseyDesignTokens:k,children:ye})]},M):i.jsx(X,{fallback:G,children:i.jsx(ce,{"aria-disabled":B,disabled:B,id:M,odysseyDesignTokens:k,children:i.jsx(oe.Provider,{value:Ue(y),children:i.jsx(De,{isCompact:g,isDefaultExpanded:w,isDisabled:B,isExpanded:re,label:he,onChange:en,startIcon:pe,children:ye})},M)})},M)}else return i.jsx(X,{fallback:G,children:i.jsx(oe.Provider,{value:Xe(y,xe),children:i.jsx(de,{...l,onItemSelected:fe,scrollRef:ge(M),startIcon:pe,translate:nn})},M)},M)},ne=(l,y=1)=>l==null?void 0:l.map(v=>({...v,sortableItem:{id:v.id,isSelected:v.isSelected,isDisabled:v.isDisabled,isSortable:v.isSortable,navItem:qe(v,y)}})),te=a.useCallback(()=>{$(l=>(l?b==null||b():p==null||p(),!l))},[p,b,$]),Ye=a.useCallback(l=>{((l==null?void 0:l.key)==="Enter"||(l==null?void 0:l.code)==="Space")&&(l.preventDefault(),te())},[te]);a.useEffect(()=>{const l=h==null?void 0:h.subscribeToCloseSideNavMenu(()=>{p==null||p(),$(!0)});return()=>{l==null||l()}},[p,$,h]);const Je=a.useCallback((l,y,v,M)=>{const w=j.map(B=>B.id===l&&B.nestedNavItems?{...B,nestedNavItems:mn(B.nestedNavItems,v,M)}:B);W(w),m==null||m(w,l,y,v,M)},[m,j]),Qe=a.useCallback(l=>{_(l)},[]);return i.jsxs(vt,{"aria-label":We("navigation.label"),backgroundColor:h==null?void 0:h.sideNavBackgroundColor,hasNeighbouringContentAtInlineStart:C,id:"side-nav-expandable",isAppContentWhiteBackground:(h==null?void 0:h.appBackgroundColor)===k.HueNeutralWhite,isSideNavCollapsed:O,isSideNavToggleHighlighted:T,odysseyDesignTokens:k,ref:Q,children:[o&&i.jsx(Mt,{hasNeighbouringContentAtInlineStart:C,isSideNavCollapsed:O,isSideNavToggleHighlighted:T,odysseyDesignTokens:k,children:i.jsx(Pe,{ariaControls:"side-nav-expandable",clickAreaPadding:O&&!C?V/2:0,isSideNavCollapsed:O,onClick:te,onHighlight:Qe,onKeyDown:Ye})}),i.jsx(bn,{children:i.jsx(It,{"data-se":"collapsible-region",isSideNavCollapsed:O,odysseyDesignTokens:k,children:i.jsxs(yt,{isSideNavCollapsed:O,odysseyDesignTokens:k,children:[e||d||u?i.jsx(jt,{borderColor:(be=h==null?void 0:h.sideNavContrastColors)==null?void 0:be.fontColor,hasContentScrolled:P,odysseyDesignTokens:k,children:d&&!e&&!u?i.jsx(ae,{isLoading:d}):i.jsx(ae,{appName:e,isLoading:d,logoProps:u})}):i.jsx("div",{}),i.jsxs(wt,{"data-se":"scrollable-region",hasBlockStartPadding:!e,odysseyDesignTokens:k,children:[i.jsx(ke,{ref:E,role:"none",children:d?Array(6).fill(null).map((l,y)=>i.jsx(At,{},y)):ne(j).map(l=>l.sortableItem.navItem)}),!d&&t&&!r&&i.jsx(ze,{odysseyDesignTokens:k,sideNavBackgroundColor:h==null?void 0:h.sideNavBackgroundColor,children:i.jsx(Et,{odysseyDesignTokens:k,sideNavContrastColors:h==null?void 0:h.sideNavContrastColors,children:i.jsx(Ae,{footerItems:t})})})]}),!d&&!t&&r&&i.jsx(Bt,{isContentScrollable:A,odysseyDesignTokens:k,sideNavBackgroundColor:h==null?void 0:h.sideNavBackgroundColor,children:n})]})})})]})},Ht=a.memo(Tt);Ht.displayName="SideNav";export{Ht as M,Te as a};

package/dist/assets/SideNav-bhdOFKbL.js

@@ -0,0 +1,85 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import"./index-Ml2UeFXJ.js";import{M as m,T as p,S as s,D as a,P as d,a as l}from"./index-DLgQDw3r.js";import{S as i}from"./SideNav.stories-ciX1pArE.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./index-BJMTVygn.js";import"./PlaceholderLogo-JfVvgA23.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./SideNav-5pMdKSEl.js";import"./utilities.esm-DpQ0TZP_.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./UiShellProvider-BEcD16AU.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./uiShellSharedConstants-DD9UP82e.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-BjqT0nEb.js";import"./useSlot-CvpE2t6D.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-DfdoVIdP.js";import"./utils-kUZVaD1e.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D-_O-EjU.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.js";import"./Skeleton-BPjIT6NG.js";import"./colorManipulator-DKifQsuo.js";import"./Badge-BO7bTIEa.js";import"./Status-BlOUycBm.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./ChevronRight-C12ToI7Y.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./getReactElementRef-DsIevm5t.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./Server-Ch5aeRtt.js";import"./User-CyxEAfVT.js";import"./Home-la7Lmt_L.js";import"./Folder-e-po0U54.js";import"./Download-Zlhupksh.js";import"./Clock-17ua7UAW.js";import"./Settings-2rTKyez8.js";function r(n){const t={code:"code",h4:"h4",p:"p",pre:"pre",...o(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(m,{of:i}),`
+`,e.jsx(p,{of:i}),`
+`,e.jsx(s,{of:i}),`
+`,e.jsx(a,{of:i}),`
+`,e.jsx(d,{of:i}),`
+`,e.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
+`,e.jsxs(t.p,{children:["the ",e.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",e.jsx(t.code,{children:"SideNavItem"})]}),`
+`,e.jsx(t.pre,{children:e.jsx(t.code,{children:`type SideNavItem = {
+  id: string;
+  label: string;
+  /**
+   * The icon element to display at the end of the Nav Item
+   */
+  endIcon?: ReactElement;
+  /**
+   * Whether the item is disabled. When set to true the nav item is set to Disabled color,
+   * the link/item is not clickable, and item with children is not expandable.
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether the item is active/selected
+   */
+  isSelected?: boolean;
+  /**
+   * Event fired when the nav item is clicked
+   */
+  onClick?(): void;
+  /**
+   * The status element to display after the label
+   */
+  severity?: (typeof statusSeverityValues)[number];
+  /**
+   * The icon element to display at the start of the Nav Item
+   */
+  startIcon?: ReactElement;
+  /**
+   * The label to display inside the status
+   */
+  statusLabel?: string;
+  /**
+   * The link target prop. e.g., "_blank"
+   */
+  target?: string;
+} & (
+  | {
+      /**
+       * Determines if the side nav item is a section header
+       */
+      isSectionHeader: true;
+      href?: never;
+      children?: never;
+      isDefaultExpanded?: never;
+      isExpanded?: never;
+    }
+  | {
+      /**
+       * link added to the nav item. if it is undefined, static text will be displayed.
+       * fires onClick event when it is passed
+       */
+      href: string;
+      children?: never;
+      isSectionHeader?: never;
+      isDefaultExpanded?: never;
+      isExpanded?: never;
+    }
+  | {
+      /**
+       * An array of side nav items to be displayed as children within Accordion
+       */
+      children?: SideNavItem[];
+      /**
+       * Whether the accordion (nav item with children) is expanded by default
+       */
+      isDefaultExpanded?: boolean;
+      /**
+       * If true, expands the accordion, otherwise collapse it.
+       * Setting this prop enables control over the accordion.
+       */
+      isExpanded?: boolean;
+      isSectionHeader?: never;
+      href?: never;
+    }
+);
+`})}),`
+`,e.jsx(l,{})]})}function Re(n={}){const{wrapper:t}={...o(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(r,{...n})}):r(n)}export{Re as default};

package/dist/assets/SideNav.stories-ciX1pArE.js

@@ -0,0 +1,207 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{a as Z}from"./index-B-lxVbXh.js";import{c as $,w as ee,e as n,a as f,u as x}from"./index-BJMTVygn.js";import{r as I}from"./index-NdkWRN8K.js";import{P as S}from"./PlaceholderLogo-JfVvgA23.js";import{O as te}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as o}from"./SideNav-5pMdKSEl.js";import{M as Y,a as J,b as y,c as oe,d as ae,e as ne,f as se}from"./Server-Ch5aeRtt.js";import{M as re}from"./Box-1mvP3NLW.js";import{f as ie,d as le}from"./Typography-Cz6D417Y.js";import{M as de}from"./User-CyxEAfVT.js";import{M as Q}from"./Home-la7Lmt_L.js";import{M as C}from"./Folder-e-po0U54.js";import{M as ce}from"./Download-Zlhupksh.js";import{M as me}from"./Clock-17ua7UAW.js";import{M as pe}from"./Settings-2rTKyez8.js";const ue=()=>e.jsxs(re,{sx:{border:"1px dashed gray"},children:[e.jsx(ie,{children:"Your custom footer content goes here"}),e.jsx(le,{children:"Dashed border to show content box. Not present outside of this example"})]}),ge={component:o,decorators:[te],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{appName:{control:"text",description:"Header text for the side nav",table:{type:{summary:"string"}}},footerComponent:{description:"Custom footer component to render in place of footer items."},footerItems:{description:"",table:{type:{summary:"Array<SideNavFooterItem>"}}},hasCustomFooter:{control:"boolean",description:"Defines if a custom footer should be visible when available.",table:{type:{summary:"boolean"}}},isCollapsible:{control:"boolean",description:"Controls whether the side nav is collapsible",table:{type:{summary:"boolean"}}},isCollapsed:{control:"boolean",description:"Controls whether the side nav is collapsed",table:{type:{summary:"boolean"}}},isCompact:{control:"boolean",description:"Controls whether the side nav uses compact layout",table:{type:{summary:"boolean"}}},isLoading:{control:"boolean",description:"Controls whether the side nav shows the skeleton loader.",table:{type:{summary:"boolean"}}},logoProps:{description:"Props passed in to render custom logo and/or link",table:{type:{summary:"href?: string; logoSrcUrl?: string; altText?: string; logoComponent?: ReactElement"}}},onCollapse:{description:"Callback to be triggered when the side nav is collapsed"},onExpand:{description:"Callback to be triggered when the side nav is expanded"},onSort:{description:"Callback to be triggered when a nested side nav item inside is reordered. Returns the new items list"},sideNavItems:{description:"",table:{type:{summary:"Array<SideNavItem>"}}}},args:{appName:"Admin Console",isCollapsible:!0,isCollapsed:!1,isCompact:!1,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:e.jsx(Y,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:e.jsx(de,{})},{id:"item4",label:"Dashboard",startIcon:e.jsx(Q,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:e.jsx(J,{})},{id:"item6",label:"Onboarding",startIcon:e.jsx(C,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start",translate:"no"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:e.jsx(y,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:e.jsx(oe,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:e.jsx(ce,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:e.jsx(ae,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:e.jsx(me,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:e.jsx(ne,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:e.jsx(pe,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General",translate:"no"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management",translate:"no"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:e.jsx(C,{})},{id:"item17",href:"/",label:"Really Long Item Name With Spaces",startIcon:e.jsx(y,{})},{id:"item18",href:"/",label:"ReallyLongSingleItemNameWithoutSpaces",startIcon:e.jsx(y,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]}},l={render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})}),play:async({canvasElement:t,step:s})=>{$({testIdAttribute:"data-se"});const r=ee(t),a=r.getByRole("button",{name:"Close navigation"}),b=r.getByRole("navigation",{name:"Main navigation"}),i=r.getByTestId("scrollable-region");await s("Side Nav Should be scrolled as expected",async()=>{await new Promise(v=>setTimeout(v,100)),i.scrollTop!==0?n(i.scrollTop).not.toBe(0):await f(()=>{n(i.scrollTop).not.toBe(0)},{timeout:1e3})}),await s("Side Nav Collapse",async()=>{await x.click(a),await f(()=>{n(a.ariaExpanded).toEqual("false"),n(b).toHaveStyle({width:0})})}),await s("Side Nav Expand",async()=>{await x.click(a),await f(()=>{n(a.ariaExpanded).toEqual("true"),n(b).toBeVisible()})})}},d={args:{appName:void 0,logoProps:{logoComponent:e.jsx(S.One,{})},sideNavItems:[{href:"#",id:"sortable-item1",label:"My Apps",onClick:t=>{t.preventDefault(),Z('onClick: "My Apps"')(t)},isSortable:!0,startIcon:e.jsx(Q,{}),nestedNavItems:[{id:"sortable-item1-1",label:"Recently Used",isSortable:!1},{id:"sortable-item1-2",label:"Work"},{id:"sortable-item1-3",label:"Group 1"},{id:"sortable-item1-4",label:"Group 2"},{id:"sortable-item1-5",label:"Add section",endIcon:e.jsx(Y,{}),isSortable:!1}]},{id:"sortable-item2",label:"Notifications",startIcon:e.jsx(se,{}),count:1},{id:"sortable-item3",label:"Add apps",startIcon:e.jsx(J,{})}]},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},c={args:{isLoading:!0},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},m={args:{logoProps:{logoComponent:e.jsx(S.One,{})}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},p={args:{logoProps:{imageUrl:"https://placehold.co/600x60",imageAltText:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},u={args:{logoProps:{href:"/",logoComponent:e.jsx(S.One,{}),ariaLabel:"My custom image logo"}},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},g={args:{footerItems:void 0,hasCustomFooter:!0,footerComponent:e.jsx(ue,{})},render:t=>e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{...t})})},h={args:{isLoading:!0},render:function({sideNavItems:s,isLoading:r,...a}){const[b,i]=I.useState([]),[v,X]=I.useState(r);return I.useEffect(()=>{setTimeout(()=>{i(s||[]),X(!1)},1e3)}),e.jsx("div",{style:{height:"100vh"},children:e.jsx(o,{isLoading:v,sideNavItems:b,...a})})}};var N,w,j;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlaywrightProps<SideNavProps>) => {
+    configure({
+      testIdAttribute: "data-se"
+    });
+    const canvas = within(canvasElement);
+    const toggleButton = canvas.getByRole("button", {
+      name: "Close navigation"
+    });
+    const navElement = canvas.getByRole("navigation", {
+      name: "Main navigation"
+    });
+    // const collapsedRegion = canvas.getByTestId("collapsed-region");
+    const scrollableRegion = canvas.getByTestId("scrollable-region");
+
+    /**
+     * The scroll behavior in SideNav is such that if an item has isSelected and the item
+     * is not on screen initially, it will scroll to make that item be visible on the screen.
+     * So, we should expect that the scrollable container (found by data-se="scrollable-region")
+     * should have a non-zero scrollTop once this operation has completed.
+     */
+    await step("Side Nav Should be scrolled as expected", async () => {
+      // Add a small delay to allow initial rendering and scrolling
+      await new Promise(resolve => setTimeout(resolve, 100));
+
+      // On initial load, scrollTop will be zero. Then, once the scroll operation completes,
+      // it should be non-zero.
+      if (scrollableRegion.scrollTop !== 0) {
+        expect(scrollableRegion.scrollTop).not.toBe(0);
+      } else {
+        await waitFor(() => {
+          expect(scrollableRegion.scrollTop).not.toBe(0);
+        }, {
+          timeout: 1000
+        });
+      }
+    });
+    await step("Side Nav Collapse", async () => {
+      await userEvent.click(toggleButton);
+      await waitFor(() => {
+        expect(toggleButton.ariaExpanded).toEqual("false");
+        expect(navElement).toHaveStyle({
+          width: 0
+        });
+      });
+    });
+    await step("Side Nav Expand", async () => {
+      await userEvent.click(toggleButton);
+      await waitFor(() => {
+        expect(toggleButton.ariaExpanded).toEqual("true");
+        expect(navElement).toBeVisible();
+      });
+    });
+  }
+}`,...(j=(w=l.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var M,L,E;d.parameters={...d.parameters,docs:{...(M=d.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    appName: undefined,
+    logoProps: {
+      logoComponent: <PlaceholderLogo.One />
+    },
+    sideNavItems: [{
+      href: "#",
+      id: "sortable-item1",
+      label: "My Apps",
+      onClick: event => {
+        event.preventDefault();
+        action('onClick: "My Apps"')(event);
+      },
+      isSortable: true,
+      startIcon: <HomeIcon />,
+      nestedNavItems: [{
+        id: "sortable-item1-1",
+        label: "Recently Used",
+        isSortable: false
+      }, {
+        id: "sortable-item1-2",
+        label: "Work"
+      }, {
+        id: "sortable-item1-3",
+        label: "Group 1"
+      }, {
+        id: "sortable-item1-4",
+        label: "Group 2"
+      }, {
+        id: "sortable-item1-5",
+        label: "Add section",
+        endIcon: <AddCircleIcon />,
+        isSortable: false
+      }]
+    }, {
+      id: "sortable-item2",
+      label: "Notifications",
+      startIcon: <NotificationIcon />,
+      count: 1
+    }, {
+      id: "sortable-item3",
+      label: "Add apps",
+      startIcon: <AppsIcon />
+    }]
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(E=(L=d.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};var A,k,T;c.parameters={...c.parameters,docs:{...(A=c.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  args: {
+    isLoading: true
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(T=(k=c.parameters)==null?void 0:k.docs)==null?void 0:T.source}}};var P,z,B;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  args: {
+    logoProps: {
+      logoComponent: <PlaceholderLogo.One />
+    }
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(B=(z=m.parameters)==null?void 0:z.docs)==null?void 0:B.source}}};var D,R,F;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    logoProps: {
+      imageUrl: "https://placehold.co/600x60",
+      imageAltText: "My custom image logo"
+    }
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(F=(R=p.parameters)==null?void 0:R.docs)==null?void 0:F.source}}};var O,H,_;u.parameters={...u.parameters,docs:{...(O=u.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    logoProps: {
+      href: "/",
+      logoComponent: <PlaceholderLogo.One />,
+      ariaLabel: "My custom image logo"
+    }
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(_=(H=u.parameters)==null?void 0:H.docs)==null?void 0:_.source}}};var G,U,W;g.parameters={...g.parameters,docs:{...(G=g.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    footerItems: undefined,
+    hasCustomFooter: true,
+    footerComponent: <CustomFooterComponent />
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav {...props} />
+      </div>;
+  }
+}`,...(W=(U=g.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var q,V,K;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    isLoading: true
+  },
+  render: function C({
+    sideNavItems,
+    isLoading,
+    ...props
+  }) {
+    const [sideNavItemsInState, setSideNavItemsInState] = useState<SideNavItem[]>([]);
+    const [isLoadingInState, setIsLoadingInState] = useState(isLoading);
+    useEffect(() => {
+      setTimeout(() => {
+        setSideNavItemsInState(sideNavItems || []);
+        setIsLoadingInState(false);
+      }, 1000);
+    });
+    return <div style={{
+      height: "100vh"
+    }}>
+        <SideNav isLoading={isLoadingInState} sideNavItems={sideNavItemsInState} {...props} />
+      </div>;
+  }
+}`,...(K=(V=h.parameters)==null?void 0:V.docs)==null?void 0:K.source}}};const he=["Default","SortableSideNav","Loading","CustomLogoElement","CustomLogoImage","LogoWithLink","CustomFooterContent","DelayedSideNavItems"],Te=Object.freeze(Object.defineProperty({__proto__:null,CustomFooterContent:g,CustomLogoElement:m,CustomLogoImage:p,Default:l,DelayedSideNavItems:h,Loading:c,LogoWithLink:u,SortableSideNav:d,__namedExportsOrder:he,default:ge},Symbol.toStringTag,{value:"Module"}));export{Te as S};

package/dist/assets/Skeleton-BPjIT6NG.js

@@ -0,0 +1,51 @@
+import{W as y,V as w,c as R,_,b as o,s as S,d as U,f as $,ai as u,aj as b}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as j}from"./index-NdkWRN8K.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{a as A}from"./colorManipulator-DKifQsuo.js";function X(t){return String(t).match(/[\d.\-+]*\s*(.*)/)[1]||""}function N(t){return parseFloat(t)}function W(t){return w("MuiSkeleton",t)}const T=y("MuiSkeleton",["root","text","rectangular","rounded","circular","pulse","wave","withChildren","fitContent","heightAuto"]),B=["animation","className","component","height","style","variant","width"];let r=t=>t,p,m,f,g;const E=t=>{const{classes:a,variant:e,animation:i,hasChildren:s,width:l,height:n}=t;return $({root:["root",e,i,s&&"withChildren",s&&!l&&"fitContent",s&&!n&&"heightAuto"]},W,a)},F=b(p||(p=r`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`)),K=b(m||(m=r`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`)),P=S("span",{name:"MuiSkeleton",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:e}=t;return[a.root,a[e.variant],e.animation!==!1&&a[e.animation],e.hasChildren&&a.withChildren,e.hasChildren&&!e.width&&a.fitContent,e.hasChildren&&!e.height&&a.heightAuto]}})(({theme:t,ownerState:a})=>{const e=X(t.shape.borderRadius)||"px",i=N(t.shape.borderRadius);return o({display:"block",backgroundColor:t.vars?t.vars.palette.Skeleton.bg:A(t.palette.text.primary,t.palette.mode==="light"?.11:.13),height:"1.2em"},a.variant==="text"&&{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:`${i}${e}/${Math.round(i/.6*10)/10}${e}`,"&:empty:before":{content:'"\\00a0"'}},a.variant==="circular"&&{borderRadius:"50%"},a.variant==="rounded"&&{borderRadius:(t.vars||t).shape.borderRadius},a.hasChildren&&{"& > *":{visibility:"hidden"}},a.hasChildren&&!a.width&&{maxWidth:"fit-content"},a.hasChildren&&!a.height&&{height:"auto"})},({ownerState:t})=>t.animation==="pulse"&&u(f||(f=r`
+      animation: ${0} 2s ease-in-out 0.5s infinite;
+    `),F),({ownerState:t,theme:a})=>t.animation==="wave"&&u(g||(g=r`
+      position: relative;
+      overflow: hidden;
+
+      /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
+      -webkit-mask-image: -webkit-radial-gradient(white, black);
+
+      &::after {
+        animation: ${0} 2s linear 0.5s infinite;
+        background: linear-gradient(
+          90deg,
+          transparent,
+          ${0},
+          transparent
+        );
+        content: '';
+        position: absolute;
+        transform: translateX(-100%); /* Avoid flash during server-side hydration */
+        bottom: 0;
+        left: 0;
+        right: 0;
+        top: 0;
+      }
+    `),K,(a.vars||a).palette.action.hover)),q=j.forwardRef(function(a,e){const i=R({props:a,name:"MuiSkeleton"}),{animation:s="pulse",className:l,component:n="span",height:d,style:v,variant:C="text",width:k}=i,h=_(i,B),c=o({},i,{animation:s,component:n,variant:C,hasChildren:!!h.children}),x=E(c);return M.jsx(P,o({as:n,ref:e,className:U(x.root,l),ownerState:c},h,{style:o({width:k,height:d},v)}))});export{q as S,T as s};

package/dist/assets/Snackbar-BM0ZOC4Y.js

@@ -0,0 +1 @@
+import{b as C,V as A,W as D,c as B,_ as M,s as y,d as V,f as F,n as Y,e as R}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as i}from"./index-NdkWRN8K.js";import{u as J,a as Q}from"./useIsFocusVisible-DH0qxT5e.js";import{u as P}from"./inheritsLoose-CJ6Ie9dp.js";import{e as j}from"./resolveComponentProps-DXQ8X87i.js";import{j as k}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./utils-kUZVaD1e.js";import{G as ee}from"./Grow-C8kUeGCY.js";import{g as ne,u as te}from"./getReactElementRef-DsIevm5t.js";import{o as S}from"./ownerDocument-DW-IO8s5.js";import{P as oe}from"./Paper-D-_O-EjU.js";function z(e){return e.substring(2).toLowerCase()}function re(e,n){return n.documentElement.clientWidth<e.clientX||n.documentElement.clientHeight<e.clientY}function se(e){const{children:n,disableReactTree:s=!1,mouseEvent:o="onClick",onClickAway:l,touchEvent:u="onTouchEnd"}=e,g=i.useRef(!1),d=i.useRef(null),h=i.useRef(!1),v=i.useRef(!1);i.useEffect(()=>(setTimeout(()=>{h.current=!0},0),()=>{h.current=!1}),[]);const m=J(ne(n),d),f=P(a=>{const c=v.current;v.current=!1;const b=S(d.current);if(!h.current||!d.current||"clientX"in a&&re(a,b))return;if(g.current){g.current=!1;return}let t;a.composedPath?t=a.composedPath().indexOf(d.current)>-1:t=!b.documentElement.contains(a.target)||d.current.contains(a.target),!t&&(s||!c)&&l(a)}),x=a=>c=>{v.current=!0;const b=n.props[a];b&&b(c)},E={ref:m};return u!==!1&&(E[u]=x(u)),i.useEffect(()=>{if(u!==!1){const a=z(u),c=S(d.current),b=()=>{g.current=!0};return c.addEventListener(a,f),c.addEventListener("touchmove",b),()=>{c.removeEventListener(a,f),c.removeEventListener("touchmove",b)}}},[f,u]),o!==!1&&(E[o]=x(o)),i.useEffect(()=>{if(o!==!1){const a=z(o),c=S(d.current);return c.addEventListener(a,f),()=>{c.removeEventListener(a,f)}}},[f,o]),k.jsx(i.Fragment,{children:i.cloneElement(n,E)})}function ae(e={}){const{autoHideDuration:n=null,disableWindowBlurListener:s=!1,onClose:o,open:l,resumeHideDuration:u}=e,g=Q();i.useEffect(()=>{if(!l)return;function t(r){r.defaultPrevented||(r.key==="Escape"||r.key==="Esc")&&(o==null||o(r,"escapeKeyDown"))}return document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}},[l,o]);const d=P((t,r)=>{o==null||o(t,r)}),h=P(t=>{!o||t==null||g.start(t,()=>{d(null,"timeout")})});i.useEffect(()=>(l&&h(n),g.clear),[l,n,h,g]);const v=t=>{o==null||o(t,"clickaway")},m=g.clear,f=i.useCallback(()=>{n!=null&&h(u??n*.5)},[n,u,h]),x=t=>r=>{const p=t.onBlur;p==null||p(r),f()},E=t=>r=>{const p=t.onFocus;p==null||p(r),m()},a=t=>r=>{const p=t.onMouseEnter;p==null||p(r),m()},c=t=>r=>{const p=t.onMouseLeave;p==null||p(r),f()};return i.useEffect(()=>{if(!s&&l)return window.addEventListener("focus",f),window.addEventListener("blur",m),()=>{window.removeEventListener("focus",f),window.removeEventListener("blur",m)}},[s,l,f,m]),{getRootProps:(t={})=>{const r=C({},j(e),j(t));return C({role:"presentation"},t,r,{onBlur:x(r),onFocus:E(r),onMouseEnter:a(r),onMouseLeave:c(r)})},onClickAway:v}}function ie(e){return A("MuiSnackbarContent",e)}D("MuiSnackbarContent",["root","message","action"]);const ce=["action","className","message","role"],le=e=>{const{classes:n}=e;return F({root:["root"],action:["action"],message:["message"]},ie,n)},ue=y(oe,{name:"MuiSnackbarContent",slot:"Root",overridesResolver:(e,n)=>n.root})(({theme:e})=>{const n=e.palette.mode==="light"?.8:.98,s=Y.emphasize(e.palette.background.default,n);return C({},e.typography.body2,{color:e.vars?e.vars.palette.SnackbarContent.color:e.palette.getContrastText(s),backgroundColor:e.vars?e.vars.palette.SnackbarContent.bg:s,display:"flex",alignItems:"center",flexWrap:"wrap",padding:"6px 16px",borderRadius:(e.vars||e).shape.borderRadius,flexGrow:1,[e.breakpoints.up("sm")]:{flexGrow:"initial",minWidth:288}})}),de=y("div",{name:"MuiSnackbarContent",slot:"Message",overridesResolver:(e,n)=>n.message})({padding:"8px 0"}),fe=y("div",{name:"MuiSnackbarContent",slot:"Action",overridesResolver:(e,n)=>n.action})({display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8}),pe=i.forwardRef(function(n,s){const o=B({props:n,name:"MuiSnackbarContent"}),{action:l,className:u,message:g,role:d="alert"}=o,h=M(o,ce),v=o,m=le(v);return k.jsxs(ue,C({role:d,square:!0,elevation:6,className:V(m.root,u),ownerState:v,ref:s},h,{children:[k.jsx(de,{className:m.message,ownerState:v,children:g}),l?k.jsx(fe,{className:m.action,ownerState:v,children:l}):null]}))});function me(e){return A("MuiSnackbar",e)}D("MuiSnackbar",["root","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft"]);const ge=["onEnter","onExited"],he=["action","anchorOrigin","autoHideDuration","children","className","ClickAwayListenerProps","ContentProps","disableWindowBlurListener","message","onBlur","onClose","onFocus","onMouseEnter","onMouseLeave","open","resumeHideDuration","TransitionComponent","transitionDuration","TransitionProps"],ve=e=>{const{classes:n,anchorOrigin:s}=e,o={root:["root",`anchorOrigin${R(s.vertical)}${R(s.horizontal)}`]};return F(o,me,n)},H=y("div",{name:"MuiSnackbar",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:s}=e;return[n.root,n[`anchorOrigin${R(s.anchorOrigin.vertical)}${R(s.anchorOrigin.horizontal)}`]]}})(({theme:e,ownerState:n})=>{const s={left:"50%",right:"auto",transform:"translateX(-50%)"};return C({zIndex:(e.vars||e).zIndex.snackbar,position:"fixed",display:"flex",left:8,right:8,justifyContent:"center",alignItems:"center"},n.anchorOrigin.vertical==="top"?{top:8}:{bottom:8},n.anchorOrigin.horizontal==="left"&&{justifyContent:"flex-start"},n.anchorOrigin.horizontal==="right"&&{justifyContent:"flex-end"},{[e.breakpoints.up("sm")]:C({},n.anchorOrigin.vertical==="top"?{top:24}:{bottom:24},n.anchorOrigin.horizontal==="center"&&s,n.anchorOrigin.horizontal==="left"&&{left:24,right:"auto"},n.anchorOrigin.horizontal==="right"&&{right:24,left:"auto"})})}),Pe=i.forwardRef(function(n,s){const o=B({props:n,name:"MuiSnackbar"}),l=Z(),u={enter:l.transitions.duration.enteringScreen,exit:l.transitions.duration.leavingScreen},{action:g,anchorOrigin:{vertical:d,horizontal:h}={vertical:"bottom",horizontal:"left"},autoHideDuration:v=null,children:m,className:f,ClickAwayListenerProps:x,ContentProps:E,disableWindowBlurListener:a=!1,message:c,open:b,TransitionComponent:t=ee,transitionDuration:r=u,TransitionProps:{onEnter:p,onExited:O}={}}=o,N=M(o.TransitionProps,ge),W=M(o,he),w=C({},o,{anchorOrigin:{vertical:d,horizontal:h},autoHideDuration:v,disableWindowBlurListener:a,TransitionComponent:t,transitionDuration:r}),U=ve(w),{getRootProps:_,onClickAway:$}=ae(C({},w)),[I,T]=i.useState(!0),G=te({elementType:H,getSlotProps:_,externalForwardedProps:W,ownerState:w,additionalProps:{ref:s},className:[U.root,f]}),X=L=>{T(!0),O&&O(L)},K=(L,q)=>{T(!1),p&&p(L,q)};return!b&&I?null:k.jsx(se,C({onClickAway:$},x,{children:k.jsx(H,C({},G,{children:k.jsx(t,C({appear:!0,in:b,timeout:r,direction:d==="top"?"down":"up",onEnter:K,onExited:X},N,{children:m||k.jsx(pe,C({message:c,action:g},E))}))}))}))});export{Pe as S};

package/dist/assets/Stack-B7OGvu7C.js

@@ -0,0 +1 @@
+import{t as R,_ as T,b as k,d as D,an as v,ao as p,ap as F,a9 as B,aq as G,f as M,V as E,G as N,ar as h,s as _,c as O}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as d}from"./index-NdkWRN8K.js";import{c as U}from"./createStyled-D6bTcpHC.js";import{j as $}from"./jsx-runtime-CnH95YSl.js";import{u as A}from"./useThemeProps-DwvbKxez.js";const L=U(),q=["component","direction","spacing","divider","children","className","useFlexGap"],I=N(),W=L("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root});function z(e){return A({props:e,name:"MuiStack",defaultTheme:I})}function H(e,s){const n=d.Children.toArray(e).filter(Boolean);return n.reduce((a,c,t)=>(a.push(c),t<n.length-1&&a.push(d.cloneElement(s,{key:`separator-${t}`})),a),[])}const J=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],K=({ownerState:e,theme:s})=>{let n=k({display:"flex",flexDirection:"column"},v({theme:s},p({values:e.direction,breakpoints:s.breakpoints.values}),a=>({flexDirection:a})));if(e.spacing){const a=F(s),c=Object.keys(s.breakpoints.values).reduce((o,r)=>((typeof e.spacing=="object"&&e.spacing[r]!=null||typeof e.direction=="object"&&e.direction[r]!=null)&&(o[r]=!0),o),{}),t=p({values:e.direction,base:c}),m=p({values:e.spacing,base:c});typeof t=="object"&&Object.keys(t).forEach((o,r,i)=>{if(!t[o]){const u=r>0?t[i[r-1]]:"column";t[o]=u}}),n=B(n,v({theme:s},m,(o,r)=>e.useFlexGap?{gap:h(a,o)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${J(r?t[r]:e.direction)}`]:h(a,o)}}))}return n=G(s.breakpoints,n),n};function Q(e={}){const{createStyledComponent:s=W,useThemeProps:n=z,componentName:a="MuiStack"}=e,c=()=>M({root:["root"]},o=>E(a,o),{}),t=s(K);return d.forwardRef(function(o,r){const i=n(o),l=R(i),{component:u="div",direction:x="column",spacing:j=0,divider:y,children:g,className:P,useFlexGap:S=!1}=l,C=T(l,q),V={direction:x,spacing:j,useFlexGap:S},b=c();return $.jsx(t,k({as:u,ownerState:V,ref:r,className:D(b.root,P)},C,{children:y?H(g,y):g}))})}const se=Q({createStyledComponent:_("div",{name:"MuiStack",slot:"Root",overridesResolver:(e,s)=>s.root}),useThemeProps:e=>O({props:e,name:"MuiStack"})});export{se as S};

package/dist/assets/Stack.stories-CYylNLHT.js

@@ -0,0 +1 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{u as d,h as l}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{O as u}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{r as h}from"./index-NdkWRN8K.js";import{S as x}from"./Stack-B7OGvu7C.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";const y=[0,1,2,3,4,5,6,7,8,9],s=["row","row-reverse","column","column-reverse"],g=({children:e,direction:m="column",spacing:p=2})=>t.jsx(x,{direction:m,spacing:p,children:e}),i=h.memo(g);i.displayName="Stack";const r=l.div(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:e.Spacing8,height:e.Spacing8,backgroundColor:e.HueNeutral100,border:`1px dashed ${e.PalettePrimaryDarker}`,borderRadius:e.BorderRadiusMain})),f=()=>{const e=d();return t.jsxs(t.Fragment,{children:[t.jsx(r,{odysseyDesignTokens:e,children:"1"}),t.jsx(r,{odysseyDesignTokens:e,children:"2"}),t.jsx(r,{odysseyDesignTokens:e,children:"3"}),t.jsx(r,{odysseyDesignTokens:e,children:"4"})]})},D={component:i,decorators:[u],tags:["autodocs"],argTypes:{children:{control:t.jsx(t.Fragment,{}),description:"The content of the component",table:{type:{summary:"ReactNode"}}},direction:{options:s,control:{type:"radio"},description:"The flex-direction applied to the Stack",table:{type:{summary:s.join(" | ")}},type:{name:"other",value:"radio"}},spacing:{control:"select",options:y.map(e=>e)},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:t.jsx(f,{}),spacing:2}},o={};var a,c,n;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(c=o.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const E=["Default"];export{o as Default,E as __namedExportsOrder,D as default};