@okta/odyssey-contribution-tooling 1.47.1 → 1.49.0

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

@@ -1,79 +0,0 @@
-import{j as r}from"./jsx-runtime-CnH95YSl.js";import{a as L}from"./index-B-lxVbXh.js";import{w as O,e as N}from"./index-BJMTVygn.js";import{O as k}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as o,B as e}from"./Breadcrumbs-C2ZpdmyC.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./Group-B6q-i_C2.js";import"./User-D6db-Gy0.js";import"./MenuItem-B0_vCuIq.js";import"./List-Be7fhh4_.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./Breadcrumbs-6BEAV_iX.js";import"./createSvgIcon-DsUj6UQo.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Home-BiP4Mg1h.js";import"./Menu-CHod3UUY.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";import"./Paper-XsV8SWR9.js";import"./MenuList-CW8ri5AI.js";const xr={component:o,decorators:[k],tags:["autodocs"],argTypes:{children:{control:"object",description:"Multiple Breadcrumb components.",table:{type:{summary:"Breadcrumb"}}},homeHref:{control:"text",description:'URL of the "Home" breadcrumb.',table:{type:{summary:"string"}}},maxVisibleItems:{control:"number",description:"The number of breadcrumbs displayed. Any additional breadcrumbs will be shown in a dropdown menu.",table:{type:{summary:"number"}}}},args:{maxVisibleItems:5}},a={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"Three"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]}),play:async({canvasElement:n,step:y})=>{await y("Breadcrumbs Home Link",({args:H})=>{const S=O(n).getByLabelText("Home");N(S).toHaveAttribute("href",H.homeHref)})}},i={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"This is a very long title that should be truncated"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"This is a very long title with an icon"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]})},c={args:{children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]},render:n=>r.jsx(o,{children:n.children})},s={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",onClick:L("onClick"),children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]})},m={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",children:"Three"})]})};var t,d,h;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{
-  args: {
-    homeHref: "#home"
-  },
-  render: args => <BreadcrumbList {...args}>
-      <Breadcrumb href="#one">One</Breadcrumb>
-      <Breadcrumb href="#two">Two</Breadcrumb>
-      <Breadcrumb href="#three" iconName="user">
-        Three
-      </Breadcrumb>
-      <Breadcrumb href="#four">Four</Breadcrumb>
-      <Breadcrumb href="#five" iconName="group">
-        Five
-      </Breadcrumb>
-      <Breadcrumb href="#six">Six</Breadcrumb>
-      <Breadcrumb href="#seven">Seven</Breadcrumb>
-      <Breadcrumb href="#eight">Eight</Breadcrumb>
-      <Breadcrumb href="#nine">Nine</Breadcrumb>
-      <Breadcrumb href="#ten">Ten</Breadcrumb>
-    </BreadcrumbList>,
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("Breadcrumbs Home Link", ({
-      args
-    }) => {
-      const canvas = within(canvasElement);
-      const box = canvas.getByLabelText("Home");
-      expect(box).toHaveAttribute("href", args.homeHref);
-    });
-  }
-}`,...(h=(d=a.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,b,p;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    homeHref: "#home"
-  },
-  render: args => <BreadcrumbList {...args}>
-      <Breadcrumb href="#one">
-        This is a very long title that should be truncated
-      </Breadcrumb>
-      <Breadcrumb href="#two">Two</Breadcrumb>
-      <Breadcrumb href="#three" iconName="user">
-        This is a very long title with an icon
-      </Breadcrumb>
-      <Breadcrumb href="#four">Four</Breadcrumb>
-      <Breadcrumb href="#five" iconName="group">
-        Five
-      </Breadcrumb>
-      <Breadcrumb href="#six">Six</Breadcrumb>
-      <Breadcrumb href="#seven">Seven</Breadcrumb>
-      <Breadcrumb href="#eight">Eight</Breadcrumb>
-      <Breadcrumb href="#nine">Nine</Breadcrumb>
-      <Breadcrumb href="#ten">Ten</Breadcrumb>
-    </BreadcrumbList>
-}`,...(p=(b=i.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var f,l,B;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    children: [<Breadcrumb href="#one">One</Breadcrumb>, <Breadcrumb href="#two">Two</Breadcrumb>]
-  },
-  render: (args: BreadcrumbsProps) => <BreadcrumbList>{args.children}</BreadcrumbList>
-}`,...(B=(l=c.parameters)==null?void 0:l.docs)==null?void 0:B.source}}};var x,g,j;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    homeHref: "#home"
-  },
-  render: args => <BreadcrumbList {...args}>
-      <Breadcrumb href="#one" onClick={action("onClick")}>
-        One
-      </Breadcrumb>
-      <Breadcrumb href="#two">Two</Breadcrumb>
-    </BreadcrumbList>
-}`,...(j=(g=s.parameters)==null?void 0:g.docs)==null?void 0:j.source}}};var w,T,v;m.parameters={...m.parameters,docs:{...(w=m.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  args: {
-    homeHref: "#home"
-  },
-  render: args => <BreadcrumbList {...args}>
-      <Breadcrumb>One</Breadcrumb>
-      <Breadcrumb href="#two">Two</Breadcrumb>
-      <Breadcrumb href="#three">Three</Breadcrumb>
-    </BreadcrumbList>
-}`,...(v=(T=m.parameters)==null?void 0:T.docs)==null?void 0:v.source}}};const gr=["Default","Truncation","Simple","WithOnClick","Subordinate"];export{a as Default,c as Simple,m as Subordinate,i as Truncation,s as WithOnClick,gr as __namedExportsOrder,xr as default};

package/dist/assets/Button-B6KDXfay.js

@@ -1,41 +0,0 @@
-import{r as t}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{T as q}from"./Tooltip-D4AWrTBw.js";import{B as G}from"./Button-CdPi1pZc.js";/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const d=t.createContext({}),H=()=>t.useContext(d);/*!
- * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const I=t.forwardRef(({children:o,...n},s)=>{const a=t.useMemo(()=>({...n,ref:s}),[n,s]);return r.jsx(d.Provider,{value:a,children:o})}),k=t.memo(I);k.displayName="MuiPropsChild";const J=({ariaType:o,children:n,placement:s="top",testId:a,text:i,translate:c})=>r.jsx(q,{"data-se":a,describeChild:o==="description",placement:s,title:i,translate:c,children:r.jsx(k,{children:n})}),w=t.memo(J);w.displayName="Tooltip";/*!
- * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const K=t.createContext({isFullWidth:!1}),O=()=>t.useContext(K),L=["primary","secondary","danger","dangerSecondary","floating","floatingAction"],Q=({ariaControls:o,ariaDescribedBy:n,ariaExpanded:s,ariaHasPopup:a,ariaLabel:i,ariaLabelledBy:c,buttonRef:E,children:m,endIcon:p,href:x,id:f,isDisabled:h,isFullWidth:B,label:C="",onClick:M,size:y="medium",startIcon:j,tabIndex:b,testId:v,tooltipText:T,translate:W,type:g="button",variant:z})=>{const S=H(),F=z==="tertiary"?"secondary":z,N=t.useRef(null),l=O(),R=t.useMemo(()=>l.isFullWidth?l.isFullWidth:B,[l,B]);t.useImperativeHandle(E,()=>({focus:()=>{var e;(e=N.current)==null||e.focus()}}),[]);const V=t.useCallback(e=>r.jsx(G,{...e,"aria-controls":o,"aria-describedby":n,"aria-expanded":s,"aria-haspopup":a,"aria-label":i,"aria-labelledby":c,"data-se":v,disabled:h,endIcon:p,fullWidth:R,href:x,id:f,onClick:M,ref:u=>{var $;u&&(N.current=u,($=e==null?void 0:e.ref)==null||$.call(e,u))},size:y,startIcon:j,tabIndex:b,translate:W,type:g,variant:F,children:m??C}),[o,n,s,a,i,c,p,x,f,h,R,C,m,M,y,j,b,v,W,g,F]);return T?r.jsx(w,{ariaType:"description",placement:"top",text:T,children:r.jsx(d.Consumer,{children:V})}):V(S)},A=t.memo(Q);A.displayName="BaseButton";/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const U=o=>r.jsx(A,{...o}),X=t.memo(U);X.displayName="Button";export{X as M,L as b};

package/dist/assets/ButtonBase-BAQsCgRq.js

@@ -1,74 +0,0 @@
-import{b as A,_ as ee,e as E,V as Ie,c as me,d as te,aj as ne,g as $e,aH as _e,aI as Ue}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as a,e as H}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,T as ce,u as W}from"./TransitionGroupContext-DLI0IzWy.js";function Ae(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function oe(e,s){var r=function(t){return s&&a.isValidElement(t)?s(t):t},l=Object.create(null);return e&&a.Children.map(e,function(n){return n}).forEach(function(n){l[n.key]=r(n)}),l}function Xe(e,s){e=e||{},s=s||{};function r(f){return f in s?s[f]:e[f]}var l=Object.create(null),n=[];for(var t in e)t in s?n.length&&(l[t]=n,n=[]):n.push(t);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(e,s,r){return r[s]!=null?r[s]:e.props[s]}function Ye(e,s){return oe(e.children,function(r){return a.cloneElement(r,{onExited:s.bind(null,r),in:!0,appear:F(r,"appear",e),enter:F(r,"enter",e),exit:F(r,"exit",e)})})}function He(e,s,r){var l=oe(e.children),n=Xe(s,l);return Object.keys(n).forEach(function(t){var o=n[t];if(a.isValidElement(o)){var c=t in s,u=t in l,p=s[t],f=a.isValidElement(p)&&!p.props.in;u&&(!c||f)?n[t]=a.cloneElement(o,{onExited:r.bind(null,o),in:!0,exit:F(o,"exit",e),enter:F(o,"enter",e)}):!u&&c&&!f?n[t]=a.cloneElement(o,{in:!1}):u&&c&&a.isValidElement(p)&&(n[t]=a.cloneElement(o,{onExited:r.bind(null,o),in:p.props.in,exit:F(o,"exit",e),enter:F(o,"enter",e)}))}}),n}var We=Object.values||function(e){return Object.keys(e).map(function(s){return e[s]})},Ge={component:"div",childFactory:function(s){return s}},ie=function(e){Ke(s,e);function s(l,n){var t;t=e.call(this,l,n)||this;var o=t.handleExited.bind(Ae(t));return t.state={contextValue:{isMounting:!0},handleExited:o,firstRender:!0},t}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,t){var o=t.children,c=t.handleExited,u=t.firstRender;return{children:u?Ye(n,c):He(n,o,c),firstRender:!1}},r.handleExited=function(n,t){var o=oe(this.props.children);n.key in o||(n.props.onExited&&n.props.onExited(t),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,t=n.component,o=n.childFactory,c=ee(n,["component","childFactory"]),u=this.state.contextValue,p=We(this.state.children).map(o);return delete c.appear,delete c.enter,delete c.exit,t===null?H.createElement(ce.Provider,{value:u},p):H.createElement(ce.Provider,{value:u},H.createElement(t,c,p))},s}(H.Component);ie.propTypes={};ie.defaultProps=Ge;function qe(e){const{className:s,classes:r,pulsate:l=!1,rippleX:n,rippleY:t,rippleSize:o,in:c,onExited:u,timeout:p}=e,[f,g]=a.useState(!1),b=E(s,r.ripple,r.rippleVisible,l&&r.ripplePulsate),C={width:o,height:o,top:-(o/2)+t,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=Ie("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),Je=["center","classes","className"];let G=e=>e,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:e})=>e.transitions.easing.easeInOut,m.ripplePulsate,({theme:e})=>e.transitions.duration.shorter,m.child,m.childLeaving,et,Z,({theme:e})=>e.transitions.easing.easeInOut,m.childPulsate,tt,({theme:e})=>e.transitions.easing.easeInOut),it=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiTouchRipple"}),{center:n=!1,classes:t={},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:L,rippleSize:$,cb:z}=d;p(y=>[...y,N.jsx(ot,{classes:{ripple:E(t.ripple,m.ripple),rippleVisible:E(t.rippleVisible,m.rippleVisible),ripplePulsate:E(t.ripplePulsate,m.ripplePulsate),child:E(t.child,m.child),childLeaving:E(t.childLeaving,m.childLeaving),childPulsate:E(t.childPulsate,m.childPulsate)},timeout:Z,pulsate:M,rippleX:x,rippleY:L,rippleSize:$},f.current)]),f.current+=1,g.current=z},[t]),j=a.useCallback((d={},M={},x=()=>{})=>{const{pulsate:L=!1,center:$=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,w,B;if($||d===void 0||d.clientX===0&&d.clientY===0||!d.clientX&&!d.touches)v=Math.round(D.width/2),w=Math.round(D.height/2);else{const{clientX:S,clientY:V}=d.touches&&d.touches.length>0?d.touches[0]:d;v=Math.round(S-D.left),w=Math.round(V-D.top)}if($)B=Math.sqrt((2*D.width**2+D.height**2)/3),B%2===0&&(B+=1);else{const S=Math.max(Math.abs((y?y.clientWidth:0)-v),v)*2+2,V=Math.max(Math.abs((y?y.clientHeight:0)-w),w)*2+2;B=Math.sqrt(S**2+V**2)}d!=null&&d.touches?h.current===null&&(h.current=()=>{_({pulsate:L,rippleX:v,rippleY:w,rippleSize:B,cb:x})},C.start(Qe,()=>{h.current&&(h.current(),h.current=null)})):_({pulsate:L,rippleX:v,rippleY:w,rippleSize:B,cb:x})},[n,_,C]),U=a.useCallback(()=>{j({},{pulsate:!0})},[j]),I=a.useCallback((d,M)=>{if(C.clear(),(d==null?void 0:d.type)==="touchend"&&h.current){h.current(),h.current=null,C.start(0,()=>{I(d,M)});return}h.current=null,p(x=>x.length>0?x.slice(1):x),g.current=M},[C]);return a.useImperativeHandle(r,()=>({pulsate:U,start:j,stop:I}),[U,j,I]),N.jsx(nt,A({className:E(m.root,t.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=e=>{const{disabled:s,focusVisible:r,focusVisibleClassName:l,classes:n}=e,o=$e({root:["root",s&&"disabled",r&&"focusVisible"]},_e,n);return r&&l&&(o.root+=` ${l}`),o},at=te("button",{name:"MuiButtonBase",slot:"Root",overridesResolver:(e,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"}}),ht=a.forwardRef(function(s,r){const l=me({props:s,name:"MuiButtonBase"}),{action:n,centerRipple:t=!1,children:o,className:c,component:u="button",disabled:p=!1,disableRipple:f=!1,disableTouchRipple:g=!1,focusRipple:b=!1,LinkComponent:C="a",onBlur:h,onClick:R,onContextMenu:_,onDragLeave:j,onFocus:U,onFocusVisible:I,onKeyDown:d,onKeyUp:M,onMouseDown:x,onMouseLeave:L,onMouseUp:$,onTouchEnd:z,onTouchMove:y,onTouchStart:D,tabIndex:v=0,TouchRippleProps:w,touchRippleRef:B,type:S}=l,V=ee(l,st),O=a.useRef(null),T=a.useRef(null),be=ue(T,B),{isFocusVisibleRef:se,onFocus:ge,onBlur:Re,ref:Me}=Oe(),[k,X]=a.useState(!1);p&&k&&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(()=>{k&&b&&!f&&q&&T.current.pulsate()},[f,b,k,q]);function P(i,ae,je=g){return W(le=>(ae&&ae(le),!je&&T.current&&T.current[i](le),!0))}const Te=P("start",x),Ee=P("stop",_),Ce=P("stop",j),ve=P("stop",$),Ve=P("stop",i=>{k&&i.preventDefault(),L&&L(i)}),Pe=P("start",D),De=P("stop",z),we=P("stop",y),Be=P("stop",i=>{Re(i),se.current===!1&&X(!1),h&&h(i)},!1),Le=W(i=>{O.current||(O.current=i.currentTarget),ge(i),se.current===!0&&(X(!0),I&&I(i)),U&&U(i)}),J=()=>{const i=O.current;return u&&u!=="button"&&!(i.tagName==="A"&&i.href)},Q=a.useRef(!1),Se=W(i=>{b&&!Q.current&&k&&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))}),ke=W(i=>{b&&i.key===" "&&T.current&&k&&!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=S===void 0?"button":S,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:t,component:u,disabled:p,disableRipple:f,disableTouchRipple:g,focusRipple:b,tabIndex:v,focusVisible:k}),Ne=rt(re);return N.jsxs(at,A({as:Y,className:E(Ne.root,c),ownerState:re,onBlur:Be,onClick:R,onContextMenu:Ee,onFocus:Le,onKeyDown:Se,onKeyUp:ke,onMouseDown:Te,onMouseLeave:Ve,onMouseUp:ve,onDragLeave:Ce,onTouchEnd:De,onTouchMove:we,onTouchStart:Pe,ref:Fe,tabIndex:p?-1:v,type:S},K,V,{children:[o,ye?N.jsx(it,A({ref:be,center:t},w)):null]}))});export{ht as B,ie as T,Ae as _};

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

@@ -1,105 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{e as H}from"./index-BJMTVygn.js";import{O as z}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{c as p,a as d,M as F}from"./Callout-DyDdgWdc.js";import{q as G}from"./queryOdysseySelector-CwauhQve.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Link-DI6v1ROk.js";import"./Link-BnBknBcu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-Yf1Zkad_.js";import"./ExternalLink-BZ-Yczsk.js";import"./Typography-DfSdXC7o.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AlertTitle-BbBpDTwd.js";import"./useSlot-CaOQD_17.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./IconButton-OY9nJWpv.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./Paper-XsV8SWR9.js";import"./Box-CWTB5xfE.js";import"./test-utils-H9lH7T5D.js";import"./index-DieBXP3Z.js";import"./index-B5xazMy1.js";import"./client-ByW5HbEz.js";const Ae={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 Ve=["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,Ve as __namedExportsOrder,Ae as default};

package/dist/assets/Card-2fiTHibU.js

@@ -1,8 +0,0 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-BsDcV5Kh.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-BqmbiZ7T.js";import{T as i}from"./Card.stories-B_l3D6T0.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-BprB3Yzd.js";import"./iframe-CXLAql3E.js";import"./DocsRenderer-CFRXHY34-IKzmQUB4.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-BBwjgzn2.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Card-CaY-V3Lt.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-CdPi1pZc.js";import"./ButtonBase-BAQsCgRq.js";import"./MenuButton-Dr4RJoKG.js";import"./BaseMenuButton-pigMBOEp.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./MenuContext-DKMyPMNY.js";import"./More-D1qrtSvt.js";import"./Menu-CHod3UUY.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";import"./Paper-XsV8SWR9.js";import"./MenuList-CW8ri5AI.js";import"./List-Be7fhh4_.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./Skeleton-dfR0DjWP.js";import"./colorManipulator-CjGkpVfF.js";import"./CardActions-X5bUcMdJ.js";import"./CardActionArea-BTMPt80M.js";import"./Checkbox-BCh8HZ37.js";import"./inputUtils-Dbi8XkA6.js";import"./FormControlLabel-BKhSSavj.js";import"./useFormControl-BMISTZuX.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Checkbox-BVTNXOF7.js";import"./SwitchBase-D-uzeIbM.js";import"./createSvgIcon-DsUj6UQo.js";import"./FormHelperText-qF3DX-zz.js";import"./IconButton-OY9nJWpv.js";import"./ChevronUp-DBzjQ0Vq.js";import"./MenuItem-n-UKDxiu.js";import"./MenuItem-B0_vCuIq.js";import"./Button-DGmXZ3jw.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 zo(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{zo as default};

package/dist/assets/Card-CaY-V3Lt.js

@@ -1 +0,0 @@
-import{u as O,J as z,s,O as P}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as m}from"./index-NdkWRN8K.js";import{B as _}from"./BaseButton-COF38VLB.js";import{M as T}from"./MenuButton-Dr4RJoKG.js";import{M as V}from"./More-D1qrtSvt.js";import{d as w,M as y,a as B}from"./Typography-DfSdXC7o.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{S as c,s as g}from"./Skeleton-dfR0DjWP.js";import{C as I,c as R}from"./CardActions-X5bUcMdJ.js";import{C as W,a as H}from"./CardActionArea-BTMPt80M.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/CardActions-X5bUcMdJ.js

@@ -1 +0,0 @@
-import{V as d,U as p,c as u,_ as g,b as e,d as m,e as C,g as f}from"./OdysseyThemeProvider-BBwjgzn2.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=m("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=g(a,y),n=e({},a,{disableSpacing:r}),l=S(n);return A.jsx(R,e({className:C(l.root,i),ownerState:n,ref:o},c))});export{v as C,_ as c};

package/dist/assets/Checkbox-BCh8HZ37.js

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

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

@@ -1,96 +0,0 @@
-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-BRjYVaUu.js";import{f as p}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{c as x,M as U}from"./Checkbox-BCh8HZ37.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./inputUtils-Dbi8XkA6.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./FormControlLabel-BKhSSavj.js";import"./useFormControl-BMISTZuX.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Checkbox-BVTNXOF7.js";import"./SwitchBase-D-uzeIbM.js";import"./useControlled-NQulfz4l.js";import"./ButtonBase-BAQsCgRq.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./createSvgIcon-DsUj6UQo.js";import"./FormHelperText-qF3DX-zz.js";const Be={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}},n={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}},r={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;n.parameters={...n.parameters,docs:{...(B=n.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=n.parameters)==null?void 0:S.docs)==null?void 0:E.source}}};var H,j,M;r.parameters={...r.parameters,docs:{...(H=r.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=r.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 Se=["Default","Required","Checked","Disabled","Indeterminate","Invalid","ReadOnly","Hint","Controlled"];export{s as Checked,d as Controlled,a as Default,n as Disabled,l as Hint,r as Indeterminate,i as Invalid,c as ReadOnly,o as Required,Se as __namedExportsOrder,Be as default};

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

@@ -1,81 +0,0 @@
-import{j as r}from"./jsx-runtime-CnH95YSl.js";import{O as z}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{f as s}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as h}from"./CheckboxGroup-D-ykWUnV.js";import{M as o}from"./Checkbox-BCh8HZ37.js";import{M as W}from"./Link-DI6v1ROk.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Field-lyECanzU.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./List-Be7fhh4_.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./ScreenReaderText-CM78bF1y.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-qF3DX-zz.js";import"./FieldHint-C3tXb7u4.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./FormGroup-Cuk9jkbL.js";import"./inputUtils-Dbi8XkA6.js";import"./FormControlLabel-BKhSSavj.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Checkbox-BVTNXOF7.js";import"./SwitchBase-D-uzeIbM.js";import"./useControlled-NQulfz4l.js";import"./createSvgIcon-DsUj6UQo.js";import"./Link-BnBknBcu.js";import"./ExternalLink-BZ-Yczsk.js";const we={component:h,decorators:[z],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"}}}},a={args:{},render:e=>r.jsxs(h,{errorMessage:e.errorMessage,errorMessageList:e.errorMessageList,hint:e.hint,HintLinkComponent:e.HintLinkComponent,isDisabled:e.isDisabled,isReadOnly:e.isReadOnly,isRequired:e.isRequired,label:"Systems check",children:[r.jsx(o,{label:"Life support",name:"life-support",value:"life-support"}),r.jsx(o,{label:"Warp core containment",name:"warp-core",value:"warp-core"}),r.jsx(o,{label:"Cetacean ops",name:"cetacean-ops",value:"cetacean-ops"})]}),parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}}},t={...a},i={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isDisabled:!0}},n={...a,parameters:{controls:{exclude:["isDefaultChecked","isIndeterminate"]}},args:{isReadOnly:!0}},c={...a,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={...a,args:{isRequired:!0,errorMessage:"System check is required",errorMessageList:["Select at least one item","Select no more than 3 items"]}},p={...a,args:{hint:"Select 1 or more systems to check before initiating warp."}},d={...a,args:{hint:"Select 1 or more systems to check before initiating warp.",HintLinkComponent:r.jsx(W,{href:"/learn-more",children:"Learn more"})}},m={...a,args:{isRequired:!0}},u={render:e=>r.jsxs(h,{errorMessage:e.errorMessage,hint:e.hint,isDisabled:e.isDisabled,isRequired:e.isRequired,label:"Who will you invite to your birthday?",children:[r.jsx(o,{label:"Alfred",name:"alfred",validity:"valid",value:"alfred"}),r.jsx(o,{isDefaultChecked:!0,label:"Barbara Gordon",name:"barbara-gordon",value:"barbara-gordon"}),r.jsx(o,{label:"Hal Jordan",name:"hal-jordan",validity:"valid",value:"hal-jordan"}),r.jsx(o,{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 b,k,g;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  ...GroupTemplate
-}`,...(g=(k=t.parameters)==null?void 0:k.docs)==null?void 0:g.source}}};var f,y,x;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isDisabled: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(x=(y=i.parameters)==null?void 0:y.docs)==null?void 0:x.source}}};var v,C,M;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  parameters: {
-    controls: {
-      exclude: ["isDefaultChecked", "isIndeterminate"]
-    }
-  },
-  args: {
-    isReadOnly: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(M=(C=n.parameters)==null?void 0:C.docs)==null?void 0:M.source}}};var D,R,T;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
-}`,...(T=(R=c.parameters)==null?void 0:R.docs)==null?void 0:T.source}}};var G,S,L;l.parameters={...l.parameters,docs:{...(G=l.parameters)==null?void 0:G.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
-}`,...(L=(S=l.parameters)==null?void 0:S.docs)==null?void 0:L.source}}};var j,q,I;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    hint: "Select 1 or more systems to check before initiating warp."
-  } as CheckboxGroupProps // This is a hack
-}`,...(I=(q=p.parameters)==null?void 0:q.docs)==null?void 0:I.source}}};var w,E,H;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.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
-}`,...(H=(E=d.parameters)==null?void 0:E.docs)==null?void 0:H.source}}};var O,P,A;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  ...GroupTemplate,
-  args: {
-    isRequired: true
-  } as CheckboxGroupProps // This is a hack
-}`,...(A=(P=m.parameters)==null?void 0:P.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:`{
-  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
-}`,...(V=(J=u.parameters)==null?void 0:J.docs)==null?void 0:V.source}}};const Ee=["Group","Disabled","ReadOnly","Error","ErrorsList","Hint","HintLink","Required","MixedError"];export{i as Disabled,c as Error,l as ErrorsList,t as Group,p as Hint,d as HintLink,u as MixedError,n as ReadOnly,m as Required,Ee as __namedExportsOrder,we as default};

package/dist/assets/Chip-DXaMeATb.js

@@ -1 +0,0 @@
-import{c as G,_ as J,b as d,e as k,d as m,f as r,g as Q,ag as X,ah as l,p}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as v}from"./index-NdkWRN8K.js";import{c as Y}from"./createSvgIcon-DsUj6UQo.js";import{j as x}from"./jsx-runtime-CnH95YSl.js";import{u as Z}from"./useIsFocusVisible-DH0qxT5e.js";import{B as K}from"./ButtonBase-BAQsCgRq.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:g,clickable:t,variant:s}=a,$={root:["root",s,n&&"disabled",`size${r(c)}`,`color${r(e)}`,t&&"clickable",t&&`clickableColor${r(e)}`,g&&"deletable",g&&`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:g,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)})`],g&&o.deletable,g&&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:g,color:t="default",component:s,deleteIcon:$,disabled:y=!1,icon:C,label:U,onClick:O,onDelete:u,onKeyDown:L,onKeyUp:T,size:W="medium",variant:B="filled",tabIndex:F,skipFocusWhenDisabled:M=!1}=c,_=J(c,w),I=v.useRef(null),h=Z(I,n),E=i=>{i.stopPropagation(),u&&u(i)},A=i=>{i.currentTarget===i.target&&j(i)&&i.preventDefault(),L&&L(i)},H=i=>{i.currentTarget===i.target&&(u&&j(i)?u(i):i.key==="Escape"&&I.current&&I.current.blur()),T&&T(i)},R=g!==!1&&O?!0:g,z=R||u?K:s||"div",D=d({},c,{component:z,disabled:y,size:W,color:t,iconColor:v.isValidElement(C)&&C.props.color||t,onDelete:!!u,clickable:R,variant:B}),b=aa(D),q=z===K?d({component:s||"div",focusVisibleClassName:b.focusVisible},u&&{disableRipple:!0}):{};let N=null;u&&(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:A,onKeyUp:H,ref:h,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};