@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/assets/{Stepper.stories-BGyCeC7L.js → Stepper.stories-x-eW3EPk.js}

@@ -1,4 +1,4 @@
-import{r as b,j as h,o as Yi,C as Zi,b as Z,l as Tt}from"./iframe-CQjT1fxh.js";import{O as Ji}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{C as Qi,S as Xi}from"./ScopedCssBaseline-BOa6kM98.js";import{M as Ve,N as _e,b as Ue,_ as Ke,a as $,c as te,d as xe,f as qe,S as ie,e as ei,B as ne,ao as ve,an as pe,aq as oe,ak as Ti,ar as Q,p as ka,ag as He,ap as de,j as ue,n as er,o as ar,m as Ie,I as se,W as F,i as tr,w as ir,ai as Me,as as rr,a5 as ge,at as lr,a0 as q,ae as Ye,au as nr,R as ai,P as or,U as sr,s as le}from"./tableRowClasses-Bk1uFtwh.js";import{e as cr,u as ti}from"./OdysseyThemeProvider-BA0_xP7N.js";import{c as ii}from"./createSvgIcon-CaWcxZng.js";import{T as pr}from"./Tooltip-yxN-KFjL.js";import{B as dr}from"./Button-Dug4qNr3.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./WarningFilled-DOHs-JmZ.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./index-5Qx3hCfP.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./ownerDocument-DW-IO8s5.js";import"./ButtonBase-Rz8p08Xo.js";const ba=b.createContext({}),ja=b.createContext({});function ur(a){return Ve("MuiStep",a)}_e("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);const gr=["active","children","className","component","completed","disabled","expanded","index","last"],br=a=>{const{classes:e,orientation:t,alternativeLabel:i,completed:r}=a;return qe({root:["root",t,i&&"alternativeLabel",r&&"completed"]},ur,e)},mr=te("div",{name:"MuiStep",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation],t.alternativeLabel&&e.alternativeLabel,t.completed&&e.completed]}})(({ownerState:a})=>$({},a.orientation==="horizontal"&&{paddingLeft:8,paddingRight:8},a.alternativeLabel&&{flex:1,position:"relative"})),hr=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStep"}),{active:r,children:l,className:n,component:s="div",completed:o,disabled:c,expanded:p=!1,index:u,last:d}=i,v=Ke(i,gr),{activeStep:m,connector:y,alternativeLabel:w,orientation:f,nonLinear:k}=b.useContext(ba);let[C=!1,S=!1,g=!1]=[r,o,c];m===u?C=r!==void 0?r:!0:!k&&m>u?S=o!==void 0?o:!0:!k&&m<u&&(g=c!==void 0?c:!0);const R=b.useMemo(()=>({index:u,last:d,expanded:p,icon:u+1,active:C,completed:S,disabled:g}),[u,d,p,C,S,g]),x=$({},i,{active:C,orientation:f,alternativeLabel:w,completed:S,disabled:g,expanded:p,component:s}),P=br(x),H=h.jsxs(mr,$({as:s,className:xe(P.root,n),ref:t,ownerState:x},v,{children:[y&&w&&u!==0?y:null,l]}));return h.jsx(ja.Provider,{value:R,children:y&&!w&&u!==0?h.jsxs(b.Fragment,{children:[y,H]}):H})}),vr=ii(h.jsx("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"}),"CheckCircle"),fr=ii(h.jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");function kr(a){return Ve("MuiStepIcon",a)}const wa=_e("MuiStepIcon",["root","active","completed","error","text"]);var Ya;const wr=["active","className","completed","error","icon"],yr=a=>{const{classes:e,active:t,completed:i,error:r}=a;return qe({root:["root",t&&"active",i&&"completed",r&&"error"],text:["text"]},kr,e)},ya=te(ie,{name:"MuiStepIcon",slot:"Root",overridesResolver:(a,e)=>e.root})(({theme:a})=>({display:"block",transition:a.transitions.create("color",{duration:a.transitions.duration.shortest}),color:(a.vars||a).palette.text.disabled,[`&.${wa.completed}`]:{color:(a.vars||a).palette.primary.main},[`&.${wa.active}`]:{color:(a.vars||a).palette.primary.main},[`&.${wa.error}`]:{color:(a.vars||a).palette.error.main}})),xr=te("text",{name:"MuiStepIcon",slot:"Text",overridesResolver:(a,e)=>e.text})(({theme:a})=>({fill:(a.vars||a).palette.primary.contrastText,fontSize:a.typography.caption.fontSize,fontFamily:a.typography.fontFamily})),Sr=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStepIcon"}),{active:r=!1,className:l,completed:n=!1,error:s=!1,icon:o}=i,c=Ke(i,wr),p=$({},i,{active:r,completed:n,error:s}),u=yr(p);if(typeof o=="number"||typeof o=="string"){const d=xe(l,u.root);return s?h.jsx(ya,$({as:fr,className:d,ref:t,ownerState:p},c)):n?h.jsx(ya,$({as:vr,className:d,ref:t,ownerState:p},c)):h.jsxs(ya,$({className:d,ref:t,ownerState:p},c,{children:[Ya||(Ya=h.jsx("circle",{cx:"12",cy:"12",r:"12"})),h.jsx(xr,{className:u.text,x:"12",y:"12",textAnchor:"middle",dominantBaseline:"central",ownerState:p,children:o})]}))}return o});function Cr(a){return Ve("MuiStepLabel",a)}const ce=_e("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]),Rr=["children","className","componentsProps","error","icon","optional","slotProps","StepIconComponent","StepIconProps"],zr=a=>{const{classes:e,orientation:t,active:i,completed:r,error:l,disabled:n,alternativeLabel:s}=a;return qe({root:["root",t,l&&"error",n&&"disabled",s&&"alternativeLabel"],label:["label",i&&"active",r&&"completed",l&&"error",n&&"disabled",s&&"alternativeLabel"],iconContainer:["iconContainer",i&&"active",r&&"completed",l&&"error",n&&"disabled",s&&"alternativeLabel"],labelContainer:["labelContainer",s&&"alternativeLabel"]},Cr,e)},Pr=te("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation]]}})(({ownerState:a})=>$({display:"flex",alignItems:"center",[`&.${ce.alternativeLabel}`]:{flexDirection:"column"},[`&.${ce.disabled}`]:{cursor:"default"}},a.orientation==="vertical"&&{textAlign:"left",padding:"8px 0"})),Hr=te("span",{name:"MuiStepLabel",slot:"Label",overridesResolver:(a,e)=>e.label})(({theme:a})=>$({},a.typography.body2,{display:"block",transition:a.transitions.create("color",{duration:a.transitions.duration.shortest}),[`&.${ce.active}`]:{color:(a.vars||a).palette.text.primary,fontWeight:500},[`&.${ce.completed}`]:{color:(a.vars||a).palette.text.primary,fontWeight:500},[`&.${ce.alternativeLabel}`]:{marginTop:16},[`&.${ce.error}`]:{color:(a.vars||a).palette.error.main}})),Ir=te("span",{name:"MuiStepLabel",slot:"IconContainer",overridesResolver:(a,e)=>e.iconContainer})(()=>({flexShrink:0,display:"flex",paddingRight:8,[`&.${ce.alternativeLabel}`]:{paddingRight:0}})),Mr=te("span",{name:"MuiStepLabel",slot:"LabelContainer",overridesResolver:(a,e)=>e.labelContainer})(({theme:a})=>({width:"100%",color:(a.vars||a).palette.text.secondary,[`&.${ce.alternativeLabel}`]:{textAlign:"center"}})),ri=b.forwardRef(function(e,t){var i;const r=Ue({props:e,name:"MuiStepLabel"}),{children:l,className:n,componentsProps:s={},error:o=!1,icon:c,optional:p,slotProps:u={},StepIconComponent:d,StepIconProps:v}=r,m=Ke(r,Rr),{alternativeLabel:y,orientation:w}=b.useContext(ba),{active:f,disabled:k,completed:C,icon:S}=b.useContext(ja),g=c||S;let R=d;g&&!R&&(R=Sr);const x=$({},r,{active:f,alternativeLabel:y,completed:C,disabled:k,error:o,orientation:w}),P=zr(x),H=(i=u.label)!=null?i:s.label;return h.jsxs(Pr,$({className:xe(P.root,n),ref:t,ownerState:x},m,{children:[g||R?h.jsx(Ir,{className:P.iconContainer,ownerState:x,children:h.jsx(R,$({completed:C,active:f,error:o,icon:g},v))}):null,h.jsxs(Mr,{className:P.labelContainer,ownerState:x,children:[l?h.jsx(Hr,$({ownerState:x},H,{className:xe(P.label,H==null?void 0:H.className),children:l})):null,p]})]}))});ri.muiName="StepLabel";function Br(a){return Ve("MuiStepConnector",a)}_e("MuiStepConnector",["root","horizontal","vertical","alternativeLabel","active","completed","disabled","line","lineHorizontal","lineVertical"]);const Nr=["className"],Lr=a=>{const{classes:e,orientation:t,alternativeLabel:i,active:r,completed:l,disabled:n}=a,s={root:["root",t,i&&"alternativeLabel",r&&"active",l&&"completed",n&&"disabled"],line:["line",`line${ei(t)}`]};return qe(s,Br,e)},$r=te("div",{name:"MuiStepConnector",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation],t.alternativeLabel&&e.alternativeLabel,t.completed&&e.completed]}})(({ownerState:a})=>$({flex:"1 1 auto"},a.orientation==="vertical"&&{marginLeft:12},a.alternativeLabel&&{position:"absolute",top:12,left:"calc(-50% + 20px)",right:"calc(50% + 20px)"})),Or=te("span",{name:"MuiStepConnector",slot:"Line",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.line,e[`line${ei(t.orientation)}`]]}})(({ownerState:a,theme:e})=>{const t=e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[600];return $({display:"block",borderColor:e.vars?e.vars.palette.StepConnector.border:t},a.orientation==="horizontal"&&{borderTopStyle:"solid",borderTopWidth:1},a.orientation==="vertical"&&{borderLeftStyle:"solid",borderLeftWidth:1,minHeight:24})}),Ar=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStepConnector"}),{className:r}=i,l=Ke(i,Nr),{alternativeLabel:n,orientation:s="horizontal"}=b.useContext(ba),{active:o,disabled:c,completed:p}=b.useContext(ja),u=$({},i,{alternativeLabel:n,orientation:s,active:o,completed:p,disabled:c}),d=Lr(u);return h.jsx($r,$({className:xe(d.root,r),ref:t,ownerState:u},l,{children:h.jsx(Or,{className:d.line,ownerState:u})}))});function jr(a){return Ve("MuiStepper",a)}_e("MuiStepper",["root","horizontal","vertical","nonLinear","alternativeLabel"]);const Er=["activeStep","alternativeLabel","children","className","component","connector","nonLinear","orientation"],Dr=a=>{const{orientation:e,nonLinear:t,alternativeLabel:i,classes:r}=a;return qe({root:["root",e,t&&"nonLinear",i&&"alternativeLabel"]},jr,r)},Fr=te("div",{name:"MuiStepper",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation],t.alternativeLabel&&e.alternativeLabel,t.nonLinear&&e.nonLinear]}})(({ownerState:a})=>$({display:"flex"},a.orientation==="horizontal"&&{flexDirection:"row",alignItems:"center"},a.orientation==="vertical"&&{flexDirection:"column"},a.alternativeLabel&&{alignItems:"flex-start"})),Wr=h.jsx(Ar,{}),Vr=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStepper"}),{activeStep:r=0,alternativeLabel:l=!1,children:n,className:s,component:o="div",connector:c=Wr,nonLinear:p=!1,orientation:u="horizontal"}=i,d=Ke(i,Er),v=$({},i,{nonLinear:p,alternativeLabel:l,orientation:u,component:o}),m=Dr(v),y=b.Children.toArray(n).filter(Boolean),w=y.map((k,C)=>b.cloneElement(k,$({index:C,last:C+1===y.length},k.props))),f=b.useMemo(()=>({activeStep:r,alternativeLabel:l,connector:c,nonLinear:p,orientation:u}),[r,l,c,p,u]);return h.jsx(ba.Provider,{value:f,children:h.jsx(Fr,$({as:o,ownerState:v,className:xe(m.root,s),ref:t},d,{children:w}))})});function _r(a){if(a.sheet)return a.sheet;for(var e=0;e<document.styleSheets.length;e++)if(document.styleSheets[e].ownerNode===a)return document.styleSheets[e]}function Ur(a){var e=document.createElement("style");return e.setAttribute("data-emotion",a.key),a.nonce!==void 0&&e.setAttribute("nonce",a.nonce),e.appendChild(document.createTextNode("")),e.setAttribute("data-s",""),e}var Kr=function(){function a(t){var i=this;this._insertTag=function(r){var l;i.tags.length===0?i.insertionPoint?l=i.insertionPoint.nextSibling:i.prepend?l=i.container.firstChild:l=i.before:l=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(r,l),i.tags.push(r)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var e=a.prototype;return e.hydrate=function(t){t.forEach(this._insertTag)},e.insert=function(t){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Ur(this));var i=this.tags[this.tags.length-1];if(this.isSpeedy){var r=_r(i);try{r.insertRule(t,r.cssRules.length)}catch{}}else i.appendChild(document.createTextNode(t));this.ctr++},e.flush=function(){this.tags.forEach(function(t){var i;return(i=t.parentNode)==null?void 0:i.removeChild(t)}),this.tags=[],this.ctr=0},a}(),W="-ms-",ca="-moz-",B="-webkit-",li="comm",Ea="rule",Da="decl",qr="@import",ni="@keyframes",Gr="@layer",Yr=Math.abs,ma=String.fromCharCode,Zr=Object.assign;function Jr(a,e){return E(a,0)^45?(((e<<2^E(a,0))<<2^E(a,1))<<2^E(a,2))<<2^E(a,3):0}function oi(a){return a.trim()}function Qr(a,e){return(a=e.exec(a))?a[0]:a}function N(a,e,t){return a.replace(e,t)}function Ia(a,e){return a.indexOf(e)}function E(a,e){return a.charCodeAt(e)|0}function Ae(a,e,t){return a.slice(e,t)}function X(a){return a.length}function Fa(a){return a.length}function Ze(a,e){return e.push(a),a}function Xr(a,e){return a.map(e).join("")}var ha=1,Se=1,si=0,U=0,j=0,Ce="";function va(a,e,t,i,r,l,n){return{value:a,root:e,parent:t,type:i,props:r,children:l,line:ha,column:Se,length:n,return:""}}function Be(a,e){return Zr(va("",null,null,"",null,null,0),a,{length:-a.length},e)}function Tr(){return j}function el(){return j=U>0?E(Ce,--U):0,Se--,j===10&&(Se=1,ha--),j}function G(){return j=U<si?E(Ce,U++):0,Se++,j===10&&(Se=1,ha++),j}function ae(){return E(Ce,U)}function la(){return U}function Ge(a,e){return Ae(Ce,a,e)}function je(a){switch(a){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function ci(a){return ha=Se=1,si=X(Ce=a),U=0,[]}function pi(a){return Ce="",a}function na(a){return oi(Ge(U-1,Ma(a===91?a+2:a===40?a+1:a)))}function al(a){for(;(j=ae())&&j<33;)G();return je(a)>2||je(j)>3?"":" "}function tl(a,e){for(;--e&&G()&&!(j<48||j>102||j>57&&j<65||j>70&&j<97););return Ge(a,la()+(e<6&&ae()==32&&G()==32))}function Ma(a){for(;G();)switch(j){case a:return U;case 34:case 39:a!==34&&a!==39&&Ma(j);break;case 40:a===41&&Ma(a);break;case 92:G();break}return U}function il(a,e){for(;G()&&a+j!==57&&!(a+j===84&&ae()===47););return"/*"+Ge(e,U-1)+"*"+ma(a===47?a:G())}function rl(a){for(;!je(ae());)G();return Ge(a,U)}function ll(a){return pi(oa("",null,null,null,[""],a=ci(a),0,[0],a))}function oa(a,e,t,i,r,l,n,s,o){for(var c=0,p=0,u=n,d=0,v=0,m=0,y=1,w=1,f=1,k=0,C="",S=r,g=l,R=i,x=C;w;)switch(m=k,k=G()){case 40:if(m!=108&&E(x,u-1)==58){Ia(x+=N(na(k),"&","&\f"),"&\f")!=-1&&(f=-1);break}case 34:case 39:case 91:x+=na(k);break;case 9:case 10:case 13:case 32:x+=al(m);break;case 92:x+=tl(la()-1,7);continue;case 47:switch(ae()){case 42:case 47:Ze(nl(il(G(),la()),e,t),o);break;default:x+="/"}break;case 123*y:s[c++]=X(x)*f;case 125*y:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+p:f==-1&&(x=N(x,/\f/g,"")),v>0&&X(x)-u&&Ze(v>32?Ja(x+";",i,t,u-1):Ja(N(x," ","")+";",i,t,u-2),o);break;case 59:x+=";";default:if(Ze(R=Za(x,e,t,c,p,r,s,C,S=[],g=[],u),l),k===123)if(p===0)oa(x,e,R,R,S,l,u,s,g);else switch(d===99&&E(x,3)===110?100:d){case 100:case 108:case 109:case 115:oa(a,R,R,i&&Ze(Za(a,R,R,0,0,r,s,C,r,S=[],u),g),r,g,u,s,i?S:g);break;default:oa(x,R,R,R,[""],g,0,s,g)}}c=p=v=0,y=f=1,C=x="",u=n;break;case 58:u=1+X(x),v=m;default:if(y<1){if(k==123)--y;else if(k==125&&y++==0&&el()==125)continue}switch(x+=ma(k),k*y){case 38:f=p>0?1:(x+="\f",-1);break;case 44:s[c++]=(X(x)-1)*f,f=1;break;case 64:ae()===45&&(x+=na(G())),d=ae(),p=u=X(C=x+=rl(la())),k++;break;case 45:m===45&&X(x)==2&&(y=0)}}return l}function Za(a,e,t,i,r,l,n,s,o,c,p){for(var u=r-1,d=r===0?l:[""],v=Fa(d),m=0,y=0,w=0;m<i;++m)for(var f=0,k=Ae(a,u+1,u=Yr(y=n[m])),C=a;f<v;++f)(C=oi(y>0?d[f]+" "+k:N(k,/&\f/g,d[f])))&&(o[w++]=C);return va(a,e,t,r===0?Ea:s,o,c,p)}function nl(a,e,t){return va(a,e,t,li,ma(Tr()),Ae(a,2,-2),0)}function Ja(a,e,t,i){return va(a,e,t,Da,Ae(a,0,i),Ae(a,i+1,-1),i)}function ye(a,e){for(var t="",i=Fa(a),r=0;r<i;r++)t+=e(a[r],r,a,e)||"";return t}function ol(a,e,t,i){switch(a.type){case Gr:if(a.children.length)break;case qr:case Da:return a.return=a.return||a.value;case li:return"";case ni:return a.return=a.value+"{"+ye(a.children,i)+"}";case Ea:a.value=a.props.join(",")}return X(t=ye(a.children,i))?a.return=a.value+"{"+t+"}":""}function sl(a){var e=Fa(a);return function(t,i,r,l){for(var n="",s=0;s<e;s++)n+=a[s](t,i,r,l)||"";return n}}function cl(a){return function(e){e.root||(e=e.return)&&a(e)}}function pl(a){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=a(t)),e[t]}}var dl=function(a,e,t){for(var i=0,r=0;i=r,r=ae(),i===38&&r===12&&(e[t]=1),!je(r);)G();return Ge(a,U)},ul=function(a,e){var t=-1,i=44;do switch(je(i)){case 0:i===38&&ae()===12&&(e[t]=1),a[t]+=dl(U-1,e,t);break;case 2:a[t]+=na(i);break;case 4:if(i===44){a[++t]=ae()===58?"&\f":"",e[t]=a[t].length;break}default:a[t]+=ma(i)}while(i=G());return a},gl=function(a,e){return pi(ul(ci(a),e))},Qa=new WeakMap,bl=function(a){if(!(a.type!=="rule"||!a.parent||a.length<1)){for(var e=a.value,t=a.parent,i=a.column===t.column&&a.line===t.line;t.type!=="rule";)if(t=t.parent,!t)return;if(!(a.props.length===1&&e.charCodeAt(0)!==58&&!Qa.get(t))&&!i){Qa.set(a,!0);for(var r=[],l=gl(e,r),n=t.props,s=0,o=0;s<l.length;s++)for(var c=0;c<n.length;c++,o++)a.props[o]=r[s]?l[s].replace(/&\f/g,n[c]):n[c]+" "+l[s]}}},ml=function(a){if(a.type==="decl"){var e=a.value;e.charCodeAt(0)===108&&e.charCodeAt(2)===98&&(a.return="",a.value="")}};function di(a,e){switch(Jr(a,e)){case 5103:return B+"print-"+a+a;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return B+a+a;case 5349:case 4246:case 4810:case 6968:case 2756:return B+a+ca+a+W+a+a;case 6828:case 4268:return B+a+W+a+a;case 6165:return B+a+W+"flex-"+a+a;case 5187:return B+a+N(a,/(\w+).+(:[^]+)/,B+"box-$1$2"+W+"flex-$1$2")+a;case 5443:return B+a+W+"flex-item-"+N(a,/flex-|-self/,"")+a;case 4675:return B+a+W+"flex-line-pack"+N(a,/align-content|flex-|-self/,"")+a;case 5548:return B+a+W+N(a,"shrink","negative")+a;case 5292:return B+a+W+N(a,"basis","preferred-size")+a;case 6060:return B+"box-"+N(a,"-grow","")+B+a+W+N(a,"grow","positive")+a;case 4554:return B+N(a,/([^-])(transform)/g,"$1"+B+"$2")+a;case 6187:return N(N(N(a,/(zoom-|grab)/,B+"$1"),/(image-set)/,B+"$1"),a,"")+a;case 5495:case 3959:return N(a,/(image-set\([^]*)/,B+"$1$`$1");case 4968:return N(N(a,/(.+:)(flex-)?(.*)/,B+"box-pack:$3"+W+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+B+a+a;case 4095:case 3583:case 4068:case 2532:return N(a,/(.+)-inline(.+)/,B+"$1$2")+a;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(X(a)-1-e>6)switch(E(a,e+1)){case 109:if(E(a,e+4)!==45)break;case 102:return N(a,/(.+:)(.+)-([^]+)/,"$1"+B+"$2-$3$1"+ca+(E(a,e+3)==108?"$3":"$2-$3"))+a;case 115:return~Ia(a,"stretch")?di(N(a,"stretch","fill-available"),e)+a:a}break;case 4949:if(E(a,e+1)!==115)break;case 6444:switch(E(a,X(a)-3-(~Ia(a,"!important")&&10))){case 107:return N(a,":",":"+B)+a;case 101:return N(a,/(.+:)([^;!]+)(;|!.+)?/,"$1"+B+(E(a,14)===45?"inline-":"")+"box$3$1"+B+"$2$3$1"+W+"$2box$3")+a}break;case 5936:switch(E(a,e+11)){case 114:return B+a+W+N(a,/[svh]\w+-[tblr]{2}/,"tb")+a;case 108:return B+a+W+N(a,/[svh]\w+-[tblr]{2}/,"tb-rl")+a;case 45:return B+a+W+N(a,/[svh]\w+-[tblr]{2}/,"lr")+a}return B+a+W+a+a}return a}var hl=function(a,e,t,i){if(a.length>-1&&!a.return)switch(a.type){case Da:a.return=di(a.value,a.length);break;case ni:return ye([Be(a,{value:N(a.value,"@","@"+B)})],i);case Ea:if(a.length)return Xr(a.props,function(r){switch(Qr(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ye([Be(a,{props:[N(r,/:(read-\w+)/,":"+ca+"$1")]})],i);case"::placeholder":return ye([Be(a,{props:[N(r,/:(plac\w+)/,":"+B+"input-$1")]}),Be(a,{props:[N(r,/:(plac\w+)/,":"+ca+"$1")]}),Be(a,{props:[N(r,/:(plac\w+)/,W+"input-$1")]})],i)}return""})}},vl=[hl],fl=function(a){var e=a.key;if(e==="css"){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,function(m){var y=m.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(m),m.setAttribute("data-s",""))})}var i=a.stylisPlugins||vl,r={},l,n=[];l=a.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),function(m){for(var y=m.getAttribute("data-emotion").split(" "),w=1;w<y.length;w++)r[y[w]]=!0;n.push(m)});var s,o=[bl,ml];{var c,p=[ol,cl(function(m){c.insert(m)})],u=sl(o.concat(i,p)),d=function(m){return ye(ll(m),u)};s=function(m,y,w,f){c=w,d(m?m+"{"+y.styles+"}":y.styles),f&&(v.inserted[y.name]=!0)}}var v={key:e,sheet:new Kr({key:e,container:l,nonce:a.nonce,speedy:a.speedy,prepend:a.prepend,insertionPoint:a.insertionPoint}),nonce:a.nonce,inserted:r,registered:{},insert:s};return v.sheet.hydrate(n),v};function kl(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Xa={exports:{}},L={};/** @license React v16.13.1
+import{r as b,j as h,o as Yi,C as Zi,d as Z,b as Tt}from"./iframe-Cav9rlxr.js";import{O as Ji}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{C as Qi,S as Xi}from"./ScopedCssBaseline-CbMqVD26.js";import{M as Ve,N as _e,b as Ue,_ as Ke,a as $,c as te,d as xe,f as qe,S as ie,e as ei,B as ne,ao as ve,an as pe,aq as oe,ak as Ti,ar as Q,p as ka,ag as He,ap as de,j as ue,n as er,o as ar,m as Ie,I as se,W as F,i as tr,w as ir,ai as Me,as as rr,a5 as ge,at as lr,a0 as q,ae as Ye,au as nr,R as ai,P as or,U as sr,s as le}from"./tableRowClasses-DYosAqvx.js";import{r as cr}from"./index.es-0rJMfM0E.js";import{c as ti}from"./createSvgIcon-CoE7vjSC.js";import{u as ii}from"./OdysseyThemeProvider-DOMFnSU0.js";import{T as pr}from"./Tooltip-DVPGLNQs.js";import{B as dr}from"./Button-AqSkJ6Nd.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./WarningFilled-DJX60tUO.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./ButtonBase-CYIo9Kvv.js";const ba=b.createContext({}),ja=b.createContext({});function ur(a){return Ve("MuiStep",a)}_e("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);const gr=["active","children","className","component","completed","disabled","expanded","index","last"],br=a=>{const{classes:e,orientation:t,alternativeLabel:i,completed:r}=a;return qe({root:["root",t,i&&"alternativeLabel",r&&"completed"]},ur,e)},mr=te("div",{name:"MuiStep",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation],t.alternativeLabel&&e.alternativeLabel,t.completed&&e.completed]}})(({ownerState:a})=>$({},a.orientation==="horizontal"&&{paddingLeft:8,paddingRight:8},a.alternativeLabel&&{flex:1,position:"relative"})),hr=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStep"}),{active:r,children:l,className:n,component:s="div",completed:o,disabled:c,expanded:p=!1,index:u,last:d}=i,v=Ke(i,gr),{activeStep:m,connector:y,alternativeLabel:w,orientation:f,nonLinear:k}=b.useContext(ba);let[C=!1,S=!1,g=!1]=[r,o,c];m===u?C=r!==void 0?r:!0:!k&&m>u?S=o!==void 0?o:!0:!k&&m<u&&(g=c!==void 0?c:!0);const R=b.useMemo(()=>({index:u,last:d,expanded:p,icon:u+1,active:C,completed:S,disabled:g}),[u,d,p,C,S,g]),x=$({},i,{active:C,orientation:f,alternativeLabel:w,completed:S,disabled:g,expanded:p,component:s}),P=br(x),H=h.jsxs(mr,$({as:s,className:xe(P.root,n),ref:t,ownerState:x},v,{children:[y&&w&&u!==0?y:null,l]}));return h.jsx(ja.Provider,{value:R,children:y&&!w&&u!==0?h.jsxs(b.Fragment,{children:[y,H]}):H})}),vr=ti(h.jsx("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"}),"CheckCircle"),fr=ti(h.jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");function kr(a){return Ve("MuiStepIcon",a)}const wa=_e("MuiStepIcon",["root","active","completed","error","text"]);var Ya;const wr=["active","className","completed","error","icon"],yr=a=>{const{classes:e,active:t,completed:i,error:r}=a;return qe({root:["root",t&&"active",i&&"completed",r&&"error"],text:["text"]},kr,e)},ya=te(ie,{name:"MuiStepIcon",slot:"Root",overridesResolver:(a,e)=>e.root})(({theme:a})=>({display:"block",transition:a.transitions.create("color",{duration:a.transitions.duration.shortest}),color:(a.vars||a).palette.text.disabled,[`&.${wa.completed}`]:{color:(a.vars||a).palette.primary.main},[`&.${wa.active}`]:{color:(a.vars||a).palette.primary.main},[`&.${wa.error}`]:{color:(a.vars||a).palette.error.main}})),xr=te("text",{name:"MuiStepIcon",slot:"Text",overridesResolver:(a,e)=>e.text})(({theme:a})=>({fill:(a.vars||a).palette.primary.contrastText,fontSize:a.typography.caption.fontSize,fontFamily:a.typography.fontFamily})),Sr=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStepIcon"}),{active:r=!1,className:l,completed:n=!1,error:s=!1,icon:o}=i,c=Ke(i,wr),p=$({},i,{active:r,completed:n,error:s}),u=yr(p);if(typeof o=="number"||typeof o=="string"){const d=xe(l,u.root);return s?h.jsx(ya,$({as:fr,className:d,ref:t,ownerState:p},c)):n?h.jsx(ya,$({as:vr,className:d,ref:t,ownerState:p},c)):h.jsxs(ya,$({className:d,ref:t,ownerState:p},c,{children:[Ya||(Ya=h.jsx("circle",{cx:"12",cy:"12",r:"12"})),h.jsx(xr,{className:u.text,x:"12",y:"12",textAnchor:"middle",dominantBaseline:"central",ownerState:p,children:o})]}))}return o});function Cr(a){return Ve("MuiStepLabel",a)}const ce=_e("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]),Rr=["children","className","componentsProps","error","icon","optional","slotProps","StepIconComponent","StepIconProps"],zr=a=>{const{classes:e,orientation:t,active:i,completed:r,error:l,disabled:n,alternativeLabel:s}=a;return qe({root:["root",t,l&&"error",n&&"disabled",s&&"alternativeLabel"],label:["label",i&&"active",r&&"completed",l&&"error",n&&"disabled",s&&"alternativeLabel"],iconContainer:["iconContainer",i&&"active",r&&"completed",l&&"error",n&&"disabled",s&&"alternativeLabel"],labelContainer:["labelContainer",s&&"alternativeLabel"]},Cr,e)},Pr=te("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation]]}})(({ownerState:a})=>$({display:"flex",alignItems:"center",[`&.${ce.alternativeLabel}`]:{flexDirection:"column"},[`&.${ce.disabled}`]:{cursor:"default"}},a.orientation==="vertical"&&{textAlign:"left",padding:"8px 0"})),Hr=te("span",{name:"MuiStepLabel",slot:"Label",overridesResolver:(a,e)=>e.label})(({theme:a})=>$({},a.typography.body2,{display:"block",transition:a.transitions.create("color",{duration:a.transitions.duration.shortest}),[`&.${ce.active}`]:{color:(a.vars||a).palette.text.primary,fontWeight:500},[`&.${ce.completed}`]:{color:(a.vars||a).palette.text.primary,fontWeight:500},[`&.${ce.alternativeLabel}`]:{marginTop:16},[`&.${ce.error}`]:{color:(a.vars||a).palette.error.main}})),Ir=te("span",{name:"MuiStepLabel",slot:"IconContainer",overridesResolver:(a,e)=>e.iconContainer})(()=>({flexShrink:0,display:"flex",paddingRight:8,[`&.${ce.alternativeLabel}`]:{paddingRight:0}})),Mr=te("span",{name:"MuiStepLabel",slot:"LabelContainer",overridesResolver:(a,e)=>e.labelContainer})(({theme:a})=>({width:"100%",color:(a.vars||a).palette.text.secondary,[`&.${ce.alternativeLabel}`]:{textAlign:"center"}})),ri=b.forwardRef(function(e,t){var i;const r=Ue({props:e,name:"MuiStepLabel"}),{children:l,className:n,componentsProps:s={},error:o=!1,icon:c,optional:p,slotProps:u={},StepIconComponent:d,StepIconProps:v}=r,m=Ke(r,Rr),{alternativeLabel:y,orientation:w}=b.useContext(ba),{active:f,disabled:k,completed:C,icon:S}=b.useContext(ja),g=c||S;let R=d;g&&!R&&(R=Sr);const x=$({},r,{active:f,alternativeLabel:y,completed:C,disabled:k,error:o,orientation:w}),P=zr(x),H=(i=u.label)!=null?i:s.label;return h.jsxs(Pr,$({className:xe(P.root,n),ref:t,ownerState:x},m,{children:[g||R?h.jsx(Ir,{className:P.iconContainer,ownerState:x,children:h.jsx(R,$({completed:C,active:f,error:o,icon:g},v))}):null,h.jsxs(Mr,{className:P.labelContainer,ownerState:x,children:[l?h.jsx(Hr,$({ownerState:x},H,{className:xe(P.label,H==null?void 0:H.className),children:l})):null,p]})]}))});ri.muiName="StepLabel";function Br(a){return Ve("MuiStepConnector",a)}_e("MuiStepConnector",["root","horizontal","vertical","alternativeLabel","active","completed","disabled","line","lineHorizontal","lineVertical"]);const Nr=["className"],Lr=a=>{const{classes:e,orientation:t,alternativeLabel:i,active:r,completed:l,disabled:n}=a,s={root:["root",t,i&&"alternativeLabel",r&&"active",l&&"completed",n&&"disabled"],line:["line",`line${ei(t)}`]};return qe(s,Br,e)},$r=te("div",{name:"MuiStepConnector",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation],t.alternativeLabel&&e.alternativeLabel,t.completed&&e.completed]}})(({ownerState:a})=>$({flex:"1 1 auto"},a.orientation==="vertical"&&{marginLeft:12},a.alternativeLabel&&{position:"absolute",top:12,left:"calc(-50% + 20px)",right:"calc(50% + 20px)"})),Or=te("span",{name:"MuiStepConnector",slot:"Line",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.line,e[`line${ei(t.orientation)}`]]}})(({ownerState:a,theme:e})=>{const t=e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[600];return $({display:"block",borderColor:e.vars?e.vars.palette.StepConnector.border:t},a.orientation==="horizontal"&&{borderTopStyle:"solid",borderTopWidth:1},a.orientation==="vertical"&&{borderLeftStyle:"solid",borderLeftWidth:1,minHeight:24})}),Ar=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStepConnector"}),{className:r}=i,l=Ke(i,Nr),{alternativeLabel:n,orientation:s="horizontal"}=b.useContext(ba),{active:o,disabled:c,completed:p}=b.useContext(ja),u=$({},i,{alternativeLabel:n,orientation:s,active:o,completed:p,disabled:c}),d=Lr(u);return h.jsx($r,$({className:xe(d.root,r),ref:t,ownerState:u},l,{children:h.jsx(Or,{className:d.line,ownerState:u})}))});function jr(a){return Ve("MuiStepper",a)}_e("MuiStepper",["root","horizontal","vertical","nonLinear","alternativeLabel"]);const Er=["activeStep","alternativeLabel","children","className","component","connector","nonLinear","orientation"],Dr=a=>{const{orientation:e,nonLinear:t,alternativeLabel:i,classes:r}=a;return qe({root:["root",e,t&&"nonLinear",i&&"alternativeLabel"]},jr,r)},Fr=te("div",{name:"MuiStepper",slot:"Root",overridesResolver:(a,e)=>{const{ownerState:t}=a;return[e.root,e[t.orientation],t.alternativeLabel&&e.alternativeLabel,t.nonLinear&&e.nonLinear]}})(({ownerState:a})=>$({display:"flex"},a.orientation==="horizontal"&&{flexDirection:"row",alignItems:"center"},a.orientation==="vertical"&&{flexDirection:"column"},a.alternativeLabel&&{alignItems:"flex-start"})),Wr=h.jsx(Ar,{}),Vr=b.forwardRef(function(e,t){const i=Ue({props:e,name:"MuiStepper"}),{activeStep:r=0,alternativeLabel:l=!1,children:n,className:s,component:o="div",connector:c=Wr,nonLinear:p=!1,orientation:u="horizontal"}=i,d=Ke(i,Er),v=$({},i,{nonLinear:p,alternativeLabel:l,orientation:u,component:o}),m=Dr(v),y=b.Children.toArray(n).filter(Boolean),w=y.map((k,C)=>b.cloneElement(k,$({index:C,last:C+1===y.length},k.props))),f=b.useMemo(()=>({activeStep:r,alternativeLabel:l,connector:c,nonLinear:p,orientation:u}),[r,l,c,p,u]);return h.jsx(ba.Provider,{value:f,children:h.jsx(Fr,$({as:o,ownerState:v,className:xe(m.root,s),ref:t},d,{children:w}))})});function _r(a){if(a.sheet)return a.sheet;for(var e=0;e<document.styleSheets.length;e++)if(document.styleSheets[e].ownerNode===a)return document.styleSheets[e]}function Ur(a){var e=document.createElement("style");return e.setAttribute("data-emotion",a.key),a.nonce!==void 0&&e.setAttribute("nonce",a.nonce),e.appendChild(document.createTextNode("")),e.setAttribute("data-s",""),e}var Kr=function(){function a(t){var i=this;this._insertTag=function(r){var l;i.tags.length===0?i.insertionPoint?l=i.insertionPoint.nextSibling:i.prepend?l=i.container.firstChild:l=i.before:l=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(r,l),i.tags.push(r)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var e=a.prototype;return e.hydrate=function(t){t.forEach(this._insertTag)},e.insert=function(t){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Ur(this));var i=this.tags[this.tags.length-1];if(this.isSpeedy){var r=_r(i);try{r.insertRule(t,r.cssRules.length)}catch{}}else i.appendChild(document.createTextNode(t));this.ctr++},e.flush=function(){this.tags.forEach(function(t){var i;return(i=t.parentNode)==null?void 0:i.removeChild(t)}),this.tags=[],this.ctr=0},a}(),W="-ms-",ca="-moz-",B="-webkit-",li="comm",Ea="rule",Da="decl",qr="@import",ni="@keyframes",Gr="@layer",Yr=Math.abs,ma=String.fromCharCode,Zr=Object.assign;function Jr(a,e){return E(a,0)^45?(((e<<2^E(a,0))<<2^E(a,1))<<2^E(a,2))<<2^E(a,3):0}function oi(a){return a.trim()}function Qr(a,e){return(a=e.exec(a))?a[0]:a}function N(a,e,t){return a.replace(e,t)}function Ia(a,e){return a.indexOf(e)}function E(a,e){return a.charCodeAt(e)|0}function Ae(a,e,t){return a.slice(e,t)}function X(a){return a.length}function Fa(a){return a.length}function Ze(a,e){return e.push(a),a}function Xr(a,e){return a.map(e).join("")}var ha=1,Se=1,si=0,U=0,j=0,Ce="";function va(a,e,t,i,r,l,n){return{value:a,root:e,parent:t,type:i,props:r,children:l,line:ha,column:Se,length:n,return:""}}function Be(a,e){return Zr(va("",null,null,"",null,null,0),a,{length:-a.length},e)}function Tr(){return j}function el(){return j=U>0?E(Ce,--U):0,Se--,j===10&&(Se=1,ha--),j}function G(){return j=U<si?E(Ce,U++):0,Se++,j===10&&(Se=1,ha++),j}function ae(){return E(Ce,U)}function la(){return U}function Ge(a,e){return Ae(Ce,a,e)}function je(a){switch(a){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function ci(a){return ha=Se=1,si=X(Ce=a),U=0,[]}function pi(a){return Ce="",a}function na(a){return oi(Ge(U-1,Ma(a===91?a+2:a===40?a+1:a)))}function al(a){for(;(j=ae())&&j<33;)G();return je(a)>2||je(j)>3?"":" "}function tl(a,e){for(;--e&&G()&&!(j<48||j>102||j>57&&j<65||j>70&&j<97););return Ge(a,la()+(e<6&&ae()==32&&G()==32))}function Ma(a){for(;G();)switch(j){case a:return U;case 34:case 39:a!==34&&a!==39&&Ma(j);break;case 40:a===41&&Ma(a);break;case 92:G();break}return U}function il(a,e){for(;G()&&a+j!==57&&!(a+j===84&&ae()===47););return"/*"+Ge(e,U-1)+"*"+ma(a===47?a:G())}function rl(a){for(;!je(ae());)G();return Ge(a,U)}function ll(a){return pi(oa("",null,null,null,[""],a=ci(a),0,[0],a))}function oa(a,e,t,i,r,l,n,s,o){for(var c=0,p=0,u=n,d=0,v=0,m=0,y=1,w=1,f=1,k=0,C="",S=r,g=l,R=i,x=C;w;)switch(m=k,k=G()){case 40:if(m!=108&&E(x,u-1)==58){Ia(x+=N(na(k),"&","&\f"),"&\f")!=-1&&(f=-1);break}case 34:case 39:case 91:x+=na(k);break;case 9:case 10:case 13:case 32:x+=al(m);break;case 92:x+=tl(la()-1,7);continue;case 47:switch(ae()){case 42:case 47:Ze(nl(il(G(),la()),e,t),o);break;default:x+="/"}break;case 123*y:s[c++]=X(x)*f;case 125*y:case 59:case 0:switch(k){case 0:case 125:w=0;case 59+p:f==-1&&(x=N(x,/\f/g,"")),v>0&&X(x)-u&&Ze(v>32?Ja(x+";",i,t,u-1):Ja(N(x," ","")+";",i,t,u-2),o);break;case 59:x+=";";default:if(Ze(R=Za(x,e,t,c,p,r,s,C,S=[],g=[],u),l),k===123)if(p===0)oa(x,e,R,R,S,l,u,s,g);else switch(d===99&&E(x,3)===110?100:d){case 100:case 108:case 109:case 115:oa(a,R,R,i&&Ze(Za(a,R,R,0,0,r,s,C,r,S=[],u),g),r,g,u,s,i?S:g);break;default:oa(x,R,R,R,[""],g,0,s,g)}}c=p=v=0,y=f=1,C=x="",u=n;break;case 58:u=1+X(x),v=m;default:if(y<1){if(k==123)--y;else if(k==125&&y++==0&&el()==125)continue}switch(x+=ma(k),k*y){case 38:f=p>0?1:(x+="\f",-1);break;case 44:s[c++]=(X(x)-1)*f,f=1;break;case 64:ae()===45&&(x+=na(G())),d=ae(),p=u=X(C=x+=rl(la())),k++;break;case 45:m===45&&X(x)==2&&(y=0)}}return l}function Za(a,e,t,i,r,l,n,s,o,c,p){for(var u=r-1,d=r===0?l:[""],v=Fa(d),m=0,y=0,w=0;m<i;++m)for(var f=0,k=Ae(a,u+1,u=Yr(y=n[m])),C=a;f<v;++f)(C=oi(y>0?d[f]+" "+k:N(k,/&\f/g,d[f])))&&(o[w++]=C);return va(a,e,t,r===0?Ea:s,o,c,p)}function nl(a,e,t){return va(a,e,t,li,ma(Tr()),Ae(a,2,-2),0)}function Ja(a,e,t,i){return va(a,e,t,Da,Ae(a,0,i),Ae(a,i+1,-1),i)}function ye(a,e){for(var t="",i=Fa(a),r=0;r<i;r++)t+=e(a[r],r,a,e)||"";return t}function ol(a,e,t,i){switch(a.type){case Gr:if(a.children.length)break;case qr:case Da:return a.return=a.return||a.value;case li:return"";case ni:return a.return=a.value+"{"+ye(a.children,i)+"}";case Ea:a.value=a.props.join(",")}return X(t=ye(a.children,i))?a.return=a.value+"{"+t+"}":""}function sl(a){var e=Fa(a);return function(t,i,r,l){for(var n="",s=0;s<e;s++)n+=a[s](t,i,r,l)||"";return n}}function cl(a){return function(e){e.root||(e=e.return)&&a(e)}}function pl(a){var e=Object.create(null);return function(t){return e[t]===void 0&&(e[t]=a(t)),e[t]}}var dl=function(a,e,t){for(var i=0,r=0;i=r,r=ae(),i===38&&r===12&&(e[t]=1),!je(r);)G();return Ge(a,U)},ul=function(a,e){var t=-1,i=44;do switch(je(i)){case 0:i===38&&ae()===12&&(e[t]=1),a[t]+=dl(U-1,e,t);break;case 2:a[t]+=na(i);break;case 4:if(i===44){a[++t]=ae()===58?"&\f":"",e[t]=a[t].length;break}default:a[t]+=ma(i)}while(i=G());return a},gl=function(a,e){return pi(ul(ci(a),e))},Qa=new WeakMap,bl=function(a){if(!(a.type!=="rule"||!a.parent||a.length<1)){for(var e=a.value,t=a.parent,i=a.column===t.column&&a.line===t.line;t.type!=="rule";)if(t=t.parent,!t)return;if(!(a.props.length===1&&e.charCodeAt(0)!==58&&!Qa.get(t))&&!i){Qa.set(a,!0);for(var r=[],l=gl(e,r),n=t.props,s=0,o=0;s<l.length;s++)for(var c=0;c<n.length;c++,o++)a.props[o]=r[s]?l[s].replace(/&\f/g,n[c]):n[c]+" "+l[s]}}},ml=function(a){if(a.type==="decl"){var e=a.value;e.charCodeAt(0)===108&&e.charCodeAt(2)===98&&(a.return="",a.value="")}};function di(a,e){switch(Jr(a,e)){case 5103:return B+"print-"+a+a;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return B+a+a;case 5349:case 4246:case 4810:case 6968:case 2756:return B+a+ca+a+W+a+a;case 6828:case 4268:return B+a+W+a+a;case 6165:return B+a+W+"flex-"+a+a;case 5187:return B+a+N(a,/(\w+).+(:[^]+)/,B+"box-$1$2"+W+"flex-$1$2")+a;case 5443:return B+a+W+"flex-item-"+N(a,/flex-|-self/,"")+a;case 4675:return B+a+W+"flex-line-pack"+N(a,/align-content|flex-|-self/,"")+a;case 5548:return B+a+W+N(a,"shrink","negative")+a;case 5292:return B+a+W+N(a,"basis","preferred-size")+a;case 6060:return B+"box-"+N(a,"-grow","")+B+a+W+N(a,"grow","positive")+a;case 4554:return B+N(a,/([^-])(transform)/g,"$1"+B+"$2")+a;case 6187:return N(N(N(a,/(zoom-|grab)/,B+"$1"),/(image-set)/,B+"$1"),a,"")+a;case 5495:case 3959:return N(a,/(image-set\([^]*)/,B+"$1$`$1");case 4968:return N(N(a,/(.+:)(flex-)?(.*)/,B+"box-pack:$3"+W+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+B+a+a;case 4095:case 3583:case 4068:case 2532:return N(a,/(.+)-inline(.+)/,B+"$1$2")+a;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(X(a)-1-e>6)switch(E(a,e+1)){case 109:if(E(a,e+4)!==45)break;case 102:return N(a,/(.+:)(.+)-([^]+)/,"$1"+B+"$2-$3$1"+ca+(E(a,e+3)==108?"$3":"$2-$3"))+a;case 115:return~Ia(a,"stretch")?di(N(a,"stretch","fill-available"),e)+a:a}break;case 4949:if(E(a,e+1)!==115)break;case 6444:switch(E(a,X(a)-3-(~Ia(a,"!important")&&10))){case 107:return N(a,":",":"+B)+a;case 101:return N(a,/(.+:)([^;!]+)(;|!.+)?/,"$1"+B+(E(a,14)===45?"inline-":"")+"box$3$1"+B+"$2$3$1"+W+"$2box$3")+a}break;case 5936:switch(E(a,e+11)){case 114:return B+a+W+N(a,/[svh]\w+-[tblr]{2}/,"tb")+a;case 108:return B+a+W+N(a,/[svh]\w+-[tblr]{2}/,"tb-rl")+a;case 45:return B+a+W+N(a,/[svh]\w+-[tblr]{2}/,"lr")+a}return B+a+W+a+a}return a}var hl=function(a,e,t,i){if(a.length>-1&&!a.return)switch(a.type){case Da:a.return=di(a.value,a.length);break;case ni:return ye([Be(a,{value:N(a.value,"@","@"+B)})],i);case Ea:if(a.length)return Xr(a.props,function(r){switch(Qr(r,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ye([Be(a,{props:[N(r,/:(read-\w+)/,":"+ca+"$1")]})],i);case"::placeholder":return ye([Be(a,{props:[N(r,/:(plac\w+)/,":"+B+"input-$1")]}),Be(a,{props:[N(r,/:(plac\w+)/,":"+ca+"$1")]}),Be(a,{props:[N(r,/:(plac\w+)/,W+"input-$1")]})],i)}return""})}},vl=[hl],fl=function(a){var e=a.key;if(e==="css"){var t=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(t,function(m){var y=m.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(m),m.setAttribute("data-s",""))})}var i=a.stylisPlugins||vl,r={},l,n=[];l=a.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),function(m){for(var y=m.getAttribute("data-emotion").split(" "),w=1;w<y.length;w++)r[y[w]]=!0;n.push(m)});var s,o=[bl,ml];{var c,p=[ol,cl(function(m){c.insert(m)})],u=sl(o.concat(i,p)),d=function(m){return ye(ll(m),u)};s=function(m,y,w,f){c=w,d(m?m+"{"+y.styles+"}":y.styles),f&&(v.inserted[y.name]=!0)}}var v={key:e,sheet:new Kr({key:e,container:l,nonce:a.nonce,speedy:a.speedy,prepend:a.prepend,insertionPoint:a.insertionPoint}),nonce:a.nonce,inserted:r,registered:{},insert:s};return v.sheet.hydrate(n),v};function kl(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var Xa={exports:{}},L={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -288,7 +288,7 @@ import{r as b,j as h,o as Yi,C as Zi,b as Z,l as Tt}from"./iframe-CQjT1fxh.js";i
  * See the License for the specific language governing permissions and limitations under the License.
  */const Re=a=>e=>!a.includes(e),Mu=a=>e=>!a.includes(e),Bu=Re(["completed","active","variant","odysseyDesignTokens","nonLinear"]),Nu=Re(["odysseyDesignTokens","allowBackStep","nonLinear","stepVariant"]),Lu=Re(["odysseyDesignTokens","completed","active","orientation"]),$u=Re(["odysseyDesignTokens","completed","active","nonLinear"]),Ou=Re(["odysseyDesignTokens"]),Au=Re(["align"]),ju=le("span",{shouldForwardProp:$u})(({completed:a,active:e,nonLinear:t,odysseyDesignTokens:i})=>({fontWeight:i.TypographyWeightHeadingBold,color:i.PaletteNeutralMain,...a&&{color:i.HueNeutralWhite},...e&&{color:i.HueNeutralWhite},".MuiStep-root:hover &":{...!e&&!a&&t&&{color:i.PaletteNeutralDark}}})),Eu=le("div",{shouldForwardProp:Bu})(({active:a,completed:e,variant:t,nonLinear:i,odysseyDesignTokens:r})=>{const l=t==="numeric";return{width:l?r.Spacing5:r.Spacing4,height:l?r.Spacing5:r.Spacing4,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",transition:`color ${r.TransitionDurationMain},
     background-color ${r.TransitionDurationMain},
-    border ${r.TransitionDurationMain}`,color:r.HueNeutral700,backgroundColor:"transparent",border:"1px solid",borderColor:r.PaletteNeutralMain,...e&&{color:r.HueNeutralWhite,backgroundColor:r.HueGreen400,borderColor:r.HueGreen400},...a&&{color:r.HueNeutralWhite,backgroundColor:r.PalettePrimaryText,borderColor:r.PalettePrimaryText},".MuiStep-root:hover &":{...!a&&!e&&i&&{border:`1px solid ${r.PaletteNeutralDark}`}},svg:{...l?{width:r.Spacing4,height:r.Spacing4}:{width:r.Spacing3,height:r.Spacing3}}}}),Du=({active:a,completed:e,nonLinear:t,odysseyDesignTokens:i,stepNumber:r,variant:l})=>Z(Eu,{active:a,completed:e,nonLinear:t,odysseyDesignTokens:i,variant:l,children:e?Z(Ua,{}):l==="numeric"?Z(ju,{active:a,completed:e,nonLinear:t,odysseyDesignTokens:i,children:r+1}):null}),Fu={"stepper.aria.progress":"》Þŕöĝŕéšš šţéþš โ⾼ئ䀕ヸ€홝한Ӝฐโ《","stepper.aria.step.completed":"》Çöɱþļéţéð ئ䀕ヸ€홝한Ӝฐโ《","stepper.aria.step.current":"》Çûŕŕéñţ ヸ€홝한Ӝฐโ《","stepper.aria.step.pending":"》Þéñðîñĝ ヸ€홝한Ӝฐโ《","stepper.navigation.gotoStep":"》Ĝö ţö šţéþ {{number}} Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《","stepper.navigation.next":"》Ñéẋţ 한Ӝฐโ《","stepper.navigation.previous":"》Þŕéṽîöûš 䀕ヸ€홝한Ӝฐโ《"},Wu={"stepper.aria.progress":"[[odyssey-design-system:oin-components: stepper.aria.progress]]","stepper.aria.step.completed":"[[odyssey-design-system:oin-components: stepper.aria.step.completed]]","stepper.aria.step.current":"[[odyssey-design-system:oin-components: stepper.aria.step.current]]","stepper.aria.step.pending":"[[odyssey-design-system:oin-components: stepper.aria.step.pending]]","stepper.navigation.gotoStep":"[[odyssey-design-system:oin-components: stepper.navigation.gotoStep]]","stepper.navigation.next":"[[odyssey-design-system:oin-components: stepper.navigation.next]]","stepper.navigation.previous":"[[odyssey-design-system:oin-components: stepper.navigation.previous]]"},Vu={"stepper.aria.progress":"Progress steps","stepper.aria.step.completed":"Completed","stepper.aria.step.current":"Current","stepper.aria.step.pending":"Pending","stepper.navigation.gotoStep":"Go to step {{number}}","stepper.navigation.next":"Next","stepper.navigation.previous":"Previous"},_u={en:Vu,ok_PL:Fu,ok_SK:Wu},Uu="en",Ku="oin-components",{i18n:Rt,useTranslation:Ki}=cr({defaultLanguageCode:Uu,namespace:Ku,resources:_u});Rt.t.bind(Rt);const qu=le(hr,{shouldForwardProp:Mu(["odysseyDesignTokens","orientation","isClickable"])})(({orientation:a,odysseyDesignTokens:e,isClickable:t})=>({padding:0,...a==="vertical"&&{flex:1,padding:`${e.Spacing1} 0`},...t&&{"&:focus-visible":{boxShadow:`0 0 0 2px ${e.HueNeutralWhite}, 0 0 0 4px ${e.PalettePrimaryMain}`,outline:"2px solid transparent",outlineOffset:"1px"}}})),Gu=le(Vr,{shouldForwardProp:Nu})(({nonLinear:a,odysseyDesignTokens:e,orientation:t,stepVariant:i})=>({padding:0,borderRadius:e.BorderRadiusMain,...t==="horizontal"&&{justifyContent:"flex-start","& .MuiStep-root":{flex:"0 0 auto",padding:`${e.Spacing3} ${e.Spacing4}`,borderRadius:e.BorderRadiusMain,alignItems:"center","&:not(:has(.Mui-active))":{"&.Mui-completed":{"&:hover":{"& .MuiStepLabel-label":{color:e.HueNeutral800},"& .MuiStepLabel-labelContainer div":{color:e.PaletteNeutralDark}}},"&:hover":{...a&&{backgroundColor:e.HueNeutral100,cursor:"pointer"},"& .MuiStepLabel-label":{color:a?e.PaletteNeutralDark:e.PaletteNeutralMain},"& .MuiStepLabel-labelContainer div":{color:a?e.HueNeutral800:e.PaletteNeutralMain}}}}},...t==="vertical"&&{width:"fit-content",alignItems:"start","& .MuiStep-root":{position:"relative",flex:1,paddingLeft:e.Spacing5,paddingTop:i==="nonNumeric"?0:e.Spacing2,paddingBottom:0,borderRadius:e.BorderRadiusMain,"&::before":{content:'""',position:"absolute",left:i==="nonNumeric"?"31.5px":"35.5px",top:i==="nonNumeric"?"35px":"40px",height:i==="nonNumeric"?"calc(100% - 35px)":"calc(100% - 40px)",width:"1px",backgroundColor:e.BorderColorDisplay},"&:last-child::before":{display:"none"},"& .MuiStepLabel-labelContainer":{minHeight:i==="nonNumeric"?"20px":"38px"},"&:not(:has(.Mui-active))":{"&.Mui-completed":{"&:hover":{"& .MuiStepLabel-label":{color:e.HueNeutral800},"& .MuiStepLabel-labelContainer div":{color:e.HueNeutral800}}},"&:hover":{cursor:a?"pointer":"default","& .MuiStepLabel-label":{color:a?e.PaletteNeutralDark:e.PaletteNeutralMain},"& .MuiStepLabel-labelContainer div":{color:a?e.HueNeutral700:e.PaletteNeutralMain}}}}},"& .MuiStepConnector-line":{borderColor:e.BorderColorDisplay,borderWidth:"1px",minWidth:e.Spacing4,...t==="vertical"&&{minHeight:e.Spacing4}},"& .MuiStepConnector-root":{...t==="horizontal"&&{top:e.Spacing5,left:"calc(-50% + 20px)",right:"calc(50% + 20px)",margin:`auto ${e.Spacing2}`},...t==="vertical"&&{marginLeft:i==="nonNumeric"?"31.5px":"35.5px"}}})),Yu=le(ri,{shouldForwardProp:a=>!["active","allowBackStep","completed","nonLinear","odysseyDesignTokens","orientation","variant"].includes(a)})(({active:a,activeStep:e,allowBackStep:t,completed:i,nonLinear:r,odysseyDesignTokens:l,orientation:n,stepIndex:s,variant:o})=>({"&.MuiStepLabel-root":{paddingTop:0,paddingBottom:0},"& .MuiStepLabel-iconContainer":{paddingRight:l.Spacing3,paddingTop:l.Spacing0,...n==="vertical"&&o==="numeric"&&{alignSelf:"flex-start"},...o==="nonNumeric"&&{alignSelf:"center"}},"& .MuiStepLabel-label":{fontFamily:"inherit",fontSize:l.TypographySizeHeading6,fontWeight:l.TypographyWeightHeadingBold,lineHeight:l.TypographyLineHeightHeading6,...a&&{color:l.PalettePrimaryText},...i&&{color:l.PaletteNeutralDark},...!a&&!i&&{color:l.PaletteNeutralMain},"&.Mui-active":{color:l.PalettePrimaryText,fontWeight:l.TypographyWeightHeadingBold},"&.Mui-completed":{fontWeight:l.TypographyWeightHeadingBold}},"&:hover":{...!a&&(r||t&&i&&s<e)&&{cursor:"pointer"}}})),Zu=le("div",{shouldForwardProp:Lu})(({active:a,completed:e,odysseyDesignTokens:t,orientation:i})=>({fontSize:t.TypographySizeSubordinate,fontWeight:t.TypographyWeightBody,lineHeight:t.TypographyLineHeightBody,maxWidth:i==="horizontal"?"200px":"100%",marginTop:i==="horizontal"?0:t.Spacing1,...a&&{color:t.PalettePrimaryText},...e&&{color:t.PaletteNeutralDark},...!a&&!e&&{color:t.PaletteNeutralMain}})),Ju=({activeStep:a,allowBackStep:e=!1,ariaLabel:t,completedSteps:i=new Set,nonLinear:r=!1,onChange:l,orientation:n="horizontal",steps:s,testId:o,variant:c="numeric"})=>{const p=Ld(),{t:u}=Ki(),d=b.useCallback(f=>i.has(f)&&e?!0:r?f!==a:f===a,[a,e,r,i]),v=b.useCallback((f,k)=>{!l||!d(k)||(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),l(k))},[l,d]),m=b.useMemo(()=>s.map((f,k)=>`step-description-${k}`),[s]),y=b.useCallback(f=>{!l||!d(f)||l(f)},[l,d]),w=b.useMemo(()=>s.map((f,k)=>{const C=i.has(k),S=k===a,g=m[k],R=d(k),P={"aria-current":S?"step":void 0,"aria-label":((H,I,M)=>{const K=u(`stepper.aria.step.${M==="active"?"current":M}`);return`Step ${H+1} of ${I}: ${K}`})(k,s.length,C?"completed":S?"active":"pending"),...f.description&&{"aria-describedby":g}};return Z(qu,{completed:C,isClickable:R,odysseyDesignTokens:p,onClick:()=>y(k),onKeyDown:H=>v(H,k),orientation:n,role:"tab",tabIndex:R?0:-1,...P,children:Tt(Yu,{active:S,activeStep:a,allowBackStep:e,completed:C,id:`step-label-${k}`,nonLinear:r,odysseyDesignTokens:p,orientation:n,StepIconComponent:H=>Z(Du,{...H,active:S,completed:C,nonLinear:r,odysseyDesignTokens:p,stepNumber:k,variant:c}),stepIndex:k,variant:c,children:[f.label,f.description&&Z(Zu,{active:S,completed:C,id:g,odysseyDesignTokens:p,orientation:n,children:f.description})]})},k)}),[a,e,i,y,v,d,r,p,n,m,s,u,c]);return Z(Gu,{activeStep:a,"aria-label":t??u("stepper.aria.progress"),"data-se":o,nonLinear:r,odysseyDesignTokens:p,orientation:n,role:"tablist",stepVariant:c,children:w})},ze=b.memo(Ju);ze.displayName="Stepper";const Qu=le("div",{shouldForwardProp:Ou})(({odysseyDesignTokens:a})=>({display:"grid",gridTemplateColumns:"1fr auto 1fr",alignItems:"center",marginBlockStart:a.Spacing3,gap:a.Spacing3})),Ha=le("div",{shouldForwardProp:Au})(({align:a})=>({display:"flex",justifySelf:a==="start"?"flex-start":a==="end"?"flex-end":"center",alignItems:"center"})),Xu=({currentStep:a,nextButtonLabel:e,odysseyDesignTokens:t,onBack:i,onNext:r,previousButtonLabel:l,totalSteps:n})=>{const{t:s}=Ki(),o=b.useMemo(()=>({previous:l??s("stepper.navigation.previous"),next:e??s("stepper.navigation.next")}),[l,e,s]);return Tt(Qu,{odysseyDesignTokens:t,children:[Z(Ha,{align:"start",children:a>0&&Z(Aa,{label:o.previous,onClick:()=>i(a,a-1),variant:"secondary"})}),Z(Ha,{align:"center"}),Z(Ha,{align:"end",children:a<n-1&&Z(Aa,{label:o.next,onClick:()=>r(a,a+1),variant:"secondary"})})]})},qa=b.memo(Xu);qa.displayName="StepperNavigation";const Tu=(a,e)=>h.jsx(Ui,{languageCode:e.globals.locale,children:h.jsx(a,{})}),{expect:me,userEvent:eg,waitFor:qi,within:Gi}=__STORYBOOK_MODULE_TEST__,Rg={component:ze,argTypes:{activeStep:{control:"number",description:"Current active step (0-based index)",table:{type:{summary:"number"}},type:{required:!0,name:"number"}},allowBackStep:{control:"boolean",description:"Allow navigation to completed steps",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},nonLinear:{control:"boolean",description:"Allow skipping to future steps",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},onChange:{control:{type:"object"},description:"Callback fired when a step is clicked",table:{type:{summary:"func"}}},orientation:{control:{type:"radio"},options:["horizontal","vertical"],description:"Layout orientation of the stepper",table:{type:{summary:'"horizontal" | "vertical"'},defaultValue:{summary:"horizontal"}}},variant:{control:{type:"radio"},options:["numeric","nonNumeric"],description:"Visual variant of steps",table:{type:{summary:'"numeric" | "nonNumeric"'},defaultValue:{summary:"numeric"}}}},decorators:[Ji,Tu],tags:["autodocs"]},Oe=[{label:"Account details",description:"Setup login and preferences"},{label:"Personal info",description:"Basic user information"},{label:"Review",description:"Verify all information"}],he={render:function(e){const[t,i]=b.useState(e.activeStep||0),[r,l]=b.useState(new Set(Array.from({length:e.activeStep||0},(s,o)=>o))),n=s=>{e.nonLinear?s>t&&l(o=>new Set([t,...o])):l(new Set(Array.from({length:s},(o,c)=>c))),i(s)};return h.jsx(ze,{...e,activeStep:t,completedSteps:r,onChange:n,steps:e.steps||Oe})},play:async({canvasElement:a,step:e})=>{await e("verify stepper structure",async()=>{const t=Gi(a);await qi(()=>{const i=t.getAllByRole("tab");me(i.length).toBeGreaterThan(0),i.forEach(r=>{me(r.querySelector(".MuiStepLabel-label")).toBeTruthy(),me(r.querySelector(".MuiStepLabel-iconContainer")).toBeTruthy(),me(i.some(l=>l.getAttribute("aria-current")==="step")).toBeTruthy()})})})}},Qe={...he,args:{activeStep:1}},Xe={...he,args:{variant:"nonNumeric",steps:[{label:"Account details"},{label:"Personal info"},{label:"Review"}]}},Te={...he,args:{orientation:"vertical",variant:"nonNumeric",nonLinear:!0,allowBackStep:!0}},ea={...he,args:{nonLinear:!0,allowBackStep:!0,activeStep:0},parameters:{docs:{description:{story:"This example demonstrates non-linear navigation with completion state tracking. In non-linear mode, users can access steps in any order, and steps are automatically marked as complete when navigating forward. Previous steps maintain their completed state even when jumping to future steps. Users can also revisit completed steps when `allowBackStep` is enabled."}}},render:function(e){const[t,i]=b.useState(e.activeStep||0),[r,l]=b.useState(new Set),n=s=>{s>t&&l(o=>new Set([t,...o])),i(s)};return h.jsx(ze,{...e,activeStep:t,completedSteps:r,onChange:n,steps:e.steps||Oe})},play:async({canvasElement:a,step:e})=>{const t=Gi(a);await e("verify initial state",async()=>{const r=(await t.findAllByRole("tab"))[0];me(r.getAttribute("aria-current")).toBe("step")}),await e("verify non-linear navigation and completion",async()=>{const i=await t.findAllByRole("tab");await eg.click(i[2]),await qi(()=>{me(i[0].classList.contains("Mui-completed")).toBe(!0),me(i[2].getAttribute("aria-current")).toBe("step")})})}},aa={...he,args:{steps:[{label:"Organization Details",description:"Set up your organization's name, domain, and basic information."},{label:"Security Settings",description:"Configure multi-factor authentication and password."},{label:"Directory Setup",description:"Connect your user directory or create a new one."}]}},ta={name:"Vertical with long descriptions",...he,args:{activeStep:2,orientation:"vertical",steps:[{label:"Organization Details",description:"Set up your organization's name, domain, and basic information."},{label:"Security Settings",description:"Configure multi-factor authentication and password policies."},{label:"Directory Setup",description:"Connect your user directory or create a new one for user management."},{label:"Admin Configuration",description:"Set up initial administrator accounts and permissions."},{label:"Review & Launch",description:"Review all settings and activate your organization."}]}},ia={...he,args:{orientation:"horizontal",steps:[{label:"Create Request",description:"Submit new workflow request"},{label:"Department Review",description:"Awaiting department approval"},{label:"Manager Approval",description:"Final management review"},{label:"Completion",description:"Process workflow completion"}]}},ra={args:{allowBackStep:!0,nonLinear:!0},parameters:{docs:{description:{story:"With clickable steps (`nonLinear`)"}}},render:function(e){const[t,i]=b.useState(0),[r,l]=b.useState(new Set),n=ti(),s=()=>{l(p=>new Set([t,...p])),i(p=>Math.min(p+1,Oe.length-1))},o=()=>{i(p=>Math.max(p-1,0))},c=p=>{p>t&&l(u=>new Set([t,...u])),i(p)};return h.jsxs(h.Fragment,{children:[h.jsx(ze,{...e,activeStep:t,completedSteps:r,onChange:c,steps:Oe}),h.jsx(qa,{currentStep:t,odysseyDesignTokens:n,onBack:o,onNext:s,totalSteps:Oe.length})]})}},Le=()=>{const[a,e]=b.useState(1),[t,i]=b.useState(new Set([0])),r=ti(),l=[{label:"Account Details",description:"Basic information"},{label:"Preferences",description:"Set your preferences"},{label:"Review",description:"Review your information"},{label:"Submit",description:"Complete registration"}],n=()=>{i(c=>new Set([a,...c])),e(c=>Math.min(l.length-1,c+1))},s=()=>{e(c=>Math.max(0,c-1))},o=c=>{c<a&&e(c)};return h.jsxs(h.Fragment,{children:[h.jsx(ze,{activeStep:a,allowBackStep:!0,completedSteps:t,onChange:o,steps:l}),h.jsx(qa,{currentStep:a,odysseyDesignTokens:r,onBack:s,onNext:n,totalSteps:l.length})]})};Le.parameters={docs:{description:{story:"Users can navigate back to previously completed steps by clicking the step but cannot move forward without completing the current step"}}};var zt,Pt,Ht;Qe.parameters={...Qe.parameters,docs:{...(zt=Qe.parameters)==null?void 0:zt.docs,source:{originalSource:`{
+    border ${r.TransitionDurationMain}`,color:r.HueNeutral700,backgroundColor:"transparent",border:"1px solid",borderColor:r.PaletteNeutralMain,...e&&{color:r.HueNeutralWhite,backgroundColor:r.HueGreen400,borderColor:r.HueGreen400},...a&&{color:r.HueNeutralWhite,backgroundColor:r.PalettePrimaryText,borderColor:r.PalettePrimaryText},".MuiStep-root:hover &":{...!a&&!e&&i&&{border:`1px solid ${r.PaletteNeutralDark}`}},svg:{...l?{width:r.Spacing4,height:r.Spacing4}:{width:r.Spacing3,height:r.Spacing3}}}}),Du=({active:a,completed:e,nonLinear:t,odysseyDesignTokens:i,stepNumber:r,variant:l})=>Z(Eu,{active:a,completed:e,nonLinear:t,odysseyDesignTokens:i,variant:l,children:e?Z(Ua,{}):l==="numeric"?Z(ju,{active:a,completed:e,nonLinear:t,odysseyDesignTokens:i,children:r+1}):null}),Fu={"stepper.aria.progress":"進行ステップ","stepper.aria.step.completed":"完了","stepper.aria.step.current":"現在","stepper.aria.step.pending":"保留","stepper.navigation.gotoStep":"ステップ{{number}}に進む","stepper.navigation.next":"次へ","stepper.navigation.previous":"前へ"},Wu={"stepper.aria.progress":"》Þŕöĝŕéšš šţéþš โ⾼ئ䀕ヸ€홝한Ӝฐโ《","stepper.aria.step.completed":"》Çöɱþļéţéð ئ䀕ヸ€홝한Ӝฐโ《","stepper.aria.step.current":"》Çûŕŕéñţ ヸ€홝한Ӝฐโ《","stepper.aria.step.pending":"》Þéñðîñĝ ヸ€홝한Ӝฐโ《","stepper.navigation.gotoStep":"》Ĝö ţö šţéþ {{number}} Ӝฐโ⾼ئ䀕ヸ€홝한Ӝฐโ《","stepper.navigation.next":"》Ñéẋţ 한Ӝฐโ《","stepper.navigation.previous":"》Þŕéṽîöûš 䀕ヸ€홝한Ӝฐโ《"},Vu={"stepper.aria.progress":"[[odyssey-design-system:oin-components: stepper.aria.progress]]","stepper.aria.step.completed":"[[odyssey-design-system:oin-components: stepper.aria.step.completed]]","stepper.aria.step.current":"[[odyssey-design-system:oin-components: stepper.aria.step.current]]","stepper.aria.step.pending":"[[odyssey-design-system:oin-components: stepper.aria.step.pending]]","stepper.navigation.gotoStep":"[[odyssey-design-system:oin-components: stepper.navigation.gotoStep]]","stepper.navigation.next":"[[odyssey-design-system:oin-components: stepper.navigation.next]]","stepper.navigation.previous":"[[odyssey-design-system:oin-components: stepper.navigation.previous]]"},_u={"stepper.aria.progress":"Progress steps","stepper.aria.step.completed":"Completed","stepper.aria.step.current":"Current","stepper.aria.step.pending":"Pending","stepper.navigation.gotoStep":"Go to step {{number}}","stepper.navigation.next":"Next","stepper.navigation.previous":"Previous"},Uu={en:_u,ja:Fu,ok_PL:Wu,ok_SK:Vu},Ku="en",qu="oin-components",{i18n:Rt,useTranslation:Ki}=cr({defaultLanguageCode:Ku,namespace:qu,resources:Uu});Rt.t.bind(Rt);const Gu=le(hr,{shouldForwardProp:Mu(["odysseyDesignTokens","orientation","isClickable"])})(({orientation:a,odysseyDesignTokens:e,isClickable:t})=>({padding:0,...a==="vertical"&&{flex:1,padding:`${e.Spacing1} 0`},...t&&{"&:focus-visible":{boxShadow:`0 0 0 2px ${e.HueNeutralWhite}, 0 0 0 4px ${e.PalettePrimaryMain}`,outline:"2px solid transparent",outlineOffset:"1px"}}})),Yu=le(Vr,{shouldForwardProp:Nu})(({nonLinear:a,odysseyDesignTokens:e,orientation:t,stepVariant:i})=>({padding:0,borderRadius:e.BorderRadiusMain,...t==="horizontal"&&{justifyContent:"flex-start","& .MuiStep-root":{flex:"0 0 auto",padding:`${e.Spacing3} ${e.Spacing4}`,borderRadius:e.BorderRadiusMain,alignItems:"center","&:not(:has(.Mui-active))":{"&.Mui-completed":{"&:hover":{"& .MuiStepLabel-label":{color:e.HueNeutral800},"& .MuiStepLabel-labelContainer div":{color:e.PaletteNeutralDark}}},"&:hover":{...a&&{backgroundColor:e.HueNeutral100,cursor:"pointer"},"& .MuiStepLabel-label":{color:a?e.PaletteNeutralDark:e.PaletteNeutralMain},"& .MuiStepLabel-labelContainer div":{color:a?e.HueNeutral800:e.PaletteNeutralMain}}}}},...t==="vertical"&&{width:"fit-content",alignItems:"start","& .MuiStep-root":{position:"relative",flex:1,paddingLeft:e.Spacing5,paddingTop:i==="nonNumeric"?0:e.Spacing2,paddingBottom:0,borderRadius:e.BorderRadiusMain,"&::before":{content:'""',position:"absolute",left:i==="nonNumeric"?"31.5px":"35.5px",top:i==="nonNumeric"?"35px":"40px",height:i==="nonNumeric"?"calc(100% - 35px)":"calc(100% - 40px)",width:"1px",backgroundColor:e.BorderColorDisplay},"&:last-child::before":{display:"none"},"& .MuiStepLabel-labelContainer":{minHeight:i==="nonNumeric"?"20px":"38px"},"&:not(:has(.Mui-active))":{"&.Mui-completed":{"&:hover":{"& .MuiStepLabel-label":{color:e.HueNeutral800},"& .MuiStepLabel-labelContainer div":{color:e.HueNeutral800}}},"&:hover":{cursor:a?"pointer":"default","& .MuiStepLabel-label":{color:a?e.PaletteNeutralDark:e.PaletteNeutralMain},"& .MuiStepLabel-labelContainer div":{color:a?e.HueNeutral700:e.PaletteNeutralMain}}}}},"& .MuiStepConnector-line":{borderColor:e.BorderColorDisplay,borderWidth:"1px",minWidth:e.Spacing4,...t==="vertical"&&{minHeight:e.Spacing4}},"& .MuiStepConnector-root":{...t==="horizontal"&&{top:e.Spacing5,left:"calc(-50% + 20px)",right:"calc(50% + 20px)",margin:`auto ${e.Spacing2}`},...t==="vertical"&&{marginLeft:i==="nonNumeric"?"31.5px":"35.5px"}}})),Zu=le(ri,{shouldForwardProp:a=>!["active","activeStep","allowBackStep","completed","nonLinear","odysseyDesignTokens","orientation","stepIndex","variant"].includes(a)})(({active:a,activeStep:e,allowBackStep:t,completed:i,nonLinear:r,odysseyDesignTokens:l,orientation:n,stepIndex:s,variant:o})=>({"&.MuiStepLabel-root":{paddingTop:0,paddingBottom:0},"& .MuiStepLabel-iconContainer":{paddingRight:l.Spacing3,paddingTop:l.Spacing0,...n==="vertical"&&o==="numeric"&&{alignSelf:"flex-start"},...o==="nonNumeric"&&{alignSelf:"center"}},"& .MuiStepLabel-label":{fontFamily:"inherit",fontSize:l.TypographySizeHeading6,fontWeight:l.TypographyWeightHeadingBold,lineHeight:l.TypographyLineHeightHeading6,...a&&{color:l.PalettePrimaryText},...i&&{color:l.PaletteNeutralDark},...!a&&!i&&{color:l.PaletteNeutralMain},"&.Mui-active":{color:l.PalettePrimaryText,fontWeight:l.TypographyWeightHeadingBold},"&.Mui-completed":{fontWeight:l.TypographyWeightHeadingBold}},"&:hover":{...!a&&(r||t&&i&&s<e)&&{cursor:"pointer"}}})),Ju=le("div",{shouldForwardProp:Lu})(({active:a,completed:e,odysseyDesignTokens:t,orientation:i})=>({fontSize:t.TypographySizeSubordinate,fontWeight:t.TypographyWeightBody,lineHeight:t.TypographyLineHeightBody,maxWidth:i==="horizontal"?"200px":"100%",marginTop:i==="horizontal"?0:t.Spacing1,...a&&{color:t.PalettePrimaryText},...e&&{color:t.PaletteNeutralDark},...!a&&!e&&{color:t.PaletteNeutralMain}})),Qu=({activeStep:a,allowBackStep:e=!1,ariaLabel:t,completedSteps:i=new Set,nonLinear:r=!1,onChange:l,orientation:n="horizontal",steps:s,testId:o,variant:c="numeric"})=>{const p=Ld(),{t:u}=Ki(),d=b.useCallback(f=>i.has(f)&&e?!0:r?f!==a:f===a,[a,e,r,i]),v=b.useCallback((f,k)=>{!l||!d(k)||(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),l(k))},[l,d]),m=b.useMemo(()=>s.map((f,k)=>`step-description-${k}`),[s]),y=b.useCallback(f=>{!l||!d(f)||l(f)},[l,d]),w=b.useMemo(()=>s.map((f,k)=>{const C=i.has(k),S=k===a,g=m[k],R=d(k),P={"aria-current":S?"step":void 0,"aria-label":((H,I,M)=>{const K=u(`stepper.aria.step.${M==="active"?"current":M}`);return`Step ${H+1} of ${I}: ${K}`})(k,s.length,C?"completed":S?"active":"pending"),...f.description&&{"aria-describedby":g}};return Z(Gu,{completed:C,isClickable:R,odysseyDesignTokens:p,onClick:()=>y(k),onKeyDown:H=>v(H,k),orientation:n,role:"tab",tabIndex:R?0:-1,...P,children:Tt(Zu,{active:S,activeStep:a,allowBackStep:e,completed:C,id:`step-label-${k}`,nonLinear:r,odysseyDesignTokens:p,orientation:n,StepIconComponent:H=>Z(Du,{...H,active:S,completed:C,nonLinear:r,odysseyDesignTokens:p,stepNumber:k,variant:c}),stepIndex:k,variant:c,children:[f.label,f.description&&Z(Ju,{active:S,completed:C,id:g,odysseyDesignTokens:p,orientation:n,children:f.description})]})},k)}),[a,e,i,y,v,d,r,p,n,m,s,u,c]);return Z(Yu,{activeStep:a,"aria-label":t??u("stepper.aria.progress"),"data-se":o,nonLinear:r,odysseyDesignTokens:p,orientation:n,role:"tablist",stepVariant:c,children:w})},ze=b.memo(Qu);ze.displayName="Stepper";const Xu=le("div",{shouldForwardProp:Ou})(({odysseyDesignTokens:a})=>({display:"grid",gridTemplateColumns:"1fr auto 1fr",alignItems:"center",marginBlockStart:a.Spacing3,gap:a.Spacing3})),Ha=le("div",{shouldForwardProp:Au})(({align:a})=>({display:"flex",justifySelf:a==="start"?"flex-start":a==="end"?"flex-end":"center",alignItems:"center"})),Tu=({currentStep:a,nextButtonLabel:e,odysseyDesignTokens:t,onBack:i,onNext:r,previousButtonLabel:l,totalSteps:n})=>{const{t:s}=Ki(),o=b.useMemo(()=>({previous:l??s("stepper.navigation.previous"),next:e??s("stepper.navigation.next")}),[l,e,s]);return Tt(Xu,{odysseyDesignTokens:t,children:[Z(Ha,{align:"start",children:a>0&&Z(Aa,{label:o.previous,onClick:()=>i(a,a-1),variant:"secondary"})}),Z(Ha,{align:"center"}),Z(Ha,{align:"end",children:a<n-1&&Z(Aa,{label:o.next,onClick:()=>r(a,a+1),variant:"secondary"})})]})},qa=b.memo(Tu);qa.displayName="StepperNavigation";const eg=(a,e)=>h.jsx(Ui,{languageCode:e.globals.locale,children:h.jsx(a,{})}),{expect:me,userEvent:ag,waitFor:qi,within:Gi}=__STORYBOOK_MODULE_TEST__,Pg={component:ze,argTypes:{activeStep:{control:"number",description:"Current active step (0-based index)",table:{type:{summary:"number"}},type:{required:!0,name:"number"}},allowBackStep:{control:"boolean",description:"Allow navigation to completed steps",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},nonLinear:{control:"boolean",description:"Allow skipping to future steps",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},onChange:{control:{type:"object"},description:"Callback fired when a step is clicked",table:{type:{summary:"func"}}},orientation:{control:{type:"radio"},options:["horizontal","vertical"],description:"Layout orientation of the stepper",table:{type:{summary:'"horizontal" | "vertical"'},defaultValue:{summary:"horizontal"}}},variant:{control:{type:"radio"},options:["numeric","nonNumeric"],description:"Visual variant of steps",table:{type:{summary:'"numeric" | "nonNumeric"'},defaultValue:{summary:"numeric"}}}},decorators:[Ji,eg],tags:["autodocs"]},Oe=[{label:"Account details",description:"Setup login and preferences"},{label:"Personal info",description:"Basic user information"},{label:"Review",description:"Verify all information"}],he={render:function(e){const[t,i]=b.useState(e.activeStep||0),[r,l]=b.useState(new Set(Array.from({length:e.activeStep||0},(s,o)=>o))),n=s=>{e.nonLinear?s>t&&l(o=>new Set([t,...o])):l(new Set(Array.from({length:s},(o,c)=>c))),i(s)};return h.jsx(ze,{...e,activeStep:t,completedSteps:r,onChange:n,steps:e.steps||Oe})},play:async({canvasElement:a,step:e})=>{await e("verify stepper structure",async()=>{const t=Gi(a);await qi(()=>{const i=t.getAllByRole("tab");me(i.length).toBeGreaterThan(0),i.forEach(r=>{me(r.querySelector(".MuiStepLabel-label")).toBeTruthy(),me(r.querySelector(".MuiStepLabel-iconContainer")).toBeTruthy(),me(i.some(l=>l.getAttribute("aria-current")==="step")).toBeTruthy()})})})}},Qe={...he,args:{activeStep:1}},Xe={...he,args:{variant:"nonNumeric",steps:[{label:"Account details"},{label:"Personal info"},{label:"Review"}]}},Te={...he,args:{orientation:"vertical",variant:"nonNumeric",nonLinear:!0,allowBackStep:!0}},ea={...he,args:{nonLinear:!0,allowBackStep:!0,activeStep:0},parameters:{docs:{description:{story:"This example demonstrates non-linear navigation with completion state tracking. In non-linear mode, users can access steps in any order, and steps are automatically marked as complete when navigating forward. Previous steps maintain their completed state even when jumping to future steps. Users can also revisit completed steps when `allowBackStep` is enabled."}}},render:function(e){const[t,i]=b.useState(e.activeStep||0),[r,l]=b.useState(new Set),n=s=>{s>t&&l(o=>new Set([t,...o])),i(s)};return h.jsx(ze,{...e,activeStep:t,completedSteps:r,onChange:n,steps:e.steps||Oe})},play:async({canvasElement:a,step:e})=>{const t=Gi(a);await e("verify initial state",async()=>{const r=(await t.findAllByRole("tab"))[0];me(r.getAttribute("aria-current")).toBe("step")}),await e("verify non-linear navigation and completion",async()=>{const i=await t.findAllByRole("tab");await ag.click(i[2]),await qi(()=>{me(i[0].classList.contains("Mui-completed")).toBe(!0),me(i[2].getAttribute("aria-current")).toBe("step")})})}},aa={...he,args:{steps:[{label:"Organization Details",description:"Set up your organization's name, domain, and basic information."},{label:"Security Settings",description:"Configure multi-factor authentication and password."},{label:"Directory Setup",description:"Connect your user directory or create a new one."}]}},ta={name:"Vertical with long descriptions",...he,args:{activeStep:2,orientation:"vertical",steps:[{label:"Organization Details",description:"Set up your organization's name, domain, and basic information."},{label:"Security Settings",description:"Configure multi-factor authentication and password policies."},{label:"Directory Setup",description:"Connect your user directory or create a new one for user management."},{label:"Admin Configuration",description:"Set up initial administrator accounts and permissions."},{label:"Review & Launch",description:"Review all settings and activate your organization."}]}},ia={...he,args:{orientation:"horizontal",steps:[{label:"Create Request",description:"Submit new workflow request"},{label:"Department Review",description:"Awaiting department approval"},{label:"Manager Approval",description:"Final management review"},{label:"Completion",description:"Process workflow completion"}]}},ra={args:{allowBackStep:!0,nonLinear:!0},parameters:{docs:{description:{story:"With clickable steps (`nonLinear`)"}}},render:function(e){const[t,i]=b.useState(0),[r,l]=b.useState(new Set),n=ii(),s=()=>{l(p=>new Set([t,...p])),i(p=>Math.min(p+1,Oe.length-1))},o=()=>{i(p=>Math.max(p-1,0))},c=p=>{p>t&&l(u=>new Set([t,...u])),i(p)};return h.jsxs(h.Fragment,{children:[h.jsx(ze,{...e,activeStep:t,completedSteps:r,onChange:c,steps:Oe}),h.jsx(qa,{currentStep:t,odysseyDesignTokens:n,onBack:o,onNext:s,totalSteps:Oe.length})]})}},Le=()=>{const[a,e]=b.useState(1),[t,i]=b.useState(new Set([0])),r=ii(),l=[{label:"Account Details",description:"Basic information"},{label:"Preferences",description:"Set your preferences"},{label:"Review",description:"Review your information"},{label:"Submit",description:"Complete registration"}],n=()=>{i(c=>new Set([a,...c])),e(c=>Math.min(l.length-1,c+1))},s=()=>{e(c=>Math.max(0,c-1))},o=c=>{c<a&&e(c)};return h.jsxs(h.Fragment,{children:[h.jsx(ze,{activeStep:a,allowBackStep:!0,completedSteps:t,onChange:o,steps:l}),h.jsx(qa,{currentStep:a,odysseyDesignTokens:r,onBack:s,onNext:n,totalSteps:l.length})]})};Le.parameters={docs:{description:{story:"Users can navigate back to previously completed steps by clicking the step but cannot move forward without completing the current step"}}};var zt,Pt,Ht;Qe.parameters={...Qe.parameters,docs:{...(zt=Qe.parameters)==null?void 0:zt.docs,source:{originalSource:`{
   ...DefaultTemplate,
   args: {
     activeStep: 1
@@ -483,4 +483,4 @@ import{r as b,j as h,o as Yi,C as Zi,b as Z,l as Tt}from"./iframe-CQjT1fxh.js";i
       <Stepper activeStep={activeStep} allowBackStep={true} completedSteps={completedSteps} onChange={handleStepChange} steps={steps} />
       <StepperNavigation currentStep={activeStep} odysseyDesignTokens={odysseyDesignTokens} onBack={handleBack} onNext={handleNext} totalSteps={steps.length} />
     </>;
-}`,...(Xt=(Qt=Le.parameters)==null?void 0:Qt.docs)==null?void 0:Xt.source}}};const zg=["Default","NonNumeric","Vertical","NonLinearNavigation","WithLongDescription","VerticalWithLongDescriptions","HorizontalWorkflow","Navigation","OnlyBackNavigation"];export{Qe as Default,ia as HorizontalWorkflow,ra as Navigation,ea as NonLinearNavigation,Xe as NonNumeric,Le as OnlyBackNavigation,Te as Vertical,ta as VerticalWithLongDescriptions,aa as WithLongDescription,zg as __namedExportsOrder,Rg as default};
+}`,...(Xt=(Qt=Le.parameters)==null?void 0:Qt.docs)==null?void 0:Xt.source}}};const Hg=["Default","NonNumeric","Vertical","NonLinearNavigation","WithLongDescription","VerticalWithLongDescriptions","HorizontalWorkflow","Navigation","OnlyBackNavigation"];export{Qe as Default,ia as HorizontalWorkflow,ra as Navigation,ea as NonLinearNavigation,Xe as NonNumeric,Le as OnlyBackNavigation,Te as Vertical,ta as VerticalWithLongDescriptions,aa as WithLongDescription,Hg as __namedExportsOrder,Pg as default};

package/dist/assets/{Surface-s9E2mDWU.js → Surface-DIfiwHrw.js}

@@ -1 +1 @@
-import{s as t}from"./tableRowClasses-Bk1uFtwh.js";import{r as a,j as s}from"./iframe-CQjT1fxh.js";import{u as n,b as d,M as i}from"./OdysseyThemeProvider-BA0_xP7N.js";import{P as c}from"./Paper-vUVrw-QB.js";const m=t(c,{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="contrastMode"})(({contrastMode:o,odysseyDesignTokens:e})=>({border:o==="lowContrast"?`1px solid ${e.HueNeutral100}`:"none",borderRadius:e.Spacing4,boxShadow:"none",padding:e.Spacing5})),p=({children:o})=>{const e=n(),{contrastMode:r}=d();return s.jsx(m,{contrastMode:r,odysseyDesignTokens:e,children:s.jsx(i,{children:o})})},u=a.memo(p);u.displayName="Surface";export{u as M};
+import{s as t}from"./tableRowClasses-DYosAqvx.js";import{r as a,j as s}from"./iframe-Cav9rlxr.js";import{u as n,b as d,M as i}from"./OdysseyThemeProvider-DOMFnSU0.js";import{P as c}from"./Paper-DIvrMKVz.js";const m=t(c,{shouldForwardProp:o=>o!=="odysseyDesignTokens"&&o!=="contrastMode"})(({contrastMode:o,odysseyDesignTokens:e})=>({border:o==="lowContrast"?`1px solid ${e.HueNeutral100}`:"none",borderRadius:e.Spacing4,boxShadow:"none",padding:e.Spacing5})),p=({children:o})=>{const e=n(),{contrastMode:r}=d();return s.jsx(m,{contrastMode:r,odysseyDesignTokens:e,children:s.jsx(i,{children:o})})},u=a.memo(p);u.displayName="Surface";export{u as M};

package/dist/assets/{Switch.stories-CiNsUF_b.js → Switch.stories-DtS0A4PX.js}

@@ -1,4 +1,4 @@
-import{r as l,j as o}from"./iframe-CQjT1fxh.js";import{O as Ce}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{u as ke}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as h}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{s as d,P as u}from"./tableRowClasses-Bk1uFtwh.js";import{M as Se}from"./Box-B3rdnavX.js";import{M as we}from"./FieldHint-Cs73lQge.js";import{a as xe,u as ce}from"./OdysseyThemeProvider-BA0_xP7N.js";import{g as ye,C as He}from"./inputUtils-BBH9ADKa.js";import{u as Le}from"./useUniqueId-DG6rB8dI.js";import{F as Oe}from"./FormLabel-CWWbs_c2.js";import{a as $e}from"./WarningFilled-DOHs-JmZ.js";import{M as ve}from"./Link-Cg_KakDo.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Box-CnVllI1S.js";import"./FormHelperText-CVc1kPQJ.js";import"./createUniqueId-BHjR7HQF.js";import"./Link-thynTosX.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Typography-Jr4Brrb5.js";import"./ExternalLink-3_gWbh_U.js";/*!
+import{r as l,j as o}from"./iframe-Cav9rlxr.js";import{O as Ce}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{u as ke}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as h}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{s as d,P as u}from"./tableRowClasses-DYosAqvx.js";import{M as Se}from"./Box-B-6W36qW.js";import{M as we}from"./FieldHint-Bv45kUgg.js";import{a as xe,u as ce}from"./OdysseyThemeProvider-DOMFnSU0.js";import{g as ye,C as He}from"./inputUtils-BOLvDTmI.js";import{u as Le}from"./useUniqueId-CXfTvpAs.js";import{F as Oe}from"./FormLabel-DB_AmiE2.js";import{a as $e}from"./WarningFilled-DJX60tUO.js";import{M as ve}from"./Link-BXZlWRMJ.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Box-DduJOSF-.js";import"./FormHelperText--Cp1ogV3.js";import"./index.es-0rJMfM0E.js";import"./createUniqueId-BHjR7HQF.js";import"./Link-4r_7nyI-.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Typography-D4Laguzq.js";import"./ExternalLink-DTGSbkQ2.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.")
  *
@@ -8,7 +8,7 @@ import{r as l,j as o}from"./iframe-CQjT1fxh.js";import{O as Ce}from"./OdysseySto
  * 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 P=e=>Number(e.replace(/rem$/,"")),k=e=>e/14,{CONTROLLED:j}=He,f=["isChecked","isDisabled","isFullWidth","isReadOnly","odysseyDesignTokens"],Fe=d("div",{shouldForwardProp:e=>!f.includes(e)})(({isFullWidth:e,odysseyDesignTokens:r})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",maxWidth:e?"100%":r.TypographyLineLengthMax})),Me=d.div({position:"relative"}),Re=d(Oe,{shouldForwardProp:e=>!f.includes(e)})(({isDisabled:e,isReadOnly:r,odysseyDesignTokens:a})=>({display:"block",margin:0,color:a.PaletteNeutralDark,...e&&{color:a.TypographyColorDisabled,p:{color:a.TypographyColorDisabled},a:{color:`${a.TypographyColorDisabled} !important`}},...r&&{color:a.HueNeutral700,p:{color:a.HueNeutral700},a:{color:`${a.HueNeutral700} !important`}}})),je=d("div",{shouldForwardProp:e=>!f.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"relative",width:t.Spacing7,height:`calc(${t.Spacing4} + ${t.Spacing1})`,borderRadius:t.BorderRadiusOuter,backgroundColor:t.HueNeutral300,transition:`background-color ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral200},...a&&{backgroundColor:t.HueNeutral600},...e&&!r&&!a&&{backgroundColor:t.PaletteSuccessLight}})),Ne=d("span",{shouldForwardProp:e=>!f.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>{const n=k(3),s=P(t.Spacing7),c=P(t.Spacing4)-k(2),i=s-c-n*2;return{position:"absolute",top:"50%",left:`${n}rem`,width:`calc(${t.Spacing4} - ${k(2)}rem)`,height:`calc(${t.Spacing4} - ${k(2)}rem)`,borderRadius:t.BorderRadiusRound,backgroundColor:t.HueNeutralWhite,transform:"translate3d(0, -50%, 0)",transition:`transform ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral50},...a&&{backgroundColor:t.HueNeutral400},...e&&{transform:`translate3d(${i}rem, -50%, 0)`}}}),Ie=d($e,{shouldForwardProp:e=>!f.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"absolute",top:"50%",left:3,width:t.Spacing4,transform:"translateY(-50%)",transition:`opacity ${t.TransitionDurationMain}`,opacity:0,path:{fill:t.HueNeutralWhite},...e&&{opacity:1},...(r||a)&&{path:{fill:t.HueNeutral50}}})),De=d.input(({odysseyDesignTokens:e,isReadOnly:r})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:r?"default":"pointer",zIndex:2,"&:focus-visible":{"~ [data-switch-track='true']":{boxShadow:`0 0 0 2px ${e.HueNeutralWhite}, 0 0 0 4px ${e.PalettePrimaryMain}`}}})),le=({hint:e,hintId:r,HintLinkComponent:a,inputId:t,isDisabled:n,label:s,isReadOnly:c})=>{const i=ce();return o.jsx(o.Fragment,{children:o.jsxs(Re,{htmlFor:t,isDisabled:n,isReadOnly:c,odysseyDesignTokens:i,children:[s,e&&o.jsx(we,{id:r,LinkComponent:a,text:e})]})})},_e=l.memo(le);le.displayName="SwitchLabel";const Pe=({hint:e,HintLinkComponent:r,id:a,isChecked:t,isDefaultChecked:n,isDisabled:s,isFullWidth:c=!1,isReadOnly:i=!1,label:F,name:de,onChange:C,testId:ue,value:pe})=>{const{t:N}=xe(),m=ce(),M=l.useRef(ye({controlledValue:t,uncontrolledValue:n})),me=l.useMemo(()=>M.current===j?{checked:t}:{defaultChecked:n},[n,t]),[b,R]=l.useState(M.current===j?!!t:!!n);l.useEffect(()=>{M.current===j&&R(!!t)},[t]);const g=Le(a),I=e?`${g}-hint`:void 0,he=`${g}-label`,be=l.useCallback(D=>{if(i){D.preventDefault();return}const ge=D.target,{checked:_,value:fe}=ge;R(_),C==null||C({checked:_,value:fe})},[C,R,i]);return o.jsx(Se,{sx:{marginBlockEnd:m.Spacing2,"&:last-child":{marginBlockEnd:0}},children:o.jsxs(Fe,{isFullWidth:c,odysseyDesignTokens:m,children:[o.jsx(_e,{hint:e,hintId:I,HintLinkComponent:r,inputId:g,isDisabled:s,isFullWidth:c,isReadOnly:i,label:F}),o.jsxs(Me,{children:[o.jsx(De,{...me,"aria-checked":b,"aria-describedby":I,"aria-label":b?`${F}: ${N("switch.active")}`:`${F}: ${N("switch.inactive")}`,"aria-labelledby":he,"data-se":ue,disabled:s,id:g,isReadOnly:i,name:de??g,odysseyDesignTokens:m,onChange:be,readOnly:i,type:"checkbox",value:pe}),o.jsxs(je,{"data-switch-track":!0,isChecked:b,isDisabled:s,isReadOnly:i,odysseyDesignTokens:m,children:[o.jsx(Ne,{isChecked:b,isDisabled:s,isReadOnly:i,odysseyDesignTokens:m}),o.jsx(Ie,{isChecked:b,isDisabled:s,isReadOnly:i,odysseyDesignTokens:m})]})]})]})})},v=l.memo(Pe);v.displayName="Switch";const{useCallback:Te}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:Ee}=__STORYBOOK_MODULE_TEST__,dt={component:v,decorators:[Ce],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the Switch button is checked",table:{category:"Visual",type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the Switch button is checked by default",table:{category:"Functional",type:{summary:"boolean"}}},hint:h.hint,HintLinkComponent:h.HintLinkComponent,id:h.id,isDisabled:h.isDisabled,isFullWidth:h.isFullWidth,isReadOnly:{control:"boolean",description:"If `true`, the Switch renders as read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the Switch button",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},name:h.name,onChange:{description:"Callback fired when the user toggles the Switch",table:{category:"Functional",type:{summary:"({ checked, value }: OnChangeCallbackArguments) => void"}}},testId:{control:"text",description:"Adds a `data-se` attribute so automated tests can target the Switch.",table:{category:"Functional",type:{summary:"string"}}},value:{control:"text",description:"The value attribute of the Switch button",table:{category:"Functional",type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{isChecked:!1,label:"label",onChange:Ee(),value:"value"}},p={args:{isChecked:!1},argTypes:{isDefaultChecked:{control:!1}},render:function(r,a){const{value:t,setValue:n}=ke({args:r,context:a,argKey:"isChecked",defaultValue:r.isChecked??!1}),s=Te(c=>{n(c.checked)},[n]);return o.jsx(v,{...r,isChecked:t,isDefaultChecked:void 0,onChange:s})}},S={...u(p,{tags:["!autodocs"]})},w={...u(p,{args:{isChecked:!0}})},x={...u(p,{args:{hint:"Hint text"}})},y={...u(p,{args:{hint:"Hint text",HintLinkComponent:o.jsx(ve,{href:"#link",children:"Link"})}})},H={...u(p,{args:{isDisabled:!0}})},L={...u(p,{args:{isDisabled:!0,isChecked:!0}})},O={...u(p,{args:{isReadOnly:!0,isChecked:!0}})},$={parameters:{docs:{description:{story:"When `isChecked` is omitted the Switch manages its own state via `isDefaultChecked`"}}},args:{isDefaultChecked:!1,isChecked:void 0},argTypes:{isChecked:{control:!1}},render:e=>o.jsx(v,{...e})};var T,E,W;S.parameters={...S.parameters,docs:{...(T=S.parameters)==null?void 0:T.docs,source:{originalSource:`{
+ */const P=e=>Number(e.replace(/rem$/,"")),k=e=>e/14,{CONTROLLED:j}=He,f=["isChecked","isDisabled","isFullWidth","isReadOnly","odysseyDesignTokens"],Fe=d("div",{shouldForwardProp:e=>!f.includes(e)})(({isFullWidth:e,odysseyDesignTokens:r})=>({display:"flex",alignItems:"flex-start",justifyContent:"space-between",maxWidth:e?"100%":r.TypographyLineLengthMax})),Me=d.div({position:"relative"}),Re=d(Oe,{shouldForwardProp:e=>!f.includes(e)})(({isDisabled:e,isReadOnly:r,odysseyDesignTokens:a})=>({display:"block",margin:0,color:a.PaletteNeutralDark,...e&&{color:a.TypographyColorDisabled,p:{color:a.TypographyColorDisabled},a:{color:`${a.TypographyColorDisabled} !important`}},...r&&{color:a.HueNeutral700,p:{color:a.HueNeutral700},a:{color:`${a.HueNeutral700} !important`}}})),je=d("div",{shouldForwardProp:e=>!f.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"relative",width:t.Spacing7,height:`calc(${t.Spacing4} + ${t.Spacing1})`,borderRadius:t.BorderRadiusOuter,backgroundColor:t.HueNeutral300,transition:`background-color ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral200},...a&&{backgroundColor:t.HueNeutral600},...e&&!r&&!a&&{backgroundColor:t.PaletteSuccessLight}})),Ne=d("span",{shouldForwardProp:e=>!f.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>{const n=k(3),s=P(t.Spacing7),c=P(t.Spacing4)-k(2),i=s-c-n*2;return{position:"absolute",top:"50%",left:`${n}rem`,width:`calc(${t.Spacing4} - ${k(2)}rem)`,height:`calc(${t.Spacing4} - ${k(2)}rem)`,borderRadius:t.BorderRadiusRound,backgroundColor:t.HueNeutralWhite,transform:"translate3d(0, -50%, 0)",transition:`transform ${t.TransitionDurationMain}`,...r&&{backgroundColor:t.HueNeutral50},...a&&{backgroundColor:t.HueNeutral400},...e&&{transform:`translate3d(${i}rem, -50%, 0)`}}}),Ie=d($e,{shouldForwardProp:e=>!f.includes(e)})(({isChecked:e,isDisabled:r,isReadOnly:a,odysseyDesignTokens:t})=>({position:"absolute",top:"50%",left:3,width:t.Spacing4,transform:"translateY(-50%)",transition:`opacity ${t.TransitionDurationMain}`,opacity:0,path:{fill:t.HueNeutralWhite},...e&&{opacity:1},...(r||a)&&{path:{fill:t.HueNeutral50}}})),De=d.input(({odysseyDesignTokens:e,isReadOnly:r})=>({position:"absolute",top:0,left:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:r?"default":"pointer",zIndex:2,"&:focus-visible":{"~ [data-switch-track='true']":{boxShadow:`0 0 0 2px ${e.HueNeutralWhite}, 0 0 0 4px ${e.PalettePrimaryMain}`}}})),le=({hint:e,hintId:r,HintLinkComponent:a,inputId:t,isDisabled:n,label:s,isReadOnly:c})=>{const i=ce();return o.jsx(o.Fragment,{children:o.jsxs(Re,{htmlFor:t,isDisabled:n,isReadOnly:c,odysseyDesignTokens:i,children:[s,e&&o.jsx(we,{id:r,LinkComponent:a,text:e})]})})},_e=l.memo(le);le.displayName="SwitchLabel";const Pe=({hint:e,HintLinkComponent:r,id:a,isChecked:t,isDefaultChecked:n,isDisabled:s,isFullWidth:c=!1,isReadOnly:i=!1,label:F,name:de,onChange:C,testId:ue,value:pe})=>{const{t:N}=xe(),m=ce(),M=l.useRef(ye({controlledValue:t,uncontrolledValue:n})),me=l.useMemo(()=>M.current===j?{checked:t}:{defaultChecked:n},[n,t]),[b,R]=l.useState(M.current===j?!!t:!!n);l.useEffect(()=>{M.current===j&&R(!!t)},[t]);const g=Le(a),I=e?`${g}-hint`:void 0,he=`${g}-label`,be=l.useCallback(D=>{if(i){D.preventDefault();return}const ge=D.target,{checked:_,value:fe}=ge;R(_),C==null||C({checked:_,value:fe})},[C,R,i]);return o.jsx(Se,{sx:{marginBlockEnd:m.Spacing2,"&:last-child":{marginBlockEnd:0}},children:o.jsxs(Fe,{isFullWidth:c,odysseyDesignTokens:m,children:[o.jsx(_e,{hint:e,hintId:I,HintLinkComponent:r,inputId:g,isDisabled:s,isFullWidth:c,isReadOnly:i,label:F}),o.jsxs(Me,{children:[o.jsx(De,{...me,"aria-checked":b,"aria-describedby":I,"aria-label":b?`${F}: ${N("switch.active")}`:`${F}: ${N("switch.inactive")}`,"aria-labelledby":he,"data-se":ue,disabled:s,id:g,isReadOnly:i,name:de??g,odysseyDesignTokens:m,onChange:be,readOnly:i,type:"checkbox",value:pe}),o.jsxs(je,{"data-switch-track":!0,isChecked:b,isDisabled:s,isReadOnly:i,odysseyDesignTokens:m,children:[o.jsx(Ne,{isChecked:b,isDisabled:s,isReadOnly:i,odysseyDesignTokens:m}),o.jsx(Ie,{isChecked:b,isDisabled:s,isReadOnly:i,odysseyDesignTokens:m})]})]})]})})},v=l.memo(Pe);v.displayName="Switch";const{useCallback:Te}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:Ee}=__STORYBOOK_MODULE_TEST__,ut={component:v,decorators:[Ce],tags:["autodocs"],argTypes:{isChecked:{control:"boolean",description:"If `true`, the Switch button is checked",table:{category:"Visual",type:{summary:"boolean"}}},isDefaultChecked:{control:"boolean",description:"If `true`, the Switch button is checked by default",table:{category:"Functional",type:{summary:"boolean"}}},hint:h.hint,HintLinkComponent:h.HintLinkComponent,id:h.id,isDisabled:h.isDisabled,isFullWidth:h.isFullWidth,isReadOnly:{control:"boolean",description:"If `true`, the Switch renders as read-only",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the Switch button",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},name:h.name,onChange:{description:"Callback fired when the user toggles the Switch",table:{category:"Functional",type:{summary:"({ checked, value }: OnChangeCallbackArguments) => void"}}},testId:{control:"text",description:"Adds a `data-se` attribute so automated tests can target the Switch.",table:{category:"Functional",type:{summary:"string"}}},value:{control:"text",description:"The value attribute of the Switch button",table:{category:"Functional",type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{isChecked:!1,label:"label",onChange:Ee(),value:"value"}},p={args:{isChecked:!1},argTypes:{isDefaultChecked:{control:!1}},render:function(r,a){const{value:t,setValue:n}=ke({args:r,context:a,argKey:"isChecked",defaultValue:r.isChecked??!1}),s=Te(c=>{n(c.checked)},[n]);return o.jsx(v,{...r,isChecked:t,isDefaultChecked:void 0,onChange:s})}},S={...u(p,{tags:["!autodocs"]})},w={...u(p,{args:{isChecked:!0}})},x={...u(p,{args:{hint:"Hint text"}})},y={...u(p,{args:{hint:"Hint text",HintLinkComponent:o.jsx(ve,{href:"#link",children:"Link"})}})},H={...u(p,{args:{isDisabled:!0}})},L={...u(p,{args:{isDisabled:!0,isChecked:!0}})},O={...u(p,{args:{isReadOnly:!0,isChecked:!0}})},$={parameters:{docs:{description:{story:"When `isChecked` is omitted the Switch manages its own state via `isDefaultChecked`"}}},args:{isDefaultChecked:!1,isChecked:void 0},argTypes:{isChecked:{control:!1}},render:e=>o.jsx(v,{...e})};var T,E,W;S.parameters={...S.parameters,docs:{...(T=S.parameters)==null?void 0:T.docs,source:{originalSource:`{
   ...deepmerge(SwitchTemplate, {
     tags: ["!autodocs"]
   })
@@ -69,4 +69,4 @@ import{r as l,j as o}from"./iframe-CQjT1fxh.js";import{O as Ce}from"./OdysseySto
     }
   },
   render: props => <Switch {...props} />
-}`,...(se=(ie=$.parameters)==null?void 0:ie.docs)==null?void 0:se.source}}};const ut=["Default","Checked","Hint","HintLink","Disabled","CheckedDisabled","CheckedReadOnly","Uncontrolled"];export{w as Checked,L as CheckedDisabled,O as CheckedReadOnly,S as Default,H as Disabled,x as Hint,y as HintLink,$ as Uncontrolled,ut as __namedExportsOrder,dt as default};
+}`,...(se=(ie=$.parameters)==null?void 0:ie.docs)==null?void 0:se.source}}};const pt=["Default","Checked","Hint","HintLink","Disabled","CheckedDisabled","CheckedReadOnly","Uncontrolled"];export{w as Checked,L as CheckedDisabled,O as CheckedReadOnly,S as Default,H as Disabled,x as Hint,y as HintLink,$ as Uncontrolled,pt as __namedExportsOrder,ut as default};

package/dist/assets/{SwitchBase-C_6ALR3v.js → SwitchBase-fGL3z_gG.js}

@@ -1 +1 @@
-import{M as W,N as $,_ as A,a as c,c as F,d as D,e as G,f as H,r as J}from"./tableRowClasses-Bk1uFtwh.js";import{r as K,j as x}from"./iframe-CQjT1fxh.js";import{u as Q}from"./FormHelperText-CVc1kPQJ.js";import{u as T}from"./useControlled-BUhC7uWK.js";import{B as V}from"./ButtonBase-Rz8p08Xo.js";function X(e){return W("PrivateSwitchBase",e)}$("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const Y=["autoFocus","checked","checkedIcon","className","defaultChecked","disabled","disableFocusRipple","edge","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"],Z=e=>{const{classes:t,checked:d,disabled:r,edge:a}=e,l={root:["root",d&&"checked",r&&"disabled",a&&`edge${G(a)}`],input:["input"]};return H(l,X,t)},ee=F(V,{name:"MuiSwitchBase"})(({ownerState:e})=>c({padding:9,borderRadius:"50%"},e.edge==="start"&&{marginLeft:e.size==="small"?-3:-12},e.edge==="end"&&{marginRight:e.size==="small"?-3:-12})),se=F("input",{name:"MuiSwitchBase",shouldForwardProp:J})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),ce=K.forwardRef(function(t,d){const{autoFocus:r,checked:a,checkedIcon:l,className:w,defaultChecked:h,disabled:S,disableFocusRipple:p=!1,edge:y=!1,icon:R,id:P,inputProps:I,inputRef:v,name:j,onBlur:f,onChange:m,onFocus:g,readOnly:N,required:z=!1,tabIndex:E,type:n,value:B}=t,U=A(t,Y),[b,_]=T({controlled:a,default:!!h,name:"SwitchBase",state:"checked"}),o=Q(),L=s=>{g&&g(s),o&&o.onFocus&&o.onFocus(s)},M=s=>{f&&f(s),o&&o.onBlur&&o.onBlur(s)},q=s=>{if(s.nativeEvent.defaultPrevented)return;const C=s.target.checked;_(C),m&&m(s,C)};let i=S;o&&typeof i>"u"&&(i=o.disabled);const O=n==="checkbox"||n==="radio",u=c({},t,{checked:b,disabled:i,disableFocusRipple:p,edge:y}),k=Z(u);return x.jsxs(ee,c({component:"span",className:D(k.root,w),centerRipple:!0,focusRipple:!p,disabled:i,tabIndex:null,role:void 0,onFocus:L,onBlur:M,ownerState:u,ref:d},U,{children:[x.jsx(se,c({autoFocus:r,checked:a,defaultChecked:h,className:k.input,disabled:i,id:O?P:void 0,name:j,onChange:q,readOnly:N,ref:v,required:z,ownerState:u,tabIndex:E,type:n},n==="checkbox"&&B===void 0?{}:{value:B},I)),b?l:R]}))});export{ce as S};
+import{M as W,N as $,_ as A,a as c,c as F,d as D,e as G,f as H,r as J}from"./tableRowClasses-DYosAqvx.js";import{r as K,j as x}from"./iframe-Cav9rlxr.js";import{u as Q}from"./FormHelperText--Cp1ogV3.js";import{u as T}from"./useControlled-4m9Fbl4Y.js";import{B as V}from"./ButtonBase-CYIo9Kvv.js";function X(e){return W("PrivateSwitchBase",e)}$("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const Y=["autoFocus","checked","checkedIcon","className","defaultChecked","disabled","disableFocusRipple","edge","icon","id","inputProps","inputRef","name","onBlur","onChange","onFocus","readOnly","required","tabIndex","type","value"],Z=e=>{const{classes:t,checked:d,disabled:r,edge:a}=e,l={root:["root",d&&"checked",r&&"disabled",a&&`edge${G(a)}`],input:["input"]};return H(l,X,t)},ee=F(V,{name:"MuiSwitchBase"})(({ownerState:e})=>c({padding:9,borderRadius:"50%"},e.edge==="start"&&{marginLeft:e.size==="small"?-3:-12},e.edge==="end"&&{marginRight:e.size==="small"?-3:-12})),se=F("input",{name:"MuiSwitchBase",shouldForwardProp:J})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),ce=K.forwardRef(function(t,d){const{autoFocus:r,checked:a,checkedIcon:l,className:w,defaultChecked:h,disabled:S,disableFocusRipple:p=!1,edge:y=!1,icon:R,id:P,inputProps:I,inputRef:v,name:j,onBlur:f,onChange:m,onFocus:g,readOnly:N,required:z=!1,tabIndex:E,type:n,value:B}=t,U=A(t,Y),[b,_]=T({controlled:a,default:!!h,name:"SwitchBase",state:"checked"}),o=Q(),L=s=>{g&&g(s),o&&o.onFocus&&o.onFocus(s)},M=s=>{f&&f(s),o&&o.onBlur&&o.onBlur(s)},q=s=>{if(s.nativeEvent.defaultPrevented)return;const C=s.target.checked;_(C),m&&m(s,C)};let i=S;o&&typeof i>"u"&&(i=o.disabled);const O=n==="checkbox"||n==="radio",u=c({},t,{checked:b,disabled:i,disableFocusRipple:p,edge:y}),k=Z(u);return x.jsxs(ee,c({component:"span",className:D(k.root,w),centerRipple:!0,focusRipple:!p,disabled:i,tabIndex:null,role:void 0,onFocus:L,onBlur:M,ownerState:u,ref:d},U,{children:[x.jsx(se,c({autoFocus:r,checked:a,defaultChecked:h,className:k.input,disabled:i,id:O?P:void 0,name:j,onChange:q,readOnly:N,ref:v,required:z,ownerState:u,tabIndex:E,type:n},n==="checkbox"&&B===void 0?{}:{value:B},I)),b?l:R]}))});export{ce as S};

package/dist/assets/{Sync-Bo0k4rYZ.js → Sync-DbBKVuQB.js}

@@ -1 +1 @@
-import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as n}from"./tableRowClasses-Bk1uFtwh.js";const c=e.forwardRef((r,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M3.333 4.667h9.724L11.53 6.195l.942.943 2.29-2.29.01-.01c.057-.057.124-.124.178-.187a1 1 0 0 0 .197-.342 1 1 0 0 0 0-.618 1.006 1.006 0 0 0-.197-.342c-.054-.063-.121-.13-.177-.187l-.011-.01-2.29-2.29-.942.943 1.528 1.528H3.333a2 2 0 0 0-2 2v3.839l1.334-1.334V5.333c0-.368.298-.666.666-.666Zm10 6V8.162l1.334-1.334v3.839a2 2 0 0 1-2 2H2.943l1.528 1.528-.942.943-2.29-2.29-.01-.01a3.274 3.274 0 0 1-.178-.187 1.006 1.006 0 0 1-.197-.342 1 1 0 0 1 0-.618 1 1 0 0 1 .197-.342c.054-.063.121-.13.177-.187l.011-.01 2.29-2.29.942.943-1.528 1.528h9.724a.667.667 0 0 0 .666-.666Z",fill:"currentColor",fillRule:"evenodd"})})})),a=e.memo(c);a.displayName="SyncIcon";export{a as M};
+import{r as e,j as o}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const c=e.forwardRef((r,l)=>o.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M3.333 4.667h9.724L11.53 6.195l.942.943 2.29-2.29.01-.01c.057-.057.124-.124.178-.187a1 1 0 0 0 .197-.342 1 1 0 0 0 0-.618 1.006 1.006 0 0 0-.197-.342c-.054-.063-.121-.13-.177-.187l-.011-.01-2.29-2.29-.942.943 1.528 1.528H3.333a2 2 0 0 0-2 2v3.839l1.334-1.334V5.333c0-.368.298-.666.666-.666Zm10 6V8.162l1.334-1.334v3.839a2 2 0 0 1-2 2H2.943l1.528 1.528-.942.943-2.29-2.29-.01-.01a3.274 3.274 0 0 1-.178-.187 1.006 1.006 0 0 1-.197-.342 1 1 0 0 1 0-.618 1 1 0 0 1 .197-.342c.054-.063.121-.13.177-.187l.011-.01 2.29-2.29.942.943-1.528 1.528h9.724a.667.667 0 0 0 .666-.666Z",fill:"currentColor",fillRule:"evenodd"})})})),a=e.memo(c);a.displayName="SyncIcon";export{a as M};

package/dist/assets/{Tabs-BPWnyCAU.js → Tabs-By4ALAid.js}

@@ -1 +1 @@
-import{N as bt,M as pt,b as ht,_ as rt,a as f,d as N,c as j,e as Pt,f as vt,u as Zt,y as Lt}from"./tableRowClasses-Bk1uFtwh.js";import{r as d,j as v}from"./iframe-CQjT1fxh.js";import{B as Nt}from"./ButtonBase-Rz8p08Xo.js";import{u as te}from"./utils-D-QCjykO.js";import{d as kt}from"./debounce-Be36O1Ab.js";import{o as Ft}from"./ownerWindow-HkKU3E4x.js";import{c as At}from"./createSvgIcon-CaWcxZng.js";import{u as lt}from"./Portal-DeJFqeW-.js";import{u as ut}from"./TransitionGroupContext-yBqGXZYI.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)})),$e=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,Wt=(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"}}),zt={},Oe=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",K=B?"scrollTop":"scrollLeft",Q=B?"top":"left",Z=B?"bottom":"right",it=B?"clientHeight":"clientWidth",V=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}),z=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(zt),[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,W=d.useRef(null),O=d.useRef(null),wt=()=>{const o=W.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,[V]:l?l[V]:0};if(isNaN($[n])||isNaN($[V]))St(b);else{const S=Math.abs($[n]-b[n]),E=Math.abs($[V]-b[V]);(S>=1||E>=1)&&St(b)}}),at=(o,{animation:l=!0}={})=>{l?de(K,W.current,o,{duration:s.transitions.duration.standard}):W.current[K]=o},It=o=>{let l=W.current[K];B?l+=o:(l+=o*(c?-1:1),l*=c&&$t()==="reverse"?-1:1),at(l)},Tt=()=>{const o=W.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},Kt=()=>{It(-1*Tt())},Vt=()=>{It(Tt())},qt=d.useCallback(o=>{Yt({overflow:null,scrollbarWidth:o})},[]),Gt=()=>{const o={};o.scrollbarSizeListener=T?v.jsx(Ee,{onChange:qt,className:N(z.scrollableX,z.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:Kt,disabled:!xt},F,{className:N(z.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:Vt,disabled:!gt},F,{className:N(z.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[K]+(a[Q]-l[Q]);at(n,{animation:o})}else if(a[Z]>l[Z]){const n=l[K]+(a[Z]-l[Z]);at(n,{animation:o})}}}),tt=ut(()=>{T&&M!==!1&&Ut(!yt)});d.useEffect(()=>{const o=kt(()=>{W.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(W.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:W.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(zt!==$)},[Et,$]),d.useImperativeHandle(u,()=>({updateIndicator:q,updateScrollButtons:tt}),[q,tt]);const Mt=v.jsx(Te,f({},X,{className:N(z.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,Wt);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,Wt);break}},ct=Gt();return v.jsxs(Ce,f({className:N(z.root,y),ownerState:A,ref:r,as:m},Ot,{children:[ct.scrollButtonStart,ct.scrollbarSizeListener,v.jsxs(we,{className:z.scroller,ownerState:A,style:{overflow:Bt.overflow,[B?`margin${c?"Left":"Right"}`:"marginBottom"]:st?void 0:-Bt.scrollbarWidth},ref:W,children:[v.jsx(Ie,{"aria-label":h,"aria-labelledby":p,"aria-orientation":g==="vertical"?"vertical":null,className:z.flexContainer,ownerState:A,onKeyDown:Qt,ref:O,role:"tablist",children:Jt}),mt&&Mt]}),ct.scrollButtonEnd]}))});export{Oe as T,$e as a,ft as t};
+import{N as bt,M as pt,b as ht,_ as rt,a as f,d as N,c as j,e as Pt,f as vt,u as Zt,y as Lt}from"./tableRowClasses-DYosAqvx.js";import{r as d,j as v}from"./iframe-Cav9rlxr.js";import{B as Nt}from"./ButtonBase-CYIo9Kvv.js";import{u as te}from"./utils-fJIW_l91.js";import{d as kt}from"./debounce-Be36O1Ab.js";import{o as Ft}from"./ownerWindow-HkKU3E4x.js";import{c as At}from"./createSvgIcon-CoE7vjSC.js";import{u as lt}from"./Portal-CznYNzyC.js";import{u as ut}from"./TransitionGroupContext-CTI9LvjA.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)})),$e=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,Wt=(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"}}),zt={},Oe=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",K=B?"scrollTop":"scrollLeft",Q=B?"top":"left",Z=B?"bottom":"right",it=B?"clientHeight":"clientWidth",V=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}),z=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(zt),[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,W=d.useRef(null),O=d.useRef(null),wt=()=>{const o=W.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,[V]:l?l[V]:0};if(isNaN($[n])||isNaN($[V]))St(b);else{const S=Math.abs($[n]-b[n]),E=Math.abs($[V]-b[V]);(S>=1||E>=1)&&St(b)}}),at=(o,{animation:l=!0}={})=>{l?de(K,W.current,o,{duration:s.transitions.duration.standard}):W.current[K]=o},It=o=>{let l=W.current[K];B?l+=o:(l+=o*(c?-1:1),l*=c&&$t()==="reverse"?-1:1),at(l)},Tt=()=>{const o=W.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},Kt=()=>{It(-1*Tt())},Vt=()=>{It(Tt())},qt=d.useCallback(o=>{Yt({overflow:null,scrollbarWidth:o})},[]),Gt=()=>{const o={};o.scrollbarSizeListener=T?v.jsx(Ee,{onChange:qt,className:N(z.scrollableX,z.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:Kt,disabled:!xt},F,{className:N(z.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:Vt,disabled:!gt},F,{className:N(z.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[K]+(a[Q]-l[Q]);at(n,{animation:o})}else if(a[Z]>l[Z]){const n=l[K]+(a[Z]-l[Z]);at(n,{animation:o})}}}),tt=ut(()=>{T&&M!==!1&&Ut(!yt)});d.useEffect(()=>{const o=kt(()=>{W.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(W.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:W.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(zt!==$)},[Et,$]),d.useImperativeHandle(u,()=>({updateIndicator:q,updateScrollButtons:tt}),[q,tt]);const Mt=v.jsx(Te,f({},X,{className:N(z.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,Wt);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,Wt);break}},ct=Gt();return v.jsxs(Ce,f({className:N(z.root,y),ownerState:A,ref:r,as:m},Ot,{children:[ct.scrollButtonStart,ct.scrollbarSizeListener,v.jsxs(we,{className:z.scroller,ownerState:A,style:{overflow:Bt.overflow,[B?`margin${c?"Left":"Right"}`:"marginBottom"]:st?void 0:-Bt.scrollbarWidth},ref:W,children:[v.jsx(Ie,{"aria-label":h,"aria-labelledby":p,"aria-orientation":g==="vertical"?"vertical":null,className:z.flexContainer,ownerState:A,onKeyDown:Qt,ref:O,role:"tablist",children:Jt}),mt&&Mt]}),ct.scrollButtonEnd]}))});export{Oe as T,$e as a,ft as t};

package/dist/assets/{Tabs-BnDKqj9p.js → Tabs-C_TNnT1n.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-CQjT1fxh.js";import{useMDXComponents as s}from"./index-D5BUEpVX.js";import{M as n,T as c,S as h,D as p,P as d,a as l,b as a}from"./blocks-D521Uej3.js";import{T as e}from"./Tabs.stories-xaGU0YrM.js";import"./preload-helper-Dp1pzeXC.js";import"./index-C77ZwfYm.js";import"./index-5Qx3hCfP.js";import"./axeRun-w5CBCc9V.js";import"./axe-9-4xvXvL.js";import"./iconUtils-DmnxHGuV.js";import"./index-Vzl5wUDu.js";import"./tableRowClasses-Bk1uFtwh.js";import"./AddCircle-zDqHIKbQ.js";import"./Server-1eTAy_EZ.js";import"./List-CZ2bN2bA.js";import"./ArrowRight-C5USrGY5.js";import"./Bug-BnGJL5iO.js";import"./Calendar-Do4wfihU.js";import"./Call-CZmd0zlk.js";import"./WarningFilled-DOHs-JmZ.js";import"./ChevronRight-QYu5EQHS.js";import"./ChevronUp-D226bAv0.js";import"./Clock-CRMbzsTS.js";import"./Upload-nb-hV6Ym.js";import"./Documentation-nAJnZGCK.js";import"./Download-CA8gZ8xE.js";import"./ExternalLink-3_gWbh_U.js";import"./Filter-XcwxIcdg.js";import"./Folder-CVKRyg4P.js";import"./Globe-C0SMdL8H.js";import"./Grid-DnpTJXeB.js";import"./Group-BJr9nAnt.js";import"./Hide-C2jA-JOQ.js";import"./Home-D8RWt2JU.js";import"./InformationCircle-DRZkRWne.js";import"./Link-BKNciOfr.js";import"./More-BAN0OFVF.js";import"./Notification-CqbysXIb.js";import"./Refresh-ZZ_nNcXg.js";import"./Search-0744_rm_.js";import"./Settings-CnuBvsmb.js";import"./Show-C6ORd-wr.js";import"./Sync-Bo0k4rYZ.js";import"./User-BEFwQRGi.js";import"./Video-DHeibuka.js";import"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Badge-4k4qHpX4.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./Tabs-BPWnyCAU.js";import"./ButtonBase-Rz8p08Xo.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./utils-D-QCjykO.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./createSvgIcon-CaWcxZng.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./useThemeProps-Bc2iWdri.js";import"./useThemeProps-BCUqwy59.js";import"./Button-0PI4ljbj.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./Grow-DvH-Xu1P.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./Button-Dug4qNr3.js";function o(i){const r={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(n,{of:e}),`
+import{j as t}from"./iframe-Cav9rlxr.js";import{useMDXComponents as s}from"./index-BQ9nbbSk.js";import{M as n,T as c,S as h,D as p,P as d,a as l,b as m}from"./blocks-BI5YpTSd.js";import{T as e}from"./Tabs.stories-Dpxwprx8.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./index-C5VVYn_U.js";import"./axeRun-C-zlWaxU.js";import"./axe-B0QS9Vy6.js";import"./iconUtils-CeRi1WMA.js";import"./index-Dui69PFe.js";import"./tableRowClasses-DYosAqvx.js";import"./AddCircle-DgNpvHvb.js";import"./Server-CirxxKai.js";import"./List-CEPzEOaM.js";import"./ArrowLeft-DKc-rln7.js";import"./ArrowRight-CQpox1s-.js";import"./Bug-DbpZDqwO.js";import"./Calendar-DV1h6Fc3.js";import"./Call-2_fpBWhr.js";import"./WarningFilled-DJX60tUO.js";import"./ChevronRight--b1mmNks.js";import"./ChevronUp-DL24OTkX.js";import"./Clock-BQK6LLyZ.js";import"./Upload-Cy-cphyA.js";import"./Documentation-C2_DeFFh.js";import"./Download-YawXz5G6.js";import"./ExternalLink-DTGSbkQ2.js";import"./Filter-ColuOFTn.js";import"./Folder-DtBjBkxy.js";import"./Globe-DhuLu1HO.js";import"./Grid-DT7vGlwm.js";import"./Group-9XOIBtaE.js";import"./Hide-4CfPQa-Q.js";import"./Home-BD0pfCzQ.js";import"./InformationCircle-C_nheCFB.js";import"./Link-C_gwYBxh.js";import"./More-D0XSbzen.js";import"./Notification-Dv2xKTFA.js";import"./Refresh-4GRZURAB.js";import"./Search-C3XUnqCP.js";import"./Settings-DoysZs_u.js";import"./Show-8RSN9YQN.js";import"./Sync-DbBKVuQB.js";import"./User-DRi5hhiP.js";import"./Video-DAMdjIe3.js";import"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Badge-C9-6xV6N.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./Tabs-By4ALAid.js";import"./ButtonBase-CYIo9Kvv.js";import"./useIsFocusVisible-Cu721A7w.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./utils-fJIW_l91.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./createSvgIcon-CoE7vjSC.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useThemeProps-CITViJJe.js";import"./useThemeProps-C9dAJTwo.js";import"./Button-BX9EXxBV.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./Button-AqSkJ6Nd.js";function o(i){const r={a:"a",code:"code",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...i.components};return t.jsxs(t.Fragment,{children:[t.jsx(n,{of:e}),`
 `,t.jsx(c,{of:e}),`
 `,t.jsx(h,{of:e}),`
 `,t.jsx(p,{of:e}),`
@@ -6,7 +6,7 @@ import{j as t}from"./iframe-CQjT1fxh.js";import{useMDXComponents as s}from"./ind
 `,t.jsxs(r.p,{children:["A full composition includes a ",t.jsx(r.code,{children:"<Tabs>"})," component with the ",t.jsx(r.code,{children:"tabs"}),` prop set to an array of two or more objects
 that use the following props:`]}),`
 `,t.jsx(l,{}),`
-`,t.jsx(a,{}),`
+`,t.jsx(m,{}),`
 `,t.jsx(r.h2,{id:"accessibility",children:"Accessibility"}),`
 `,t.jsx(r.h3,{id:"keyboard-support",children:"Keyboard Support"}),`
 `,t.jsx("figure",{className:"ods-table--figure",children:t.jsxs("table",{className:"ods-table",children:[t.jsx("caption",{children:"Tabs support the following keyboard shortcuts"}),t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{scope:"column",children:"Key"}),t.jsx("th",{scope:"column",children:"Behavior"})]})}),t.jsxs("tbody",{children:[t.jsxs("tr",{children:[t.jsx("th",{scope:"row",rowSpan:"2",children:t.jsx("kbd",{children:"Tab"})}),t.jsx("td",{children:t.jsxs(r.p,{children:["When focus moves in to ",t.jsx("code",{children:"tablist"}),` the focus is placed on the
@@ -20,4 +20,4 @@ selected.`]})})]}),t.jsx("tr",{children:t.jsx("td",{children:"If the first Tab i
 `,t.jsx(r.h3,{id:"further-reading",children:"Further Reading"}),`
 `,t.jsxs(r.ul,{children:[`
 `,t.jsx(r.li,{children:t.jsx(r.a,{href:"https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel",rel:"nofollow",children:"Tabs Design Pattern in WAI-ARIA Authoring Practices 1.1"})}),`
-`]})]})}function Et(i={}){const{wrapper:r}={...s(),...i.components};return r?t.jsx(r,{...i,children:t.jsx(o,{...i})}):o(i)}export{Et as default};
+`]})]})}function Ft(i={}){const{wrapper:r}={...s(),...i.components};return r?t.jsx(r,{...i,children:t.jsx(o,{...i})}):o(i)}export{Ft as default};

package/dist/assets/{Tabs.stories-xaGU0YrM.js → Tabs.stories-Dpxwprx8.js}

@@ -1,4 +1,4 @@
-import{r as s,j as t}from"./iframe-CQjT1fxh.js";import{a as le}from"./axeRun-w5CBCc9V.js";import{i as D}from"./iconUtils-DmnxHGuV.js";import{O as re}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as ie,b as E}from"./Badge-4k4qHpX4.js";import{M as Y}from"./Box-B3rdnavX.js";import{u as ce}from"./OdysseyThemeProvider-BA0_xP7N.js";import{T as ue,a as me}from"./Tabs-BPWnyCAU.js";import{_ as H,a as w,M as de,N as be,c as pe,d as fe,f as he}from"./tableRowClasses-Bk1uFtwh.js";import{u as xe}from"./useThemeProps-Bc2iWdri.js";import{M as Te}from"./Button-0PI4ljbj.js";import{M as ye}from"./Bug-BnGJL5iO.js";const J=s.createContext(null);function ve(){const[n,e]=s.useState(null);return s.useEffect(()=>{e(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),n}function Ce(n){const{children:e,value:a}=n,o=ve(),l=s.useMemo(()=>({idPrefix:o,value:a}),[o,a]);return t.jsx(J.Provider,{value:l,children:e})}function Q(){return s.useContext(J)}function Z(n,e){const{idPrefix:a}=n;return a===null?null:`${n.idPrefix}-P-${e}`}function ee(n,e){const{idPrefix:a}=n;return a===null?null:`${n.idPrefix}-T-${e}`}const ge=["children"],Me=s.forwardRef(function(e,a){const{children:o}=e,l=H(e,ge),i=Q();if(i===null)throw new TypeError("No TabContext provided");const u=s.Children.map(o,m=>s.isValidElement(m)?s.cloneElement(m,{"aria-controls":Z(i,m.props.value),id:ee(i,m.props.value)}):null);return t.jsx(ue,w({},l,{ref:a,value:i.value,children:u}))});function Ie(n){return de("MuiTabPanel",n)}be("MuiTabPanel",["root"]);const Se=["children","className","value"],we=n=>{const{classes:e}=n;return he({root:["root"]},Ie,e)},je=pe("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(n,e)=>e.root})(({theme:n})=>({padding:n.spacing(3)})),De=s.forwardRef(function(e,a){const o=xe({props:e,name:"MuiTabPanel"}),{children:l,className:i,value:u}=o,m=H(o,Se),C=w({},o),S=we(C),d=Q();if(d===null)throw new TypeError("No TabContext provided");const r=Z(d,u),c=ee(d,u);return t.jsx(je,w({"aria-labelledby":c,className:fe(S.root,i),hidden:u!==d.value,id:r,ref:a,role:"tabpanel",ownerState:C},m,{children:u===d.value&&l}))}),Ee=({label:n,notificationCount:e,notificationCountMax:a,tabState:o,value:l})=>{const i=ce();return t.jsxs(t.Fragment,{children:[n,e!==void 0&&e>0&&t.jsx(Y,{sx:{marginInlineStart:e?i.Spacing2:0},children:t.jsx(ie,{badgeContent:e,badgeContentMax:a,type:l===o?"attention":"default"})})]})},Pe=({ariaLabel:n,initialValue:e,tabs:a,value:o,onChange:l})=>{const[i,u]=s.useState(e??o??"0"),[m,C]=s.useState(!1),S=s.useCallback((r,c)=>{u(c),l==null||l(r,c)},[l]);s.useEffect(()=>{o!==void 0&&u(o)},[o]),s.useEffect(()=>{let r;const c=()=>{cancelAnimationFrame(r),document.removeEventListener("visibilitychange",g)};function g(){r=requestAnimationFrame(()=>{c(),C("auto")})}return m!=="auto"&&document.addEventListener("visibilitychange",g),()=>{c()}},[m]);const d=s.useCallback((r,c)=>{const{testId:g,isDisabled:ne,label:ae,startIcon:te,value:b,notificationCount:oe,notificationCountMax:se}=r;return t.jsx(me,{"data-se":g,disabled:ne,icon:te,label:t.jsx(Ee,{label:ae,notificationCount:oe,notificationCountMax:se,tabState:i,value:b}),tabIndex:0,value:b||c.toString()},b||c.toString())},[i]);return t.jsxs(Ce,{value:i,children:[t.jsx(Me,{"aria-label":n,onChange:S,scrollButtons:m,variant:"scrollable",children:a.map((r,c)=>d(r,c))}),a.map((r,c)=>t.jsx(De,{value:r.value?r.value:c.toString(),children:r.children},r.value?r.value:c.toString()))]})},M=s.memo(Pe);M.displayName="Tabs";const{expect:Be,userEvent:P,waitFor:_e,within:Xe}=__STORYBOOK_MODULE_TEST__,ke={component:M,decorators:[re],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:E,description:"The limit at which the badge will show `{notificationCountMax} +`. Can be increments of 10, up to 100",table:{type:{summary:E.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"}},I=({canvasElement:n,step:e})=>async(a,o)=>{await e(`select the ${o} tab`,async()=>{await le(a),await _e(async()=>{const l=Xe(n),i=l.getByText(o);await P.click(i),await P.tab();const u=l.getByText(`Information about ${o}`);Be(u).toBeInTheDocument()})})},v={render:function(e){const a=[{label:"Planets",value:"planets",children:"Information about Planets"},{label:"Moons",value:"moons",children:"Information about Moons"}];return e!=null&&e.label&&a.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}),t.jsx(M,{ariaLabel:"basic tabs example",initialValue:"planets",tabs:a})}},j=({label:n})=>t.jsxs(t.Fragment,{children:["Information about ",n]}),p={...v,play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Default","Moons")}},f={...v,args:{isDisabled:!0,label:"Disabled Tab",children:"Tab is disabled"},play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Disabled","Moons")}},h={...v,args:{startIcon:t.jsx(ye,{}),label:"Xenomorphs",children:t.jsx(j,{label:"Xenomorphs"})},play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Icon","Xenomorphs")}},x={render:function(){const[e,a]=s.useState("planets"),o=(i,u)=>{a(u)},l=[{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 t.jsxs(t.Fragment,{children:[t.jsx(M,{ariaLabel:"controlled tabs example",onChange:o,tabs:l,value:e}),t.jsx(Y,{sx:{marginTop:4},children:t.jsx(Te,{label:"Navigate to Galaxies",onClick:()=>{a("galaxies")},size:"small",variant:"primary"})})]})}},T={...v,args:{notificationCount:1,label:"Xenomorphs",value:"xenomorphs",children:t.jsx(j,{label:"Xenomorphs"})},play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Icon","Xenomorphs")}},y={...v,args:{notificationCount:101,notificationCountMax:100,label:"Xenomorphs",value:"xenomorphs",children:t.jsx(j,{label:"Xenomorphs"})}};var B,_,X;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
+import{r as s,j as t}from"./iframe-Cav9rlxr.js";import{a as le}from"./axeRun-C-zlWaxU.js";import{i as D}from"./iconUtils-CeRi1WMA.js";import{O as re}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as ie,b as E}from"./Badge-C9-6xV6N.js";import{M as Y}from"./Box-B-6W36qW.js";import{u as ce}from"./OdysseyThemeProvider-DOMFnSU0.js";import{T as ue,a as me}from"./Tabs-By4ALAid.js";import{_ as H,a as w,M as de,N as be,c as pe,d as fe,f as he}from"./tableRowClasses-DYosAqvx.js";import{u as xe}from"./useThemeProps-CITViJJe.js";import{M as Te}from"./Button-BX9EXxBV.js";import{M as ye}from"./Bug-DbpZDqwO.js";const J=s.createContext(null);function ve(){const[n,e]=s.useState(null);return s.useEffect(()=>{e(`mui-p-${Math.round(Math.random()*1e5)}`)},[]),n}function Ce(n){const{children:e,value:a}=n,o=ve(),l=s.useMemo(()=>({idPrefix:o,value:a}),[o,a]);return t.jsx(J.Provider,{value:l,children:e})}function Q(){return s.useContext(J)}function Z(n,e){const{idPrefix:a}=n;return a===null?null:`${n.idPrefix}-P-${e}`}function ee(n,e){const{idPrefix:a}=n;return a===null?null:`${n.idPrefix}-T-${e}`}const ge=["children"],Me=s.forwardRef(function(e,a){const{children:o}=e,l=H(e,ge),i=Q();if(i===null)throw new TypeError("No TabContext provided");const u=s.Children.map(o,m=>s.isValidElement(m)?s.cloneElement(m,{"aria-controls":Z(i,m.props.value),id:ee(i,m.props.value)}):null);return t.jsx(ue,w({},l,{ref:a,value:i.value,children:u}))});function Ie(n){return de("MuiTabPanel",n)}be("MuiTabPanel",["root"]);const Se=["children","className","value"],we=n=>{const{classes:e}=n;return he({root:["root"]},Ie,e)},je=pe("div",{name:"MuiTabPanel",slot:"Root",overridesResolver:(n,e)=>e.root})(({theme:n})=>({padding:n.spacing(3)})),De=s.forwardRef(function(e,a){const o=xe({props:e,name:"MuiTabPanel"}),{children:l,className:i,value:u}=o,m=H(o,Se),C=w({},o),S=we(C),d=Q();if(d===null)throw new TypeError("No TabContext provided");const r=Z(d,u),c=ee(d,u);return t.jsx(je,w({"aria-labelledby":c,className:fe(S.root,i),hidden:u!==d.value,id:r,ref:a,role:"tabpanel",ownerState:C},m,{children:u===d.value&&l}))}),Ee=({label:n,notificationCount:e,notificationCountMax:a,tabState:o,value:l})=>{const i=ce();return t.jsxs(t.Fragment,{children:[n,e!==void 0&&e>0&&t.jsx(Y,{sx:{marginInlineStart:e?i.Spacing2:0},children:t.jsx(ie,{badgeContent:e,badgeContentMax:a,type:l===o?"attention":"default"})})]})},Pe=({ariaLabel:n,initialValue:e,tabs:a,value:o,onChange:l})=>{const[i,u]=s.useState(e??o??"0"),[m,C]=s.useState(!1),S=s.useCallback((r,c)=>{u(c),l==null||l(r,c)},[l]);s.useEffect(()=>{o!==void 0&&u(o)},[o]),s.useEffect(()=>{let r;const c=()=>{cancelAnimationFrame(r),document.removeEventListener("visibilitychange",g)};function g(){r=requestAnimationFrame(()=>{c(),C("auto")})}return m!=="auto"&&document.addEventListener("visibilitychange",g),()=>{c()}},[m]);const d=s.useCallback((r,c)=>{const{testId:g,isDisabled:ne,label:ae,startIcon:te,value:b,notificationCount:oe,notificationCountMax:se}=r;return t.jsx(me,{"data-se":g,disabled:ne,icon:te,label:t.jsx(Ee,{label:ae,notificationCount:oe,notificationCountMax:se,tabState:i,value:b}),tabIndex:0,value:b||c.toString()},b||c.toString())},[i]);return t.jsxs(Ce,{value:i,children:[t.jsx(Me,{"aria-label":n,onChange:S,scrollButtons:m,variant:"scrollable",children:a.map((r,c)=>d(r,c))}),a.map((r,c)=>t.jsx(De,{value:r.value?r.value:c.toString(),children:r.children},r.value?r.value:c.toString()))]})},M=s.memo(Pe);M.displayName="Tabs";const{expect:Be,userEvent:P,waitFor:_e,within:Xe}=__STORYBOOK_MODULE_TEST__,ke={component:M,decorators:[re],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:E,description:"The limit at which the badge will show `{notificationCountMax} +`. Can be increments of 10, up to 100",table:{type:{summary:E.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"}},I=({canvasElement:n,step:e})=>async(a,o)=>{await e(`select the ${o} tab`,async()=>{await le(a),await _e(async()=>{const l=Xe(n),i=l.getByText(o);await P.click(i),await P.tab();const u=l.getByText(`Information about ${o}`);Be(u).toBeInTheDocument()})})},v={render:function(e){const a=[{label:"Planets",value:"planets",children:"Information about Planets"},{label:"Moons",value:"moons",children:"Information about Moons"}];return e!=null&&e.label&&a.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}),t.jsx(M,{ariaLabel:"basic tabs example",initialValue:"planets",tabs:a})}},j=({label:n})=>t.jsxs(t.Fragment,{children:["Information about ",n]}),p={...v,play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Default","Moons")}},f={...v,args:{isDisabled:!0,label:"Disabled Tab",children:"Tab is disabled"},play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Disabled","Moons")}},h={...v,args:{startIcon:t.jsx(ye,{}),label:"Xenomorphs",children:t.jsx(j,{label:"Xenomorphs"})},play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Icon","Xenomorphs")}},x={render:function(){const[e,a]=s.useState("planets"),o=(i,u)=>{a(u)},l=[{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 t.jsxs(t.Fragment,{children:[t.jsx(M,{ariaLabel:"controlled tabs example",onChange:o,tabs:l,value:e}),t.jsx(Y,{sx:{marginTop:4},children:t.jsx(Te,{label:"Navigate to Galaxies",onClick:()=>{a("galaxies")},size:"small",variant:"primary"})})]})}},T={...v,args:{notificationCount:1,label:"Xenomorphs",value:"xenomorphs",children:t.jsx(j,{label:"Xenomorphs"})},play:async({canvasElement:n,step:e})=>{await I({canvasElement:n,step:e})("Tab Icon","Xenomorphs")}},y={...v,args:{notificationCount:101,notificationCountMax:100,label:"Xenomorphs",value:"xenomorphs",children:t.jsx(j,{label:"Xenomorphs"})}};var B,_,X;p.parameters={...p.parameters,docs:{...(B=p.parameters)==null?void 0:B.docs,source:{originalSource:`{
   ...DefaultTemplate,
   play: async ({
     canvasElement,

package/dist/assets/{Tag-CYK8pNzu.js → Tag-Cam_AAJc.js}

@@ -1,4 +1,4 @@
-import{s as w}from"./tableRowClasses-Bk1uFtwh.js";import{r as a,j as H}from"./iframe-CQjT1fxh.js";import{a as i,u as I,b as F}from"./OdysseyThemeProvider-BA0_xP7N.js";import{M as B}from"./MuiPropsContext-D6i6qZME.js";import{C as O}from"./Chip-BgPaZbUf.js";import{b as N}from"./WarningFilled-DOHs-JmZ.js";/*!
+import{s as w}from"./tableRowClasses-DYosAqvx.js";import{r as a,j as H}from"./iframe-Cav9rlxr.js";import{a as i,u as I,b as F}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as B}from"./MuiPropsContext-ppLtceHL.js";import{C as O}from"./Chip-bDORJbkM.js";import{b as N}from"./WarningFilled-DJX60tUO.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.")
  *