@clearstory/drywall-react 3.5.0 → 3.7.0

package/dist/{Tabs-SKtYSjnS.js → Tabs-C9SJL9Or.js}

@@ -1,53 +1,48 @@
 import * as i from "react";
-import { c as Rt, r as pe } from "./createTheme-BnGUhbht.js";
+import { c as Rt, r as fe } from "./createTheme-B1FDFl52.js";
 import { P as t } from "./index-CyAhC1RZ.js";
-import { c as A } from "./clsx-OuTLNxxd.js";
+import { c as L } from "./clsx-OuTLNxxd.js";
 import { u as Nt } from "./index-D2IRntbh.js";
-import { u as be } from "./useTheme-CbsaMxqD.js";
-import { jsx as v, jsxs as Ct } from "react/jsx-runtime";
-import { s as D } from "./styled-fvngWWLy.js";
-import { m as zt } from "./memoTheme-R-LnLD8I.js";
-import { u as he } from "./useEnhancedEffect-CJGo-L3B.js";
+import { u as pe } from "./useTheme-DAG00iEG.js";
+import { jsx as w, jsxs as Ct } from "react/jsx-runtime";
+import { s as A } from "./styled-D8CtiDxW.js";
+import { m as zt } from "./memoTheme-CCudmmpb.js";
+import { u as be } from "./useEnhancedEffect-CJGo-L3B.js";
 import { d as jt } from "./debounce-46wSf_lW.js";
-import { o as Lt } from "./ownerWindow-niciwP7I.js";
-import { g as kt } from "./generateUtilityClasses-njw3KdKN.js";
-import { u as k } from "./useSlot-BVGwJA4b.js";
-import { u as At } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { o as kt } from "./ownerWindow-niciwP7I.js";
+import { g as Dt } from "./generateUtilityClasses-CIjBDg4V.js";
+import { u as D } from "./useSlot-BVGwJA4b.js";
+import { u as Lt } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as J } from "./useSlotProps-D0I_wOtk.js";
 import { u as lt } from "./useEventCallback-BAQJJ3ye.js";
-import { c as Dt } from "./createSvgIcon-DHWmMfd-.js";
-import { c as Ft } from "./composeClasses-2Ou-RZJr.js";
-import { B as me } from "./ButtonBase-COzHF9dg.js";
-import { o as Se } from "./ownerDocument-CUrv0DIK.js";
-import { r as ve } from "./refType-CedFpkve.js";
-const ye = Dt(/* @__PURE__ */ v("path", {
-  d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), Te = Dt(/* @__PURE__ */ v("path", {
-  d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
-}), "KeyboardArrowRight");
-function Be(o) {
+import { K as me, a as he } from "./KeyboardArrowRight-ywXLVR_a.js";
+import { c as At } from "./composeClasses-2Ou-RZJr.js";
+import { B as Se } from "./ButtonBase-D2KI3JHl.js";
+import { o as ve } from "./ownerDocument-CUrv0DIK.js";
+import { r as ye } from "./refType-CedFpkve.js";
+function Te(o) {
   return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
 }
-function ge(o, r, c, u = {}, a = () => {
+function Be(o, r, c, u = {}, a = () => {
 }) {
   const {
-    ease: f = Be,
+    ease: f = Te,
     duration: p = 300
     // standard
   } = u;
   let b = null;
-  const h = r[o];
+  const m = r[o];
   let C = !1;
   const I = () => {
     C = !0;
-  }, O = (y) => {
+  }, O = (v) => {
     if (C) {
       a(new Error("Animation cancelled"));
       return;
     }
-    b === null && (b = y);
-    const x = Math.min(1, (y - b) / p);
-    if (r[o] = f(x) * (c - h) + h, x >= 1) {
+    b === null && (b = v);
+    const x = Math.min(1, (v - b) / p);
+    if (r[o] = f(x) * (c - m) + m, x >= 1) {
       requestAnimationFrame(() => {
         a(null);
       });
@@ -55,54 +50,54 @@ function ge(o, r, c, u = {}, a = () => {
     }
     requestAnimationFrame(O);
   };
-  return h === c ? (a(new Error("Element already at target position")), I) : (requestAnimationFrame(O), I);
+  return m === c ? (a(new Error("Element already at target position")), I) : (requestAnimationFrame(O), I);
 }
-const we = {
+const ge = {
   width: 99,
   height: 99,
   position: "absolute",
   top: -9999,
   overflow: "scroll"
 };
-function Ht(o) {
+function Ft(o) {
   const {
     onChange: r,
     ...c
   } = o, u = i.useRef(), a = i.useRef(null), f = () => {
     u.current = a.current.offsetHeight - a.current.clientHeight;
   };
-  return he(() => {
+  return be(() => {
     const p = jt(() => {
-      const h = u.current;
-      f(), h !== u.current && r(u.current);
-    }), b = Lt(a.current);
+      const m = u.current;
+      f(), m !== u.current && r(u.current);
+    }), b = kt(a.current);
     return b.addEventListener("resize", p), () => {
       p.clear(), b.removeEventListener("resize", p);
     };
   }, [r]), i.useEffect(() => {
     f(), r(u.current);
-  }, [r]), /* @__PURE__ */ v("div", {
-    style: we,
+  }, [r]), /* @__PURE__ */ w("div", {
+    style: ge,
     ...c,
     ref: a
   });
 }
-process.env.NODE_ENV !== "production" && (Ht.propTypes = {
+process.env.NODE_ENV !== "production" && (Ft.propTypes = {
   onChange: t.func.isRequired
 });
-function Ie(o) {
+function we(o) {
   return Rt("MuiTabScrollButton", o);
 }
-const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Ce = (o) => {
+const Ie = Dt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Ee = (o) => {
   const {
     classes: r,
     orientation: c,
     disabled: u
   } = o;
-  return Ft({
+  return At({
     root: ["root", c, u && "disabled"]
-  }, Ie, r);
-}, Oe = D(me, {
+  }, we, r);
+}, Ce = A(Se, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (o, r) => {
@@ -115,7 +110,7 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${Ee.disabled}`]: {
+  [`&.${Ie.disabled}`]: {
     opacity: 0
   },
   variants: [{
@@ -130,8 +125,8 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
       }
     }
   }]
-}), Vt = /* @__PURE__ */ i.forwardRef(function(r, c) {
-  const u = At({
+}), Ht = /* @__PURE__ */ i.forwardRef(function(r, c) {
+  const u = Lt({
     props: r,
     name: "MuiTabScrollButton"
   }), {
@@ -139,49 +134,49 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     slots: f = {},
     slotProps: p = {},
     direction: b,
-    orientation: h,
+    orientation: m,
     disabled: C,
     ...I
-  } = u, O = Nt(), y = {
+  } = u, O = Nt(), v = {
     isRtl: O,
     ...u
-  }, x = Ce(y), X = f.StartScrollButtonIcon ?? ye, K = f.EndScrollButtonIcon ?? Te, B = J({
+  }, x = Ee(v), X = f.StartScrollButtonIcon ?? me, K = f.EndScrollButtonIcon ?? he, T = J({
     elementType: X,
     externalSlotProps: p.startScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
-    ownerState: y
+    ownerState: v
   }), ct = J({
     elementType: K,
     externalSlotProps: p.endScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
-    ownerState: y
+    ownerState: v
   });
-  return /* @__PURE__ */ v(Oe, {
+  return /* @__PURE__ */ w(Ce, {
     component: "div",
-    className: A(x.root, a),
+    className: L(x.root, a),
     ref: c,
     role: null,
-    ownerState: y,
+    ownerState: v,
     tabIndex: null,
     ...I,
     style: {
       ...I.style,
-      ...h === "vertical" && {
+      ...m === "vertical" && {
         "--TabScrollButton-svgRotate": `rotate(${O ? -90 : 90}deg)`
       }
     },
-    children: b === "left" ? /* @__PURE__ */ v(X, {
-      ...B
-    }) : /* @__PURE__ */ v(K, {
+    children: b === "left" ? /* @__PURE__ */ w(X, {
+      ...T
+    }) : /* @__PURE__ */ w(K, {
       ...ct
     })
   });
 });
-process.env.NODE_ENV !== "production" && (Vt.propTypes = {
+process.env.NODE_ENV !== "production" && (Ht.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -237,10 +232,10 @@ process.env.NODE_ENV !== "production" && (Vt.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function xe(o) {
+function Oe(o) {
   return Rt("MuiTabs", o);
 }
-const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Ot = (o, r) => o === r ? o.firstChild : r && r.nextElementSibling ? r.nextElementSibling : o.firstChild, xt = (o, r) => o === r ? o.lastChild : r && r.previousElementSibling ? r.previousElementSibling : o.lastChild, G = (o, r, c) => {
+const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Ot = (o, r) => o === r ? o.firstChild : r && r.nextElementSibling ? r.nextElementSibling : o.firstChild, xt = (o, r) => o === r ? o.lastChild : r && r.previousElementSibling ? r.previousElementSibling : o.lastChild, G = (o, r, c) => {
   let u = !1, a = c(o, r);
   for (; a; ) {
     if (a === o.firstChild) {
@@ -256,7 +251,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       return;
     }
   }
-}, Me = (o) => {
+}, xe = (o) => {
   const {
     vertical: r,
     fixed: c,
@@ -265,9 +260,9 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
     scrollableY: f,
     centered: p,
     scrollButtonsHideMobile: b,
-    classes: h
+    classes: m
   } = o;
-  return Ft({
+  return At({
     root: ["root", r && "vertical"],
     scroller: ["scroller", c && "fixed", u && "hideScrollbar", a && "scrollableX", f && "scrollableY"],
     list: ["list", "flexContainer", r && "flexContainerVertical", r && "vertical", p && "centered"],
@@ -275,8 +270,8 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
     scrollButtons: ["scrollButtons", b && "scrollButtonsHideMobile"],
     scrollableX: [a && "scrollableX"],
     hideScrollbar: [u && "hideScrollbar"]
-  }, xe, h);
-}, Pe = D("div", {
+  }, Oe, m);
+}, Me = A("div", {
   name: "MuiTabs",
   slot: "Root",
   overridesResolver: (o, r) => {
@@ -316,7 +311,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       }
     }
   }]
-}))), Re = D("div", {
+}))), Pe = A("div", {
   name: "MuiTabs",
   slot: "Scroller",
   overridesResolver: (o, r) => {
@@ -368,7 +363,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       overflowX: "hidden"
     }
   }]
-}), Ne = D("div", {
+}), Re = A("div", {
   name: "MuiTabs",
   slot: "List",
   overridesResolver: (o, r) => {
@@ -394,7 +389,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       justifyContent: "center"
     }
   }]
-}), ze = D("span", {
+}), Ne = A("span", {
   name: "MuiTabs",
   slot: "Indicator"
 })(zt(({
@@ -429,7 +424,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       right: 0
     }
   }]
-}))), je = D(Ht)({
+}))), ze = A(Ft)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -441,26 +436,26 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   }
 }), Mt = {};
 let Pt = !1;
-const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
-  const u = At({
+const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
+  const u = Lt({
     props: r,
     name: "MuiTabs"
-  }), a = be(), f = Nt(), {
+  }), a = pe(), f = Nt(), {
     "aria-label": p,
     "aria-labelledby": b,
-    action: h,
+    action: m,
     centered: C = !1,
     children: I,
     className: O,
-    component: y = "div",
+    component: v = "div",
     allowScrollButtonsMobile: x = !1,
     indicatorColor: X = "primary",
     onChange: K,
-    orientation: B = "horizontal",
+    orientation: T = "horizontal",
     ScrollButtonComponent: ct,
     // TODO: remove in v7 (deprecated in v6)
     scrollButtons: z = "auto",
-    selectionFollowsFocus: Wt,
+    selectionFollowsFocus: Vt,
     slots: M = {},
     slotProps: Q = {},
     TabIndicatorProps: at = {},
@@ -471,38 +466,38 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
     value: j,
     variant: Z = "standard",
     visibleScrollbar: tt = !1,
-    ...Xt
-  } = u, m = Z === "scrollable", S = B === "vertical", F = S ? "scrollTop" : "scrollLeft", U = S ? "top" : "left", Y = S ? "bottom" : "right", et = S ? "clientHeight" : "clientWidth", H = S ? "height" : "width", g = {
+    ...Wt
+  } = u, h = Z === "scrollable", S = T === "vertical", F = S ? "scrollTop" : "scrollLeft", U = S ? "top" : "left", Y = S ? "bottom" : "right", et = S ? "clientHeight" : "clientWidth", H = S ? "height" : "width", B = {
     ...u,
-    component: y,
+    component: v,
     allowScrollButtonsMobile: x,
     indicatorColor: X,
-    orientation: B,
+    orientation: T,
     vertical: S,
     scrollButtons: z,
     textColor: ut,
     variant: Z,
     visibleScrollbar: tt,
-    fixed: !m,
-    hideScrollbar: m && !tt,
-    scrollableX: m && !S,
-    scrollableY: m && S,
-    centered: C && !m,
+    fixed: !h,
+    hideScrollbar: h && !tt,
+    scrollableX: h && !S,
+    scrollableY: h && S,
+    centered: C && !h,
     scrollButtonsHideMobile: !x
-  }, E = Me(g), Kt = J({
+  }, E = xe(B), Xt = J({
     elementType: M.StartScrollButtonIcon,
     externalSlotProps: Q.startScrollButtonIcon,
-    ownerState: g
-  }), Ut = J({
+    ownerState: B
+  }), Kt = J({
     elementType: M.EndScrollButtonIcon,
     externalSlotProps: Q.endScrollButtonIcon,
-    ownerState: g
+    ownerState: B
   });
-  process.env.NODE_ENV !== "production" && C && m && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [dt, Yt] = i.useState(!1), [P, ft] = i.useState(Mt), [pt, $t] = i.useState(!1), [bt, _t] = i.useState(!1), [ht, qt] = i.useState(!1), [mt, Gt] = i.useState({
+  process.env.NODE_ENV !== "production" && C && h && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
+  const [dt, Ut] = i.useState(!1), [P, ft] = i.useState(Mt), [pt, Yt] = i.useState(!1), [bt, $t] = i.useState(!1), [mt, _t] = i.useState(!1), [ht, qt] = i.useState({
     overflow: "hidden",
     scrollbarWidth: 0
-  }), $ = /* @__PURE__ */ new Map(), w = i.useRef(null), R = i.useRef(null), L = {
+  }), $ = /* @__PURE__ */ new Map(), g = i.useRef(null), R = i.useRef(null), k = {
     slots: M,
     slotProps: {
       indicator: at,
@@ -510,7 +505,7 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
       ...Q
     }
   }, St = () => {
-    const e = w.current;
+    const e = g.current;
     let n;
     if (e) {
       const s = e.getBoundingClientRect();
@@ -555,20 +550,20 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
     if (typeof P[s] != "number" || typeof P[H] != "number")
       ft(d);
     else {
-      const T = Math.abs(P[s] - d[s]), N = Math.abs(P[H] - d[H]);
-      (T >= 1 || N >= 1) && ft(d);
+      const y = Math.abs(P[s] - d[s]), N = Math.abs(P[H] - d[H]);
+      (y >= 1 || N >= 1) && ft(d);
     }
   }), ot = (e, {
     animation: n = !0
   } = {}) => {
-    n ? ge(F, w.current, e, {
+    n ? Be(F, g.current, e, {
       duration: a.transitions.duration.standard
-    }) : w.current[F] = e;
+    }) : g.current[F] = e;
   }, vt = (e) => {
-    let n = w.current[F];
+    let n = g.current[F];
     S ? n += e : n += e * (f ? -1 : 1), ot(n);
   }, yt = () => {
-    const e = w.current[et];
+    const e = g.current[et];
     let n = 0;
     const l = Array.from(R.current.children);
     for (let s = 0; s < l.length; s += 1) {
@@ -580,55 +575,55 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
       n += d[et];
     }
     return n;
-  }, Jt = () => {
+  }, Gt = () => {
     vt(-1 * yt());
-  }, Qt = () => {
+  }, Jt = () => {
     vt(yt());
-  }, [Zt, {
+  }, [Qt, {
     onChange: Tt,
-    ...te
-  }] = k("scrollbar", {
-    className: A(E.scrollableX, E.hideScrollbar),
-    elementType: je,
+    ...Zt
+  }] = D("scrollbar", {
+    className: L(E.scrollableX, E.hideScrollbar),
+    elementType: ze,
     shouldForwardComponentProp: !0,
-    externalForwardedProps: L,
-    ownerState: g
-  }), ee = i.useCallback((e) => {
-    Tt?.(e), Gt({
+    externalForwardedProps: k,
+    ownerState: B
+  }), te = i.useCallback((e) => {
+    Tt?.(e), qt({
       overflow: null,
       scrollbarWidth: e
     });
-  }, [Tt]), [Bt, gt] = k("scrollButtons", {
-    className: A(E.scrollButtons, it.className),
-    elementType: Vt,
-    externalForwardedProps: L,
-    ownerState: g,
+  }, [Tt]), [Bt, gt] = D("scrollButtons", {
+    className: L(E.scrollButtons, it.className),
+    elementType: Ht,
+    externalForwardedProps: k,
+    ownerState: B,
     additionalProps: {
-      orientation: B,
+      orientation: T,
       slots: {
         StartScrollButtonIcon: M.startScrollButtonIcon || M.StartScrollButtonIcon,
         EndScrollButtonIcon: M.endScrollButtonIcon || M.EndScrollButtonIcon
       },
       slotProps: {
-        startScrollButtonIcon: Kt,
-        endScrollButtonIcon: Ut
+        startScrollButtonIcon: Xt,
+        endScrollButtonIcon: Kt
       }
     }
-  }), oe = () => {
+  }), ee = () => {
     const e = {};
-    e.scrollbarSizeListener = m ? /* @__PURE__ */ v(Zt, {
-      ...te,
-      onChange: ee
+    e.scrollbarSizeListener = h ? /* @__PURE__ */ w(Qt, {
+      ...Zt,
+      onChange: te
     }) : null;
-    const l = m && (z === "auto" && (pt || bt) || z === !0);
-    return e.scrollButtonStart = l ? /* @__PURE__ */ v(Bt, {
+    const l = h && (z === "auto" && (pt || bt) || z === !0);
+    return e.scrollButtonStart = l ? /* @__PURE__ */ w(Bt, {
       direction: f ? "right" : "left",
-      onClick: Jt,
+      onClick: Gt,
       disabled: !pt,
       ...gt
-    }) : null, e.scrollButtonEnd = l ? /* @__PURE__ */ v(Bt, {
+    }) : null, e.scrollButtonEnd = l ? /* @__PURE__ */ w(Bt, {
       direction: f ? "left" : "right",
-      onClick: Qt,
+      onClick: Jt,
       disabled: !bt,
       ...gt
     }) : null, e;
@@ -651,26 +646,26 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
       }
     }
   }), _ = lt(() => {
-    m && z !== !1 && qt(!ht);
+    h && z !== !1 && _t(!mt);
   });
   i.useEffect(() => {
     const e = jt(() => {
-      w.current && V();
+      g.current && V();
     });
     let n;
-    const l = (T) => {
-      T.forEach((N) => {
+    const l = (y) => {
+      y.forEach((N) => {
         N.removedNodes.forEach((W) => {
           n?.unobserve(W);
         }), N.addedNodes.forEach((W) => {
           n?.observe(W);
         });
       }), e(), _();
-    }, s = Lt(w.current);
+    }, s = kt(g.current);
     s.addEventListener("resize", e);
     let d;
-    return typeof ResizeObserver < "u" && (n = new ResizeObserver(e), Array.from(R.current.children).forEach((T) => {
-      n.observe(T);
+    return typeof ResizeObserver < "u" && (n = new ResizeObserver(e), Array.from(R.current.children).forEach((y) => {
+      n.observe(y);
     })), typeof MutationObserver < "u" && (d = new MutationObserver(l), d.observe(R.current, {
       childList: !0
     })), () => {
@@ -678,47 +673,47 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
     };
   }, [V, _]), i.useEffect(() => {
     const e = Array.from(R.current.children), n = e.length;
-    if (typeof IntersectionObserver < "u" && n > 0 && m && z !== !1) {
+    if (typeof IntersectionObserver < "u" && n > 0 && h && z !== !1) {
       const l = e[0], s = e[n - 1], d = {
-        root: w.current,
+        root: g.current,
         threshold: 0.99
-      }, T = (nt) => {
-        $t(!nt[0].isIntersecting);
-      }, N = new IntersectionObserver(T, d);
+      }, y = (nt) => {
+        Yt(!nt[0].isIntersecting);
+      }, N = new IntersectionObserver(y, d);
       N.observe(l);
       const W = (nt) => {
-        _t(!nt[0].isIntersecting);
+        $t(!nt[0].isIntersecting);
       }, Et = new IntersectionObserver(W, d);
       return Et.observe(s), () => {
         N.disconnect(), Et.disconnect();
       };
     }
-  }, [m, z, ht, I?.length]), i.useEffect(() => {
-    Yt(!0);
+  }, [h, z, mt, I?.length]), i.useEffect(() => {
+    Ut(!0);
   }, []), i.useEffect(() => {
     V();
   }), i.useEffect(() => {
     wt(Mt !== P);
-  }, [wt, P]), i.useImperativeHandle(h, () => ({
+  }, [wt, P]), i.useImperativeHandle(m, () => ({
     updateIndicator: V,
     updateScrollButtons: _
   }), [V, _]);
-  const [re, ne] = k("indicator", {
-    className: A(E.indicator, at.className),
-    elementType: ze,
-    externalForwardedProps: L,
-    ownerState: g,
+  const [oe, re] = D("indicator", {
+    className: L(E.indicator, at.className),
+    elementType: Ne,
+    externalForwardedProps: k,
+    ownerState: B,
     additionalProps: {
       style: P
     }
-  }), It = /* @__PURE__ */ v(re, {
-    ...ne
+  }), It = /* @__PURE__ */ w(oe, {
+    ...re
   });
   let q = 0;
-  const le = i.Children.map(I, (e) => {
+  const ne = i.Children.map(I, (e) => {
     if (!/* @__PURE__ */ i.isValidElement(e))
       return null;
-    process.env.NODE_ENV !== "production" && pe.isFragment(e) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && fe.isFragment(e) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
     const n = e.props.value === void 0 ? q : e.props.value;
     $.set(n, q);
@@ -727,7 +722,7 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
       fullWidth: Z === "fullWidth",
       indicator: l && !dt && It,
       selected: l,
-      selectionFollowsFocus: Wt,
+      selectionFollowsFocus: Vt,
       onChange: K,
       textColor: ut,
       value: n,
@@ -735,18 +730,18 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
         tabIndex: 0
       } : {}
     });
-  }), se = (e) => {
+  }), le = (e) => {
     if (e.altKey || e.shiftKey || e.ctrlKey || e.metaKey)
       return;
-    const n = R.current, l = Se(n).activeElement;
+    const n = R.current, l = ve(n).activeElement;
     if (l.getAttribute("role") !== "tab")
       return;
-    let d = B === "horizontal" ? "ArrowLeft" : "ArrowUp", T = B === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (B === "horizontal" && f && (d = "ArrowRight", T = "ArrowLeft"), e.key) {
+    let d = T === "horizontal" ? "ArrowLeft" : "ArrowUp", y = T === "horizontal" ? "ArrowRight" : "ArrowDown";
+    switch (T === "horizontal" && f && (d = "ArrowRight", y = "ArrowLeft"), e.key) {
       case d:
         e.preventDefault(), G(n, l, xt);
         break;
-      case T:
+      case y:
         e.preventDefault(), G(n, l, Ot);
         break;
       case "Home":
@@ -756,57 +751,57 @@ const Le = /* @__PURE__ */ i.forwardRef(function(r, c) {
         e.preventDefault(), G(n, null, xt);
         break;
     }
-  }, rt = oe(), [ce, ae] = k("root", {
+  }, rt = ee(), [se, ce] = D("root", {
     ref: c,
-    className: A(E.root, O),
-    elementType: Pe,
+    className: L(E.root, O),
+    elementType: Me,
     externalForwardedProps: {
-      ...L,
-      ...Xt,
-      component: y
+      ...k,
+      ...Wt,
+      component: v
     },
-    ownerState: g
-  }), [ie, ue] = k("scroller", {
-    ref: w,
+    ownerState: B
+  }), [ae, ie] = D("scroller", {
+    ref: g,
     className: E.scroller,
-    elementType: Re,
-    externalForwardedProps: L,
-    ownerState: g,
+    elementType: Pe,
+    externalForwardedProps: k,
+    ownerState: B,
     additionalProps: {
       style: {
-        overflow: mt.overflow,
-        [S ? `margin${f ? "Left" : "Right"}` : "marginBottom"]: tt ? void 0 : -mt.scrollbarWidth
+        overflow: ht.overflow,
+        [S ? `margin${f ? "Left" : "Right"}` : "marginBottom"]: tt ? void 0 : -ht.scrollbarWidth
       }
     }
-  }), [de, fe] = k("list", {
+  }), [ue, de] = D("list", {
     ref: R,
-    className: A(E.list, E.flexContainer),
-    elementType: Ne,
-    externalForwardedProps: L,
-    ownerState: g,
+    className: L(E.list, E.flexContainer),
+    elementType: Re,
+    externalForwardedProps: k,
+    ownerState: B,
     getSlotProps: (e) => ({
       ...e,
       onKeyDown: (n) => {
-        se(n), e.onKeyDown?.(n);
+        le(n), e.onKeyDown?.(n);
       }
     })
   });
-  return /* @__PURE__ */ Ct(ce, {
-    ...ae,
-    children: [rt.scrollButtonStart, rt.scrollbarSizeListener, /* @__PURE__ */ Ct(ie, {
-      ...ue,
-      children: [/* @__PURE__ */ v(de, {
+  return /* @__PURE__ */ Ct(se, {
+    ...ce,
+    children: [rt.scrollButtonStart, rt.scrollbarSizeListener, /* @__PURE__ */ Ct(ae, {
+      ...ie,
+      children: [/* @__PURE__ */ w(ue, {
         "aria-label": p,
         "aria-labelledby": b,
-        "aria-orientation": B === "vertical" ? "vertical" : null,
+        "aria-orientation": T === "vertical" ? "vertical" : null,
         role: "tablist",
-        ...fe,
-        children: le
+        ...de,
+        children: ne
       }), dt && It]
     }), rt.scrollButtonEnd]
   });
 });
-process.env.NODE_ENV !== "production" && (Le.propTypes = {
+process.env.NODE_ENV !== "production" && (je.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -819,7 +814,7 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: ve,
+  action: ye,
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
@@ -972,7 +967,7 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
   visibleScrollbar: t.bool
 });
 export {
-  Le as T,
-  xe as g,
+  je as T,
+  Oe as g,
   st as t
 };