@clearstory/drywall-react 4.2.4 → 4.3.0

package/dist/{Chip-teUQj1Br.js → Chip-1yVEJRUJ.js}

@@ -1,40 +1,45 @@
 import * as d from "react";
 import { P as a } from "./index-CyAhC1RZ.js";
-import { c as y } from "./clsx-OuTLNxxd.js";
-import { c as ao } from "./createSvgIcon-CE5_EBKI.js";
-import { jsx as S, jsxs as eo } from "react/jsx-runtime";
-import { m as ro } from "./memoTheme-D_KVIx9Z.js";
-import { c as k } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { g as lo, c as e } from "./chipClasses-C45yHx_l.js";
+import { c as $ } from "./clsx-OuTLNxxd.js";
+import { c as ao } from "./createSvgIcon-Bfm-cjVr.js";
+import { jsx as T, jsxs as eo } from "react/jsx-runtime";
+import { m as ro } from "./memoTheme-DKj-Vdvf.js";
+import { c as m } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { g as lo } from "./generateUtilityClasses-E9gROIFd.js";
+import { g as to } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as V } from "./useSlot-CoTIuujp.js";
-import { u as to } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { u as no } from "./useForkRef-9kN4DArm.js";
-import { B as j } from "./ButtonBase-Cs4TbfAo.js";
-import { s as K } from "./styled-SBTDGe0C.js";
-import { c as t } from "./createTheme-C8al1H6l.js";
-import { c as io } from "./composeClasses-2Ou-RZJr.js";
-import { u as co } from "./unsupportedProp-BuVD30Gh.js";
-const so = ao(/* @__PURE__ */ S("path", {
+import { u as no } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { u as io } from "./useForkRef-9kN4DArm.js";
+import { B as E } from "./ButtonBase-C2fJySxj.js";
+import { s as M } from "./styled-DeKjjxu7.js";
+import { h as t } from "./createTheme-DHUIafsh.js";
+import { c as co } from "./composeClasses-2Ou-RZJr.js";
+import { u as so } from "./unsupportedProp-BuVD30Gh.js";
+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"), po = (o) => {
+}), "Cancel");
+function uo(o) {
+  return to("MuiChip", 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,
     size: n,
     color: c,
     iconColor: g,
-    onDelete: f,
+    onDelete: u,
     clickable: s,
     variant: p
-  } = o, $ = {
-    root: ["root", p, r && "disabled", `size${t(n)}`, `color${t(c)}`, s && "clickable", s && `clickableColor${t(c)}`, f && "deletable", f && `deletableColor${t(c)}`, `${p}${t(c)}`],
+  } = o, C = {
+    root: ["root", p, r && "disabled", `size${t(n)}`, `color${t(c)}`, s && "clickable", s && `clickableColor${t(c)}`, u && "deletable", u && `deletableColor${t(c)}`, `${p}${t(c)}`],
     label: ["label", `label${t(n)}`],
     avatar: ["avatar", `avatar${t(n)}`, `avatarColor${t(c)}`],
     icon: ["icon", `icon${t(n)}`, `iconColor${t(g)}`],
     deleteIcon: ["deleteIcon", `deleteIcon${t(n)}`, `deleteIconColor${t(c)}`, `deleteIcon${t(p)}Color${t(c)}`]
   };
-  return io($, lo, l);
-}, fo = K("div", {
+  return co(C, uo, l);
+}, bo = M("div", {
   name: "MuiChip",
   slot: "Root",
   overridesResolver: (o, l) => {
@@ -44,7 +49,7 @@ const so = ao(/* @__PURE__ */ S("path", {
       color: n,
       iconColor: c,
       clickable: g,
-      onDelete: f,
+      onDelete: u,
       size: s,
       variant: p
     } = r;
@@ -68,7 +73,7 @@ const so = ao(/* @__PURE__ */ S("path", {
       [`& .${e.deleteIcon}`]: l[`deleteIconColor${t(n)}`]
     }, {
       [`& .${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)})`], f && l.deletable, f && n !== "default" && l[`deletableColor${t(n)}`], l[p], l[`${p}${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)}`]];
   }
 })(ro(({
   theme: o
@@ -157,7 +162,7 @@ const so = ao(/* @__PURE__ */ S("path", {
           marginLeft: -4
         }
       }
-    }, ...Object.entries(o.palette).filter(k(["contrastText"])).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(m(["contrastText"])).map(([r]) => ({
       props: {
         color: r
       },
@@ -194,7 +199,7 @@ const so = ao(/* @__PURE__ */ S("path", {
           backgroundColor: o.alpha((o.vars || o).palette.action.selected, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.focusOpacity}`)
         }
       }
-    }, ...Object.entries(o.palette).filter(k(["dark"])).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(m(["dark"])).map(([r]) => ({
       props: {
         color: r,
         onDelete: !0
@@ -222,7 +227,7 @@ const so = ao(/* @__PURE__ */ S("path", {
           boxShadow: (o.vars || o).shadows[1]
         }
       }
-    }, ...Object.entries(o.palette).filter(k(["dark"])).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(m(["dark"])).map(([r]) => ({
       props: {
         color: r,
         clickable: !0
@@ -264,7 +269,7 @@ const so = ao(/* @__PURE__ */ S("path", {
           marginRight: 3
         }
       }
-    }, ...Object.entries(o.palette).filter(k()).map(([r]) => ({
+    }, ...Object.entries(o.palette).filter(m()).map(([r]) => ({
       props: {
         variant: "outlined",
         color: r
@@ -287,7 +292,7 @@ const so = ao(/* @__PURE__ */ S("path", {
       }
     }))]
   };
-})), uo = K("span", {
+})), vo = M("span", {
   name: "MuiChip",
   slot: "Label",
   overridesResolver: (o, l) => {
@@ -331,97 +336,97 @@ const so = ao(/* @__PURE__ */ S("path", {
     }
   }]
 });
-function E(o) {
+function j(o) {
   return o.key === "Backspace" || o.key === "Delete";
 }
-const bo = /* @__PURE__ */ d.forwardRef(function(l, r) {
-  const n = to({
+const go = /* @__PURE__ */ d.forwardRef(function(l, r) {
+  const n = no({
     props: l,
     name: "MuiChip"
   }), {
     avatar: c,
     className: g,
-    clickable: f,
+    clickable: u,
     color: s = "default",
     component: p,
-    deleteIcon: $,
-    disabled: m = !1,
-    icon: C,
+    deleteIcon: C,
+    disabled: k = !1,
+    icon: y,
     label: F,
-    onClick: w,
-    onDelete: u,
-    onKeyDown: P,
+    onClick: R,
+    onDelete: f,
+    onKeyDown: w,
     onKeyUp: D,
-    size: U = "medium",
-    variant: B = "filled",
-    tabIndex: M,
-    skipFocusWhenDisabled: W = !1,
+    size: K = "medium",
+    variant: U = "filled",
+    tabIndex: W,
+    skipFocusWhenDisabled: B = !1,
     // TODO v6: Rename to `focusableWhenDisabled`.
     slots: H = {},
     slotProps: A = {},
     ..._
-  } = n, q = d.useRef(null), G = no(q, r), z = (i) => {
-    i.stopPropagation(), u && u(i);
+  } = n, q = d.useRef(null), G = io(q, r), z = (i) => {
+    i.stopPropagation(), f && f(i);
   }, J = (i) => {
-    i.currentTarget === i.target && E(i) && i.preventDefault(), P && P(i);
+    i.currentTarget === i.target && j(i) && i.preventDefault(), w && w(i);
   }, Q = (i) => {
-    i.currentTarget === i.target && u && E(i) && u(i), D && D(i);
-  }, x = f !== !1 && w ? !0 : f, I = x || u ? j : p || "div", T = {
+    i.currentTarget === i.target && f && j(i) && f(i), D && D(i);
+  }, I = u !== !1 && R ? !0 : u, S = I || f ? E : p || "div", x = {
     ...n,
-    component: I,
-    disabled: m,
-    size: U,
+    component: S,
+    disabled: k,
+    size: K,
     color: s,
-    iconColor: /* @__PURE__ */ d.isValidElement(C) && C.props.color || s,
-    onDelete: !!u,
-    clickable: x,
-    variant: B
-  }, v = po(T), X = I === j ? {
+    iconColor: /* @__PURE__ */ d.isValidElement(y) && y.props.color || s,
+    onDelete: !!f,
+    clickable: I,
+    variant: U
+  }, v = fo(x), X = S === E ? {
     component: p || "div",
     focusVisibleClassName: v.focusVisible,
-    ...u && {
+    ...f && {
       disableRipple: !0
     }
   } : {};
   let L = null;
-  u && (L = $ && /* @__PURE__ */ d.isValidElement($) ? /* @__PURE__ */ d.cloneElement($, {
-    className: y($.props.className, v.deleteIcon),
+  f && (L = C && /* @__PURE__ */ d.isValidElement(C) ? /* @__PURE__ */ d.cloneElement(C, {
+    className: $(C.props.className, v.deleteIcon),
     onClick: z
-  }) : /* @__PURE__ */ S(so, {
+  }) : /* @__PURE__ */ T(po, {
     className: v.deleteIcon,
     onClick: z
   }));
-  let O = null;
-  c && /* @__PURE__ */ d.isValidElement(c) && (O = /* @__PURE__ */ d.cloneElement(c, {
-    className: y(v.avatar, c.props.className)
+  let P = null;
+  c && /* @__PURE__ */ d.isValidElement(c) && (P = /* @__PURE__ */ d.cloneElement(c, {
+    className: $(v.avatar, c.props.className)
   }));
-  let R = null;
-  C && /* @__PURE__ */ d.isValidElement(C) && (R = /* @__PURE__ */ d.cloneElement(C, {
-    className: y(v.icon, C.props.className)
-  })), process.env.NODE_ENV !== "production" && O && R && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one.");
+  let O = null;
+  y && /* @__PURE__ */ d.isValidElement(y) && (O = /* @__PURE__ */ d.cloneElement(y, {
+    className: $(v.icon, y.props.className)
+  })), process.env.NODE_ENV !== "production" && P && O && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one.");
   const N = {
     slots: H,
     slotProps: A
   }, [Y, Z] = V("root", {
-    elementType: fo,
+    elementType: bo,
     externalForwardedProps: {
       ...N,
       ..._
     },
-    ownerState: T,
+    ownerState: x,
     // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
     shouldForwardComponentProp: !0,
     ref: G,
-    className: y(v.root, g),
+    className: $(v.root, g),
     additionalProps: {
-      disabled: x && m ? !0 : void 0,
-      tabIndex: W && m ? -1 : M,
+      disabled: I && k ? !0 : void 0,
+      tabIndex: B && k ? -1 : W,
       ...X
     },
     getSlotProps: (i) => ({
       ...i,
       onClick: (b) => {
-        i.onClick?.(b), w?.(b);
+        i.onClick?.(b), R?.(b);
       },
       onKeyDown: (b) => {
         i.onKeyDown?.(b), J(b);
@@ -431,21 +436,21 @@ const bo = /* @__PURE__ */ d.forwardRef(function(l, r) {
       }
     })
   }), [h, oo] = V("label", {
-    elementType: uo,
+    elementType: vo,
     externalForwardedProps: N,
-    ownerState: T,
+    ownerState: x,
     className: v.label
   });
   return /* @__PURE__ */ eo(Y, {
-    as: I,
+    as: S,
     ...Z,
-    children: [O || R, /* @__PURE__ */ S(h, {
+    children: [P || O, /* @__PURE__ */ T(h, {
       ...oo,
       children: F
     }), L]
   });
 });
-process.env.NODE_ENV !== "production" && (bo.propTypes = {
+process.env.NODE_ENV !== "production" && (go.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -458,7 +463,7 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: co,
+  children: so,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -564,5 +569,7 @@ process.env.NODE_ENV !== "production" && (bo.propTypes = {
   variant: a.oneOfType([a.oneOf(["filled", "outlined"]), a.string])
 });
 export {
-  bo as C
+  go as C,
+  e as c,
+  uo as g
 };

package/dist/{CircularProgress-CK8Z6nsP.js → CircularProgress-C_7Rtpvy.js}

@@ -1,14 +1,14 @@
 import * as O from "react";
 import { P as e } from "./index-CyAhC1RZ.js";
 import { c as N } from "./clsx-OuTLNxxd.js";
-import { m as v } from "./memoTheme-D_KVIx9Z.js";
+import { m as v } from "./memoTheme-DKj-Vdvf.js";
 import { c as j } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { g as R } from "./generateUtilityClass-BhfUaMgk.js";
 import { g as U } from "./generateUtilityClasses-E9gROIFd.js";
 import { jsx as y, jsxs as E } from "react/jsx-runtime";
 import { u as I } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as m } from "./styled-SBTDGe0C.js";
-import { c as l } from "./createTheme-C8al1H6l.js";
+import { s as m } from "./styled-DeKjjxu7.js";
+import { h as l } from "./createTheme-DHUIafsh.js";
 import { c as z } from "./composeClasses-2Ou-RZJr.js";
 import { c as w, k as T } from "./emotion-react.browser.esm-CvjRvNuP.js";
 import { c as F } from "./chainPropTypes-D9lkm76m.js";

package/dist/{Clear-Bnp01YyW.js → Clear-C5vTrJfH.js}

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

package/dist/{Close-DBCdaBsC.js → Close-B69TW6Mc.js}

@@ -1,4 +1,4 @@
-import { c as o } from "./createSvgIcon-CE5_EBKI.js";
+import { c as o } from "./createSvgIcon-Bfm-cjVr.js";
 import { jsx as r } from "react/jsx-runtime";
 const c = 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/{Close-DeDd1tSW.js → Close-DkPIVjsJ.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as r } from "./createSvgIcon-CE5_EBKI.js";
+import { c as r } from "./createSvgIcon-Bfm-cjVr.js";
 const c = r(/* @__PURE__ */ o("path", {
   d: "M19 6.41 17.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"
 }), "Close");

package/dist/{Collapse-DSDublNm.js → Collapse-B63vRxiY.js}

@@ -1,11 +1,11 @@
 import * as E from "react";
 import { c as U } from "./clsx-OuTLNxxd.js";
 import { P as e } from "./index-CyAhC1RZ.js";
-import { u as ue } from "./useTheme-BRcg8wFh.js";
+import { u as ue } from "./useTheme-rxhFY1gT.js";
 import { jsx as T } from "react/jsx-runtime";
-import { s as O } from "./styled-SBTDGe0C.js";
-import { m as de } from "./memoTheme-D_KVIx9Z.js";
-import { j as me } from "./createTheme-C8al1H6l.js";
+import { s as O } from "./styled-DeKjjxu7.js";
+import { m as de } from "./memoTheme-DKj-Vdvf.js";
+import { j as me } from "./createTheme-DHUIafsh.js";
 import { T as fe, g as V } from "./utils-CAuCuXQr.js";
 import { u as b } from "./useSlot-CoTIuujp.js";
 import { g as he } from "./generateUtilityClasses-E9gROIFd.js";

package/dist/{CssBaseline-CqWMIWyO.js → CssBaseline-BjgTSNJ-.js}

@@ -1,6 +1,6 @@
 import * as m from "react";
 import { P as p } from "./index-CyAhC1RZ.js";
-import { g as S } from "./index-CSb2qOUI.js";
+import { g as S } from "./index-B_Px1R6r.js";
 import { jsxs as b, jsx as d } from "react/jsx-runtime";
 import { u as y } from "./DefaultPropsProvider-Hks9kyHW.js";
 const n = typeof S({}) == "function", u = (o, e) => ({