@clearstory/drywall-react 4.1.1 → 4.1.3

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

@@ -1,29 +1,30 @@
 import * as i from "react";
-import { c as Rt, r as fe } from "./createTheme-B1FDFl52.js";
+import { r as fe } from "./createTheme-C8al1H6l.js";
 import { P as t } from "./index-CyAhC1RZ.js";
 import { c as L } from "./clsx-OuTLNxxd.js";
-import { u as Nt } from "./index-D2IRntbh.js";
-import { u as pe } from "./useTheme-DAG00iEG.js";
+import { u as Rt } from "./index-D2IRntbh.js";
+import { u as pe } from "./useTheme-BRcg8wFh.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 { s as A } from "./styled-SBTDGe0C.js";
+import { m as Nt } from "./memoTheme-D_KVIx9Z.js";
 import { u as be } from "./useEnhancedEffect-CJGo-L3B.js";
-import { d as jt } from "./debounce-46wSf_lW.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 { 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-Hks9kyHW.js";
-import { u as J } from "./useSlotProps-D0I_wOtk.js";
+import { u as J } from "./useSlotProps-DzlqyROF.js";
 import { u as lt } from "./useEventCallback-BAQJJ3ye.js";
-import { K as me, a as he } from "./KeyboardArrowRight-ywXLVR_a.js";
+import { K as me, a as he } from "./KeyboardArrowRight-BeJOYZQI.js";
 import { c as At } from "./composeClasses-2Ou-RZJr.js";
-import { B as Se } from "./ButtonBase-D2KI3JHl.js";
+import { B as Se } from "./ButtonBase-Cs4TbfAo.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 Be(o, r, c, u = {}, a = () => {
+function Be(o, r, a, u = {}, c = () => {
 }) {
   const {
     ease: f = Te,
@@ -37,20 +38,20 @@ function Be(o, r, c, u = {}, a = () => {
     C = !0;
   }, O = (v) => {
     if (C) {
-      a(new Error("Animation cancelled"));
+      c(new Error("Animation cancelled"));
       return;
     }
     b === null && (b = v);
     const x = Math.min(1, (v - b) / p);
-    if (r[o] = f(x) * (c - m) + m, x >= 1) {
+    if (r[o] = f(x) * (a - m) + m, x >= 1) {
       requestAnimationFrame(() => {
-        a(null);
+        c(null);
       });
       return;
     }
     requestAnimationFrame(O);
   };
-  return m === c ? (a(new Error("Element already at target position")), I) : (requestAnimationFrame(O), I);
+  return m === a ? (c(new Error("Element already at target position")), I) : (requestAnimationFrame(O), I);
 }
 const ge = {
   width: 99,
@@ -62,15 +63,15 @@ const ge = {
 function Ft(o) {
   const {
     onChange: r,
-    ...c
-  } = o, u = i.useRef(), a = i.useRef(null), f = () => {
-    u.current = a.current.offsetHeight - a.current.clientHeight;
+    ...a
+  } = o, u = i.useRef(), c = i.useRef(null), f = () => {
+    u.current = c.current.offsetHeight - c.current.clientHeight;
   };
   return be(() => {
-    const p = jt(() => {
+    const p = zt(() => {
       const m = u.current;
       f(), m !== u.current && r(u.current);
-    }), b = kt(a.current);
+    }), b = jt(c.current);
     return b.addEventListener("resize", p), () => {
       p.clear(), b.removeEventListener("resize", p);
     };
@@ -78,33 +79,33 @@ function Ft(o) {
     f(), r(u.current);
   }, [r]), /* @__PURE__ */ w("div", {
     style: ge,
-    ...c,
-    ref: a
+    ...a,
+    ref: c
   });
 }
 process.env.NODE_ENV !== "production" && (Ft.propTypes = {
   onChange: t.func.isRequired
 });
 function we(o) {
-  return Rt("MuiTabScrollButton", o);
+  return Dt("MuiTabScrollButton", o);
 }
-const Ie = Dt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Ee = (o) => {
+const Ie = kt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), Ee = (o) => {
   const {
     classes: r,
-    orientation: c,
+    orientation: a,
     disabled: u
   } = o;
   return At({
-    root: ["root", c, u && "disabled"]
+    root: ["root", a, u && "disabled"]
   }, we, r);
 }, Ce = A(Se, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (o, r) => {
     const {
-      ownerState: c
+      ownerState: a
     } = o;
-    return [r.root, c.orientation && r[c.orientation]];
+    return [r.root, a.orientation && r[a.orientation]];
   }
 })({
   width: 40,
@@ -125,19 +126,19 @@ const Ie = Dt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
       }
     }
   }]
-}), Ht = /* @__PURE__ */ i.forwardRef(function(r, c) {
+}), Ht = /* @__PURE__ */ i.forwardRef(function(r, a) {
   const u = Lt({
     props: r,
     name: "MuiTabScrollButton"
   }), {
-    className: a,
+    className: c,
     slots: f = {},
     slotProps: p = {},
     direction: b,
     orientation: m,
     disabled: C,
     ...I
-  } = u, O = Nt(), v = {
+  } = u, O = Rt(), v = {
     isRtl: O,
     ...u
   }, x = Ee(v), X = f.StartScrollButtonIcon ?? me, K = f.EndScrollButtonIcon ?? he, T = J({
@@ -147,7 +148,7 @@ const Ie = Dt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
       fontSize: "small"
     },
     ownerState: v
-  }), ct = J({
+  }), at = J({
     elementType: K,
     externalSlotProps: p.endScrollButtonIcon,
     additionalProps: {
@@ -157,8 +158,8 @@ const Ie = Dt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
   });
   return /* @__PURE__ */ w(Ce, {
     component: "div",
-    className: L(x.root, a),
-    ref: c,
+    className: L(x.root, c),
+    ref: a,
     role: null,
     ownerState: v,
     tabIndex: null,
@@ -172,7 +173,7 @@ const Ie = Dt("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled
     children: b === "left" ? /* @__PURE__ */ w(X, {
       ...T
     }) : /* @__PURE__ */ w(K, {
-      ...ct
+      ...at
     })
   });
 });
@@ -233,30 +234,30 @@ 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 Oe(o) {
-  return Rt("MuiTabs", o);
+  return Dt("MuiTabs", o);
 }
-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) {
+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);
+  for (; c; ) {
+    if (c === o.firstChild) {
       if (u)
         return;
       u = !0;
     }
-    const f = a.disabled || a.getAttribute("aria-disabled") === "true";
-    if (!a.hasAttribute("tabindex") || f)
-      a = c(o, a);
+    const f = c.disabled || c.getAttribute("aria-disabled") === "true";
+    if (!c.hasAttribute("tabindex") || f)
+      c = a(o, c);
     else {
-      a.focus();
+      c.focus();
       return;
     }
   }
 }, xe = (o) => {
   const {
     vertical: r,
-    fixed: c,
+    fixed: a,
     hideScrollbar: u,
-    scrollableX: a,
+    scrollableX: c,
     scrollableY: f,
     centered: p,
     scrollButtonsHideMobile: b,
@@ -264,11 +265,11 @@ const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   } = o;
   return At({
     root: ["root", r && "vertical"],
-    scroller: ["scroller", c && "fixed", u && "hideScrollbar", a && "scrollableX", f && "scrollableY"],
+    scroller: ["scroller", a && "fixed", u && "hideScrollbar", c && "scrollableX", f && "scrollableY"],
     list: ["list", "flexContainer", r && "flexContainerVertical", r && "vertical", p && "centered"],
     indicator: ["indicator"],
     scrollButtons: ["scrollButtons", b && "scrollButtonsHideMobile"],
-    scrollableX: [a && "scrollableX"],
+    scrollableX: [c && "scrollableX"],
     hideScrollbar: [u && "hideScrollbar"]
   }, Oe, m);
 }, Me = A("div", {
@@ -276,15 +277,15 @@ const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   slot: "Root",
   overridesResolver: (o, r) => {
     const {
-      ownerState: c
+      ownerState: a
     } = o;
     return [{
       [`& .${st.scrollButtons}`]: r.scrollButtons
     }, {
-      [`& .${st.scrollButtons}`]: c.scrollButtonsHideMobile && r.scrollButtonsHideMobile
-    }, r.root, c.vertical && r.vertical];
+      [`& .${st.scrollButtons}`]: a.scrollButtonsHideMobile && r.scrollButtonsHideMobile
+    }, r.root, a.vertical && r.vertical];
   }
-})(zt(({
+})(Nt(({
   theme: o
 }) => ({
   overflow: "hidden",
@@ -316,9 +317,9 @@ const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   slot: "Scroller",
   overridesResolver: (o, r) => {
     const {
-      ownerState: c
+      ownerState: a
     } = o;
-    return [r.scroller, c.fixed && r.fixed, c.hideScrollbar && r.hideScrollbar, c.scrollableX && r.scrollableX, c.scrollableY && r.scrollableY];
+    return [r.scroller, a.fixed && r.fixed, a.hideScrollbar && r.hideScrollbar, a.scrollableX && r.scrollableX, a.scrollableY && r.scrollableY];
   }
 })({
   position: "relative",
@@ -368,9 +369,9 @@ const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   slot: "List",
   overridesResolver: (o, r) => {
     const {
-      ownerState: c
+      ownerState: a
     } = o;
-    return [r.list, r.flexContainer, c.vertical && r.flexContainerVertical, c.centered && r.centered];
+    return [r.list, r.flexContainer, a.vertical && r.flexContainerVertical, a.centered && r.centered];
   }
 })({
   display: "flex",
@@ -392,7 +393,7 @@ const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
 }), Ne = A("span", {
   name: "MuiTabs",
   slot: "Indicator"
-})(zt(({
+})(Nt(({
   theme: o
 }) => ({
   position: "absolute",
@@ -436,11 +437,11 @@ const st = Dt("MuiTabs", ["root", "vertical", "list", "flexContainer", "flexCont
   }
 }), Mt = {};
 let Pt = !1;
-const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
+const je = /* @__PURE__ */ i.forwardRef(function(r, a) {
   const u = Lt({
     props: r,
     name: "MuiTabs"
-  }), a = pe(), f = Nt(), {
+  }), c = pe(), f = Rt(), {
     "aria-label": p,
     "aria-labelledby": b,
     action: m,
@@ -452,13 +453,13 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
     indicatorColor: X = "primary",
     onChange: K,
     orientation: T = "horizontal",
-    ScrollButtonComponent: ct,
+    ScrollButtonComponent: at,
     // TODO: remove in v7 (deprecated in v6)
     scrollButtons: z = "auto",
     selectionFollowsFocus: Vt,
     slots: M = {},
     slotProps: Q = {},
-    TabIndicatorProps: at = {},
+    TabIndicatorProps: ct = {},
     // TODO: remove in v7 (deprecated in v6)
     TabScrollButtonProps: it = {},
     // TODO: remove in v7 (deprecated in v6)
@@ -500,7 +501,7 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
   }), $ = /* @__PURE__ */ new Map(), g = i.useRef(null), R = i.useRef(null), k = {
     slots: M,
     slotProps: {
-      indicator: at,
+      indicator: ct,
       scrollButton: it,
       ...Q
     }
@@ -557,7 +558,7 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
     animation: n = !0
   } = {}) => {
     n ? Be(F, g.current, e, {
-      duration: a.transitions.duration.standard
+      duration: c.transitions.duration.standard
     }) : g.current[F] = e;
   }, vt = (e) => {
     let n = g.current[F];
@@ -649,7 +650,7 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
     h && z !== !1 && _t(!mt);
   });
   i.useEffect(() => {
-    const e = jt(() => {
+    const e = zt(() => {
       g.current && V();
     });
     let n;
@@ -661,7 +662,7 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
           n?.observe(W);
         });
       }), e(), _();
-    }, s = kt(g.current);
+    }, s = jt(g.current);
     s.addEventListener("resize", e);
     let d;
     return typeof ResizeObserver < "u" && (n = new ResizeObserver(e), Array.from(R.current.children).forEach((y) => {
@@ -699,7 +700,7 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
     updateScrollButtons: _
   }), [V, _]);
   const [oe, re] = D("indicator", {
-    className: L(E.indicator, at.className),
+    className: L(E.indicator, ct.className),
     elementType: Ne,
     externalForwardedProps: k,
     ownerState: B,
@@ -751,8 +752,8 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
         e.preventDefault(), G(n, null, xt);
         break;
     }
-  }, rt = ee(), [se, ce] = D("root", {
-    ref: c,
+  }, rt = ee(), [se, ae] = D("root", {
+    ref: a,
     className: L(E.root, O),
     elementType: Me,
     externalForwardedProps: {
@@ -761,7 +762,7 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
       component: v
     },
     ownerState: B
-  }), [ae, ie] = D("scroller", {
+  }), [ce, ie] = D("scroller", {
     ref: g,
     className: E.scroller,
     elementType: Pe,
@@ -787,8 +788,8 @@ const je = /* @__PURE__ */ i.forwardRef(function(r, c) {
     })
   });
   return /* @__PURE__ */ Ct(se, {
-    ...ce,
-    children: [rt.scrollButtonStart, rt.scrollbarSizeListener, /* @__PURE__ */ Ct(ae, {
+    ...ae,
+    children: [rt.scrollButtonStart, rt.scrollbarSizeListener, /* @__PURE__ */ Ct(ce, {
       ...ie,
       children: [/* @__PURE__ */ w(ue, {
         "aria-label": p,

package/dist/{ThemeProviderWithVars-Dkq81Wx8.js → ThemeProviderWithVars-5x9PPela.js}

@@ -1,13 +1,13 @@
-import * as d from "react";
-import { f as Ve, y as Le, s as Pe } from "./createTheme-B1FDFl52.js";
+import { f as Ve, x as Le, s as Pe } from "./createTheme-C8al1H6l.js";
 import { a as je, T as Ie } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import { P as s } from "./index-CyAhC1RZ.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-D2IRntbh.js";
-import { a as Ee } from "./useTheme-zuIKvOcV.js";
+import { a as Ee } from "./useTheme-Ixs7c498.js";
 import { u as Ke } from "./useId-CK6Kn3Tn.js";
-import { G as Re, a as Ue } from "./GlobalStyles-BK9ZVXgm.js";
+import { G as Re, a as Ue } from "./GlobalStyles-BdRA9CMx.js";
 import { e as Me } from "./exactProp-C1Lmtwf_.js";
 import { D as qe } from "./DefaultPropsProvider-972kdsvD.js";
 const ee = /* @__PURE__ */ d.createContext(null);
@@ -158,7 +158,7 @@ function Be(o) {
     g += `${u}.classList.remove('${S}'.replace('%s', light), '${S}'.replace('%s', dark));
       ${u}.classList.add('${S}'.replace('%s', colorScheme));`;
   }
-  const v = p.match(/\[([^\]]+)\]/);
+  const v = p.match(/\[([^[\]]+)\]/);
   if (v) {
     const [S, y] = v[1].split("=");
     y || (g += `${u}.removeAttribute('${S}'.replace('%s', light));
@@ -557,7 +557,7 @@ function eo(o) {
     modeStorageKey: s.string,
     /**
      * If `true`, the mode will be the same value as the storage without an extra rerendering after the hydration.
-     * You should use this option in conjuction with `InitColorSchemeScript` component.
+     * You should use this option in conjunction with `InitColorSchemeScript` component.
      */
     noSsr: s.bool,
     /**

package/dist/{ToggleButton-BoIRPL6Y.js → ToggleButton-Bxt1wAl-.js}

@@ -1,16 +1,16 @@
 import * as u from "react";
 import { P as a } from "./index-CyAhC1RZ.js";
 import { c as S } from "./clsx-OuTLNxxd.js";
-import { m as j } from "./memoTheme-CCudmmpb.js";
-import { c as m } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { T as w, a as W, g as V, t as f } from "./ToggleButtonGroupButtonContext-BgZ0ZVmu.js";
+import { m } from "./memoTheme-D_KVIx9Z.js";
+import { c as w } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { T as j, a as W, g as V, t as f } from "./ToggleButtonGroupButtonContext-DhmFd9i-.js";
 import { jsx as D } from "react/jsx-runtime";
 import { r as F } from "./DefaultPropsProvider-972kdsvD.js";
 import { u as G } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as A } from "./styled-D8CtiDxW.js";
-import { j as C } from "./createTheme-B1FDFl52.js";
+import { s as A } from "./styled-SBTDGe0C.js";
+import { c as C } from "./createTheme-C8al1H6l.js";
 import { c as E } from "./composeClasses-2Ou-RZJr.js";
-import { B as M } from "./ButtonBase-D2KI3JHl.js";
+import { B as M } from "./ButtonBase-Cs4TbfAo.js";
 function U(o, s) {
   return s === void 0 || o === void 0 ? !1 : Array.isArray(s) ? s.includes(o) : o === s;
 }
@@ -35,7 +35,7 @@ const q = (o) => {
     } = o;
     return [s.root, s[`size${C(r.size)}`]];
   }
-})(j(({
+})(m(({
   theme: o
 }) => ({
   ...o.typography.button,
@@ -72,7 +72,7 @@ const q = (o) => {
         }
       }
     }
-  }, ...Object.entries(o.palette).filter(m()).map(([s]) => ({
+  }, ...Object.entries(o.palette).filter(w()).map(([s]) => ({
     props: {
       color: s
     },
@@ -117,7 +117,7 @@ const q = (o) => {
   const {
     value: l,
     ...t
-  } = u.useContext(w), n = u.useContext(W), i = F({
+  } = u.useContext(j), n = u.useContext(W), i = F({
     ...t,
     selected: U(s.value, l)
   }, s), e = G({