@okta/odyssey-react-mui 1.48.0 → 1.50.1

package/dist/assets/{Badge-DFZYqSZN.js → Badge-DGWMi2ON.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-BK5oZBIO.js";import{u as h}from"./OdysseyThemeProvider-C4N_85M9.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-DCJxRKN5.js

@@ -0,0 +1 @@
+import{r as f}from"./index-NdkWRN8K.js";import{K as x}from"./OdysseyThemeProvider-C4N_85M9.js";import{M as u}from"./Link-PjuOItUN.js";import{M as h}from"./ScreenReaderText-DrkvjfUf.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{A as j,a as M}from"./AlertTitle-C5NflvC5.js";const C=["status","alert"],E=["success","info","warning","error"],b=({linkRel:n,linkTarget:o,linkText:a,linkUrl:t,onClose:i,onLinkClick:m,role:l,severity:s,testId:c,text:d,translate:e})=>{const{t:p}=x();return r.jsxs(j,{"data-se":c,onClose:i,role:l,severity:s,variant:"banner",children:[r.jsx(h,{translate:e,children:p(`severity.${s}`)}),r.jsx(M,{translate:e,children:d}),a&&r.jsx(u,{href:t??"#",onClick:m,rel:n,target:o,translate:e,variant:"monochrome",children:a})]})},v=f.memo(b);v.displayName="Banner";export{v as M,C as a,E as b};

package/dist/assets/Banner.stories-Bsazp99i.js

@@ -0,0 +1,96 @@
+import{f as W,w as u,e as n,u as y}from"./index-BJMTVygn.js";import{a as N}from"./axeRun-B-LchFqf.js";import{O}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{b as g,a as h,M as _}from"./Banner-DCJxRKN5.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-NdqIGwl5.js";import"./ExternalLink-D3z7HWdx.js";import"./ScreenReaderText-DrkvjfUf.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const xe={component:_,decorators:[O],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:h,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:h.join(" | ")}}},severity:{options:g,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:g.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}},i={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},s={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},c={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},l={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:r,step:a})=>{await a("check for the link text",async()=>{const t=u(r).getByText("View report");await n(t==null?void 0:t.tagName).toBe("A"),await n(t==null?void 0:t.href).toBe(`${t==null?void 0:t.baseURI}#anchor`)})}},m={args:{linkText:"View report",onLinkClick:W(),role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({args:r,canvasElement:a,step:o})=>{await o("check for the link text and click it",async()=>{const e=u(a).getByText("View report");await n(e==null?void 0:e.tagName).toBe("A"),await n(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#`),await y.click(e),await n(r.onLinkClick).toHaveBeenCalled()})}},p={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},d={args:{onClose:W()},play:async({args:r,canvasElement:a,step:o})=>{await o("dismiss the banner on click",async()=>{const e=u(a).getByTitle("Close");await y.click(e),await y.tab(),await n(r.onClose).toHaveBeenCalled(),await N("Dismissible Banner")})}};var f,k,w;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    severity: "info",
+    text: "The mission to Sagittarius A is set for January 7."
+  }
+}`,...(w=(k=i.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};var x,b,v;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "error",
+    text: "An unidentified flying object compromised Hangar 18."
+  }
+}`,...(v=(b=s.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var T,B,A;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "warning",
+    text: "Severe solar winds detected. Local system flights may be delayed."
+  }
+}`,...(A=(B=c.parameters)==null?void 0:B.docs)==null?void 0:A.source}}};var L,C,E;l.parameters={...l.parameters,docs:{...(L=l.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    linkText: "View report",
+    linkUrl: "#anchor",
+    role: "status",
+    severity: "error",
+    text: "An unidentified flying object compromised Hangar 18."
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlayType) => {
+    await step("check for the link text", async () => {
+      const canvas = within(canvasElement);
+      const link = canvas.getByText<HTMLAnchorElement>("View report");
+      await expect(link?.tagName).toBe("A");
+      await expect(link?.href).toBe(\`\${link?.baseURI}#anchor\`);
+    });
+  }
+}`,...(E=(C=l.parameters)==null?void 0:C.docs)==null?void 0:E.source}}};var H,S,U;m.parameters={...m.parameters,docs:{...(H=m.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  args: {
+    linkText: "View report",
+    onLinkClick: fn(),
+    role: "status",
+    severity: "error",
+    text: "An unidentified flying object compromised Hangar 18."
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: PlayType) => {
+    await step("check for the link text and click it", async () => {
+      const canvas = within(canvasElement);
+      const link = canvas.getByText<HTMLAnchorElement>("View report");
+      await expect(link?.tagName).toBe("A");
+      await expect(link?.href).toBe(\`\${link?.baseURI}#\`);
+      await userEvent.click(link);
+      await expect(args.onLinkClick).toHaveBeenCalled();
+    });
+  }
+}`,...(U=(S=m.parameters)==null?void 0:S.docs)==null?void 0:U.source}}};var V,I,j;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    linkTarget: "_blank",
+    linkText: "View report",
+    linkUrl: "#anchor",
+    role: "status",
+    severity: "error",
+    text: "An unidentified flying object compromised Hangar 18."
+  }
+}`,...(j=(I=p.parameters)==null?void 0:I.docs)==null?void 0:j.source}}};var R,D,M;d.parameters={...d.parameters,docs:{...(R=d.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    onClose: fn()
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: PlayType) => {
+    await step("dismiss the banner on click", async () => {
+      const canvas = within(canvasElement);
+      const button = canvas.getByTitle("Close");
+      await userEvent.click(button);
+      await userEvent.tab();
+      await expect(args.onClose).toHaveBeenCalled();
+      await axeRun("Dismissible Banner");
+    });
+  }
+}`,...(M=(D=d.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};const be=["Info","Error","Warning","Linked","LinkedWithOnLinkClick","LinkWithTarget","Dismissible"];export{d as Dismissible,s as Error,i as Info,p as LinkWithTarget,l as Linked,m as LinkedWithOnLinkClick,c as Warning,be as __namedExportsOrder,xe as default};

package/dist/assets/{BaseButton-Cd1oZPsh.js → BaseButton-C1Nzi3yl.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-ciZ4e0Eb.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{B as w}from"./Button-CbJri63v.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-DPFgAU1j.js

@@ -0,0 +1 @@
+import{u as w,N,h as S}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as o}from"./index-NdkWRN8K.js";import{M as q}from"./Box-BK5oZBIO.js";import{u as H}from"./useUniqueId-Bsgqe1tm.js";import{M as A}from"./BaseButton-C1Nzi3yl.js";import{M as F}from"./MenuContext-DKMyPMNY.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as R}from"./More-DLP5TTaz.js";import{M as U,P as G}from"./Menu-C2dEwThV.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-BK5oZBIO.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-CTjIz0-2.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-CTjIz0-2.js

@@ -0,0 +1 @@
+import{W as e,ae as a,Y as s,a8 as t}from"./OdysseyThemeProvider-C4N_85M9.js";import{c as o}from"./createBox-Cu6fLdzL.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-Csk9IBP6.js

@@ -0,0 +1,11 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.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-c74KQyVj.js";import{B as i}from"./Box.stories-CtReuS8W.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.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-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./TextField-DUdvP48K.js";import"./Field-QbF6sK2K.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CVIbzdDI.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-CtReuS8W.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-DmBIIOGu.js";import{M as g}from"./Box-BK5oZBIO.js";import{M as n}from"./TextField-DUdvP48K.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-DnkzpkPy.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-C4N_85M9.js";import{r as a}from"./index-NdkWRN8K.js";import{c as z}from"./Typography-C4vClHaZ.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{M as O}from"./Group-D87tnFnJ.js";import{M as D}from"./User-D5oZGOlm.js";import{M as F}from"./MenuItem-D69h7bYZ.js";import{B as j}from"./ButtonBase-Lbe0_84r.js";import{c as q}from"./createSvgIcon-V-Po-Ssl.js";import{u as G}from"./getReactElementRef-SdO7zWnC.js";import{T as K}from"./Typography-NdqIGwl5.js";import{M as J}from"./Home-Cn8YbOdj.js";import{M as Q}from"./Menu-C2dEwThV.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-C7zVt3mr.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-DmBIIOGu.js";import{M as o,B as e}from"./Breadcrumbs-DnkzpkPy.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./Group-D87tnFnJ.js";import"./User-D5oZGOlm.js";import"./MenuItem-D69h7bYZ.js";import"./List-BSidosAy.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-V-Po-Ssl.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./Home-Cn8YbOdj.js";import"./Menu-C2dEwThV.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-DK2ELYoG.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.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-CxccEZAh.js

@@ -0,0 +1 @@
+import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./OdysseyThemeProvider-C4N_85M9.js";const a=r.forwardRef((e,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M11.333 10.667V5.333H8.667v8.6a3.334 3.334 0 0 0 2.666-3.266Zm-4-5.334H4.667v5.334a3.334 3.334 0 0 0 2.666 3.266v-8.6Zm-4 0v2.922L1.035 9.404l.596 1.192 1.702-.85v.92c0 .7.154 1.365.43 1.96l-1.568 1.57.943.942 1.373-1.373A4.655 4.655 0 0 0 8 15.333a4.655 4.655 0 0 0 3.49-1.568l1.372 1.373.943-.943-1.569-1.568a4.65 4.65 0 0 0 .43-1.96v-.922l1.702.851.597-1.192-2.298-1.15v-2.92h2.666V4h-4a3.333 3.333 0 1 0-6.666 0h-4v1.333h2.666Zm4-1.333H10a2 2 0 1 0-4 0h1.333Z",fill:"currentColor",fillRule:"evenodd"})})})),m=r.memo(a);m.displayName="BugIcon";export{m as M};

package/dist/assets/{Button-BvUGu5Sm.js → Button-CbJri63v.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-C4N_85M9.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{B as U}from"./ButtonBase-Lbe0_84r.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-DPUOjyZy.js → Button-DuM2NeMY.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-C1Nzi3yl.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.stories-CLRsJ0J2.js → Button.stories-CRV-c8gG.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-01jcyLGr.js";import{O as Va}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{b as F,a as k,c as T}from"./BaseButton-C1Nzi3yl.js";import{M as o}from"./Button-DuM2NeMY.js";import{M as I}from"./index-BJRwoad0.js";import{M as Oa}from"./Box-BK5oZBIO.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Server-3cieqme0.js";import"./List-B7JH4gjK.js";import"./ArrowRight-BCdbWzwG.js";import"./Bug-CxccEZAh.js";import"./Calendar-DXL71nUA.js";import"./ChevronRight-SFKDVCjo.js";import"./ChevronUp-DyYSBYAc.js";import"./Clock-B6hba9Vz.js";import"./Upload-B99qcWTV.js";import"./Documentation-D-myRfum.js";import"./Download-vZ2qKd4H.js";import"./ExternalLink-D3z7HWdx.js";import"./Filter-sXa3iWrm.js";import"./Folder-DFjbrJpD.js";import"./Globe-DER_Oel8.js";import"./Grid-_Dwg3x03.js";import"./Group-D87tnFnJ.js";import"./Hide-ovxLvICH.js";import"./Home-Cn8YbOdj.js";import"./InformationCircle-CG6-PCJh.js";import"./Link-Ck99nJao.js";import"./More-DLP5TTaz.js";import"./Notification-DZN2A8i5.js";import"./Refresh-D3vISItP.js";import"./Search-BH45H3v4.js";import"./Settings-Bxzwc53G.js";import"./Show-D1oNDX9u.js";import"./Sync-MXQ8RKoq.js";import"./User-D5oZGOlm.js";import"./Video-t97PFROt.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";const tn={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 nn=["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,nn as __namedExportsOrder,tn as default};

package/dist/assets/{ButtonBase-CrcIXP69.js → ButtonBase-Lbe0_84r.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-C4N_85M9.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-S-YxUaHb.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-DXL71nUA.js

@@ -0,0 +1 @@
+import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as a}from"./OdysseyThemeProvider-C4N_85M9.js";const l=e.forwardRef((o,n)=>r.jsx(a,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M6 .667v2h4v-2h1.333v2h3.334v10a2 2 0 0 1-2 2H3.333a2 2 0 0 1-2-2v-10h3.334v-2H6ZM10 4v1.333h1.333V4h2v2H2.667V4h2v1.333H6V4h4ZM2.667 7.333v5.334c0 .368.298.666.666.666h9.334a.667.667 0 0 0 .666-.666V7.333H2.667Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t as M};

package/dist/assets/Callout-DY2rv89C.js

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

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

@@ -0,0 +1,128 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{f as K,e as p,w as Q,u as X}from"./index-BJMTVygn.js";import{O as Z}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{c as g,a as x,M as ee}from"./Callout-DY2rv89C.js";import{q as te}from"./queryOdysseySelector-_ueksTI2.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Link-PjuOItUN.js";import"./Link-D0sejjD3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-NdqIGwl5.js";import"./ExternalLink-D3z7HWdx.js";import"./Typography-C4vClHaZ.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-C5NflvC5.js";import"./useSlot-D_uu6bU4.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D4wDjY4F.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";import"./dom.esm-B9r8vBgQ.js";const Oe={component:ee,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"}}},onLinkClick:{description:"Function to call when the link is clicked",table:{type:{summary:"func"}}},role:{options:x,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:x.join(" | ")}}},severity:{options:g,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:g.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"}},r={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},i={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},n={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},s={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},o={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={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:"#"}},l={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:t.jsx(t.Fragment,{children:t.jsxs("ul",{children:[t.jsx("li",{children:"Secondary email"}),t.jsx("li",{children:"Street address"}),t.jsx("li",{children:"City"})]})})}},c={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:"#"}},u={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:d,step:f})=>{await f("has visible link",()=>{var e,k;const y=(k=(e=te("Callout")({element:d,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:k.call(e,{name:"link",options:{linkText:"Visit fueling console"}}).element;p(y).toBeVisible()})}},m={args:{linkText:"Visit fueling console",onLinkClick:K(),role:"alert",severity:"error",text:void 0,title:"Safety checks failed"},play:async({args:d,canvasElement:f,step:h})=>{await h("check for the link text and click it",async()=>{const e=Q(f).getByText("Visit fueling console");await p(e==null?void 0:e.tagName).toBe("A"),await p(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#`),await X.click(e),await p(d.onLinkClick).toHaveBeenCalled()})}};var v,S,T;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "info",
+    title: "Authentication status",
+    text: "You're signed in from Moonbase Alpha-6, located on Luna."
+  }
+}`,...(T=(S=r.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};var b,w,C;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "Reconfigure the fuel mixture ratios and perform safety checks again."
+  }
+}`,...(C=(w=i.parameters)==null?void 0:w.docs)==null?void 0:C.source}}};var L,R,V;n.parameters={...n.parameters,docs:{...(L=n.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "warning",
+    title: "Safety checks incomplete",
+    text: "Complete all safety checks before requesting approval to launch your mission."
+  }
+}`,...(V=(R=n.parameters)==null?void 0:R.docs)==null?void 0:V.source}}};var A,W,U;s.parameters={...s.parameters,docs:{...(A=s.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "success",
+    title: "Approved for launch",
+    text: "Safety checks are complete. Your mission is ready for liftoff."
+  }
+}`,...(U=(W=s.parameters)==null?void 0:W.docs)==null?void 0:U.source}}};var E,B,j;o.parameters={...o.parameters,docs:{...(E=o.parameters)==null?void 0:E.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: "#"
+  }
+}`,...(j=(B=o.parameters)==null?void 0:B.docs)==null?void 0:j.source}}};var q,M,I;a.parameters={...a.parameters,docs:{...(q=a.parameters)==null?void 0:q.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: "#"
+  }
+}`,...(I=(M=a.parameters)==null?void 0:M.docs)==null?void 0:I.source}}};var N,O,H;l.parameters={...l.parameters,docs:{...(N=l.parameters)==null?void 0:N.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>
+      </>
+  }
+}`,...(H=(O=l.parameters)==null?void 0:O.docs)==null?void 0:H.source}}};var Y,D,P;c.parameters={...c.parameters,docs:{...(Y=c.parameters)==null?void 0:Y.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: "#"
+  }
+}`,...(P=(D=c.parameters)==null?void 0:D.docs)==null?void 0:P.source}}};var _,F,$;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.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();
+    });
+  }
+}`,...($=(F=u.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};var z,G,J;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    linkText: "Visit fueling console",
+    onLinkClick: fn(),
+    role: "alert",
+    severity: "error",
+    text: undefined,
+    title: "Safety checks failed"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: PlayType) => {
+    await step("check for the link text and click it", async () => {
+      const canvas = within(canvasElement);
+      const link = canvas.getByText<HTMLAnchorElement>("Visit fueling console");
+      await expect(link?.tagName).toBe("A");
+      await expect(link?.href).toBe(\`\${link?.baseURI}#\`);
+      await userEvent.click(link);
+      await expect(args.onLinkClick).toHaveBeenCalled();
+    });
+  }
+}`,...(J=(G=m.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const He=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink","TitleWithLinkWithOnLinkClick"];export{c as ChildrenWithLink,l as ChildrenWithList,i as Error,r as Info,s as Success,u as TitleWithLink,m as TitleWithLinkWithOnLinkClick,n as Warning,o as WithLink,a as WithLinkAndTarget,He as __namedExportsOrder,Oe as default};

package/dist/assets/Card-BBklAYRu.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.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-c74KQyVj.js";import{T as i}from"./Card.stories-fvpTzjYC.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.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-C4N_85M9.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Card-z7130zaB.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuButton-C-OmKt3g.js";import"./BaseMenuButton-DPFgAU1j.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLP5TTaz.js";import"./Menu-C2dEwThV.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-Ddv1e_fT.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-fD56BVkE.js";import"./Paper-D4wDjY4F.js";import"./MenuList-BCZDiX8u.js";import"./List-BSidosAy.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./Skeleton-Bgl-rJ6W.js";import"./colorManipulator-BmBCr6qx.js";import"./CardActions-C8G3mEo5.js";import"./CardActionArea-B7i8fBJO.js";import"./MenuItem-C0i8WJAZ.js";import"./MenuItem-D69h7bYZ.js";import"./Button-DuM2NeMY.js";import"./Checkbox-CMDOP82Q.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-CkN2-6Wh.js";import"./FormHelperText-DQoZ2-nD.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-DPa22EmK.js";import"./Stack-Dyzg8njm.js";import"./createStyled-CcazfAPj.js";import"./useThemeProps-BX3arxP9.js";import"./Checkbox-BlSNHylx.js";import"./SwitchBase-n4YlIRfi.js";import"./createSvgIcon-V-Po-Ssl.js";import"./IconButton-CgM2Hv_L.js";import"./ChevronUp-DyYSBYAc.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};