@okta/odyssey-react-mui 1.50.1 → 1.51.0

package/dist/assets/SideNav-VVxkM7xa.js

@@ -0,0 +1,85 @@
+import{j as r}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as f}from"./index-BeeV6X6A.js";import"./index-DI1lVgTb.js";import{e as E}from"./iframe-B5wE2ay9.js";import{r as b,e as y}from"./index-NdkWRN8K.js";import{M as k,T as O,S,D as T,P as j,a as D}from"./index-DiEiQB-f.js";import{S as s}from"./SideNav.stories-C0ROmHeE.js";import"./preview-nv3jWDyz.js";import"./DocsRenderer-CFRXHY34-P8M6yttG.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./_commonjsHelpers-gnU0ypJ3.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-DsQ8XVOG.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./OdysseyProvider-YUKfsUrL.js";import"./SideNav-a8fqWzAH.js";import"./utilities.esm-DpQ0TZP_.js";import"./Typography-gfYWxfhb.js";import"./Typography-BIFhmR2K.js";import"./UiShellProvider-Cr2Lr10c.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./useUniqueId-DUzAQ6pl.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-Cqqnyfeq.js";import"./useSlot-bWb1W-uo.js";import"./resolveComponentProps-zX2d3UUb.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-Bf9rwi0n.js";import"./utils-uddq32f3.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-BGSgbZC6.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-XLjSpNxK.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./Link-P2sjP-aD.js";import"./Link-LYj8-DeM.js";import"./ExternalLink-C7UPr4SL.js";import"./Skeleton-BSJpuJ78.js";import"./colorManipulator-BxsGKdcY.js";import"./Badge-CgiaxC_M.js";import"./Status-BbCnhdhJ.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-p4lq04qX.js";import"./createSvgIcon-SdTF6s8l.js";import"./ChevronRight-BEaWGMzi.js";import"./Tooltip-Bx__kQJp.js";import"./Tooltip-gH7ETEPn.js";import"./Grow-CbLflC0D.js";import"./getReactElementRef-CYW9xr5m.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-ev1Y_qJb.js";import"./Button-dStBbGjZ.js";import"./Server-BjJU0LGG.js";import"./AddCircle-DYQ5ipEw.js";import"./User-DR3B8-Pw.js";import"./Home-yAl98ghs.js";import"./Folder-DTgm0zQ0.js";import"./Download-xLlaDLdW.js";import"./Clock-dOo7_xs2.js";import"./Settings-CjZSn0DO.js";import"./Notification-08pZljJb.js";const{STORY_CHANGED:L,SELECT_STORY:g}=__STORYBOOK_MODULE_CORE_EVENTS__,{makeDecorator:C,addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{global:I}=__STORYBOOK_MODULE_GLOBAL__;var w=Object.defineProperty,R=(e,t)=>{for(var i in t)w(e,i,{get:t[i],enumerable:!0})},M="links",{document:l,HTMLElement:N}=I;function P(e){let t={},i=(e[0]==="?"?e.substring(1):e).split("&").filter(Boolean);for(let n=0;n<i.length;n++){let o=i[n].split("=");t[decodeURIComponent(o[0])]=decodeURIComponent(o[1]||"")}return t}var u=e=>v.getChannel().emit(g,e),K=(e,t)=>new Promise(i=>{let{location:n}=l,o=P(n.search).id,p=e||o.split("--",2)[0],m=`/story/${E(p,t)}`,d=n.pathname.replace(/iframe\.html$/,""),x=`${n.origin+d}?${Object.entries({path:m}).map(c=>`${c[0]}=${c[1]}`).join("&")}`;i(x)}),_=e=>{let{target:t}=e;if(!(t instanceof N))return;let i=t,{sbKind:n,sbStory:o}=i.dataset;(n||o)&&(e.preventDefault(),u({kind:n,story:o}))},a=!1,A=()=>{a||(a=!0,l.addEventListener("click",_))},H=()=>{a&&(a=!1,l.removeEventListener("click",_))},U=C({name:"withLinks",parameterName:M,wrapper:(e,t)=>(A(),v.getChannel().once(L,H),e(t))});const{definePreview:ut}=__STORYBOOK_MODULE_PREVIEW_API__;var B={};R(B,{decorators:()=>Y});var Y=[U],W=0,$=e=>e.button===W&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,V=(e,t=i=>{})=>{$(e)&&(e.preventDefault(),t(e))},X=class extends b.PureComponent{constructor(){super(...arguments),this.state={href:"/"},this.updateHref=async()=>{let{kind:e,title:t=e,story:i,name:n=i}=this.props;if(t&&n){let o=await K(t,n);this.setState({href:o})}},this.handleClick=()=>{let{kind:e,title:t=e,story:i,name:n=i}=this.props;t&&n&&u({title:t,name:n})}}componentDidMount(){this.updateHref()}componentDidUpdate(e){let{kind:t,title:i,story:n,name:o}=this.props;(e.kind!==t||e.story!==n||e.title!==i||e.name!==o)&&this.updateHref()}render(){let{kind:e,title:t=e,story:i,name:n=i,children:o,...p}=this.props,{href:m}=this.state;return y.createElement("a",{href:m,onClick:d=>V(d,this.handleClick),...p},o)}};X.defaultProps={children:void 0};function h(e){const t={code:"code",h4:"h4",p:"p",pre:"pre",...f(),...e.components};return r.jsxs(r.Fragment,{children:[r.jsx(k,{of:s}),`
+`,r.jsx(O,{of:s}),`
+`,r.jsx(S,{of:s}),`
+`,r.jsx(T,{of:s}),`
+`,r.jsx(j,{of:s}),`
+`,r.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
+`,r.jsxs(t.p,{children:["the ",r.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",r.jsx(t.code,{children:"SideNavItem"})]}),`
+`,r.jsx(t.pre,{children:r.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;
+    }
+);
+`})}),`
+`,r.jsx(D,{})]})}function _t(e={}){const{wrapper:t}={...f(),...e.components};return t?r.jsx(t,{...e,children:r.jsx(h,{...e})}):h(e)}export{_t as default};

package/dist/assets/{SideNav-DjaJNhvQ.js → SideNav-a8fqWzAH.js}

@@ -1,4 +1,4 @@
-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-C4N_85M9.js";import{r as a}from"./index-NdkWRN8K.js";import{f as hn,i as pn}from"./Typography-C4vClHaZ.js";import{u as N}from"./UiShellProvider-Do3wWAnY.js";import{u as Be}from"./useMountLifecycleEffect-CjsUCFhB.js";import{a as Ee,T as xn,b as ue,c as In,S as yn}from"./uiShellSharedConstants-CvCey4L_.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-D9iUNt-k.js";import{M as ie}from"./Box-BK5oZBIO.js";import{M as kn}from"./Link-PjuOItUN.js";import{S as J}from"./Skeleton-Bgl-rJ6W.js";import{M as Bn}from"./Badge-DGWMi2ON.js";import{M as En}from"./Status-SY8R_HiF.js";import{L as Ln}from"./Link-D0sejjD3.js";import{M as Dn}from"./ExternalLink-D3z7HWdx.js";import{M as An}from"./ChevronRight-SFKDVCjo.js";import{M as Tn}from"./MuiPropsContext-DhRylJZk.js";import{M as Hn}from"./Tooltip-ciZ4e0Eb.js";import{B as Fn}from"./Button-CbJri63v.js";/*!
+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-uYQ_l8PJ.js";import{r as a}from"./index-NdkWRN8K.js";import{f as hn,i as pn}from"./Typography-gfYWxfhb.js";import{u as N}from"./UiShellProvider-Cr2Lr10c.js";import{u as Be}from"./useMountLifecycleEffect-CjsUCFhB.js";import{a as Ee,T as xn,b as ue,c as In,S as yn}from"./uiShellSharedConstants-CvCey4L_.js";import{u as vn}from"./useUniqueId-DUzAQ6pl.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{A as Mn,b as jn,a as wn}from"./AccordionSummary-Cqqnyfeq.js";import{M as ie}from"./Box-XLjSpNxK.js";import{M as kn}from"./Link-P2sjP-aD.js";import{S as J}from"./Skeleton-BSJpuJ78.js";import{M as Bn}from"./Badge-CgiaxC_M.js";import{M as En}from"./Status-BbCnhdhJ.js";import{L as Ln}from"./Link-LYj8-DeM.js";import{M as Dn}from"./ExternalLink-C7UPr4SL.js";import{M as An}from"./ChevronRight-BEaWGMzi.js";import{M as Tn}from"./MuiPropsContext-DhRylJZk.js";import{M as Hn}from"./Tooltip-Bx__kQJp.js";import{B as Fn}from"./Button-dStBbGjZ.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.")
  *

package/dist/assets/SideNav.stories-C0ROmHeE.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-DsQ8XVOG.js";import{M as o}from"./SideNav-a8fqWzAH.js";import{M as Y,a as y,b as oe,c as ae,d as ne}from"./Server-BjJU0LGG.js";import{M as se}from"./Box-XLjSpNxK.js";import{f as re,d as ie}from"./Typography-gfYWxfhb.js";import{M as J}from"./AddCircle-DYQ5ipEw.js";import{M as le}from"./User-DR3B8-Pw.js";import{M as Q}from"./Home-yAl98ghs.js";import{M as C}from"./Folder-DTgm0zQ0.js";import{M as de}from"./Download-xLlaDLdW.js";import{M as ce}from"./Clock-dOo7_xs2.js";import{M as me}from"./Settings-CjZSn0DO.js";import{M as pe}from"./Notification-08pZljJb.js";const ue=()=>e.jsxs(se,{sx:{border:"1px dashed gray"},children:[e.jsx(re,{children:"Your custom footer content goes here"}),e.jsx(ie,{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(J,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:e.jsx(le,{})},{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(Y,{})},{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(de,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:e.jsx(ae,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:e.jsx(ce,{})},{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(me,{}),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(J,{}),isSortable:!1}]},{id:"sortable-item2",label:"Notifications",startIcon:e.jsx(pe,{}),count:1},{id:"sortable-item3",label:"Add apps",startIcon:e.jsx(Y,{})}]},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"],ze=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{ze as S};

package/dist/assets/{Skeleton-Bgl-rJ6W.js → Skeleton-BSJpuJ78.js}

@@ -1,4 +1,4 @@
-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-C4N_85M9.js";import{r as j}from"./index-NdkWRN8K.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{a as A}from"./colorManipulator-BmBCr6qx.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`
+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-uYQ_l8PJ.js";import{r as j}from"./index-NdkWRN8K.js";import{j as M}from"./jsx-runtime-CnH95YSl.js";import{a as A}from"./colorManipulator-BxsGKdcY.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;
   }

package/dist/assets/{Snackbar-hhmQPX8K.js → Snackbar-BY4-2ak2.js}

@@ -1 +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-C4N_85M9.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-S-YxUaHb.js";import{e as j}from"./resolveComponentProps-D1ztx9lS.js";import{j as k}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./utils-3Wr9v8NX.js";import{G as ee}from"./Grow-D6A2VZqw.js";import{g as ne,u as te}from"./getReactElementRef-SdO7zWnC.js";import{o as S}from"./ownerDocument-DW-IO8s5.js";import{P as oe}from"./Paper-D4wDjY4F.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};
+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-uYQ_l8PJ.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-6wpAF9yl.js";import{e as j}from"./resolveComponentProps-zX2d3UUb.js";import{j as k}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./utils-uddq32f3.js";import{G as ee}from"./Grow-CbLflC0D.js";import{g as ne,u as te}from"./getReactElementRef-CYW9xr5m.js";import{o as S}from"./ownerDocument-DW-IO8s5.js";import{P as oe}from"./Paper-BGSgbZC6.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-Dyzg8njm.js → Stack-Co_ZNMgX.js}

@@ -1 +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-C4N_85M9.js";import{r as d}from"./index-NdkWRN8K.js";import{c as U}from"./createStyled-CcazfAPj.js";import{j as $}from"./jsx-runtime-CnH95YSl.js";import{u as A}from"./useThemeProps-BX3arxP9.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};
+import{t as R,_ as T,b as k,d as D,an as v,ao as p,ap as F,a3 as B,aq as G,f as M,V as E,G as N,ar as h,s as _,c as O}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as d}from"./index-NdkWRN8K.js";import{c as U}from"./createStyled-B09qmfVW.js";import{j as $}from"./jsx-runtime-CnH95YSl.js";import{u as A}from"./useThemeProps-4A-zY4M2.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-jRk0Yp6q.js

@@ -0,0 +1 @@
+import{r as t}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c}from"./Stack-Co_ZNMgX.js";const l=[0,1,2,3,4,5,6,7,8,9],u=["row","row-reverse","column","column-reverse"],e=({children:s,direction:o="column",spacing:r=2})=>a.jsx(c,{direction:o,spacing:r,children:s}),m=t.memo(e);m.displayName="Stack";export{m as M,u as a,l as s};

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

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as c,h as p}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{O as m}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{s as d,a as s,M as l}from"./Stack-jRk0Yp6q.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./Stack-Co_ZNMgX.js";import"./createStyled-B09qmfVW.js";import"./useThemeProps-4A-zY4M2.js";const o=p.div(({odysseyDesignTokens:t})=>({display:"flex",alignItems:"center",justifyContent:"center",width:t.Spacing8,height:t.Spacing8,backgroundColor:t.HueNeutral100,border:`1px dashed ${t.PalettePrimaryDarker}`,borderRadius:t.BorderRadiusMain})),u=()=>{const t=c();return e.jsxs(e.Fragment,{children:[e.jsx(o,{odysseyDesignTokens:t,children:"1"}),e.jsx(o,{odysseyDesignTokens:t,children:"2"}),e.jsx(o,{odysseyDesignTokens:t,children:"3"}),e.jsx(o,{odysseyDesignTokens:t,children:"4"})]})},O={component:l,decorators:[m],tags:["autodocs"],argTypes:{children:{control:e.jsx(e.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:d.map(t=>t)},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:e.jsx(u,{}),spacing:2}},r={};var a,i,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(n=(i=r.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const R=["Default"];export{r as Default,R as __namedExportsOrder,O as default};

package/dist/assets/{StaticTable _labs_.stories-CwBlkxKe.js → StaticTable _labs_.stories-Dwx7A_WU.js }

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as I}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{u as w,M as B}from"./index.esm-Dv3Cs9mX.js";import{r as e}from"./index-NdkWRN8K.js";import{K as F}from"./OdysseyThemeProvider-C4N_85M9.js";import{M}from"./Button-DuM2NeMY.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./createSvgIcon-V-Po-Ssl.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./List-BSidosAy.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-3Wr9v8NX.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./Portal-DK2ELYoG.js";import"./Paper-D4wDjY4F.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./CircularProgress-K0vgt9-g.js";import"./DialogContent-CfzX3t0u.js";import"./Fade-fD56BVkE.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-p1SqDmrR.js";import"./DialogTitle-DWrKQeoP.js";import"./Typography-NdqIGwl5.js";import"./Menu-C2dEwThV.js";import"./MenuList-BCZDiX8u.js";import"./colorManipulator-BmBCr6qx.js";import"./IconButton-CgM2Hv_L.js";import"./Radio-BRMnUBeG.js";import"./SwitchBase-n4YlIRfi.js";import"./Checkbox-BlSNHylx.js";import"./useMobilePicker-NPR54vgn.js";import"./Select-Dg6qtAos.js";import"./ArrowDropDown-DddCYTEO.js";import"./InputBase-DSyP23zj.js";import"./FormHelperText-DQoZ2-nD.js";import"./useThemeProps-k7xle20R.js";import"./InputAdornment-CVIbzdDI.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-CbJri63v.js";import"./Chip-M3FRYspe.js";import"./MenuItem-D69h7bYZ.js";import"./Collapse-DKQFr8Jv.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./Close-DJA1l50S.js";import"./Skeleton-Bgl-rJ6W.js";import"./Divider-bVF9wNUG.js";import"./Autocomplete-BMfy4j72.js";import"./ListSubheader--G940pR4.js";import"./tableSortLabelClasses-BUdDGZ1b.js";import"./FormControlLabel-DPa22EmK.js";import"./DateTimePicker-Bc3ybPls.js";import"./Tabs-Yjnd4xiR.js";import"./DatePicker-DcQC9osa.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";/*!
+import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as I}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{u as w,M as B}from"./index.esm-CSagFIBX.js";import{r as e}from"./index-NdkWRN8K.js";import{K as F}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{M}from"./Button-NJfX6YsF.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./createSvgIcon-SdTF6s8l.js";import"./createChainedFunction-BO_9K8Jh.js";import"./debounce-Be36O1Ab.js";import"./ListItem-Bv1M9lel.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-C4KesWyd.js";import"./List-BcG-NsbC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./useControlled-NQulfz4l.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./utils-uddq32f3.js";import"./Stack-Co_ZNMgX.js";import"./createStyled-B09qmfVW.js";import"./useThemeProps-4A-zY4M2.js";import"./Tooltip-gH7ETEPn.js";import"./Grow-CbLflC0D.js";import"./getReactElementRef-CYW9xr5m.js";import"./resolveComponentProps-zX2d3UUb.js";import"./Popper-vW9B5iyN.js";import"./popper-BXFsSIrb.js";import"./Portal-ev1Y_qJb.js";import"./Paper-BGSgbZC6.js";import"./Box-C-xmRxaS.js";import"./createBox-emhTu6dS.js";import"./CircularProgress-BOLg_ZK_.js";import"./DialogContent-DBoG8cPo.js";import"./Fade-DSMklDt3.js";import"./Modal-D0XtQHFw.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./dialogActionsClasses-Dyfou6Pj.js";import"./DialogTitle-6m4SWKSG.js";import"./Typography-BIFhmR2K.js";import"./Menu-g2Uj1mcn.js";import"./MenuList-sllDVDo3.js";import"./colorManipulator-BxsGKdcY.js";import"./IconButton-DwJqCevw.js";import"./Radio-CnmlQGNx.js";import"./SwitchBase-DDdOwpAs.js";import"./Checkbox-DGd8S5xK.js";import"./useMobilePicker-DEUQ7oE6.js";import"./Select-BcdWA_SU.js";import"./ArrowDropDown-CSyg-khO.js";import"./InputBase-Cc2rXj8N.js";import"./FormHelperText-CZEj6vhF.js";import"./useThemeProps-DOJ_m4Vc.js";import"./InputAdornment-CrT6j38e.js";import"./visuallyHidden-Dan1xhjv.js";import"./Button-dStBbGjZ.js";import"./Chip-p4lq04qX.js";import"./MenuItem-DR63CY7B.js";import"./Collapse-Bf9rwi0n.js";import"./AlertTitle-BdgyvdT3.js";import"./useSlot-bWb1W-uo.js";import"./Close-DWj_zrWe.js";import"./Skeleton-BSJpuJ78.js";import"./Divider-CtIp4StC.js";import"./Autocomplete-Ce5vsFXe.js";import"./ListSubheader-CBvKBAKL.js";import"./tableSortLabelClasses-t0B4WNP1.js";import"./FormControlLabel-0yOoM5iA.js";import"./DateTimePicker-DFQrMMgz.js";import"./Tabs-AOq_ZOqc.js";import"./DatePicker-BxTRZXpL.js";import"./BaseButton-CPts8Xl1.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-Bx__kQJp.js";/*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/{Status-SY8R_HiF.js → Status-BbCnhdhJ.js}

@@ -1 +1 @@
-import{r as m}from"./index-NdkWRN8K.js";import{u}from"./MuiPropsContext-DhRylJZk.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{C as l}from"./Chip-M3FRYspe.js";const b=["default","error","info","success","warning"],j=["lamp","pill"],n=({ariaDescribedBy:s,label:a,severity:t,testId:r,translate:o,variant:e="pill"})=>{const i=u();return p.jsx(l,{...i,"aria-describedby":s,color:t,"data-se":r,label:a,translate:o,variant:e})},c=m.memo(n);c.displayName="Status";export{c as M,b as a,j as s};
+import{r as m}from"./index-NdkWRN8K.js";import{u}from"./MuiPropsContext-DhRylJZk.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{C as l}from"./Chip-p4lq04qX.js";const b=["default","error","info","success","warning"],j=["lamp","pill"],n=({ariaDescribedBy:s,label:a,severity:t,testId:r,translate:o,variant:e="pill"})=>{const i=u();return p.jsx(l,{...i,"aria-describedby":s,color:t,"data-se":r,label:a,translate:o,variant:e})},c=m.memo(n);c.displayName="Status";export{c as M,b as a,j as s};

package/dist/assets/{Status.stories-DEyjfdZ8.js → Status.stories-DW2Kp-Dt.js}

@@ -1,4 +1,4 @@
-import{j as m}from"./jsx-runtime-CnH95YSl.js";import{O as U}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{s as d,a as u,M as N}from"./Status-SY8R_HiF.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";const ur={component:N,decorators:[U],tags:["autodocs"],argTypes:{label:{control:"text",description:"The text describing the Status",type:{required:!0,name:"string"}},severity:{control:"radio",options:u,description:"The severity of the Status, as indicated by its styling",table:{type:{summary:u.join(" | ")},defaultValue:{summary:"default"}},type:{required:!0,name:"other",value:"radio"}},variant:{control:"radio",options:d,description:"Whether the Status is displayed uncontained (`lamp`) or contained (`pill`)",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"pill"}}}},args:{label:"Warp drive in standby",severity:"default"}},r={args:{label:"Warp drive in standby"}},e={args:{label:"Warp drive unstable",severity:"error"}},a={args:{label:"Warp drive unstable",severity:"info"}},s={args:{label:"Warp drive online",severity:"success"}},t={args:{label:"Warp fuel low",severity:"warning"}},n={args:{label:"Warp drive in standby",variant:"lamp"}},o={args:{label:"Warp drive unstable",severity:"error",variant:"lamp"}},i={args:{label:"Warp drive unstable",severity:"info",variant:"lamp"}},l={args:{label:"Warp drive online",severity:"success",variant:"lamp"}},p={args:{label:"Warp fuel low",severity:"warning",variant:"lamp"}},c={args:{label:"A really long label that will overflow the container and should be truncated",variant:"lamp"},render:function(Q){return m.jsx("div",{style:{width:"200px"},children:m.jsx(N,{...Q})})}};var v,g,b;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
+import{j as m}from"./jsx-runtime-CnH95YSl.js";import{O as U}from"./OdysseyStorybookThemeDecorator-DsQ8XVOG.js";import{s as d,a as u,M as N}from"./Status-BbCnhdhJ.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-uYQ_l8PJ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-YUKfsUrL.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-p4lq04qX.js";import"./createSvgIcon-SdTF6s8l.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-Wolvis_2.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-6wpAF9yl.js";import"./TransitionGroupContext-DAL84N7p.js";const ur={component:N,decorators:[U],tags:["autodocs"],argTypes:{label:{control:"text",description:"The text describing the Status",type:{required:!0,name:"string"}},severity:{control:"radio",options:u,description:"The severity of the Status, as indicated by its styling",table:{type:{summary:u.join(" | ")},defaultValue:{summary:"default"}},type:{required:!0,name:"other",value:"radio"}},variant:{control:"radio",options:d,description:"Whether the Status is displayed uncontained (`lamp`) or contained (`pill`)",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"pill"}}}},args:{label:"Warp drive in standby",severity:"default"}},r={args:{label:"Warp drive in standby"}},e={args:{label:"Warp drive unstable",severity:"error"}},a={args:{label:"Warp drive unstable",severity:"info"}},s={args:{label:"Warp drive online",severity:"success"}},t={args:{label:"Warp fuel low",severity:"warning"}},n={args:{label:"Warp drive in standby",variant:"lamp"}},o={args:{label:"Warp drive unstable",severity:"error",variant:"lamp"}},i={args:{label:"Warp drive unstable",severity:"info",variant:"lamp"}},l={args:{label:"Warp drive online",severity:"success",variant:"lamp"}},p={args:{label:"Warp fuel low",severity:"warning",variant:"lamp"}},c={args:{label:"A really long label that will overflow the container and should be truncated",variant:"lamp"},render:function(Q){return m.jsx("div",{style:{width:"200px"},children:m.jsx(N,{...Q})})}};var v,g,b;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
   args: {
     label: "Warp drive in standby"
   }