@cgi-learning-hub/ui 1.2.0-dev.1725006670 → 1.2.0-dev.1725450842

package/dist/InputBase-OefmcFzX.cjs

@@ -0,0 +1,3 @@
+"use strict";const We=require("react"),e=require("./identifier-Dx5_fEyA.cjs"),De=require("./index-D30fIOec.cjs"),I=require("./DefaultPropsProvider-DwweZ7qj.cjs"),w=require("react/jsx-runtime"),M=require("./useForkRef-CGd3Nhyb.cjs"),oe=require("./ownerWindow-Dk_4aaak.cjs"),fe=require("./refType-CVYH4raj.cjs");function je(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=je(We),_=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(_.displayName="FormControlContext");function Te(){return l.useContext(_)}function ye(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function be(o,n=!1){return o&&(ye(o.value)&&o.value!==""||n&&ye(o.defaultValue)&&o.defaultValue!=="")}function Ve(o){return o.startAdornment}function ge({props:o,states:n,muiFormControl:t}){return n.reduce((a,p)=>(a[p]=o[p],t&&typeof o[p]>"u"&&(a[p]=t[p]),a),{})}function L(o){return parseInt(o,10)||0}const Le={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function qe(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflowing}const Pe=l.forwardRef(function(n,t){const{onChange:a,maxRows:p,minRows:c=1,style:R,value:O,...H}=n,{current:v}=l.useRef(O!=null),m=l.useRef(null),E=M.useForkRef(t,m),h=l.useRef(null),C=l.useRef(null),P=l.useCallback(()=>{const u=m.current,r=oe.ownerWindow(u).getComputedStyle(u);if(r.width==="0px")return{outerHeightStyle:0,overflowing:!1};const f=C.current;f.style.width=r.width,f.value=u.value||n.placeholder||"x",f.value.slice(-1)===`
+`&&(f.value+=" ");const A=r.boxSizing,S=L(r.paddingBottom)+L(r.paddingTop),b=L(r.borderBottomWidth)+L(r.borderTopWidth),N=f.scrollHeight;f.value="x";const F=f.scrollHeight;let d=N;c&&(d=Math.max(Number(c)*F,d)),p&&(d=Math.min(Number(p)*F,d)),d=Math.max(d,F);const W=d+(A==="border-box"?S+b:0),D=Math.abs(d-N)<=1;return{outerHeightStyle:W,overflowing:D}},[p,c,n.placeholder]),x=l.useCallback(()=>{const u=P();if(qe(u))return;const T=u.outerHeightStyle,r=m.current;h.current!==T&&(h.current=T,r.style.height=`${T}px`),r.style.overflow=u.overflowing?"hidden":""},[P]);M.useEnhancedEffect(()=>{const u=()=>{x()};let T;const r=()=>{cancelAnimationFrame(T),T=requestAnimationFrame(()=>{u()})},f=oe.debounce(u),A=m.current,S=oe.ownerWindow(A);S.addEventListener("resize",f);let b;return typeof ResizeObserver<"u"&&(b=new ResizeObserver(process.env.NODE_ENV==="test"?r:u),b.observe(A)),()=>{f.clear(),cancelAnimationFrame(T),S.removeEventListener("resize",f),b&&b.disconnect()}},[P,x]),M.useEnhancedEffect(()=>{x()});const U=u=>{v||x(),a&&a(u)};return w.jsxs(l.Fragment,{children:[w.jsx("textarea",{value:O,onChange:U,ref:E,rows:c,style:R,...H}),w.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:C,tabIndex:-1,style:{...Le.shadow,...R,paddingTop:0,paddingBottom:0}})]})});process.env.NODE_ENV!=="production"&&(Pe.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function ne(o){return typeof o=="string"}function _e(o){return e.generateUtilityClass("MuiInputBase",o)}const q=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var me;const we=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},ve=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Ue=o=>{const{classes:n,color:t,disabled:a,error:p,endAdornment:c,focused:R,formControl:O,fullWidth:H,hiddenLabel:v,multiline:m,readOnly:E,size:h,startAdornment:C,type:P}=o,x={root:["root",`color${e.capitalize(t)}`,a&&"disabled",p&&"error",H&&"fullWidth",R&&"focused",O&&"formControl",h&&h!=="medium"&&`size${e.capitalize(h)}`,m&&"multiline",C&&"adornedStart",c&&"adornedEnd",v&&"hiddenLabel",E&&"readOnly"],input:["input",a&&"disabled",P==="search"&&"inputTypeSearch",m&&"inputMultiline",h==="small"&&"inputSizeSmall",v&&"inputHiddenLabel",C&&"inputAdornedStart",c&&"inputAdornedEnd",E&&"readOnly"]};return I.composeClasses(x,_e,n)},Ce=I.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:we})(I.memoTheme(({theme:o})=>({...o.typography.body1,color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${q.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"},variants:[{props:({ownerState:n})=>n.multiline,style:{padding:"4px 0 5px"}},{props:({ownerState:n,size:t})=>n.multiline&&t==="small",style:{paddingTop:1}},{props:({ownerState:n})=>n.fullWidth,style:{width:"100%"}}]}))),xe=I.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:ve})(I.memoTheme(({theme:o})=>{const n=o.palette.mode==="light",t={color:"currentColor",...o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5},transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})},a={opacity:"0 !important"},p=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5};return{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%","&::-webkit-input-placeholder":t,"&::-moz-placeholder":t,"&::-ms-input-placeholder":t,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":a,"&::-moz-placeholder":a,"&::-ms-input-placeholder":a,"&:focus::-webkit-input-placeholder":p,"&:focus::-moz-placeholder":p,"&:focus::-ms-input-placeholder":p},[`&.${q.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},variants:[{props:({ownerState:c})=>!c.disableInjectingGlobalStyles,style:{animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}}},{props:{size:"small"},style:{paddingTop:1}},{props:({ownerState:c})=>c.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),he=De.globalCss({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),Se=l.forwardRef(function(n,t){const a=I.useDefaultProps({props:n,name:"MuiInputBase"}),{"aria-describedby":p,autoComplete:c,autoFocus:R,className:O,color:H,components:v={},componentsProps:m={},defaultValue:E,disabled:h,disableInjectingGlobalStyles:C,endAdornment:P,error:x,fullWidth:U=!1,id:u,inputComponent:T="input",inputProps:r={},inputRef:f,margin:A,maxRows:S,minRows:b,multiline:N=!1,name:F,onBlur:d,onChange:W,onClick:D,onFocus:te,onKeyDown:Re,onKeyUp:Oe,placeholder:Ee,readOnly:$,renderSuffix:re,rows:j,size:$e,slotProps:se={},slots:ie={},startAdornment:k,type:le="text",value:ze,...Ie}=a,V=r.value!=null?r.value:ze,{current:K}=l.useRef(V!=null),z=l.useRef(),Ae=l.useCallback(s=>{process.env.NODE_ENV!=="production"&&s&&s.nodeName!=="INPUT"&&!s.focus&&console.error(["MUI: You have provided a `inputComponent` to the input component","that does not correctly handle the `ref` prop.","Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+`))},[]),Ne=M.useForkRef(z,f,r.ref,Ae),[G,Y]=l.useState(!1),i=Te();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(i)return i.registerEffect()},[i]);const y=ge({props:a,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});y.focused=i?i.focused:G,l.useEffect(()=>{!i&&h&&G&&(Y(!1),d&&d())},[i,h,G,d]);const Z=i&&i.onFilled,J=i&&i.onEmpty,B=l.useCallback(s=>{be(s)?Z&&Z():J&&J()},[Z,J]);M.useEnhancedEffect(()=>{K&&B({value:V})},[V,B,K]);const Fe=s=>{te&&te(s),r.onFocus&&r.onFocus(s),i&&i.onFocus?i.onFocus(s):Y(!0)},ke=s=>{d&&d(s),r.onBlur&&r.onBlur(s),i&&i.onBlur?i.onBlur(s):Y(!1)},Be=(s,...de)=>{if(!K){const ce=s.target||z.current;if(ce==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));B({value:ce.value})}r.onChange&&r.onChange(s,...de),W&&W(s,...de)};l.useEffect(()=>{B(z.current)},[]);const Me=s=>{z.current&&s.currentTarget===s.target&&z.current.focus(),D&&D(s)};let Q=T,g=r;N&&Q==="input"&&(j?(process.env.NODE_ENV!=="production"&&(b||S)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),g={type:void 0,minRows:j,maxRows:j,...g}):g={type:void 0,maxRows:S,minRows:b,...g},Q=Pe);const He=s=>{B(s.animationName==="mui-auto-fill-cancel"?z.current:{value:"x"})};l.useEffect(()=>{i&&i.setAdornedStart(!!k)},[i,k]);const X={...a,color:y.color||"primary",disabled:y.disabled,endAdornment:P,error:y.error,focused:y.focused,formControl:i,fullWidth:U,hiddenLabel:y.hiddenLabel,multiline:N,size:y.size,startAdornment:k,type:le},ae=Ue(X),pe=ie.root||v.Root||Ce,ee=se.root||m.root||{},ue=ie.input||v.Input||xe;return g={...g,...se.input??m.input},w.jsxs(l.Fragment,{children:[!C&&typeof he=="function"&&(me||(me=w.jsx(he,{}))),w.jsxs(pe,{...ee,ref:t,onClick:Me,...Ie,...!ne(pe)&&{ownerState:{...X,...ee.ownerState}},className:e.clsx(ae.root,ee.className,O,$&&"MuiInputBase-readOnly"),children:[k,w.jsx(_.Provider,{value:null,children:w.jsx(ue,{"aria-invalid":y.error,"aria-describedby":p,autoComplete:c,autoFocus:R,defaultValue:E,disabled:y.disabled,id:u,onAnimationStart:He,name:F,placeholder:Ee,readOnly:$,required:y.required,rows:j,value:V,onKeyDown:Re,onKeyUp:Oe,type:le,...g,...!ne(ue)&&{as:Q,ownerState:{...X,...g.ownerState}},ref:Ne,className:e.clsx(ae.input,g.className,$&&"MuiInputBase-readOnly"),onBlur:ke,onChange:Be,onFocus:Fe})}),P,re?re({...y,startAdornment:k}):null]})]})});process.env.NODE_ENV!=="production"&&(Se.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),type:e.PropTypes.string,value:e.PropTypes.any});exports.FormControlContext=_;exports.InputBase=Se;exports.InputBaseInput=xe;exports.InputBaseRoot=Ce;exports.formControlState=ge;exports.inputBaseClasses=q;exports.inputOverridesResolver=ve;exports.isAdornedStart=Ve;exports.isFilled=be;exports.isHostComponent=ne;exports.rootOverridesResolver=we;exports.useFormControl=Te;

package/dist/Stack-BnpqP5GW.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-Dx5_fEyA.cjs"),d=require("./DefaultPropsProvider-DwweZ7qj.cjs"),v=require("./useThemeProps-D26oU7wL.cjs"),V=require("react"),D=require("react/jsx-runtime"),C=require("./extendSxProp-DhEbeVWY.cjs");function R(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(r,s,n.get?n:{enumerable:!0,get:()=>o[s]})}}return r.default=o,Object.freeze(r)}const T=R(V),B=d.createStyled(),N=e.createTheme$1(),q=B("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return v.useThemeProps$1({props:o,name:"MuiStack",defaultTheme:N})}function E(o,r){const s=T.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(T.cloneElement(r,{key:`separator-${p}`})),n),[])}const M=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],w=({ownerState:o,theme:r})=>{let s={display:"flex",flexDirection:"column",...e.handleBreakpoints({theme:r},e.resolveBreakpointValues({values:o.direction,breakpoints:r.breakpoints.values}),n=>({flexDirection:n}))};if(o.spacing){const n=e.createUnarySpacing(r),i=Object.keys(r.breakpoints.values).reduce((t,c)=>((typeof o.spacing=="object"&&o.spacing[c]!=null||typeof o.direction=="object"&&o.direction[c]!=null)&&(t[c]=!0),t),{}),p=e.resolveBreakpointValues({values:o.direction,base:i}),a=e.resolveBreakpointValues({values:o.spacing,base:i});typeof p=="object"&&Object.keys(p).forEach((t,c,y)=>{if(!p[t]){const u=c>0?p[y[c-1]]:"column";p[t]=u}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${M(c?p[c]:o.direction)}`]:e.getValue(n,t)}};s=e.deepmerge(s,e.handleBreakpoints({theme:r},a,l))}return s=e.mergeBreakpointsInOrder(r.breakpoints,s),s};function F(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return d.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(w),a=T.forwardRef(function(t,c){const y=s(t),f=C.extendSxProp(y),{component:u="div",direction:g="column",spacing:b=0,divider:P,children:m,className:k,useFlexGap:h=!1,...j}=f,S={direction:g,spacing:b,useFlexGap:h},x=i();return D.jsx(p,{as:u,ownerState:S,ref:c,className:e.clsx(x.root,k),...j,children:P?E(m,P):m})});return process.env.NODE_ENV!=="production"&&(a.propTypes={children:e.PropTypes.node,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])}),a}const O=F({createStyledComponent:d.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>v.useThemeProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(O.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,direction:e.PropTypes.oneOfType([e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"]),e.PropTypes.arrayOf(e.PropTypes.oneOf(["column-reverse","column","row-reverse","row"])),e.PropTypes.object]),divider:e.PropTypes.node,spacing:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string])),e.PropTypes.number,e.PropTypes.object,e.PropTypes.string]),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),useFlexGap:e.PropTypes.bool});const _=O;exports.Stack=_;

package/dist/{Stack-Dlgk5t_M.js → Stack-D_hQlRGm.js}

@@ -1,64 +1,65 @@
-import { P as e, n as D, m as T, B as g, D as m, E as F, F as N, G as R, z as E, _ as B, y as G, v as _, H as b } from "./identifier-CAQ9PWqs.js";
-import { c as M, s as w, u as $ } from "./styled-Co-8YWfm.js";
-import * as f from "react";
-import { c as U } from "./createStyled--XbpooZB.js";
-import { jsx as A } from "react/jsx-runtime";
-import { u as L } from "./useThemeProps-BfZ3lLQs.js";
-const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
+import { P as e, M as C, R as g, S as f, U as R, V as D, W as N, L as E, I as F, X as T } from "./identifier-SatcAo-F.js";
+import { a as M, c as B, s as $ } from "./DefaultPropsProvider-BDdV3S11.js";
+import { a as w, u as G } from "./useThemeProps-uqUSigAC.js";
+import * as m from "react";
+import { jsx as U } from "react/jsx-runtime";
+import { e as A } from "./extendSxProp-BkIEJBCN.js";
+const I = M(), L = C(), _ = I("div", {
   name: "MuiStack",
   slot: "Root",
   overridesResolver: (o, r) => r.root
 });
-function q(o) {
-  return L({
+function W(o) {
+  return w({
     props: o,
     name: "MuiStack",
-    defaultTheme: I
+    defaultTheme: L
   });
 }
-function J(o, r) {
-  const c = f.Children.toArray(o).filter(Boolean);
-  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(r, {
+function X(o, r) {
+  const c = m.Children.toArray(o).filter(Boolean);
+  return c.reduce((a, i, n) => (a.push(i), n < c.length - 1 && a.push(/* @__PURE__ */ m.cloneElement(r, {
     key: `separator-${n}`
   })), a), []);
 }
-const K = (o) => ({
+const q = (o) => ({
   row: "Left",
   "row-reverse": "Right",
   column: "Top",
   "column-reverse": "Bottom"
-})[o], Q = ({
+})[o], z = ({
   ownerState: o,
   theme: r
 }) => {
-  let c = T({
+  let c = {
     display: "flex",
-    flexDirection: "column"
-  }, g({
-    theme: r
-  }, m({
-    values: o.direction,
-    breakpoints: r.breakpoints.values
-  }), (a) => ({
-    flexDirection: a
-  })));
+    flexDirection: "column",
+    ...g({
+      theme: r
+    }, f({
+      values: o.direction,
+      breakpoints: r.breakpoints.values
+    }), (a) => ({
+      flexDirection: a
+    }))
+  };
   if (o.spacing) {
-    const a = F(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = m({
+    const a = R(r), i = Object.keys(r.breakpoints.values).reduce((s, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (s[t] = !0), s), {}), n = f({
       values: o.direction,
       base: i
-    }), l = m({
+    }), l = f({
       values: o.spacing,
       base: i
     });
     typeof n == "object" && Object.keys(n).forEach((s, t, p) => {
       if (!n[s]) {
-        const d = t > 0 ? n[p[t - 1]] : "column";
-        n[s] = d;
+        const u = t > 0 ? n[p[t - 1]] : "column";
+        n[s] = u;
       }
-    }), c = N(c, g({
+    }), c = D(c, g({
       theme: r
     }, l, (s, t) => o.useFlexGap ? {
-      gap: b(a, s)
+      gap: T(a, s)
     } : {
       // The useFlexGap={false} implement relies on each child to give up control of the margin.
       // We need to reset the margin to avoid double spacing.
@@ -66,42 +67,43 @@ const K = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${K(t ? n[t] : o.direction)}`]: b(a, s)
+        [`margin${q(t ? n[t] : o.direction)}`]: T(a, s)
       }
     }));
   }
-  return c = R(r.breakpoints, c), c;
+  return c = N(r.breakpoints, c), c;
 };
-function X(o = {}) {
+function H(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: r = W,
-    useThemeProps: c = q,
+    createStyledComponent: r = _,
+    useThemeProps: c = W,
     componentName: a = "MuiStack"
-  } = o, i = () => M({
+  } = o, i = () => B({
     root: ["root"]
-  }, (s) => _(a, s), {}), n = r(Q), l = /* @__PURE__ */ f.forwardRef(function(s, t) {
-    const p = c(s), u = E(p), {
-      component: d = "div",
-      direction: j = "column",
+  }, (s) => F(a, s), {}), n = r(z), l = /* @__PURE__ */ m.forwardRef(function(s, t) {
+    const p = c(s), y = A(p), {
+      component: u = "div",
+      direction: h = "column",
       spacing: k = 0,
       divider: v,
       children: O,
-      className: x,
-      useFlexGap: P = !1
-    } = u, S = B(u, H), V = {
-      direction: j,
+      className: j,
+      useFlexGap: S = !1,
+      ...x
+    } = y, P = {
+      direction: h,
       spacing: k,
-      useFlexGap: P
-    }, C = i();
-    return /* @__PURE__ */ A(n, T({
-      as: d,
-      ownerState: V,
+      useFlexGap: S
+    }, V = i();
+    return /* @__PURE__ */ U(n, {
+      as: u,
+      ownerState: P,
       ref: t,
-      className: G(C.root, x)
-    }, S, {
-      children: v ? J(O, v) : O
-    }));
+      className: E(V.root, j),
+      ...x,
+      children: v ? X(O, v) : O
+    });
   });
   return process.env.NODE_ENV !== "production" && (l.propTypes = {
     children: e.node,
@@ -111,18 +113,18 @@ function X(o = {}) {
     sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
   }), l;
 }
-const h = X({
-  createStyledComponent: w("div", {
+const b = H({
+  createStyledComponent: $("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root
   }),
-  useThemeProps: (o) => $({
+  useThemeProps: (o) => G({
     props: o,
     name: "MuiStack"
   })
 });
-process.env.NODE_ENV !== "production" && (h.propTypes = {
+process.env.NODE_ENV !== "production" && (b.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -166,7 +168,7 @@ process.env.NODE_ENV !== "production" && (h.propTypes = {
    */
   useFlexGap: e.bool
 });
-const se = h;
+const ee = b;
 export {
-  se as S
+  ee as S
 };

package/dist/Tabs-BqbRbRmo.cjs

@@ -0,0 +1,4 @@
+"use strict";const Je=require("react"),e=require("./identifier-Dx5_fEyA.cjs"),y=require("./DefaultPropsProvider-DwweZ7qj.cjs"),h=require("react/jsx-runtime"),Ie=require("./ButtonBase-C-IxZjoy.cjs"),Qe=require("./unsupportedProp-Bn6XWqwH.cjs"),F=require("./useTheme-pRydhCrj.cjs"),Ze=require("./useForkRef-CGd3Nhyb.cjs"),K=require("./ownerWindow-Dk_4aaak.cjs"),pe=require("./useEventCallback-CrCf96iG.cjs"),eo=require("./refType-CVYH4raj.cjs"),Ee=require("./createSvgIcon-DMxj0zKp.cjs");function oo(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return o.default=t,Object.freeze(o)}const p=oo(Je);function Re(t){return e.generateUtilityClass("MuiTab",t)}const to=e.generateUtilityClasses("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),m=to,ro=t=>{const{classes:o,textColor:s,fullWidth:i,wrapped:c,icon:d,label:f,selected:T,disabled:b}=t,v={root:["root",d&&f&&"labelIcon",`textColor${e.capitalize(s)}`,i&&"fullWidth",c&&"wrapped",T&&"selected",b&&"disabled"],icon:["iconWrapper","icon"]};return y.composeClasses(v,Re,o)},no=y.styled(Ie.ButtonBase,{name:"MuiTab",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.label&&s.icon&&o.labelIcon,o[`textColor${e.capitalize(s.textColor)}`],s.fullWidth&&o.fullWidth,s.wrapped&&o.wrapped,{[`& .${m.iconWrapper}`]:o.iconWrapper},{[`& .${m.icon}`]:o.icon}]}})(y.memoTheme(({theme:t})=>({...t.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:o})=>o.label&&(o.iconPosition==="top"||o.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:o})=>o.label&&o.iconPosition!=="top"&&o.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:o})=>o.icon&&o.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="top",style:{[`& > .${m.icon}`]:{marginBottom:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="bottom",style:{[`& > .${m.icon}`]:{marginTop:6}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="start",style:{[`& > .${m.icon}`]:{marginRight:t.spacing(1)}}},{props:({ownerState:o,iconPosition:s})=>o.icon&&o.label&&s==="end",style:{[`& > .${m.icon}`]:{marginLeft:t.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${m.selected}`]:{opacity:1},[`&.${m.disabled}`]:{opacity:(t.vars||t).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${m.selected}`]:{color:(t.vars||t).palette.primary.main},[`&.${m.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(t.vars||t).palette.text.secondary,[`&.${m.selected}`]:{color:(t.vars||t).palette.secondary.main},[`&.${m.disabled}`]:{color:(t.vars||t).palette.text.disabled}}},{props:({ownerState:o})=>o.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:o})=>o.wrapped,style:{fontSize:t.typography.pxToRem(12)}}]}))),Me=p.forwardRef(function(o,s){const i=y.useDefaultProps({props:o,name:"MuiTab"}),{className:c,disabled:d=!1,disableFocusRipple:f=!1,fullWidth:T,icon:b,iconPosition:v="top",indicator:P,label:g,onChange:S,onClick:B,onFocus:k,selected:I,selectionFollowsFocus:x,textColor:L="inherit",value:R,wrapped:ne=!1,...U}=i,H={...i,disabled:d,disableFocusRipple:f,selected:I,icon:!!b,iconPosition:v,label:!!g,fullWidth:T,textColor:L,wrapped:ne},q=ro(H),W=b&&g&&p.isValidElement(b)?p.cloneElement(b,{className:e.clsx(q.icon,b.props.className)}):b,G=M=>{!I&&S&&S(M,R),B&&B(M)},N=M=>{x&&!I&&S&&S(M,R),k&&k(M)};return h.jsxs(no,{focusRipple:!f,className:e.clsx(q.root,c),ref:s,role:"tab","aria-selected":I,disabled:d,onClick:G,onFocus:N,ownerState:H,tabIndex:I?0:-1,...U,children:[v==="top"||v==="start"?h.jsxs(p.Fragment,{children:[W,g]}):h.jsxs(p.Fragment,{children:[g,W]}),P]})});process.env.NODE_ENV!=="production"&&(Me.propTypes={children:Qe.unsupportedProp,classes:e.PropTypes.object,className:e.PropTypes.string,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.oneOfType([e.PropTypes.element,e.PropTypes.string]),iconPosition:e.PropTypes.oneOf(["bottom","end","start","top"]),label:e.PropTypes.node,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),value:e.PropTypes.any,wrapped:e.PropTypes.bool});const so=Me,Oe=Ee.createSvgIcon(h.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft"),Ne=Ee.createSvgIcon(h.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight");function lo(t){return(1+Math.sin(Math.PI*t-Math.PI/2))/2}function ao(t,o,s,i={},c=()=>{}){const{ease:d=lo,duration:f=300}=i;let T=null;const b=o[t];let v=!1;const P=()=>{v=!0},g=S=>{if(v){c(new Error("Animation cancelled"));return}T===null&&(T=S);const B=Math.min(1,(S-T)/f);if(o[t]=d(B)*(s-b)+b,B>=1){requestAnimationFrame(()=>{c(null)});return}requestAnimationFrame(g)};return b===s?(c(new Error("Element already at target position")),P):(requestAnimationFrame(g),P)}const co={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function je(t){const{onChange:o,...s}=t,i=p.useRef(),c=p.useRef(null),d=()=>{i.current=c.current.offsetHeight-c.current.clientHeight};return Ze.useEnhancedEffect(()=>{const f=K.debounce(()=>{const b=i.current;d(),b!==i.current&&o(i.current)}),T=K.ownerWindow(c.current);return T.addEventListener("resize",f),()=>{f.clear(),T.removeEventListener("resize",f)}},[o]),p.useEffect(()=>{d(),o(i.current)},[o]),h.jsx("div",{style:co,ref:c,...s})}process.env.NODE_ENV!=="production"&&(je.propTypes={onChange:e.PropTypes.func.isRequired});function io(t){return e.generateUtilityClass("MuiTabScrollButton",t)}const po=e.generateUtilityClasses("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),uo=t=>{const{classes:o,orientation:s,disabled:i}=t,c={root:["root",s,i&&"disabled"]};return y.composeClasses(c,io,o)},bo=y.styled(Ie.ButtonBase,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.root,s.orientation&&o[s.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${po.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),ke=p.forwardRef(function(o,s){const i=y.useDefaultProps({props:o,name:"MuiTabScrollButton"}),{className:c,slots:d={},slotProps:f={},direction:T,orientation:b,disabled:v,...P}=i,g=F.useRtl(),S={isRtl:g,...i},B=uo(S),k=d.StartScrollButtonIcon??Oe,I=d.EndScrollButtonIcon??Ne,x=F.useSlotProps({elementType:k,externalSlotProps:f.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S}),L=F.useSlotProps({elementType:I,externalSlotProps:f.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:S});return h.jsx(bo,{component:"div",className:e.clsx(B.root,c),ref:s,role:null,ownerState:S,tabIndex:null,...P,style:{...P.style,...b==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${g?-90:90}deg)`}},children:T==="left"?h.jsx(k,{...x}):h.jsx(I,{...L})})});process.env.NODE_ENV!=="production"&&(ke.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,direction:e.PropTypes.oneOf(["left","right"]).isRequired,disabled:e.PropTypes.bool,orientation:e.PropTypes.oneOf(["horizontal","vertical"]).isRequired,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});function We(t){return e.generateUtilityClass("MuiTabs",t)}const fo=e.generateUtilityClasses("MuiTabs",["root","vertical","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),re=fo,xe=(t,o)=>t===o?t.firstChild:o&&o.nextElementSibling?o.nextElementSibling:t.firstChild,we=(t,o)=>t===o?t.lastChild:o&&o.previousElementSibling?o.previousElementSibling:t.lastChild,te=(t,o,s)=>{let i=!1,c=s(t,o);for(;c;){if(c===t.firstChild){if(i)return;i=!0}const d=c.disabled||c.getAttribute("aria-disabled")==="true";if(!c.hasAttribute("tabindex")||d)c=s(t,c);else{c.focus();return}}},yo=t=>{const{vertical:o,fixed:s,hideScrollbar:i,scrollableX:c,scrollableY:d,centered:f,scrollButtonsHideMobile:T,classes:b}=t,v={root:["root",o&&"vertical"],scroller:["scroller",s&&"fixed",i&&"hideScrollbar",c&&"scrollableX",d&&"scrollableY"],flexContainer:["flexContainer",o&&"flexContainerVertical",f&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",T&&"scrollButtonsHideMobile"],scrollableX:[c&&"scrollableX"],hideScrollbar:[i&&"hideScrollbar"]};return y.composeClasses(v,We,b)},To=y.styled("div",{name:"MuiTabs",slot:"Root",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[{[`& .${re.scrollButtons}`]:o.scrollButtons},{[`& .${re.scrollButtons}`]:s.scrollButtonsHideMobile&&o.scrollButtonsHideMobile},o.root,s.vertical&&o.vertical]}})(y.memoTheme(({theme:t})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.scrollButtonsHideMobile,style:{[`& .${re.scrollButtons}`]:{[t.breakpoints.down("sm")]:{display:"none"}}}}]}))),ho=y.styled("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.scroller,s.fixed&&o.fixed,s.hideScrollbar&&o.hideScrollbar,s.scrollableX&&o.scrollableX,s.scrollableY&&o.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:t})=>t.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:t})=>t.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:t})=>t.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:t})=>t.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),So=y.styled("div",{name:"MuiTabs",slot:"FlexContainer",overridesResolver:(t,o)=>{const{ownerState:s}=t;return[o.flexContainer,s.vertical&&o.flexContainerVertical,s.centered&&o.centered]}})({display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.centered,style:{justifyContent:"center"}}]}),vo=y.styled("span",{name:"MuiTabs",slot:"Indicator",overridesResolver:(t,o)=>o.indicator})(y.memoTheme(({theme:t})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:t.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(t.vars||t).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(t.vars||t).palette.secondary.main}},{props:({ownerState:o})=>o.vertical,style:{height:"100%",width:2,right:0}}]}))),mo=y.styled(je)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Ce={};let Be=!1;const $e=p.forwardRef(function(o,s){const i=y.useDefaultProps({props:o,name:"MuiTabs"}),c=F.useTheme(),d=F.useRtl(),{"aria-label":f,"aria-labelledby":T,action:b,centered:v=!1,children:P,className:g,component:S="div",allowScrollButtonsMobile:B=!1,indicatorColor:k="primary",onChange:I,orientation:x="horizontal",ScrollButtonComponent:L=ke,scrollButtons:R="auto",selectionFollowsFocus:ne,slots:U={},slotProps:H={},TabIndicatorProps:q={},TabScrollButtonProps:W={},textColor:G="primary",value:N,variant:M="standard",visibleScrollbar:se=!1,...De}=i,w=M==="scrollable",C=x==="vertical",V=C?"scrollTop":"scrollLeft",J=C?"top":"left",Q=C?"bottom":"right",le=C?"clientHeight":"clientWidth",X=C?"height":"width",$={...i,component:S,allowScrollButtonsMobile:B,indicatorColor:k,orientation:x,vertical:C,scrollButtons:R,textColor:G,variant:M,visibleScrollbar:se,fixed:!w,hideScrollbar:w&&!se,scrollableX:w&&!C,scrollableY:w&&C,centered:v&&!w,scrollButtonsHideMobile:!B},j=yo($),ze=F.useSlotProps({elementType:U.StartScrollButtonIcon,externalSlotProps:H.startScrollButtonIcon,ownerState:$}),Ae=F.useSlotProps({elementType:U.EndScrollButtonIcon,externalSlotProps:H.endScrollButtonIcon,ownerState:$});process.env.NODE_ENV!=="production"&&v&&w&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[de,Fe]=p.useState(!1),[D,ue]=p.useState(Ce),[be,Le]=p.useState(!1),[fe,Ue]=p.useState(!1),[ye,qe]=p.useState(!1),[Te,He]=p.useState({overflow:"hidden",scrollbarWidth:0}),Z=new Map,O=p.useRef(null),z=p.useRef(null),he=()=>{const r=O.current;let n;if(r){const a=r.getBoundingClientRect();n={clientWidth:r.clientWidth,scrollLeft:r.scrollLeft,scrollTop:r.scrollTop,scrollWidth:r.scrollWidth,top:a.top,bottom:a.bottom,left:a.left,right:a.right}}let l;if(r&&N!==!1){const a=z.current.children;if(a.length>0){const u=a[Z.get(N)];process.env.NODE_ENV!=="production"&&(u||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${N}".`,Z.keys?`You can provide one of the following values: ${Array.from(Z.keys()).join(", ")}.`:null].join(`
+`))),l=u?u.getBoundingClientRect():null,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&!Be&&l&&l.width===0&&l.height===0&&n.clientWidth!==0&&(n=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${N}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join(`
+`)),Be=!0)}}return{tabsMeta:n,tabMeta:l}},Y=pe.useEventCallback(()=>{const{tabsMeta:r,tabMeta:n}=he();let l=0,a;C?(a="top",n&&r&&(l=n.top-r.top+r.scrollTop)):(a=d?"right":"left",n&&r&&(l=(d?-1:1)*(n[a]-r[a]+r.scrollLeft)));const u={[a]:l,[X]:n?n[X]:0};if(typeof D[a]!="number"||typeof D[X]!="number")ue(u);else{const E=Math.abs(D[a]-u[a]),A=Math.abs(D[X]-u[X]);(E>=1||A>=1)&&ue(u)}}),ae=(r,{animation:n=!0}={})=>{n?ao(V,O.current,r,{duration:c.transitions.duration.standard}):O.current[V]=r},Se=r=>{let n=O.current[V];C?n+=r:n+=r*(d?-1:1),ae(n)},ve=()=>{const r=O.current[le];let n=0;const l=Array.from(z.current.children);for(let a=0;a<l.length;a+=1){const u=l[a];if(n+u[le]>r){a===0&&(n=r);break}n+=u[le]}return n},Ve=()=>{Se(-1*ve())},Xe=()=>{Se(ve())},Ye=p.useCallback(r=>{He({overflow:null,scrollbarWidth:r})},[]),_e=()=>{const r={};r.scrollbarSizeListener=w?h.jsx(mo,{onChange:Ye,className:e.clsx(j.scrollableX,j.hideScrollbar)}):null;const l=w&&(R==="auto"&&(be||fe)||R===!0);return r.scrollButtonStart=l?h.jsx(L,{slots:{StartScrollButtonIcon:U.StartScrollButtonIcon},slotProps:{startScrollButtonIcon:ze},orientation:x,direction:d?"right":"left",onClick:Ve,disabled:!be,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r.scrollButtonEnd=l?h.jsx(L,{slots:{EndScrollButtonIcon:U.EndScrollButtonIcon},slotProps:{endScrollButtonIcon:Ae},orientation:x,direction:d?"left":"right",onClick:Xe,disabled:!fe,...W,className:e.clsx(j.scrollButtons,W.className)}):null,r},me=pe.useEventCallback(r=>{const{tabsMeta:n,tabMeta:l}=he();if(!(!l||!n)){if(l[J]<n[J]){const a=n[V]+(l[J]-n[J]);ae(a,{animation:r})}else if(l[Q]>n[Q]){const a=n[V]+(l[Q]-n[Q]);ae(a,{animation:r})}}}),ee=pe.useEventCallback(()=>{w&&R!==!1&&qe(!ye)});p.useEffect(()=>{const r=K.debounce(()=>{O.current&&Y()});let n;const l=E=>{E.forEach(A=>{A.removedNodes.forEach(_=>{n==null||n.unobserve(_)}),A.addedNodes.forEach(_=>{n==null||n.observe(_)})}),r(),ee()},a=K.ownerWindow(O.current);a.addEventListener("resize",r);let u;return typeof ResizeObserver<"u"&&(n=new ResizeObserver(r),Array.from(z.current.children).forEach(E=>{n.observe(E)})),typeof MutationObserver<"u"&&(u=new MutationObserver(l),u.observe(z.current,{childList:!0})),()=>{r.clear(),a.removeEventListener("resize",r),u==null||u.disconnect(),n==null||n.disconnect()}},[Y,ee]),p.useEffect(()=>{const r=Array.from(z.current.children),n=r.length;if(typeof IntersectionObserver<"u"&&n>0&&w&&R!==!1){const l=r[0],a=r[n-1],u={root:O.current,threshold:.99},E=ie=>{Le(!ie[0].isIntersecting)},A=new IntersectionObserver(E,u);A.observe(l);const _=ie=>{Ue(!ie[0].isIntersecting)},ge=new IntersectionObserver(_,u);return ge.observe(a),()=>{A.disconnect(),ge.disconnect()}}},[w,R,ye,P==null?void 0:P.length]),p.useEffect(()=>{Fe(!0)},[]),p.useEffect(()=>{Y()}),p.useEffect(()=>{me(Ce!==D)},[me,D]),p.useImperativeHandle(b,()=>({updateIndicator:Y,updateScrollButtons:ee}),[Y,ee]);const Pe=h.jsx(vo,{...q,className:e.clsx(j.indicator,q.className),ownerState:$,style:{...D,...q.style}});let oe=0;const Ke=p.Children.map(P,r=>{if(!p.isValidElement(r))return null;process.env.NODE_ENV!=="production"&&y.reactIsExports.isFragment(r)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`));const n=r.props.value===void 0?oe:r.props.value;Z.set(n,oe);const l=n===N;return oe+=1,p.cloneElement(r,{fullWidth:M==="fullWidth",indicator:l&&!de&&Pe,selected:l,selectionFollowsFocus:ne,onChange:I,textColor:G,value:n,...oe===1&&N===!1&&!r.props.tabIndex?{tabIndex:0}:{}})}),Ge=r=>{const n=z.current,l=K.ownerDocument(n).activeElement;if(l.getAttribute("role")!=="tab")return;let u=x==="horizontal"?"ArrowLeft":"ArrowUp",E=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&d&&(u="ArrowRight",E="ArrowLeft"),r.key){case u:r.preventDefault(),te(n,l,we);break;case E:r.preventDefault(),te(n,l,xe);break;case"Home":r.preventDefault(),te(n,null,xe);break;case"End":r.preventDefault(),te(n,null,we);break}},ce=_e();return h.jsxs(To,{className:e.clsx(j.root,g),ownerState:$,ref:s,as:S,...De,children:[ce.scrollButtonStart,ce.scrollbarSizeListener,h.jsxs(ho,{className:j.scroller,ownerState:$,style:{overflow:Te.overflow,[C?`margin${d?"Left":"Right"}`:"marginBottom"]:se?void 0:-Te.scrollbarWidth},ref:O,children:[h.jsx(So,{"aria-label":f,"aria-labelledby":T,"aria-orientation":x==="vertical"?"vertical":null,className:j.flexContainer,ownerState:$,onKeyDown:Ge,ref:z,role:"tablist",children:Ke}),de&&Pe]}),ce.scrollButtonEnd]})});process.env.NODE_ENV!=="production"&&($e.propTypes={action:eo.refType,allowScrollButtonsMobile:e.PropTypes.bool,"aria-label":e.PropTypes.string,"aria-labelledby":e.PropTypes.string,centered:e.PropTypes.bool,children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,indicatorColor:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary"]),e.PropTypes.string]),onChange:e.PropTypes.func,orientation:e.PropTypes.oneOf(["horizontal","vertical"]),ScrollButtonComponent:e.PropTypes.elementType,scrollButtons:e.PropTypes.oneOf(["auto",!1,!0]),selectionFollowsFocus:e.PropTypes.bool,slotProps:e.PropTypes.shape({endScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object]),startScrollButtonIcon:e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object])}),slots:e.PropTypes.shape({EndScrollButtonIcon:e.PropTypes.elementType,StartScrollButtonIcon:e.PropTypes.elementType}),sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TabIndicatorProps:e.PropTypes.object,TabScrollButtonProps:e.PropTypes.object,textColor:e.PropTypes.oneOf(["inherit","primary","secondary"]),value:e.PropTypes.any,variant:e.PropTypes.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:e.PropTypes.bool});const Po=$e;exports.KeyboardArrowLeft=Oe;exports.KeyboardArrowRight=Ne;exports.Tab=so;exports.Tabs=Po;exports.getTabUtilityClass=Re;exports.getTabsUtilityClass=We;exports.tabClasses=m;exports.tabsClasses=re;