@clearstory/drywall-react 2.2.0 → 2.3.0

package/dist/{Chip-Dald_f2Y.js → Chip-BzXGbbX1.js}

@@ -1,25 +1,26 @@
 import * as d from "react";
-import { c as ao, j as t, P as a } from "./createTheme-D79OrE1w.js";
+import { P as a } from "./index-CyAhC1RZ.js";
 import { c as $ } from "./clsx-OuTLNxxd.js";
-import { c as eo } from "./createSvgIcon-D1SROVbP.js";
-import { jsx as T, jsxs as ro } from "react/jsx-runtime";
-import { m as lo } from "./memoTheme-DqlI3JW3.js";
+import { c as ao } from "./createSvgIcon-DHWmMfd-.js";
+import { jsx as T, jsxs as eo } from "react/jsx-runtime";
+import { m as ro } from "./memoTheme-R-LnLD8I.js";
 import { c as m } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as to } from "./generateUtilityClasses-CwzvHfCm.js";
+import { g as lo } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as to, j as t } from "./createTheme-BnGUhbht.js";
 import { u as V } from "./useSlot-BVGwJA4b.js";
-import { u as no } from "./DefaultPropsProvider-PBxTVeaD.js";
+import { u as no } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as io } from "./useForkRef-9kN4DArm.js";
-import { B as j } from "./ButtonBase-t_kdVaqI.js";
-import { s as M } from "./styled-bJ6DXD3Z.js";
+import { B as j } from "./ButtonBase-COzHF9dg.js";
+import { s as M } from "./styled-fvngWWLy.js";
 import { c as co } from "./composeClasses-2Ou-RZJr.js";
 import { u as so } from "./unsupportedProp-BuVD30Gh.js";
-const po = eo(/* @__PURE__ */ T("path", {
+const po = ao(/* @__PURE__ */ T("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"
 }), "Cancel");
 function uo(o) {
-  return ao("MuiChip", o);
+  return to("MuiChip", o);
 }
-const e = to("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), fo = (o) => {
+const e = lo("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), fo = (o) => {
   const {
     classes: l,
     disabled: r,
@@ -73,7 +74,7 @@ const e = to("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "col
       [`& .${e.deleteIcon}`]: l[`deleteIcon${t(p)}Color${t(n)}`]
     }, l.root, l[`size${t(s)}`], l[`color${t(n)}`], g && l.clickable, g && n !== "default" && l[`clickableColor${t(n)})`], u && l.deletable, u && n !== "default" && l[`deletableColor${t(n)}`], l[p], l[`${p}${t(n)}`]];
   }
-})(lo(({
+})(ro(({
   theme: o
 }) => {
   const l = o.palette.mode === "light" ? o.palette.grey[700] : o.palette.grey[300];
@@ -439,7 +440,7 @@ const go = /* @__PURE__ */ d.forwardRef(function(l, r) {
     ownerState: x,
     className: v.label
   });
-  return /* @__PURE__ */ ro(Y, {
+  return /* @__PURE__ */ eo(Y, {
     as: S,
     ...Z,
     children: [P || O, /* @__PURE__ */ T(h, {

package/dist/{CircularProgress-CjDaz1a_.js → CircularProgress-CE-gUslP.js}

@@ -1,19 +1,20 @@
 import * as O from "react";
-import { c as T, j as c, P as r } from "./createTheme-D79OrE1w.js";
-import { c as j } from "./clsx-OuTLNxxd.js";
-import { m as P } from "./memoTheme-DqlI3JW3.js";
-import { c as N } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as R } from "./generateUtilityClasses-CwzvHfCm.js";
+import { P as r } from "./index-CyAhC1RZ.js";
+import { c as T } from "./clsx-OuTLNxxd.js";
+import { m as P } from "./memoTheme-R-LnLD8I.js";
+import { c as j } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { c as N, j as c } from "./createTheme-BnGUhbht.js";
+import { g as R } from "./generateUtilityClasses-njw3KdKN.js";
 import { jsx as h } from "react/jsx-runtime";
-import { u as U } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { s as v } from "./styled-bJ6DXD3Z.js";
+import { u as U } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as v } from "./styled-fvngWWLy.js";
 import { c as E } from "./composeClasses-2Ou-RZJr.js";
-import { c as x, k as w } from "./emotion-react.browser.esm-CNRN7WoC.js";
+import { c as x, k as w } from "./emotion-react.browser.esm-VKtuqypl.js";
 import { c as I } from "./chainPropTypes-D9lkm76m.js";
 function z(e) {
-  return T("MuiCircularProgress", e);
+  return N("MuiCircularProgress", e);
 }
-const tr = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y = w`
+const sr = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]), a = 44, y = w`
   0% {
     transform: rotate(0deg);
   }
@@ -79,7 +80,7 @@ const tr = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "co
     style: F || {
       animation: `${y} 1.4s linear infinite`
     }
-  }, ...Object.entries(e.palette).filter(N()).map(([t]) => ({
+  }, ...Object.entries(e.palette).filter(j()).map(([t]) => ({
     props: {
       color: t
     },
@@ -160,7 +161,7 @@ const tr = R("MuiCircularProgress", ["root", "determinate", "indeterminate", "co
     d.strokeDasharray = S.toFixed(3), C["aria-valuenow"] = Math.round(f), d.strokeDashoffset = `${((100 - f) / 100 * S).toFixed(3)}px`, b.transform = "rotate(-90deg)";
   }
   return /* @__PURE__ */ h(K, {
-    className: j(u.root, l),
+    className: T(u.root, l),
     style: {
       width: p,
       height: p,
@@ -250,6 +251,6 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
 });
 export {
   W as C,
-  tr as c,
+  sr as c,
   z as g
 };

package/dist/{Clear-Cp_Sfbwo.js → Clear-ABzw_mBN.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "./createSvgIcon-D1SROVbP.js";
+import { c as r } from "./createSvgIcon-DHWmMfd-.js";
 const c = r(/* @__PURE__ */ o("path", {
   d: "m7 10 5 5 5-5z"
 }), "ArrowDropDown"), n = r(/* @__PURE__ */ o("path", {

package/dist/ClickAwayListener-BhNP8Zmy.js

@@ -0,0 +1,104 @@
+import * as o from "react";
+import { P as f } from "./index-CyAhC1RZ.js";
+import { u as C } from "./useForkRef-9kN4DArm.js";
+import { g as w } from "./getReactElementRef-DA-Xf2PF.js";
+import { u as L } from "./useEventCallback-BAQJJ3ye.js";
+import { o as h } from "./ownerDocument-CUrv0DIK.js";
+import { e as g } from "./elementAcceptingRef-C0N4y82j.js";
+import { e as b } from "./exactProp-C1Lmtwf_.js";
+function T(c) {
+  return c.substring(2).toLowerCase();
+}
+function D(c, s) {
+  return s.documentElement.clientWidth < c.clientX || s.documentElement.clientHeight < c.clientY;
+}
+function v(c) {
+  const {
+    children: s,
+    disableReactTree: y = !1,
+    mouseEvent: i = "onClick",
+    onClickAway: P,
+    touchEvent: u = "onTouchEnd"
+  } = c, l = o.useRef(!1), r = o.useRef(null), d = o.useRef(!1), m = o.useRef(!1);
+  o.useEffect(() => (setTimeout(() => {
+    d.current = !0;
+  }, 0), () => {
+    d.current = !1;
+  }), []);
+  const k = C(w(s), r), a = L((e) => {
+    const n = m.current;
+    m.current = !1;
+    const t = h(r.current);
+    if (!d.current || !r.current || "clientX" in e && D(e, t))
+      return;
+    if (l.current) {
+      l.current = !1;
+      return;
+    }
+    let E;
+    e.composedPath ? E = e.composedPath().includes(r.current) : E = !t.documentElement.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      e.target
+    ) || r.current.contains(
+      // @ts-expect-error returns `false` as intended when not dispatched from a Node
+      e.target
+    ), !E && (y || !n) && P(e);
+  }), R = (e) => (n) => {
+    m.current = !0;
+    const t = s.props[e];
+    t && t(n);
+  }, p = {
+    ref: k
+  };
+  return u !== !1 && (p[u] = R(u)), o.useEffect(() => {
+    if (u !== !1) {
+      const e = T(u), n = h(r.current), t = () => {
+        l.current = !0;
+      };
+      return n.addEventListener(e, a), n.addEventListener("touchmove", t), () => {
+        n.removeEventListener(e, a), n.removeEventListener("touchmove", t);
+      };
+    }
+  }, [a, u]), i !== !1 && (p[i] = R(i)), o.useEffect(() => {
+    if (i !== !1) {
+      const e = T(i), n = h(r.current);
+      return n.addEventListener(e, a), () => {
+        n.removeEventListener(e, a);
+      };
+    }
+  }, [a, i]), /* @__PURE__ */ o.cloneElement(s, p);
+}
+process.env.NODE_ENV !== "production" && (v.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The wrapped element.
+   */
+  children: g.isRequired,
+  /**
+   * If `true`, the React tree is ignored and only the DOM tree is considered.
+   * This prop changes how portaled elements are handled.
+   * @default false
+   */
+  disableReactTree: f.bool,
+  /**
+   * The mouse event to listen to. You can disable the listener by providing `false`.
+   * @default 'onClick'
+   */
+  mouseEvent: f.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: f.func.isRequired,
+  /**
+   * The touch event to listen to. You can disable the listener by providing `false`.
+   * @default 'onTouchEnd'
+   */
+  touchEvent: f.oneOf(["onTouchEnd", "onTouchStart", !1])
+});
+process.env.NODE_ENV !== "production" && (v.propTypes = b(v.propTypes));
+export {
+  v as C
+};

package/dist/{Close-CXMaN7wz.js → Close-sCOhjzLZ.js}

@@ -1,5 +1,5 @@
 import "react";
-import { c as o } from "./createSvgIcon-D1SROVbP.js";
+import { c as o } from "./createSvgIcon-DHWmMfd-.js";
 import { jsx as r } from "react/jsx-runtime";
 const e = o(/* @__PURE__ */ r("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"

package/dist/{Collapse-Dled_24V.js → Collapse-54fTKYrR.js}

@@ -1,19 +1,20 @@
 import * as w from "react";
 import { c as Z } from "./clsx-OuTLNxxd.js";
-import { c as tt, n as et, P as t } from "./createTheme-D79OrE1w.js";
-import { u as nt } from "./useTheme-BB-P11R3.js";
+import { P as t } from "./index-CyAhC1RZ.js";
+import { u as tt } from "./useTheme-CbsaMxqD.js";
 import { jsx as T } from "react/jsx-runtime";
-import { s as R } from "./styled-bJ6DXD3Z.js";
-import { m as ot } from "./memoTheme-DqlI3JW3.js";
-import { T as it, g as H } from "./utils-OCLAA0Ck.js";
-import { g as rt } from "./generateUtilityClasses-CwzvHfCm.js";
-import { u as st } from "./DefaultPropsProvider-PBxTVeaD.js";
+import { s as R } from "./styled-fvngWWLy.js";
+import { m as et } from "./memoTheme-R-LnLD8I.js";
+import { c as nt, n as ot } from "./createTheme-BnGUhbht.js";
+import { T as it, g as H } from "./utils-CAuCuXQr.js";
+import { g as rt } from "./generateUtilityClasses-njw3KdKN.js";
+import { u as st } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as at } from "./useTimeout-DRd4LBXb.js";
 import { u as lt } from "./useForkRef-9kN4DArm.js";
 import { c as pt } from "./composeClasses-2Ou-RZJr.js";
-import { e as ct } from "./elementTypeAcceptingRef-CnEbk7Q_.js";
+import { e as ct } from "./elementTypeAcceptingRef-B2d5_Vhf.js";
 function ut(r) {
-  return tt("MuiCollapse", r);
+  return nt("MuiCollapse", r);
 }
 rt("MuiCollapse", ["root", "horizontal", "vertical", "entered", "hidden", "wrapper", "wrapperInner"]);
 const dt = (r) => {
@@ -37,7 +38,7 @@ const dt = (r) => {
     } = r;
     return [n.root, n[s.orientation], s.state === "entered" && n.entered, s.state === "exited" && !s.in && s.collapsedSize === "0px" && n.hidden];
   }
-})(ot(({
+})(et(({
   theme: r
 }) => ({
   height: 0,
@@ -126,7 +127,7 @@ const dt = (r) => {
     onExiting: P,
     orientation: j = "vertical",
     style: z,
-    timeout: a = et.standard,
+    timeout: a = ot.standard,
     // eslint-disable-next-line react/prop-types
     TransitionComponent: _ = it,
     ...k
@@ -134,7 +135,7 @@ const dt = (r) => {
     ...f,
     orientation: j,
     collapsedSize: h
-  }, c = dt(g), A = nt(), q = at(), l = w.useRef(null), C = w.useRef(), y = typeof h == "number" ? `${h}px` : h, u = j === "horizontal", d = u ? "width" : "height", E = w.useRef(null), B = lt(s, E), p = (e) => (o) => {
+  }, c = dt(g), A = tt(), q = at(), l = w.useRef(null), C = w.useRef(), y = typeof h == "number" ? `${h}px` : h, u = j === "horizontal", d = u ? "width" : "height", E = w.useRef(null), B = lt(s, E), p = (e) => (o) => {
     if (e) {
       const i = E.current;
       o === void 0 ? e(i) : e(i, o);

package/dist/{CssBaseline-B8z8Y0X2.js → CssBaseline-dhNsGT6h.js}

@@ -1,8 +1,8 @@
 import * as m from "react";
-import { P as p } from "./createTheme-D79OrE1w.js";
-import { g as S } from "./index-RvUJzkTI.js";
+import { P as p } from "./index-CyAhC1RZ.js";
+import { g as S } from "./index-De_dzPp4.js";
 import { jsxs as b, jsx as d } from "react/jsx-runtime";
-import { u as y } from "./DefaultPropsProvider-PBxTVeaD.js";
+import { u as y } from "./DefaultPropsProvider-Hks9kyHW.js";
 const n = typeof S({}) == "function", u = (o, e) => ({
   WebkitFontSmoothing: "antialiased",
   // Antialiasing.