@okta/odyssey-react-mui 1.47.0 → 1.48.0

package/dist/assets/ButtonBase-CrcIXP69.js

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

package/dist/assets/Calendar-DnwsjheN.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"./OdysseyThemeProvider-BykOaJq8.js";const l=e.forwardRef((o,a)=>r.jsx(n,{fill:"none",ref:a,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...o,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M9 1v3h6V1h2v3h5v15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V4h5V1h2Zm6 5v2h2V6h3v3H4V6h3v2h2V6h6ZM4 11v8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-8H4Z",fill:"currentColor",fillRule:"evenodd"})})})),t=e.memo(l);t.displayName="CalendarIcon";export{t as M};

package/dist/assets/Callout-qkeUDNKn.js

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

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

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

package/dist/assets/Card-DL97TZJd.js

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

package/dist/assets/Card-DqLPNu4w.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as n,T as e,S as s,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{T as i}from"./Card.stories-ROWJyBI0.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Card-DL97TZJd.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./MenuButton-DvVmjwMC.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./Box-B6KmU4_J.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./Menu-CU_mHT7L.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./Skeleton-DAUyPclv.js";import"./colorManipulator-C6C6_xuT.js";import"./CardActions-C1bW_Jqo.js";import"./CardActionArea-BaL2GhSM.js";import"./MenuItem-DoUaLmgU.js";import"./MenuItem-oi_JaUho.js";import"./Button-DPUOjyZy.js";import"./Checkbox-eGdyySzm.js";import"./inputUtils-Dbi8XkA6.js";import"./Hint-DTEjQAxl.js";import"./FormHelperText-Ca69g4Je.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./createSvgIcon-Bv_3NNsK.js";import"./IconButton-Wwvz84xG.js";import"./ChevronUp-Br-QC-XK.js";function m(r){const t={code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(n,{of:i}),`
+`,o.jsx(e,{of:i}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(a,{of:i}),`
+`,o.jsx(c,{of:i}),`
+`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"<Card>"})," can either be clickable (via the ",o.jsx(t.code,{children:"onClick"})," prop), or can include a button and/or menu (via the ",o.jsx(t.code,{children:"button"})," and ",o.jsx(t.code,{children:"menuItems"})," props)."]}),`
+`,o.jsx(d,{}),`
+`,o.jsx(x,{})]})}function Jo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Jo as default};

package/dist/assets/Card.stories-ROWJyBI0.js

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

package/dist/assets/CardActionArea-BaL2GhSM.js

@@ -0,0 +1 @@
+import{U as C,V as g,c as m,_ as A,b as d,s as h,d as p,f as v}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as y}from"./index-NdkWRN8K.js";import{j as f}from"./jsx-runtime-CnH95YSl.js";import{P as b}from"./Paper-DwBg74qy.js";import{B as x}from"./ButtonBase-CrcIXP69.js";function R(s){return C("MuiCard",s)}g("MuiCard",["root"]);const N=["className","raised"],H=s=>{const{classes:o}=s;return v({root:["root"]},R,o)},M=h(b,{name:"MuiCard",slot:"Root",overridesResolver:(s,o)=>o.root})(()=>({overflow:"hidden"})),F=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCard"}),{className:n,raised:a=!1}=t,c=A(t,N),i=d({},t,{raised:a}),e=H(i);return f.jsx(M,d({className:p(e.root,n),elevation:a?8:void 0,ref:r,ownerState:i},c))});function w(s){return C("MuiCardActionArea",s)}const u=g("MuiCardActionArea",["root","focusVisible","focusHighlight"]),U=["children","className","focusVisibleClassName"],V=s=>{const{classes:o}=s;return v({root:["root"],focusHighlight:["focusHighlight"]},w,o)},j=h(x,{name:"MuiCardActionArea",slot:"Root",overridesResolver:(s,o)=>o.root})(({theme:s})=>({display:"block",textAlign:"inherit",borderRadius:"inherit",width:"100%",[`&:hover .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.hoverOpacity,"@media (hover: none)":{opacity:0}},[`&.${u.focusVisible} .${u.focusHighlight}`]:{opacity:(s.vars||s).palette.action.focusOpacity}})),_=h("span",{name:"MuiCardActionArea",slot:"FocusHighlight",overridesResolver:(s,o)=>o.focusHighlight})(({theme:s})=>({overflow:"hidden",pointerEvents:"none",position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",opacity:0,backgroundColor:"currentcolor",transition:s.transitions.create("opacity",{duration:s.transitions.duration.short})})),O=y.forwardRef(function(o,r){const t=m({props:o,name:"MuiCardActionArea"}),{children:n,className:a,focusVisibleClassName:c}=t,i=A(t,U),e=t,l=V(e);return f.jsxs(j,d({className:p(l.root,a),focusVisibleClassName:p(c,l.focusVisible),ref:r,ownerState:e},i,{children:[n,f.jsx(_,{className:l.focusHighlight,ownerState:e})]}))});export{F as C,O as a};

package/dist/assets/CardActions-C1bW_Jqo.js

@@ -0,0 +1 @@
+import{V as d,U as p,c as u,_ as m,b as e,s as C,d as g,f}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as x}from"./index-NdkWRN8K.js";import{j as A}from"./jsx-runtime-CnH95YSl.js";function b(s){return p("MuiCardActions",s)}const _=d("MuiCardActions",["root","spacing"]),y=["disableSpacing","className"],S=s=>{const{classes:t,disableSpacing:o}=s;return f({root:["root",!o&&"spacing"]},b,t)},R=C("div",{name:"MuiCardActions",slot:"Root",overridesResolver:(s,t)=>{const{ownerState:o}=s;return[t.root,!o.disableSpacing&&t.spacing]}})(({ownerState:s})=>e({display:"flex",alignItems:"center",padding:8},!s.disableSpacing&&{"& > :not(style) ~ :not(style)":{marginLeft:8}})),v=x.forwardRef(function(t,o){const a=u({props:t,name:"MuiCardActions"}),{disableSpacing:r=!1,className:i}=a,c=m(a,y),n=e({},a,{disableSpacing:r}),l=S(n);return A.jsx(R,e({className:g(l.root,i),ownerState:n,ref:o},c))});export{v as C,_ as c};

package/dist/assets/Checkbox-OauVZWc5.js

@@ -0,0 +1 @@
+import{c as B,_ as P,b as a,s as M,d as R,e as l,f as _,az as g,r as y,n as E,aA as m}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as u}from"./index-NdkWRN8K.js";import{S as H}from"./SwitchBase-CWdXZnig.js";import{c as x}from"./createSvgIcon-Bv_3NNsK.js";import{j as t}from"./jsx-runtime-CnH95YSl.js";const S=x(t.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),O=x(t.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),V=x(t.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),L=["checkedIcon","color","icon","indeterminate","indeterminateIcon","inputProps","size","className"],N=o=>{const{classes:e,indeterminate:c,color:s,size:r}=o,n={root:["root",c&&"indeterminate",`color${l(s)}`,`size${l(r)}`]},d=_(n,g,e);return a({},e,d)},F=M(H,{shouldForwardProp:o=>y(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:c}=o;return[e.root,c.indeterminate&&e.indeterminate,e[`size${l(c.size)}`],c.color!=="default"&&e[`color${l(c.color)}`]]}})(({theme:o,ownerState:e})=>a({color:(o.vars||o).palette.text.secondary},!e.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${e.color==="default"?o.vars.palette.action.activeChannel:o.vars.palette[e.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:E.alpha(e.color==="default"?o.palette.action.active:o.palette[e.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},e.color!=="default"&&{[`&.${m.checked}, &.${m.indeterminate}`]:{color:(o.vars||o).palette[e.color].main},[`&.${m.disabled}`]:{color:(o.vars||o).palette.action.disabled}})),U=t.jsx(O,{}),A=t.jsx(S,{}),D=t.jsx(V,{}),K=u.forwardRef(function(e,c){var s,r;const n=B({props:e,name:"MuiCheckbox"}),{checkedIcon:d=U,color:z="primary",icon:I=A,indeterminate:i=!1,indeterminateIcon:h=D,inputProps:b,size:p="medium",className:$}=n,j=P(n,L),f=i?h:I,k=i?h:d,v=a({},n,{color:z,indeterminate:i,size:p}),C=N(v);return t.jsx(F,a({type:"checkbox",inputProps:a({"data-indeterminate":i},b),icon:u.cloneElement(f,{fontSize:(s=f.props.fontSize)!=null?s:p}),checkedIcon:u.cloneElement(k,{fontSize:(r=k.props.fontSize)!=null?r:p}),ownerState:v,ref:c,className:R(C.root,$)},j,{classes:C}))});export{K as C};

package/dist/assets/Checkbox-eGdyySzm.js

@@ -0,0 +1 @@
+import{r as t}from"./index-NdkWRN8K.js";import{J,u as U}from"./OdysseyThemeProvider-BykOaJq8.js";import{g as W,C as w}from"./inputUtils-Dbi8XkA6.js";import{M as g}from"./Typography-B7ktrxCD.js";import{u as A}from"./useUniqueId-Bsgqe1tm.js";import{H as B}from"./Hint-DTEjQAxl.js";import{j as e}from"./jsx-runtime-CnH95YSl.js";import{F as G}from"./FormControlLabel-CoGABX1G.js";import{C as K}from"./Checkbox-OauVZWc5.js";import{F as Q}from"./FormHelperText-Ca69g4Je.js";const ne=["valid","invalid","inherit"],X=({ariaLabel:y,ariaLabelledBy:C,id:c,inputRef:M,isChecked:i,isDefaultChecked:m,isDisabled:d,isIndeterminate:j,isReadOnly:s=!1,isRequired:n,label:p,hint:a,name:S,onChange:r,onBlur:l,testId:x,translate:f,validity:b="inherit",value:T})=>{const{t:k}=J(),F=U(),I=A(c),u=a?`${I}-hint`:void 0,V=t.useRef(W({controlledValue:i,uncontrolledValue:m})),v=t.useMemo(()=>V.current===w.CONTROLLED?{checked:i}:{defaultChecked:m},[m,i]),h=t.useRef(null);t.useImperativeHandle(M,()=>({focus:()=>{var o;(o=h.current)==null||o.focus()}}),[]);const E=t.useMemo(()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{component:"span",children:p}),n&&e.jsxs(e.Fragment,{children:[" ",e.jsxs(g,{color:"textSecondary",component:"span",children:["(",k("fieldlabel.required.text"),")"]})]})]}),[n,p,k]),H=t.useCallback((o,q)=>{r==null||r(o,q)},[r]),L=t.useCallback(o=>{s&&(o.stopPropagation(),o.preventDefault())},[s]),N=t.useCallback(o=>{l==null||l(o)},[l]),z=t.useMemo(()=>({alignItems:"flex-start",...s&&{cursor:"default","& .MuiTypography-root":{cursor:"default"}},...a&&{":not(:last-child)":{marginBlockEnd:"0"}}}),[a,s]),D=t.useMemo(()=>({marginBlockStart:"2px"}),[]),$=t.useMemo(()=>({"aria-describedby":u,"aria-readonly":s,"data-se":x,readOnly:s}),[u,s,x]);return e.jsxs(e.Fragment,{children:[e.jsx(G,{"aria-label":y,"aria-labelledby":C,className:b==="invalid"?"Mui-error":b==="valid"?"Mui-valid":"",control:e.jsx(K,{...v,disabled:d,indeterminate:j,inputProps:$,inputRef:h,onChange:H,onClick:L,required:n,sx:D}),disabled:d,id:c,label:E,name:S??c,onBlur:N,required:n,sx:z,translate:f,value:T}),a&&e.jsx(B,{odysseyDesignTokens:F,children:e.jsx(Q,{id:u,translate:f,children:a})})]})},Y=t.memo(X);Y.displayName="Checkbox";export{Y as M,ne as c};

package/dist/assets/Checkbox.stories-DwmuFw2j.js

@@ -0,0 +1,96 @@
+import{j as Y}from"./jsx-runtime-CnH95YSl.js";import{f as y,w as Z,u as f,e as C}from"./index-BJMTVygn.js";import{r as g}from"./index-NdkWRN8K.js";import{a as $}from"./axeRun-B-LchFqf.js";import{O as ee}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{c as x,M as U}from"./Checkbox-eGdyySzm.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./inputUtils-Dbi8XkA6.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Hint-DTEjQAxl.js";import"./FormHelperText-Ca69g4Je.js";import"./useFormControl-BMISTZuX.js";import"./FormControlLabel-CoGABX1G.js";import"./Stack-t9yXrJ7r.js";import"./createStyled-B0CJenTX.js";import"./useThemeProps-BgDANuN6.js";import"./Checkbox-OauVZWc5.js";import"./SwitchBase-CWdXZnig.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-CrcIXP69.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-Bv_3NNsK.js";const He={component:U,decorators:[ee],tags:["autodocs"],argTypes:{ariaLabel:{control:"text",description:"Aria-label for the checkbox",table:{type:{summary:"string"}}},ariaLabelledBy:{control:"text",description:"Aria-labelledby for the checkbox",table:{type:{summary:"string"}}},id:p.id,isChecked:{control:"boolean",description:"The checkbox checked state",table:{type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the checkbox starts checked",table:{type:{summary:"boolean"}}},isDisabled:p.isDisabled,isIndeterminate:{control:"boolean",description:"If `true`, the checkbox is in an indeterminate state",table:{type:{summary:"boolean"}}},isReadOnly:{control:"boolean",description:"If `true`, the checkbox is read-only",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isRequired:{control:"boolean",description:"If `true`, the checkbox is required",table:{type:{summary:"boolean"}}},label:{control:"text",description:"The label text for the checkbox",table:{type:{summary:"string"}}},hint:{control:"text",description:"The helper text content",table:{type:{summary:"string"}}},name:p.name,onChange:{description:"Callback fired when the checkbox value changes",table:{type:{summary:"func"}}},onBlur:{description:"Callback fired when the blur event happens",table:{type:{summary:"func"}}},validity:{options:x,control:{type:"radio"},description:"The checkbox validity, if different from its enclosing group. Doesn't need to be set if the checkbox isn't a different validity from an enclosing `CheckboxGroup`.",table:{type:{summary:x.join(" | ")},defaultValue:{summary:"inherit"}}},value:{control:"text",description:"The value attribute of the checkbox",table:{type:{summary:"string"}}}},args:{onBlur:y(),onChange:y()}},e=b=>({canvasElement:h,step:m})=>m("check the box",async({args:u})=>{const t=Z(h).getByRole("checkbox");t&&await f.click(t),await f.tab(),await C(t).toBeChecked(),await C(u.onBlur).toHaveBeenCalledTimes(1),await $(b)}),a={args:{label:"Enable warp drive recalibration",isDefaultChecked:!1},play:e("Checkbox Default")},o={parameters:{docs:{description:{story:"Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an `isRequired` boolean that, when set to `true`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."}}},args:{label:"I agree to the terms and conditions",isRequired:!0,isDefaultChecked:!1},play:e("Checkbox Required")},s={args:{label:"Automatically assign Okta Admin Console",isDefaultChecked:!0}},r={parameters:{docs:{description:{story:"Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."}}},args:{label:"Automatically assign Okta Admin Console",isDisabled:!0,isDefaultChecked:!1}},n={parameters:{docs:{description:{story:"In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."}}},args:{label:"Automatically assign Okta Admin Console",isIndeterminate:!0,isDefaultChecked:!0}},i={args:{label:"Automatically assign Okta Admin Console",validity:"invalid",isDefaultChecked:!1},play:e("Checkbox Disabled")},c={args:{label:"Automatically assign Okta Admin Console",isReadOnly:!0,isDefaultChecked:!0},play:e("ReadOnly Checkbox")},l={parameters:{docs:{description:{story:"hint provides helper text to the Checkbox"}}},args:{label:"I agree to the terms and conditions",hint:"Really helpful hint"},play:e("Checkbox Hint")},d={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for managing the state of `Checkbox`. `onChange` should be used to listen for component changes and to update the values in the `value` prop."}}},args:{label:"Automatically assign Okta Admin Console",isChecked:!0},render:function(h){const[m,u]=g.useState(!0),k=g.useCallback((t,X)=>u(X),[]);return Y.jsx(U,{...h,isChecked:m,isDefaultChecked:void 0,onChange:k})}};var v,D,A;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    label: "Enable warp drive recalibration",
+    isDefaultChecked: false
+  },
+  play: checkTheBox("Checkbox Default")
+}`,...(A=(D=a.parameters)==null?void 0:D.docs)==null?void 0:A.source}}};var O,w,I;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Checkboxes are optional by default, and there are few circumstances in which a checkbox is required. Odyssey provides an \`isRequired\` boolean that, when set to \`true\`, makes the checkbox required. Note that when a checkbox is required, it must be checked for the form to submit, so this is only appropriate for checkboxes that must be checked to continue, such as a confirmation."
+      }
+    }
+  },
+  args: {
+    label: "I agree to the terms and conditions",
+    isRequired: true,
+    isDefaultChecked: false
+  },
+  play: checkTheBox("Checkbox Required")
+}`,...(I=(w=o.parameters)==null?void 0:w.docs)==null?void 0:I.source}}};var R,q,T;s.parameters={...s.parameters,docs:{...(R=s.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isDefaultChecked: true
+  }
+}`,...(T=(q=s.parameters)==null?void 0:q.docs)==null?void 0:T.source}}};var B,S,E;r.parameters={...r.parameters,docs:{...(B=r.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted."
+      }
+    }
+  },
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isDisabled: true,
+    isDefaultChecked: false
+  }
+}`,...(E=(S=r.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var H,j,M;n.parameters={...n.parameters,docs:{...(H=n.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual- only and will be submitted as either checked or unchecked depending on the internal state."
+      }
+    }
+  },
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isIndeterminate: true,
+    isDefaultChecked: true
+  }
+}`,...(M=(j=n.parameters)==null?void 0:j.docs)==null?void 0:M.source}}};var N,V,_;i.parameters={...i.parameters,docs:{...(N=i.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    validity: "invalid",
+    isDefaultChecked: false
+  },
+  play: checkTheBox("Checkbox Disabled")
+}`,...(_=(V=i.parameters)==null?void 0:V.docs)==null?void 0:_.source}}};var L,W,z;c.parameters={...c.parameters,docs:{...(L=c.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isReadOnly: true,
+    isDefaultChecked: true
+  },
+  play: checkTheBox("ReadOnly Checkbox")
+}`,...(z=(W=c.parameters)==null?void 0:W.docs)==null?void 0:z.source}}};var G,P,F;l.parameters={...l.parameters,docs:{...(G=l.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "hint provides helper text to the Checkbox"
+      }
+    }
+  },
+  args: {
+    label: "I agree to the terms and conditions",
+    hint: "Really helpful hint"
+  },
+  play: checkTheBox("Checkbox Hint")
+}`,...(F=(P=l.parameters)==null?void 0:P.docs)==null?void 0:F.source}}};var J,K,Q;d.parameters={...d.parameters,docs:{...(J=d.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for managing the state of \`Checkbox\`. \`onChange\` should be used to listen for component changes and to update the values in the \`value\` prop."
+      }
+    }
+  },
+  args: {
+    label: "Automatically assign Okta Admin Console",
+    isChecked: true
+  },
+  render: function C(args) {
+    const [isChecked, setIsChecked] = useState(true);
+    const onChange = useCallback((_event: ChangeEvent<HTMLInputElement>, checked: boolean) => setIsChecked(checked), []);
+    return <Checkbox {...args} isChecked={isChecked} isDefaultChecked={undefined} onChange={onChange} />;
+  }
+}`,...(Q=(K=d.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};const je=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Controlled"];export{s as Checked,d as Controlled,a as Default,r as Disabled,l as Hint,n as Indeterminate,i as Invalid,c as ReadOnly,o as Required,je as __namedExportsOrder,He as default};

package/dist/assets/CheckboxGroup-BQ5GiUey.js

@@ -0,0 +1 @@
+import{r as s,e as o}from"./index-NdkWRN8K.js";import{M as h}from"./Field-BxkyNVQW.js";import{j as p}from"./jsx-runtime-CnH95YSl.js";import{F as j}from"./FormGroup-D2d8E3Cw.js";const y=({ariaDescribedBy:l,children:i,errorMessage:d,errorMessageList:b,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isReadOnly:a=!1,isRequired:C=!1,label:f,testId:m,translate:t})=>{const n=s.useMemo(()=>o.Children.map(i,e=>o.isValidElement(e)?o.cloneElement(e,{isReadOnly:a,isDisabled:r||e.props.isDisabled}):e),[i,a,r]),M=s.useCallback(({ariaDescribedBy:e,errorMessageElementId:k,id:F,labelElementId:g})=>p.jsx(j,{"aria-describedby":e,"aria-errormessage":k,"aria-labelledby":g,"data-se":m,id:F,translate:t,children:n}),[n,m,t]);return p.jsx(h,{ariaDescribedBy:l,errorMessage:d,errorMessageList:b,fieldType:"group",hasVisibleLabel:!0,hint:u,HintLinkComponent:c,id:x,isDisabled:r,isOptional:!C,label:f,renderFieldComponent:M})},E=s.memo(y);E.displayName="CheckboxGroup";export{E as M};

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

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

package/dist/assets/ChevronRight-BLkvXBUf.js

@@ -0,0 +1 @@
+import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-BykOaJq8.js";const i=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,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:"m16.707 12.707-6 6-1.414-1.414L14.586 12 9.293 6.707l1.414-1.414 6 6a1 1 0 0 1 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),l=r.memo(i);l.displayName="ChevronRightIcon";export{l as M};

package/dist/assets/ChevronUp-Br-QC-XK.js

@@ -0,0 +1 @@
+import{r}from"./index-NdkWRN8K.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";import{S as t}from"./OdysseyThemeProvider-BykOaJq8.js";const l=r.forwardRef((e,n)=>o.jsx(t,{fill:"none",ref:n,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:"m13.131 8.717 5.576 5.576-1.414 1.414L12 10.414l-5.293 5.293-1.414-1.414 5.576-5.576a1.6 1.6 0 0 1 2.262 0Z",fill:"currentColor",fillRule:"evenodd"})})})),s=r.memo(l);s.displayName="ChevronUpIcon";export{s as M};

package/dist/assets/Chip-B9WkuA4b.js

@@ -0,0 +1 @@
+import{c as G,_ as J,b as d,d as k,s as m,e as r,f as Q,af as X,ag as l,n as p}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as v}from"./index-NdkWRN8K.js";import{c as Y}from"./createSvgIcon-Bv_3NNsK.js";import{j as x}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./useIsFocusVisible-DH0qxT5e.js";import{B as K}from"./ButtonBase-CrcIXP69.js";const S=Y(x.jsx("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),w=["avatar","className","clickable","color","component","deleteIcon","disabled","icon","label","onClick","onDelete","onKeyDown","onKeyUp","size","variant","tabIndex","skipFocusWhenDisabled"],aa=a=>{const{classes:o,disabled:n,size:c,color:e,iconColor:f,onDelete:u,clickable:t,variant:s}=a,$={root:["root",s,n&&"disabled",`size${r(c)}`,`color${r(e)}`,t&&"clickable",t&&`clickableColor${r(e)}`,u&&"deletable",u&&`deletableColor${r(e)}`,`${s}${r(e)}`],label:["label",`label${r(c)}`],avatar:["avatar",`avatar${r(c)}`,`avatarColor${r(e)}`],icon:["icon",`icon${r(c)}`,`iconColor${r(f)}`],deleteIcon:["deleteIcon",`deleteIcon${r(c)}`,`deleteIconColor${r(e)}`,`deleteIcon${r(s)}Color${r(e)}`]};return Q($,X,o)},oa=m("div",{name:"MuiChip",slot:"Root",overridesResolver:(a,o)=>{const{ownerState:n}=a,{color:c,iconColor:e,clickable:f,onDelete:u,size:t,variant:s}=n;return[{[`& .${l.avatar}`]:o.avatar},{[`& .${l.avatar}`]:o[`avatar${r(t)}`]},{[`& .${l.avatar}`]:o[`avatarColor${r(c)}`]},{[`& .${l.icon}`]:o.icon},{[`& .${l.icon}`]:o[`icon${r(t)}`]},{[`& .${l.icon}`]:o[`iconColor${r(e)}`]},{[`& .${l.deleteIcon}`]:o.deleteIcon},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(t)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIconColor${r(c)}`]},{[`& .${l.deleteIcon}`]:o[`deleteIcon${r(s)}Color${r(c)}`]},o.root,o[`size${r(t)}`],o[`color${r(c)}`],f&&o.clickable,f&&c!=="default"&&o[`clickableColor${r(c)})`],u&&o.deletable,u&&c!=="default"&&o[`deletableColor${r(c)}`],o[s],o[`${s}${r(c)}`]]}})(({theme:a,ownerState:o})=>{const n=a.palette.mode==="light"?a.palette.grey[700]:a.palette.grey[300];return d({maxWidth:"100%",fontFamily:a.typography.fontFamily,fontSize:a.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(a.vars||a).palette.text.primary,backgroundColor:(a.vars||a).palette.action.selected,borderRadius:32/2,whiteSpace:"nowrap",transition:a.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${l.disabled}`]:{opacity:(a.vars||a).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${l.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:a.vars?a.vars.palette.Chip.defaultAvatarColor:n,fontSize:a.typography.pxToRem(12)},[`& .${l.avatarColorPrimary}`]:{color:(a.vars||a).palette.primary.contrastText,backgroundColor:(a.vars||a).palette.primary.dark},[`& .${l.avatarColorSecondary}`]:{color:(a.vars||a).palette.secondary.contrastText,backgroundColor:(a.vars||a).palette.secondary.dark},[`& .${l.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:a.typography.pxToRem(10)},[`& .${l.icon}`]:d({marginLeft:5,marginRight:-6},o.size==="small"&&{fontSize:18,marginLeft:4,marginRight:-4},o.iconColor===o.color&&d({color:a.vars?a.vars.palette.Chip.defaultIconColor:n},o.color!=="default"&&{color:"inherit"})),[`& .${l.deleteIcon}`]:d({WebkitTapHighlightColor:"transparent",color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.26)`:p.alpha(a.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:a.vars?`rgba(${a.vars.palette.text.primaryChannel} / 0.4)`:p.alpha(a.palette.text.primary,.4)}},o.size==="small"&&{fontSize:16,marginRight:4,marginLeft:-4},o.color!=="default"&&{color:a.vars?`rgba(${a.vars.palette[o.color].contrastTextChannel} / 0.7)`:p.alpha(a.palette[o.color].contrastText,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].contrastText}})},o.size==="small"&&{height:24},o.color!=="default"&&{backgroundColor:(a.vars||a).palette[o.color].main,color:(a.vars||a).palette[o.color].contrastText},o.onDelete&&{[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)}},o.onDelete&&o.color!=="default"&&{[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}})},({theme:a,ownerState:o})=>d({},o.clickable&&{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))`:p.alpha(a.palette.action.selected,a.palette.action.selectedOpacity+a.palette.action.focusOpacity)},"&:active":{boxShadow:(a.vars||a).shadows[1]}},o.clickable&&o.color!=="default"&&{[`&:hover, &.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette[o.color].dark}}),({theme:a,ownerState:o})=>d({},o.variant==="outlined"&&{backgroundColor:"transparent",border:a.vars?`1px solid ${a.vars.palette.Chip.defaultBorder}`:`1px solid ${a.palette.mode==="light"?a.palette.grey[400]:a.palette.grey[700]}`,[`&.${l.clickable}:hover`]:{backgroundColor:(a.vars||a).palette.action.hover},[`&.${l.focusVisible}`]:{backgroundColor:(a.vars||a).palette.action.focus},[`& .${l.avatar}`]:{marginLeft:4},[`& .${l.avatarSmall}`]:{marginLeft:2},[`& .${l.icon}`]:{marginLeft:4},[`& .${l.iconSmall}`]:{marginLeft:2},[`& .${l.deleteIcon}`]:{marginRight:5},[`& .${l.deleteIconSmall}`]:{marginRight:3}},o.variant==="outlined"&&o.color!=="default"&&{color:(a.vars||a).palette[o.color].main,border:`1px solid ${a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7)}`,[`&.${l.clickable}:hover`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.hoverOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.hoverOpacity)},[`&.${l.focusVisible}`]:{backgroundColor:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.focusOpacity})`:p.alpha(a.palette[o.color].main,a.palette.action.focusOpacity)},[`& .${l.deleteIcon}`]:{color:a.vars?`rgba(${a.vars.palette[o.color].mainChannel} / 0.7)`:p.alpha(a.palette[o.color].main,.7),"&:hover, &:active":{color:(a.vars||a).palette[o.color].main}}})),la=m("span",{name:"MuiChip",slot:"Label",overridesResolver:(a,o)=>{const{ownerState:n}=a,{size:c}=n;return[o.label,o[`label${r(c)}`]]}})(({ownerState:a})=>d({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap"},a.variant==="outlined"&&{paddingLeft:11,paddingRight:11},a.size==="small"&&{paddingLeft:8,paddingRight:8},a.size==="small"&&a.variant==="outlined"&&{paddingLeft:7,paddingRight:7}));function j(a){return a.key==="Backspace"||a.key==="Delete"}const sa=v.forwardRef(function(o,n){const c=G({props:o,name:"MuiChip"}),{avatar:e,className:f,clickable:u,color:t="default",component:s,deleteIcon:$,disabled:y=!1,icon:C,label:U,onClick:O,onDelete:g,onKeyDown:L,onKeyUp:T,size:W="medium",variant:B="filled",tabIndex:F,skipFocusWhenDisabled:M=!1}=c,_=J(c,w),I=v.useRef(null),A=Z(I,n),E=i=>{i.stopPropagation(),g&&g(i)},H=i=>{i.currentTarget===i.target&&j(i)&&i.preventDefault(),L&&L(i)},h=i=>{i.currentTarget===i.target&&(g&&j(i)?g(i):i.key==="Escape"&&I.current&&I.current.blur()),T&&T(i)},R=u!==!1&&O?!0:u,z=R||g?K:s||"div",D=d({},c,{component:z,disabled:y,size:W,color:t,iconColor:v.isValidElement(C)&&C.props.color||t,onDelete:!!g,clickable:R,variant:B}),b=aa(D),q=z===K?d({component:s||"div",focusVisibleClassName:b.focusVisible},g&&{disableRipple:!0}):{};let N=null;g&&(N=$&&v.isValidElement($)?v.cloneElement($,{className:k($.props.className,b.deleteIcon),onClick:E}):x.jsx(S,{className:k(b.deleteIcon),onClick:E}));let V=null;e&&v.isValidElement(e)&&(V=v.cloneElement(e,{className:k(b.avatar,e.props.className)}));let P=null;return C&&v.isValidElement(C)&&(P=v.cloneElement(C,{className:k(b.icon,C.props.className)})),x.jsxs(oa,d({as:z,className:k(b.root,f),disabled:R&&y?!0:void 0,onClick:O,onKeyDown:H,onKeyUp:h,ref:A,tabIndex:M&&y?-1:F,ownerState:D},q,_,{children:[V||P,x.jsx(la,{className:k(b.label),ownerState:D,children:U}),N]}))});export{sa as C};