@okta/odyssey-react-mui 1.48.0 → 1.49.0

package/dist/assets/{Badge-DFZYqSZN.js → Badge-BO7bTIEa.js}

@@ -1,4 +1,4 @@
-import{r as g}from"./index-NdkWRN8K.js";import{M as m}from"./Box-B-R2QRDU.js";import{u as h}from"./OdysseyThemeProvider-BykOaJq8.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";/*!
+import{r as g}from"./index-NdkWRN8K.js";import{M as m}from"./Box-1mvP3NLW.js";import{u as h}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/{Banner-25ZggH76.js → Banner-K7AM0SJj.js}

@@ -1 +1 @@
-import{r as p}from"./index-NdkWRN8K.js";import{J as x}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as f}from"./Link-BQo2zH0c.js";import{M as u}from"./ScreenReaderText-DbrZU7M5.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{A as h,a as j}from"./AlertTitle-BDkgiA29.js";const T=["status","alert"],g=["success","info","warning","error"],M=({linkRel:t,linkTarget:n,linkText:o,linkUrl:a,onClose:i,role:m,severity:s,text:l,testId:c,translate:r})=>{const{t:d}=x();return e.jsxs(h,{"data-se":c,onClose:i,role:m,severity:s,variant:"banner",children:[e.jsx(u,{translate:r,children:d(`severity.${s}`)}),e.jsx(j,{translate:r,children:l}),a&&e.jsx(f,{href:a,rel:t,target:n,translate:r,variant:"monochrome",children:o})]})},b=p.memo(M);b.displayName="Banner";export{b as M,T as a,g as b};
+import{r as p}from"./index-NdkWRN8K.js";import{K as x}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M as f}from"./Link-BDoLypER.js";import{M as u}from"./ScreenReaderText-CebALBsG.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{A as h,a as j}from"./AlertTitle-q6ff_Zkl.js";const T=["status","alert"],g=["success","info","warning","error"],M=({linkRel:t,linkTarget:n,linkText:o,linkUrl:a,onClose:i,role:m,severity:s,text:l,testId:c,translate:r})=>{const{t:d}=x();return e.jsxs(h,{"data-se":c,onClose:i,role:m,severity:s,variant:"banner",children:[e.jsx(u,{translate:r,children:d(`severity.${s}`)}),e.jsx(j,{translate:r,children:l}),a&&e.jsx(f,{href:a,rel:t,target:n,translate:r,variant:"monochrome",children:o})]})},b=p.memo(M);b.displayName="Banner";export{b as M,T as a,g as b};

package/dist/assets/{Banner.stories-Dz37neYC.js → Banner.stories-BRQINNIu.js}

@@ -1,4 +1,4 @@
-import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"./axeRun-B-LchFqf.js";import{O as D}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{b as d,a as u,M}from"./Banner-25ZggH76.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.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"./ScreenReaderText-DbrZU7M5.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.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{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"./axeRun-B-LchFqf.js";import{O as D}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{b as d,a as u,M}from"./Banner-K7AM0SJj.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-ClQ35Rr-.js";import"./ExternalLink-D0l1c5Cz.js";import"./ScreenReaderText-CebALBsG.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-ClUWwDzL.js";import"./Close-OXBt1nIe.js";import"./IconButton-5qShmnSr.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D-_O-EjU.js";/*!
  * Copyright (c) 2021-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{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"
  * 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 ge={component:M,decorators:[D],tags:["autodocs"],argTypes:{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 alert will include a link to the URL",table:{type:{summary:"string"}}},onClose:{description:"The function that's fired when the user clicks the close button. If undefined, the close button will not be shown",table:{type:{summary:"func"}}},role:{options:u,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:u.join(" | ")}}},severity:{options:d,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:d.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",text:"The mission to Sagittarius A is set for January 7.",onClose:void 0}},t={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},r={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},n={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},a={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:i,step:c})=>{await c("check for the link text",async()=>{const e=I(i).getByText("View report");await l(e==null?void 0:e.tagName).toBe("A"),await l(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#anchor`)})}},o={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},s={args:{onClose:R()},play:async({args:i,canvasElement:c,step:m})=>{await m("dismiss the banner on click",async()=>{const j=I(c).getByTitle("Close");await p.click(j),await p.tab(),await l(i.onClose).toHaveBeenCalled(),await V("Dismissible Banner")})}};var y,g,h;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
+ */const he={component:M,decorators:[D],tags:["autodocs"],argTypes:{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 alert will include a link to the URL",table:{type:{summary:"string"}}},onClose:{description:"The function that's fired when the user clicks the close button. If undefined, the close button will not be shown",table:{type:{summary:"func"}}},role:{options:u,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:u.join(" | ")}}},severity:{options:d,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:d.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",text:"The mission to Sagittarius A is set for January 7.",onClose:void 0}},t={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},r={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},n={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},a={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:i,step:c})=>{await c("check for the link text",async()=>{const e=I(i).getByText("View report");await l(e==null?void 0:e.tagName).toBe("A"),await l(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#anchor`)})}},o={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},s={args:{onClose:R()},play:async({args:i,canvasElement:c,step:m})=>{await m("dismiss the banner on click",async()=>{const j=I(c).getByTitle("Close");await p.click(j),await p.tab(),await l(i.onClose).toHaveBeenCalled(),await V("Dismissible Banner")})}};var y,g,h;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
   args: {
     severity: "info",
     text: "The mission to Sagittarius A is set for January 7."
@@ -71,4 +71,4 @@ import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"
       await axeRun("Dismissible Banner");
     });
   }
-}`,...(U=(L=s.parameters)==null?void 0:L.docs)==null?void 0:U.source}}};const he=["Info","Error","Warning","Linked","LinkWithTarget","Dismissible"];export{s as Dismissible,r as Error,t as Info,o as LinkWithTarget,a as Linked,n as Warning,he as __namedExportsOrder,ge as default};
+}`,...(U=(L=s.parameters)==null?void 0:L.docs)==null?void 0:U.source}}};const fe=["Info","Error","Warning","Linked","LinkWithTarget","Dismissible"];export{s as Dismissible,r as Error,t as Info,o as LinkWithTarget,a as Linked,n as Warning,fe as __namedExportsOrder,he as default};

package/dist/assets/{BaseButton-Cd1oZPsh.js → BaseButton-DYZHKnV3.js}

@@ -1,4 +1,4 @@
-import{r as e}from"./index-NdkWRN8K.js";import{u as E,M as N}from"./MuiPropsContext-DhRylJZk.js";import{M as q}from"./Tooltip-DQDBPKMu.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{B as w}from"./Button-BvUGu5Sm.js";/*!
+import{r as e}from"./index-NdkWRN8K.js";import{u as E,M as N}from"./MuiPropsContext-DhRylJZk.js";import{M as q}from"./Tooltip-CsVWtVfL.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{B as w}from"./Button-BzIwUmSM.js";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/BaseMenuButton-BIietjUB.js

@@ -0,0 +1 @@
+import{u as w,N,h as S}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as o}from"./index-NdkWRN8K.js";import{M as q}from"./Box-1mvP3NLW.js";import{u as H}from"./useUniqueId-Bsgqe1tm.js";import{M as A}from"./BaseButton-DYZHKnV3.js";import{M as F}from"./MenuContext-DKMyPMNY.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as R}from"./More-DLQ2RjWn.js";import{M as U,P as G}from"./Menu-K9lpVvDG.js";const se=["left","right"],re=["start","end"],J=S("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=H(j),T=o.useMemo(()=>({"aria-labelledby":`${t}-button`}),[t]),V=o.useMemo(()=>({closeMenu:l,openMenu:u,shouldCloseOnSelect:f}),[l,u,f]),L=z?void 0:p||(k?e.jsx(R,{}):e.jsx(N,{})),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:L,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:T,onClose:l,open:a,transformOrigin:g,children:e.jsx(F.Provider,{value:V,children:c})}),m&&e.jsx(G,{anchorEl:d,anchorOrigin:b,onClose:l,open:a,transformOrigin:g,children:e.jsx(q,{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-B-R2QRDU.js → Box-1mvP3NLW.js}

@@ -1 +1 @@
-import{r as o}from"./index-NdkWRN8K.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{B as n}from"./Box-B6KmU4_J.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>p.jsx(n,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),f=o.memo(d);f.displayName="Box";export{f as M};
+import{r as o}from"./index-NdkWRN8K.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{B as n}from"./Box-BcMTQ_R2.js";const d=o.forwardRef(({children:r,component:e,id:s,role:t,sx:a,testId:m,translate:x},i)=>p.jsx(n,{children:r,component:e,"data-se":m,id:s,ref:i,role:t,sx:a,translate:x})),f=o.memo(d);f.displayName="Box";export{f as M};

package/dist/assets/Box-BcMTQ_R2.js

@@ -0,0 +1 @@
+import{W as e,ae as a,Y as s,a8 as t}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{c as o}from"./createBox-Dxawkfow.js";const r=e("MuiBox",["root"]),m=t(),c=o({themeId:s,defaultTheme:m,defaultClassName:r.root,generateClassName:a.generate});export{c as B};

package/dist/assets/Box-DXoV5_ch.js

@@ -0,0 +1,11 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.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-DLgQDw3r.js";import{B as i}from"./Box.stories-C8EeKXhb.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-BJMTVygn.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./TextField-BhK0y2Zt.js";import"./Field-DH3L8v09.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DeB4_faH.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CdR3XT6f.js";function e(r){const o={a:"a",code:"code",p:"p",...n(),...r.components};return t.jsxs(t.Fragment,{children:[t.jsx(p,{of:i}),`
+`,t.jsx(s,{of:i}),`
+`,t.jsx(m,{of:i}),`
+`,t.jsx(a,{of:i}),`
+`,t.jsx(c,{of:i}),`
+`,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 at(r={}){const{wrapper:o}={...n(),...r.components};return o?t.jsx(o,{...r,children:t.jsx(e,{...r})}):e(r)}export{at as default};

package/dist/assets/{Box.stories-BCtoarqr.js → Box.stories-C8EeKXhb.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as x,e as b}from"./index-BJMTVygn.js";import{O as y}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as g}from"./Box-B-R2QRDU.js";import{M as n}from"./TextField-BIepBlYn.js";const T={component:g,decorators:[y],argTypes:{children:{description:"The content of the component, whether text or other components.",table:{type:{summary:"ReactNode"}}},component:{description:"The HTML element the component should render, if different from the default.",table:{type:{summary:"ElementType"}}},id:{control:"text",description:"An optional id for the HTML elemenet rendered by the component.",table:{type:{summary:"string"}}},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:"This is the tab content. This tab happens to be about stars."}},t={args:{children:"This is the content of the box.",sx:{borderColor:"lightGray",borderStyle:"dashed",borderWidth:2,p:3},id:"container-id"},play:async({canvasElement:c,step:p})=>{await p("Box Id",({args:m})=>{const h=x(c).getByText("This is the content of the box.");b(h).toHaveAttribute("id",m.id)})}},o={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Field One"}),e.jsx(n,{label:"Field Two"}),e.jsx(n,{label:"Field Three"})]}),sx:{display:"flex",alignItems:"start",gap:3,p:3}}};var r,s,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{w as x,e as b}from"./index-BJMTVygn.js";import{O as y}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as g}from"./Box-1mvP3NLW.js";import{M as n}from"./TextField-BhK0y2Zt.js";const T={component:g,decorators:[y],argTypes:{children:{description:"The content of the component, whether text or other components.",table:{type:{summary:"ReactNode"}}},component:{description:"The HTML element the component should render, if different from the default.",table:{type:{summary:"ElementType"}}},id:{control:"text",description:"An optional id for the HTML elemenet rendered by the component.",table:{type:{summary:"string"}}},sx:{control:"object",description:"The system prop that allows defining system overrides as well as additional CSS styles. See the [MUI `sx` page](https://mui.com/system/getting-started/the-sx-prop/) for more details.",table:{type:{summary:"object"}}}},args:{children:"This is the tab content. This tab happens to be about stars."}},t={args:{children:"This is the content of the box.",sx:{borderColor:"lightGray",borderStyle:"dashed",borderWidth:2,p:3},id:"container-id"},play:async({canvasElement:c,step:p})=>{await p("Box Id",({args:m})=>{const h=x(c).getByText("This is the content of the box.");b(h).toHaveAttribute("id",m.id)})}},o={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Field One"}),e.jsx(n,{label:"Field Two"}),e.jsx(n,{label:"Field Three"})]}),sx:{display:"flex",alignItems:"start",gap:3,p:3}}};var r,s,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
   args: {
     children: "This is the content of the box.",
     sx: {

package/dist/assets/Breadcrumbs-Bp-jt6t5.js

@@ -0,0 +1,6 @@
+import{_ as R,s as M,b,n as w,W as A,V as N,c as U,d as V,f as _,K as W,h as H}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as a}from"./index-NdkWRN8K.js";import{c as z}from"./Typography-Cz6D417Y.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{M as O}from"./Group-mTVRC79V.js";import{M as D}from"./User-CyxEAfVT.js";import{M as F}from"./MenuItem-vhp8G-Nb.js";import{B as j}from"./ButtonBase-BNqa2TMD.js";import{c as q}from"./createSvgIcon-ClUWwDzL.js";import{u as G}from"./getReactElementRef-DsIevm5t.js";import{T as K}from"./Typography-ClQ35Rr-.js";import{M as J}from"./Home-la7Lmt_L.js";import{M as Q}from"./Menu-K9lpVvDG.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 N("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(K,{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=U({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=H.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(O,{}):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}=W(),[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(J,{})}),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/{Breadcrumbs.stories-BTEZLo9U.js → Breadcrumbs.stories-B_3snTWA.js}

@@ -1,4 +1,4 @@
-import{j as r}from"./jsx-runtime-CnH95YSl.js";import{a as L}from"./index-B-lxVbXh.js";import{w as O,e as N}from"./index-BJMTVygn.js";import{O as k}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as o,B as e}from"./Breadcrumbs-BGJJeoxM.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Group-DWmiPyzE.js";import"./User-CvYTA860.js";import"./MenuItem-oi_JaUho.js";import"./List-_p0jkXPM.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-Bv_3NNsK.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Home-CUQc6tB8.js";import"./Menu-CU_mHT7L.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";const jr={component:o,decorators:[k],tags:["autodocs"],argTypes:{children:{control:"object",description:"Multiple Breadcrumb components.",table:{type:{summary:"Breadcrumb"}}},homeHref:{control:"text",description:'URL of the "Home" breadcrumb.',table:{type:{summary:"string"}}},maxVisibleItems:{control:"number",description:"The number of breadcrumbs displayed. Any additional breadcrumbs will be shown in a dropdown menu.",table:{type:{summary:"number"}}}},args:{maxVisibleItems:5}},a={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"Three"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]}),play:async({canvasElement:n,step:y})=>{await y("Breadcrumbs Home Link",({args:H})=>{const S=O(n).getByLabelText("Home");N(S).toHaveAttribute("href",H.homeHref)})}},i={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"This is a very long title that should be truncated"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"This is a very long title with an icon"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]})},m={args:{children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]},render:n=>r.jsx(o,{children:n.children})},t={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",onClick:L("onClick"),children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]})},c={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",children:"Three"})]})};var s,d,h;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
+import{j as r}from"./jsx-runtime-CnH95YSl.js";import{a as L}from"./index-B-lxVbXh.js";import{w as O,e as N}from"./index-BJMTVygn.js";import{O as k}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as o,B as e}from"./Breadcrumbs-Bp-jt6t5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./Group-mTVRC79V.js";import"./User-CyxEAfVT.js";import"./MenuItem-vhp8G-Nb.js";import"./List-CmjR1pNu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-ClUWwDzL.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Home-la7Lmt_L.js";import"./Menu-K9lpVvDG.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";const jr={component:o,decorators:[k],tags:["autodocs"],argTypes:{children:{control:"object",description:"Multiple Breadcrumb components.",table:{type:{summary:"Breadcrumb"}}},homeHref:{control:"text",description:'URL of the "Home" breadcrumb.',table:{type:{summary:"string"}}},maxVisibleItems:{control:"number",description:"The number of breadcrumbs displayed. Any additional breadcrumbs will be shown in a dropdown menu.",table:{type:{summary:"number"}}}},args:{maxVisibleItems:5}},a={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"Three"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]}),play:async({canvasElement:n,step:y})=>{await y("Breadcrumbs Home Link",({args:H})=>{const S=O(n).getByLabelText("Home");N(S).toHaveAttribute("href",H.homeHref)})}},i={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"This is a very long title that should be truncated"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"This is a very long title with an icon"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]})},m={args:{children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]},render:n=>r.jsx(o,{children:n.children})},t={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",onClick:L("onClick"),children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]})},c={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",children:"Three"})]})};var s,d,h;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
   args: {
     homeHref: "#home"
   },

package/dist/assets/{Bug-Z3X3t5xp.js → Bug-CQIUmZ-N.js}

@@ -1 +1 @@
-import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-BykOaJq8.js";const t=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 16V8h-4v12.9a5.002 5.002 0 0 0 4-4.9Zm-6-8H7v8a5.002 5.002 0 0 0 4 4.9V8ZM5 8v4.382l-3.447 1.724.894 1.788L5 14.618V16c0 1.05.231 2.046.646 2.94l-2.353 2.353 1.414 1.414 2.059-2.059A6.983 6.983 0 0 0 12 23a6.983 6.983 0 0 0 5.234-2.352l2.059 2.06 1.414-1.415-2.353-2.353c.415-.894.646-1.89.646-2.94v-1.382l2.553 1.276.894-1.788L19 12.382V8h4V6h-6A5 5 0 0 0 7 6H1v2h4Zm4-2h6a3 3 0 1 0-6 0Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="BugIcon";export{m as M};
+import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const t=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M17 16V8h-4v12.9a5.002 5.002 0 0 0 4-4.9Zm-6-8H7v8a5.002 5.002 0 0 0 4 4.9V8ZM5 8v4.382l-3.447 1.724.894 1.788L5 14.618V16c0 1.05.231 2.046.646 2.94l-2.353 2.353 1.414 1.414 2.059-2.059A6.983 6.983 0 0 0 12 23a6.983 6.983 0 0 0 5.234-2.352l2.059 2.06 1.414-1.415-2.353-2.353c.415-.894.646-1.89.646-2.94v-1.382l2.553 1.276.894-1.788L19 12.382V8h4V6h-6A5 5 0 0 0 7 6H1v2h4Zm4-2h6a3 3 0 1 0-6 0Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(t);m.displayName="BugIcon";export{m as M};

package/dist/assets/{Button-DPUOjyZy.js → Button-BEA5U6Tg.js}

@@ -1,4 +1,4 @@
-import{r as o}from"./index-NdkWRN8K.js";import{M as r}from"./BaseButton-Cd1oZPsh.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";/*!
+import{r as o}from"./index-NdkWRN8K.js";import{M as r}from"./BaseButton-DYZHKnV3.js";import{j as m}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/{Button-BvUGu5Sm.js → Button-BzIwUmSM.js}

@@ -1 +1 @@
-import{ad as M,c as F,_ as L,b as r,s as C,d as R,e as n,f as G,ak as D,r as H,al as v,n as u}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{B as U}from"./ButtonBase-CrcIXP69.js";const A=p.createContext({}),q=p.createContext(void 0),J=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],K=o=>{const{color:a,disableElevation:i,fullWidth:t,size:s,variant:l,classes:c}=o,x={root:["root",l,`${l}${n(a)}`,`size${n(s)}`,`${l}Size${n(s)}`,`color${n(a)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${n(s)}`],endIcon:["icon","endIcon",`iconSize${n(s)}`]},b=G(x,D,c);return r({},c,b)},k=o=>r({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),Q=C(U,{shouldForwardProp:o=>H(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.root,a[i.variant],a[`${i.variant}${n(i.color)}`],a[`size${n(i.size)}`],a[`${i.variant}Size${n(i.size)}`],i.color==="inherit"&&a.colorInherit,i.disableElevation&&a.disableElevation,i.fullWidth&&a.fullWidth]}})(({theme:o,ownerState:a})=>{var i,t;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return r({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":r({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="text"&&a.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="outlined"&&a.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[a.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},a.variant==="contained"&&a.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[a.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[a.color].main}}),"&:active":r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${v.focusVisible}`]:r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${v.disabled}`]:r({color:(o.vars||o).palette.action.disabled},a.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},a.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},a.variant==="text"&&{padding:"6px 8px"},a.variant==="text"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main},a.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},a.variant==="outlined"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)`:`1px solid ${u.alpha(o.palette[a.color].main,.5)}`},a.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},a.variant==="contained"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].contrastText,backgroundColor:(o.vars||o).palette[a.color].main},a.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},a.size==="small"&&a.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},a.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${v.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${v.disabled}`]:{boxShadow:"none"}}),X=C("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.startIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},k(o))),Y=C("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.endIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},k(o))),oo=p.forwardRef(function(a,i){const t=p.useContext(A),s=p.useContext(q),l=M(t,a),c=F({props:l,name:"MuiButton"}),{children:x,color:b="primary",component:f="button",className:h,disabled:z=!1,disableElevation:E=!1,disableFocusRipple:y=!1,endIcon:$,focusVisibleClassName:N,fullWidth:P=!1,size:W="medium",startIcon:B,type:I,variant:T="text"}=c,j=L(c,J),e=r({},c,{color:b,component:f,disabled:z,disableElevation:E,disableFocusRipple:y,fullWidth:P,size:W,type:I,variant:T}),d=K(e),O=B&&g.jsx(X,{className:d.startIcon,ownerState:e,children:B}),V=$&&g.jsx(Y,{className:d.endIcon,ownerState:e,children:$}),_=s||"";return g.jsxs(Q,r({ownerState:e,className:R(t.className,d.root,h,_),component:f,disabled:z,focusRipple:!y,focusVisibleClassName:R(d.focusVisible,N),ref:i,type:I},j,{classes:d,children:[O,x,V]}))});export{oo as B};
+import{af as M,c as F,_ as L,b as r,s as C,d as R,e as n,f as G,al as D,r as H,am as v,n as u}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{B as U}from"./ButtonBase-BNqa2TMD.js";const A=p.createContext({}),m=p.createContext(void 0),q=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],J=o=>{const{color:a,disableElevation:i,fullWidth:t,size:s,variant:l,classes:c}=o,x={root:["root",l,`${l}${n(a)}`,`size${n(s)}`,`${l}Size${n(s)}`,`color${n(a)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${n(s)}`],endIcon:["icon","endIcon",`iconSize${n(s)}`]},b=G(x,D,c);return r({},c,b)},k=o=>r({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),K=C(U,{shouldForwardProp:o=>H(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.root,a[i.variant],a[`${i.variant}${n(i.color)}`],a[`size${n(i.size)}`],a[`${i.variant}Size${n(i.size)}`],i.color==="inherit"&&a.colorInherit,i.disableElevation&&a.disableElevation,i.fullWidth&&a.fullWidth]}})(({theme:o,ownerState:a})=>{var i,t;const s=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],l=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return r({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":r({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="text"&&a.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="outlined"&&a.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[a.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:u.alpha(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},a.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:l,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},a.variant==="contained"&&a.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[a.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[a.color].main}}),"&:active":r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${v.focusVisible}`]:r({},a.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${v.disabled}`]:r({color:(o.vars||o).palette.action.disabled},a.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},a.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},a.variant==="text"&&{padding:"6px 8px"},a.variant==="text"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main},a.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},a.variant==="outlined"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)`:`1px solid ${u.alpha(o.palette[a.color].main,.5)}`},a.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:s,boxShadow:(o.vars||o).shadows[2]},a.variant==="contained"&&a.color!=="inherit"&&{color:(o.vars||o).palette[a.color].contrastText,backgroundColor:(o.vars||o).palette[a.color].main},a.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},a.size==="small"&&a.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},a.size==="small"&&a.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},a.size==="large"&&a.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},a.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${v.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${v.disabled}`]:{boxShadow:"none"}}),Q=C("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.startIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},k(o))),X=C("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,a)=>{const{ownerState:i}=o;return[a.endIcon,a[`iconSize${n(i.size)}`]]}})(({ownerState:o})=>r({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},k(o))),oo=p.forwardRef(function(a,i){const t=p.useContext(A),s=p.useContext(m),l=M(t,a),c=F({props:l,name:"MuiButton"}),{children:x,color:b="primary",component:f="button",className:h,disabled:z=!1,disableElevation:E=!1,disableFocusRipple:y=!1,endIcon:$,focusVisibleClassName:N,fullWidth:P=!1,size:W="medium",startIcon:B,type:I,variant:T="text"}=c,j=L(c,q),e=r({},c,{color:b,component:f,disabled:z,disableElevation:E,disableFocusRipple:y,fullWidth:P,size:W,type:I,variant:T}),d=J(e),O=B&&g.jsx(Q,{className:d.startIcon,ownerState:e,children:B}),V=$&&g.jsx(X,{className:d.endIcon,ownerState:e,children:$}),_=s||"";return g.jsxs(K,r({ownerState:e,className:R(t.className,d.root,h,_),component:f,disabled:z,focusRipple:!y,focusVisibleClassName:R(d.focusVisible,N),ref:i,type:I},j,{classes:d,children:[O,x,V]}))});export{oo as B};

package/dist/assets/{Button.stories-CLRsJ0J2.js → Button.stories-S7v-663i.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as Ma,a as za}from"./index-BJMTVygn.js";import{a as Pa}from"./axeRun-B-LchFqf.js";import{i as s}from"./iconUtils-C1HBA-0w.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{b as F,a as k,c as T}from"./BaseButton-Cd1oZPsh.js";import{M as o}from"./Button-DPUOjyZy.js";import{M as I}from"./index-DkrUiDVY.js";import{M as Oa}from"./Box-B-R2QRDU.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.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"./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"./User-CvYTA860.js";import"./Video-D8qbHdF4.js";import"./Box-B6KmU4_J.js";const Zt={component:o,decorators:[Va],tags:["autodocs"],argTypes:{endIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the end of the button",table:{type:{summary:"<Icon />"}}},href:{control:"text",description:"Optional href to render the button as a link",table:{type:{summary:"string"}}},id:{description:"An optional ID for the button",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"If `true`, the button is disabled",table:{type:{summary:"boolean"}}},isFullWidth:{control:"boolean",description:"If `true`, the button will take up the full width available",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The button text. If blank, the button must include an icon.",table:{type:{summary:"string"}}},onClick:{action:!0,description:"Callback fired when the button is clicked",table:{type:{summary:"(() => void)"}}},size:{options:T,control:{type:"radio"},description:"The size of the button",table:{type:{summary:T.join(" | ")},defaultValue:{summary:"medium"}}},startIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the button",table:{type:{summary:"<Icon />"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}},type:{options:k,control:{type:"radio"},description:"The type of the HTML button element.",table:{type:{summary:k.join(" | ")},defaultValue:{summary:"button"}}},variant:{options:F,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:F.join(" | ")},defaultValue:{summary:"secondary"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Add crew",onClick:ja(),variant:"primary"}},r=({canvasElement:t,step:n})=>async({args:a,actionName:Ea,hoverState:Na})=>{a.label&&await n("hover and click",async()=>{const Wa=La(t).getByRole("button",{name:a.label});x.tab(),await x.click(Wa),Ma(a.onClick).toHaveBeenCalledTimes(1),Pa(Ea),Na||await za(()=>x.tab())})},i={name:"Primary",play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Primary",hoverState:!1})}},c={name:"Primary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"primary"}},l={name:"Secondary",args:{label:"Add crew",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Secondary",hoverState:!1})}},m={name:"Secondary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"secondary"}},d={name:"Danger",args:{label:"Add crew",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Danger",hoverState:!1})}},p={name:"Danger Secondary",args:{label:"Add crew",variant:"dangerSecondary"}},u={name:"Danger, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"danger"}},y={name:"Floating",args:{label:"Add crew",variant:"floating"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating",hoverState:!1})}},g={name:"Floating Action",args:{label:"Add crew",variant:"floatingAction"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating Action",hoverState:!1})}},b={name:"Floating, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"floating"}},v={name:"Button as a link",args:{label:"Visit okta.com",variant:"floatingAction",href:"https://okta.com",onClick:void 0}},h={name:"Small",args:{label:"Add crew",size:"small"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Small",hoverState:!0})}},B={name:"Medium",args:{label:"Add crew",size:"medium",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Medium",hoverState:!0})}},w={name:"Large",args:{label:"Add crew",size:"large",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Large",hoverState:!0})}},S={name:"Full-width",args:{label:"Add crew",isFullWidth:!0},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Fullwidth",hoverState:!0})}},f={name:"Icon",args:{label:"Add crew",startIcon:e.jsx(I,{})},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button with Icon",hoverState:!1})}},A={name:"Icon-only",parameters:{docs:{description:{story:"Icon-only buttons should be paired with a Tooltip to provide additional context. A tooltip can be added by setting the `tooltipText` prop on the button to a string."}}},args:{startIcon:e.jsx(I,{}),ariaLabel:"Add crew",label:void 0,tooltipText:"Add crew"}},D={name:"Kitchen sink",render:()=>e.jsxs(Oa,{sx:{display:"flex",flexWrap:"wrap",rowGap:2},children:[e.jsx(o,{label:"Primary",variant:"primary"}),e.jsx(o,{label:"Secondary",variant:"secondary"}),e.jsx(o,{label:"Danger Secondary",variant:"dangerSecondary"}),e.jsx(o,{label:"Danger",variant:"danger"}),e.jsx(o,{label:"Floating",variant:"floating"}),e.jsx(o,{label:"Floating Action",variant:"floatingAction"}),e.jsx(o,{ariaLabel:"Add",startIcon:e.jsx(I,{}),variant:"primary"})]})};var E,N,W;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as Ma,a as za}from"./index-BJMTVygn.js";import{a as Pa}from"./axeRun-B-LchFqf.js";import{i as s}from"./iconUtils-BII10A1q.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{b as F,a as k,c as T}from"./BaseButton-DYZHKnV3.js";import{M as o}from"./Button-BEA5U6Tg.js";import{M as I}from"./index-DB8HwIVZ.js";import{M as Oa}from"./Box-1mvP3NLW.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Server-Ch5aeRtt.js";import"./List-UlX1tusJ.js";import"./ArrowRight-ChWYjNny.js";import"./Bug-CQIUmZ-N.js";import"./Calendar-_GPHtaRa.js";import"./ChevronRight-C12ToI7Y.js";import"./ChevronUp-CfT7Bz8X.js";import"./Clock-17ua7UAW.js";import"./Upload-CfzP_Muq.js";import"./Documentation-DF3oo39e.js";import"./Download-Zlhupksh.js";import"./ExternalLink-D0l1c5Cz.js";import"./Filter-DsDJ7si-.js";import"./Folder-e-po0U54.js";import"./Globe-B83Xmd05.js";import"./Grid-EpV3TL4a.js";import"./Group-mTVRC79V.js";import"./Hide-TKfOHglI.js";import"./Home-la7Lmt_L.js";import"./InformationCircle-a2jMUKfL.js";import"./More-DLQ2RjWn.js";import"./Refresh-DexPEklu.js";import"./Search-C5TVrLyE.js";import"./Settings-2rTKyez8.js";import"./Show-BnmQFsN6.js";import"./Sync-BbqTDeWk.js";import"./User-CyxEAfVT.js";import"./Video-DWT3WylB.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";const $t={component:o,decorators:[Va],tags:["autodocs"],argTypes:{endIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the end of the button",table:{type:{summary:"<Icon />"}}},href:{control:"text",description:"Optional href to render the button as a link",table:{type:{summary:"string"}}},id:{description:"An optional ID for the button",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"If `true`, the button is disabled",table:{type:{summary:"boolean"}}},isFullWidth:{control:"boolean",description:"If `true`, the button will take up the full width available",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The button text. If blank, the button must include an icon.",table:{type:{summary:"string"}}},onClick:{action:!0,description:"Callback fired when the button is clicked",table:{type:{summary:"(() => void)"}}},size:{options:T,control:{type:"radio"},description:"The size of the button",table:{type:{summary:T.join(" | ")},defaultValue:{summary:"medium"}}},startIcon:{control:{type:"select"},options:Object.keys(s),mapping:s,description:"An optional icon to display at the start of the button",table:{type:{summary:"<Icon />"}}},tooltipText:{control:"text",description:"If defined, the button will include a tooltip that contains the string.",table:{type:{summary:"string"}}},type:{options:k,control:{type:"radio"},description:"The type of the HTML button element.",table:{type:{summary:k.join(" | ")},defaultValue:{summary:"button"}}},variant:{options:F,control:{type:"radio"},description:"The color and style of the button",table:{type:{summary:F.join(" | ")},defaultValue:{summary:"secondary"}},type:{required:!0,name:"other",value:"radio"}}},args:{label:"Add crew",onClick:ja(),variant:"primary"}},r=({canvasElement:t,step:n})=>async({args:a,actionName:Ea,hoverState:Na})=>{a.label&&await n("hover and click",async()=>{const Wa=La(t).getByRole("button",{name:a.label});x.tab(),await x.click(Wa),Ma(a.onClick).toHaveBeenCalledTimes(1),Pa(Ea),Na||await za(()=>x.tab())})},i={name:"Primary",play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Primary",hoverState:!1})}},c={name:"Primary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"primary"}},l={name:"Secondary",args:{label:"Add crew",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Secondary",hoverState:!1})}},m={name:"Secondary, Disabled",args:{isDisabled:!0,label:"Add crew",variant:"secondary"}},d={name:"Danger",args:{label:"Add crew",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Danger",hoverState:!1})}},p={name:"Danger Secondary",args:{label:"Add crew",variant:"dangerSecondary"}},u={name:"Danger, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"danger"}},y={name:"Floating",args:{label:"Add crew",variant:"floating"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating",hoverState:!1})}},g={name:"Floating Action",args:{label:"Add crew",variant:"floatingAction"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Floating Action",hoverState:!1})}},b={name:"Floating, Disabled",args:{label:"Add crew",isDisabled:!0,variant:"floating"}},v={name:"Button as a link",args:{label:"Visit okta.com",variant:"floatingAction",href:"https://okta.com",onClick:void 0}},h={name:"Small",args:{label:"Add crew",size:"small"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Small",hoverState:!0})}},B={name:"Medium",args:{label:"Add crew",size:"medium",variant:"secondary"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Medium",hoverState:!0})}},w={name:"Large",args:{label:"Add crew",size:"large",variant:"danger"},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Large",hoverState:!0})}},S={name:"Full-width",args:{label:"Add crew",isFullWidth:!0},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button Fullwidth",hoverState:!0})}},f={name:"Icon",args:{label:"Add crew",startIcon:e.jsx(I,{})},play:async({args:t,canvasElement:n,step:a})=>{await r({canvasElement:n,step:a})({args:t,actionName:"Button with Icon",hoverState:!1})}},A={name:"Icon-only",parameters:{docs:{description:{story:"Icon-only buttons should be paired with a Tooltip to provide additional context. A tooltip can be added by setting the `tooltipText` prop on the button to a string."}}},args:{startIcon:e.jsx(I,{}),ariaLabel:"Add crew",label:void 0,tooltipText:"Add crew"}},D={name:"Kitchen sink",render:()=>e.jsxs(Oa,{sx:{display:"flex",flexWrap:"wrap",rowGap:2},children:[e.jsx(o,{label:"Primary",variant:"primary"}),e.jsx(o,{label:"Secondary",variant:"secondary"}),e.jsx(o,{label:"Danger Secondary",variant:"dangerSecondary"}),e.jsx(o,{label:"Danger",variant:"danger"}),e.jsx(o,{label:"Floating",variant:"floating"}),e.jsx(o,{label:"Floating Action",variant:"floatingAction"}),e.jsx(o,{ariaLabel:"Add",startIcon:e.jsx(I,{}),variant:"primary"})]})};var E,N,W;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`{
   name: "Primary",
   play: async ({
     args,
@@ -268,4 +268,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as ja,w as La,u as x,e as
       <Button label="Floating Action" variant="floatingAction" />
       <Button ariaLabel="Add" startIcon={<AddIcon />} variant="primary" />
     </Box>
-}`,...(Ta=(ka=D.parameters)==null?void 0:ka.docs)==null?void 0:Ta.source}}};const $t=["ButtonPrimary","ButtonPrimaryDisabled","ButtonSecondary","ButtonSecondaryDisabled","ButtonDanger","ButtonDangerSecondary","ButtonDangerDisabled","ButtonFloating","ButtonFloatingAction","ButtonFloatingDisabled","ButtonSecondaryAsLink","ButtonSmall","ButtonMedium","ButtonLarge","ButtonFullWidth","ButtonWithIcon","IconOnly","KitchenSink"];export{d as ButtonDanger,u as ButtonDangerDisabled,p as ButtonDangerSecondary,y as ButtonFloating,g as ButtonFloatingAction,b as ButtonFloatingDisabled,S as ButtonFullWidth,w as ButtonLarge,B as ButtonMedium,i as ButtonPrimary,c as ButtonPrimaryDisabled,l as ButtonSecondary,v as ButtonSecondaryAsLink,m as ButtonSecondaryDisabled,h as ButtonSmall,f as ButtonWithIcon,A as IconOnly,D as KitchenSink,$t as __namedExportsOrder,Zt as default};
+}`,...(Ta=(ka=D.parameters)==null?void 0:ka.docs)==null?void 0:Ta.source}}};const an=["ButtonPrimary","ButtonPrimaryDisabled","ButtonSecondary","ButtonSecondaryDisabled","ButtonDanger","ButtonDangerSecondary","ButtonDangerDisabled","ButtonFloating","ButtonFloatingAction","ButtonFloatingDisabled","ButtonSecondaryAsLink","ButtonSmall","ButtonMedium","ButtonLarge","ButtonFullWidth","ButtonWithIcon","IconOnly","KitchenSink"];export{d as ButtonDanger,u as ButtonDangerDisabled,p as ButtonDangerSecondary,y as ButtonFloating,g as ButtonFloatingAction,b as ButtonFloatingDisabled,S as ButtonFullWidth,w as ButtonLarge,B as ButtonMedium,i as ButtonPrimary,c as ButtonPrimaryDisabled,l as ButtonSecondary,v as ButtonSecondaryAsLink,m as ButtonSecondaryDisabled,h as ButtonSmall,f as ButtonWithIcon,A as IconOnly,D as KitchenSink,an as __namedExportsOrder,$t as default};

package/dist/assets/{ButtonBase-CrcIXP69.js → ButtonBase-BNqa2TMD.js}

@@ -1,4 +1,4 @@
-import{b as A,_ as ee,d as E,V as je,c as me,s as te,ai as ne,f as Ie,aD as _e,aE as Ue}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as a,e as W}from"./index-NdkWRN8K.js";import{j as N}from"./jsx-runtime-CnH95YSl.js";import{a as ze,u as ue,b as Oe}from"./useIsFocusVisible-DH0qxT5e.js";import{_ as Ke}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Ae,u as H}from"./inheritsLoose-DTTkq0Su.js";import{T as ce}from"./TransitionGroupContext-DAL84N7p.js";function oe(t,s){var r=function(e){return s&&a.isValidElement(e)?s(e):e},l=Object.create(null);return t&&a.Children.map(t,function(n){return n}).forEach(function(n){l[n.key]=r(n)}),l}function Xe(t,s){t=t||{},s=s||{};function r(f){return f in s?s[f]:t[f]}var l=Object.create(null),n=[];for(var e in t)e in s?n.length&&(l[e]=n,n=[]):n.push(e);var o,c={};for(var u in s){if(l[u])for(o=0;o<l[u].length;o++){var p=l[u][o];c[l[u][o]]=r(p)}c[u]=r(u)}for(o=0;o<n.length;o++)c[n[o]]=r(n[o]);return c}function F(t,s,r){return r[s]!=null?r[s]:t.props[s]}function Ye(t,s){return oe(t.children,function(r){return a.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:F(r,"appear",t),enter:F(r,"enter",t),exit:F(r,"exit",t)})})}function We(t,s,r){var l=oe(t.children),n=Xe(s,l);return Object.keys(n).forEach(function(e){var o=n[e];if(a.isValidElement(o)){var c=e in s,u=e in l,p=s[e],f=a.isValidElement(p)&&!p.props.in;u&&(!c||f)?n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:!0,exit:F(o,"exit",t),enter:F(o,"enter",t)}):!u&&c&&!f?n[e]=a.cloneElement(o,{in:!1}):u&&c&&a.isValidElement(p)&&(n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:p.props.in,exit:F(o,"exit",t),enter:F(o,"enter",t)}))}}),n}var He=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Ge={component:"div",childFactory:function(s){return s}},ie=function(t){Ae(s,t);function s(l,n){var e;e=t.call(this,l,n)||this;var o=e.handleExited.bind(Ke(e));return e.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},e}var r=s.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},s.getDerivedStateFromProps=function(n,e){var o=e.children,c=e.handleExited,u=e.firstRender;return{children:u?Ye(n,c):We(n,o,c),firstRender:!1}},r.handleExited=function(n,e){var o=oe(this.props.children);n.key in o||(n.props.onExited&&n.props.onExited(e),this.mounted&&this.setState(function(c){var u=A({},c.children);return delete u[n.key],{children:u}}))},r.render=function(){var n=this.props,e=n.component,o=n.childFactory,c=ee(n,["component","childFactory"]),u=this.state.contextValue,p=He(this.state.children).map(o);return delete c.appear,delete c.enter,delete c.exit,e===null?W.createElement(ce.Provider,{value:u},p):W.createElement(ce.Provider,{value:u},W.createElement(e,c,p))},s}(W.Component);ie.propTypes={};ie.defaultProps=Ge;function qe(t){const{className:s,classes:r,pulsate:l=!1,rippleX:n,rippleY:e,rippleSize:o,in:c,onExited:u,timeout:p}=t,[f,g]=a.useState(!1),b=E(s,r.ripple,r.rippleVisible,l&&r.ripplePulsate),C={width:o,height:o,top:-(o/2)+e,left:-(o/2)+n},h=E(r.child,f&&r.childLeaving,l&&r.childPulsate);return!c&&!f&&g(!0),a.useEffect(()=>{if(!c&&u!=null){const R=setTimeout(u,p);return()=>{clearTimeout(R)}}},[u,c,p]),N.jsx("span",{className:b,style:C,children:N.jsx("span",{className:h})})}const m=je("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Je=["center","classes","className"];let G=t=>t,pe,de,fe,he;const Z=550,Qe=80,Ze=ne(pe||(pe=G`
+import{b as A,_ as ee,d as E,W as $e,c as me,s as te,aj as ne,f as Ie,aD as _e,aE as Ue}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as a,e as Y}from"./index-NdkWRN8K.js";import{j as N}from"./jsx-runtime-CnH95YSl.js";import{a as ze,u as ue,b as Oe}from"./useIsFocusVisible-DH0qxT5e.js";import{_ as Ke}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Ae,u as H}from"./inheritsLoose-CJ6Ie9dp.js";import{T as ce}from"./TransitionGroupContext-DAL84N7p.js";function oe(t,s){var r=function(e){return s&&a.isValidElement(e)?s(e):e},l=Object.create(null);return t&&a.Children.map(t,function(n){return n}).forEach(function(n){l[n.key]=r(n)}),l}function We(t,s){t=t||{},s=s||{};function r(f){return f in s?s[f]:t[f]}var l=Object.create(null),n=[];for(var e in t)e in s?n.length&&(l[e]=n,n=[]):n.push(e);var o,c={};for(var u in s){if(l[u])for(o=0;o<l[u].length;o++){var p=l[u][o];c[l[u][o]]=r(p)}c[u]=r(u)}for(o=0;o<n.length;o++)c[n[o]]=r(n[o]);return c}function F(t,s,r){return r[s]!=null?r[s]:t.props[s]}function Xe(t,s){return oe(t.children,function(r){return a.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:F(r,"appear",t),enter:F(r,"enter",t),exit:F(r,"exit",t)})})}function Ye(t,s,r){var l=oe(t.children),n=We(s,l);return Object.keys(n).forEach(function(e){var o=n[e];if(a.isValidElement(o)){var c=e in s,u=e in l,p=s[e],f=a.isValidElement(p)&&!p.props.in;u&&(!c||f)?n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:!0,exit:F(o,"exit",t),enter:F(o,"enter",t)}):!u&&c&&!f?n[e]=a.cloneElement(o,{in:!1}):u&&c&&a.isValidElement(p)&&(n[e]=a.cloneElement(o,{onExited:r.bind(null,o),in:p.props.in,exit:F(o,"exit",t),enter:F(o,"enter",t)}))}}),n}var He=Object.values||function(t){return Object.keys(t).map(function(s){return t[s]})},Ge={component:"div",childFactory:function(s){return s}},ie=function(t){Ae(s,t);function s(l,n){var e;e=t.call(this,l,n)||this;var o=e.handleExited.bind(Ke(e));return e.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},e}var r=s.prototype;return r.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},r.componentWillUnmount=function(){this.mounted=!1},s.getDerivedStateFromProps=function(n,e){var o=e.children,c=e.handleExited,u=e.firstRender;return{children:u?Xe(n,c):Ye(n,o,c),firstRender:!1}},r.handleExited=function(n,e){var o=oe(this.props.children);n.key in o||(n.props.onExited&&n.props.onExited(e),this.mounted&&this.setState(function(c){var u=A({},c.children);return delete u[n.key],{children:u}}))},r.render=function(){var n=this.props,e=n.component,o=n.childFactory,c=ee(n,["component","childFactory"]),u=this.state.contextValue,p=He(this.state.children).map(o);return delete c.appear,delete c.enter,delete c.exit,e===null?Y.createElement(ce.Provider,{value:u},p):Y.createElement(ce.Provider,{value:u},Y.createElement(e,c,p))},s}(Y.Component);ie.propTypes={};ie.defaultProps=Ge;function qe(t){const{className:s,classes:r,pulsate:l=!1,rippleX:n,rippleY:e,rippleSize:o,in:c,onExited:u,timeout:p}=t,[f,g]=a.useState(!1),b=E(s,r.ripple,r.rippleVisible,l&&r.ripplePulsate),C={width:o,height:o,top:-(o/2)+e,left:-(o/2)+n},h=E(r.child,f&&r.childLeaving,l&&r.childPulsate);return!c&&!f&&g(!0),a.useEffect(()=>{if(!c&&u!=null){const R=setTimeout(u,p);return()=>{clearTimeout(R)}}},[u,c,p]),N.jsx("span",{className:b,style:C,children:N.jsx("span",{className:h})})}const m=$e("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Je=["center","classes","className"];let G=t=>t,pe,de,fe,he;const Z=550,Qe=80,Ze=ne(pe||(pe=G`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -71,4 +71,4 @@ import{b as A,_ as ee,d as E,V as je,c as me,s as te,ai as ne,f as Ie,aD as _e,a
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`),m.rippleVisible,Ze,Z,({theme:t})=>t.transitions.easing.easeInOut,m.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,m.child,m.childLeaving,et,Z,({theme:t})=>t.transitions.easing.easeInOut,m.childPulsate,tt,({theme:t})=>t.transitions.easing.easeInOut),it=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiTouchRipple"}),{center:n=!1,classes:e={},className:o}=l,c=ee(l,Je),[u,p]=a.useState([]),f=a.useRef(0),g=a.useRef(null);a.useEffect(()=>{g.current&&(g.current(),g.current=null)},[u]);const b=a.useRef(!1),C=ze(),h=a.useRef(null),R=a.useRef(null),_=a.useCallback(d=>{const{pulsate:M,rippleX:x,rippleY:S,rippleSize:I,cb:z}=d;p(y=>[...y,N.jsx(ot,{classes:{ripple:E(e.ripple,m.ripple),rippleVisible:E(e.rippleVisible,m.rippleVisible),ripplePulsate:E(e.ripplePulsate,m.ripplePulsate),child:E(e.child,m.child),childLeaving:E(e.childLeaving,m.childLeaving),childPulsate:E(e.childPulsate,m.childPulsate)},timeout:Z,pulsate:M,rippleX:x,rippleY:S,rippleSize:I},f.current)]),f.current+=1,g.current=z},[e]),$=a.useCallback((d={},M={},x=()=>{})=>{const{pulsate:S=!1,center:I=n||M.pulsate,fakeElement:z=!1}=M;if((d==null?void 0:d.type)==="mousedown"&&b.current){b.current=!1;return}(d==null?void 0:d.type)==="touchstart"&&(b.current=!0);const y=z?null:R.current,D=y?y.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,B,L;if(I||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(D.width/2),B=Math.round(D.height/2);else{const{clientX:k,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(k-D.left),B=Math.round(V-D.top)}if(I)L=Math.sqrt((2*D.width**2+D.height**2)/3),L%2===0&&(L+=1);else{const k=Math.max(Math.abs((y?y.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((y?y.clientHeight:0)-B),B)*2+2;L=Math.sqrt(k**2+V**2)}d!=null&&d.touches?h.current===null&&(h.current=()=>{_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},C.start(Qe,()=>{h.current&&(h.current(),h.current=null)})):_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},[n,_,C]),U=a.useCallback(()=>{$({},{pulsate:!0})},[$]),j=a.useCallback((d,M)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&h.current){h.current(),h.current=null,C.start(0,()=>{j(d,M)});return}h.current=null,p(x=>x.length>0?x.slice(1):x),g.current=M},[C]);return a.useImperativeHandle(r,()=>({pulsate:U,start:$,stop:j}),[U,$,j]),N.jsx(nt,A({className:E(m.root,e.root,o),ref:R},c,{children:N.jsx(ie,{component:null,exit:!0,children:u})}))}),st=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],rt=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:l,classes:n}=t,o=Ie({root:["root",s&&"disabled",r&&"focusVisible"]},_e,n);return r&&l&&(o.root+=` ${l}`),o},at=te("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,s)=>s.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Ue.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),bt=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiButtonBase"}),{action:n,centerRipple:e=!1,children:o,className:c,component:u="button",disabled:p=!1,disableRipple:f=!1,disableTouchRipple:g=!1,focusRipple:b=!1,LinkComponent:C="a",onBlur:h,onClick:R,onContextMenu:_,onDragLeave:$,onFocus:U,onFocusVisible:j,onKeyDown:d,onKeyUp:M,onMouseDown:x,onMouseLeave:S,onMouseUp:I,onTouchEnd:z,onTouchMove:y,onTouchStart:D,tabIndex:v=0,TouchRippleProps:B,touchRippleRef:L,type:k}=l,V=ee(l,st),O=a.useRef(null),T=a.useRef(null),be=ue(T,L),{isFocusVisibleRef:se,onFocus:ge,onBlur:Re,ref:Me}=Oe(),[w,X]=a.useState(!1);p&&w&&X(!1),a.useImperativeHandle(n,()=>({focusVisible:()=>{X(!0),O.current.focus()}}),[]);const[q,xe]=a.useState(!1);a.useEffect(()=>{xe(!0)},[]);const ye=q&&!f&&!p;a.useEffect(()=>{w&&b&&!f&&q&&T.current.pulsate()},[f,b,w,q]);function P(i,ae,$e=g){return H(le=>(ae&&ae(le),!$e&&T.current&&T.current[i](le),!0))}const Te=P("start",x),Ee=P("stop",_),Ce=P("stop",$),ve=P("stop",I),Ve=P("stop",i=>{w&&i.preventDefault(),S&&S(i)}),Pe=P("start",D),De=P("stop",z),Be=P("stop",y),Le=P("stop",i=>{Re(i),se.current===!1&&X(!1),h&&h(i)},!1),Se=H(i=>{O.current||(O.current=i.currentTarget),ge(i),se.current===!0&&(X(!0),j&&j(i)),U&&U(i)}),J=()=>{const i=O.current;return u&&u!=="button"&&!(i.tagName==="A"&&i.href)},Q=a.useRef(!1),ke=H(i=>{b&&!Q.current&&w&&T.current&&i.key===" "&&(Q.current=!0,T.current.stop(i,()=>{T.current.start(i)})),i.target===i.currentTarget&&J()&&i.key===" "&&i.preventDefault(),d&&d(i),i.target===i.currentTarget&&J()&&i.key==="Enter"&&!p&&(i.preventDefault(),R&&R(i))}),we=H(i=>{b&&i.key===" "&&T.current&&w&&!i.defaultPrevented&&(Q.current=!1,T.current.stop(i,()=>{T.current.pulsate(i)})),M&&M(i),R&&i.target===i.currentTarget&&J()&&i.key===" "&&!i.defaultPrevented&&R(i)});let Y=u;Y==="button"&&(V.href||V.to)&&(Y=C);const K={};Y==="button"?(K.type=k===void 0?"button":k,K.disabled=p):(!V.href&&!V.to&&(K.role="button"),p&&(K["aria-disabled"]=p));const Fe=ue(r,Me,O),re=A({},l,{centerRipple:e,component:u,disabled:p,disableRipple:f,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:w}),Ne=rt(re);return N.jsxs(at,A({as:Y,className:E(Ne.root,c),ownerState:re,onBlur:Le,onClick:R,onContextMenu:Ee,onFocus:Se,onKeyDown:ke,onKeyUp:we,onMouseDown:Te,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:De,onTouchMove:Be,onTouchStart:Pe,ref:Fe,tabIndex:p?-1:v,type:k},K,V,{children:[o,ye?N.jsx(it,A({ref:be,center:e},B)):null]}))});export{bt as B,ie as T};
+`),m.rippleVisible,Ze,Z,({theme:t})=>t.transitions.easing.easeInOut,m.ripplePulsate,({theme:t})=>t.transitions.duration.shorter,m.child,m.childLeaving,et,Z,({theme:t})=>t.transitions.easing.easeInOut,m.childPulsate,tt,({theme:t})=>t.transitions.easing.easeInOut),it=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiTouchRipple"}),{center:n=!1,classes:e={},className:o}=l,c=ee(l,Je),[u,p]=a.useState([]),f=a.useRef(0),g=a.useRef(null);a.useEffect(()=>{g.current&&(g.current(),g.current=null)},[u]);const b=a.useRef(!1),C=ze(),h=a.useRef(null),R=a.useRef(null),_=a.useCallback(d=>{const{pulsate:M,rippleX:x,rippleY:S,rippleSize:I,cb:z}=d;p(y=>[...y,N.jsx(ot,{classes:{ripple:E(e.ripple,m.ripple),rippleVisible:E(e.rippleVisible,m.rippleVisible),ripplePulsate:E(e.ripplePulsate,m.ripplePulsate),child:E(e.child,m.child),childLeaving:E(e.childLeaving,m.childLeaving),childPulsate:E(e.childPulsate,m.childPulsate)},timeout:Z,pulsate:M,rippleX:x,rippleY:S,rippleSize:I},f.current)]),f.current+=1,g.current=z},[e]),j=a.useCallback((d={},M={},x=()=>{})=>{const{pulsate:S=!1,center:I=n||M.pulsate,fakeElement:z=!1}=M;if((d==null?void 0:d.type)==="mousedown"&&b.current){b.current=!1;return}(d==null?void 0:d.type)==="touchstart"&&(b.current=!0);const y=z?null:R.current,D=y?y.getBoundingClientRect():{width:0,height:0,left:0,top:0};let v,B,L;if(I||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(D.width/2),B=Math.round(D.height/2);else{const{clientX:k,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(k-D.left),B=Math.round(V-D.top)}if(I)L=Math.sqrt((2*D.width**2+D.height**2)/3),L%2===0&&(L+=1);else{const k=Math.max(Math.abs((y?y.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((y?y.clientHeight:0)-B),B)*2+2;L=Math.sqrt(k**2+V**2)}d!=null&&d.touches?h.current===null&&(h.current=()=>{_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},C.start(Qe,()=>{h.current&&(h.current(),h.current=null)})):_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},[n,_,C]),U=a.useCallback(()=>{j({},{pulsate:!0})},[j]),$=a.useCallback((d,M)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&h.current){h.current(),h.current=null,C.start(0,()=>{$(d,M)});return}h.current=null,p(x=>x.length>0?x.slice(1):x),g.current=M},[C]);return a.useImperativeHandle(r,()=>({pulsate:U,start:j,stop:$}),[U,j,$]),N.jsx(nt,A({className:E(m.root,e.root,o),ref:R},c,{children:N.jsx(ie,{component:null,exit:!0,children:u})}))}),st=["action","centerRipple","children","className","component","disabled","disableRipple","disableTouchRipple","focusRipple","focusVisibleClassName","LinkComponent","onBlur","onClick","onContextMenu","onDragLeave","onFocus","onFocusVisible","onKeyDown","onKeyUp","onMouseDown","onMouseLeave","onMouseUp","onTouchEnd","onTouchMove","onTouchStart","tabIndex","TouchRippleProps","touchRippleRef","type"],rt=t=>{const{disabled:s,focusVisible:r,focusVisibleClassName:l,classes:n}=t,o=Ie({root:["root",s&&"disabled",r&&"focusVisible"]},_e,n);return r&&l&&(o.root+=` ${l}`),o},at=te("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,s)=>s.root})({display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none",textDecoration:"none",color:"inherit","&::-moz-focus-inner":{borderStyle:"none"},[`&.${Ue.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),bt=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiButtonBase"}),{action:n,centerRipple:e=!1,children:o,className:c,component:u="button",disabled:p=!1,disableRipple:f=!1,disableTouchRipple:g=!1,focusRipple:b=!1,LinkComponent:C="a",onBlur:h,onClick:R,onContextMenu:_,onDragLeave:j,onFocus:U,onFocusVisible:$,onKeyDown:d,onKeyUp:M,onMouseDown:x,onMouseLeave:S,onMouseUp:I,onTouchEnd:z,onTouchMove:y,onTouchStart:D,tabIndex:v=0,TouchRippleProps:B,touchRippleRef:L,type:k}=l,V=ee(l,st),O=a.useRef(null),T=a.useRef(null),be=ue(T,L),{isFocusVisibleRef:se,onFocus:ge,onBlur:Re,ref:Me}=Oe(),[w,W]=a.useState(!1);p&&w&&W(!1),a.useImperativeHandle(n,()=>({focusVisible:()=>{W(!0),O.current.focus()}}),[]);const[q,xe]=a.useState(!1);a.useEffect(()=>{xe(!0)},[]);const ye=q&&!f&&!p;a.useEffect(()=>{w&&b&&!f&&q&&T.current.pulsate()},[f,b,w,q]);function P(i,ae,je=g){return H(le=>(ae&&ae(le),!je&&T.current&&T.current[i](le),!0))}const Te=P("start",x),Ee=P("stop",_),Ce=P("stop",j),ve=P("stop",I),Ve=P("stop",i=>{w&&i.preventDefault(),S&&S(i)}),Pe=P("start",D),De=P("stop",z),Be=P("stop",y),Le=P("stop",i=>{Re(i),se.current===!1&&W(!1),h&&h(i)},!1),Se=H(i=>{O.current||(O.current=i.currentTarget),ge(i),se.current===!0&&(W(!0),$&&$(i)),U&&U(i)}),J=()=>{const i=O.current;return u&&u!=="button"&&!(i.tagName==="A"&&i.href)},Q=a.useRef(!1),ke=H(i=>{b&&!Q.current&&w&&T.current&&i.key===" "&&(Q.current=!0,T.current.stop(i,()=>{T.current.start(i)})),i.target===i.currentTarget&&J()&&i.key===" "&&i.preventDefault(),d&&d(i),i.target===i.currentTarget&&J()&&i.key==="Enter"&&!p&&(i.preventDefault(),R&&R(i))}),we=H(i=>{b&&i.key===" "&&T.current&&w&&!i.defaultPrevented&&(Q.current=!1,T.current.stop(i,()=>{T.current.pulsate(i)})),M&&M(i),R&&i.target===i.currentTarget&&J()&&i.key===" "&&!i.defaultPrevented&&R(i)});let X=u;X==="button"&&(V.href||V.to)&&(X=C);const K={};X==="button"?(K.type=k===void 0?"button":k,K.disabled=p):(!V.href&&!V.to&&(K.role="button"),p&&(K["aria-disabled"]=p));const Fe=ue(r,Me,O),re=A({},l,{centerRipple:e,component:u,disabled:p,disableRipple:f,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:w}),Ne=rt(re);return N.jsxs(at,A({as:X,className:E(Ne.root,c),ownerState:re,onBlur:Le,onClick:R,onContextMenu:Ee,onFocus:Se,onKeyDown:ke,onKeyUp:we,onMouseDown:Te,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:De,onTouchMove:Be,onTouchStart:Pe,ref:Fe,tabIndex:p?-1:v,type:k},K,V,{children:[o,ye?N.jsx(it,A({ref:be,center:e},B)):null]}))});export{bt as B,ie as T};

package/dist/assets/{Calendar-DnwsjheN.js → Calendar-_GPHtaRa.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-BykOaJq8.js";const l=e.forwardRef((o,a)=>r.jsx(n,{fill:"none",ref:a,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:"M9 1v3h6V1h2v3h5v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4h5V1h2Zm6 5v2h2V6h3v3H4V6h3v2h2V6h6ZM4 11v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8H4Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t 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-Bh0Bu-2o.js";const l=e.forwardRef((o,a)=>r.jsx(n,{fill:"none",ref:a,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:"M9 1v3h6V1h2v3h5v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4h5V1h2Zm6 5v2h2V6h3v3H4V6h3v2h2V6h6ZM4 11v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8H4Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t as M};

package/dist/assets/{Callout-qkeUDNKn.js → Callout-FZxPpigF.js}

@@ -1 +1 @@
-import{J as x,u as f,h as g}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as j}from"./index-NdkWRN8K.js";import{M as v}from"./Link-BQo2zH0c.js";import{a as T}from"./Typography-B7ktrxCD.js";import{u as k}from"./useUniqueId-Bsgqe1tm.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{A as C,a as M}from"./AlertTitle-BDkgiA29.js";import{B as i}from"./Box-B6KmU4_J.js";const V=["status","alert"],q=["success","info","warning","error"],D=g("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({"& > * + *":{marginBlockStart:e.Spacing4}})),b=({children:e,linkRel:l,linkTarget:m,linkText:d,linkUrl:o,role:c,severity:a,testId:u,text:r,title:t,translate:p})=>{const{t:y}=x(),h=f(),n=k();return s.jsxs(C,{"aria-label":y(`severity.${a}`),"aria-labelledby":n,"data-se":u,role:c,severity:a,variant:"callout",children:[t&&s.jsx(M,{"aria-hidden":!0,id:n,translate:p,children:t}),s.jsxs(D,{odysseyDesignTokens:h,children:[e&&s.jsx(i,{component:"div",children:e}),r&&s.jsx(T,{children:r}),o&&s.jsx(i,{children:s.jsx(v,{href:o,rel:l,target:m,variant:"monochrome",children:d})})]})]})},z=j.memo(b);z.displayName="Callout";export{z as M,V as a,q as c};
+import{K as x,u as f,h as g}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as j}from"./index-NdkWRN8K.js";import{M as v}from"./Link-BDoLypER.js";import{a as T}from"./Typography-Cz6D417Y.js";import{u as k}from"./useUniqueId-Bsgqe1tm.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{A as C,a as M}from"./AlertTitle-q6ff_Zkl.js";import{B as i}from"./Box-BcMTQ_R2.js";const V=["status","alert"],q=["success","info","warning","error"],D=g("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({"& > * + *":{marginBlockStart:e.Spacing4}})),b=({children:e,linkRel:l,linkTarget:m,linkText:d,linkUrl:o,role:c,severity:a,testId:u,text:r,title:t,translate:p})=>{const{t:y}=x(),h=f(),n=k();return s.jsxs(C,{"aria-label":y(`severity.${a}`),"aria-labelledby":n,"data-se":u,role:c,severity:a,variant:"callout",children:[t&&s.jsx(M,{"aria-hidden":!0,id:n,translate:p,children:t}),s.jsxs(D,{odysseyDesignTokens:h,children:[e&&s.jsx(i,{component:"div",children:e}),r&&s.jsx(T,{children:r}),o&&s.jsx(i,{children:s.jsx(v,{href:o,rel:l,target:m,variant:"monochrome",children:d})})]})]})},z=j.memo(b);z.displayName="Callout";export{z as M,V as a,q as c};

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

@@ -0,0 +1,105 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{e as H}from"./index-BJMTVygn.js";import{O as z}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{c as p,a as d,M as F}from"./Callout-FZxPpigF.js";import{q as G}from"./queryOdysseySelector-CwauhQve.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-ClQ35Rr-.js";import"./ExternalLink-D0l1c5Cz.js";import"./Typography-Cz6D417Y.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-ClUWwDzL.js";import"./Close-OXBt1nIe.js";import"./IconButton-5qShmnSr.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D-_O-EjU.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";const We={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 je=["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,je as __namedExportsOrder,We as default};

package/dist/assets/{Card-DL97TZJd.js → Card-C0RGIer3.js}

@@ -1 +1 @@
-import{u as O,J as z,h as s,O as P}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as m}from"./index-NdkWRN8K.js";import{B as _}from"./BaseButton-Cd1oZPsh.js";import{M as T}from"./MenuButton-DvVmjwMC.js";import{M as V}from"./More-BgQrTkKM.js";import{d as w,M as y,a as B}from"./Typography-B7ktrxCD.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c,s as g}from"./Skeleton-DAUyPclv.js";import{C as I,c as R}from"./CardActions-C1bW_Jqo.js";import{C as W,a as H}from"./CardActionArea-BaL2GhSM.js";const co=["tile","stack","compact"],G="64px",Z="48px",J=s(W,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:n,odysseyDesignTokens:r})=>({border:`${r.BorderWidthMain} ${r.BorderColorDisplay} ${r.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:r.Spacing2},"&:hover":n?{borderColor:r.HueNeutralWhite,boxShadow:r.DepthMedium}:{},[`& .${g.root}`]:{transform:"none"},[`& .${R.root} .${g.root}`]:{height:r.Spacing7}})),U=s(H)(()=>({margin:0,padding:0})),q=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:n==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:n==="compact"?o.Spacing8:"auto",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5}})),$=s("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:n=0,odysseyDesignTokens:r,variant:t})=>({alignItems:t==="compact"&&!o&&n<=2?"center":"flex-start",display:"flex",backgroundColor:r.HueNeutralWhite,padding:t==="compact"?r.Spacing4:r.Spacing5,flexDirection:t==="tile"?"column":"row",gap:r.Spacing4,width:"100%"})),A=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({height:n==="compact"?Z:G,paddingInlineEnd:n==="tile"&&r?o.Spacing4:0,[`& > .${g.root}`]:{height:"100%",aspectRatio:1}})),D=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${g.root} + .${g.root}`]:{marginBlockStart:o.Spacing1}})),b=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({display:"flex",flexDirection:"column",gap:n==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:n!=="tile"&&r?o.Spacing4:0,[`& > .${P.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${P.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),K=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({position:"absolute",right:o.Spacing2,top:n==="compact"?o.Spacing4:o.Spacing2,height:n==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),E=o=>m.Children.toArray(o).length,Q=({children:o,description:n,detailPanel:r,image:t,isLoading:x,overline:l,title:h,titleId:j,variant:i,accessory:f,button:p,menuButtonChildren:d,onClick:u,__role:F})=>{const e=O(),{t:C}=z(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:E([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:a.jsx(c,{variant:"circular"})}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{children:a.jsx(c,{width:"50%"})}),h&&a.jsx(y,{component:"div",variant:i==="tile"?"h4":"h5",children:a.jsx(c,{width:"33%"})})]}),n&&a.jsxs(B,{children:[a.jsx(c,{width:"100%"}),a.jsx(c,{width:"50%"})]})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:a.jsx(c,{width:"50%"})}),p&&a.jsx(I,{children:a.jsx(c,{variant:"rounded",width:"100%"})})]})]}),[p,o,n,t,d,e,l,h,i]),M=m.useMemo(()=>{const N={isFullWidth:!0};return a.jsxs($,{hasDetailPanel:!!r,numberOfChildNodes:E([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:t}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{component:"div",children:l}),h&&a.jsx(y,{component:"div",id:j,variant:i==="tile"?"h4":"h5",children:h})]}),n&&a.jsx(B,{color:"textSecondary",children:n})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:o}),p&&a.jsx(I,{children:a.jsx(_.Provider,{value:N,children:p})}),r&&a.jsx(S,{odysseyDesignTokens:e,children:r})]})]})},[p,o,n,r,t,d,e,l,h,j,i]);return a.jsxs(J,{cardVariant:i,isClickable:!!u,odysseyDesignTokens:e,role:F,children:[!!f&&a.jsx(q,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):f}),x?v:u?a.jsx(U,{onClick:u,children:M}):M,d&&a.jsx(K,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):a.jsx(T,{ariaLabel:C("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(V,{}),menuAlignment:"right",size:"small",tooltipText:C("table.actions"),children:d})})]})},X=m.memo(Q);X.displayName="Card";export{X as M,co as c};
+import{u as z,K as O,h as s,P as E}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as m}from"./index-NdkWRN8K.js";import{B as _}from"./BaseButton-DYZHKnV3.js";import{M as T}from"./MenuButton-B3T7c15t.js";import{M as V}from"./More-DLQ2RjWn.js";import{d as w,M as y,a as B}from"./Typography-Cz6D417Y.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c,s as g}from"./Skeleton-BPjIT6NG.js";import{C as I,c as R}from"./CardActions-BQdq7Bn0.js";import{C as W,a as H}from"./CardActionArea-DWrXZntI.js";const co=["tile","stack","compact"],G="64px",Z="48px",K=s(W,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:n,odysseyDesignTokens:r})=>({border:`${r.BorderWidthMain} ${r.BorderColorDisplay} ${r.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:r.Spacing2},"&:hover":n?{borderColor:r.HueNeutralWhite,boxShadow:r.DepthMedium}:{},[`& .${g.root}`]:{transform:"none"},[`& .${R.root} .${g.root}`]:{height:r.Spacing7}})),U=s(H)(()=>({margin:0,padding:0})),q=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({display:"flex",flexDirection:n==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:n==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:n==="compact"?o.Spacing8:"auto",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5}})),$=s("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:n=0,odysseyDesignTokens:r,variant:t})=>({alignItems:t==="compact"&&!o&&n<=2?"center":"flex-start",display:"flex",backgroundColor:r.HueNeutralWhite,padding:t==="compact"?r.Spacing4:r.Spacing5,flexDirection:t==="tile"?"column":"row",gap:r.Spacing4,width:"100%"})),A=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({height:n==="compact"?Z:G,paddingInlineEnd:n==="tile"&&r?o.Spacing4:0,[`& > .${g.root}`]:{height:"100%",aspectRatio:1}})),D=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${g.root} + .${g.root}`]:{marginBlockStart:o.Spacing1}})),b=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:n,hasMenuButton:r})=>({display:"flex",flexDirection:"column",gap:n==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:n!=="tile"&&r?o.Spacing4:0,[`& > .${E.root}`]:{marginBlockEnd:0}})),k=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${E.root}`]:{marginBlockEnd:0}})),S=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),J=s("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:n})=>({position:"absolute",right:o.Spacing2,top:n==="compact"?o.Spacing4:o.Spacing2,height:n==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${g.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),P=o=>m.Children.toArray(o).length,Q=({children:o,description:n,detailPanel:r,image:t,isLoading:x,overline:l,title:h,titleId:j,variant:i,accessory:f,button:p,menuButtonChildren:d,onClick:u,__role:F})=>{const e=z(),{t:C}=O(),v=m.useMemo(()=>a.jsxs($,{numberOfChildNodes:P([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:a.jsx(c,{variant:"circular"})}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{children:a.jsx(c,{width:"50%"})}),h&&a.jsx(y,{component:"div",variant:i==="tile"?"h4":"h5",children:a.jsx(c,{width:"33%"})})]}),n&&a.jsxs(B,{children:[a.jsx(c,{width:"100%"}),a.jsx(c,{width:"50%"})]})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:a.jsx(c,{width:"50%"})}),p&&a.jsx(I,{children:a.jsx(c,{variant:"rounded",width:"100%"})})]})]}),[p,o,n,t,d,e,l,h,i]),M=m.useMemo(()=>{const N={isFullWidth:!0};return a.jsxs($,{hasDetailPanel:!!r,numberOfChildNodes:P([p,o,n,l,h]),odysseyDesignTokens:e,variant:i,children:[t&&a.jsx(A,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:t}),a.jsxs(D,{odysseyDesignTokens:e,children:[a.jsxs(b,{hasMenuButton:!!d,odysseyDesignTokens:e,variant:i,children:[a.jsxs(k,{odysseyDesignTokens:e,children:[l&&a.jsx(w,{component:"div",children:l}),h&&a.jsx(y,{component:"div",id:j,variant:i==="tile"?"h4":"h5",children:h})]}),n&&a.jsx(B,{color:"textSecondary",children:n})]}),o&&a.jsx(S,{odysseyDesignTokens:e,children:o}),p&&a.jsx(I,{children:a.jsx(_.Provider,{value:N,children:p})}),r&&a.jsx(S,{odysseyDesignTokens:e,children:r})]})]})},[p,o,n,r,t,d,e,l,h,j,i]);return a.jsxs(K,{cardVariant:i,isClickable:!!u,odysseyDesignTokens:e,role:F,children:[!!f&&a.jsx(q,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):f}),x?v:u?a.jsx(U,{onClick:u,children:M}):M,d&&a.jsx(J,{odysseyDesignTokens:e,variant:i,children:x?a.jsx(c,{variant:"circular"}):a.jsx(T,{ariaLabel:C("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(V,{}),menuAlignment:"right",size:"small",tooltipText:C("table.actions"),children:d})})]})},X=m.memo(Q);X.displayName="Card";export{X as M,co as c};

package/dist/assets/Card-CBiqCoFv.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.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-DLgQDw3r.js";import{T as i}from"./Card.stories-Cp5cSsvN.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Card-C0RGIer3.js";import"./BaseButton-DYZHKnV3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuButton-B3T7c15t.js";import"./BaseMenuButton-BIietjUB.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLQ2RjWn.js";import"./Menu-K9lpVvDG.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./List-CmjR1pNu.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./Skeleton-BPjIT6NG.js";import"./colorManipulator-DKifQsuo.js";import"./CardActions-BQdq7Bn0.js";import"./CardActionArea-DWrXZntI.js";import"./MenuItem-CmSG6PNu.js";import"./MenuItem-vhp8G-Nb.js";import"./Button-BEA5U6Tg.js";import"./Checkbox-DPv3Q9UW.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-DoJneNg9.js";import"./FormHelperText-CsNAE1E3.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-0BBemR80.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Checkbox-vZwuXtzm.js";import"./SwitchBase-CefEM0OA.js";import"./createSvgIcon-ClUWwDzL.js";import"./IconButton-5qShmnSr.js";import"./ChevronUp-CfT7Bz8X.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 Ko(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Ko as default};

package/dist/assets/{Card.stories-ROWJyBI0.js → Card.stories-Cp5cSsvN.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{h as N,L as Q}from"./OdysseyThemeProvider-BykOaJq8.js";import{a as W}from"./index-B-lxVbXh.js";import{r as u}from"./index-NdkWRN8K.js";import{O as X}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{c as Y,M as C}from"./Card-DL97TZJd.js";import{M as b}from"./MenuItem-DoUaLmgU.js";import{M as Z}from"./Button-DPUOjyZy.js";import{M as $}from"./Checkbox-eGdyySzm.js";import{I as ee}from"./IconButton-Wwvz84xG.js";import{M as te}from"./ChevronUp-Br-QC-XK.js";const v=e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),x=e.jsx(e.Fragment,{children:"Children."}),f=e.jsx(e.Fragment,{children:"Detail panel."}),m=W("onClick"),ne=e.jsx(Z,{label:"Access app",onClick:m,variant:"primary"}),oe=e.jsxs(e.Fragment,{children:[e.jsx(b,{onClick:m,children:"Action 1"}),e.jsx(b,{onClick:m,children:"Action 2"})]}),re=N("div")(()=>({"& label":{gap:0}})),ae={decorators:[X],argTypes:{children:{control:"boolean"},description:{control:"text"},detailPanel:{control:"boolean"},image:{control:"boolean"},isLoading:{control:"boolean"},overline:{control:"text"},title:{control:"text"},variant:{control:"select",options:Y},accessory:{control:"boolean"},button:{control:"boolean"},menuButtonChildren:{control:"boolean"},onClick:{control:"boolean"}},args:{accessory:!1,button:void 0,children:!1,description:"This is a description of the app. Descriptions should be concise, and truncation is handled by the consumer rather than the component, so if you write a novel, it will display a novel.",detailPanel:!1,image:void 0,isLoading:!1,menuButtonChildren:!1,onClick:void 0,overline:"Category",title:"App title",variant:"tile"},render:function(t){const[d,h]=u.useState(!1),[p,g]=u.useState(!1),V=u.useCallback(()=>{g(!p)},[p,g]),R=u.useCallback(()=>{h(!d)},[d,h]),U=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx($,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),q=({isExpanded:n,onToggle:o})=>e.jsx(ee,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(Q,{}):e.jsx(te,{})}),G=({isExpandable:n,isSelected:o,isExpanded:H,onToggleExpansion:J,onChangeSelection:K})=>e.jsxs(e.Fragment,{children:[e.jsx(U,{isChecked:o,onChange:K}),n&&e.jsx(q,{isExpanded:H,onToggle:J})]});return t.onClick?e.jsx(C,{children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,onClick:m,overline:t.overline,title:t.title,variant:t.variant}):e.jsx(C,{accessory:t.accessory?e.jsx(G,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:V,onToggleExpansion:R}):void 0,button:t.button?ne:void 0,children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel&&d?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,menuButtonChildren:t.menuButtonChildren?oe:void 0,overline:t.overline,title:t.title,variant:t.variant})}},r={args:{accessory:!1,button:!0,children:!1,detailPanel:!1,image:!0,menuButtonChildren:!0}},a={args:{image:!0,onClick:!0}},i={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"tile"}},s={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"stack"}},l={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"compact"}},c={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,isLoading:!0,menuButtonChildren:!0,variant:"tile"}};var y,j,S;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{h as K,N as Q}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{a as W}from"./index-B-lxVbXh.js";import{r as u}from"./index-NdkWRN8K.js";import{O as X}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{c as Y,M as C}from"./Card-C0RGIer3.js";import{M as b}from"./MenuItem-CmSG6PNu.js";import{M as Z}from"./Button-BEA5U6Tg.js";import{M as $}from"./Checkbox-DPv3Q9UW.js";import{I as ee}from"./IconButton-5qShmnSr.js";import{M as te}from"./ChevronUp-CfT7Bz8X.js";const v=e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),x=e.jsx(e.Fragment,{children:"Children."}),f=e.jsx(e.Fragment,{children:"Detail panel."}),m=W("onClick"),ne=e.jsx(Z,{label:"Access app",onClick:m,variant:"primary"}),oe=e.jsxs(e.Fragment,{children:[e.jsx(b,{onClick:m,children:"Action 1"}),e.jsx(b,{onClick:m,children:"Action 2"})]}),re=K("div")(()=>({"& label":{gap:0}})),ae={decorators:[X],argTypes:{children:{control:"boolean"},description:{control:"text"},detailPanel:{control:"boolean"},image:{control:"boolean"},isLoading:{control:"boolean"},overline:{control:"text"},title:{control:"text"},variant:{control:"select",options:Y},accessory:{control:"boolean"},button:{control:"boolean"},menuButtonChildren:{control:"boolean"},onClick:{control:"boolean"}},args:{accessory:!1,button:void 0,children:!1,description:"This is a description of the app. Descriptions should be concise, and truncation is handled by the consumer rather than the component, so if you write a novel, it will display a novel.",detailPanel:!1,image:void 0,isLoading:!1,menuButtonChildren:!1,onClick:void 0,overline:"Category",title:"App title",variant:"tile"},render:function(t){const[d,h]=u.useState(!1),[p,g]=u.useState(!1),V=u.useCallback(()=>{g(!p)},[p,g]),N=u.useCallback(()=>{h(!d)},[d,h]),R=({isChecked:n,onChange:o})=>e.jsx(re,{children:e.jsx($,{ariaLabel:"Selecton toggle",isChecked:n,onChange:o})}),U=({isExpanded:n,onToggle:o})=>e.jsx(ee,{"aria-label":n?"Collapse":"Expand",onClick:o,size:"small",children:n?e.jsx(Q,{}):e.jsx(te,{})}),q=({isExpandable:n,isSelected:o,isExpanded:G,onToggleExpansion:H,onChangeSelection:J})=>e.jsxs(e.Fragment,{children:[e.jsx(R,{isChecked:o,onChange:J}),n&&e.jsx(U,{isExpanded:G,onToggle:H})]});return t.onClick?e.jsx(C,{children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,onClick:m,overline:t.overline,title:t.title,variant:t.variant}):e.jsx(C,{accessory:t.accessory?e.jsx(q,{isExpandable:!!t.detailPanel,isExpanded:d,isSelected:p,onChangeSelection:V,onToggleExpansion:N}):void 0,button:t.button?ne:void 0,children:t.children?x:void 0,description:t.description,detailPanel:t.detailPanel&&d?f:void 0,image:t.image?v:void 0,isLoading:t.isLoading,menuButtonChildren:t.menuButtonChildren?oe:void 0,overline:t.overline,title:t.title,variant:t.variant})}},r={args:{accessory:!1,button:!0,children:!1,detailPanel:!1,image:!0,menuButtonChildren:!0}},a={args:{image:!0,onClick:!0}},i={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"tile"}},s={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"stack"}},l={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,menuButtonChildren:!0,variant:"compact"}},c={args:{accessory:!0,button:!0,children:!0,detailPanel:!0,image:!0,isLoading:!0,menuButtonChildren:!0,variant:"tile"}};var y,j,S;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
   args: {
     accessory: false,
     button: true,