@okta/odyssey-react-mui 1.48.0 → 1.49.0

package/dist/assets/AppTile _labs_.stories-B5BjKm0o.js

@@ -1,136 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as o}from"./index-BJMTVygn.js";import{r as g}from"./index-NdkWRN8K.js";import{O as Be}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{u as Ce,h as u}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as h}from"./Box-B-R2QRDU.js";import{f as z,a as Se,c as Ie}from"./Typography-B7ktrxCD.js";import{M as Pe}from"./Button-DPUOjyZy.js";import{S as f}from"./Skeleton-DAUyPclv.js";import{C as He,a as qe}from"./CardActionArea-BaL2GhSM.js";import{M as x}from"./TagList-cWni94xt.js";import{M as r}from"./Tag-C_iW2sj3.js";import{M as we}from"./Drawer-C9M8pytV.js";import{M as H}from"./Settings-SRsJGOHl.js";import{M as We}from"./Status-CdgTiE4c.js";import{M as j}from"./More-BgQrTkKM.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B6KmU4_J.js";import"./Typography-CSpPZFTF.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"./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"./colorManipulator-C6C6_xuT.js";import"./Paper-DwBg74qy.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./FullScreenOverlay-Bujsxbxh.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";const P="2.85714286rem",W="4.57142857rem",ze="4.57142857rem",_=["comfortable","compact"],ke=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a})=>({display:"flex",alignItems:"flex-start",justifyContent:a==="compact"?"center":"flex-start",maxHeight:a==="compact"?P:W,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:W,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),De=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a="comfortable"})=>({alignItems:"center",display:"flex",minHeight:t.Spacing6,position:"absolute",right:a==="compact"?0:t.Spacing2,top:a==="compact"?0:t.Spacing2,gap:t.Spacing1,zIndex:1,"& > .MuiTypography-root:last-child":{marginInlineEnd:t.Spacing2}})),Le=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="hasTopSection"&&t!=="variant"})(({odysseyDesignTokens:t,hasTopSection:a,variant:i})=>({alignItems:"flex-start",paddingBlockStart:a?t.Spacing4:0,height:"100%",".MuiTypography-root":{fontSize:i==="compact"?t.TypographySizeSubordinate:"auto",textAlign:i==="compact"?"center":"left"},"& :last-child":{marginBlockEnd:"0 !important"}})),Me=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({"&:not(:first-child)":{marginBlockStart:t.Spacing4}})),Oe=u(He,{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isPlaceholder"&&t!=="isCompact"})(({odysseyDesignTokens:t,isPlaceholder:a=!1,isCompact:i=!1})=>({position:"relative",boxShadow:"none",overflow:"unset",display:"flex",justifyContent:a&&i?"center":"flex-start",padding:t.Spacing4,border:`${t.BorderWidthMain} ${t.HueNeutral200} ${t.BorderStyleMain}`,borderRadius:t.BorderRadiusMain,transition:`border ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0,boxShadow:t.DepthMedium,borderRadius:t.BorderRadiusMain,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:"-1",content:'""'},"&:hover":{borderColor:"transparent","&::after":{opacity:1}}})),_e=u(qe,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),Fe=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Oe,{isCompact:n==="compact",isPlaceholder:!0,odysseyDesignTokens:s,children:e.jsxs(Le,{hasTopSection:T,odysseyDesignTokens:s,variant:n,children:[T&&e.jsx(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(Ie,{children:n!=="compact"&&e.jsx(f,{width:50})})}),e.jsxs(h,{sx:{width:"100%"},children:[t&&e.jsx(ke,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:W,variant:"rectangular",width:n==="compact"?P:ze})}),a&&e.jsx(z,{children:e.jsx(f,{})}),i&&n!=="compact"&&e.jsx(Se,{children:e.jsx(f,{})}),c&&e.jsx(Me,{odysseyDesignTokens:s,children:e.jsx(f,{height:s.Spacing6,variant:"rounded",width:"100%"})})]})]})})},Ne=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Ee,title:y,variant:p="comfortable"})=>{const m=Ce(),ve=g.useMemo(()=>e.jsxs(Le,{hasTopSection:typeof d=="function"||!!n,odysseyDesignTokens:m,variant:p,children:[A&&e.jsx(ke,{odysseyDesignTokens:m,variant:p,children:A}),y&&e.jsx(z,{component:"div",children:y}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,y,p]);return q?e.jsx(Fe,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!y,variant:p}):e.jsxs(Oe,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(De,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(Ie,{children:n}),d&&!q&&e.jsx(Pe,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(_e,{odysseyDesignTokens:m,onClick:Ee,children:ve})]})},l=g.memo(Ne);l.displayName="AppTile";const Vt={component:l,decorators:[Be],argTypes:{actionAriaControls:{control:"text",description:"The ID of the element which the button controls (for instance, a drawer or dialog), if any.",table:{type:{summary:"string"}}},actionAriaExpanded:{control:"boolean",description:"Should be true if the button controls a popup element that is currently expanded. Should be synced to the state of the popup element",table:{type:{summary:"boolean"}}},actionAriaHasPopup:{description:"Should be filled if the button controls a popup element such as a Drawer or Dialog.",table:{type:{summary:'boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined'}}},actionIcon:{description:"An icon for the action button.",table:{type:{summary:"ReactElement"}}},actionLabel:{control:"text",description:"The label for the button, used as the aria-label and tooltip.",table:{type:{summary:"string"}}},auxiliaryText:{control:"text",description:"Text that appears in the upper right corner of the tile.",table:{type:{summary:"string"}}},children:{description:"Arbitrary content to render underneath any other tile content.",table:{type:{summary:"ReactNode"}}},description:{control:"text",description:"A string description.",table:{type:{summary:"string"}}},image:{description:"An image or icon at the top of the tile.",table:{type:{summary:"ReactElement"}}},isLoading:{control:"boolean",description:"If true, the component will display a loading state",table:{type:{summary:"boolean"}}},onActionClick:{description:"Event that fires when the user clicks the action button in the upper-right corner. If this isn't set, the other action props can't be set either",table:{type:{summary:"MouseEventHandler"}}},onClick:{description:"Event handler for when the user clicks the tile.",table:{type:{summary:"MouseEventHandler"}}},title:{control:"text",description:"A string for the tile title.",table:{type:{summary:"string"}}},variant:{control:{type:"radio"},options:_,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:_[0]}}}},args:{description:"This is a description of the app.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),variant:"comfortable"}},C={args:{children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},S={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"800px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus.",onClick:o(),title:"App name"})]})}},I={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x48"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x96"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(j,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onActionClick:o(),onClick:o(),title:"App name",variant:"compact"})]})}},w={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},k={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},D={args:{image:e.jsx("img",{alt:"Tall logo",src:"https://placehold.co/400x800"})}},L={args:{image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"})}},M={args:{actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"}),onActionClick:o()}},O={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},E={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},v={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{marginBottom:2},children:e.jsx(We,{label:"Active",severity:"success"})}),e.jsx(z,{children:"This is arbitrary content."}),e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})]}),description:void 0,image:void 0,title:void 0}},B={args:{actionAriaControls:"",actionAriaExpanded:!1,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]}),isLoading:!0,onActionClick:o()}};var F,N,R;C.parameters={...C.parameters,docs:{...(F=C.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>
-  }
-}`,...(R=(N=C.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var $,G,V;S.parameters={...S.parameters,docs:{...($=S.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  render: function C() {
-    return <Box sx={{
-      display: "flex",
-      width: "800px",
-      gap: "20px",
-      ["& > *"]: {
-        width: "100%"
-      }
-    }}>
-        <AppTile image={<img alt="Example logo" src="https://placehold.co/128" />} onClick={fn()} title="App name" />
-        <AppTile description="Lorem ipsum dolor sit amet." image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onClick={fn()} title="App name" />
-        <AppTile description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus." onClick={fn()} title="App name" />
-      </Box>;
-  }
-}`,...(V=(G=S.parameters)==null?void 0:G.docs)==null?void 0:V.source}}};var J,K,Q;I.parameters={...I.parameters,docs:{...(J=I.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  render: function C() {
-    return <Box sx={{
-      display: "flex",
-      width: "572px",
-      gap: "20px",
-      ["& > *"]: {
-        width: "100%"
-      }
-    }}>
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x48" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x96" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-      </Box>;
-  }
-}`,...(Q=(K=I.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;w.parameters={...w.parameters,docs:{...(U=w.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  render: function C() {
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
-    return <>
-        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
-        <Box sx={{
-        maxWidth: 262
-      }}>
-          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} onActionClick={toggleDrawer} onClick={fn()}>
-            <TagList>
-              <Tag label="Tag 1" />
-              <Tag label="Tag 2" />
-            </TagList>
-          </AppTile>
-        </Box>
-      </>;
-  }
-}`,...(Y=(X=w.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,te;k.parameters={...k.parameters,docs:{...(Z=k.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Square logo" src="https://placehold.co/600" />
-  }
-}`,...(te=(ee=k.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,oe,ne;D.parameters={...D.parameters,docs:{...(ae=D.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Tall logo" src="https://placehold.co/400x800" />
-  }
-}`,...(ne=(oe=D.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var ie,re,se;L.parameters={...L.parameters,docs:{...(ie=L.parameters)==null?void 0:ie.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Wide logo" src="https://placehold.co/800x400" />
-  }
-}`,...(se=(re=L.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var le,ce,pe;M.parameters={...M.parameters,docs:{...(le=M.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    actionIcon: <SettingsIcon />,
-    actionLabel: "Open app settings",
-    auxiliaryText: "Single sign-on",
-    image: <img alt="Wide logo" src="https://placehold.co/800x400" />,
-    onActionClick: fn()
-  }
-}`,...(pe=(ce=M.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,de,ge;O.parameters={...O.parameters,docs:{...(me=O.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  args: {
-    auxiliaryText: "Single sign-on",
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>
-  }
-}`,...(ge=(de=O.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var ue,he,xe;E.parameters={...E.parameters,docs:{...(ue=E.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  render: function C() {
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
-    return <>
-        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
-        <Box sx={{
-        maxWidth: 262
-      }}>
-          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} auxiliaryText={"Single sign-on"} onActionClick={toggleDrawer} onClick={fn()}>
-            <TagList>
-              <Tag label="Tag 1" />
-              <Tag label="Tag 2" />
-            </TagList>
-          </AppTile>
-        </Box>
-      </>;
-  }
-}`,...(xe=(he=E.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var fe,Te,be;v.parameters={...v.parameters,docs:{...(fe=v.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  args: {
-    children: <>
-        <Box sx={{
-        marginBottom: 2
-      }}>
-          <Status label="Active" severity="success" />
-        </Box>
-        <Heading5>This is arbitrary content.</Heading5>
-        <TagList>
-          <Tag label="Tag 1" />
-          <Tag label="Tag 2" />
-        </TagList>
-      </>,
-    description: undefined,
-    image: undefined,
-    title: undefined
-  }
-}`,...(be=(Te=v.parameters)==null?void 0:Te.docs)==null?void 0:be.source}}};var Ae,ye,je;B.parameters={...B.parameters,docs:{...(Ae=B.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
-  args: {
-    actionAriaControls: "",
-    actionAriaExpanded: false,
-    actionAriaHasPopup: "menu",
-    actionIcon: <SettingsIcon />,
-    actionLabel: "Open app settings",
-    auxiliaryText: "Single sign-on",
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>,
-    isLoading: true,
-    onActionClick: fn()
-  }
-}`,...(je=(ye=B.parameters)==null?void 0:ye.docs)==null?void 0:je.source}}};const Jt=["Default","Multiple","Compact","ActionButton","SquareImage","TallImage","WideImage","WideImageWithActionButton","AuxiliaryText","ActionButtonAndAuxiliaryText","FullyCustomContent","Loading"];export{w as ActionButton,E as ActionButtonAndAuxiliaryText,O as AuxiliaryText,I as Compact,C as Default,v as FullyCustomContent,B as Loading,S as Multiple,k as SquareImage,D as TallImage,L as WideImage,M as WideImageWithActionButton,Jt as __namedExportsOrder,Vt as default};

package/dist/assets/ArrowDropDown-Dnrg-0Q8.js

@@ -1 +0,0 @@
-import{b as n,ab as s,V as i,U as e}from"./OdysseyThemeProvider-BykOaJq8.js";import"./index-NdkWRN8K.js";import{c as u}from"./createSvgIcon-Bv_3NNsK.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";function d(t){return e("MuiInput",t)}const I=n({},s,i("MuiInput",["root","underline","input"]));function c(t){return e("MuiOutlinedInput",t)}const C=n({},s,i("MuiOutlinedInput",["root","notchedOutline","input"]));function f(t){return e("MuiFilledInput",t)}const m=n({},s,i("MuiFilledInput",["root","underline","input"])),g=u(o.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{g as A,d as a,c as b,m as f,f as g,I as i,C as o};

package/dist/assets/BaseMenuButton-DCwowxQ6.js

@@ -1 +0,0 @@
-import{u as w,L as S,h as q}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as o}from"./index-NdkWRN8K.js";import{M as H}from"./Box-B-R2QRDU.js";import{u as N}from"./useUniqueId-Bsgqe1tm.js";import{M as A}from"./BaseButton-Cd1oZPsh.js";import{M as F}from"./MenuContext-DKMyPMNY.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as R}from"./More-BgQrTkKM.js";import{M as U,P as G}from"./Menu-CU_mHT7L.js";const se=["left","right"],re=["start","end"],J=q("div",{shouldForwardProp:n=>n!=="hasVerticalDivider"&&n!=="odysseyDesignTokens"&&n!=="verticalDividerAlignment"})(({hasVerticalDivider:n,odysseyDesignTokens:s,verticalDividerAlignment:r})=>({position:"relative",...n&&{display:"inline-block","&:before":{position:"absolute",top:"50%",left:0,width:1,height:s.Spacing6,backgroundColor:s.HueNeutral300,content:'""',transform:"translate3d(0, -50%, 0)",transition:"opacity 200ms",...r==="end"&&{left:"unset",right:0}},":has(> button:hover)":{"&:before":{opacity:0}},":dir(rtl)":{"&:before":{left:"unset",right:0,...r==="end"&&{right:"unset",left:0}}}}})),K=({ariaLabel:n,ariaLabelledBy:s,ariaDescribedBy:r,buttonChildren:v,buttonLabel:x="",buttonVariant:y="secondary",children:c,popoverContent:m,endIcon:p,hasVerticalDivider:B=!1,id:j,isDisabled:D,isOverflow:k,menuAlignment:i="left",omitEndIcon:z=!1,shouldCloseOnSelect:f=!0,size:C,testId:E,tooltipText:I,translate:O,verticalDividerAlignment:P="start"})=>{const h=w(),[d,M]=o.useState(null),a=!!d,l=o.useCallback(()=>{M(null)},[]),u=o.useCallback($=>{M($.currentTarget)},[]),t=N(j),L=o.useMemo(()=>({"aria-labelledby":`${t}-button`}),[t]),T=o.useMemo(()=>({closeMenu:l,openMenu:u,shouldCloseOnSelect:f}),[l,u,f]),V=z?void 0:p||(k?e.jsx(R,{}):e.jsx(S,{})),b=o.useMemo(()=>({horizontal:i,vertical:"bottom"}),[i]),g=o.useMemo(()=>({horizontal:i,vertical:"top"}),[i]);return e.jsxs(J,{hasVerticalDivider:B,odysseyDesignTokens:h,verticalDividerAlignment:P,children:[e.jsx(A,{ariaControls:a?`${t}-menu`:void 0,ariaDescribedBy:r,ariaExpanded:a?"true":void 0,ariaHasPopup:"true",ariaLabel:n,ariaLabelledBy:s,children:v,endIcon:V,id:`${t}-button`,isDisabled:D,label:x,onClick:u,size:C,testId:E,tooltipText:I,translate:O,variant:y}),c&&e.jsx(U,{anchorEl:d,anchorOrigin:b,id:`${t}-menu`,MenuListProps:L,onClose:l,open:a,transformOrigin:g,children:e.jsx(F.Provider,{value:T,children:c})}),m&&e.jsx(G,{anchorEl:d,anchorOrigin:b,onClose:l,open:a,transformOrigin:g,children:e.jsx(H,{sx:{padding:h.Spacing4},children:m})})]})},Q=o.memo(K);Q.displayName="BaseMenuButton";export{Q as M,se as m,re as v};

package/dist/assets/Box-B6KmU4_J.js

@@ -1 +0,0 @@
-import{F as f,I as h,ae as B,t as p,_ as N,b as C,d as _,V as T,ar as g,X as j,a7 as E}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as I}from"./index-NdkWRN8K.js";import{j as P}from"./jsx-runtime-CnH95YSl.js";const b=["className","component"];function y(n={}){const{themeId:t,defaultTheme:m,defaultClassName:o="MuiBox-root",generateClassName:a}=n,c=f("div",{shouldForwardProp:e=>e!=="theme"&&e!=="sx"&&e!=="as"})(h);return I.forwardRef(function(x,l){const s=B(m),r=p(x),{className:d,component:u="div"}=r,i=N(r,b);return P.jsx(c,C({as:u,ref:l,className:_(d,a?a(o):o),theme:t&&s[t]||s},i))})}const F=T("MuiBox",["root"]),M=E(),D=y({themeId:j,defaultTheme:M,defaultClassName:F.root,generateClassName:g.generate});export{D as B};

package/dist/assets/Box-B92Cdrku.js

@@ -1,11 +0,0 @@
-import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as p,T as s,S as m,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{B as e}from"./Box.stories-BCtoarqr.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./TextField-BIepBlYn.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"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";function i(r){const o={a:"a",code:"code",p:"p",...n(),...r.components};return t.jsxs(t.Fragment,{children:[t.jsx(p,{of:e}),`
-`,t.jsx(s,{of:e}),`
-`,t.jsx(m,{of:e}),`
-`,t.jsx(a,{of:e}),`
-`,t.jsx(c,{of:e}),`
-`,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"})," is a utility component that renders a simple HTML ",t.jsx(o.code,{children:"<div>"}),`, which can then be used for styling or layout. CSS properties
-can be set using the `,t.jsx(o.code,{children:"sx"})," prop, as detailed in the ",t.jsxs(o.a,{href:"https://mui.com/system/getting-started/the-sx-prop/",rel:"nofollow",children:["MUI documentation on ",t.jsx(o.code,{children:"sx"})]}),`.
-The component can also be set to render another element besides `,t.jsx(o.code,{children:"<div>"}),"."]}),`
-`,t.jsxs(o.p,{children:[t.jsx(o.code,{children:"<Box>"}),' is useful as an "escape hatch" when you need to create a layout or pattern not yet supported by Odyssey.']}),`
-`,t.jsx(d,{}),`
-`,t.jsx(x,{})]})}function mt(r={}){const{wrapper:o}={...n(),...r.components};return o?t.jsx(o,{...r,children:t.jsx(i,{...r})}):i(r)}export{mt as default};

package/dist/assets/Breadcrumbs-BGJJeoxM.js

@@ -1,6 +0,0 @@
-import{_ as R,s as M,b,n as w,V as A,U,c as N,d as V,f as _,J as H,h as O}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a}from"./index-NdkWRN8K.js";import{c as z}from"./Typography-B7ktrxCD.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{M as W}from"./Group-DWmiPyzE.js";import{M as D}from"./User-CvYTA860.js";import{M as F}from"./MenuItem-oi_JaUho.js";import{B as j}from"./ButtonBase-CrcIXP69.js";import{c as q}from"./createSvgIcon-Bv_3NNsK.js";import{u as G}from"./getReactElementRef-Bs64nbeG.js";import{T as J}from"./Typography-CSpPZFTF.js";import{M as K}from"./Home-CUQc6tB8.js";import{M as Q}from"./Menu-CU_mHT7L.js";const X=q(r.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),Y=["slots","slotProps"],Z=M(j,{name:"MuiBreadcrumbCollapsed"})(({theme:e})=>b({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`},e.palette.mode==="light"?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":b({},e.palette.mode==="light"?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}),"&:active":b({boxShadow:e.shadows[0]},e.palette.mode==="light"?{backgroundColor:w.emphasize(e.palette.grey[200],.12)}:{backgroundColor:w.emphasize(e.palette.grey[600],.12)})})),ee=M(X)({width:24,height:16});function re(e){const{slots:s={},slotProps:c={}}=e,n=R(e,Y),t=e;return r.jsx("li",{children:r.jsx(Z,b({focusRipple:!0},n,{ownerState:t,children:r.jsx(ee,b({as:s.CollapsedIcon,ownerState:t},c.collapsedIcon))}))})}function se(e){return U("MuiBreadcrumbs",e)}const oe=A("MuiBreadcrumbs",["root","ol","li","separator"]),te=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],ae=e=>{const{classes:s}=e;return _({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},se,s)},ne=M(J,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,s)=>[{[`& .${oe.li}`]:s.li},s.root]})({}),le=M("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,s)=>s.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),ce=M("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,s)=>s.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function ie(e,s,c,n){return e.reduce((t,u,l)=>(l<e.length-1?t=t.concat(u,r.jsx(ce,{"aria-hidden":!0,className:s,ownerState:n,children:c},`separator-${l}`)):t.push(u),t),[])}const ue=a.forwardRef(function(s,c){const n=N({props:s,name:"MuiBreadcrumbs"}),{children:t,className:u,component:l="nav",slots:m={},slotProps:x={},expandText:p="Show path",itemsAfterCollapse:f=1,itemsBeforeCollapse:g=1,maxItems:o=8,separator:i="/"}=n,T=R(n,te),[v,E]=a.useState(!1),h=b({},n,{component:l,expanded:v,expandText:p,itemsAfterCollapse:f,itemsBeforeCollapse:g,maxItems:o,separator:i}),B=ae(h),L=G({elementType:m.CollapsedIcon,externalSlotProps:x.collapsedIcon,ownerState:h}),S=a.useRef(null),$=d=>{const P=()=>{E(!0);const k=S.current.querySelector("a[href],button,[tabindex]");k&&k.focus()};return g+f>=d.length?d:[...d.slice(0,g),r.jsx(re,{"aria-label":p,slots:{CollapsedIcon:m.CollapsedIcon},slotProps:{collapsedIcon:L},onClick:P},"ellipsis"),...d.slice(d.length-f,d.length)]},I=a.Children.toArray(t).filter(d=>a.isValidElement(d)).map((d,P)=>r.jsx("li",{className:B.li,children:d},`child-${P}`));return r.jsx(ne,b({ref:c,component:l,color:"text.secondary",className:V(B.root,u),ownerState:h},T,{children:r.jsx(le,{className:B.ol,ref:S,ownerState:h,children:ie(v||o&&I.length<=o?I:$(I),B.separator,i,h)})}))}),C=a.createContext({breadcrumbType:"listItem"}),de=O.span`
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 10rem;
-  text-overflow: ellipsis;
-`,ke=({children:e,href:s,iconName:c,onClick:n})=>{const{breadcrumbType:t}=a.useContext(C),u=a.useCallback(m=>{n&&(m.preventDefault(),m.stopPropagation(),n(m))},[n]),l=r.jsxs(r.Fragment,{children:[c==="group"?r.jsx(W,{}):c==="user"?r.jsx(D,{}):null,r.jsx(de,{children:e})]});return s?t==="menuItem"?r.jsx(F,{component:"a",href:s,onClick:u,children:l}):t==="currentPage"?r.jsx(z,{ariaCurrent:"page",color:"textPrimary",children:l}):r.jsx(j,{href:s,onClick:u,children:l}):r.jsx(z,{color:"textPrimary",children:l})},y={currentPage:{breadcrumbType:"currentPage"},listItem:{breadcrumbType:"listItem"},menuItem:{breadcrumbType:"menuItem"}},me=5,pe=({children:e,homeHref:s,maxVisibleItems:c=me,testId:n,translate:t})=>{const{t:u}=H(),[l,m]=a.useState(null),x=a.useMemo(()=>Math.min(Math.max(c,0),e.length),[c,e]),p=a.useMemo(()=>{if(e.length<=x)return{beforeMenu:[],insideMenu:[],remainingBreadcrumbs:e};{const o=Math.floor(x/2),i=e.length-x;return{beforeMenu:e.slice(0,o),insideMenu:e.slice(o,o+i),remainingBreadcrumbs:e.slice(o+i)}}},[e,x]),f=a.useCallback(o=>m(o.currentTarget),[]),g=a.useCallback(()=>{m(null)},[]);return r.jsxs(ue,{"aria-label":u("breadcrumbs.label.text"),"data-se":n,maxItems:e.length+1,translate:t,children:[s&&r.jsx(j,{"aria-label":u("breadcrumbs.home.text"),href:s,children:r.jsx(K,{})}),p.beforeMenu.map((o,i)=>r.jsx(C.Provider,{value:y.listItem,children:o},i)),p.insideMenu.length>0&&r.jsxs(r.Fragment,{children:[r.jsx(j,{onClick:f,children:"..."}),r.jsx(Q,{anchorEl:l,anchorOrigin:{horizontal:"left",vertical:"bottom"},MenuListProps:{sx:{minWidth:180}},onClose:g,open:!!l,children:r.jsx(C.Provider,{value:y.menuItem,children:p.insideMenu})})]}),p.remainingBreadcrumbs.map((o,i)=>i===p.remainingBreadcrumbs.length-1?r.jsx(C.Provider,{value:y.currentPage,children:o},i):r.jsx(C.Provider,{value:y.listItem,children:o},i))]})},be=a.memo(pe);be.displayName="BreadcrumbList";export{ke as B,be as M,ue as a};

package/dist/assets/Callout.stories-DVWATUoj.js

@@ -1,105 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{e as H}from"./index-BJMTVygn.js";import{O as z}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{c as p,a as d,M as F}from"./Callout-qkeUDNKn.js";import{q as G}from"./queryOdysseySelector-CwauhQve.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./Typography-B7ktrxCD.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-DwBg74qy.js";import"./Box-B6KmU4_J.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";const Ue={component:F,decorators:[z],tags:["autodocs"],argTypes:{children:{control:"text",description:"Used to optionally pass a text list to the component",table:{type:{summary:"ReactNode | Array<ReactNode>"}},type:{name:"other",value:"ReactNode | Array<ReactNode>"}},linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the Callout will include a link to the URL",table:{type:{summary:"string"}}},role:{options:d,control:{type:"radio"},description:"Sets the ARIA role of the Callout ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:d.join(" | ")}}},severity:{options:p,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:p.join(" | ")}},type:{name:"other",value:"radio"}},text:{control:"text",description:"The content of the Callout",table:{type:{summary:"string"}},type:{name:"string"}},title:{control:"text",description:"The title of the Callout",table:{type:{summary:"string"}}}},args:{text:"You're signed in from Moonbase Alpha-6, located on Luna.",severity:"info"}},t={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},r={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},i={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},o={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},n={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},s={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkTarget:"_blank",linkText:"Visit fueling console",linkUrl:"#"}},a={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:e.jsx(e.Fragment,{children:e.jsxs("ul",{children:[e.jsx("li",{children:"Secondary email"}),e.jsx("li",{children:"Street address"}),e.jsx("li",{children:"City"})]})})}},l={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,children:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},c={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:_,step:P})=>{await P("has visible link",()=>{var u,m;const B=(m=(u=G("Callout")({element:_,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:m.call(u,{name:"link",options:{linkText:"Visit fueling console"}}).element;H(B).toBeVisible()})}};var f,h,y;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    role: "status",
-    severity: "info",
-    title: "Authentication status",
-    text: "You're signed in from Moonbase Alpha-6, located on Luna."
-  }
-}`,...(y=(h=t.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var g,k,x;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
-  args: {
-    role: "alert",
-    severity: "error",
-    title: "Safety checks failed",
-    text: "Reconfigure the fuel mixture ratios and perform safety checks again."
-  }
-}`,...(x=(k=r.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};var S,v,T;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    role: "status",
-    severity: "warning",
-    title: "Safety checks incomplete",
-    text: "Complete all safety checks before requesting approval to launch your mission."
-  }
-}`,...(T=(v=i.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var b,C,L;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    role: "status",
-    severity: "success",
-    title: "Approved for launch",
-    text: "Safety checks are complete. Your mission is ready for liftoff."
-  }
-}`,...(L=(C=o.parameters)==null?void 0:C.docs)==null?void 0:L.source}}};var R,w,A;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    role: "alert",
-    severity: "error",
-    title: "Safety checks failed",
-    text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
-    linkText: "Visit fueling console",
-    linkUrl: "#"
-  }
-}`,...(A=(w=n.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var V,U,W;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    role: "alert",
-    severity: "error",
-    title: "Safety checks failed",
-    text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
-    linkTarget: "_blank",
-    linkText: "Visit fueling console",
-    linkUrl: "#"
-  }
-}`,...(W=(U=s.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var j,q,E;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    role: "status",
-    severity: "info",
-    title: "Delivery details needed to complete your user profile",
-    text: undefined,
-    children: <>
-        <ul>
-          <li>Secondary email</li>
-          <li>Street address</li>
-          <li>City</li>
-        </ul>
-      </>
-  }
-}`,...(E=(q=a.parameters)==null?void 0:q.docs)==null?void 0:E.source}}};var M,I,N;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    role: "alert",
-    severity: "error",
-    title: "Safety checks failed",
-    text: undefined,
-    children: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
-    linkText: "Visit fueling console",
-    linkUrl: "#"
-  }
-}`,...(N=(I=l.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var O,Y,D;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    role: "alert",
-    severity: "error",
-    title: "Safety checks failed",
-    text: undefined,
-    linkText: "Visit fueling console",
-    linkUrl: "#"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }: {
-    canvasElement: HTMLElement;
-    step: PlaywrightProps<CalloutProps>["step"];
-  }) => {
-    await step("has visible link", () => {
-      const querySelect = queryOdysseySelector("Callout");
-      const element = querySelect({
-        element: canvasElement,
-        role: "alert",
-        options: {
-          title: /Safety checks failed/
-        }
-      }).selectChild?.({
-        name: "link",
-        options: {
-          linkText: "Visit fueling console"
-        }
-      }).element;
-      expect(element).toBeVisible();
-    });
-  }
-}`,...(D=(Y=c.parameters)==null?void 0:Y.docs)==null?void 0:D.source}}};const We=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink"];export{l as ChildrenWithLink,a as ChildrenWithList,r as Error,t as Info,o as Success,c as TitleWithLink,i as Warning,n as WithLink,s as WithLinkAndTarget,We as __namedExportsOrder,Ue as default};

package/dist/assets/Card-DqLPNu4w.js

@@ -1,8 +0,0 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{T as i}from"./Card.stories-ROWJyBI0.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Card-DL97TZJd.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"./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"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.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"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./CardActions-C1bW_Jqo.js";import"./CardActionArea-BaL2GhSM.js";import"./MenuItem-DoUaLmgU.js";import"./MenuItem-oi_JaUho.js";import"./Button-DPUOjyZy.js";import"./Checkbox-eGdyySzm.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-DTEjQAxl.js";import"./FormHelperText-Ca69g4Je.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./createSvgIcon-Bv_3NNsK.js";import"./IconButton-Wwvz84xG.js";import"./ChevronUp-Br-QC-XK.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
-`,o.jsx(e,{of:i}),`
-`,o.jsx(s,{of:i}),`
-`,o.jsx(a,{of:i}),`
-`,o.jsx(c,{of:i}),`
-`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
-`,o.jsx(d,{}),`
-`,o.jsx(x,{})]})}function Jo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Jo as default};

package/dist/assets/CheckboxGroup.stories-BbHNliqq.js

@@ -1,92 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{O as K}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as b}from"./CheckboxGroup-BQ5GiUey.js";import{M as a}from"./Checkbox-eGdyySzm.js";import{M as N}from"./Link-BQo2zH0c.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./List-_p0jkXPM.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./FormGroup-D2d8E3Cw.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Link-DcsndbPK.js";import"./ExternalLink-lox07hAR.js";const Je={component:b,decorators:[K],tags:["autodocs"],argTypes:{children:{description:"A single Checkbox element or an array of Checkbox elements",table:{type:{summary:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},type:{required:!0,name:"other",value:"ReactElement<typeof Checkbox> | Array<ReactElement<typeof Checkbox>>"}},errorMessage:s.errorMessage,errorMessageList:s.errorMessageList,hint:s.hint,HintLinkComponent:s.HintLinkComponent,isDisabled:s.isDisabled,isReadOnly:{control:"boolean",description:"If `true`, the checkbox group is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox group is required",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the checkbox group",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}}},o={args:{},render:r=>e.jsxs(b,{errorMessage:r.errorMessage,errorMessageList:r.errorMessageList,hint:r.hint,HintLinkComponent:r.HintLinkComponent,isDisabled:r.isDisabled,isReadOnly:r.isReadOnly,isRequired:r.isRequired,label:"Systems check",children:[e.jsx(a,{label:"Life support",name:"life-support",value:"life-support"}),e.jsx(a,{label:"Warp core containment",name:"warp-core",value:"warp-core"}),e.jsx(a,{label:"Cetacean ops",name:"cetacean-ops",value:"cetacean-ops"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}}},t={...o},i={...o,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isDisabled:!0}},n={...o,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isReadOnly:!0}},c={...o,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the `isInvalid` prop, even if the group has an `errorMessage` set."}}},args:{errorMessage:"Select 1 or more systems to check before initiating warp."}},l={...o,args:{isRequired:!0,errorMessage:"System check is required",errorMessageList:["Select at least one item","Select no more than 3 items"]}},p={args:{errorMessage:"This field is required."},render:function(F){return e.jsxs(b,{...F,children:[e.jsx(a,{hint:"Help Text",label:"Life support",name:"life-support",value:"life-support"}),e.jsx(a,{hint:"Help Text",label:"Warp core containment",name:"warp-core",value:"warp-core"}),e.jsx(a,{hint:"Help Text",label:"Cetacean ops",name:"cetacean-ops",value:"cetacean-ops"})]})}},d={...o,args:{hint:"Select 1 or more systems to check before initiating warp."}},m={...o,args:{hint:"Select 1 or more systems to check before initiating warp.",HintLinkComponent:e.jsx(N,{href:"/learn-more",children:"Learn more"})}},u={...o,args:{isRequired:!0}},h={render:r=>e.jsxs(b,{errorMessage:r.errorMessage,hint:r.hint,isDisabled:r.isDisabled,isRequired:r.isRequired,label:"Who will you invite to your birthday?",children:[e.jsx(a,{label:"Alfred",name:"alfred",validity:"valid",value:"alfred"}),e.jsx(a,{isDefaultChecked:!0,label:"Barbara Gordon",name:"barbara-gordon",value:"barbara-gordon"}),e.jsx(a,{label:"Hal Jordan",name:"hal-jordan",validity:"valid",value:"hal-jordan"}),e.jsx(a,{isDefaultChecked:!0,label:"The Joker",name:"the-joker",value:"the-joker"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]},docs:{description:{story:"Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."}}},args:{errorMessage:"These choices are incompatible."}};var k,f,g;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  ...GroupTemplate
-}`,...(g=(f=t.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};var x,y,v;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isDisabled: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(v=(y=i.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};var C,T,M;n.parameters={...n.parameters,docs:{...(C=n.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isReadOnly: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(M=(T=n.parameters)==null?void 0:T.docs)==null?void 0:M.source}}};var D,G,R;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    },
-    docs: {
-      description: {
-        story: "Unlike Radio Buttons, Checkboxes validate individually, not as a group. Validity must be set individually on each checkbox using the \`isInvalid\` prop, even if the group has an \`errorMessage\` set."
-      }
-    }
-  },
-  args: {
-    errorMessage: "Select 1 or more systems to check before initiating warp."
-  } as CheckboxGroupProps // This is a hack
-}`,...(R=(G=c.parameters)==null?void 0:G.docs)==null?void 0:R.source}}};var j,L,S;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true,
-    errorMessage: "System check is required",
-    errorMessageList: ["Select at least one item", "Select no more than 3 items"]
-  } as CheckboxGroupProps // This is a hack
-}`,...(S=(L=l.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var q,H,w;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    errorMessage: "This field is required."
-  } as CheckboxGroupProps,
-  render: function C(props) {
-    return <CheckboxGroup {...props}>
-        <Checkbox hint="Help Text" label="Life support" name="life-support" value="life-support" />
-        <Checkbox hint="Help Text" label="Warp core containment" name="warp-core" value="warp-core" />
-        <Checkbox hint="Help Text" label="Cetacean ops" name="cetacean-ops" value="cetacean-ops" />
-      </CheckboxGroup>;
-  }
-}`,...(w=(H=p.parameters)==null?void 0:H.docs)==null?void 0:w.source}}};var I,E,O;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Select 1 or more systems to check before initiating warp."
-  } as CheckboxGroupProps // This is a hack
-}`,...(O=(E=d.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var P,W,A;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Select 1 or more systems to check before initiating warp.",
-    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
-  } as CheckboxGroupProps // This is a hack
-}`,...(A=(W=m.parameters)==null?void 0:W.docs)==null?void 0:A.source}}};var B,J,V;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(V=(J=u.parameters)==null?void 0:J.docs)==null?void 0:V.source}}};var z,U,_;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  render: args => <CheckboxGroup errorMessage={args.errorMessage} hint={args.hint} isDisabled={args.isDisabled} isRequired={args.isRequired} label="Who will you invite to your birthday?">
-      <Checkbox label="Alfred" name="alfred" validity="valid" value="alfred" />
-      <Checkbox isDefaultChecked label="Barbara Gordon" name="barbara-gordon" value="barbara-gordon" />
-      <Checkbox label="Hal Jordan" name="hal-jordan" validity="valid" value="hal-jordan" />
-      <Checkbox isDefaultChecked label="The Joker" name="the-joker" value="the-joker" />
-    </CheckboxGroup>,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    },
-    docs: {
-      description: {
-        story: "Individual checkboxes can take a different validity than the whole group; if a group is invalid, individual checkboxes can be marked valid, and vice versa. This is particularly useful in cases where the state of particular checkboxes affect the validity of the entire group."
-      }
-    }
-  },
-  args: {
-    errorMessage: "These choices are incompatible."
-  } as CheckboxGroupProps // This is a hack
-}`,...(_=(U=h.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};const Ve=["Group","Disabled","ReadOnly","Error","ErrorsList","ErrorWithIndividualHint","Hint","HintLink","Required","MixedError"];export{i as Disabled,c as Error,p as ErrorWithIndividualHint,l as ErrorsList,t as Group,d as Hint,m as HintLink,h as MixedError,n as ReadOnly,u as Required,Ve as __namedExportsOrder,Je as default};

package/dist/assets/Custom Theming.stories-Kx3noLIn.js

@@ -1,95 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{c as A,_ as V,b as a,s as $,d as Y,f as Z,a6 as q,p as b,Y as J,a7 as K,a8 as Q,a9 as X,Z as ee}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as u}from"./index-NdkWRN8K.js";import{M as re}from"./Button-DPUOjyZy.js";import{M as f}from"./OdysseyProvider-BPLFYiwr.js";import{M as C}from"./TextField-BIepBlYn.js";import{M as oe}from"./RadioGroup-Mx_cTqVX.js";import{M as v}from"./Radio-AD-L5UNl.js";import{P as te}from"./Paper-DwBg74qy.js";import{M as se}from"./MenuList-0OHGr5AC.js";import{M as S}from"./MenuItem-DoUaLmgU.js";import{a as ne}from"./List-_p0jkXPM.js";import{T as d}from"./Typography-CSpPZFTF.js";import"./_commonjsHelpers-gnU0ypJ3.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"./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"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./Typography-B7ktrxCD.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-Dj-8HF_1.js";import"./RadioGroup-C_zn6OtS.js";import"./Radio-7iHx2pBU.js";import"./SwitchBase-CWdXZnig.js";import"./createSvgIcon-Bv_3NNsK.js";import"./createChainedFunction-BO_9K8Jh.js";import"./FormGroup-D2d8E3Cw.js";import"./Hint-DTEjQAxl.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./MenuContext-DKMyPMNY.js";import"./MenuItem-oi_JaUho.js";const ie=["children","className","disableTypography","inset","primary","primaryTypographyProps","secondary","secondaryTypographyProps"],ae=o=>{const{classes:r,inset:t,primary:s,secondary:h,dense:T}=o;return Z({root:["root",t&&"inset",T&&"dense",s&&h&&"multiline"],primary:["primary"],secondary:["secondary"]},q,r)},me=$("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[{[`& .${b.primary}`]:r.primary},{[`& .${b.secondary}`]:r.secondary},r.root,t.inset&&r.inset,t.primary&&t.secondary&&r.multiline,t.dense&&r.dense]}})(({ownerState:o})=>a({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4},o.primary&&o.secondary&&{marginTop:6,marginBottom:6},o.inset&&{paddingLeft:56})),R=u.forwardRef(function(r,t){const s=A({props:r,name:"MuiListItemText"}),{children:h,className:T,disableTypography:m=!1,inset:z=!1,primary:O,primaryTypographyProps:x,secondary:W,secondaryTypographyProps:_}=s,U=V(s,ie),{dense:P}=u.useContext(ne);let n=O??h,i=W;const M=a({},s,{disableTypography:m,inset:z,primary:!!n,secondary:!!i,dense:P}),g=ae(M);return n!=null&&n.type!==d&&!m&&(n=e.jsx(d,a({variant:P?"body2":"body1",className:g.primary,component:x!=null&&x.variant?void 0:"span",display:"block"},x,{children:n}))),i!=null&&i.type!==d&&!m&&(i=e.jsx(d,a({variant:"body2",className:g.secondary,color:"text.secondary",display:"block"},_,{children:i}))),e.jsxs(me,a({className:Y(g.root,T),ownerState:M,ref:t},U,{children:[n,i]}))}),br={},p={decorators:[(o,r)=>{const t={BorderRadiusMain:"12px",PalettePrimaryMain:"green",PalettePrimaryDark:"rgb(150,0,0,1)",PalettePrimaryDarker:"rgb(150,0,0,1)",TypographyLineHeightHeading1:1.2,Spacing0:"1rem"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"Button",render:function(){return e.jsx("div",{children:e.jsx(re,{label:"Primary",variant:"primary"})})}},c={decorators:[(o,r)=>{const t={HueBlue500:"orange"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"TextField",render:function(){return e.jsxs(e.Fragment,{children:[e.jsx(C,{autoCompleteType:"name",label:"Name",type:"text"}),e.jsx(C,{autoCompleteType:"name",label:"Password",type:"text"})]})}},l={decorators:[(o,r)=>{const t={HueBlue500:"rgba(0, 160, 100, 1)"},s=r.canvasElement.parentElement??void 0;return e.jsx(f,{designTokensOverride:t,hasCssBaseline:!0,shadowRootElement:s,children:e.jsx(o,{})})}],name:"RadioGroup",render:function(){return e.jsxs(oe,{"aria-describedby":"radio-hint radio-error",defaultValue:"Lightspeed",id:"radio-buttons-group",label:"Speed",children:[e.jsx(v,{label:"Lightspeed",value:"lightspeed"}),e.jsx(v,{label:"Warp Speed",value:"Warp Speed"}),e.jsx(v,{label:"Ludicrous Speed",value:"Ludicrous Speed"})]})}},y={name:"CustomComponent",render:function(){const r=u.useMemo(()=>({components:{MuiListItemText:{styleOverrides:{root:{color:"red"}}}}}),[]),t=J({odysseyTokens:ee}),s=u.useMemo(()=>r&&K(Q(t,r)),[t,r]);return e.jsx(e.Fragment,{children:e.jsx(te,{children:e.jsxs(se,{children:[e.jsx(S,{children:e.jsx(X,{theme:s,children:e.jsx(R,{children:"Cut"})})}),e.jsx(S,{children:e.jsx(R,{children:"Copy"})})]})})})}};var j,E,L;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  decorators: [(Story, context) => {
-    const odysseyDesignTokensOverrides: DesignTokensOverride = {
-      BorderRadiusMain: "12px",
-      PalettePrimaryMain: "green",
-      //base background color
-      PalettePrimaryDark: "rgb(150,0,0,1)",
-      //used for hover/focus
-      PalettePrimaryDarker: "rgb(150,0,0,1)",
-      //used for hover/focus
-      TypographyLineHeightHeading1: 1.2,
-      Spacing0: "1rem"
-    };
-    const shadowRootElement = context.canvasElement.parentElement ?? undefined;
-    return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
-          <Story />
-        </OdysseyProvider>;
-  }],
-  name: "Button",
-  render: function C() {
-    return <div>
-        <Button label="Primary" variant="primary" />
-      </div>;
-  }
-}`,...(L=(E=p.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var k,B,I;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  decorators: [(Story, context) => {
-    const odysseyDesignTokensOverrides: DesignTokensOverride = {
-      HueBlue500: "orange"
-    };
-    const shadowRootElement = context.canvasElement.parentElement ?? undefined;
-    return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
-          <Story />
-        </OdysseyProvider>;
-  }],
-  name: "TextField",
-  render: function C() {
-    return <>
-        <TextField autoCompleteType="name" label="Name" type="text" />
-        <TextField autoCompleteType="name" label="Password" type="text" />
-      </>;
-  }
-}`,...(I=(B=c.parameters)==null?void 0:B.docs)==null?void 0:I.source}}};var D,w,F;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  decorators: [(Story, context) => {
-    const odysseyDesignTokensOverrides: DesignTokensOverride = {
-      HueBlue500: "rgba(0, 160, 100, 1)" // THIS IS A SAMPLE. DO NOT USE!
-    };
-    const shadowRootElement = context.canvasElement.parentElement ?? undefined;
-    return <OdysseyProvider designTokensOverride={odysseyDesignTokensOverrides} hasCssBaseline shadowRootElement={shadowRootElement}>
-          <Story />
-        </OdysseyProvider>;
-  }],
-  name: "RadioGroup",
-  render: function C() {
-    return <RadioGroup aria-describedby="radio-hint radio-error" defaultValue="Lightspeed" id="radio-buttons-group" label="Speed">
-        <Radio label="Lightspeed" value="lightspeed" />
-        <Radio label="Warp Speed" value="Warp Speed" />
-        <Radio label="Ludicrous Speed" value="Ludicrous Speed" />
-      </RadioGroup>;
-  }
-}`,...(F=(w=l.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var H,N,G;y.parameters={...y.parameters,docs:{...(H=y.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  name: "CustomComponent",
-  render: function C() {
-    const themeOverrides: ThemeOptions = useMemo(() => {
-      return {
-        components: {
-          MuiListItemText: {
-            styleOverrides: {
-              root: {
-                color: "red"
-              }
-            }
-          }
-        }
-      };
-    }, []);
-    const odysseyTheme = createOdysseyMuiTheme({
-      odysseyTokens
-    });
-    const customOdysseyTheme = useMemo(() => themeOverrides && createTheme(deepmerge(odysseyTheme, themeOverrides)), [odysseyTheme, themeOverrides]);
-    return <>
-        <Paper>
-          <MenuList>
-            <MenuItem>
-              <MuiThemeProvider theme={customOdysseyTheme}>
-                <ListItemText>Cut</ListItemText>
-              </MuiThemeProvider>
-            </MenuItem>
-            <MenuItem>
-              <ListItemText>Copy</ListItemText>
-            </MenuItem>
-          </MenuList>
-        </Paper>
-      </>;
-  }
-}`,...(G=(N=y.parameters)==null?void 0:N.docs)==null?void 0:G.source}}};const Cr=["ButtonStory","TextFieldStory","RadioGroupStory","CustomComponentStory"];export{p as ButtonStory,y as CustomComponentStory,l as RadioGroupStory,c as TextFieldStory,Cr as __namedExportsOrder,br as default};