@cgi-learning-hub/ui 1.0.0 → 1.1.0

package/dist/Stack-BJ2ths-g.js

@@ -0,0 +1,172 @@
+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, x as G, w as _, H as b } from "./identifier-D-ng7Qqa.js";
+import { c as w, s as M, u as $ } from "./styled-xiAudcD_.js";
+import * as f from "react";
+import { c as U } from "./createStyled-CzVedz8V.js";
+import { jsx as A } from "react/jsx-runtime";
+import { u as L } from "./useThemeProps-BM4fCFq5.js";
+const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
+  name: "MuiStack",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+});
+function q(o) {
+  return L({
+    props: o,
+    name: "MuiStack",
+    defaultTheme: I
+  });
+}
+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, {
+    key: `separator-${n}`
+  })), a), []);
+}
+const K = (o) => ({
+  row: "Left",
+  "row-reverse": "Right",
+  column: "Top",
+  "column-reverse": "Bottom"
+})[o], Q = ({
+  ownerState: o,
+  theme: r
+}) => {
+  let c = T({
+    display: "flex",
+    flexDirection: "column"
+  }, g({
+    theme: r
+  }, m({
+    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({
+      values: o.direction,
+      base: i
+    }), l = m({
+      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;
+      }
+    }), c = N(c, g({
+      theme: r
+    }, l, (s, t) => o.useFlexGap ? {
+      gap: b(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.
+      "& > :not(style):not(style)": {
+        margin: 0
+      },
+      "& > :not(style) ~ :not(style)": {
+        [`margin${K(t ? n[t] : o.direction)}`]: b(a, s)
+      }
+    }));
+  }
+  return c = R(r.breakpoints, c), c;
+};
+function X(o = {}) {
+  const {
+    // This will allow adding custom styled fn (for example for custom sx style function)
+    createStyledComponent: r = W,
+    useThemeProps: c = q,
+    componentName: a = "MuiStack"
+  } = o, i = () => w({
+    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",
+      spacing: k = 0,
+      divider: v,
+      children: O,
+      className: x,
+      useFlexGap: P = !1
+    } = u, S = B(u, H), V = {
+      direction: j,
+      spacing: k,
+      useFlexGap: P
+    }, C = i();
+    return /* @__PURE__ */ A(n, T({
+      as: d,
+      ownerState: V,
+      ref: t,
+      className: G(C.root, x)
+    }, S, {
+      children: v ? J(O, v) : O
+    }));
+  });
+  return process.env.NODE_ENV !== "production" && (l.propTypes = {
+    children: e.node,
+    direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+    divider: e.node,
+    spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+    sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+  }), l;
+}
+const h = X({
+  createStyledComponent: M("div", {
+    name: "MuiStack",
+    slot: "Root",
+    overridesResolver: (o, r) => r.root
+  }),
+  useThemeProps: (o) => $({
+    props: o,
+    name: "MuiStack"
+  })
+});
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Defines the `flex-direction` style property.
+   * It is applied for all screen sizes.
+   * @default 'column'
+   */
+  direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
+  /**
+   * Add an element between each child.
+   */
+  divider: e.node,
+  /**
+   * Defines the space between immediate children.
+   * @default 0
+   */
+  spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
+  /**
+   * The system prop, which allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
+   *
+   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
+   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
+   *
+   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
+   * @default false
+   */
+  useFlexGap: e.bool
+});
+const se = h;
+export {
+  se as S
+};

package/dist/Stack-BOcvai-O.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-4KVhx666.cjs"),T=require("./styled-ZF_yhfMW.cjs"),S=require("react"),V=require("./createStyled-LobpFGWo.cjs"),D=require("react/jsx-runtime"),C=require("./useThemeProps-BHAsCmc4.cjs");function N(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 f=N(S),R=V.createStyled(),_=["component","direction","spacing","divider","children","className","useFlexGap"],B=e.createTheme$1(),q=R("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root});function $(o){return C.useThemeProps({props:o,name:"MuiStack",defaultTheme:B})}function E(o,r){const s=f.Children.toArray(o).filter(Boolean);return s.reduce((n,i,p)=>(n.push(i),p<s.length-1&&n.push(f.cloneElement(r,{key:`separator-${p}`})),n),[])}const F=o=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[o],M=({ownerState:o,theme:r})=>{let s=e._extends({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,u)=>{if(!p[t]){const d=c>0?p[u[c-1]]:"column";p[t]=d}});const l=(t,c)=>o.useFlexGap?{gap:e.getValue(n,t)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${F(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 w(o={}){const{createStyledComponent:r=q,useThemeProps:s=$,componentName:n="MuiStack"}=o,i=()=>{const l={root:["root"]};return T.composeClasses(l,t=>e.generateUtilityClass(n,t),{})},p=r(M),a=f.forwardRef(function(t,c){const u=s(t),y=e.extendSxProp(u),{component:d="div",direction:g="column",spacing:O=0,divider:P,children:m,className:b,useFlexGap:k=!1}=y,h=e._objectWithoutPropertiesLoose(y,_),j={direction:g,spacing:O,useFlexGap:k},x=i();return D.jsx(p,e._extends({as:d,ownerState:j,ref:c,className:e.clsx(x.root,b)},h,{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 v=w({createStyledComponent:T.styled("div",{name:"MuiStack",slot:"Root",overridesResolver:(o,r)=>r.root}),useThemeProps:o=>T.useDefaultProps({props:o,name:"MuiStack"})});process.env.NODE_ENV!=="production"&&(v.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 G=v;exports.Stack=G;

package/dist/Tabs-CG428TT3.cjs

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

package/dist/{Tabs-C8ECGIYh.js → Tabs-CWujD0SK.js}

@@ -1,17 +1,17 @@
-import { g as me, c as Le, _ as b, u as ve, b as ae, P as o } from "./useThemeProps-DJpU2Yr7.js";
+import { w as me, v as ve, q as Le, m as b, _ as ae, x as k, P as o } from "./identifier-D-ng7Qqa.js";
 import * as u from "react";
-import { g as Se, s as _, c as k, a as ye, d as st } from "./styled-DSGBDqKV.js";
+import { s as _, u as Se, c as ye, b as st } from "./styled-xiAudcD_.js";
 import { jsxs as Q, jsx as C } from "react/jsx-runtime";
-import { B as ke } from "./ButtonBase-BpYorbzW.js";
+import { B as ke } from "./ButtonBase-4F5roLHd.js";
 import { u as at } from "./unsupportedProp-BuVD30Gh.js";
-import { u as Fe, a as se, b as it } from "./useSlotProps-BCdUhJUO.js";
-import { u as ct } from "./useForkRef-CQ5u1_mH.js";
+import { a as Fe, b as se, u as it } from "./useTheme-iNHILPzK.js";
+import { u as ct } from "./useForkRef-DwN_Iz9R.js";
 import { a as $e, d as Ae, o as dt } from "./ownerWindow-C7EH1lr6.js";
-import { u as be } from "./useTimeout-Dokw0W_A.js";
-import { r as ut } from "./refType-CD9RZ5PF.js";
-import { c as je } from "./createSvgIcon-BpzrJYC7.js";
+import { u as be } from "./useTimeout-BdvDipeg.js";
+import { r as ut } from "./refType-COGEdfch.js";
+import { c as De } from "./createSvgIcon-B8vHI3I6.js";
 let X;
-function De() {
+function je() {
   if (X)
     return X;
   const e = document.createElement("div"), t = document.createElement("div");
@@ -21,7 +21,7 @@ function pt(e, t) {
   const n = e.scrollLeft;
   if (t !== "rtl")
     return n;
-  switch (De()) {
+  switch (je()) {
     case "negative":
       return e.scrollWidth - e.clientWidth + n;
     case "reverse":
@@ -33,7 +33,7 @@ function pt(e, t) {
 function ft(e) {
   return me("MuiTab", e);
 }
-const bt = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), L = bt, ht = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], mt = (e) => {
+const bt = ve("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), L = bt, ht = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], mt = (e) => {
   const {
     classes: t,
     textColor: n,
@@ -123,7 +123,7 @@ const bt = Se("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
 }, t.wrapped && {
   fontSize: e.typography.pxToRem(12)
 })), _e = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = ve({
+  const c = Se({
     props: t,
     name: "MuiTab"
   }), {
@@ -260,9 +260,9 @@ process.env.NODE_ENV !== "production" && (_e.propTypes = {
    */
   wrapped: o.bool
 });
-const qt = _e, St = je(/* @__PURE__ */ C("path", {
+const qt = _e, St = De(/* @__PURE__ */ C("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), yt = je(/* @__PURE__ */ C("path", {
+}), "KeyboardArrowLeft"), yt = De(/* @__PURE__ */ C("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
 function gt(e) {
@@ -331,7 +331,7 @@ process.env.NODE_ENV !== "production" && (He.propTypes = {
 function Ct(e) {
   return me("MuiTabScrollButton", e);
 }
-const wt = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
+const wt = ve("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), It = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], Et = (e) => {
   const {
     classes: t,
     orientation: n,
@@ -366,7 +366,7 @@ const wt = Se("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   }
 })), Ve = /* @__PURE__ */ u.forwardRef(function(t, n) {
   var c, i;
-  const d = ve({
+  const d = Se({
     props: t,
     name: "MuiTabScrollButton"
   }), {
@@ -457,7 +457,7 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
 function Nt(e) {
   return me("MuiTabs", e);
 }
-const Mt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Mt, Rt = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Re = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Pe = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, ne = (e, t, n) => {
+const Mt = ve("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), he = Mt, Rt = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], Re = (e, t) => e === t ? e.firstChild : t && t.nextElementSibling ? t.nextElementSibling : e.firstChild, Pe = (e, t) => e === t ? e.lastChild : t && t.previousElementSibling ? t.previousElementSibling : e.lastChild, ne = (e, t, n) => {
   let c = !1, i = n(e, t);
   for (; i; ) {
     if (i === e.firstChild) {
@@ -607,7 +607,7 @@ const Mt = Se("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }), We = {};
 let ze = !1;
 const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
-  const c = ve({
+  const c = Se({
     props: t,
     name: "MuiTabs"
   }), i = it(), d = Fe(), {
@@ -659,10 +659,10 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     ownerState: A
   });
   process.env.NODE_ENV !== "production" && y && x && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [ge, qe] = u.useState(!1), [j, Te] = u.useState(We), [xe, Ge] = u.useState(!1), [Be, Je] = u.useState(!1), [Ce, Qe] = u.useState(!1), [we, Ze] = u.useState({
+  const [ge, qe] = u.useState(!1), [D, Te] = u.useState(We), [xe, Ge] = u.useState(!1), [Be, Je] = u.useState(!1), [Ce, Qe] = u.useState(!1), [we, Ze] = u.useState({
     overflow: "hidden",
     scrollbarWidth: 0
-  }), oe = /* @__PURE__ */ new Map(), R = u.useRef(null), D = u.useRef(null), Ie = () => {
+  }), oe = /* @__PURE__ */ new Map(), R = u.useRef(null), j = u.useRef(null), Ie = () => {
     const r = R.current;
     let l;
     if (r) {
@@ -681,7 +681,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     }
     let s;
     if (r && P !== !1) {
-      const a = D.current.children;
+      const a = j.current.children;
       if (a.length > 0) {
         const f = a[oe.get(P)];
         process.env.NODE_ENV !== "production" && (f || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${P}".`, oe.keys ? `You can provide one of the following values: ${Array.from(oe.keys()).join(", ")}.` : null].join(`
@@ -711,10 +711,10 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       // May be wrong until the font is loaded.
       [q]: l ? l[q] : 0
     };
-    if (isNaN(j[a]) || isNaN(j[q]))
+    if (isNaN(D[a]) || isNaN(D[q]))
       Te(f);
     else {
-      const S = Math.abs(j[a] - f[a]), O = Math.abs(j[q] - f[q]);
+      const S = Math.abs(D[a] - f[a]), O = Math.abs(D[q] - f[q]);
       (S >= 1 || O >= 1) && Te(f);
     }
   }), ue = (r, {
@@ -725,11 +725,11 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     }) : R.current[K] = r;
   }, Ee = (r) => {
     let l = R.current[K];
-    B ? l += r : (l += r * (d ? -1 : 1), l *= d && De() === "reverse" ? -1 : 1), ue(l);
+    B ? l += r : (l += r * (d ? -1 : 1), l *= d && je() === "reverse" ? -1 : 1), ue(l);
   }, Oe = () => {
     const r = R.current[de];
     let l = 0;
-    const s = Array.from(D.current.children);
+    const s = Array.from(j.current.children);
     for (let a = 0; a < s.length; a += 1) {
       const f = s[a];
       if (l + f[de] > r) {
@@ -821,16 +821,16 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
     }, a = $e(R.current);
     a.addEventListener("resize", r);
     let f;
-    return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(D.current.children).forEach((S) => {
+    return typeof ResizeObserver < "u" && (l = new ResizeObserver(r), Array.from(j.current.children).forEach((S) => {
       l.observe(S);
-    })), typeof MutationObserver < "u" && (f = new MutationObserver(s), f.observe(D.current, {
+    })), typeof MutationObserver < "u" && (f = new MutationObserver(s), f.observe(j.current, {
       childList: !0
     })), () => {
       var S, O;
       r.clear(), a.removeEventListener("resize", r), (S = f) == null || S.disconnect(), (O = l) == null || O.disconnect();
     };
   }, [G, re]), u.useEffect(() => {
-    const r = Array.from(D.current.children), l = r.length;
+    const r = Array.from(j.current.children), l = r.length;
     if (typeof IntersectionObserver < "u" && l > 0 && x && N !== !1) {
       const s = r[0], a = r[l - 1], f = {
         root: R.current,
@@ -851,15 +851,15 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
   }, []), u.useEffect(() => {
     G();
   }), u.useEffect(() => {
-    Ne(We !== j);
-  }, [Ne, j]), u.useImperativeHandle(p, () => ({
+    Ne(We !== D);
+  }, [Ne, D]), u.useImperativeHandle(p, () => ({
     updateIndicator: G,
     updateScrollButtons: re
   }), [G, re]);
   const Me = /* @__PURE__ */ C(kt, b({}, U, {
     className: k(W.indicator, U.className),
     ownerState: A,
-    style: b({}, j, U.style)
+    style: b({}, D, U.style)
   }));
   let le = 0;
   const lt = u.Children.map(w, (r) => {
@@ -882,7 +882,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
       tabIndex: 0
     } : {}));
   }), nt = (r) => {
-    const l = D.current, s = dt(l).activeElement;
+    const l = j.current, s = dt(l).activeElement;
     if (s.getAttribute("role") !== "tab")
       return;
     let f = g === "horizontal" ? "ArrowLeft" : "ArrowUp", S = g === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -922,7 +922,7 @@ const Ue = /* @__PURE__ */ u.forwardRef(function(t, n) {
         className: W.flexContainer,
         ownerState: A,
         onKeyDown: nt,
-        ref: D,
+        ref: j,
         role: "tablist",
         children: lt
       }), ge && Me]