@okta/odyssey-contribution-tooling 1.47.0 → 1.48.0

package/dist/assets/Badge-DFZYqSZN.js

@@ -0,0 +1,11 @@
+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";/*!
+ * 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.")
+ *
+ * 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 T=[10,20,30,40,50,60,70,80,90,100],s=t=>({default:{background:t.HueNeutral200,font:t.TypographyColorBody},attention:{background:t.PalettePrimaryMain,font:t.TypographyColorInverse},danger:{background:t.PaletteDangerMain,font:t.TypographyColorInverse}}),y=({badgeContent:t,badgeContentMax:n=100,testId:e,translate:i,type:r="default"})=>{const o=h();return g.useMemo(()=>{const a=n>0?n:1,l=a>999?999:a,p=t>l,d=`${a}+`,c=p?d:t.toString(),u={display:"inline-flex",alignItems:"center",justifyContent:"center",minWidth:`calc(${o.Spacing4} + ${o.Spacing1})`,height:`calc(${o.Spacing4} + ${o.Spacing1})`,minHeight:`calc(${o.Spacing4} + ${o.Spacing1})`,padding:"0 6px",backgroundColor:s(o)[r].background,color:s(o)[r].font,borderRadius:c.length>1?`${o.BorderRadiusOuter}`:"50%",fontSize:`${o.TypographyScale0}`,fontFamily:`${o.TypographyFamilyMono}`,fontWeight:`${o.TypographyWeightBodyBold}`,lineHeight:1,transitionDuration:`${o.TransitionDurationMain}`,transitionProperty:"background-color, color"};return t&&t>0?f.jsx(m,{sx:u,testId:e,translate:i,children:c}):null},[t,n,o,e,i,r])},M=g.memo(y);M.displayName="Badge";export{M,T as b};

package/dist/assets/Banner-25ZggH76.js

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

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

@@ -0,0 +1,74 @@
+import{f as R,w as I,e as l,u as p}from"./index-BJMTVygn.js";import{a as V}from"./axeRun-B-LchFqf.js";import{O as D}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{b as d,a as u,M}from"./Banner-25ZggH76.js";import"./axe-4JP0vCEZ.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./jsx-runtime-CnH95YSl.js";import"./index-NdkWRN8K.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Link-BQo2zH0c.js";import"./Link-DcsndbPK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-CSpPZFTF.js";import"./ExternalLink-lox07hAR.js";import"./ScreenReaderText-DbrZU7M5.js";import"./Box-B6KmU4_J.js";import"./visuallyHidden-Dan1xhjv.js";import"./AlertTitle-BDkgiA29.js";import"./useSlot-VN2O4BOA.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-DwBg74qy.js";/*!
+ * 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 ge={component:M,decorators:[D],tags:["autodocs"],argTypes:{linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the alert will include a link to the URL",table:{type:{summary:"string"}}},onClose:{description:"The function that's fired when the user clicks the close button. If undefined, the close button will not be shown",table:{type:{summary:"func"}}},role:{options:u,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:u.join(" | ")}}},severity:{options:d,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:d.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",text:"The mission to Sagittarius A is set for January 7.",onClose:void 0}},t={args:{severity:"info",text:"The mission to Sagittarius A is set for January 7."}},r={args:{role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},n={args:{role:"status",severity:"warning",text:"Severe solar winds detected. Local system flights may be delayed."}},a={args:{linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."},play:async({canvasElement:i,step:c})=>{await c("check for the link text",async()=>{const e=I(i).getByText("View report");await l(e==null?void 0:e.tagName).toBe("A"),await l(e==null?void 0:e.href).toBe(`${e==null?void 0:e.baseURI}#anchor`)})}},o={args:{linkTarget:"_blank",linkText:"View report",linkUrl:"#anchor",role:"status",severity:"error",text:"An unidentified flying object compromised Hangar 18."}},s={args:{onClose:R()},play:async({args:i,canvasElement:c,step:m})=>{await m("dismiss the banner on click",async()=>{const j=I(c).getByTitle("Close");await p.click(j),await p.tab(),await l(i.onClose).toHaveBeenCalled(),await V("Dismissible Banner")})}};var y,g,h;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    severity: "info",
+    text: "The mission to Sagittarius A is set for January 7."
+  }
+}`,...(h=(g=t.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var f,b,k;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "error",
+    text: "An unidentified flying object compromised Hangar 18."
+  }
+}`,...(k=(b=r.parameters)==null?void 0:b.docs)==null?void 0:k.source}}};var x,w,v;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "warning",
+    text: "Severe solar winds detected. Local system flights may be delayed."
+  }
+}`,...(v=(w=n.parameters)==null?void 0:w.docs)==null?void 0:v.source}}};var T,A,S;a.parameters={...a.parameters,docs:{...(T=a.parameters)==null?void 0:T.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\`);
+    });
+  }
+}`,...(S=(A=a.parameters)==null?void 0:A.docs)==null?void 0:S.source}}};var B,E,C;o.parameters={...o.parameters,docs:{...(B=o.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    linkTarget: "_blank",
+    linkText: "View report",
+    linkUrl: "#anchor",
+    role: "status",
+    severity: "error",
+    text: "An unidentified flying object compromised Hangar 18."
+  }
+}`,...(C=(E=o.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};var H,L,U;s.parameters={...s.parameters,docs:{...(H=s.parameters)==null?void 0:H.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");
+    });
+  }
+}`,...(U=(L=s.parameters)==null?void 0:L.docs)==null?void 0:U.source}}};const he=["Info","Error","Warning","Linked","LinkWithTarget","Dismissible"];export{s as Dismissible,r as Error,t as Info,o as LinkWithTarget,a as Linked,n as Warning,he as __namedExportsOrder,ge as default};

package/dist/assets/BaseButton-Cd1oZPsh.js

@@ -0,0 +1,11 @@
+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";/*!
+ * 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.")
+ *
+ * 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 G=e.createContext({isFullWidth:!1}),H=()=>e.useContext(G),Y=["small","medium","large"],Z=["button","submit","reset"],_=["primary","secondary","danger","dangerSecondary","floating","floatingAction"],I=({ariaControls:a,ariaDescribedBy:r,ariaExpanded:u,ariaHasPopup:c,ariaLabel:i,ariaLabelledBy:l,buttonRef:k,children:d,endIcon:f,href:m,id:x,isDisabled:B,isFullWidth:b,label:p="",onClick:h,size:y="medium",startIcon:M,tabIndex:C,testId:g,tooltipText:j,translate:W,type:F="button",variant:V})=>{const A=E(),v=V==="tertiary"?"secondary":V,z=e.useRef(null),n=H(),R=e.useMemo(()=>n.isFullWidth?n.isFullWidth:b,[n,b]);e.useImperativeHandle(k,()=>({focus:()=>{var t;(t=z.current)==null||t.focus()}}),[]);const S=e.useCallback(t=>s.jsx(w,{...t,"aria-controls":a,"aria-describedby":r,"aria-expanded":u,"aria-haspopup":c,"aria-label":i,"aria-labelledby":l,"data-se":g,disabled:B,endIcon:f,fullWidth:R,href:m,id:x,onClick:h,ref:o=>{var T;o&&(z.current=o,(T=t==null?void 0:t.ref)==null||T.call(t,o))},size:y,startIcon:M,tabIndex:C,translate:W,type:F,variant:v,children:d??p}),[a,r,u,c,i,l,f,m,x,B,R,p,d,h,y,M,C,g,W,F,v]);return j?s.jsx(q,{ariaType:"description",placement:"top",text:j,children:s.jsx(N.Consumer,{children:S})}):S(A)},J=e.memo(I);J.displayName="BaseButton";export{G as B,J as M,Z as a,_ as b,Y as c};

package/dist/assets/BaseMenuButton-DCwowxQ6.js

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

package/dist/assets/Box-B-R2QRDU.js

@@ -0,0 +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};

package/dist/assets/Box-B6KmU4_J.js

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

package/dist/assets/Box-B92Cdrku.js

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

package/dist/assets/Box.stories-BCtoarqr.js

@@ -0,0 +1,38 @@
+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:`{
+  args: {
+    children: "This is the content of the box.",
+    sx: {
+      borderColor: "lightGray",
+      borderStyle: "dashed",
+      borderWidth: 2,
+      p: 3
+    },
+    id: "container-id"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("Box Id", ({
+      args
+    }) => {
+      const canvas = within(canvasElement);
+      const box = canvas.getByText("This is the content of the box.");
+      expect(box).toHaveAttribute("id", args.id);
+    });
+  }
+}`,...(a=(s=t.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var i,d,l;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  args: {
+    children: <>
+        <TextField label="Field One" />
+        <TextField label="Field Two" />
+        <TextField label="Field Three" />
+      </>,
+    sx: {
+      display: "flex",
+      alignItems: "start",
+      gap: 3,
+      p: 3
+    }
+  }
+}`,...(l=(d=o.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const f=["Simple","Layout"],M=Object.freeze(Object.defineProperty({__proto__:null,Layout:o,Simple:t,__namedExportsOrder:f,default:T},Symbol.toStringTag,{value:"Module"}));export{M as B};

package/dist/assets/Breadcrumbs-BGJJeoxM.js

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

package/dist/assets/Breadcrumbs.stories-BTEZLo9U.js

@@ -0,0 +1,79 @@
+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:`{
+  args: {
+    homeHref: "#home"
+  },
+  render: args => <BreadcrumbList {...args}>
+      <Breadcrumb href="#one">One</Breadcrumb>
+      <Breadcrumb href="#two">Two</Breadcrumb>
+      <Breadcrumb href="#three" iconName="user">
+        Three
+      </Breadcrumb>
+      <Breadcrumb href="#four">Four</Breadcrumb>
+      <Breadcrumb href="#five" iconName="group">
+        Five
+      </Breadcrumb>
+      <Breadcrumb href="#six">Six</Breadcrumb>
+      <Breadcrumb href="#seven">Seven</Breadcrumb>
+      <Breadcrumb href="#eight">Eight</Breadcrumb>
+      <Breadcrumb href="#nine">Nine</Breadcrumb>
+      <Breadcrumb href="#ten">Ten</Breadcrumb>
+    </BreadcrumbList>,
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    await step("Breadcrumbs Home Link", ({
+      args
+    }) => {
+      const canvas = within(canvasElement);
+      const box = canvas.getByLabelText("Home");
+      expect(box).toHaveAttribute("href", args.homeHref);
+    });
+  }
+}`,...(h=(d=a.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,b,p;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    homeHref: "#home"
+  },
+  render: args => <BreadcrumbList {...args}>
+      <Breadcrumb href="#one">
+        This is a very long title that should be truncated
+      </Breadcrumb>
+      <Breadcrumb href="#two">Two</Breadcrumb>
+      <Breadcrumb href="#three" iconName="user">
+        This is a very long title with an icon
+      </Breadcrumb>
+      <Breadcrumb href="#four">Four</Breadcrumb>
+      <Breadcrumb href="#five" iconName="group">
+        Five
+      </Breadcrumb>
+      <Breadcrumb href="#six">Six</Breadcrumb>
+      <Breadcrumb href="#seven">Seven</Breadcrumb>
+      <Breadcrumb href="#eight">Eight</Breadcrumb>
+      <Breadcrumb href="#nine">Nine</Breadcrumb>
+      <Breadcrumb href="#ten">Ten</Breadcrumb>
+    </BreadcrumbList>
+}`,...(p=(b=i.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var f,l,B;m.parameters={...m.parameters,docs:{...(f=m.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    children: [<Breadcrumb href="#one">One</Breadcrumb>, <Breadcrumb href="#two">Two</Breadcrumb>]
+  },
+  render: (args: BreadcrumbsProps) => <BreadcrumbList>{args.children}</BreadcrumbList>
+}`,...(B=(l=m.parameters)==null?void 0:l.docs)==null?void 0:B.source}}};var x,g,j;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    homeHref: "#home"
+  },
+  render: args => <BreadcrumbList {...args}>
+      <Breadcrumb href="#one" onClick={action("onClick")}>
+        One
+      </Breadcrumb>
+      <Breadcrumb href="#two">Two</Breadcrumb>
+    </BreadcrumbList>
+}`,...(j=(g=t.parameters)==null?void 0:g.docs)==null?void 0:j.source}}};var w,T,v;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  args: {
+    homeHref: "#home"
+  },
+  render: args => <BreadcrumbList {...args}>
+      <Breadcrumb>One</Breadcrumb>
+      <Breadcrumb href="#two">Two</Breadcrumb>
+      <Breadcrumb href="#three">Three</Breadcrumb>
+    </BreadcrumbList>
+}`,...(v=(T=c.parameters)==null?void 0:T.docs)==null?void 0:v.source}}};const wr=["Default","Truncation","Simple","WithOnClick","Subordinate"];export{a as Default,m as Simple,c as Subordinate,i as Truncation,t as WithOnClick,wr as __namedExportsOrder,jr as default};

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

package/dist/assets/Button-BvUGu5Sm.js

@@ -0,0 +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};

package/dist/assets/Button-DPUOjyZy.js

@@ -0,0 +1,11 @@
+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";/*!
+ * 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.")
+ *
+ * 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 s=t=>m.jsx(r,{...t}),e=o.memo(s);e.displayName="Button";export{e as M};

package/dist/assets/Button.stories-CLRsJ0J2.js

@@ -0,0 +1,271 @@
+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:`{
+  name: "Primary",
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Primary",
+      hoverState: false
+    });
+  }
+}`,...(W=(N=i.parameters)==null?void 0:N.docs)==null?void 0:W.source}}};var j,L,M;c.parameters={...c.parameters,docs:{...(j=c.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  name: "Primary, Disabled",
+  args: {
+    isDisabled: true,
+    label: "Add crew",
+    variant: "primary"
+  }
+}`,...(M=(L=c.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var z,P,V;l.parameters={...l.parameters,docs:{...(z=l.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  name: "Secondary",
+  args: {
+    label: "Add crew",
+    variant: "secondary"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Secondary",
+      hoverState: false
+    });
+  }
+}`,...(V=(P=l.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var O,C,K;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  name: "Secondary, Disabled",
+  args: {
+    isDisabled: true,
+    label: "Add crew",
+    variant: "secondary"
+  }
+}`,...(K=(C=m.parameters)==null?void 0:C.docs)==null?void 0:K.source}}};var R,G,H;d.parameters={...d.parameters,docs:{...(R=d.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  name: "Danger",
+  args: {
+    label: "Add crew",
+    variant: "danger"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Danger",
+      hoverState: false
+    });
+  }
+}`,...(H=(G=d.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};var _,q,J;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  name: "Danger Secondary",
+  args: {
+    label: "Add crew",
+    variant: "dangerSecondary"
+  }
+}`,...(J=(q=p.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};var Q,U,X;u.parameters={...u.parameters,docs:{...(Q=u.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  name: "Danger, Disabled",
+  args: {
+    label: "Add crew",
+    isDisabled: true,
+    variant: "danger"
+  }
+}`,...(X=(U=u.parameters)==null?void 0:U.docs)==null?void 0:X.source}}};var Y,Z,$;y.parameters={...y.parameters,docs:{...(Y=y.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  name: "Floating",
+  args: {
+    label: "Add crew",
+    variant: "floating"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Floating",
+      hoverState: false
+    });
+  }
+}`,...($=(Z=y.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var aa,ta,na;g.parameters={...g.parameters,docs:{...(aa=g.parameters)==null?void 0:aa.docs,source:{originalSource:`{
+  name: "Floating Action",
+  args: {
+    label: "Add crew",
+    variant: "floatingAction"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Floating Action",
+      hoverState: false
+    });
+  }
+}`,...(na=(ta=g.parameters)==null?void 0:ta.docs)==null?void 0:na.source}}};var ea,ra,oa;b.parameters={...b.parameters,docs:{...(ea=b.parameters)==null?void 0:ea.docs,source:{originalSource:`{
+  name: "Floating, Disabled",
+  args: {
+    label: "Add crew",
+    isDisabled: true,
+    variant: "floating"
+  }
+}`,...(oa=(ra=b.parameters)==null?void 0:ra.docs)==null?void 0:oa.source}}};var sa,ia,ca;v.parameters={...v.parameters,docs:{...(sa=v.parameters)==null?void 0:sa.docs,source:{originalSource:`{
+  name: "Button as a link",
+  args: {
+    label: "Visit okta.com",
+    variant: "floatingAction",
+    href: "https://okta.com",
+    onClick: undefined
+  }
+}`,...(ca=(ia=v.parameters)==null?void 0:ia.docs)==null?void 0:ca.source}}};var la,ma,da;h.parameters={...h.parameters,docs:{...(la=h.parameters)==null?void 0:la.docs,source:{originalSource:`{
+  name: "Small",
+  args: {
+    label: "Add crew",
+    size: "small"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Small",
+      hoverState: true
+    });
+  }
+}`,...(da=(ma=h.parameters)==null?void 0:ma.docs)==null?void 0:da.source}}};var pa,ua,ya;B.parameters={...B.parameters,docs:{...(pa=B.parameters)==null?void 0:pa.docs,source:{originalSource:`{
+  name: "Medium",
+  args: {
+    label: "Add crew",
+    size: "medium",
+    variant: "secondary"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Medium",
+      hoverState: true
+    });
+  }
+}`,...(ya=(ua=B.parameters)==null?void 0:ua.docs)==null?void 0:ya.source}}};var ga,ba,va;w.parameters={...w.parameters,docs:{...(ga=w.parameters)==null?void 0:ga.docs,source:{originalSource:`{
+  name: "Large",
+  args: {
+    label: "Add crew",
+    size: "large",
+    variant: "danger"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Large",
+      hoverState: true
+    });
+  }
+}`,...(va=(ba=w.parameters)==null?void 0:ba.docs)==null?void 0:va.source}}};var ha,Ba,wa;S.parameters={...S.parameters,docs:{...(ha=S.parameters)==null?void 0:ha.docs,source:{originalSource:`{
+  name: "Full-width",
+  args: {
+    label: "Add crew",
+    isFullWidth: true
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button Fullwidth",
+      hoverState: true
+    });
+  }
+}`,...(wa=(Ba=S.parameters)==null?void 0:Ba.docs)==null?void 0:wa.source}}};var Sa,fa,Aa;f.parameters={...f.parameters,docs:{...(Sa=f.parameters)==null?void 0:Sa.docs,source:{originalSource:`{
+  name: "Icon",
+  args: {
+    label: "Add crew",
+    startIcon: <AddIcon />
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }: playType) => {
+    await interactWithButton({
+      canvasElement,
+      step
+    })({
+      args,
+      actionName: "Button with Icon",
+      hoverState: false
+    });
+  }
+}`,...(Aa=(fa=f.parameters)==null?void 0:fa.docs)==null?void 0:Aa.source}}};var Da,xa,Ia;A.parameters={...A.parameters,docs:{...(Da=A.parameters)==null?void 0:Da.docs,source:{originalSource:`{
+  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: <AddIcon />,
+    ariaLabel: "Add crew",
+    label: undefined,
+    tooltipText: "Add crew"
+  }
+}`,...(Ia=(xa=A.parameters)==null?void 0:xa.docs)==null?void 0:Ia.source}}};var Fa,ka,Ta;D.parameters={...D.parameters,docs:{...(Fa=D.parameters)==null?void 0:Fa.docs,source:{originalSource:`{
+  name: "Kitchen sink",
+  render: () => <Box sx={{
+    display: "flex",
+    flexWrap: "wrap",
+    rowGap: 2
+  }}>
+      <Button label="Primary" variant="primary" />
+      <Button label="Secondary" variant="secondary" />
+      <Button label="Danger Secondary" variant="dangerSecondary" />
+      <Button label="Danger" variant="danger" />
+      <Button label="Floating" variant="floating" />
+      <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};