@okta/odyssey-contribution-tooling 1.47.1 → 1.49.0

package/dist/assets/TabPanel-XF64c5rR.js

@@ -1 +0,0 @@
-import{_ as p,b as c,U as C,V as g,d as y,e as w,g as E}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as o}from"./index-NdkWRN8K.js";import{j as d}from"./jsx-runtime-CnH95YSl.js";import{a as M}from"./Tabs-DzeBYjfY.js";import{u as j}from"./useThemeProps-Bfa1XAV-.js";const x=o.createContext(null);function R(){const[e,t]=o.useState(null);return o.useEffect(()=>{t(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),e}function k(e){const{children:t,value:n}=e,s=R(),i=o.useMemo(()=>({idPrefix:s,value:n}),[s,n]);return d.jsx(x.Provider,{value:i,children:t})}function m(){return o.useContext(x)}function b(e,t){const{idPrefix:n}=e;return n===null?null:`${e.idPrefix}-P-${t}`}function T(e,t){const{idPrefix:n}=e;return n===null?null:`${e.idPrefix}-T-${t}`}const U=["children"],z=o.forwardRef(function(t,n){const{children:s}=t,i=p(t,U),r=m();if(r===null)throw new TypeError("No TabContext provided");const a=o.Children.map(s,l=>o.isValidElement(l)?o.cloneElement(l,{"aria-controls":b(r,l.props.value),id:T(r,l.props.value)}):null);return d.jsx(M,c({},i,{ref:n,value:r.value,children:a}))});function $(e){return C("MuiTabPanel",e)}g("MuiTabPanel",["root"]);const N=["children","className","value"],_=e=>{const{classes:t}=e;return E({root:["root"]},$,t)},I=y("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({padding:e.spacing(3)})),A=o.forwardRef(function(t,n){const s=j({props:t,name:"MuiTabPanel"}),{children:i,className:r,value:a}=s,l=p(s,N),f=c({},s),P=_(f),u=m();if(u===null)throw new TypeError("No TabContext provided");const v=b(u,a),h=T(u,a);return d.jsx(I,c({"aria-labelledby":h,className:w(P.root,r),hidden:a!==u.value,id:v,ref:n,role:"tabpanel",ownerState:f},l,{children:a===u.value&&i}))});export{k as T,z as a,A as b};

package/dist/assets/Tabs-DzeBYjfY.js

@@ -1 +0,0 @@
-import{V as bt,U as pt,c as ht,_ as rt,b as f,e as N,d as j,f as Pt,g as vt,a as Zt,z as Lt}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as d}from"./index-NdkWRN8K.js";import{j as v}from"./jsx-runtime-CnH95YSl.js";import{B as Nt}from"./ButtonBase-BAQsCgRq.js";import{u as te}from"./utils-DkZjDCLm.js";import{d as kt}from"./debounce-Be36O1Ab.js";import{o as Ft}from"./ownerWindow-HkKU3E4x.js";import{c as At}from"./createSvgIcon-DsUj6UQo.js";import{u as lt}from"./Portal-GAJY6Au9.js";import{u as ut}from"./TransitionGroupContext-DLI0IzWy.js";import{o as ee}from"./ownerDocument-DW-IO8s5.js";let U;function $t(){if(U)return U;const t=document.createElement("div"),e=document.createElement("div");return e.style.width="10px",e.style.height="1px",t.appendChild(e),t.dir="rtl",t.style.fontSize="14px",t.style.width="4px",t.style.height="1px",t.style.position="absolute",t.style.top="-1000px",t.style.overflow="scroll",document.body.appendChild(t),U="reverse",t.scrollLeft>0?U="default":(t.scrollLeft=1,t.scrollLeft===0&&(U="negative")),document.body.removeChild(t),U}function oe(t,e){const r=t.scrollLeft;if(e!=="rtl")return r;switch($t()){case"negative":return t.scrollWidth-t.clientWidth+r;case"reverse":return t.scrollWidth-t.clientWidth-r;default:return r}}function le(t){return pt("MuiTab",t)}const L=bt("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper"]),re=["className","disabled","disableFocusRipple","fullWidth","icon","iconPosition","indicator","label","onChange","onClick","onFocus","selected","selectionFollowsFocus","textColor","value","wrapped"],ne=t=>{const{classes:e,textColor:r,fullWidth:i,wrapped:s,icon:c,label:h,selected:p,disabled:u}=t,x={root:["root",c&&h&&"labelIcon",`textColor${Pt(r)}`,i&&"fullWidth",s&&"wrapped",p&&"selected",u&&"disabled"],iconWrapper:["iconWrapper"]};return vt(x,le,e)},se=j(Nt,{name:"MuiTab",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.root,r.label&&r.icon&&e.labelIcon,e[`textColor${Pt(r.textColor)}`],r.fullWidth&&e.fullWidth,r.wrapped&&e.wrapped,{[`& .${L.iconWrapper}`]:e.iconWrapper}]}})(({theme:t,ownerState:e})=>f({},t.typography.button,{maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center"},e.label&&{flexDirection:e.iconPosition==="top"||e.iconPosition==="bottom"?"column":"row"},{lineHeight:1.25},e.icon&&e.label&&{minHeight:72,paddingTop:9,paddingBottom:9,[`& > .${L.iconWrapper}`]:f({},e.iconPosition==="top"&&{marginBottom:6},e.iconPosition==="bottom"&&{marginTop:6},e.iconPosition==="start"&&{marginRight:t.spacing(1)},e.iconPosition==="end"&&{marginLeft:t.spacing(1)})},e.textColor==="inherit"&&{color:"inherit",opacity:.6,[`&.${L.selected}`]:{opacity:1},[`&.${L.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}},e.textColor==="primary"&&{color:(t.vars||t).palette.text.secondary,[`&.${L.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${L.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.textColor==="secondary"&&{color:(t.vars||t).palette.text.secondary,[`&.${L.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${L.disabled}`]:{color:(t.vars||t).palette.text.disabled}},e.fullWidth&&{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"},e.wrapped&&{fontSize:t.typography.pxToRem(12)})),Oe=d.forwardRef(function(e,r){const i=ht({props:e,name:"MuiTab"}),{className:s,disabled:c=!1,disableFocusRipple:h=!1,fullWidth:p,icon:u,iconPosition:x="top",indicator:C,label:y,onChange:m,onClick:w,onFocus:k,selected:I,selectionFollowsFocus:g,textColor:H="inherit",value:M,wrapped:nt=!1}=i,D=rt(i,re),Y=f({},i,{disabled:c,disableFocusRipple:h,selected:I,icon:!!u,iconPosition:x,label:!!y,fullWidth:p,textColor:H,wrapped:nt}),X=ne(Y),F=u&&y&&d.isValidElement(u)?d.cloneElement(u,{className:N(X.iconWrapper,u.props.className)}):u,J=R=>{!I&&m&&m(R,M),w&&w(R)},_=R=>{g&&!I&&m&&m(R,M),k&&k(R)};return v.jsxs(se,f({focusRipple:!h,className:N(X.root,s),ref:r,role:"tab","aria-selected":I,disabled:c,onClick:J,onFocus:_,ownerState:Y,tabIndex:I?0:-1},D,{children:[x==="top"||x==="start"?v.jsxs(d.Fragment,{children:[F,y]}):v.jsxs(d.Fragment,{children:[y,F]}),C]}))}),ie=At(v.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),ae=At(v.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function ce(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function de(t,e,r,i={},s=()=>{}){const{ease:c=ce,duration:h=300}=i;let p=null;const u=e[t];let x=!1;const C=()=>{x=!0},y=m=>{if(x){s(new Error("Animation cancelled"));return}p===null&&(p=m);const w=Math.min(1,(m-p)/h);if(e[t]=c(w)*(r-u)+u,w>=1){requestAnimationFrame(()=>{s(null)});return}requestAnimationFrame(y)};return u===r?(s(new Error("Element already at target position")),C):(requestAnimationFrame(y),C)}const ue=["onChange"],fe={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function be(t){const{onChange:e}=t,r=rt(t,ue),i=d.useRef(),s=d.useRef(null),c=()=>{i.current=s.current.offsetHeight-s.current.clientHeight};return Zt(()=>{const h=kt(()=>{const u=i.current;c(),u!==i.current&&e(i.current)}),p=Ft(s.current);return p.addEventListener("resize",h),()=>{h.clear(),p.removeEventListener("resize",h)}},[e]),d.useEffect(()=>{c(),e(i.current)},[e]),v.jsx("div",f({style:fe},r,{ref:s}))}function pe(t){return pt("MuiTabScrollButton",t)}const he=bt("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),ve=["className","slots","slotProps","direction","orientation","disabled"],me=t=>{const{classes:e,orientation:r,disabled:i}=t;return vt({root:["root",r,i&&"disabled"]},pe,e)},Se=j(Nt,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.root,r.orientation&&e[r.orientation]]}})(({ownerState:t})=>f({width:40,flexShrink:0,opacity:.8,[`&.${he.disabled}`]:{opacity:0}},t.orientation==="vertical"&&{width:"100%",height:40,"& svg":{transform:`rotate(${t.isRtl?-90:90}deg)`}})),xe=d.forwardRef(function(e,r){var i,s;const c=ht({props:e,name:"MuiTabScrollButton"}),{className:h,slots:p={},slotProps:u={},direction:x}=c,C=rt(c,ve),y=Lt(),m=f({isRtl:y},c),w=me(m),k=(i=p.StartScrollButtonIcon)!=null?i:ie,I=(s=p.EndScrollButtonIcon)!=null?s:ae,g=lt({elementType:k,externalSlotProps:u.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m}),H=lt({elementType:I,externalSlotProps:u.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:m});return v.jsx(Se,f({component:"div",className:N(w.root,h),ref:r,role:null,ownerState:m,tabIndex:null},C,{children:x==="left"?v.jsx(k,f({},g)):v.jsx(I,f({},H))}))});function ge(t){return pt("MuiTabs",t)}const ft=bt("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),ye=["aria-label","aria-labelledby","action","centered","children","className","component","allowScrollButtonsMobile","indicatorColor","onChange","orientation","ScrollButtonComponent","scrollButtons","selectionFollowsFocus","slots","slotProps","TabIndicatorProps","TabScrollButtonProps","textColor","value","variant","visibleScrollbar"],Rt=(t,e)=>t===e?t.firstChild:e&&e.nextElementSibling?e.nextElementSibling:t.firstChild,zt=(t,e)=>t===e?t.lastChild:e&&e.previousElementSibling?e.previousElementSibling:t.lastChild,ot=(t,e,r)=>{let i=!1,s=r(t,e);for(;s;){if(s===t.firstChild){if(i)return;i=!0}const c=s.disabled||s.getAttribute("aria-disabled")==="true";if(!s.hasAttribute("tabindex")||c)s=r(t,s);else{s.focus();return}}},Be=t=>{const{vertical:e,fixed:r,hideScrollbar:i,scrollableX:s,scrollableY:c,centered:h,scrollButtonsHideMobile:p,classes:u}=t;return vt({root:["root",e&&"vertical"],scroller:["scroller",r&&"fixed",i&&"hideScrollbar",s&&"scrollableX",c&&"scrollableY"],flexContainer:["flexContainer",e&&"flexContainerVertical",h&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",p&&"scrollButtonsHideMobile"],scrollableX:[s&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]},ge,u)},Ce=j("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[{[`& .${ft.scrollButtons}`]:e.scrollButtons},{[`& .${ft.scrollButtons}`]:r.scrollButtonsHideMobile&&e.scrollButtonsHideMobile},e.root,r.vertical&&e.vertical]}})(({ownerState:t,theme:e})=>f({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex"},t.vertical&&{flexDirection:"column"},t.scrollButtonsHideMobile&&{[`& .${ft.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}})),we=j("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.scroller,r.fixed&&e.fixed,r.hideScrollbar&&e.hideScrollbar,r.scrollableX&&e.scrollableX,r.scrollableY&&e.scrollableY]}})(({ownerState:t})=>f({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap"},t.fixed&&{overflowX:"hidden",width:"100%"},t.hideScrollbar&&{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}},t.scrollableX&&{overflowX:"auto",overflowY:"hidden"},t.scrollableY&&{overflowY:"auto",overflowX:"hidden"})),Ie=j("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,e)=>{const{ownerState:r}=t;return[e.flexContainer,r.vertical&&e.flexContainerVertical,r.centered&&e.centered]}})(({ownerState:t})=>f({display:"flex"},t.vertical&&{flexDirection:"column"},t.centered&&{justifyContent:"center"})),Te=j("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,e)=>e.indicator})(({ownerState:t,theme:e})=>f({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create()},t.indicatorColor==="primary"&&{backgroundColor:(e.vars||e).palette.primary.main},t.indicatorColor==="secondary"&&{backgroundColor:(e.vars||e).palette.secondary.main},t.vertical&&{height:"100%",width:2,right:0})),Ee=j(be)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Wt={},je=d.forwardRef(function(e,r){const i=ht({props:e,name:"MuiTabs"}),s=te(),c=Lt(),{"aria-label":h,"aria-labelledby":p,action:u,centered:x=!1,children:C,className:y,component:m="div",allowScrollButtonsMobile:w=!1,indicatorColor:k="primary",onChange:I,orientation:g="horizontal",ScrollButtonComponent:H=xe,scrollButtons:M="auto",selectionFollowsFocus:nt,slots:D={},slotProps:Y={},TabIndicatorProps:X={},TabScrollButtonProps:F={},textColor:J="primary",value:_,variant:R="standard",visibleScrollbar:st=!1}=i,Ot=rt(i,ye),T=R==="scrollable",B=g==="vertical",V=B?"scrollTop":"scrollLeft",Q=B?"top":"left",Z=B?"bottom":"right",it=B?"clientHeight":"clientWidth",K=B?"height":"width",A=f({},i,{component:m,allowScrollButtonsMobile:w,indicatorColor:k,orientation:g,vertical:B,scrollButtons:M,textColor:J,variant:R,visibleScrollbar:st,fixed:!T,hideScrollbar:T&&!st,scrollableX:T&&!B,scrollableY:T&&B,centered:x&&!T,scrollButtonsHideMobile:!w}),W=Be(A),jt=lt({elementType:D.StartScrollButtonIcon,externalSlotProps:Y.startScrollButtonIcon,ownerState:A}),Ht=lt({elementType:D.EndScrollButtonIcon,externalSlotProps:Y.endScrollButtonIcon,ownerState:A}),[mt,Dt]=d.useState(!1),[$,St]=d.useState(Wt),[xt,Xt]=d.useState(!1),[gt,_t]=d.useState(!1),[yt,Ut]=d.useState(!1),[Bt,Yt]=d.useState({overflow:"hidden",scrollbarWidth:0}),Ct=new Map,z=d.useRef(null),O=d.useRef(null),wt=()=>{const o=z.current;let l;if(o){const n=o.getBoundingClientRect();l={clientWidth:o.clientWidth,scrollLeft:o.scrollLeft,scrollTop:o.scrollTop,scrollLeftNormalized:oe(o,c?"rtl":"ltr"),scrollWidth:o.scrollWidth,top:n.top,bottom:n.bottom,left:n.left,right:n.right}}let a;if(o&&_!==!1){const n=O.current.children;if(n.length>0){const b=n[Ct.get(_)];a=b?b.getBoundingClientRect():null}}return{tabsMeta:l,tabMeta:a}},q=ut(()=>{const{tabsMeta:o,tabMeta:l}=wt();let a=0,n;if(B)n="top",l&&o&&(a=l.top-o.top+o.scrollTop);else if(n=c?"right":"left",l&&o){const S=c?o.scrollLeftNormalized+o.clientWidth-o.scrollWidth:o.scrollLeft;a=(c?-1:1)*(l[n]-o[n]+S)}const b={[n]:a,[K]:l?l[K]:0};if(isNaN($[n])||isNaN($[K]))St(b);else{const S=Math.abs($[n]-b[n]),E=Math.abs($[K]-b[K]);(S>=1||E>=1)&&St(b)}}),at=(o,{animation:l=!0}={})=>{l?de(V,z.current,o,{duration:s.transitions.duration.standard}):z.current[V]=o},It=o=>{let l=z.current[V];B?l+=o:(l+=o*(c?-1:1),l*=c&&$t()==="reverse"?-1:1),at(l)},Tt=()=>{const o=z.current[it];let l=0;const a=Array.from(O.current.children);for(let n=0;n<a.length;n+=1){const b=a[n];if(l+b[it]>o){n===0&&(l=o);break}l+=b[it]}return l},Vt=()=>{It(-1*Tt())},Kt=()=>{It(Tt())},qt=d.useCallback(o=>{Yt({overflow:null,scrollbarWidth:o})},[]),Gt=()=>{const o={};o.scrollbarSizeListener=T?v.jsx(Ee,{onChange:qt,className:N(W.scrollableX,W.hideScrollbar)}):null;const a=T&&(M==="auto"&&(xt||gt)||M===!0);return o.scrollButtonStart=a?v.jsx(H,f({slots:{StartScrollButtonIcon:D.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:jt},orientation:g,direction:c?"right":"left",onClick:Vt,disabled:!xt},F,{className:N(W.scrollButtons,F.className)})):null,o.scrollButtonEnd=a?v.jsx(H,f({slots:{EndScrollButtonIcon:D.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Ht},orientation:g,direction:c?"left":"right",onClick:Kt,disabled:!gt},F,{className:N(W.scrollButtons,F.className)})):null,o},Et=ut(o=>{const{tabsMeta:l,tabMeta:a}=wt();if(!(!a||!l)){if(a[Q]<l[Q]){const n=l[V]+(a[Q]-l[Q]);at(n,{animation:o})}else if(a[Z]>l[Z]){const n=l[V]+(a[Z]-l[Z]);at(n,{animation:o})}}}),tt=ut(()=>{T&&M!==!1&&Ut(!yt)});d.useEffect(()=>{const o=kt(()=>{z.current&&q()});let l;const a=S=>{S.forEach(E=>{E.removedNodes.forEach(G=>{var P;(P=l)==null||P.unobserve(G)}),E.addedNodes.forEach(G=>{var P;(P=l)==null||P.observe(G)})}),o(),tt()},n=Ft(z.current);n.addEventListener("resize",o);let b;return typeof ResizeObserver<"u"&&(l=new ResizeObserver(o),Array.from(O.current.children).forEach(S=>{l.observe(S)})),typeof MutationObserver<"u"&&(b=new MutationObserver(a),b.observe(O.current,{childList:!0})),()=>{var S,E;o.clear(),n.removeEventListener("resize",o),(S=b)==null||S.disconnect(),(E=l)==null||E.disconnect()}},[q,tt]),d.useEffect(()=>{const o=Array.from(O.current.children),l=o.length;if(typeof IntersectionObserver<"u"&&l>0&&T&&M!==!1){const a=o[0],n=o[l-1],b={root:z.current,threshold:.99},S=dt=>{Xt(!dt[0].isIntersecting)},E=new IntersectionObserver(S,b);E.observe(a);const G=dt=>{_t(!dt[0].isIntersecting)},P=new IntersectionObserver(G,b);return P.observe(n),()=>{E.disconnect(),P.disconnect()}}},[T,M,yt,C==null?void 0:C.length]),d.useEffect(()=>{Dt(!0)},[]),d.useEffect(()=>{q()}),d.useEffect(()=>{Et(Wt!==$)},[Et,$]),d.useImperativeHandle(u,()=>({updateIndicator:q,updateScrollButtons:tt}),[q,tt]);const Mt=v.jsx(Te,f({},X,{className:N(W.indicator,X.className),ownerState:A,style:f({},$,X.style)}));let et=0;const Jt=d.Children.map(C,o=>{if(!d.isValidElement(o))return null;const l=o.props.value===void 0?et:o.props.value;Ct.set(l,et);const a=l===_;return et+=1,d.cloneElement(o,f({fullWidth:R==="fullWidth",indicator:a&&!mt&&Mt,selected:a,selectionFollowsFocus:nt,onChange:I,textColor:J,value:l},et===1&&_===!1&&!o.props.tabIndex?{tabIndex:0}:{}))}),Qt=o=>{const l=O.current,a=ee(l).activeElement;if(a.getAttribute("role")!=="tab")return;let b=g==="horizontal"?"ArrowLeft":"ArrowUp",S=g==="horizontal"?"ArrowRight":"ArrowDown";switch(g==="horizontal"&&c&&(b="ArrowRight",S="ArrowLeft"),o.key){case b:o.preventDefault(),ot(l,a,zt);break;case S:o.preventDefault(),ot(l,a,Rt);break;case"Home":o.preventDefault(),ot(l,null,Rt);break;case"End":o.preventDefault(),ot(l,null,zt);break}},ct=Gt();return v.jsxs(Ce,f({className:N(W.root,y),ownerState:A,ref:r,as:m},Ot,{children:[ct.scrollButtonStart,ct.scrollbarSizeListener,v.jsxs(we,{className:W.scroller,ownerState:A,style:{overflow:Bt.overflow,[B?`margin${c?"Left":"Right"}`:"marginBottom"]:st?void 0:-Bt.scrollbarWidth},ref:z,children:[v.jsx(Ie,{"aria-label":h,"aria-labelledby":p,"aria-orientation":g==="vertical"?"vertical":null,className:W.flexContainer,ownerState:A,onKeyDown:Qt,ref:O,role:"tablist",children:Jt}),mt&&Mt]}),ct.scrollButtonEnd]}))});export{Oe as T,je as a,ft as t};

package/dist/assets/Tabs.stories-Dtlm8Y9N.js

@@ -1,100 +0,0 @@
-import{j as a}from"./jsx-runtime-CnH95YSl.js";import{a as ee,w as ae,u as I,e as ne}from"./index-BJMTVygn.js";import{r as c}from"./index-NdkWRN8K.js";import{a as te}from"./axeRun-B-LchFqf.js";import{i as D}from"./iconUtils-B6sV00nC.js";import{O as oe}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as se,b as S}from"./Badge-C6SBtLt7.js";import{M as W}from"./Box-BGpAHVQV.js";import{u as le}from"./OdysseyThemeProvider-BBwjgzn2.js";import{T as re}from"./Tabs-DzeBYjfY.js";import{T as ie,a as ce,b as me}from"./TabPanel-XF64c5rR.js";import{M as ue}from"./Bug-CF8uTmAI.js";import{M as be}from"./Button-DGmXZ3jw.js";const pe=({label:n,notificationCount:e,notificationCountMax:s,tabState:l,value:r})=>{const i=le();return a.jsxs(a.Fragment,{children:[n,e!==void 0&&e>0&&a.jsx(W,{sx:{marginInlineStart:e?i.Spacing2:0},children:a.jsx(se,{badgeContent:e,badgeContentMax:s,type:r===l?"attention":"default"})})]})},de=({ariaLabel:n,initialValue:e,tabs:s,value:l,onChange:r})=>{const[i,m]=c.useState(e??l??"0"),[C,$]=c.useState(!1),H=c.useCallback((t,o)=>{m(o),r==null||r(t,o)},[r]);c.useEffect(()=>{l!==void 0&&m(l)},[l]),c.useEffect(()=>{let t;const o=()=>{cancelAnimationFrame(t),document.removeEventListener("visibilitychange",T)};function T(){t=requestAnimationFrame(()=>{o(),$("auto")})}return C!=="auto"&&document.addEventListener("visibilitychange",T),()=>{o()}},[C]);const J=c.useCallback((t,o)=>{const{testId:T,isDisabled:K,label:Q,startIcon:U,value:u,notificationCount:Y,notificationCountMax:Z}=t;return a.jsx(re,{"data-se":T,disabled:K,icon:U,label:a.jsx(pe,{label:Q,notificationCount:Y,notificationCountMax:Z,tabState:i,value:u}),tabIndex:0,value:u||o.toString()},u||o.toString())},[i]);return a.jsxs(ie,{value:i,children:[a.jsx(ce,{"aria-label":n,onChange:H,scrollButtons:C,variant:"scrollable",children:s.map((t,o)=>J(t,o))}),s.map((t,o)=>a.jsx(me,{value:t.value?t.value:o.toString(),children:t.children},t.value?t.value:o.toString()))]})},v=c.memo(de);v.displayName="Tabs";const he={component:v,decorators:[oe],argTypes:{children:{control:"text",description:"The content of the tab item",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},startIcon:{control:{type:"select"},options:Object.keys(D),mapping:D,description:"An optional icon to display at the start of the tab item",table:{type:{summary:"<Icon />"}}},label:{control:"text",description:"The label text for the tab item",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},isDisabled:{control:"boolean",description:"If `true`, the tab item is disabled",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},value:{control:"text",description:"The value associated with the tab item",table:{type:{summary:"string"}}},onChange:{description:"Callback fired when the active tab is changed",table:{type:{summary:"func"}}},notificationCount:{control:{type:"number"},description:"The value associated with the Badge",table:{type:{summary:"number"}}},notificationCountMax:{control:{type:"select"},options:S,description:"The limit at which the badge will show `{notificationCountMax} +`. Can be increments of 10, up to 100",table:{type:{summary:S.join("|")},defaultValue:{summary:"10"}},type:{required:!1,name:"number"}}},args:{children:"This is the tab content. This tab happens to be about stars.",notificationCountMax:10,label:"Stars",value:"stars"}},g=({canvasElement:n,step:e})=>async(s,l)=>{await e(`select the ${l} tab`,async()=>{await te(s),await ee(async()=>{const r=ae(n),i=r.getByText(l);await I.click(i),await I.tab();const m=r.getByText(`Information about ${l}`);ne(m).toBeInTheDocument()})})},y={render:function(e){const s=[{label:"Planets",value:"planets",children:"Information about Planets"},{label:"Moons",value:"moons",children:"Information about Moons"}];return e!=null&&e.label&&s.push({notificationCount:e==null?void 0:e.notificationCount,notificationCountMax:e==null?void 0:e.notificationCountMax,label:e.label,value:e.value,isDisabled:e.isDisabled,startIcon:e.startIcon,children:e.children}),a.jsx(v,{ariaLabel:"basic tabs example",initialValue:"planets",tabs:s})}},M=({label:n})=>a.jsxs(a.Fragment,{children:["Information about ",n]}),b={...y,play:async({canvasElement:n,step:e})=>{await g({canvasElement:n,step:e})("Tab Default","Moons")}},p={...y,args:{isDisabled:!0,label:"Disabled Tab",children:"Tab is disabled"},play:async({canvasElement:n,step:e})=>{await g({canvasElement:n,step:e})("Tab Disabled","Moons")}},d={...y,args:{startIcon:a.jsx(ue,{}),label:"Xenomorphs",children:a.jsx(M,{label:"Xenomorphs"})},play:async({canvasElement:n,step:e})=>{await g({canvasElement:n,step:e})("Tab Icon","Xenomorphs")}},h={render:function(){const[e,s]=c.useState("planets"),l=(i,m)=>{s(m)},r=[{label:"Planets",value:"planets",children:"Information about Planets"},{label:"Moons",value:"moons",children:"Information about Moons"},{label:"Galaxies",value:"galaxies",children:"Information about Galaxies"}];return a.jsxs(a.Fragment,{children:[a.jsx(v,{ariaLabel:"controlled tabs example",onChange:l,tabs:r,value:e}),a.jsx(W,{sx:{marginTop:4},children:a.jsx(be,{label:"Navigate to Galaxies",onClick:()=>{s("galaxies")},size:"small",variant:"primary"})})]})}},f={...y,args:{notificationCount:1,label:"Xenomorphs",value:"xenomorphs",children:a.jsx(M,{label:"Xenomorphs"})},play:async({canvasElement:n,step:e})=>{await g({canvasElement:n,step:e})("Tab Icon","Xenomorphs")}},x={...y,args:{notificationCount:101,notificationCountMax:100,label:"Xenomorphs",value:"xenomorphs",children:a.jsx(M,{label:"Xenomorphs"})}};var j,w,E;b.parameters={...b.parameters,docs:{...(j=b.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  ...DefaultTemplate,
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await selectTab({
-      canvasElement,
-      step
-    })("Tab Default", "Moons");
-  }
-}`,...(E=(w=b.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};var B,X,k;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  ...DefaultTemplate,
-  args: {
-    isDisabled: true,
-    label: "Disabled Tab",
-    children: "Tab is disabled"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await selectTab({
-      canvasElement,
-      step
-    })("Tab Disabled", "Moons");
-  }
-}`,...(k=(X=p.parameters)==null?void 0:X.docs)==null?void 0:k.source}}};var z,V,_;d.parameters={...d.parameters,docs:{...(z=d.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  ...DefaultTemplate,
-  args: {
-    startIcon: <BugIcon />,
-    label: "Xenomorphs",
-    children: <ExampleTabContent label="Xenomorphs" />
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await selectTab({
-      canvasElement,
-      step
-    })("Tab Icon", "Xenomorphs");
-  }
-}`,...(_=(V=d.parameters)==null?void 0:V.docs)==null?void 0:_.source}}};var F,L,O;h.parameters={...h.parameters,docs:{...(F=h.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  render: function C() {
-    const [value, setValue] = useState("planets");
-    const onChange: TabsProps["onChange"] = (_e: unknown, value: string) => {
-      setValue(value);
-    };
-    const tabs: TabItemProps[] = [{
-      label: "Planets",
-      value: "planets",
-      children: "Information about Planets"
-    }, {
-      label: "Moons",
-      value: "moons",
-      children: "Information about Moons"
-    }, {
-      label: "Galaxies",
-      value: "galaxies",
-      children: "Information about Galaxies"
-    }];
-    return <>
-        <Tabs ariaLabel="controlled tabs example" onChange={onChange} tabs={tabs} value={value} />
-        <Box sx={{
-        marginTop: 4
-      }}>
-          <Button label="Navigate to Galaxies" onClick={() => {
-          setValue("galaxies");
-        }} size="small" variant="primary" />
-        </Box>
-      </>;
-  }
-}`,...(O=(L=h.parameters)==null?void 0:L.docs)==null?void 0:O.source}}};var G,P,q;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  ...DefaultTemplate,
-  args: {
-    notificationCount: 1,
-    label: "Xenomorphs",
-    value: "xenomorphs",
-    children: <ExampleTabContent label="Xenomorphs" />
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await selectTab({
-      canvasElement,
-      step
-    })("Tab Icon", "Xenomorphs");
-  }
-}`,...(q=(P=f.parameters)==null?void 0:P.docs)==null?void 0:q.source}}};var A,R,N;x.parameters={...x.parameters,docs:{...(A=x.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  ...DefaultTemplate,
-  args: {
-    notificationCount: 101,
-    notificationCountMax: 100,
-    label: "Xenomorphs",
-    value: "xenomorphs",
-    children: <ExampleTabContent label="Xenomorphs" />
-  }
-}`,...(N=(R=x.parameters)==null?void 0:R.docs)==null?void 0:N.source}}};const fe=["Default","Disabled","Icons","Controlled","WithBadge","CountMax"],Be=Object.freeze(Object.defineProperty({__proto__:null,Controlled:h,CountMax:x,Default:b,Disabled:p,Icons:d,WithBadge:f,__namedExportsOrder:fe,default:he},Symbol.toStringTag,{value:"Module"}));export{Be as T};

package/dist/assets/Tag.stories-DIlHCDGk.js

@@ -1,96 +0,0 @@
-import{j as a}from"./jsx-runtime-CnH95YSl.js";import{f as sa,w as na,u as T,e as ta}from"./index-BJMTVygn.js";import{a as oa}from"./axeRun-B-LchFqf.js";import{i as S}from"./iconUtils-B6sV00nC.js";import{O as ca}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as e}from"./Tag-BgjQI7VM.js";import{M as la}from"./TagList-DGN86KvF.js";import{M as ia}from"./Group-B6q-i_C2.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-Dj8r1U9U.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./Server-DjXPiVgb.js";import"./List-DsAZFSEg.js";import"./ArrowRight-Bi2Pswgc.js";import"./Bug-CF8uTmAI.js";import"./Calendar-DjJqG0qe.js";import"./ChevronRight-DkL07pJu.js";import"./ChevronUp-DBzjQ0Vq.js";import"./Clock-Cs7_WjUp.js";import"./Upload-CXJBKzcC.js";import"./Documentation-BrTRsPbe.js";import"./Download-CnpAgqy2.js";import"./ExternalLink-BZ-Yczsk.js";import"./Filter-Dx8z3DNi.js";import"./Folder-BfxqGqvt.js";import"./Globe-Brrqdlv8.js";import"./Grid-CZMVE6qU.js";import"./Hide-DlEWsxsn.js";import"./Home-BiP4Mg1h.js";import"./InformationCircle-CE8ruoYu.js";import"./More-D1qrtSvt.js";import"./Refresh-GVzSl4pN.js";import"./Search-CkfJXFe5.js";import"./Settings-CjXK8-N1.js";import"./Show-BmUFIvXd.js";import"./Sync-DFFNrTTV.js";import"./User-D6db-Gy0.js";import"./Video-B1Csvrbu.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-DXaMeATb.js";import"./createSvgIcon-DsUj6UQo.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BAQsCgRq.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";const ce={component:e,decorators:[ca],parameters:{actions:{argTypesRegex:null}},tags:["autodocs"],argTypes:{icon:{control:{type:"select"},options:Object.keys(S),mapping:S,description:"An optional icon to display alongside the label",table:{type:{summary:"<Icon />"}}},isDisabled:{control:"boolean",description:"If `true`, the tag is disabled",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the tag",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onClick:{control:"object",action:!0,description:"Callback fired when the tag is clicked",table:{type:{summary:"func"}}},onRemove:{control:"object",action:!0,description:"Callback fired when the remove button of the tag is clicked",table:{type:{summary:"func"}}},colorVariant:{control:{type:"select"},options:["default","info","accentOne","accentTwo","accentThree","accentFour"],description:"The color of the tag",table:{type:{summary:"string"},defaultValue:{summary:"default"}}},size:{control:{type:"select"},options:["default","small"],description:"The size of the tag",table:{type:{summary:"string"},defaultValue:{summary:"default"}}}},args:{label:"Starship",colorVariant:"default",onClick:sa(),size:"medium"}},n={args:{label:"Starship"}},c={args:{label:"Starship",colorVariant:"info"}},l={args:{label:"Starship",colorVariant:"accentOne"}},i={args:{label:"Starship",colorVariant:"accentTwo"}},m={args:{label:"Starship",colorVariant:"accentThree"}},p={args:{label:"Starship",colorVariant:"accentFour"}},u={render:function(t){return a.jsxs(la,{children:[a.jsx(e,{label:t.label}),a.jsx(e,{colorVariant:"info",label:"Info tag"}),a.jsx(e,{colorVariant:"accentOne",label:"AccentOne tag"}),a.jsx(e,{colorVariant:"accentTwo",label:"AccentTwo tag"}),a.jsx(e,{colorVariant:"accentThree",label:"AccentThree tag"}),a.jsx(e,{colorVariant:"accentFour",label:"AccentFour tag"})]})},args:{label:"Default tag"}},g={args:{label:"Starship",size:"small"}},d={args:{label:"Crew",icon:a.jsx(ia,{})}},b={args:{label:"Starship"},play:async({args:r,canvasElement:t,step:y})=>{await y("click the tag",async()=>{const s=na(t).getByText(r.label);await T.click(s),ta(r.onClick).toHaveBeenCalledTimes(1),await oa("Clickable Tag")})}},h={args:{label:"Starship"},play:async({args:r,canvasElement:t,step:y})=>{await y("remove the tag on click",async()=>{const o=t.querySelector('[role="button"]'),s=o==null?void 0:o.querySelector("svg");s&&(await T.click(s),await T.tab(),await ta(r.onRemove).toHaveBeenCalled()),await oa("Removable Tag")})}},f={args:{label:"Starship",isDisabled:!0}};var v,w,V;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    label: "Starship"
-  }
-}`,...(V=(w=n.parameters)==null?void 0:w.docs)==null?void 0:V.source}}};var x,k,C;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "info"
-  }
-}`,...(C=(k=c.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var A,I,j;l.parameters={...l.parameters,docs:{...(A=l.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentOne"
-  }
-}`,...(j=(I=l.parameters)==null?void 0:I.docs)==null?void 0:j.source}}};var O,R,E;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentTwo"
-  }
-}`,...(E=(R=i.parameters)==null?void 0:R.docs)==null?void 0:E.source}}};var D,F,z;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentThree"
-  }
-}`,...(z=(F=m.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var B,M,q;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    colorVariant: "accentFour"
-  }
-}`,...(q=(M=p.parameters)==null?void 0:M.docs)==null?void 0:q.source}}};var L,H,G;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  render: function C(args) {
-    return <TagList>
-        <Tag label={args.label} />
-        <Tag colorVariant="info" label="Info tag" />
-        <Tag colorVariant="accentOne" label="AccentOne tag" />
-        <Tag colorVariant="accentTwo" label="AccentTwo tag" />
-        <Tag colorVariant="accentThree" label="AccentThree tag" />
-        <Tag colorVariant="accentFour" label="AccentFour tag" />
-      </TagList>;
-  },
-  args: {
-    label: "Default tag"
-  }
-}`,...(G=(H=u.parameters)==null?void 0:H.docs)==null?void 0:G.source}}};var _,J,K;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    size: "small"
-  }
-}`,...(K=(J=g.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var N,P,Q;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    label: "Crew",
-    icon: <GroupIcon />
-  }
-}`,...(Q=(P=d.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};var U,W,X;b.parameters={...b.parameters,docs:{...(U=b.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    label: "Starship"
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }) => {
-    await step("click the tag", async () => {
-      const canvas = within(canvasElement);
-      const tag = canvas.getByText(args.label);
-      await userEvent.click(tag);
-      expect(args.onClick).toHaveBeenCalledTimes(1);
-      await axeRun("Clickable Tag");
-    });
-  }
-}`,...(X=(W=b.parameters)==null?void 0:W.docs)==null?void 0:X.source}}};var Y,Z,$;h.parameters={...h.parameters,docs:{...(Y=h.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    label: "Starship"
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }) => {
-    await step("remove the tag on click", async () => {
-      const tagElement = canvasElement.querySelector('[role="button"]');
-      const removeIcon = tagElement?.querySelector("svg");
-      if (removeIcon) {
-        await userEvent.click(removeIcon);
-        await userEvent.tab();
-        await expect(args.onRemove).toHaveBeenCalled();
-      }
-      await axeRun("Removable Tag");
-    });
-  }
-}`,...($=(Z=h.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var aa,ea,ra;f.parameters={...f.parameters,docs:{...(aa=f.parameters)==null?void 0:aa.docs,source:{originalSource:`{
-  args: {
-    label: "Starship",
-    isDisabled: true
-  }
-}`,...(ra=(ea=f.parameters)==null?void 0:ea.docs)==null?void 0:ra.source}}};const le=["Default","Info","AccentOne","AccentTwo","AccentThree","AccentFour","List","Small","Icon","Clickable","Removable","Disabled"];export{p as AccentFour,l as AccentOne,m as AccentThree,i as AccentTwo,b as Clickable,n as Default,f as Disabled,d as Icon,c as Info,u as List,h as Removable,g as Small,le as __namedExportsOrder,ce as default};

package/dist/assets/Toast.stories-DO1V8pyh.js

@@ -1,134 +0,0 @@
-import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as m,w as S,u as c,e as B}from"./index-BJMTVygn.js";import{r as l}from"./index-NdkWRN8K.js";import{a as Y}from"./axeRun-B-LchFqf.js";import{O as et}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{J as st,a2 as at}from"./OdysseyThemeProvider-BBwjgzn2.js";import{M as it}from"./Link-DI6v1ROk.js";import{M as nt}from"./ScreenReaderText-CM78bF1y.js";import{S as Z}from"./Snackbar-Cn_gMSEK.js";import{A as ot,a as rt}from"./AlertTitle-BbBpDTwd.js";import{M as D}from"./Button-DGmXZ3jw.js";import{B as lt}from"./Box-CWTB5xfE.js";import{c as k}from"./createUniqueId-ByTaVY63.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Link-BnBknBcu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./Typography-Yf1Zkad_.js";import"./ExternalLink-BZ-Yczsk.js";import"./visuallyHidden-Dan1xhjv.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./utils-DkZjDCLm.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Grow-DacPmog-.js";import"./Portal-GAJY6Au9.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-XsV8SWR9.js";import"./useSlot-CaOQD_17.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./IconButton-OY9nJWpv.js";import"./ButtonBase-BAQsCgRq.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./Button-CdPi1pZc.js";const C=["status","alert"],A=["success","info","warning","error"],ct={onClickAway:()=>!1},mt=({autoHideDuration:n=6e3,isDismissable:s,linkText:o,linkUrl:a,isVisible:e,onHide:r,role:i,severity:u,testId:p,text:P,translate:w})=>{const{t:I}=st(),[tt,V]=l.useState(e);l.useEffect(()=>{V(e)},[e]);const j=l.useCallback(()=>{V(!1),r==null||r()},[r]);return t.jsx(t.Fragment,{children:t.jsx(Z,{autoHideDuration:s||n<=0?void 0:n,className:"Toast",ClickAwayListenerProps:ct,onClose:j,open:tt,children:t.jsxs(ot,{action:s===!0&&t.jsx(D,{ariaLabel:I("close.text"),onClick:j,size:"small",startIcon:t.jsx(at,{}),variant:"floating"}),"data-se":p,role:i,severity:u,variant:"toast",children:[t.jsxs(rt,{translate:w,children:[t.jsxs(nt,{translate:w,children:[I(`severity.${u}`),":"]}),P]}),a&&t.jsx(it,{href:a,translate:w,variant:"monochrome",children:o})]})})})},x=l.memo(mt);x.displayName="Toast";const ut=({children:n})=>t.jsx(Z,{open:!0,children:t.jsx(lt,{sx:{display:"flex",flexDirection:"column-reverse",gap:2},children:n})}),E=l.memo(ut);E.displayName="ToastStack";const se={component:x,decorators:[et],tags:["autodocs"],argTypes:{autoHideDuration:{control:"number",description:"If set, this determines how long the toast should appear before automatically disappearing in milliseconds. It will only take effect if the toast is not dismissible. If left blank, it defaults to 6000",table:{type:{summary:"number"},defaultValue:{summary:"6000"}}},isDismissable:{control:"boolean",description:"If `true`, the alert will include a close button",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isVisible:{control:"boolean",description:"If true, the Toast is visible",table:{type:{summary:"boolean"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the alert will include a link to the URL",table:{type:{summary:"string"}}},onHide:{description:"An optional function to run when the Toast is closed",table:{type:{summary:"func"}}},role:{options:C,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{type:{summary:C.join(" | ")}}},severity:{options:A,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:A.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",role:"status",linkText:"Info",text:"The mission to Sagittarius A is set for January 7.",autoHideDuration:1e4}},v=n=>({args:s,canvasElement:o,step:a})=>a(`open ${n}`,async()=>{await m(async()=>{const e=S(o).getByText(`Open ${s.severity} toast`);await c.hover(e),await c.click(e),await c.tab()}),await m(()=>Y(n))}),d={args:{isVisible:!1,role:"status"},render:function(s){const[o,a]=l.useState(s.isVisible),e=l.useCallback(()=>a(!0),[]),r=l.useCallback(()=>a(!1),[]);return t.jsxs(t.Fragment,{children:[t.jsx(D,{label:`Open ${s.severity} toast`,onClick:e,variant:"primary"}),t.jsx(E,{children:t.jsx(x,{autoHideDuration:s.autoHideDuration,isDismissable:s.isDismissable,isVisible:o,linkText:s.linkText,linkUrl:s.linkUrl,onHide:r,role:s.role,severity:s.severity,text:s.text})})]})}},y={...d,args:{text:"The mission to Sagittarius A is set for January 7.",severity:"info"},play:v("Info Toast")},T={...d,name:"Error",args:{text:"Security breach in Hangar 18",role:"alert",severity:"error"},play:v("Error Toast")},b={...d,args:{text:"Severe solar winds may delay local system flights",role:"status",severity:"warning"},play:v("Warning Toast")},h={...d,args:{text:"Docking completed",role:"status",severity:"success"},play:v("Success Toast")},f={...d,args:{isDismissable:!0,linkText:"View report",linkUrl:"#"},play:async({args:n,canvasElement:s,step:o})=>{const a=S(s);await o("open Dismissible Toast}",async()=>{await m(async()=>{const e=a.getByText(`Open ${n.severity} toast`);await c.hover(e),await c.click(e),await c.tab()})}),await o("link in toast",async()=>{await m(()=>{const e=a.getByText(n.linkText||"");B(e).toHaveAttribute("href",n.linkUrl)})}),await o("dismiss toast and reopen",async()=>{await m(async()=>{const e=a.getByRole("status");if(e){const r=S(e).getByRole("button",{name:"Close"});r&&(await c.click(r),await m(async()=>{B(e).not.toBeVisible();const i=a.getByText(`Open ${n.severity} toast`);await c.click(i)}))}}),await m(()=>Y("Dismissible Toast"))})}},g={parameters:{docs:{description:{story:"`Toast` handles the visual appearance and show/hide logic, but not positioning. To have a Toast positioned correctly, it must be wrapped inside a `ToastStack`. There should only be one ToastStack per screen, regardless of how many Toasts there are, since a single ToastStack can accept multiple Toasts as children and will manage positioning accordingly."}}},render:function(){const s=[{id:k(),severity:"info",text:"The mission to Sagittarius A is set for January 7.",isDismissable:!0,isVisible:!0},{id:k(),severity:"success",text:"Docking completed.",isDismissable:!0,isVisible:!0}],[o,a]=l.useState(s),e=l.useCallback(()=>{const i=[{severity:"warning",text:"Severe solar winds may delay local system flights.",isDismissable:!0,isVisible:!0},{severity:"error",text:"Security breach in Hangar 10.",isDismissable:!0,isVisible:!0}],u=i[Math.floor(Math.random()*i.length)];a(p=>[...p,{...u,id:k()}])},[]),r=l.useCallback(i=>{a(u=>u.filter(p=>p.id!==i))},[]);return t.jsxs(t.Fragment,{children:[t.jsx(D,{label:"Open another Toast",onClick:e,variant:"primary"}),t.jsx(E,{children:o.map(i=>t.jsx(x,{isDismissable:i.isDismissable,isVisible:i.isVisible,onHide:()=>r(i.id),severity:i.severity,text:i.text},i.id))})]})}};var M,O,U;y.parameters={...y.parameters,docs:{...(M=y.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  ...Single,
-  args: {
-    text: "The mission to Sagittarius A is set for January 7.",
-    severity: "info"
-  },
-  play: openToast("Info Toast")
-}`,...(U=(O=y.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};var H,R,F;T.parameters={...T.parameters,docs:{...(H=T.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  ...Single,
-  name: "Error",
-  args: {
-    text: "Security breach in Hangar 18",
-    role: "alert",
-    severity: "error"
-  },
-  play: openToast("Error Toast")
-}`,...(F=(R=T.parameters)==null?void 0:R.docs)==null?void 0:F.source}}};var L,$,z;b.parameters={...b.parameters,docs:{...(L=b.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  ...Single,
-  args: {
-    text: "Severe solar winds may delay local system flights",
-    role: "status",
-    severity: "warning"
-  },
-  play: openToast("Warning Toast")
-}`,...(z=($=b.parameters)==null?void 0:$.docs)==null?void 0:z.source}}};var q,J,W;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  ...Single,
-  args: {
-    text: "Docking completed",
-    role: "status",
-    severity: "success"
-  },
-  play: openToast("Success Toast")
-}`,...(W=(J=h.parameters)==null?void 0:J.docs)==null?void 0:W.source}}};var N,_,G;f.parameters={...f.parameters,docs:{...(N=f.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  ...Single,
-  args: {
-    isDismissable: true,
-    linkText: "View report",
-    linkUrl: "#"
-  },
-  play: async ({
-    args,
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step(\`open Dismissible Toast}\`, async () => {
-      await waitFor(async () => {
-        const buttonElement = canvas.getByText(\`Open \${args.severity} toast\`);
-        await userEvent.hover(buttonElement);
-        await userEvent.click(buttonElement);
-        await userEvent.tab();
-      });
-    });
-    await step("link in toast", async () => {
-      await waitFor(() => {
-        const toastLink = canvas.getByText(args.linkText || "");
-        expect(toastLink).toHaveAttribute("href", args.linkUrl);
-      });
-    });
-    await step("dismiss toast and reopen", async () => {
-      await waitFor(async () => {
-        const toastElement = canvas.getByRole("status");
-        if (toastElement) {
-          const dismissToastButton = within(toastElement).getByRole("button", {
-            name: "Close"
-          });
-          if (dismissToastButton) {
-            await userEvent.click(dismissToastButton);
-            await waitFor(async () => {
-              expect(toastElement).not.toBeVisible();
-              const buttonElement = canvas.getByText(\`Open \${args.severity} toast\`);
-              await userEvent.click(buttonElement);
-            });
-          }
-        }
-      });
-      await waitFor(() => axeRun("Dismissible Toast"));
-    });
-  }
-}`,...(G=(_=f.parameters)==null?void 0:_.docs)==null?void 0:G.source}}};var K,Q,X;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  parameters: {
-    docs: {
-      description: {
-        story: "\`Toast\` handles the visual appearance and show/hide logic, but not positioning. To have a Toast positioned correctly, it must be wrapped inside a \`ToastStack\`. There should only be one ToastStack per screen, regardless of how many Toasts there are, since a single ToastStack can accept multiple Toasts as children and will manage positioning accordingly."
-      }
-    }
-  },
-  render: function C() {
-    type ToastWithId = ToastProps & {
-      id: string;
-    };
-    const unstableToasts = [{
-      id: createUniqueId(),
-      severity: "info" as const,
-      text: "The mission to Sagittarius A is set for January 7.",
-      isDismissable: true,
-      isVisible: true
-    }, {
-      id: createUniqueId(),
-      severity: "success" as const,
-      text: "Docking completed.",
-      isDismissable: true,
-      isVisible: true
-    }];
-    const [toasts, setToasts] = useState<ToastWithId[]>(unstableToasts);
-    const addToast = useCallback(() => {
-      const toastOptions = [{
-        severity: "warning" as const,
-        text: "Severe solar winds may delay local system flights.",
-        isDismissable: true,
-        isVisible: true
-      }, {
-        severity: "error" as const,
-        text: "Security breach in Hangar 10.",
-        isDismissable: true,
-        isVisible: true
-      }];
-      const randomToast = toastOptions[Math.floor(Math.random() * toastOptions.length)];
-      setToasts(prevToasts => [...prevToasts, {
-        ...randomToast,
-        id: createUniqueId()
-      }]);
-    }, []);
-    const handleDismiss = useCallback((toastId: string) => {
-      setToasts(prevToasts => prevToasts.filter(toast => toast.id !== toastId));
-    }, []);
-    return <>
-        <Button label="Open another Toast" onClick={addToast} variant="primary" />
-        <ToastStack>
-          {toasts.map(toast => <Toast isDismissable={toast.isDismissable} isVisible={toast.isVisible} key={toast.id} onHide={() => handleDismiss(toast.id)} severity={toast.severity} text={toast.text} />)}
-        </ToastStack>
-      </>;
-  }
-}`,...(X=(Q=g.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const ae=["Info","ErrorToast","Warning","Success","Dismissible","MultipleToasts"];export{f as Dismissible,T as ErrorToast,y as Info,g as MultipleToasts,h as Success,b as Warning,ae as __namedExportsOrder,se as default};

package/dist/assets/ToastManager.stories-CmZGqHye.js

@@ -1,22 +0,0 @@
-import{j as f}from"./jsx-runtime-CnH95YSl.js";import{r as m}from"./index-NdkWRN8K.js";import{I as R}from"./IgaComponentsLegacyOdysseyDecorator-28myx5I9.js";import{O as F}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{j as w,a as d}from"./emotion-react-jsx-runtime.browser.esm-DcYOMKFp.js";import{S as k,aD as B,aE as D,aF as C,aG as z}from"./OdysseyThemeProvider-BBwjgzn2.js";import{S as G}from"./Snackbar-Cn_gMSEK.js";import{A as N,a as U}from"./AlertTitle-BbBpDTwd.js";import{B as W}from"./Button-CdPi1pZc.js";import{P as H}from"./Portal-GAJY6Au9.js";import{F as V}from"./Fade-CVbWKXvx.js";import{M as Z}from"./Button-DGmXZ3jw.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./tableSortLabelClasses-DtOYtU1J.js";import"./dialogActionsClasses-BWrWITLY.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./utils-DkZjDCLm.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Grow-DacPmog-.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-XsV8SWR9.js";import"./useSlot-CaOQD_17.js";import"./createSvgIcon-DsUj6UQo.js";import"./Close-ATS01D1v.js";import"./IconButton-OY9nJWpv.js";import"./ButtonBase-BAQsCgRq.js";import"./Typography-Yf1Zkad_.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";/*!
- * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
- * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
- *
- * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *
- * See the License for the specific language governing permissions and limitations under the License.
- */const I=m.forwardRef((t,n)=>f.jsx(k,{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:n,...t,children:f.jsx(f.Fragment,{children:f.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 7.2929L2.35355 1.64645L1.64644 2.35355L7.29289 8L1.64645 13.6464L2.35355 14.3536L8 8.70711L13.6464 14.3536L14.3535 13.6464L8.7071 8L14.3536 2.35355L13.6464 1.64645L8 7.2929Z",fill:"currentColor"})})}));I.displayName="CloseIcon";function S(t,n){if(t.inserted[n.name]===void 0)return t.insert("",n,t.sheet,!0)}function E(t,n,r){var a=[],l=D(t,a,r);return a.length<2?r:l+n(a)}var q=function(n){var r=B(n);r.sheet.speedy=function(c){this.isSpeedy=c},r.compat=!0;var a=function(){for(var o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];var u=C(i,r.registered,void 0);return z(r,u,!1),r.key+"-"+u.name},l=function(){for(var o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];var u=C(i,r.registered),g="animation-"+u.name;return S(r,{name:u.name,styles:"@keyframes "+g+"{"+u.styles+"}"}),g},e=function(){for(var o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];var u=C(i,r.registered);S(r,u)},p=function(){for(var o=arguments.length,i=new Array(o),s=0;s<o;s++)i[s]=arguments[s];return E(r.registered,a,J(i))};return{css:a,cx:p,injectGlobal:e,keyframes:l,hydrate:function(o){o.forEach(function(i){r.inserted[i]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:D.bind(null,r.registered),merge:E.bind(null,r.registered,a)}},J=function t(n){for(var r="",a=0;a<n.length;a++){var l=n[a];if(l!=null){var e=void 0;switch(typeof l){case"boolean":break;case"object":{if(Array.isArray(l))e=t(l);else{e="";for(var p in l)l[p]&&p&&(e&&(e+=" "),e+=p)}break}default:e=l}e&&(r&&(r+=" "),r+=e)}}return r},K=q({key:"css"}),Q=K.css;const L=5e3,X=t=>{if(!t)return L;const n=window.localStorage.getItem("toast_duration");return(n?Number(n)*1e3:null)??L},P=m.createContext(void 0);function Y(){const t=m.useContext(P);if(t===void 0)throw new Error("useToast must be used within a ToastManager");return t}function $(t){return d(V,{...t})}function A({applyToastDurationPreference:t=!1,anchorOrigin:n,children:r}){const[a,l]=m.useState([]),[e,p]=m.useState(null),[c,o]=m.useState(!1),i=m.useMemo(()=>X(t),[t]),s=m.useCallback(h=>{l(x=>[...x,h])},[]),u=m.useCallback((h,x)=>{x!=="clickaway"&&o(!1)},[]),g=m.useCallback(()=>{p(null)},[]);m.useEffect(()=>{a.length&&!e?(p({...a[0]}),l(h=>h.slice(1)),o(!0)):a.length&&e&&c&&o(!1)},[a,e,c]);const O=m.useMemo(()=>({addToast:s}),[s]),b=(e==null?void 0:e.title)??(e==null?void 0:e.message),y=e!=null&&e.title?e==null?void 0:e.message:null;return w(P.Provider,{value:O,children:[r,d(H,{children:d(G,{anchorOrigin:n,autoHideDuration:i,disableWindowBlurListener:!0,onClose:u,open:c,TransitionComponent:$,TransitionProps:{onExited:g},children:w(N,{action:!(e!=null&&e.disableDismiss)&&d(W,{"aria-label":"Close",name:"close-toast",onClick:u,startIcon:d(I,{onPointerEnterCapture:()=>{},onPointerLeaveCapture:()=>{}}),variant:"floating"}),classes:{message:Q`
-                flex-basis: 0;
-                word-break: break-word;
-              `},severity:e==null?void 0:e.severity,variant:"toast",children:[b&&d(U,{children:b}),y&&y]})})})]})}const Ge={component:A,decorators:[F,R],args:{},argTypes:{}},_=()=>{const{addToast:t}=Y(),n=m.useCallback(()=>t({severity:"success",message:"This is a success toast"}),[t]);return f.jsx(Z,{label:"Add Toast",onClick:n,variant:"primary"})},v={name:"Example",render:t=>f.jsx(A,{children:t.children}),args:{children:f.jsx(_,{})}};var M,T,j;v.parameters={...v.parameters,docs:{...(M=v.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  name: "Example",
-  render: args => {
-    return <ToastManager>{args.children}</ToastManager>;
-  },
-  args: {
-    children: <ChildComponent />
-  }
-}`,...(j=(T=v.parameters)==null?void 0:T.docs)==null?void 0:j.source}}};const Ne=["Example"];export{v as Example,Ne as __namedExportsOrder,Ge as default};

package/dist/assets/Tooltip-D4AWrTBw.js

@@ -1 +0,0 @@
-import{c as fe,_ as he,z as ge,A as be,b as r,e as F,d as q,f as Wo,g as Te,B as ve,C as u,p as jo}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as p}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{G as Ao}from"./Grow-DacPmog-.js";import{u as Pe}from"./utils-DkZjDCLm.js";import{a as N,b as ye,u as we,T as xe}from"./useIsFocusVisible-DH0qxT5e.js";import{u as Re}from"./useControlled-NQulfz4l.js";import{u as Bo}from"./TransitionGroupContext-DLI0IzWy.js";import{g as Ce}from"./Portal-GAJY6Au9.js";import{a as k}from"./resolveComponentProps-BzfJewMt.js";import{P as zo}from"./Popper-DjhYeJJy.js";const Me=["arrow","children","classes","components","componentsProps","describeChild","disableFocusListener","disableHoverListener","disableInteractive","disableTouchListener","enterDelay","enterNextDelay","enterTouchDelay","followCursor","id","leaveDelay","leaveTouchDelay","onClose","onOpen","open","placement","PopperComponent","PopperProps","slotProps","slots","title","TransitionComponent","TransitionProps"];function Oe(t){return Math.round(t*1e5)/1e5}const _e=t=>{const{classes:e,disableInteractive:s,arrow:a,touch:x,placement:R}=t,C={popper:["popper",!s&&"popperInteractive",a&&"popperArrow"],tooltip:["tooltip",a&&"tooltipArrow",x&&"touch",`tooltipPlacement${Wo(R.split("-")[0])}`],arrow:["arrow"]};return Te(C,ve,e)},$e=q(zo,{name:"MuiTooltip",slot:"Popper",overridesResolver:(t,e)=>{const{ownerState:s}=t;return[e.popper,!s.disableInteractive&&e.popperInteractive,s.arrow&&e.popperArrow,!s.open&&e.popperClose]}})(({theme:t,ownerState:e,open:s})=>r({zIndex:(t.vars||t).zIndex.tooltip,pointerEvents:"none"},!e.disableInteractive&&{pointerEvents:"auto"},!s&&{pointerEvents:"none"},e.arrow&&{[`&[data-popper-placement*="bottom"] .${u.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${u.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${u.arrow}`]:r({},e.isRtl?{right:0,marginRight:"-0.71em"}:{left:0,marginLeft:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}}),[`&[data-popper-placement*="left"] .${u.arrow}`]:r({},e.isRtl?{left:0,marginLeft:"-0.71em"}:{right:0,marginRight:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}})})),Ee=q("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(t,e)=>{const{ownerState:s}=t;return[e.tooltip,s.touch&&e.touch,s.arrow&&e.tooltipArrow,e[`tooltipPlacement${Wo(s.placement.split("-")[0])}`]]}})(({theme:t,ownerState:e})=>r({backgroundColor:t.vars?t.vars.palette.Tooltip.bg:jo.alpha(t.palette.grey[700],.92),borderRadius:(t.vars||t).shape.borderRadius,color:(t.vars||t).palette.common.white,fontFamily:t.typography.fontFamily,padding:"4px 8px",fontSize:t.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:t.typography.fontWeightMedium},e.arrow&&{position:"relative",margin:0},e.touch&&{padding:"8px 16px",fontSize:t.typography.pxToRem(14),lineHeight:`${Oe(16/14)}em`,fontWeight:t.typography.fontWeightRegular},{[`.${u.popper}[data-popper-placement*="left"] &`]:r({transformOrigin:"right center"},e.isRtl?r({marginLeft:"14px"},e.touch&&{marginLeft:"24px"}):r({marginRight:"14px"},e.touch&&{marginRight:"24px"})),[`.${u.popper}[data-popper-placement*="right"] &`]:r({transformOrigin:"left center"},e.isRtl?r({marginRight:"14px"},e.touch&&{marginRight:"24px"}):r({marginLeft:"14px"},e.touch&&{marginLeft:"24px"})),[`.${u.popper}[data-popper-placement*="top"] &`]:r({transformOrigin:"center bottom",marginBottom:"14px"},e.touch&&{marginBottom:"24px"}),[`.${u.popper}[data-popper-placement*="bottom"] &`]:r({transformOrigin:"center top",marginTop:"14px"},e.touch&&{marginTop:"24px"})})),Le=q("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(t,e)=>e.arrow})(({theme:t})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:t.vars?t.vars.palette.Tooltip.bg:jo.alpha(t.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}}));let D=!1;const So=new xe;let w={x:0,y:0};function A(t,e){return(s,...a)=>{e&&e(s,...a),t(s,...a)}}const Ue=p.forwardRef(function(e,s){var a,x,R,C,J,Q,Z,oo,eo,to,ro,so,no,po,io,lo,ao,co,uo;const B=fe({props:e,name:"MuiTooltip"}),{arrow:mo=!1,children:S,components:M={},componentsProps:d={},describeChild:Uo=!1,disableFocusListener:Vo=!1,disableHoverListener:fo=!1,disableInteractive:Ho=!1,disableTouchListener:Go=!1,enterDelay:ho=100,enterNextDelay:go=0,enterTouchDelay:Ko=700,followCursor:W=!1,id:Xo,leaveDelay:bo=0,leaveTouchDelay:Yo=1500,onClose:To,onOpen:vo,open:qo,placement:Po="bottom",PopperComponent:j,PopperProps:m={},slotProps:f={},slots:O={},title:h,TransitionComponent:Jo=Ao,TransitionProps:Qo}=B,yo=he(B,Me),c=p.isValidElement(S)?S:g.jsx("span",{children:S}),wo=Pe(),Zo=ge(),[b,xo]=p.useState(),[z,oe]=p.useState(null),_=p.useRef(!1),U=Ho||W,Ro=N(),V=N(),$=N(),Co=N(),[ee,Mo]=Re({controlled:qo,default:!1,name:"Tooltip",state:"open"});let l=ee;const H=be(Xo),T=p.useRef(),E=Bo(()=>{T.current!==void 0&&(document.body.style.WebkitUserSelect=T.current,T.current=void 0),Co.clear()});p.useEffect(()=>E,[E]);const Oo=o=>{So.clear(),D=!0,Mo(!0),vo&&!l&&vo(o)},L=Bo(o=>{So.start(800+bo,()=>{D=!1}),Mo(!1),To&&l&&To(o),Ro.start(wo.transitions.duration.shortest,()=>{_.current=!1})}),I=o=>{_.current&&o.type!=="touchstart"||(b&&b.removeAttribute("title"),V.clear(),$.clear(),ho||D&&go?V.start(D?go:ho,()=>{Oo(o)}):Oo(o))},G=o=>{V.clear(),$.start(bo,()=>{L(o)})},{isFocusVisibleRef:_o,onBlur:te,onFocus:re,ref:se}=ye(),[,$o]=p.useState(!1),Eo=o=>{te(o),_o.current===!1&&($o(!1),G(o))},Lo=o=>{b||xo(o.currentTarget),re(o),_o.current===!0&&($o(!0),I(o))},Io=o=>{_.current=!0;const n=c.props;n.onTouchStart&&n.onTouchStart(o)},ne=o=>{Io(o),$.clear(),Ro.clear(),E(),T.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",Co.start(Ko,()=>{document.body.style.WebkitUserSelect=T.current,I(o)})},pe=o=>{c.props.onTouchEnd&&c.props.onTouchEnd(o),E(),$.start(Yo,()=>{L(o)})};p.useEffect(()=>{if(!l)return;function o(n){(n.key==="Escape"||n.key==="Esc")&&L(n)}return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[L,l]);const ie=we(Ce(c),se,xo,s);!h&&h!==0&&(l=!1);const K=p.useRef(),le=o=>{const n=c.props;n.onMouseMove&&n.onMouseMove(o),w={x:o.clientX,y:o.clientY},K.current&&K.current.update()},v={},X=typeof h=="string";Uo?(v.title=!l&&X&&!fo?h:null,v["aria-describedby"]=l?H:null):(v["aria-label"]=X?h:null,v["aria-labelledby"]=l&&!X?H:null);const i=r({},v,yo,c.props,{className:F(yo.className,c.props.className),onTouchStart:Io,ref:ie},W?{onMouseMove:le}:{}),P={};Go||(i.onTouchStart=ne,i.onTouchEnd=pe),fo||(i.onMouseOver=A(I,i.onMouseOver),i.onMouseLeave=A(G,i.onMouseLeave),U||(P.onMouseOver=I,P.onMouseLeave=G)),Vo||(i.onFocus=A(Lo,i.onFocus),i.onBlur=A(Eo,i.onBlur),U||(P.onFocus=Lo,P.onBlur=Eo));const ae=p.useMemo(()=>{var o;let n=[{name:"arrow",enabled:!!z,options:{element:z,padding:4}}];return(o=m.popperOptions)!=null&&o.modifiers&&(n=n.concat(m.popperOptions.modifiers)),r({},m.popperOptions,{modifiers:n})},[z,m]),y=r({},B,{isRtl:Zo,arrow:mo,disableInteractive:U,placement:Po,PopperComponentProp:j,touch:_.current}),Y=_e(y),Fo=(a=(x=O.popper)!=null?x:M.Popper)!=null?a:$e,No=(R=(C=(J=O.transition)!=null?J:M.Transition)!=null?C:Jo)!=null?R:Ao,ko=(Q=(Z=O.tooltip)!=null?Z:M.Tooltip)!=null?Q:Ee,Do=(oo=(eo=O.arrow)!=null?eo:M.Arrow)!=null?oo:Le,ce=k(Fo,r({},m,(to=f.popper)!=null?to:d.popper,{className:F(Y.popper,m==null?void 0:m.className,(ro=(so=f.popper)!=null?so:d.popper)==null?void 0:ro.className)}),y),ue=k(No,r({},Qo,(no=f.transition)!=null?no:d.transition),y),de=k(ko,r({},(po=f.tooltip)!=null?po:d.tooltip,{className:F(Y.tooltip,(io=(lo=f.tooltip)!=null?lo:d.tooltip)==null?void 0:io.className)}),y),me=k(Do,r({},(ao=f.arrow)!=null?ao:d.arrow,{className:F(Y.arrow,(co=(uo=f.arrow)!=null?uo:d.arrow)==null?void 0:co.className)}),y);return g.jsxs(p.Fragment,{children:[p.cloneElement(c,i),g.jsx(Fo,r({as:j??zo,placement:Po,anchorEl:W?{getBoundingClientRect:()=>({top:w.y,left:w.x,right:w.x,bottom:w.y,width:0,height:0})}:b,popperRef:K,open:b?l:!1,id:H,transition:!0},P,ce,{popperOptions:ae,children:({TransitionProps:o})=>g.jsx(No,r({timeout:wo.transitions.duration.shorter},o,ue,{children:g.jsxs(ko,r({},de,{children:[h,mo?g.jsx(Do,r({},me,{ref:oe})):null]}))}))}))]})});export{Ue as T};

package/dist/assets/Tooltip.stories-s36iDmFy.js

@@ -1,68 +0,0 @@
-import{j as t}from"./jsx-runtime-CnH95YSl.js";import{w as m,u}from"./index-BJMTVygn.js";import{a as d}from"./axeRun-B-LchFqf.js";import{O as R}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as o}from"./Tooltip-XQJL1Byd.js";import{M}from"./Download-CnpAgqy2.js";import{M as E}from"./Button-DGmXZ3jw.js";import{M as L}from"./Status-BpzpxYZ-.js";import{M as r}from"./Tag-BgjQI7VM.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.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"./BaseButton-COF38VLB.js";import"./Button-CdPi1pZc.js";import"./ButtonBase-BAQsCgRq.js";import"./Chip-DXaMeATb.js";import"./createSvgIcon-DsUj6UQo.js";const dt={component:o,decorators:[R],tags:["autodocs"],argTypes:{children:{control:"object",description:"The content that will trigger the tooltip",table:{type:{summary:"ReactElement"}},type:{required:!0,name:"other",value:"ReactElement"}},ariaType:{options:["description","label"],control:{type:"radio"},description:"The type of ARIA attribute to use",table:{type:{summary:"description | label"}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text to display in the tooltip",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},placement:{options:["top","right","bottom","left"],control:{type:"radio"},description:"The placement of the tooltip",table:{type:{summary:"top | right | bottom | left"},defaultValue:{summary:"top"}}}},args:{ariaType:"label"}},y={args:{},render:function(e){return t.jsx(o,{ariaType:e.ariaType,placement:e.placement,text:e.text,children:e.children})}},z=a=>({canvasElement:e,step:c})=>c("show the tooltip on hover",async()=>{const I=m(e).getByText("Launch");await u.hover(I),await d(a)}),i={...y,args:{children:t.jsx(E,{label:"Launch",variant:"primary"}),ariaType:"description",placement:"top",text:"This will begin a 10-second countdown"},play:z("Tooltip Default")},l={...y,args:{children:t.jsx(E,{ariaLabel:"Download logs",startIcon:t.jsx(M,{}),variant:"secondary"}),ariaType:"label",placement:"top",text:"Download logs"},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=m(a).getByRole("button");await u.hover(n),await d("Tooltip Icon Button")})}},s={...y,args:{children:t.jsx(L,{label:"Warp drive online",severity:"success"}),ariaType:"label",placement:"top",text:"The warp drive is currently online."},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=m(a).getByLabelText("The warp drive is currently online.");await u.hover(n),await d("Tooltip Icon Button")})}},p={args:{},render:()=>t.jsxs(t.Fragment,{children:[t.jsx(o,{ariaType:"label",placement:"top",text:"Top",children:t.jsx(r,{label:"Bow"})}),t.jsx(o,{ariaType:"label",placement:"left",text:"Left",children:t.jsx(r,{label:"Stern"})}),t.jsx(o,{ariaType:"label",placement:"bottom",text:"Bottom",children:t.jsx(r,{label:"Port"})}),t.jsx(o,{ariaType:"label",placement:"right",text:"Right",children:t.jsx(r,{label:"Starboard"})})]})};var T,b,h;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    children: <Button label="Launch" variant="primary" />,
-    ariaType: "description",
-    placement: "top",
-    text: "This will begin a 10-second countdown"
-  },
-  play: showTooltip("Tooltip Default")
-}`,...(h=(b=i.parameters)==null?void 0:b.docs)==null?void 0:h.source}}};var x,g,w;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    children: <Button ariaLabel="Download logs" startIcon={<DownloadIcon />} variant="secondary" />,
-    ariaType: "label",
-    placement: "top",
-    text: "Download logs"
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("tooltip text", async () => {
-      const canvas = within(canvasElement);
-      const button = canvas.getByRole("button");
-      await userEvent.hover(button);
-      await axeRun("Tooltip Icon Button");
-    });
-  }
-}`,...(w=(g=l.parameters)==null?void 0:g.docs)==null?void 0:w.source}}};var v,f,B;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  ...Template,
-  args: {
-    children: <Status label="Warp drive online" severity="success" />,
-    ariaType: "label",
-    placement: "top",
-    text: "The warp drive is currently online."
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    await step("tooltip text", async () => {
-      const canvas = within(canvasElement);
-      const button = canvas.getByLabelText("The warp drive is currently online.");
-      await userEvent.hover(button);
-      await axeRun("Tooltip Icon Button");
-    });
-  }
-}`,...(B=(f=s.parameters)==null?void 0:f.docs)==null?void 0:B.source}}};var j,S,D;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {} as TooltipProps,
-  // This is a hack.
-  render: () => <>
-      <Tooltip ariaType="label" placement="top" text="Top">
-        <Tag label="Bow" />
-      </Tooltip>
-
-      <Tooltip ariaType="label" placement="left" text="Left">
-        <Tag label="Stern" />
-      </Tooltip>
-
-      <Tooltip ariaType="label" placement="bottom" text="Bottom">
-        <Tag label="Port" />
-      </Tooltip>
-
-      <Tooltip ariaType="label" placement="right" text="Right">
-        <Tag label="Starboard" />
-      </Tooltip>
-    </>
-}`,...(D=(S=p.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};const yt=["Default","IconButton","StatusWrapper","Placement"];export{i as Default,l as IconButton,p as Placement,s as StatusWrapper,yt as __namedExportsOrder,dt as default};

package/dist/assets/TopNav.stories-Dg27-0zA.js

@@ -1,13 +0,0 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{a6 as m}from"./OdysseyThemeProvider-BBwjgzn2.js";import{O as p}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{M as a}from"./UserProfile-DqokqHU1.js";import{M as s}from"./TopNav-dZWiR_bv.js";import{M as n}from"./Button-DGmXZ3jw.js";import{M as l}from"./User-D6db-Gy0.js";import{M as d}from"./SearchField-CYM6nbh5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Box-BGpAHVQV.js";import"./Box-CWTB5xfE.js";import"./Typography-DfSdXC7o.js";import"./Typography-Yf1Zkad_.js";import"./UiShellProvider-BOM87LOZ.js";import"./uiShellSharedConstants-DD9UP82e.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"./index-B5xazMy1.js";import"./index-DieBXP3Z.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"./Field-lyECanzU.js";import"./List-Be7fhh4_.js";import"./ListItem-C8ebNPnP.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-BLj3hKkg.js";import"./ScreenReaderText-CM78bF1y.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-qF3DX-zz.js";import"./FieldHint-C3tXb7u4.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSZ9ZgyW.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-D4SsBOPe.js";import"./Search-CkfJXFe5.js";import"./IconButton-OY9nJWpv.js";const uo={component:s,decorators:[p],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{leftSideComponent:{control:void 0,description:"Display global search field",table:{type:{summary:"ReactElement"}}},rightSideComponent:{description:"Additional element to be displayed at the end of the top nav",table:{type:{summary:"ReactElement"}}}}},r={args:{leftSideComponent:o.jsx(d,{label:"Search",placeholder:"Search..."}),rightSideComponent:o.jsxs("div",{style:{display:"flex",gap:m},children:[o.jsx(n,{label:"Connect Builder",variant:"secondary"}),o.jsx(a,{orgName:"ORG123",profileIcon:o.jsx(l,{}),userName:"test.user@test.com"})]})}};var e,t,i;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`{
-  args: {
-    leftSideComponent: <SearchField label="Search" placeholder="Search..." />,
-    rightSideComponent: <div style={{
-      display: "flex",
-      gap: odysseyDesignTokens.Spacing5
-    }}>
-        <Button label="Connect Builder" variant="secondary" />
-
-        <UserProfile orgName="ORG123" profileIcon={<UserIcon />} userName="test.user@test.com" />
-      </div>
-  }
-}`,...(i=(t=r.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const yo=["Default"];export{r as Default,yo as __namedExportsOrder,uo as default};

package/dist/assets/TransitionGroupContext-DLI0IzWy.js

@@ -1 +0,0 @@
-import{r as n,e as s}from"./index-NdkWRN8K.js";import{a as u}from"./OdysseyThemeProvider-BBwjgzn2.js";function f(t){const e=n.useRef(t);return u(()=>{e.current=t}),n.useRef((...r)=>(0,e.current)(...r)).current}function o(t,e){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,c){return r.__proto__=c,r},o(t,e)}function i(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,o(t,e)}const _=s.createContext(null);export{_ as T,i as _,f as u};