@clearstory/drywall-react 8.0.4 → 8.0.6

package/dist/{Tab-Bo9Q9fUY.js → Tab-byONHznV.js}

@@ -1,15 +1,15 @@
 import * as p from "react";
 import { P as i } from "./index-B5q5ym9h.js";
 import { c as $ } from "./clsx-OuTLNxxd.js";
-import { m as I } from "./memoTheme-BtPmrCmh.js";
+import { m as I } from "./memoTheme-BQFamb8G.js";
 import { g as j } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as D } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsxs as x } from "react/jsx-runtime";
 import { u as E } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as M } from "./styled-DGv3Bxg0.js";
-import { h as P } from "./createTheme-PiEw_V9m.js";
+import { s as M } from "./styled-LWMvVNgu.js";
+import { h as P } from "./createTheme-DJCjwrXs.js";
 import { c as U } from "./composeClasses-2Ou-RZJr.js";
-import { B as H } from "./ButtonBase-Bi72noqx.js";
+import { B as H } from "./ButtonBase-d25Mc53O.js";
 import { u as z } from "./unsupportedProp-BuVD30Gh.js";
 function V(e) {
   return D("MuiTab", e);

package/dist/{Table-1FpmJB-p.js → Table-CU5gX0jE.js}

@@ -2,12 +2,12 @@ import * as p from "react";
 import { P as e } from "./index-B5q5ym9h.js";
 import { c as T } from "./clsx-OuTLNxxd.js";
 import { T as g } from "./TableContext-DMoc2nds.js";
-import { m as C } from "./memoTheme-BtPmrCmh.js";
+import { m as C } from "./memoTheme-BQFamb8G.js";
 import { g as k } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as v } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as m } from "react/jsx-runtime";
 import { u as x } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as H } from "./styled-DGv3Bxg0.js";
+import { s as H } from "./styled-LWMvVNgu.js";
 import { c as O } from "./composeClasses-2Ou-RZJr.js";
 function w(o) {
   return v("MuiTable", o);

package/dist/{TableBody-msUAmdxa.js → TableBody-Dx29Wf0r.js}

@@ -6,7 +6,7 @@ import { g as u } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as b } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as n } from "react/jsx-runtime";
 import { u as T } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as g } from "./styled-DGv3Bxg0.js";
+import { s as g } from "./styled-LWMvVNgu.js";
 import { c as B } from "./composeClasses-2Ou-RZJr.js";
 function C(s) {
   return b("MuiTableBody", s);

package/dist/{TableCell-CovS0283.js → TableCell-CtNo7EIp.js}

@@ -3,13 +3,13 @@ import { P as t } from "./index-B5q5ym9h.js";
 import { c as H } from "./clsx-OuTLNxxd.js";
 import { T as O } from "./TableContext-DMoc2nds.js";
 import { T as R } from "./Tablelvl2Context-Bk64984_.js";
-import { m as $ } from "./memoTheme-BtPmrCmh.js";
+import { m as $ } from "./memoTheme-BQFamb8G.js";
 import { g as P } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as j } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as w } from "react/jsx-runtime";
 import { u as A } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as M } from "./styled-DGv3Bxg0.js";
-import { h as r } from "./createTheme-PiEw_V9m.js";
+import { s as M } from "./styled-LWMvVNgu.js";
+import { h as r } from "./createTheme-DJCjwrXs.js";
 import { c as N } from "./composeClasses-2Ou-RZJr.js";
 function S(e) {
   return j("MuiTableCell", e);

package/dist/{TableContainer-D5Olxe9m.js → TableContainer-DEDAB-r_.js}

@@ -5,7 +5,7 @@ import { g as f } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as u } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as C } from "react/jsx-runtime";
 import { u as T } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as b } from "./styled-DGv3Bxg0.js";
+import { s as b } from "./styled-LWMvVNgu.js";
 import { c as y } from "./composeClasses-2Ou-RZJr.js";
 function d(e) {
   return u("MuiTableContainer", e);

package/dist/{TableFooter-DB2mje5n.js → TableFooter-YRdMR5f_.js}

@@ -6,7 +6,7 @@ import { g as T } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as y } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as n } from "react/jsx-runtime";
 import { u as d } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as g } from "./styled-DGv3Bxg0.js";
+import { s as g } from "./styled-LWMvVNgu.js";
 import { c as F } from "./composeClasses-2Ou-RZJr.js";
 function C(t) {
   return y("MuiTableFooter", t);

package/dist/{TableHead-Cra442qd.js → TableHead-DO9OX8_u.js}

@@ -6,7 +6,7 @@ import { g as b } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as T } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as n } from "react/jsx-runtime";
 import { u as y } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as g } from "./styled-DGv3Bxg0.js";
+import { s as g } from "./styled-LWMvVNgu.js";
 import { c as H } from "./composeClasses-2Ou-RZJr.js";
 function C(o) {
   return T("MuiTableHead", o);

package/dist/{TablePagination-DUdl-BaY.js → TablePagination-BDZTTT0F.js}

@@ -2,24 +2,24 @@ import * as et from "react";
 import { createElement as ft } from "react";
 import { P as t } from "./index-B5q5ym9h.js";
 import { c as q } from "./clsx-OuTLNxxd.js";
-import { m as $ } from "./memoTheme-BtPmrCmh.js";
+import { m as $ } from "./memoTheme-BQFamb8G.js";
 import { g as ot } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as nt } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as I } from "./useSlot-CoTIuujp.js";
 import { jsx as s, jsxs as st } from "react/jsx-runtime";
 import { u as at } from "./DefaultPropsProvider-CE6KNOqW.js";
 import { u as gt } from "./index-Dv2Px4OL.js";
-import { K as Bt, a as Pt } from "./KeyboardArrowRight-5YOKZbbG.js";
-import { c as lt } from "./createSvgIcon-DULirWwm.js";
-import { I as N } from "./IconButton-B1h37ok8.js";
-import { s as P } from "./styled-DGv3Bxg0.js";
+import { K as Bt, a as Pt } from "./KeyboardArrowRight-ImlJT20l.js";
+import { c as lt } from "./createSvgIcon-DiFqLLxU.js";
+import { I as N } from "./IconButton-Bxv4sRVK.js";
+import { s as P } from "./styled-LWMvVNgu.js";
 import { c as it } from "./composeClasses-2Ou-RZJr.js";
-import { T as X } from "./TableCell-CovS0283.js";
+import { T as X } from "./TableCell-CtNo7EIp.js";
 import { u as Z } from "./useId-CK6Kn3Tn.js";
-import { I as Tt } from "./InputBase-95uVeCOm.js";
-import { M as It } from "./MenuItem-C9C4rZZK.js";
-import { T as ht } from "./Toolbar-Bt1Qa2mH.js";
-import { S as yt } from "./Select-qGJUZPI0.js";
+import { I as Tt } from "./InputBase-lPsQfI3L.js";
+import { M as It } from "./MenuItem-CjX4ll4j.js";
+import { T as ht } from "./Toolbar-Dx3j82yU.js";
+import { S as yt } from "./Select-CNlh4iIj.js";
 import { i as W } from "./integerPropType-BihGt2aU.js";
 import { c as Rt } from "./chainPropTypes-D9lkm76m.js";
 const St = lt(/* @__PURE__ */ s("path", {

package/dist/{TableRow-tv9A8znJ.js → TableRow-iDSTgT06.js}

@@ -2,12 +2,12 @@ import * as p from "react";
 import { P as e } from "./index-B5q5ym9h.js";
 import { c as b } from "./clsx-OuTLNxxd.js";
 import { T } from "./Tablelvl2Context-Bk64984_.js";
-import { m as w } from "./memoTheme-BtPmrCmh.js";
+import { m as w } from "./memoTheme-BQFamb8G.js";
 import { g as y } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as R } from "./generateUtilityClass-BhfUaMgk.js";
 import { jsx as C } from "react/jsx-runtime";
 import { u as g } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as h } from "./styled-DGv3Bxg0.js";
+import { s as h } from "./styled-LWMvVNgu.js";
 import { c as O } from "./composeClasses-2Ou-RZJr.js";
 function x(o) {
   return R("MuiTableRow", o);

package/dist/{Tabs-hon-LGqp.js → Tabs-BB9XpdM7.js}

@@ -1,34 +1,35 @@
 import * as i from "react";
-import { r as fe } from "./createTheme-PiEw_V9m.js";
+import { r as fe } from "./createTheme-DJCjwrXs.js";
 import { P as t } from "./index-B5q5ym9h.js";
-import { c as L } from "./clsx-OuTLNxxd.js";
+import { c as D } from "./clsx-OuTLNxxd.js";
 import { u as Rt } from "./index-Dv2Px4OL.js";
-import { u as pe } from "./useTheme-By3Sjbe_.js";
+import { u as pe } from "./useTheme-D3BQGgvH.js";
 import { jsx as w, jsxs as Ct } from "react/jsx-runtime";
-import { s as A } from "./styled-DGv3Bxg0.js";
-import { m as Nt } from "./memoTheme-BtPmrCmh.js";
+import { s as A } from "./styled-LWMvVNgu.js";
+import { m as Nt } from "./memoTheme-BQFamb8G.js";
 import { u as be } from "./useEnhancedEffect-CJGo-L3B.js";
 import { d as zt } from "./debounce-46wSf_lW.js";
 import { o as jt } from "./ownerWindow-niciwP7I.js";
 import { g as kt } from "./generateUtilityClasses-E9gROIFd.js";
-import { g as Dt } from "./generateUtilityClass-BhfUaMgk.js";
-import { u as D } from "./useSlot-CoTIuujp.js";
-import { u as Lt } from "./DefaultPropsProvider-CE6KNOqW.js";
+import { g as Lt } from "./generateUtilityClass-BhfUaMgk.js";
+import { i as me } from "./isLayoutSupported-BefIMk_y.js";
+import { u as L } from "./useSlot-CoTIuujp.js";
+import { u as Dt } from "./DefaultPropsProvider-CE6KNOqW.js";
 import { u as J } from "./useSlotProps-DzlqyROF.js";
 import { u as lt } from "./useEventCallback-BAQJJ3ye.js";
-import { a as me, K as he } from "./KeyboardArrowRight-5YOKZbbG.js";
+import { a as he, K as Se } from "./KeyboardArrowRight-ImlJT20l.js";
 import { c as At } from "./composeClasses-2Ou-RZJr.js";
-import { B as Se } from "./ButtonBase-Bi72noqx.js";
-import { a as ve } from "./getActiveElement-DQsgVmYn.js";
-import { o as ye } from "./ownerDocument-CUrv0DIK.js";
-import { r as Te } from "./refType-C3kIdphZ.js";
-function Be(o) {
+import { B as ve } from "./ButtonBase-d25Mc53O.js";
+import { a as ye } from "./getActiveElement-DQsgVmYn.js";
+import { o as Te } from "./ownerDocument-CUrv0DIK.js";
+import { r as Be } from "./refType-C3kIdphZ.js";
+function ge(o) {
   return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
 }
-function ge(o, r, a, u = {}, c = () => {
+function we(o, r, a, u = {}, c = () => {
 }) {
   const {
-    ease: f = Be,
+    ease: f = ge,
     duration: p = 300
     // standard
   } = u;
@@ -54,7 +55,7 @@ function ge(o, r, a, u = {}, c = () => {
   };
   return m === a ? (c(new Error("Element already at target position")), I) : (requestAnimationFrame(O), I);
 }
-const we = {
+const Ie = {
   width: 99,
   height: 99,
   position: "absolute",
@@ -79,7 +80,7 @@ function Ft(o) {
   }, [r]), i.useEffect(() => {
     f(), r(u.current);
   }, [r]), /* @__PURE__ */ w("div", {
-    style: we,
+    style: Ie,
     ...a,
     ref: c
   });
@@ -87,10 +88,10 @@ function Ft(o) {
 process.env.NODE_ENV !== "production" && (Ft.propTypes = {
   onChange: t.func.isRequired
 });
-function Ie(o) {
-  return Dt("MuiTabScrollButton", o);
+function Ee(o) {
+  return Lt("MuiTabScrollButton", o);
 }
-const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Ce = (o) => {
+const Ce = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Oe = (o) => {
   const {
     classes: r,
     orientation: a,
@@ -98,8 +99,8 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   } = o;
   return At({
     root: ["root", a, u && "disabled"]
-  }, Ie, r);
-}, Oe = A(Se, {
+  }, Ee, r);
+}, xe = A(ve, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (o, r) => {
@@ -112,7 +113,7 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${Ee.disabled}`]: {
+  [`&.${Ce.disabled}`]: {
     opacity: 0
   },
   variants: [{
@@ -128,7 +129,7 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     }
   }]
 }), Ht = /* @__PURE__ */ i.forwardRef(function(r, a) {
-  const u = Lt({
+  const u = Dt({
     props: r,
     name: "MuiTabScrollButton"
   }), {
@@ -142,7 +143,7 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   } = u, O = Rt(), v = {
     isRtl: O,
     ...u
-  }, x = Ce(v), X = f.StartScrollButtonIcon ?? me, U = f.EndScrollButtonIcon ?? he, T = J({
+  }, x = Oe(v), X = f.StartScrollButtonIcon ?? he, K = f.EndScrollButtonIcon ?? Se, T = J({
     elementType: X,
     externalSlotProps: p.startScrollButtonIcon,
     additionalProps: {
@@ -150,16 +151,16 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     },
     ownerState: v
   }), at = J({
-    elementType: U,
+    elementType: K,
     externalSlotProps: p.endScrollButtonIcon,
     additionalProps: {
       fontSize: "small"
     },
     ownerState: v
   });
-  return /* @__PURE__ */ w(Oe, {
+  return /* @__PURE__ */ w(xe, {
     component: "div",
-    className: L(x.root, c),
+    className: D(x.root, c),
     ref: a,
     role: null,
     ownerState: v,
@@ -173,7 +174,7 @@ const Ee = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     },
     children: b === "left" ? /* @__PURE__ */ w(X, {
       ...T
-    }) : /* @__PURE__ */ w(U, {
+    }) : /* @__PURE__ */ w(K, {
       ...at
     })
   });
@@ -234,8 +235,8 @@ process.env.NODE_ENV !== "production" && (Ht.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-function xe(o) {
-  return Dt("MuiTabs", o);
+function Me(o) {
+  return Lt("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, a) => {
   let u = !1, c = a(o, r);
@@ -253,7 +254,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       return;
     }
   }
-}, Me = (o) => {
+}, Pe = (o) => {
   const {
     vertical: r,
     fixed: a,
@@ -272,8 +273,8 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
     scrollButtons: ["scrollButtons", b && "scrollButtonsHideMobile"],
     scrollableX: [c && "scrollableX"],
     hideScrollbar: [u && "hideScrollbar"]
-  }, xe, m);
-}, Pe = A("div", {
+  }, Me, m);
+}, Re = A("div", {
   name: "MuiTabs",
   slot: "Root",
   overridesResolver: (o, r) => {
@@ -313,7 +314,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       }
     }
   }]
-}))), Re = A("div", {
+}))), Ne = A("div", {
   name: "MuiTabs",
   slot: "Scroller",
   overridesResolver: (o, r) => {
@@ -365,7 +366,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       overflowX: "hidden"
     }
   }]
-}), Ne = A("div", {
+}), ze = A("div", {
   name: "MuiTabs",
   slot: "List",
   overridesResolver: (o, r) => {
@@ -391,7 +392,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       justifyContent: "center"
     }
   }]
-}), ze = A("span", {
+}), je = A("span", {
   name: "MuiTabs",
   slot: "Indicator"
 })(Nt(({
@@ -426,7 +427,7 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
       right: 0
     }
   }]
-}))), je = A(Ft)({
+}))), ke = A(Ft)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -438,8 +439,8 @@ const st = kt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   }
 }), Mt = {};
 let Pt = !1;
-const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
-  const u = Lt({
+const Le = /* @__PURE__ */ i.forwardRef(function(r, a) {
+  const u = Dt({
     props: r,
     name: "MuiTabs"
   }), c = pe(), f = Rt(), {
@@ -452,12 +453,12 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
     component: v = "div",
     allowScrollButtonsMobile: x = !1,
     indicatorColor: X = "primary",
-    onChange: U,
+    onChange: K,
     orientation: T = "horizontal",
     ScrollButtonComponent: at,
     // TODO: remove in v7 (deprecated in v6)
     scrollButtons: z = "auto",
-    selectionFollowsFocus: Vt,
+    selectionFollowsFocus: Wt,
     slots: M = {},
     slotProps: Q = {},
     TabIndicatorProps: ct = {},
@@ -468,8 +469,8 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
     value: j,
     variant: Z = "standard",
     visibleScrollbar: tt = !1,
-    ...Wt
-  } = u, h = Z === "scrollable", S = T === "vertical", F = S ? "scrollTop" : "scrollLeft", K = S ? "top" : "left", Y = S ? "bottom" : "right", et = S ? "clientHeight" : "clientWidth", H = S ? "height" : "width", B = {
+    ...Vt
+  } = 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: v,
     allowScrollButtonsMobile: x,
@@ -486,17 +487,17 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
     scrollableY: h && S,
     centered: C && !h,
     scrollButtonsHideMobile: !x
-  }, E = Me(B), Xt = J({
+  }, E = Pe(B), Xt = J({
     elementType: M.StartScrollButtonIcon,
     externalSlotProps: Q.startScrollButtonIcon,
     ownerState: B
-  }), Ut = J({
+  }), Kt = J({
     elementType: M.EndScrollButtonIcon,
     externalSlotProps: Q.endScrollButtonIcon,
     ownerState: B
   });
   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, Kt] = 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({
+  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(), g = i.useRef(null), R = i.useRef(null), k = {
@@ -528,7 +529,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
       if (s.length > 0) {
         const d = s[$.get(j)];
         process.env.NODE_ENV !== "production" && (d || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${j}".`, $.keys ? `You can provide one of the following values: ${Array.from($.keys()).join(", ")}.` : null].join(`
-`))), l = d ? d.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && !globalThis.MUI_TEST_ENV && !Pt && l && l.width === 0 && l.height === 0 && // if the whole Tabs component is hidden, don't warn
+`))), l = d ? d.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && me() && !Pt && l && l.width === 0 && l.height === 0 && // if the whole Tabs component is hidden, don't warn
         n.clientWidth !== 0 && (n = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${j}") 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(`
 `)), Pt = !0);
       }
@@ -537,7 +538,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
       tabsMeta: n,
       tabMeta: l
     };
-  }, V = lt(() => {
+  }, W = lt(() => {
     const {
       tabsMeta: e,
       tabMeta: n
@@ -558,7 +559,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
   }), ot = (e, {
     animation: n = !0
   } = {}) => {
-    n ? ge(F, g.current, e, {
+    n ? we(F, g.current, e, {
       duration: c.transitions.duration.standard
     }) : g.current[F] = e;
   }, vt = (e) => {
@@ -584,9 +585,9 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
   }, [Qt, {
     onChange: Tt,
     ...Zt
-  }] = D("scrollbar", {
-    className: L(E.scrollableX, E.hideScrollbar),
-    elementType: je,
+  }] = L("scrollbar", {
+    className: D(E.scrollableX, E.hideScrollbar),
+    elementType: ke,
     shouldForwardComponentProp: !0,
     externalForwardedProps: k,
     ownerState: B
@@ -595,8 +596,8 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
       overflow: null,
       scrollbarWidth: e
     });
-  }, [Tt]), [Bt, gt] = D("scrollButtons", {
-    className: L(E.scrollButtons, it.className),
+  }, [Tt]), [Bt, gt] = L("scrollButtons", {
+    className: D(E.scrollButtons, it.className),
     elementType: Ht,
     externalForwardedProps: k,
     ownerState: B,
@@ -608,7 +609,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
       },
       slotProps: {
         startScrollButtonIcon: Xt,
-        endScrollButtonIcon: Ut
+        endScrollButtonIcon: Kt
       }
     }
   }), ee = () => {
@@ -635,8 +636,8 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
       tabMeta: l
     } = St();
     if (!(!l || !n)) {
-      if (l[K] < n[K]) {
-        const s = n[F] + (l[K] - n[K]);
+      if (l[U] < n[U]) {
+        const s = n[F] + (l[U] - n[U]);
         ot(s, {
           animation: e
         });
@@ -652,15 +653,15 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
   });
   i.useEffect(() => {
     const e = zt(() => {
-      g.current && V();
+      g.current && W();
     });
     let n;
     const l = (y) => {
       y.forEach((N) => {
-        N.removedNodes.forEach((W) => {
-          n?.unobserve(W);
-        }), N.addedNodes.forEach((W) => {
-          n?.observe(W);
+        N.removedNodes.forEach((V) => {
+          n?.unobserve(V);
+        }), N.addedNodes.forEach((V) => {
+          n?.observe(V);
         });
       }), e(), _();
     }, s = jt(g.current);
@@ -673,7 +674,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
     })), () => {
       e.clear(), s.removeEventListener("resize", e), d?.disconnect(), n?.disconnect();
     };
-  }, [V, _]), i.useEffect(() => {
+  }, [W, _]), i.useEffect(() => {
     const e = Array.from(R.current.children), n = e.length;
     if (typeof IntersectionObserver < "u" && n > 0 && h && z !== !1) {
       const l = e[0], s = e[n - 1], d = {
@@ -683,26 +684,26 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
         Yt(!nt[0].isIntersecting);
       }, N = new IntersectionObserver(y, d);
       N.observe(l);
-      const W = (nt) => {
+      const V = (nt) => {
         $t(!nt[0].isIntersecting);
-      }, Et = new IntersectionObserver(W, d);
+      }, Et = new IntersectionObserver(V, d);
       return Et.observe(s), () => {
         N.disconnect(), Et.disconnect();
       };
     }
   }, [h, z, mt, I?.length]), i.useEffect(() => {
-    Kt(!0);
+    Ut(!0);
   }, []), i.useEffect(() => {
-    V();
+    W();
   }), i.useEffect(() => {
     wt(Mt !== P);
   }, [wt, P]), i.useImperativeHandle(m, () => ({
-    updateIndicator: V,
+    updateIndicator: W,
     updateScrollButtons: _
-  }), [V, _]);
-  const [oe, re] = D("indicator", {
-    className: L(E.indicator, ct.className),
-    elementType: ze,
+  }), [W, _]);
+  const [oe, re] = L("indicator", {
+    className: D(E.indicator, ct.className),
+    elementType: je,
     externalForwardedProps: k,
     ownerState: B,
     additionalProps: {
@@ -724,8 +725,8 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
       fullWidth: Z === "fullWidth",
       indicator: l && !dt && It,
       selected: l,
-      selectionFollowsFocus: Vt,
-      onChange: U,
+      selectionFollowsFocus: Wt,
+      onChange: K,
       textColor: ut,
       value: n,
       ...q === 1 && j === !1 && !e.props.tabIndex ? {
@@ -735,7 +736,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
   }), le = (e) => {
     if (e.altKey || e.shiftKey || e.ctrlKey || e.metaKey)
       return;
-    const n = R.current, l = ve(ye(n));
+    const n = R.current, l = ye(Te(n));
     if (l?.getAttribute("role") !== "tab")
       return;
     let d = T === "horizontal" ? "ArrowLeft" : "ArrowUp", y = T === "horizontal" ? "ArrowRight" : "ArrowDown";
@@ -753,20 +754,20 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
         e.preventDefault(), G(n, null, xt);
         break;
     }
-  }, rt = ee(), [se, ae] = D("root", {
+  }, rt = ee(), [se, ae] = L("root", {
     ref: a,
-    className: L(E.root, O),
-    elementType: Pe,
+    className: D(E.root, O),
+    elementType: Re,
     externalForwardedProps: {
       ...k,
-      ...Wt,
+      ...Vt,
       component: v
     },
     ownerState: B
-  }), [ce, ie] = D("scroller", {
+  }), [ce, ie] = L("scroller", {
     ref: g,
     className: E.scroller,
-    elementType: Re,
+    elementType: Ne,
     externalForwardedProps: k,
     ownerState: B,
     additionalProps: {
@@ -775,10 +776,10 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
         [S ? `margin${f ? "Left" : "Right"}` : "marginBottom"]: tt ? void 0 : -ht.scrollbarWidth
       }
     }
-  }), [ue, de] = D("list", {
+  }), [ue, de] = L("list", {
     ref: R,
-    className: L(E.list, E.flexContainer),
-    elementType: Ne,
+    className: D(E.list, E.flexContainer),
+    elementType: ze,
     externalForwardedProps: k,
     ownerState: B,
     getSlotProps: (e) => ({
@@ -803,7 +804,7 @@ const ke = /* @__PURE__ */ i.forwardRef(function(r, a) {
     }), rt.scrollButtonEnd]
   });
 });
-process.env.NODE_ENV !== "production" && (ke.propTypes = {
+process.env.NODE_ENV !== "production" && (Le.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -816,7 +817,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: Te,
+  action: Be,
   /**
    * 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`.
@@ -969,7 +970,7 @@ process.env.NODE_ENV !== "production" && (ke.propTypes = {
   visibleScrollbar: t.bool
 });
 export {
-  ke as T,
-  xe as g,
+  Le as T,
+  Me as g,
   st as t
 };

package/dist/{ThemeProviderWithVars-BNUcBdVQ.js → ThemeProviderWithVars-DN3OCUzV.js}

@@ -1,13 +1,13 @@
-import { c as Ve, x as Le, s as Pe } from "./createTheme-PiEw_V9m.js";
+import { c as Ve, x as Le, s as Pe } from "./createTheme-DJCjwrXs.js";
 import { a as je, T as Ie } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import { P as s } from "./index-B5q5ym9h.js";
 import { jsx as w, jsxs as be } from "react/jsx-runtime";
 import * as d from "react";
 import { u as Te } from "./useEnhancedEffect-CJGo-L3B.js";
 import { R as Ae } from "./index-Dv2Px4OL.js";
-import { a as Ee } from "./useTheme-DJ2s8uyO.js";
+import { a as Ee } from "./useTheme-BqhPTxYZ.js";
 import { u as Ke } from "./useId-CK6Kn3Tn.js";
-import { G as Re, a as Ue } from "./GlobalStyles-C081E6-3.js";
+import { G as Re, a as Ue } from "./GlobalStyles-B-kvfSIE.js";
 import { e as Me } from "./exactProp-C1Lmtwf_.js";
 import { D as qe } from "./DefaultPropsProvider-xtbK4i1d.js";
 const ee = /* @__PURE__ */ d.createContext(null);