@okta/odyssey-react-mui 1.47.1 → 1.48.0

package/dist/assets/Typography.stories-CitS-iTX.js

@@ -0,0 +1,73 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as s,a as T,b as L}from"./Typography-CQfngSjD.js";import{O as B}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{W}from"./WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Typography-CSpPZFTF.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./i18next-7SyOfhCu.js";const o={maxWidth:"400px",border:"1px dashed #ccc",padding:"16px"},M={title:"Resource Access Policy Components/Typography",component:s,decorators:[B,W],tags:["autodocs"],argTypes:{children:{control:"text",description:"The text content of the component."},clampLines:{control:"number",description:"Limits the text to a specified number of lines, adding ellipsis when content overflows.",table:{type:{summary:"number"}}},wordBreak:{control:"select",options:["normal","break-all","keep-all","break-word"],description:"Controls how text should break within the element.",table:{type:{summary:"string"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},parameters:{docs:{description:{component:"Demonstrates the `wordBreak` and `clampLines` props for controlling text overflow behavior in Typography components."}}}},r={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{wordBreak:"break-all",children:"ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier"})}),parameters:{docs:{description:{story:"Use `wordBreak` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."}}}},n={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."})}),parameters:{docs:{description:{story:"Use `clampLines` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."}}}},t={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:2,wordBreak:"break-word",children:"ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})}),parameters:{docs:{description:{story:"Combine `wordBreak` and `clampLines` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."}}}},i={render:()=>e.jsx("div",{style:o,children:e.jsx(T,{clampLines:2,children:"This Is A Very Long Heading That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container"})}),parameters:{docs:{description:{story:"Example of using `clampLines` with a heading component to prevent long titles from taking up too much space."}}}},a={render:()=>e.jsx("div",{style:o,children:e.jsx(L,{wordBreak:"break-all",children:"https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking"})}),parameters:{docs:{description:{story:"Example of using `wordBreak` with a paragraph to handle long URLs that would otherwise overflow the container."}}}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Typography wordBreak="break-all">
+        ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier
+      </Typography>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Use \`wordBreak\` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."
+      }
+    }
+  }
+}`,...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var c,m,h;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Typography clampLines={3}>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
+        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
+        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
+        velit esse cillum dolore eu fugiat nulla pariatur.
+      </Typography>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Use \`clampLines\` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."
+      }
+    }
+  }
+}`,...(h=(m=n.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};var u,g,y;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Typography clampLines={2} wordBreak="break-word">
+        ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua.
+      </Typography>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Combine \`wordBreak\` and \`clampLines\` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."
+      }
+    }
+  }
+}`,...(y=(g=t.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var w,f,v;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Heading2 clampLines={2}>
+        This Is A Very Long Heading That Should Be Clamped To Two Lines And Show
+        Ellipsis When It Overflows The Container
+      </Heading2>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Example of using \`clampLines\` with a heading component to prevent long titles from taking up too much space."
+      }
+    }
+  }
+}`,...(v=(f=i.parameters)==null?void 0:f.docs)==null?void 0:v.source}}};var b,k,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  render: () => <div style={containerStyle}>
+      <Paragraph wordBreak="break-all">
+        https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking
+      </Paragraph>
+    </div>,
+  parameters: {
+    docs: {
+      description: {
+        story: "Example of using \`wordBreak\` with a paragraph to handle long URLs that would otherwise overflow the container."
+      }
+    }
+  }
+}`,...(x=(k=a.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};const R=["WordBreak","LineClamp","CombinedWordBreakAndClamp","HeadingWithClamp","ParagraphWithWordBreak"];export{t as CombinedWordBreakAndClamp,i as HeadingWithClamp,n as LineClamp,a as ParagraphWithWordBreak,r as WordBreak,R as __namedExportsOrder,M as default};

package/dist/assets/{Typography.stories-D-TscJaP.js → Typography.stories-dzT0O_H3.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN8K.js";import{a as e}from"./axeRun-B-LchFqf.js";import{O as Tr}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{t as T,M as Sr,h as S,d as or,c as sr,i as tr,f as ir,a as n,j as pr,e as dr,b as cr,g as yr,k as gr,l as hr}from"./Typography-DfSdXC7o.js";const xr={h1:hr,h2:gr,h3:yr,h4:cr,h5:dr,h6:pr,body:n,legend:ir,overline:tr,subordinate:sr,support:or},vr={component:Sr,decorators:[Tr],parameters:{docs:{description:""}},argTypes:{ariaDescribedBy:{description:"The ID of the element that describes the component.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component.",table:{type:{summary:"string"}}},ariaLabelledBy:{description:"The ID of the element that labels the component.",table:{type:{summary:"string"}}},children:{control:"text",description:"The text content of the component.",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},color:{options:T,control:{type:"select"},description:"The color of the text.",table:{type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{type:{summary:"ElementType"}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render.",table:{type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},o={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:r=>{const{variant:lr,...mr}=r;return ur.createElement(xr[lr],mr)}},s={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:r=>a.jsx(hr,{...r})},t={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:r=>a.jsx(gr,{...r})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:r=>a.jsx(yr,{...r}),play:async()=>{await e("Typography h3")}},p={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:r=>a.jsx(cr,{...r}),play:async()=>{await e("Typography h4")}},d={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:r=>a.jsx(dr,{...r}),play:async()=>{await e("Typography h5")}},c={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:r=>a.jsx(pr,{...r}),play:async()=>{await e("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:r=>a.jsx(n,{...r}),play:async()=>{await e("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:r=>a.jsx(ir,{...r}),play:async()=>{await e("Typography legend")}},h={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:r=>a.jsx(tr,{...r}),play:async()=>{await e("Typography Overline")}},l={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:r=>a.jsx(sr,{...r}),play:async()=>{await e("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:r=>a.jsx(or,{...r}),play:async()=>{await e("Typography support")}},u={name:"Color",render:()=>a.jsxs(a.Fragment,{children:[a.jsx(n,{color:"primary",children:"This is a primary color."}),a.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),a.jsx(n,{color:"secondary",children:"This is a secondary color."}),a.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),a.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
+import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN8K.js";import{a as e}from"./axeRun-B-LchFqf.js";import{O as Tr}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{t as T,M as Sr,h as S,d as or,c as sr,i as tr,e as ir,a as n,j as pr,f as dr,b as cr,g as yr,k as gr,l as hr}from"./Typography-B7ktrxCD.js";const xr={h1:hr,h2:gr,h3:yr,h4:cr,h5:dr,h6:pr,body:n,legend:ir,overline:tr,subordinate:sr,support:or},vr={component:Sr,decorators:[Tr],parameters:{docs:{description:""}},argTypes:{ariaDescribedBy:{description:"The ID of the element that describes the component.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component.",table:{type:{summary:"string"}}},ariaLabelledBy:{description:"The ID of the element that labels the component.",table:{type:{summary:"string"}}},children:{control:"text",description:"The text content of the component.",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},color:{options:T,control:{type:"select"},description:"The color of the text.",table:{type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{type:{summary:"ElementType"}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render.",table:{type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},o={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:r=>{const{variant:lr,...mr}=r;return ur.createElement(xr[lr],mr)}},s={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:r=>a.jsx(hr,{...r})},t={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:r=>a.jsx(gr,{...r})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:r=>a.jsx(yr,{...r}),play:async()=>{await e("Typography h3")}},p={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:r=>a.jsx(cr,{...r}),play:async()=>{await e("Typography h4")}},d={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:r=>a.jsx(dr,{...r}),play:async()=>{await e("Typography h5")}},c={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:r=>a.jsx(pr,{...r}),play:async()=>{await e("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:r=>a.jsx(n,{...r}),play:async()=>{await e("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:r=>a.jsx(ir,{...r}),play:async()=>{await e("Typography legend")}},h={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:r=>a.jsx(tr,{...r}),play:async()=>{await e("Typography Overline")}},l={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:r=>a.jsx(sr,{...r}),play:async()=>{await e("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:r=>a.jsx(or,{...r}),play:async()=>{await e("Typography support")}},u={name:"Color",render:()=>a.jsxs(a.Fragment,{children:[a.jsx(n,{color:"primary",children:"This is a primary color."}),a.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),a.jsx(n,{color:"secondary",children:"This is a secondary color."}),a.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),a.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
   name: "Generic Typography",
   args: {
     children: "This is standard text.",

package/dist/assets/{UiShell.stories-BRpnZ7zi.js → UiShell.stories-BV5mK0Oz.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./jsx-runtime-CnH95YSl.js";import{a as Cs}from"./index-B-lxVbXh.js";import{f as rs}from"./index-BJMTVygn.js";import{r as a}from"./index-NdkWRN8K.js";import{a as E}from"./emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js";import{T as qs}from"./Tooltip-D4AWrTBw.js";import{B as Ms}from"./Button-CdPi1pZc.js";import{P as Ns}from"./PlaceholderLogo-JfVvgA23.js";import{O as C}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{E as x}from"./utilities.esm-DpQ0TZP_.js";import{M as os}from"./OdysseyProvider-2xjMTEu6.js";import{s as m,S as Ps,u as ae,a2 as ws,ax as ks}from"./OdysseyThemeProvider-BBwjgzn2.js";import{M as se}from"./Button-DGmXZ3jw.js";import{M as Is}from"./More-D1qrtSvt.js";import{U as Y,e as ns,T as te,a as us,S as de}from"./uiShellSharedConstants-DD9UP82e.js";import{a as Ts,M as X}from"./SideNav-CJ4qafJJ.js";import{u as ls,M as js}from"./UiShellProvider-BOM87LOZ.js";import{S as Es}from"./Skeleton-dfR0DjWP.js";import{M as me}from"./AppSwitcher-B7j0xavZ.js";import{M as pe}from"./TopNav-dZWiR_bv.js";import{u as As,M as Ds}from"./PageTemplate-mNUP99LO.js";import{M as cs}from"./UserProfile-DqokqHU1.js";import{M as ie}from"./User-D6db-Gy0.js";import{M as Rs}from"./SearchField-CYM6nbh5.js";import{M as ds}from"./Surface-3Y97A1O8.js";import{M as Us}from"./Layout-BduWITqf.js";import{a as Bs}from"./Typography-DfSdXC7o.js";import{M as Fs}from"./Box-BGpAHVQV.js";import{M as Ls}from"./Banner-itG3HAaL.js";import{M as he,a as ge,b as Os,c as Hs,d as zs,e as ve,f as Ws}from"./Server-DjXPiVgb.js";import{M as be}from"./Home-BiP4Mg1h.js";import{M as fe}from"./Folder-BfxqGqvt.js";import{M as _s}from"./Download-CnpAgqy2.js";import{M as Vs}from"./Clock-Cs7_WjUp.js";import{M as $s}from"./Settings-CjXK8-N1.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./ownerDocument-DW-IO8s5.js";import"./ButtonBase-BAQsCgRq.js";import"./index-BJTM6NaI.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-0jrOTJTD.js";import"./useSlot-CaOQD_17.js";import"./Collapse-COoe3Qtd.js";import"./Paper-XsV8SWR9.js";import"./Link-DI6v1ROk.js";import"./Link-BnBknBcu.js";import"./Typography-Yf1Zkad_.js";import"./ExternalLink-BZ-Yczsk.js";import"./Badge-C6SBtLt7.js";import"./Status-BpzpxYZ-.js";import"./Chip-DXaMeATb.js";import"./createSvgIcon-DsUj6UQo.js";import"./ChevronRight-DkL07pJu.js";import"./colorManipulator-CjGkpVfF.js";import"./Documentation-BrTRsPbe.js";import"./Field-lyECanzU.js";import"./List-Be7fhh4_.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./ScreenReaderText-CM78bF1y.js";import"./Box-CWTB5xfE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-qF3DX-zz.js";import"./FieldHint-C3tXb7u4.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSZ9ZgyW.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-D4SsBOPe.js";import"./Search-CkfJXFe5.js";import"./IconButton-OY9nJWpv.js";import"./AlertTitle-BbBpDTwd.js";import"./Close-ATS01D1v.js";/*!
+import{j as s}from"./jsx-runtime-CnH95YSl.js";import{a as Cs}from"./index-B-lxVbXh.js";import{f as rs}from"./index-BJMTVygn.js";import{r as a}from"./index-NdkWRN8K.js";import{j as E}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{T as qs}from"./Tooltip-D_pBGtcj.js";import{B as Ms}from"./Button-BvUGu5Sm.js";import{P as Ns}from"./PlaceholderLogo-JfVvgA23.js";import{O as C}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{E as x}from"./utilities.esm-DpQ0TZP_.js";import{M as os}from"./OdysseyProvider-BPLFYiwr.js";import{h as m,S as Ps,u as ae,av as ws,ax as ks}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as se}from"./Button-DPUOjyZy.js";import{M as Is}from"./More-BgQrTkKM.js";import{U as Y,e as ns,T as te,a as us,S as de}from"./uiShellSharedConstants-DD9UP82e.js";import{a as Ts,M as X}from"./SideNav-QMiST_j6.js";import{u as ls,M as js}from"./UiShellProvider-Bm9plvoZ.js";import{S as Es}from"./Skeleton-DAUyPclv.js";import{M as me}from"./AppSwitcher-mUx_f1r6.js";import{M as pe}from"./TopNav-Dwo-KfAw.js";import{M as As}from"./SearchField-glDE5e-X.js";import{M as cs}from"./Surface-BCTO1YR-.js";import{u as Ds,M as Rs}from"./PageTemplate-mjLVQesI.js";import{a as Us}from"./Typography-B7ktrxCD.js";import{M as Bs}from"./Box-B-R2QRDU.js";import{M as Fs}from"./Banner-25ZggH76.js";import{M as ds}from"./UserProfile-DrnAMPM1.js";import{M as ie}from"./User-CvYTA860.js";import{M as Ls}from"./Layout-BndkhA1_.js";import{M as he,a as ge,b as Os,c as Hs,d as zs,e as ve,f as Ws}from"./Server-DS5iERo2.js";import{M as be}from"./Home-CUQc6tB8.js";import{M as fe}from"./Folder-8esChg_E.js";import{M as _s}from"./Download-VHpUH0as.js";import{M as Vs}from"./Clock-8HOQy_d4.js";import{M as $s}from"./Settings-SRsJGOHl.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./index-BJTM6NaI.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-Byc6MkHu.js";import"./useSlot-VN2O4BOA.js";import"./Collapse-DtQCvyEw.js";import"./Paper-DwBg74qy.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./Badge-DFZYqSZN.js";import"./Status-CdgTiE4c.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./ChevronRight-BLkvXBUf.js";import"./colorManipulator-C6C6_xuT.js";import"./Field-BxkyNVQW.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";import"./Search-BSlcf4bB.js";import"./IconButton-Wwvz84xG.js";import"./Documentation-CBbHUjXC.js";import"./AlertTitle-BDkgiA29.js";import"./Close-BjXKhBr_.js";/*!
  * 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.")
  *
@@ -128,7 +128,7 @@ import{j as s}from"./jsx-runtime-CnH95YSl.js";import{a as Cs}from"./index-B-lxVb
  * 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=()=>{const e=new Map;return{publish:c=>{Array.from(e.values()).forEach(o=>{o(c)})},subscribe:c=>{const o=Symbol();return e.set(o,c),()=>{e.delete(o)}}}},xi={component:Z,parameters:{layout:"fullscreen"},tags:["!autodocs"],argTypes:{appBackgroundColor:{control:"color",description:"Custom color for app content background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}},appElement:{control:void 0,description:"Element that the consuming app renders into.",table:{type:{summary:"InputType"}}},appElementScrollingMode:{control:void 0,description:"Mode used for scrolling.",table:{type:{summary:"InputType"}}},hasStandardAppContentPadding:{control:"boolean",description:"defaults to `true`. If `false`, the content area will have no padding provided",table:{type:{summary:"boolean"}}},initialVisibleSections:{control:"text",description:"A list of UiShell components that should be (minimally) rendered initially, with their isLoading property set when applicable. Allows the initial visibility of UiShell components to be influenced.",table:{type:{summary:"string"}}},onError:{description:'Notifies when a React rendering error occurs. This could be useful for logging, flagging "p0"s, and recovering UI Shell when errors occur.',table:{defaultValue:{summary:"console.error"},type:{summary:"string"}}},onSubscriptionCreated:{description:"Notifies when subscribed to prop changes. UI Shell listens to prop updates, and it won't subscribe synchronously. Because of that, this callback notifies when that subscription is ready.",table:{type:{summary:"string"}}},optionalComponents:{description:"Components that will render as children of various other components such as the top nav or side nav.",table:{type:{summary:"ReactElement"}}},sideNavBackgroundColor:{control:"color",description:"Custom color for side nav background",table:{type:{summary:"hex color code"}}},subscribeToPropChanges:{description:"This is a callback that provides a subscriber callback to listen for changes to state. It allows UI Shell to listen for state changes. The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.",table:{type:{summary:"MouseEventHandler"}}},topNavBackgroundColor:{control:"color",description:"Custom color for top nav background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}}},args:{appElement:document.createElement("div"),appElementScrollingMode:"vertical",onSubscriptionCreated:Cs("onSubscriptionCreated"),uiShellAppElement:document.createElement("div"),uiShellStylesElement:document.head}},A={appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"okta_enduser"},D={appName:"Enduser",isCollapsible:!0,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:s.jsx(he,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:s.jsx(ie,{})},{id:"item4",label:"Dashboard",startIcon:s.jsx(be,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:s.jsx(ge,{})},{id:"item6",label:"Onboarding",startIcon:s.jsx(fe,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:s.jsx(Os,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:s.jsx(Hs,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:s.jsx(_s,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:s.jsx(zs,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:s.jsx(Vs,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:s.jsx(ve,{}),endIcon:s.jsx(ve,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx($s,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:s.jsx(fe,{})},{id:"item17-0",label:"Enduser",isSectionHeader:!0},{id:"item17",label:"My Apps",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx(be,{}),nestedNavItems:[{id:"item17-1",label:"Recently Used"},{id:"item17-2",label:"Work"},{id:"item17-3",label:"Add section",endIcon:s.jsx(he,{})}]},{id:"item18",label:"Notifications",startIcon:s.jsx(Ws,{}),count:1},{id:"item19",label:"Add apps",startIcon:s.jsx(ge,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]},R={},T={topNavLeftSide:s.jsx("div",{children:s.jsx(Rs,{label:"Search",placeholder:"Search..."})}),topNavRightSide:s.jsx(cs,{orgName:"ORG123",profileIcon:s.jsx(ie,{}),userName:"test.user@test.com"})},xs=()=>{const[,e]=a.useState(0);return a.useEffect(()=>{e(1)},[]),a.useRef(null)},B={decorators:[C],args:{subscribeToPropChanges:e=>(e({sideNavProps:{appName:"Odyssey Storybook",sideNavItems:[]}}),()=>{})}},F={decorators:[C],args:{subscribeToPropChanges:()=>rs()}},L={decorators:[C],args:{initialVisibleSections:[],subscribeToPropChanges:()=>rs()}},O={decorators:[C],args:{initialVisibleSections:["TopNav"],optionalComponents:T,subscribeToPropChanges:e=>(e({topNavProps:R}),()=>{})}},H={decorators:[C],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher"],subscribeToPropChanges:e=>(e({appSwitcherProps:A}),()=>{})}},z={decorators:[C],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher","SideNav","TopNav"],subscribeToPropChanges:e=>(e({appSwitcherProps:vs}),()=>{})}},W={decorators:[C],args:{optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:{...A,isLoading:!0},sideNavProps:{...D,isLoading:!0},topNavProps:{}}),()=>{})}},_={decorators:[C],args:{appBackgroundColor:void 0,optionalComponents:T,sideNavBackgroundColor:void 0,subscribeToPropChanges:e=>(e({topNavProps:R,sideNavProps:{...D,logoProps:{isSameBackgroundAsMain:!0}}}),()=>{}),topNavBackgroundColor:void 0}},V={decorators:[C],args:{optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:D,topNavProps:R}),()=>{})}},$={decorators:[C],args:{initialVisibleSections:["AppSwitcher","TopNav"],optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:{...D,isCollapsed:!0,isCollapsible:!1},topNavProps:R}),()=>{})}},Ce="30px",G={args:{optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:{...D,logoProps:{logoComponent:s.jsx(Ns.One,{})}},topNavProps:R}),()=>{})},render:function(t){const u=xs(),[c,o]=a.useState(!1),n=a.useCallback(()=>{o(!0)},[]);return a.useEffect(()=>{if(c){const r=document.getElementById("lineHeightOutput");r&&(r.innerText=getComputedStyle(r).lineHeight)}},[c]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:u,children:[s.jsx("style",{children:`body { line-height: ${Ce} !important; }`}),c&&s.jsxs(ds,{children:[s.jsxs("div",{style:{float:"right",width:"200px",height:"200px",padding:"20px",backgroundColor:"lightgray",zIndex:1,position:"relative"},children:["A box to demonstrate whether the TopNav shadow clips or not (it should not since"," ",s.jsx("a",{href:"https://github.com/okta/odyssey/pull/2461/files#diff-45b62c71e0e59aaed6b2683e0efe6fb7239b2bcf5573f4946340992efeff3c4a",children:"this PR"}),")."]}),s.jsxs("p",{children:["Line Height: ",s.jsx("span",{id:"lineHeightOutput"}),' <- THIS VALUE SHOULD BE "',Ce,`" if there hasn't been a regression.`]}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Et…"]})]}),s.jsx(Z,{...t,appElement:u.current,onSubscriptionCreated:n})]})}},{publish:Rt,subscribe:Ut}=Dt(),Q={decorators:[C],args:{optionalComponents:{...T,banners:s.jsx(Ls,{severity:"success",text:"This is an app!"}),rightSideMenu:s.jsx(Fs,{sx:{display:"flex",justifyContent:"center"},children:s.jsx(ys,{onClick:()=>Rt(),variant:"floating",children:s.jsx(cs,{orgName:"ORG123",profileIcon:s.jsx(ie,{}),userName:"test.user@test.com"})})})},subscribeToCloseRightSideMenu:Ut,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:D,topNavProps:R}),()=>{})},render:function(t){const u=xs(),[c,o]=a.useState(!1),n=a.useCallback(()=>{o(!0)},[]);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:u,children:[s.jsx("div",{[As]:""}),c&&s.jsx(os,{children:s.jsx(Ds,{description:"This is my app.",title:"Access Certification",children:s.jsx(Us,{regions:[1],children:s.jsxs(ds,{children:[s.jsx("div",{style:{marginBlockEnd:`${16/14}rem`},children:s.jsx(Bs,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum."})}),s.jsx("div",{children:s.jsx(se,{label:"I understand",variant:"primary"})})]})})})})]}),s.jsx(Z,{...t,appElement:u.current,onSubscriptionCreated:n})]})}};var qe,Me,Ne;B.parameters={...B.parameters,docs:{...(qe=B.parameters)==null?void 0:qe.docs,source:{originalSource:`{
+ */const Dt=()=>{const e=new Map;return{publish:c=>{Array.from(e.values()).forEach(o=>{o(c)})},subscribe:c=>{const o=Symbol();return e.set(o,c),()=>{e.delete(o)}}}},Ni={component:Z,parameters:{layout:"fullscreen"},tags:["!autodocs"],argTypes:{appBackgroundColor:{control:"color",description:"Custom color for app content background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}},appElement:{control:void 0,description:"Element that the consuming app renders into.",table:{type:{summary:"InputType"}}},appElementScrollingMode:{control:void 0,description:"Mode used for scrolling.",table:{type:{summary:"InputType"}}},hasStandardAppContentPadding:{control:"boolean",description:"defaults to `true`. If `false`, the content area will have no padding provided",table:{type:{summary:"boolean"}}},initialVisibleSections:{control:"text",description:"A list of UiShell components that should be (minimally) rendered initially, with their isLoading property set when applicable. Allows the initial visibility of UiShell components to be influenced.",table:{type:{summary:"string"}}},onError:{description:'Notifies when a React rendering error occurs. This could be useful for logging, flagging "p0"s, and recovering UI Shell when errors occur.',table:{defaultValue:{summary:"console.error"},type:{summary:"string"}}},onSubscriptionCreated:{description:"Notifies when subscribed to prop changes. UI Shell listens to prop updates, and it won't subscribe synchronously. Because of that, this callback notifies when that subscription is ready.",table:{type:{summary:"string"}}},optionalComponents:{description:"Components that will render as children of various other components such as the top nav or side nav.",table:{type:{summary:"ReactElement"}}},sideNavBackgroundColor:{control:"color",description:"Custom color for side nav background",table:{type:{summary:"hex color code"}}},subscribeToPropChanges:{description:"This is a callback that provides a subscriber callback to listen for changes to state. It allows UI Shell to listen for state changes. The props coming in this callback go directly to a React state; therefore, it shares the same signature and provides a previous state.",table:{type:{summary:"MouseEventHandler"}}},topNavBackgroundColor:{control:"color",description:"Custom color for top nav background. Should only be used as a stop-gap to allow support for dark mode.",table:{type:{summary:"hex color code"}}}},args:{appElement:document.createElement("div"),appElementScrollingMode:"vertical",onSubscriptionCreated:Cs("onSubscriptionCreated"),uiShellAppElement:document.createElement("div"),uiShellStylesElement:document.head}},A={appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"okta_enduser"},D={appName:"Enduser",isCollapsible:!0,sideNavItems:[{id:"item1",label:"Add new folder",endIcon:s.jsx(he,{}),onClick:()=>{}},{id:"item2",label:"Admin",isSectionHeader:!0},{id:"item3",href:"/?path=/docs/mui-components-typography--docs",label:"Users",startIcon:s.jsx(ie,{})},{id:"item4",label:"Dashboard",startIcon:s.jsx(be,{}),isDisabled:!0,nestedNavItems:[{id:"item4-1",href:"/",label:"Home"}]},{id:"item5",href:"/",label:"Applications",startIcon:s.jsx(ge,{})},{id:"item6",label:"Onboarding",startIcon:s.jsx(fe,{}),nestedNavItems:[{id:"item6-1",href:"/",label:"Start"},{id:"item6-2",href:"/",label:"Tasks"},{id:"item6-3",href:"/",label:"Getting Started"}]},{id:"item7",href:"/",label:"Directory",startIcon:s.jsx(Os,{})},{id:"item8",label:"Resource Management",isSectionHeader:!0},{id:"item9",href:"/",label:"Kubernetes",startIcon:s.jsx(Hs,{}),severity:"info",statusLabel:"BETA"},{id:"item10",href:"/",label:"Reports",startIcon:s.jsx(_s,{})},{id:"item11",href:"/",label:"Identify Governance",target:"_blank",isDisabled:!0,startIcon:s.jsx(zs,{})},{id:"item12",href:"/",label:"Workflows",target:"_blank",startIcon:s.jsx(Vs,{})},{id:"item13",label:"Security Administration",isSectionHeader:!0},{id:"item14",href:"/",label:"Security",startIcon:s.jsx(ve,{}),endIcon:s.jsx(ve,{})},{id:"item15",label:"Settings",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx($s,{}),nestedNavItems:[{id:"item15-1",href:"/",label:"General"},{id:"item15-2",href:"/",label:"Custom Domain",isSelected:!0},{id:"item15-3",label:"Account Management"},{id:"item15-4",href:"/",label:"Authentication Policies",isDisabled:!0},{id:"item15-5",href:"/",label:"IDP Configuration"}]},{id:"item16",href:"/",label:"System Configuration",startIcon:s.jsx(fe,{})},{id:"item17-0",label:"Enduser",isSectionHeader:!0},{id:"item17",label:"My Apps",isDefaultExpanded:!0,isSortable:!0,startIcon:s.jsx(be,{}),nestedNavItems:[{id:"item17-1",label:"Recently Used"},{id:"item17-2",label:"Work"},{id:"item17-3",label:"Add section",endIcon:s.jsx(he,{})}]},{id:"item18",label:"Notifications",startIcon:s.jsx(Ws,{}),count:1},{id:"item19",label:"Add apps",startIcon:s.jsx(ge,{})}],footerItems:[{id:"footer-item-1",label:"Docs",href:"/"},{id:"footer-item-2",label:"Privacy"},{id:"footer-item-3",label:"Security",href:"/"}]},R={},T={topNavLeftSide:s.jsx("div",{children:s.jsx(As,{label:"Search",placeholder:"Search..."})}),topNavRightSide:s.jsx(ds,{orgName:"ORG123",profileIcon:s.jsx(ie,{}),userName:"test.user@test.com"})},xs=()=>{const[,e]=a.useState(0);return a.useEffect(()=>{e(1)},[]),a.useRef(null)},B={decorators:[C],args:{subscribeToPropChanges:e=>(e({sideNavProps:{appName:"Odyssey Storybook",sideNavItems:[]}}),()=>{})}},F={decorators:[C],args:{subscribeToPropChanges:()=>rs()}},L={decorators:[C],args:{initialVisibleSections:[],subscribeToPropChanges:()=>rs()}},O={decorators:[C],args:{initialVisibleSections:["TopNav"],optionalComponents:T,subscribeToPropChanges:e=>(e({topNavProps:R}),()=>{})}},H={decorators:[C],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher"],subscribeToPropChanges:e=>(e({appSwitcherProps:A}),()=>{})}},z={decorators:[C],args:{hasStandardAppContentPadding:!1,initialVisibleSections:["AppSwitcher","SideNav","TopNav"],subscribeToPropChanges:e=>(e({appSwitcherProps:vs}),()=>{})}},W={decorators:[C],args:{optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:{...A,isLoading:!0},sideNavProps:{...D,isLoading:!0},topNavProps:{}}),()=>{})}},_={decorators:[C],args:{appBackgroundColor:void 0,optionalComponents:T,sideNavBackgroundColor:void 0,subscribeToPropChanges:e=>(e({topNavProps:R,sideNavProps:{...D,logoProps:{isSameBackgroundAsMain:!0}}}),()=>{}),topNavBackgroundColor:void 0}},V={decorators:[C],args:{optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:D,topNavProps:R}),()=>{})}},$={decorators:[C],args:{initialVisibleSections:["AppSwitcher","TopNav"],optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:{...D,isCollapsed:!0,isCollapsible:!1},topNavProps:R}),()=>{})}},Ce="30px",G={args:{optionalComponents:T,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:{...D,logoProps:{logoComponent:s.jsx(Ns.One,{})}},topNavProps:R}),()=>{})},render:function(t){const u=xs(),[c,o]=a.useState(!1),n=a.useCallback(()=>{o(!0)},[]);return a.useEffect(()=>{if(c){const r=document.getElementById("lineHeightOutput");r&&(r.innerText=getComputedStyle(r).lineHeight)}},[c]),s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:u,children:[s.jsx("style",{children:`body { line-height: ${Ce} !important; }`}),c&&s.jsxs(cs,{children:[s.jsxs("div",{style:{float:"right",width:"200px",height:"200px",padding:"20px",backgroundColor:"lightgray",zIndex:1,position:"relative"},children:["A box to demonstrate whether the TopNav shadow clips or not (it should not since"," ",s.jsx("a",{href:"https://github.com/okta/odyssey/pull/2461/files#diff-45b62c71e0e59aaed6b2683e0efe6fb7239b2bcf5573f4946340992efeff3c4a",children:"this PR"}),")."]}),s.jsxs("p",{children:["Line Height: ",s.jsx("span",{id:"lineHeightOutput"}),' <- THIS VALUE SHOULD BE "',Ce,`" if there hasn't been a regression.`]}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Etiam placerat, tellus viverra rutrum porttitor, elit arcu molestie nibh, at porta arcu odio ut neque. Donec id odio ut neque malesuada pulvinar a in tortor. Fusce eu urna lobortis, rhoncus odio nec, scelerisque dolor. Donec tempor eros sed condimentum rutrum. Vivamus ac odio ac erat bibendum ultricies. Cras nec libero sit amet leo luctus gravida. Praesent placerat massa ex. Donec vehicula orci ac consequat mollis. Sed vitae magna ligula. Nulla pulvinar lectus ex, sed varius enim pulvinar vel. Morbi viverra vitae dui sit amet mattis. Phasellus quis augue viverra, rhoncus tellus non, elementum massa. Donec posuere luctus ultrices. Ut eu massa sem. Aliquam sed mattis nulla, ac fermentum magna. Vestibulum ac ex ut massa molestie gravida. Cras est arcu, varius nec fringilla semper, aliquet id nunc. Quisque facilisis, nulla nec ornare vehicula, justo urna feugiat lorem, nec pretium odio nisl facilisis diam. Sed a quam in risus semper convallis sed eget mauris. Proin vitae purus augue. Ut et risus justo. Mauris porta, leo non vestibulum cursus, ante nisi sagittis magna, et convallis enim arcu a diam. Ut tincidunt urna ac massa consectetur euismod. Aenean sagittis nisi mi, eu bibendum arcu auctor at. Sed et urna sit amet sapien euismod vulputate molestie eu ipsum. Phasellus mattis semper neque, et porttitor mi scelerisque eget. Donec non egestas ex, ac consequat nunc. Nunc sed risus ac orci ullamcorper lacinia vel at risus. Nulla et odio eros. Vivamus tempor ultricies mi sed luctus. Duis faucibus sollicitudin odio, quis rhoncus orci volutpat nec. Vivamus id eros et est aliquam porttitor. Maecenas maximus magna sed est condimentum hendrerit. Integer fringilla posuere nisl, vitae molestie magna dictum id. Suspendisse volutpat pharetra mauris, sed vehicula nulla suscipit a. Morbi sed augue sodales, molestie purus et, egestas enim. Proin ut metus tempus, ultricies neque vel, vulputate lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum. Etiam malesuada, ex consectetur fringilla faucibus, quam lorem luctus diam, vitae lobortis urna lorem ac libero. Nulla a fermentum ligula, ut pulvinar odio. Cras in dictum nibh. Ut et orci sodales, laoreet sem nec, volutpat sapien. Phasellus dui turpis, euismod vitae euismod porta, semper a tellus. Morbi bibendum eros quam, et suscipit ex blandit eu. Et…"]})]}),s.jsx(Z,{...t,appElement:u.current,onSubscriptionCreated:n})]})}},{publish:Rt,subscribe:Ut}=Dt(),Q={decorators:[C],args:{optionalComponents:{...T,banners:s.jsx(Fs,{severity:"success",text:"This is an app!"}),rightSideMenu:s.jsx(Bs,{sx:{display:"flex",justifyContent:"center"},children:s.jsx(ys,{onClick:()=>Rt(),variant:"floating",children:s.jsx(ds,{orgName:"ORG123",profileIcon:s.jsx(ie,{}),userName:"test.user@test.com"})})})},subscribeToCloseRightSideMenu:Ut,subscribeToPropChanges:e=>(e({appSwitcherProps:A,sideNavProps:D,topNavProps:R}),()=>{})},render:function(t){const u=xs(),[c,o]=a.useState(!1),n=a.useCallback(()=>{o(!0)},[]);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{ref:u,children:[s.jsx("div",{[Ds]:""}),c&&s.jsx(os,{children:s.jsx(Rs,{description:"This is my app.",title:"Access Certification",children:s.jsx(Ls,{regions:[1],children:s.jsxs(cs,{children:[s.jsx("div",{style:{marginBlockEnd:`${16/14}rem`},children:s.jsx(Us,{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia leo quis sodales scelerisque. Maecenas tempor eget nunc sit amet ultrices. Maecenas et varius ante. Nulla eu quam sit amet orci fermentum dictum sit amet scelerisque libero. Proin luctus semper elit, ut pretium massa tristique a. Mauris hendrerit ex eu commodo egestas. Etiam a lacus aliquet, convallis metus et, sollicitudin odio. Fusce vehicula purus sed orci elementum, ut cursus diam sollicitudin. Pellentesque pulvinar nibh turpis, eu finibus dolor egestas eget. Duis tellus mauris, pulvinar sit amet ante a, aliquet laoreet sapien. Ut quis tempus massa. Fusce fringilla mattis lacinia. Cras at pharetra quam, eu ultrices ipsum."})}),s.jsx("div",{children:s.jsx(se,{label:"I understand",variant:"primary"})})]})})})})]}),s.jsx(Z,{...t,appElement:u.current,onSubscriptionCreated:n})]})}};var qe,Me,Ne;B.parameters={...B.parameters,docs:{...(qe=B.parameters)==null?void 0:qe.docs,source:{originalSource:`{
   decorators: [OdysseyStorybookThemeDecorator],
   args: {
     subscribeToPropChanges: subscriber => {
@@ -555,4 +555,4 @@ import{j as s}from"./jsx-runtime-CnH95YSl.js";import{a as Cs}from"./index-B-lxVb
         <UiShell {...props} appElement={appElementRef.current!} onSubscriptionCreated={onSubscriptionCreated} />
       </>;
   }
-}`,...(is=(as=Q.parameters)==null?void 0:as.docs)==null?void 0:is.source}}};const Ci=["Default","LoadingFirstRender","InvisibleFirstRender","TopNavOnly","AppSwitcherOnly","ErroredAppSwitcher","LoadingData","WithCustomColors","WithoutAppContent","WithoutSideNav","WithTallAppContentAndNoStorybookDecorator","WithOdysseyAppContent"];export{H as AppSwitcherOnly,B as Default,z as ErroredAppSwitcher,L as InvisibleFirstRender,W as LoadingData,F as LoadingFirstRender,O as TopNavOnly,_ as WithCustomColors,Q as WithOdysseyAppContent,G as WithTallAppContentAndNoStorybookDecorator,V as WithoutAppContent,$ as WithoutSideNav,Ci as __namedExportsOrder,xi as default};
+}`,...(is=(as=Q.parameters)==null?void 0:as.docs)==null?void 0:is.source}}};const Pi=["Default","LoadingFirstRender","InvisibleFirstRender","TopNavOnly","AppSwitcherOnly","ErroredAppSwitcher","LoadingData","WithCustomColors","WithoutAppContent","WithoutSideNav","WithTallAppContentAndNoStorybookDecorator","WithOdysseyAppContent"];export{H as AppSwitcherOnly,B as Default,z as ErroredAppSwitcher,L as InvisibleFirstRender,W as LoadingData,F as LoadingFirstRender,O as TopNavOnly,_ as WithCustomColors,Q as WithOdysseyAppContent,G as WithTallAppContentAndNoStorybookDecorator,V as WithoutAppContent,$ as WithoutSideNav,Pi as __namedExportsOrder,Ni as default};

package/dist/assets/{UiShellProvider-BOM87LOZ.js → UiShellProvider-Bm9plvoZ.js}

@@ -1,4 +1,4 @@
-import{r as h}from"./index-NdkWRN8K.js";import{aw as T,ax as p,ay as H,u as v}from"./OdysseyThemeProvider-BBwjgzn2.js";import{j as y}from"./jsx-runtime-CnH95YSl.js";/*!
+import{r as h}from"./index-NdkWRN8K.js";import{aw as T,ax as p,ay as H,u as v}from"./OdysseyThemeProvider-BykOaJq8.js";import{j as y}from"./jsx-runtime-CnH95YSl.js";/*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/{Upload-CXJBKzcC.js → Upload-DH1T10x5.js}

@@ -1 +1 @@
-import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BBwjgzn2.js";const a=o.forwardRef((l,r)=>e.jsx(n,{fill:"none",ref:r,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8.28 1h7.44l.229.684L16.72 4H21v6h-1v8.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H8.162c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167A17.9 17.9 0 0 1 4 18.838V10H3V4h4.28l.771-2.316L8.28 1ZM5 8h14V6H5v2Zm1 2v8.8c0 .577 0 .949.024 1.232.022.272.06.372.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C7.25 21 7.623 21 8.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C18 19.75 18 19.377 18 18.8V10H6Zm8.28-7 .333 1H9.387l.334-1h4.558Z",fill:"currentColor",fillRule:"evenodd"})})})),c=o.memo(a);c.displayName="DeleteIcon";const t=o.forwardRef((l,r)=>e.jsx(n,{fill:"none",ref:r,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M5.707 9.707 11 4.414V18h2V4.414l5.293 5.293 1.414-1.414-6.434-6.434-.016-.017c-.085-.084-.185-.185-.281-.266a1.508 1.508 0 0 0-.512-.295 1.5 1.5 0 0 0-.927 0 1.508 1.508 0 0 0-.513.295 4.949 4.949 0 0 0-.28.266l-.017.017-6.434 6.434 1.414 1.414ZM5 20v-4H3v4a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-4h-2v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(t);s.displayName="UploadIcon";export{c as M,s as a};
+import{r as o}from"./index-NdkWRN8K.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BykOaJq8.js";const a=o.forwardRef((l,r)=>e.jsx(n,{fill:"none",ref:r,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8.28 1h7.44l.229.684L16.72 4H21v6h-1v8.838c0 .528 0 .982-.03 1.357-.033.395-.104.789-.297 1.167a3 3 0 0 1-1.311 1.311c-.378.193-.772.264-1.167.296-.375.031-.83.031-1.357.031H8.162c-.527 0-.981 0-1.356-.03-.395-.033-.789-.104-1.167-.297a3 3 0 0 1-1.311-1.311c-.193-.378-.264-.772-.296-1.167A17.9 17.9 0 0 1 4 18.838V10H3V4h4.28l.771-2.316L8.28 1ZM5 8h14V6H5v2Zm1 2v8.8c0 .577 0 .949.024 1.232.022.272.06.372.085.422a1 1 0 0 0 .437.437c.05.025.15.063.422.085C7.25 21 7.623 21 8.2 21h7.6c.577 0 .949 0 1.232-.024.272-.022.372-.06.422-.085a1 1 0 0 0 .437-.437c.025-.05.063-.15.085-.422C18 19.75 18 19.377 18 18.8V10H6Zm8.28-7 .333 1H9.387l.334-1h4.558Z",fill:"currentColor",fillRule:"evenodd"})})})),c=o.memo(a);c.displayName="DeleteIcon";const t=o.forwardRef((l,r)=>e.jsx(n,{fill:"none",ref:r,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...l,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M5.707 9.707 11 4.414V18h2V4.414l5.293 5.293 1.414-1.414-6.434-6.434-.016-.017c-.085-.084-.185-.185-.281-.266a1.508 1.508 0 0 0-.512-.295 1.5 1.5 0 0 0-.927 0 1.508 1.508 0 0 0-.513.295 4.949 4.949 0 0 0-.28.266l-.017.017-6.434 6.434 1.414 1.414ZM5 20v-4H3v4a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-4h-2v4a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(t);s.displayName="UploadIcon";export{c as M,s as a};

package/dist/assets/{User-D6db-Gy0.js → User-CvYTA860.js}

@@ -1 +1 @@
-import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BBwjgzn2.js";const t=e.forwardRef((o,s)=>r.jsx(n,{fill:"none",ref:s,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M15.5 6.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm2 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM5 23c0-2.357.694-4.363 1.886-5.762C8.064 15.856 9.782 15 12 15c2.215 0 3.934.862 5.113 2.25C18.307 18.652 19 20.66 19 23h2c0-2.722-.807-5.216-2.363-7.046C17.067 14.107 14.785 13 12 13c-2.782 0-5.064 1.097-6.636 2.941C3.806 17.77 3 20.263 3 23h2Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(t);c.displayName="UserIcon";export{c as M};
+import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BykOaJq8.js";const t=e.forwardRef((o,s)=>r.jsx(n,{fill:"none",ref:s,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M15.5 6.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm2 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM5 23c0-2.357.694-4.363 1.886-5.762C8.064 15.856 9.782 15 12 15c2.215 0 3.934.862 5.113 2.25C18.307 18.652 19 20.66 19 23h2c0-2.722-.807-5.216-2.363-7.046C17.067 14.107 14.785 13 12 13c-2.782 0-5.064 1.097-6.636 2.941C3.806 17.77 3 20.263 3 23h2Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(t);c.displayName="UserIcon";export{c as M};

package/dist/assets/{UserProfile-DqokqHU1.js → UserProfile-DrnAMPM1.js}

@@ -1,4 +1,4 @@
-import{u as a,s as t}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as c}from"./index-NdkWRN8K.js";import{M as x}from"./Box-BGpAHVQV.js";import{c as i}from"./Typography-DfSdXC7o.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";/*!
+import{u as a,h as t}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as c}from"./index-NdkWRN8K.js";import{M as x}from"./Box-B-R2QRDU.js";import{c as i}from"./Typography-B7ktrxCD.js";import{j as e}from"./jsx-runtime-CnH95YSl.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/{UserProfile.stories-BbvzhbPD.js → UserProfile.stories-C4EJFTV8.js}

@@ -1,4 +1,4 @@
-import{j as i}from"./jsx-runtime-CnH95YSl.js";import{i as o}from"./iconUtils-B6sV00nC.js";import{O as x}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as N}from"./UserProfile-DqokqHU1.js";import{M as h}from"./User-D6db-Gy0.js";import{N as E}from"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-Dj8r1U9U.js";import"./Server-DjXPiVgb.js";import"./List-DsAZFSEg.js";import"./ArrowRight-Bi2Pswgc.js";import"./Bug-CF8uTmAI.js";import"./Calendar-DjJqG0qe.js";import"./ChevronRight-DkL07pJu.js";import"./ChevronUp-DBzjQ0Vq.js";import"./Clock-Cs7_WjUp.js";import"./Upload-CXJBKzcC.js";import"./Documentation-BrTRsPbe.js";import"./Download-CnpAgqy2.js";import"./ExternalLink-BZ-Yczsk.js";import"./Filter-Dx8z3DNi.js";import"./Folder-BfxqGqvt.js";import"./Globe-Brrqdlv8.js";import"./Grid-CZMVE6qU.js";import"./Group-B6q-i_C2.js";import"./Hide-DlEWsxsn.js";import"./Home-BiP4Mg1h.js";import"./InformationCircle-CE8ruoYu.js";import"./More-D1qrtSvt.js";import"./Refresh-GVzSl4pN.js";import"./Search-CkfJXFe5.js";import"./Settings-CjXK8-N1.js";import"./Show-BmUFIvXd.js";import"./Sync-DFFNrTTV.js";import"./Video-B1Csvrbu.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";const co={component:N,decorators:[x],tags:["autodocs"],argTypes:{profileIcon:{control:{type:"select"},options:Object.keys(o),mapping:o,description:"An optional icon to display ahead of the user profile",table:{type:{summary:"<Icon />"}}},userName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},orgName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},userNameEndIcon:{control:{type:"select"},options:Object.keys(o),mapping:o,description:"An optional icon to display at the end of the user profile",table:{type:{summary:"<Icon />"}}}},args:{userName:"test.user@test.com",orgName:"ORG123"}},r={},e={args:{profileIcon:i.jsx(h,{})}},t={args:{userNameEndIcon:i.jsx(E,{})}},s={args:{profileIcon:i.jsx(h,{}),userNameEndIcon:i.jsx(E,{})}};var n,m,p;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var a,c,d;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
+import{j as i}from"./jsx-runtime-CnH95YSl.js";import{i as o}from"./iconUtils-C1HBA-0w.js";import{O as x}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as N}from"./UserProfile-DrnAMPM1.js";import{M as h}from"./User-CvYTA860.js";import{L as E}from"./OdysseyThemeProvider-BykOaJq8.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DkrUiDVY.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./Video-D8qbHdF4.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";const co={component:N,decorators:[x],tags:["autodocs"],argTypes:{profileIcon:{control:{type:"select"},options:Object.keys(o),mapping:o,description:"An optional icon to display ahead of the user profile",table:{type:{summary:"<Icon />"}}},userName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},orgName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},userNameEndIcon:{control:{type:"select"},options:Object.keys(o),mapping:o,description:"An optional icon to display at the end of the user profile",table:{type:{summary:"<Icon />"}}}},args:{userName:"test.user@test.com",orgName:"ORG123"}},r={},e={args:{profileIcon:i.jsx(h,{})}},t={args:{userNameEndIcon:i.jsx(E,{})}},s={args:{profileIcon:i.jsx(h,{}),userNameEndIcon:i.jsx(E,{})}};var n,m,p;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var a,c,d;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{
   args: {
     profileIcon: <UserIcon />
   }

package/dist/assets/{UserProfileMenuButton.stories-CKErfTVM.js → UserProfileMenuButton.stories-Dhe9t4Oh.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{i as t}from"./iconUtils-B6sV00nC.js";import{O as T}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as V,v as l,m as d}from"./BaseMenuButton-pigMBOEp.js";import{u as N,s as C,N as U}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as W}from"./index-NdkWRN8K.js";import{M as E}from"./UserProfile-DqokqHU1.js";import{M as a}from"./Box-BGpAHVQV.js";import{g as R,c as u}from"./Typography-DfSdXC7o.js";import{M as g}from"./Link-DI6v1ROk.js";import{M as w}from"./User-D6db-Gy0.js";import"./index-Dj8r1U9U.js";import"./Server-DjXPiVgb.js";import"./List-DsAZFSEg.js";import"./ArrowRight-Bi2Pswgc.js";import"./Bug-CF8uTmAI.js";import"./Calendar-DjJqG0qe.js";import"./ChevronRight-DkL07pJu.js";import"./ChevronUp-DBzjQ0Vq.js";import"./Clock-Cs7_WjUp.js";import"./Upload-CXJBKzcC.js";import"./Documentation-BrTRsPbe.js";import"./Download-CnpAgqy2.js";import"./ExternalLink-BZ-Yczsk.js";import"./Filter-Dx8z3DNi.js";import"./Folder-BfxqGqvt.js";import"./Globe-Brrqdlv8.js";import"./Grid-CZMVE6qU.js";import"./Group-B6q-i_C2.js";import"./Hide-DlEWsxsn.js";import"./Home-BiP4Mg1h.js";import"./InformationCircle-CE8ruoYu.js";import"./More-D1qrtSvt.js";import"./Refresh-GVzSl4pN.js";import"./Search-CkfJXFe5.js";import"./Settings-CjXK8-N1.js";import"./Show-BmUFIvXd.js";import"./Sync-DFFNrTTV.js";import"./Video-B1Csvrbu.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DieBXP3Z.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-CdPi1pZc.js";import"./ButtonBase-BAQsCgRq.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CHod3UUY.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";import"./Paper-XsV8SWR9.js";import"./MenuList-CW8ri5AI.js";import"./List-Be7fhh4_.js";import"./Box-CWTB5xfE.js";import"./Typography-Yf1Zkad_.js";import"./Link-BnBknBcu.js";/*!
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{i as t}from"./iconUtils-C1HBA-0w.js";import{O as T}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as V,v as l,m as d}from"./BaseMenuButton-DCwowxQ6.js";import{u as k,h as C,L as U}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as W}from"./index-NdkWRN8K.js";import{M as E}from"./UserProfile-DrnAMPM1.js";import{M as a}from"./Box-B-R2QRDU.js";import{g as R,c as u}from"./Typography-B7ktrxCD.js";import{M as g}from"./Link-BQo2zH0c.js";import{M as w}from"./User-CvYTA860.js";import"./index-DkrUiDVY.js";import"./Server-DS5iERo2.js";import"./List-CNCQEpRl.js";import"./ArrowRight-BquvVn3D.js";import"./Bug-Z3X3t5xp.js";import"./Calendar-DnwsjheN.js";import"./ChevronRight-BLkvXBUf.js";import"./ChevronUp-Br-QC-XK.js";import"./Clock-8HOQy_d4.js";import"./Upload-DH1T10x5.js";import"./Documentation-CBbHUjXC.js";import"./Download-VHpUH0as.js";import"./ExternalLink-lox07hAR.js";import"./Filter-BiREetkX.js";import"./Folder-8esChg_E.js";import"./Globe-BHk1B5d7.js";import"./Grid-B7XSvQ_X.js";import"./Group-DWmiPyzE.js";import"./Hide-Bvhl5PVN.js";import"./Home-CUQc6tB8.js";import"./InformationCircle-DYQV39lt.js";import"./More-BgQrTkKM.js";import"./Refresh-CgZVXlSy.js";import"./Search-BSlcf4bB.js";import"./Settings-SRsJGOHl.js";import"./Show-DXIrBgNq.js";import"./Sync-CCP_JZB8.js";import"./Video-D8qbHdF4.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuContext-DKMyPMNY.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./Box-B6KmU4_J.js";import"./Typography-CSpPZFTF.js";import"./Link-DcsndbPK.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.")
  *
@@ -8,7 +8,7 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{i as t}from"./iconUtils-B6s
  * 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 H=C("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({button:{height:"unset",paddingBlock:e.Spacing2,textAlign:"unset"}})),_=({profileIcon:e,orgName:r,translate:k,userNameEndIcon:P,userName:S,...O})=>{const z=N();return o.jsx(H,{odysseyDesignTokens:z,children:o.jsx(V,{...O,buttonChildren:o.jsx(E,{orgName:r,profileIcon:e,translate:k,userName:S,userNameEndIcon:P??o.jsx(U,{})}),buttonVariant:"floating",omitEndIcon:!0})})},c=W.memo(_);c.displayName="UserProfileMenuButton";const i=({children:e})=>{const r=N();return o.jsx(a,{sx:{marginBottom:r.Spacing4},children:e})},de={component:c,decorators:[T],tags:["autodocs"],argTypes:{hasVerticalDivider:{control:{type:"boolean"},description:"Add a vertical rule to divide the button from surrounding content",table:{type:{summary:"boolean"}}},profileIcon:{control:{type:"select"},options:Object.keys(t),mapping:t,description:"An optional icon to display ahead of the user profile",table:{type:{summary:"<Icon />"}}},userName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},orgName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},userNameEndIcon:{control:{type:"select"},options:Object.keys(t),mapping:t,description:"An optional icon to display at the end of the user profile",table:{type:{summary:"<Icon />"}}},menuAlignment:{options:d,control:{type:"radio"},description:"The horizontal alignment of the popover.",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"left"}}},popoverContent:{control:"object",description:"The content to appear in the popover",table:{type:{summary:"[ReactNode | NullElement]"}},type:{required:!0,name:"other",value:"[ReactNode]"}},verticalDividerAlignment:{options:l,control:{type:"radio"},description:"Show vertical rule before or after the button",table:{type:{summary:l.join(" | ")},defaultValue:{summary:"start"}}}},args:{userName:"test.user@test.com",orgName:"ORG123",profileIcon:o.jsx(w,{}),menuAlignment:"left",popoverContent:o.jsxs(a,{sx:{minWidth:"392px"},children:[o.jsx(i,{children:o.jsx(R,{children:"Add-Min O'Cloudy Tud"})}),o.jsxs(i,{children:[o.jsx(u,{children:"administrator1@clouditude.net"}),o.jsx(u,{children:"rain.okta1.com"})]}),o.jsx(i,{children:o.jsx(g,{href:"#",children:"My Settings"})}),o.jsx(i,{children:o.jsx(g,{href:"#",children:"Sign Out"})})]})}},n={},s={args:{menuAlignment:"right"},render:function(r){return o.jsx(a,{sx:{ml:"500px"},children:o.jsx(c,{...r})})}},m={args:{profileIcon:void 0}},p={args:{hasVerticalDivider:!0}};var h,y,f;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(f=(y=n.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,j,M;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
+ */const H=C("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({button:{height:"unset",paddingBlock:e.Spacing2,textAlign:"unset"}})),L=({profileIcon:e,orgName:r,translate:N,userNameEndIcon:P,userName:S,...O})=>{const z=k();return o.jsx(H,{odysseyDesignTokens:z,children:o.jsx(V,{...O,buttonChildren:o.jsx(E,{orgName:r,profileIcon:e,translate:N,userName:S,userNameEndIcon:P??o.jsx(U,{})}),buttonVariant:"floating",omitEndIcon:!0})})},c=W.memo(L);c.displayName="UserProfileMenuButton";const i=({children:e})=>{const r=k();return o.jsx(a,{sx:{marginBottom:r.Spacing4},children:e})},ye={component:c,decorators:[T],tags:["autodocs"],argTypes:{hasVerticalDivider:{control:{type:"boolean"},description:"Add a vertical rule to divide the button from surrounding content",table:{type:{summary:"boolean"}}},profileIcon:{control:{type:"select"},options:Object.keys(t),mapping:t,description:"An optional icon to display ahead of the user profile",table:{type:{summary:"<Icon />"}}},userName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},orgName:{control:"text",description:"Org name of the logged in user",table:{type:{summary:"string"}}},userNameEndIcon:{control:{type:"select"},options:Object.keys(t),mapping:t,description:"An optional icon to display at the end of the user profile",table:{type:{summary:"<Icon />"}}},menuAlignment:{options:d,control:{type:"radio"},description:"The horizontal alignment of the popover.",table:{type:{summary:d.join(" | ")},defaultValue:{summary:"left"}}},popoverContent:{control:"object",description:"The content to appear in the popover",table:{type:{summary:"[ReactNode | NullElement]"}},type:{required:!0,name:"other",value:"[ReactNode]"}},verticalDividerAlignment:{options:l,control:{type:"radio"},description:"Show vertical rule before or after the button",table:{type:{summary:l.join(" | ")},defaultValue:{summary:"start"}}}},args:{userName:"test.user@test.com",orgName:"ORG123",profileIcon:o.jsx(w,{}),menuAlignment:"left",popoverContent:o.jsxs(a,{sx:{minWidth:"392px"},children:[o.jsx(i,{children:o.jsx(R,{children:"Add-Min O'Cloudy Tud"})}),o.jsxs(i,{children:[o.jsx(u,{children:"administrator1@clouditude.net"}),o.jsx(u,{children:"rain.okta1.com"})]}),o.jsx(i,{children:o.jsx(g,{href:"#",children:"My Settings"})}),o.jsx(i,{children:o.jsx(g,{href:"#",children:"Sign Out"})})]})}},n={},s={args:{menuAlignment:"right"},render:function(r){return o.jsx(a,{sx:{ml:"500px"},children:o.jsx(c,{...r})})}},m={args:{profileIcon:void 0}},p={args:{hasVerticalDivider:!0}};var h,y,f;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(f=(y=n.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,j,M;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
   args: {
     menuAlignment: "right"
   },
@@ -27,4 +27,4 @@ import{j as o}from"./jsx-runtime-CnH95YSl.js";import{i as t}from"./iconUtils-B6s
   args: {
     hasVerticalDivider: true
   }
-}`,...(I=(A=p.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};const ue=["Default","WithRightPopoverAlignment","WithoutProfileIcon","WithVerticalDivider"];export{n as Default,s as WithRightPopoverAlignment,p as WithVerticalDivider,m as WithoutProfileIcon,ue as __namedExportsOrder,de as default};
+}`,...(I=(A=p.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};const fe=["Default","WithRightPopoverAlignment","WithoutProfileIcon","WithVerticalDivider"];export{n as Default,s as WithRightPopoverAlignment,p as WithVerticalDivider,m as WithoutProfileIcon,fe as __namedExportsOrder,ye as default};

package/dist/assets/{Video-B1Csvrbu.js → Video-D8qbHdF4.js}

@@ -1 +1 @@
-import{r as e}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BBwjgzn2.js";const i=e.forwardRef((r,a)=>o.jsx(n,{fill:"none",ref:a,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M4 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H4ZM3 6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6Zm13.553 7.342c1.105-.553 1.105-2.13 0-2.684l-6.382-3.19A1.5 1.5 0 0 0 8 8.808v6.382a1.5 1.5 0 0 0 2.17 1.342l6.383-3.191ZM10 9.618 14.764 12 10 14.382V9.618Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(i);l.displayName="VideoIcon";export{l as M};
+import{r as e}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BykOaJq8.js";const i=e.forwardRef((r,a)=>o.jsx(n,{fill:"none",ref:a,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M4 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H4ZM3 6a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6Zm13.553 7.342c1.105-.553 1.105-2.13 0-2.684l-6.382-3.19A1.5 1.5 0 0 0 8 8.808v6.382a1.5 1.5 0 0 0 2.17 1.342l6.383-3.191ZM10 9.618 14.764 12 10 14.382V9.618Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(i);l.displayName="VideoIcon";export{l as M};