@okta/odyssey-react-mui 1.44.0 → 1.45.0

package/dist/assets/Button.stories-Db-QptTh.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-BfHtukUP.js";import{i as s}from"./iconUtils-Cxr8mVIA.js";import{b as F,a as k,c as T}from"./BaseButton-B5c4cgt8.js";import{M as I}from"./index-CDGerSbe.js";import{M as o}from"./Button-BOzIr8Jh.js";import{M as Va}from"./Box-BXOPvc0Q.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-3088PjcT.js";import"./Tooltip-B4GIR2eB.js";import"./createTheme-BmPXDA4p.js";import"./index-CpbQl8EB.js";import"./tooltipClasses-C74HjonW.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./useTheme-C05bJKih.js";import"./inheritsLoose-CWawPfk8.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./Popper-CwLH-7YW.js";import"./ownerDocument-DW-IO8s5.js";import"./popper-CMBiYTiD.js";import"./Button-BqwcAVQ-.js";import"./buttonClasses-DtIJBSf4.js";import"./ButtonBase-BqXVk-1q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./buttonBaseClasses-CSPKg76d.js";import"./SvgIcon-BQAg6Jm7.js";import"./Server-F8KLZq7d.js";import"./List-0o0OI1E9.js";import"./ArrowRight-DCIAiEpA.js";import"./Bug-m6zinguF.js";import"./Calendar-CuqjwSb0.js";import"./Check-BmyOKfcL.js";import"./WarningFilled-Y3Vw7n_w.js";import"./ChevronDown-BnAWuc8V.js";import"./ChevronRight-BB0bQIRj.js";import"./ChevronUp-B9JV-jmd.js";import"./Clock-Byj5V_49.js";import"./Close-DA7fBExu.js";import"./CloseCircleFilled-D2aBlgBe.js";import"./Upload-DK3nRIto.js";import"./Documentation-DM1hawvn.js";import"./Download-Cp75oFKP.js";import"./ExternalLink-DTdulgUc.js";import"./Filter-BAXcmMyf.js";import"./Folder-Ddku_ujr.js";import"./Globe--OQ55RD1.js";import"./Grid-B2PgWvdd.js";import"./Group-W0XqkWVH.js";import"./Hide-RfKmYLNv.js";import"./Home-BXMRmOIu.js";import"./InformationCircle-B71JRUfK.js";import"./More-axx2rGKU.js";import"./Refresh-CPgGX1hz.js";import"./Search-BvCmvJcV.js";import"./Settings-DjrryuBd.js";import"./Show-qQzUH4Sq.js";import"./Sync-Bmam4Lr_.js";import"./User-BBdPovZN.js";import"./Video-DytabcyM.js";import"./Box-C2ekHaOu.js";const sn={component:o,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"},tags:["autodocs"]},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"}},p={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})}},d={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(Va,{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 C,O,K;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  name: "Secondary, Disabled",
+  args: {
+    isDisabled: true,
+    label: "Add crew",
+    variant: "secondary"
+  }
+}`,...(K=(O=m.parameters)==null?void 0:O.docs)==null?void 0:K.source}}};var R,G,H;p.parameters={...p.parameters,docs:{...(R=p.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=p.parameters)==null?void 0:G.docs)==null?void 0:H.source}}};var _,q,J;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  name: "Danger Secondary",
+  args: {
+    label: "Add crew",
+    variant: "dangerSecondary"
+  }
+}`,...(J=(q=d.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,pa;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
+    });
+  }
+}`,...(pa=(ma=h.parameters)==null?void 0:ma.docs)==null?void 0:pa.source}}};var da,ua,ya;B.parameters={...B.parameters,docs:{...(da=B.parameters)==null?void 0:da.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 cn=["ButtonPrimary","ButtonPrimaryDisabled","ButtonSecondary","ButtonSecondaryDisabled","ButtonDanger","ButtonDangerSecondary","ButtonDangerDisabled","ButtonFloating","ButtonFloatingAction","ButtonFloatingDisabled","ButtonSecondaryAsLink","ButtonSmall","ButtonMedium","ButtonLarge","ButtonFullWidth","ButtonWithIcon","IconOnly","KitchenSink"];export{p as ButtonDanger,u as ButtonDangerDisabled,d 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,cn as __namedExportsOrder,sn as default};

package/dist/assets/ButtonBase-BqXVk-1q.js

@@ -0,0 +1,74 @@
+import{a as A,_ as ee,c as C,o as te}from"./createTheme-BmPXDA4p.js";import{r as a,e as W}from"./index-NdkWRN8K.js";import{u as me,s as ne,c as je}from"./DefaultPropsProvider-B7tpShA7.js";import{j as N}from"./jsx-runtime-CnH95YSl.js";import{g as Ie}from"./generateUtilityClasses-DYvjsuMV.js";import{a as _e,u as ue,b as Ue}from"./useIsFocusVisible-DH0qxT5e.js";import{_ as ze}from"./assertThisInitialized-B9jnkVVz.js";import{_ as Oe}from"./inheritsLoose-CWawPfk8.js";import{T as ce,a as H}from"./TransitionGroupContext-twgBS-Q3.js";import{g as Ke,b as Ae}from"./buttonBaseClasses-CSPKg76d.js";function oe(t,r){var s=function(e){return r&&a.isValidElement(e)?r(e):e},l=Object.create(null);return t&&a.Children.map(t,function(n){return n}).forEach(function(n){l[n.key]=s(n)}),l}function Xe(t,r){t=t||{},r=r||{};function s(d){return d in r?r[d]:t[d]}var l=Object.create(null),n=[];for(var e in t)e in r?n.length&&(l[e]=n,n=[]):n.push(e);var o,c={};for(var u in r){if(l[u])for(o=0;o<l[u].length;o++){var p=l[u][o];c[l[u][o]]=s(p)}c[u]=s(u)}for(o=0;o<n.length;o++)c[n[o]]=s(n[o]);return c}function F(t,r,s){return s[r]!=null?s[r]:t.props[r]}function Ye(t,r){return oe(t.children,function(s){return a.cloneElement(s,{onExited:r.bind(null,s),in:!0,appear:F(s,"appear",t),enter:F(s,"enter",t),exit:F(s,"exit",t)})})}function We(t,r,s){var l=oe(t.children),n=Xe(r,l);return Object.keys(n).forEach(function(e){var o=n[e];if(a.isValidElement(o)){var c=e in r,u=e in l,p=r[e],d=a.isValidElement(p)&&!p.props.in;u&&(!c||d)?n[e]=a.cloneElement(o,{onExited:s.bind(null,o),in:!0,exit:F(o,"exit",t),enter:F(o,"enter",t)}):!u&&c&&!d?n[e]=a.cloneElement(o,{in:!1}):u&&c&&a.isValidElement(p)&&(n[e]=a.cloneElement(o,{onExited:s.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(r){return t[r]})},Ge={component:"div",childFactory:function(r){return r}},ie=function(t){Oe(r,t);function r(l,n){var e;e=t.call(this,l,n)||this;var o=e.handleExited.bind(ze(e));return e.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},e}var s=r.prototype;return s.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},s.componentWillUnmount=function(){this.mounted=!1},r.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}},s.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}}))},s.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))},r}(W.Component);ie.propTypes={};ie.defaultProps=Ge;function qe(t){const{className:r,classes:s,pulsate:l=!1,rippleX:n,rippleY:e,rippleSize:o,in:c,onExited:u,timeout:p}=t,[d,g]=a.useState(!1),b=C(r,s.ripple,s.rippleVisible,l&&s.ripplePulsate),E={width:o,height:o,top:-(o/2)+e,left:-(o/2)+n},h=C(s.child,d&&s.childLeaving,l&&s.childPulsate);return!c&&!d&&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:E,children:N.jsx("span",{className:h})})}const m=Ie("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Je=["center","classes","className"];let G=t=>t,pe,fe,de,he;const Z=550,Qe=80,Ze=te(pe||(pe=G`
+  0% {
+    transform: scale(0);
+    opacity: 0.1;
+  }
+
+  100% {
+    transform: scale(1);
+    opacity: 0.3;
+  }
+`)),et=te(fe||(fe=G`
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+`)),tt=te(de||(de=G`
+  0% {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.92);
+  }
+
+  100% {
+    transform: scale(1);
+  }
+`)),nt=ne("span",{name:"MuiTouchRipple",slot:"Root"})({overflow:"hidden",pointerEvents:"none",position:"absolute",zIndex:0,top:0,right:0,bottom:0,left:0,borderRadius:"inherit"}),ot=ne(qe,{name:"MuiTouchRipple",slot:"Ripple"})(he||(he=G`
+  opacity: 0;
+  position: absolute;
+
+  &.${0} {
+    opacity: 0.3;
+    transform: scale(1);
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  &.${0} {
+    animation-duration: ${0}ms;
+  }
+
+  & .${0} {
+    opacity: 1;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: currentColor;
+  }
+
+  & .${0} {
+    opacity: 0;
+    animation-name: ${0};
+    animation-duration: ${0}ms;
+    animation-timing-function: ${0};
+  }
+
+  & .${0} {
+    position: absolute;
+    /* @noflip */
+    left: 0px;
+    top: 0;
+    animation-name: ${0};
+    animation-duration: 2500ms;
+    animation-timing-function: ${0};
+    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(r,s){const l=me({props:r,name:"MuiTouchRipple"}),{center:n=!1,classes:e={},className:o}=l,c=ee(l,Je),[u,p]=a.useState([]),d=a.useRef(0),g=a.useRef(null);a.useEffect(()=>{g.current&&(g.current(),g.current=null)},[u]);const b=a.useRef(!1),E=_e(),h=a.useRef(null),R=a.useRef(null),_=a.useCallback(f=>{const{pulsate:M,rippleX:x,rippleY:S,rippleSize:I,cb:z}=f;p(y=>[...y,N.jsx(ot,{classes:{ripple:C(e.ripple,m.ripple),rippleVisible:C(e.rippleVisible,m.rippleVisible),ripplePulsate:C(e.ripplePulsate,m.ripplePulsate),child:C(e.child,m.child),childLeaving:C(e.childLeaving,m.childLeaving),childPulsate:C(e.childPulsate,m.childPulsate)},timeout:Z,pulsate:M,rippleX:x,rippleY:S,rippleSize:I},d.current)]),d.current+=1,g.current=z},[e]),$=a.useCallback((f={},M={},x=()=>{})=>{const{pulsate:S=!1,center:I=n||M.pulsate,fakeElement:z=!1}=M;if((f==null?void 0:f.type)==="mousedown"&&b.current){b.current=!1;return}(f==null?void 0:f.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||f===void 0||f.clientX===0&&f.clientY===0||!f.clientX&&!f.touches)v=Math.round(D.width/2),B=Math.round(D.height/2);else{const{clientX:k,clientY:V}=f.touches&&f.touches.length>0?f.touches[0]:f;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)}f!=null&&f.touches?h.current===null&&(h.current=()=>{_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},E.start(Qe,()=>{h.current&&(h.current(),h.current=null)})):_({pulsate:S,rippleX:v,rippleY:B,rippleSize:L,cb:x})},[n,_,E]),U=a.useCallback(()=>{$({},{pulsate:!0})},[$]),j=a.useCallback((f,M)=>{if(E.clear(),(f==null?void 0:f.type)==="touchend"&&h.current){h.current(),h.current=null,E.start(0,()=>{j(f,M)});return}h.current=null,p(x=>x.length>0?x.slice(1):x),g.current=M},[E]);return a.useImperativeHandle(s,()=>({pulsate:U,start:$,stop:j}),[U,$,j]),N.jsx(nt,A({className:C(m.root,e.root,o),ref:R},c,{children:N.jsx(ie,{component:null,exit:!0,children:u})}))}),rt=["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"],st=t=>{const{disabled:r,focusVisible:s,focusVisibleClassName:l,classes:n}=t,o=je({root:["root",r&&"disabled",s&&"focusVisible"]},Ke,n);return s&&l&&(o.root+=` ${l}`),o},at=ne("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(t,r)=>r.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"},[`&.${Ae.disabled}`]:{pointerEvents:"none",cursor:"default"},"@media print":{colorAdjust:"exact"}}),Mt=a.forwardRef(function(r,s){const l=me({props:r,name:"MuiButtonBase"}),{action:n,centerRipple:e=!1,children:o,className:c,component:u="button",disabled:p=!1,disableRipple:d=!1,disableTouchRipple:g=!1,focusRipple:b=!1,LinkComponent:E="a",onBlur:h,onClick:R,onContextMenu:_,onDragLeave:$,onFocus:U,onFocusVisible:j,onKeyDown:f,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,rt),O=a.useRef(null),T=a.useRef(null),be=ue(T,L),{isFocusVisibleRef:re,onFocus:ge,onBlur:Re,ref:Me}=Ue(),[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&&!d&&!p;a.useEffect(()=>{w&&b&&!d&&q&&T.current.pulsate()},[d,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),Ce=P("stop",_),Ee=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),re.current===!1&&X(!1),h&&h(i)},!1),Se=H(i=>{O.current||(O.current=i.currentTarget),ge(i),re.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(),f&&f(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=E);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(s,Me,O),se=A({},l,{centerRipple:e,component:u,disabled:p,disableRipple:d,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:w}),Ne=st(se);return N.jsxs(at,A({as:Y,className:C(Ne.root,c),ownerState:se,onBlur:Le,onClick:R,onContextMenu:Ce,onFocus:Se,onKeyDown:ke,onKeyUp:we,onMouseDown:Te,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ee,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{Mt as B,ie as T};

package/dist/assets/Calendar-CuqjwSb0.js

@@ -0,0 +1 @@
+import{r as e}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as n}from"./SvgIcon-BQAg6Jm7.js";const l=e.forwardRef((o,a)=>r.jsx(n,{fill:"none",ref:a,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M9 1v3h6V1h2v3h5v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4h5V1h2Zm6 5v2h2V6h3v3H4V6h3v2h2V6h6ZM4 11v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8H4Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t as M};

package/dist/assets/Callout-CaNoXhaj.js

@@ -0,0 +1 @@
+import{n as x}from"./createTheme-BmPXDA4p.js";import{r as f}from"./index-NdkWRN8K.js";import{M as g}from"./Link-ClKgpBXG.js";import{u as j}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{a as T}from"./Typography-CiNRLenM.js";import{u as k}from"./useUniqueId-Bsgqe1tm.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as C}from"./useTranslation-vEf1lqoc.js";import{A as S,a as v}from"./AlertTitle-DlG4YQWR.js";import{B as n}from"./Box-C2ekHaOu.js";const F={accessibleText:{text:"description",title:"label"},children:{link:{elementSelector:{method:"ByRole",options:{linkText:"name"},role:"link"}}},elementSelector:{method:"ByRole",options:{title:"name"},role:["alert","status"]}},L=["status","alert"],N=["success","info","warning","error"],b=x("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({"& > * + *":{marginBlockStart:o.Spacing4}})),B=({children:o,linkRel:i,linkTarget:m,linkText:c,linkUrl:t,role:d,severity:s,testId:u,text:r,title:a,translate:p})=>{const{t:y}=C(),h=j(),l=k();return e.jsxs(S,{"aria-label":y(`severity.${s}`),"aria-labelledby":l,"data-se":u,role:d,severity:s,variant:"callout",children:[a&&e.jsx(v,{"aria-hidden":!0,id:l,translate:p,children:a}),e.jsxs(b,{odysseyDesignTokens:h,children:[o&&e.jsx(n,{component:"div",children:o}),r&&e.jsx(T,{children:r}),t&&e.jsx(n,{children:e.jsx(g,{href:t,rel:i,target:m,variant:"monochrome",children:c})})]})]})},M=f.memo(B);M.displayName="Callout";export{F as C,M,L as a,N as c};

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

@@ -0,0 +1,105 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{e as H}from"./index-BJMTVygn.js";import{c as u,a as d,M as z}from"./Callout-CaNoXhaj.js";import{q as F}from"./queryOdysseySelector-B27JCf-A.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./createTheme-BmPXDA4p.js";import"./Link-ClKgpBXG.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-D7-qxuiy.js";import"./typographyClasses-D8vr2n3l.js";import"./ExternalLink-DTdulgUc.js";import"./SvgIcon-BQAg6Jm7.js";import"./OdysseyDesignTokensContext-BWQIA5ie.js";import"./Typography-CiNRLenM.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./useTranslation-vEf1lqoc.js";import"./context-D_qJ2zXV.js";import"./AlertTitle-DlG4YQWR.js";import"./useSlot-F4Qz2Wzp.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-DiC7XVU3.js";import"./Close-DA_Sph0R.js";import"./IconButton-CK9Do7vj.js";import"./ButtonBase-BqXVk-1q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CWawPfk8.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./buttonBaseClasses-CSPKg76d.js";import"./Paper-DbAuDGNI.js";import"./alertTitleClasses-CSPeaunQ.js";import"./Box-C2ekHaOu.js";import"./useTheme-C05bJKih.js";import"./Autocomplete-UE4wqxn0.js";import"./useAutocomplete-C7VK9p4p.js";import"./Field-ilPS333M.js";import"./Box-BXOPvc0Q.js";import"./List-W5kRT_jR.js";import"./ListContext-C02XM7tn.js";import"./ListItem-CcduKzQu.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLeax9q3.js";import"./formLabelClasses-xMgYguuN.js";import"./ScreenReaderText-vq7_Ob_I.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-ZkUAjajs.js";import"./FieldHint-Cv7aMlpU.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase--xDu7aWm.js";import"./inputBaseClasses-PAjj3ZBN.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./GlobalStyles-BxDN_5FT.js";import"./Autocomplete-MfScEzbR.js";import"./ArrowDropDown-bSngWMh1.js";import"./autocompleteClasses-Bi4FgC8v.js";import"./Popper-CwLH-7YW.js";import"./Portal-Bvf2g5iG.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./popper-CMBiYTiD.js";import"./useId-cMcvCE23.js";import"./useControlled-NQulfz4l.js";import"./Chip-BOK8DR8m.js";import"./chipClasses-BMWKl3Eu.js";import"./ListSubheader-DXKE8lW0.js";import"./MenuItem-DjSqFwdt.js";import"./menuItemClasses-DFm3-Sf1.js";import"./Checkbox-luq82K1t.js";import"./SwitchBase-Bja5dn-O.js";import"./checkboxClasses-Dtdq1kQG.js";import"./Select-DVJCNQIV.js";import"./Menu-CGJO1mMf.js";import"./index-CpbQl8EB.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./Modal-CW5mOzJG.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./MenuList-BboivbXC.js";import"./CloseCircleFilled-D2aBlgBe.js";import"./Check-BmyOKfcL.js";import"./Tabs-Buvkuz1V.js";import"./Badge-DL9N0uiE.js";import"./Tabs-ChAj4m0g.js";import"./useThemeProps-BG38P4ul.js";import"./useThemeProps-Dy5sAWyz.js";import"./TextField-CZ0hstP2.js";import"./InputAdornment-CFgP75Dd.js";import"./inputAdornmentClasses-DYNxkEwO.js";import"./test-utils-H9lH7T5D.js";import"./client-akVMpN0m.js";const Yt={component:z,argTypes:{children:{control:"text",description:"Used to optionally pass a text list to the component",table:{type:{summary:"ReactNode | Array<ReactNode>"}},type:{name:"other",value:"ReactNode | Array<ReactNode>"}},linkRel:{control:"text",description:"The rel attribute defines the relationship between a linked resource and the current document.",table:{type:{summary:"string"}}},linkTarget:{control:"text",description:"The target property of the `HTMLAnchorElement` interface is a string that indicates where to display the linked resource.",table:{type:{summary:"string"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the Callout will include a link to the URL",table:{type:{summary:"string"}}},role:{options:d,control:{type:"radio"},description:"Sets the ARIA role of the Callout ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:d.join(" | ")}}},severity:{options:u,control:{type:"radio"},description:"Determine the color and icon of the Callout",table:{type:{summary:u.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"},tags:["autodocs"]},t={args:{role:"status",severity:"info",title:"Authentication status",text:"You're signed in from Moonbase Alpha-6, located on Luna."}},r={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"Reconfigure the fuel mixture ratios and perform safety checks again."}},i={args:{role:"status",severity:"warning",title:"Safety checks incomplete",text:"Complete all safety checks before requesting approval to launch your mission."}},o={args:{role:"status",severity:"success",title:"Approved for launch",text:"Safety checks are complete. Your mission is ready for liftoff."}},n={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},s={args:{role:"alert",severity:"error",title:"Safety checks failed",text:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkTarget:"_blank",linkText:"Visit fueling console",linkUrl:"#"}},a={args:{role:"status",severity:"info",title:"Delivery details needed to complete your user profile",text:void 0,children:e.jsx(e.Fragment,{children:e.jsxs("ul",{children:[e.jsx("li",{children:"Secondary email"}),e.jsx("li",{children:"Street address"}),e.jsx("li",{children:"City"})]})})}},l={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,children:"There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",linkText:"Visit fueling console",linkUrl:"#"}},c={args:{role:"alert",severity:"error",title:"Safety checks failed",text:void 0,linkText:"Visit fueling console",linkUrl:"#"},play:async({canvasElement:O,step:P})=>{await P("has visible link",()=>{var m,p;const B=(p=(m=F("Callout")({element:O,role:"alert",options:{title:/Safety checks failed/}})).selectChild)==null?void 0:p.call(m,{name:"link",options:{linkText:"Visit fueling console"}}).element;H(B).toBeVisible()})}};var f,h,y;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "info",
+    title: "Authentication status",
+    text: "You're signed in from Moonbase Alpha-6, located on Luna."
+  }
+}`,...(y=(h=t.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var g,k,x;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "Reconfigure the fuel mixture ratios and perform safety checks again."
+  }
+}`,...(x=(k=r.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};var S,v,T;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "warning",
+    title: "Safety checks incomplete",
+    text: "Complete all safety checks before requesting approval to launch your mission."
+  }
+}`,...(T=(v=i.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var b,C,L;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "success",
+    title: "Approved for launch",
+    text: "Safety checks are complete. Your mission is ready for liftoff."
+  }
+}`,...(L=(C=o.parameters)==null?void 0:C.docs)==null?void 0:L.source}}};var R,w,A;n.parameters={...n.parameters,docs:{...(R=n.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  }
+}`,...(A=(w=n.parameters)==null?void 0:w.docs)==null?void 0:A.source}}};var V,U,W;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
+    linkTarget: "_blank",
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  }
+}`,...(W=(U=s.parameters)==null?void 0:U.docs)==null?void 0:W.source}}};var j,q,E;a.parameters={...a.parameters,docs:{...(j=a.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  args: {
+    role: "status",
+    severity: "info",
+    title: "Delivery details needed to complete your user profile",
+    text: undefined,
+    children: <>
+        <ul>
+          <li>Secondary email</li>
+          <li>Street address</li>
+          <li>City</li>
+        </ul>
+      </>
+  }
+}`,...(E=(q=a.parameters)==null?void 0:q.docs)==null?void 0:E.source}}};var M,I,N;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    role: "alert",
+    severity: "error",
+    title: "Safety checks failed",
+    text: undefined,
+    children: "There is an issue with the fuel mixture ratios. Reconfigure the fuel mixture and perform the safety checks again.",
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  }
+}`,...(N=(I=l.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var Y,_,D;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,
+    linkText: "Visit fueling console",
+    linkUrl: "#"
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: {
+    canvasElement: HTMLElement;
+    step: PlaywrightProps<CalloutProps>["step"];
+  }) => {
+    await step("has visible link", () => {
+      const querySelect = queryOdysseySelector("Callout");
+      const element = querySelect({
+        element: canvasElement,
+        role: "alert",
+        options: {
+          title: /Safety checks failed/
+        }
+      }).selectChild?.({
+        name: "link",
+        options: {
+          linkText: "Visit fueling console"
+        }
+      }).element;
+      expect(element).toBeVisible();
+    });
+  }
+}`,...(D=(_=c.parameters)==null?void 0:_.docs)==null?void 0:D.source}}};const _t=["Info","Error","Warning","Success","WithLink","WithLinkAndTarget","ChildrenWithList","ChildrenWithLink","TitleWithLink"];export{l as ChildrenWithLink,a as ChildrenWithList,r as Error,t as Info,o as Success,c as TitleWithLink,i as Warning,n as WithLink,s as WithLinkAndTarget,_t as __namedExportsOrder,Yt as default};

package/dist/assets/Card-B5eIV1vH.js

@@ -0,0 +1 @@
+import{g as R,_ as z,a as C,c as O,n as i}from"./createTheme-BmPXDA4p.js";import{r as u}from"./index-NdkWRN8K.js";import{B as T}from"./BaseButton-B5c4cgt8.js";import{M as V}from"./MenuButton-OjJFnmOD.js";import{M as W}from"./More-axx2rGKU.js";import{u as U}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{d as w,M as A,a as b}from"./Typography-CiNRLenM.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{u as H}from"./useTranslation-vEf1lqoc.js";import{S as d,s as m}from"./Skeleton-BJLiCr2o.js";import{u as G,s as Z,c as L}from"./DefaultPropsProvider-B7tpShA7.js";import{g as q}from"./generateUtilityClasses-DYvjsuMV.js";import{t as E}from"./typographyClasses-D8vr2n3l.js";import{C as J,a as K}from"./CardActionArea-yvoWcAsF.js";function Q(o){return R("MuiCardActions",o)}const X=q("MuiCardActions",["root","spacing"]),Y=["disableSpacing","className"],oo=o=>{const{classes:s,disableSpacing:n}=o;return L({root:["root",!n&&"spacing"]},Q,s)},ao=Z("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:n}=o;return[s.root,!n.disableSpacing&&s.spacing]}})(({ownerState:o})=>C({display:"flex",alignItems:"center",padding:8},!o.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})),B=u.forwardRef(function(s,n){const r=G({props:s,name:"MuiCardActions"}),{disableSpacing:h=!1,className:c}=r,l=z(r,Y),x=C({},r,{disableSpacing:h}),e=oo(x);return a.jsx(ao,C({className:O(e.root,c),ownerState:x,ref:n},l))}),bo=["tile","stack","compact"],so="64px",no="48px",to=i(J,{shouldForwardProp:o=>o!=="cardVariant"&&o!=="isClickable"&&o!=="odysseyDesignTokens"})(({cardVariant:o,isClickable:s,odysseyDesignTokens:n})=>({border:`${n.BorderWidthMain} ${n.BorderColorDisplay} ${n.BorderStyleMain}`,boxShadow:"none",padding:0,display:"flex",...o==="compact"&&{marginBlockEnd:n.Spacing2},"&:hover":s?{borderColor:n.HueNeutralWhite,boxShadow:n.DepthMedium}:{},[`& .${m.root}`]:{transform:"none"},[`& .${X.root} .${m.root}`]:{height:n.Spacing7}})),eo=i(K)(()=>({margin:0,padding:0})),ro=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:s})=>({display:"flex",flexDirection:s==="compact"?"row":"column",alignItems:"center",gap:o.Spacing1,marginBlockStart:s==="compact"?o.Spacing4:o.Spacing5,marginInlineStart:o.Spacing4,marginInlineEnd:`-${o.Spacing2}`,height:s==="compact"?o.Spacing8:"auto",[`& .${m.root}`]:{width:o.Spacing5,height:o.Spacing5}})),I=i("div",{shouldForwardProp:o=>o!=="hasDetailPanel"&&o!=="numberOfChildNodes"&&o!=="odysseyDesignTokens"&&o!=="variant"})(({hasDetailPanel:o,numberOfChildNodes:s=0,odysseyDesignTokens:n,variant:r})=>({alignItems:r==="compact"&&!o&&s<=2?"center":"flex-start",display:"flex",backgroundColor:n.HueNeutralWhite,padding:r==="compact"?n.Spacing4:n.Spacing5,flexDirection:r==="tile"?"column":"row",gap:n.Spacing4,width:"100%"})),D=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:s,hasMenuButton:n})=>({height:s==="compact"?no:so,paddingInlineEnd:s==="tile"&&n?o.Spacing4:0,[`& > .${m.root}`]:{height:"100%",aspectRatio:1}})),$=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing4,width:"100%","& > *":{marginBlock:0},[`& .${m.root} + .${m.root}`]:{marginBlockStart:o.Spacing1}})),P=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"&&o!=="hasMenuButton"})(({odysseyDesignTokens:o,variant:s,hasMenuButton:n})=>({display:"flex",flexDirection:"column",gap:s==="compact"?o.Spacing1:o.Spacing4,paddingInlineEnd:s!=="tile"&&n?o.Spacing4:0,[`& > .${E.root}`]:{marginBlockEnd:0}})),k=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",gap:o.Spacing1,[`& > .${E.root}`]:{marginBlockEnd:0}})),f=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"})(({odysseyDesignTokens:o})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",backgroundColor:o.HueNeutralWhite})),io=i("div",{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="variant"})(({odysseyDesignTokens:o,variant:s})=>({position:"absolute",right:o.Spacing2,top:s==="compact"?o.Spacing4:o.Spacing2,height:s==="compact"?o.Spacing8:"auto",display:"flex",alignItems:"center",[`& .${m.root}`]:{width:o.Spacing5,height:o.Spacing5,margin:o.Spacing1}})),v=o=>u.Children.toArray(o).length,co=({children:o,description:s,detailPanel:n,image:r,isLoading:h,overline:c,title:l,titleId:x,variant:e,accessory:j,button:g,menuButtonChildren:p,onClick:S,__role:N})=>{const t=U(),{t:M}=H(),_=u.useMemo(()=>a.jsxs(I,{numberOfChildNodes:v([g,o,s,c,l]),odysseyDesignTokens:t,variant:e,children:[r&&a.jsx(D,{hasMenuButton:!!p,odysseyDesignTokens:t,variant:e,children:a.jsx(d,{variant:"circular"})}),a.jsxs($,{odysseyDesignTokens:t,children:[a.jsxs(P,{hasMenuButton:!!p,odysseyDesignTokens:t,variant:e,children:[a.jsxs(k,{odysseyDesignTokens:t,children:[c&&a.jsx(w,{children:a.jsx(d,{width:"50%"})}),l&&a.jsx(A,{component:"div",variant:e==="tile"?"h4":"h5",children:a.jsx(d,{width:"33%"})})]}),s&&a.jsxs(b,{children:[a.jsx(d,{width:"100%"}),a.jsx(d,{width:"50%"})]})]}),o&&a.jsx(f,{odysseyDesignTokens:t,children:a.jsx(d,{width:"50%"})}),g&&a.jsx(B,{children:a.jsx(d,{variant:"rounded",width:"100%"})})]})]}),[g,o,s,r,p,t,c,l,e]),y=u.useMemo(()=>{const F={isFullWidth:!0};return a.jsxs(I,{hasDetailPanel:!!n,numberOfChildNodes:v([g,o,s,c,l]),odysseyDesignTokens:t,variant:e,children:[r&&a.jsx(D,{hasMenuButton:!!p,odysseyDesignTokens:t,variant:e,children:r}),a.jsxs($,{odysseyDesignTokens:t,children:[a.jsxs(P,{hasMenuButton:!!p,odysseyDesignTokens:t,variant:e,children:[a.jsxs(k,{odysseyDesignTokens:t,children:[c&&a.jsx(w,{component:"div",children:c}),l&&a.jsx(A,{component:"div",id:x,variant:e==="tile"?"h4":"h5",children:l})]}),s&&a.jsx(b,{color:"textSecondary",children:s})]}),o&&a.jsx(f,{odysseyDesignTokens:t,children:o}),g&&a.jsx(B,{children:a.jsx(T.Provider,{value:F,children:g})}),n&&a.jsx(f,{odysseyDesignTokens:t,children:n})]})]})},[g,o,s,n,r,p,t,c,l,x,e]);return a.jsxs(to,{cardVariant:e,isClickable:!!S,odysseyDesignTokens:t,role:N,children:[!!j&&a.jsx(ro,{odysseyDesignTokens:t,variant:e,children:h?a.jsx(d,{variant:"circular"}):j}),h?_:S?a.jsx(eo,{onClick:S,children:y}):y,p&&a.jsx(io,{odysseyDesignTokens:t,variant:e,children:h?a.jsx(d,{variant:"circular"}):a.jsx(V,{ariaLabel:M("table.moreactions.arialabel"),buttonVariant:"floating",endIcon:a.jsx(W,{}),menuAlignment:"right",size:"small",tooltipText:M("table.actions"),children:p})})]})},lo=u.memo(co);lo.displayName="Card";export{lo as M,bo as c};

package/dist/assets/Card-Bfg-qZM7.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-CtY5BB1N.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-BpVuOoKb.js";import{T as i}from"./Card.stories-BTaeWH4V.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BzLY45Eo.js";import"./iframe-C-RQ_TKY.js";import"./DocsRenderer-CFRXHY34-DEwq8OPY.js";import"./client-akVMpN0m.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./emotion-styled.browser.esm-Bcn7fuYX.js";import"./createTheme-BmPXDA4p.js";import"./index-B885ELRa.js";import"./v4-BOvFkHkt.js";import"./Card-B5eIV1vH.js";import"./BaseButton-B5c4cgt8.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-3088PjcT.js";import"./Tooltip-B4GIR2eB.js";import"./index-CpbQl8EB.js";import"./tooltipClasses-C74HjonW.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./useTheme-C05bJKih.js";import"./inheritsLoose-CWawPfk8.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./Popper-CwLH-7YW.js";import"./ownerDocument-DW-IO8s5.js";import"./popper-CMBiYTiD.js";import"./Button-BqwcAVQ-.js";import"./buttonClasses-DtIJBSf4.js";import"./ButtonBase-BqXVk-1q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./buttonBaseClasses-CSPKg76d.js";import"./MenuButton-OjJFnmOD.js";import"./BaseMenuButton-DbGGXXbP.js";import"./Box-BXOPvc0Q.js";import"./Box-C2ekHaOu.js";import"./OdysseyDesignTokensContext-BWQIA5ie.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-axx2rGKU.js";import"./SvgIcon-BQAg6Jm7.js";import"./Menu-CGJO1mMf.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CW5mOzJG.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Paper-DbAuDGNI.js";import"./MenuList-BboivbXC.js";import"./List-W5kRT_jR.js";import"./ListContext-C02XM7tn.js";import"./ChevronDown-BnAWuc8V.js";import"./Typography-CiNRLenM.js";import"./Typography-D7-qxuiy.js";import"./typographyClasses-D8vr2n3l.js";import"./useTranslation-vEf1lqoc.js";import"./context-D_qJ2zXV.js";import"./Skeleton-BJLiCr2o.js";import"./colorManipulator-O7SU8zMv.js";import"./CardActionArea-yvoWcAsF.js";import"./Checkbox-BTj1hXUa.js";import"./inputUtils-Dbi8XkA6.js";import"./FormControlLabel-CxCmH5hv.js";import"./formControlLabelClasses-BtjP4uib.js";import"./useFormControl-BMISTZuX.js";import"./Stack-Ba8l39se.js";import"./useThemeProps-Dy5sAWyz.js";import"./Checkbox-luq82K1t.js";import"./SwitchBase-Bja5dn-O.js";import"./createSvgIcon-DiC7XVU3.js";import"./checkboxClasses-Dtdq1kQG.js";import"./FormHelperText-ZkUAjajs.js";import"./TransitionGroupContext-BMO0EZjQ.js";import"./ChevronUp-B9JV-jmd.js";import"./MenuItem-CuP47MJ-.js";import"./MenuItem-DjSqFwdt.js";import"./menuItemClasses-DFm3-Sf1.js";import"./Button-BOzIr8Jh.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 tt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{tt as default};