@clearstory/drywall-react 4.2.4 → 5.0.0

package/dist/{Avatar-By-aMv28.js → Avatar-CyKty5CU.js}

@@ -1,14 +1,14 @@
 import * as b from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as O } from "./clsx-OuTLNxxd.js";
-import { m as N } from "./memoTheme-D_KVIx9Z.js";
-import { c as M } from "./createSvgIcon-CE5_EBKI.js";
+import { m as N } from "./memoTheme-BWS_82XE.js";
+import { c as M } from "./createSvgIcon-BSvHnj9_.js";
 import { jsx as u } from "react/jsx-runtime";
 import { g as z } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as U } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as y } from "./useSlot-CoTIuujp.js";
 import { u as q } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as h } from "./styled-SBTDGe0C.js";
+import { s as h } from "./styled-BGhco0UA.js";
 import { c as E } from "./composeClasses-2Ou-RZJr.js";
 const L = M(/* @__PURE__ */ u("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"

package/dist/{AvatarGroup-B9R2KeDi.js → AvatarGroup-BInG92qO.js}

@@ -1,15 +1,15 @@
 import * as i from "react";
 import { P as a } from "./index-CyAhC1RZ.js";
-import { r as U } from "./createTheme-C8al1H6l.js";
+import { r as U } from "./createTheme-DHUIafsh.js";
 import { c as T } from "./clsx-OuTLNxxd.js";
-import { m as R } from "./memoTheme-D_KVIx9Z.js";
+import { m as R } from "./memoTheme-BWS_82XE.js";
 import { g as $ } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as D } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as I } from "./useSlot-CoTIuujp.js";
 import { jsxs as V, jsx as F } from "react/jsx-runtime";
 import { u as q } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { A as L, a as _ } from "./Avatar-By-aMv28.js";
-import { s as k } from "./styled-SBTDGe0C.js";
+import { A as L, a as _ } from "./Avatar-CyKty5CU.js";
+import { s as k } from "./styled-BGhco0UA.js";
 import { c as z } from "./composeClasses-2Ou-RZJr.js";
 import { c as B } from "./chainPropTypes-D9lkm76m.js";
 function H(r) {

package/dist/{Backdrop-CNKXfinV.js → Backdrop-ChSlSuYH.js}

@@ -6,8 +6,8 @@ import { g as w } from "./generateUtilityClass-BhfUaMgk.js";
 import { g as N } from "./generateUtilityClasses-E9gROIFd.js";
 import { jsx as c } from "react/jsx-runtime";
 import { u as D } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as M } from "./styled-SBTDGe0C.js";
-import { F as U } from "./Fade-BkDpgBI1.js";
+import { s as M } from "./styled-BGhco0UA.js";
+import { F as U } from "./Fade-A_UchBOH.js";
 import { c as F } from "./composeClasses-2Ou-RZJr.js";
 function E(t) {
   return w("MuiBackdrop", t);

package/dist/{Badge-I9F5BedB.js → Badge-B7ezRJwv.js}

@@ -2,15 +2,15 @@ import * as Q from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as S } from "./clsx-OuTLNxxd.js";
 import { u as N } from "./usePreviousProps-7NDRTUOj.js";
-import { m as X } from "./memoTheme-D_KVIx9Z.js";
+import { m as X } from "./memoTheme-BWS_82XE.js";
 import { c as Y } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { g as w } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as rr } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as j } from "./useSlot-CoTIuujp.js";
 import { jsxs as or, jsx as ar } from "react/jsx-runtime";
 import { u as tr } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as F } from "./styled-SBTDGe0C.js";
-import { c as n } from "./createTheme-C8al1H6l.js";
+import { s as F } from "./styled-BGhco0UA.js";
+import { h as n } from "./createTheme-DHUIafsh.js";
 import { c as nr } from "./composeClasses-2Ou-RZJr.js";
 function ir(a) {
   const {

package/dist/{Box-CRpDZJO_.js → Box-D994ipAZ.js}

@@ -3,11 +3,11 @@ import { T as u } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import { g as x } from "./generateUtilityClasses-E9gROIFd.js";
 import * as h from "react";
 import { c as T } from "./clsx-OuTLNxxd.js";
-import { s as y } from "./index-CFunVsti.js";
+import { s as y } from "./index-B0sssNPS.js";
 import { jsx as B } from "react/jsx-runtime";
-import { s as N, f as C } from "./createTheme-C8al1H6l.js";
-import { u as b } from "./useTheme-Ixs7c498.js";
-import { e as g } from "./extendSxProp-DPJMnqJC.js";
+import { s as N, c as C } from "./createTheme-DHUIafsh.js";
+import { u as b } from "./useTheme-DNEoTUfV.js";
+import { e as g } from "./extendSxProp-BK1wn2VP.js";
 import { C as v } from "./generateUtilityClass-BhfUaMgk.js";
 function E(m = {}) {
   const {

package/dist/{Breadcrumbs-Bgf4ieo2.js → Breadcrumbs-C7XE9TUb.js}

@@ -1,18 +1,18 @@
 import * as i from "react";
-import { e as N, r as j } from "./createTheme-C8al1H6l.js";
+import { e as N, r as j } from "./createTheme-DHUIafsh.js";
 import { P as e } from "./index-CyAhC1RZ.js";
 import { c as k } from "./clsx-OuTLNxxd.js";
-import { m as $ } from "./memoTheme-D_KVIx9Z.js";
-import { c as z } from "./createSvgIcon-CE5_EBKI.js";
+import { m as $ } from "./memoTheme-BWS_82XE.js";
+import { c as z } from "./createSvgIcon-BSvHnj9_.js";
 import { jsx as a } from "react/jsx-runtime";
-import { s as d } from "./styled-SBTDGe0C.js";
-import { B as A } from "./ButtonBase-Cs4TbfAo.js";
+import { s as d } from "./styled-BGhco0UA.js";
+import { B as A } from "./ButtonBase-BpCn2e9l.js";
 import { g as U } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as D } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as V } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as _ } from "./useSlotProps-DzlqyROF.js";
 import { c as F } from "./composeClasses-2Ou-RZJr.js";
-import { T as H } from "./Typography-CmmKlAgs.js";
+import { T as H } from "./Typography-7XxDpBjP.js";
 import { i as C } from "./integerPropType-BihGt2aU.js";
 const L = z(/* @__PURE__ */ a("path", {
   d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"

package/dist/{Button-BlRsbuwB.js → Button-Dk2VBOh0.js}

@@ -1,8 +1,8 @@
 import * as z from "react";
 import { P as t } from "./index-CyAhC1RZ.js";
 import { c as W } from "./clsx-OuTLNxxd.js";
-import { s as f, r as G } from "./styled-SBTDGe0C.js";
-import { m as H } from "./memoTheme-D_KVIx9Z.js";
+import { s as f, r as G } from "./styled-BGhco0UA.js";
+import { m as H } from "./memoTheme-BWS_82XE.js";
 import { c as A } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
 import { g as _ } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as q } from "./generateUtilityClass-BhfUaMgk.js";
@@ -11,10 +11,10 @@ import { jsxs as Q, jsx as d } from "react/jsx-runtime";
 import { r as X } from "./DefaultPropsProvider-972kdsvD.js";
 import { u as Y } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as Z } from "./useId-CK6Kn3Tn.js";
-import { c as r } from "./createTheme-C8al1H6l.js";
+import { h as r } from "./createTheme-DHUIafsh.js";
 import { c as oo } from "./composeClasses-2Ou-RZJr.js";
-import { B as to } from "./ButtonBase-Cs4TbfAo.js";
-import { C as ao } from "./CircularProgress-CK8Z6nsP.js";
+import { B as to } from "./ButtonBase-BpCn2e9l.js";
+import { C as ao } from "./CircularProgress-Qy7A2NPV.js";
 function no(o) {
   return q("MuiButton", o);
 }

package/dist/{ButtonBase-Cs4TbfAo.js → ButtonBase-BpCn2e9l.js}

@@ -2,19 +2,19 @@ import * as f from "react";
 import W, { isValidElement as H, cloneElement as G, Children as Se } from "react";
 import { P as e } from "./index-CyAhC1RZ.js";
 import { c as E } from "./clsx-OuTLNxxd.js";
-import { jsx as $, jsxs as we } from "react/jsx-runtime";
+import { jsx as I, jsxs as we } from "react/jsx-runtime";
 import { g as le } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as ce } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as pe } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { a as Be, u as Le } from "./useTimeout-DRd4LBXb.js";
-import { s as te } from "./styled-SBTDGe0C.js";
+import { s as te } from "./styled-BGhco0UA.js";
 import { _ as ke, a as Oe, T as se } from "./TransitionGroupContext-DbLioz_6.js";
-import { _ as je } from "./index-CFunVsti.js";
+import { _ as Fe } from "./index-B0sssNPS.js";
 import { k as ne } from "./emotion-react.browser.esm-CvjRvNuP.js";
 import { u as ae } from "./useForkRef-9kN4DArm.js";
 import { u as J } from "./useEventCallback-BAQJJ3ye.js";
 import { i as ue } from "./isFocusVisible-BzX3wEi7.js";
-import { c as Fe } from "./composeClasses-2Ou-RZJr.js";
+import { c as je } from "./composeClasses-2Ou-RZJr.js";
 import { e as Ue } from "./elementTypeAcceptingRef-B2d5_Vhf.js";
 import { r as $e } from "./refType-CedFpkve.js";
 function Ie(t) {
@@ -55,7 +55,7 @@ function ze(t, n) {
 function O(t, n, i) {
   return i[n] != null ? i[n] : t.props[n];
 }
-function _e(t, n) {
+function Ae(t, n) {
   return oe(t.children, function(i) {
     return G(i, {
       onExited: n.bind(null, i),
@@ -66,7 +66,7 @@ function _e(t, n) {
     });
   });
 }
-function Xe(t, n, i) {
+function _e(t, n, i) {
   var u = oe(t.children), o = ze(n, u);
   return Object.keys(o).forEach(function(r) {
     var s = o[r];
@@ -88,11 +88,11 @@ function Xe(t, n, i) {
     }
   }), o;
 }
-var Ye = Object.values || function(t) {
+var Xe = Object.values || function(t) {
   return Object.keys(t).map(function(n) {
     return t[n];
   });
-}, Ae = {
+}, Ye = {
   component: "div",
   childFactory: function(n) {
     return n;
@@ -123,19 +123,19 @@ var Ye = Object.values || function(t) {
   }, n.getDerivedStateFromProps = function(o, r) {
     var s = r.children, c = r.handleExited, l = r.firstRender;
     return {
-      children: l ? _e(o, c) : Xe(o, s, c),
+      children: l ? Ae(o, c) : _e(o, s, c),
       firstRender: !1
     };
   }, i.handleExited = function(o, r) {
     var s = oe(this.props.children);
     o.key in s || (o.props.onExited && o.props.onExited(r), this.mounted && this.setState(function(c) {
-      var l = je({}, c.children);
+      var l = Fe({}, c.children);
       return delete l[o.key], {
         children: l
       };
     }));
   }, i.render = function() {
-    var o = this.props, r = o.component, s = o.childFactory, c = Oe(o, ["component", "childFactory"]), l = this.state.contextValue, p = Ye(this.state.children).map(s);
+    var o = this.props, r = o.component, s = o.childFactory, c = Oe(o, ["component", "childFactory"]), l = this.state.contextValue, p = Xe(this.state.children).map(s);
     return delete c.appear, delete c.enter, delete c.exit, r === null ? /* @__PURE__ */ W.createElement(se.Provider, {
       value: l
     }, p) : /* @__PURE__ */ W.createElement(se.Provider, {
@@ -196,7 +196,7 @@ ie.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: e.func
 } : {};
-ie.defaultProps = Ae;
+ie.defaultProps = Ye;
 class Q {
   /** React ref to the ripple instance */
   /** If the ripple component should be mounted */
@@ -266,10 +266,10 @@ function fe(t) {
         clearTimeout(w);
       };
     }
-  }, [l, c, p]), /* @__PURE__ */ $("span", {
+  }, [l, c, p]), /* @__PURE__ */ I("span", {
     className: R,
     style: N,
-    children: /* @__PURE__ */ $("span", {
+    children: /* @__PURE__ */ I("span", {
       className: g
     })
   });
@@ -428,9 +428,9 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       rippleX: y,
       rippleY: U,
       rippleSize: B,
-      cb: I
+      cb: z
     } = d;
-    p((C) => [...C, /* @__PURE__ */ $(Ze, {
+    p((C) => [...C, /* @__PURE__ */ I(Ze, {
       classes: {
         ripple: E(r.ripple, M.ripple),
         rippleVisible: E(r.rippleVisible, M.rippleVisible),
@@ -444,13 +444,13 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       rippleX: y,
       rippleY: U,
       rippleSize: B
-    }, h.current)]), h.current += 1, m.current = I;
-  }, [r]), j = f.useCallback((d = {}, T = {}, y = () => {
+    }, h.current)]), h.current += 1, m.current = z;
+  }, [r]), F = f.useCallback((d = {}, T = {}, y = () => {
   }) => {
     const {
       pulsate: U = !1,
       center: B = o || T.pulsate,
-      fakeElement: I = !1
+      fakeElement: z = !1
       // For test purposes
     } = T;
     if (d?.type === "mousedown" && R.current) {
@@ -458,7 +458,7 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       return;
     }
     d?.type === "touchstart" && (R.current = !0);
-    const C = I ? null : w.current, D = C ? C.getBoundingClientRect() : {
+    const C = z ? null : w.current, D = C ? C.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -469,16 +469,16 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       V = Math.round(D.width / 2), v = Math.round(D.height / 2);
     else {
       const {
-        clientX: z,
+        clientX: A,
         clientY: L
       } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      V = Math.round(z - D.left), v = Math.round(L - D.top);
+      V = Math.round(A - D.left), v = Math.round(L - D.top);
     }
     if (B)
       S = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), S % 2 === 0 && (S += 1);
     else {
-      const z = Math.max(Math.abs((C ? C.clientWidth : 0) - V), V) * 2 + 2, L = Math.max(Math.abs((C ? C.clientHeight : 0) - v), v) * 2 + 2;
-      S = Math.sqrt(z ** 2 + L ** 2);
+      const A = Math.max(Math.abs((C ? C.clientWidth : 0) - V), V) * 2 + 2, L = Math.max(Math.abs((C ? C.clientHeight : 0) - v), v) * 2 + 2;
+      S = Math.sqrt(A ** 2 + L ** 2);
     }
     d?.touches ? g.current === null && (g.current = () => {
       x({
@@ -497,28 +497,28 @@ const M = le("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       rippleSize: S,
       cb: y
     });
-  }, [o, x, N]), A = f.useCallback(() => {
-    j({}, {
+  }, [o, x, N]), Y = f.useCallback(() => {
+    F({}, {
       pulsate: !0
     });
-  }, [j]), F = f.useCallback((d, T) => {
+  }, [F]), j = f.useCallback((d, T) => {
     if (N.clear(), d?.type === "touchend" && g.current) {
       g.current(), g.current = null, N.start(0, () => {
-        F(d, T);
+        j(d, T);
       });
       return;
     }
     g.current = null, p((y) => y.length > 0 ? y.slice(1) : y), m.current = T;
   }, [N]);
   return f.useImperativeHandle(i, () => ({
-    pulsate: A,
-    start: j,
-    stop: F
-  }), [A, j, F]), /* @__PURE__ */ $(Qe, {
+    pulsate: Y,
+    start: F,
+    stop: j
+  }), [Y, F, j]), /* @__PURE__ */ I(Qe, {
     className: E(M.root, r.root, s),
     ref: w,
     ...c,
-    children: /* @__PURE__ */ $(ie, {
+    children: /* @__PURE__ */ I(ie, {
       component: null,
       exit: !0,
       children: l
@@ -549,7 +549,7 @@ const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (t) =
     focusVisible: i,
     focusVisibleClassName: u,
     classes: o
-  } = t, s = Fe({
+  } = t, s = je({
     root: ["root", n && "disabled", i && "focusVisible"]
   }, et, o);
   return i && u && (s.root += ` ${u}`), s;
@@ -613,41 +613,41 @@ const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (t) =
     LinkComponent: g = "a",
     onBlur: w,
     onClick: x,
-    onContextMenu: j,
-    onDragLeave: A,
-    onFocus: F,
+    onContextMenu: F,
+    onDragLeave: Y,
+    onFocus: j,
     onFocusVisible: d,
     onKeyDown: T,
     onKeyUp: y,
     onMouseDown: U,
     onMouseLeave: B,
-    onMouseUp: I,
+    onMouseUp: z,
     onTouchEnd: C,
     onTouchMove: D,
     onTouchStart: V,
     tabIndex: v = 0,
     TouchRippleProps: S,
-    touchRippleRef: z,
+    touchRippleRef: A,
     type: L,
-    ..._
-  } = u, X = f.useRef(null), b = Ke(), he = ae(b.ref, z), [k, K] = f.useState(!1);
+    ...$
+  } = u, _ = f.useRef(null), b = Ke(), he = ae(b.ref, A), [k, K] = f.useState(!1);
   p && k && K(!1), f.useImperativeHandle(o, () => ({
     focusVisible: () => {
-      K(!0), X.current.focus();
+      K(!0), _.current.focus();
     }
   }), []);
   const me = b.shouldMount && !h && !p;
   f.useEffect(() => {
     k && R && !h && b.pulsate();
   }, [h, R, k, b]);
-  const be = P(b, "start", U, m), ge = P(b, "stop", j, m), Me = P(b, "stop", A, m), Re = P(b, "stop", I, m), ye = P(b, "stop", (a) => {
+  const be = P(b, "start", U, m), ge = P(b, "stop", F, m), Me = P(b, "stop", Y, m), Re = P(b, "stop", z, m), ye = P(b, "stop", (a) => {
     k && a.preventDefault(), B && B(a);
   }, m), Te = P(b, "start", V, m), Ce = P(b, "stop", C, m), Ee = P(b, "stop", D, m), xe = P(b, "stop", (a) => {
     ue(a.target) || K(!1), w && w(a);
   }, !1), ve = J((a) => {
-    X.current || (X.current = a.currentTarget), ue(a.target) && (K(!0), d && d(a)), F && F(a);
+    _.current || (_.current = a.currentTarget), ue(a.target) && (K(!0), d && d(a)), j && j(a);
   }), Z = () => {
-    const a = X.current;
+    const a = _.current;
     return l && l !== "button" && !(a.tagName === "A" && a.href);
   }, Pe = J((a) => {
     R && !a.repeat && k && a.key === " " && b.stop(a, () => {
@@ -659,10 +659,14 @@ const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (t) =
     }), y && y(a), x && a.target === a.currentTarget && Z() && a.key === " " && !a.defaultPrevented && x(a);
   });
   let q = l;
-  q === "button" && (_.href || _.to) && (q = g);
-  const Y = {};
-  q === "button" ? (Y.type = L === void 0 ? "button" : L, Y.disabled = p) : (!_.href && !_.to && (Y.role = "button"), p && (Y["aria-disabled"] = p));
-  const De = ae(i, X), re = {
+  q === "button" && ($.href || $.to) && (q = g);
+  const X = {};
+  if (q === "button") {
+    const a = !!$.formAction;
+    X.type = L === void 0 && !a ? "button" : L, X.disabled = p;
+  } else
+    !$.href && !$.to && (X.role = "button"), p && (X["aria-disabled"] = p);
+  const De = ae(i, _), re = {
     ...u,
     centerRipple: r,
     component: l,
@@ -693,9 +697,9 @@ const tt = le("MuiButtonBase", ["root", "disabled", "focusVisible"]), nt = (t) =
     ref: De,
     tabIndex: p ? -1 : v,
     type: L,
-    ...Y,
-    ..._,
-    children: [s, me ? /* @__PURE__ */ $(de, {
+    ...X,
+    ...$,
+    children: [s, me ? /* @__PURE__ */ I(de, {
       ref: he,
       center: r,
       ...S
@@ -770,6 +774,10 @@ process.env.NODE_ENV !== "production" && (it.propTypes = {
    * if needed.
    */
   focusVisibleClassName: e.string,
+  /**
+   * @ignore
+   */
+  formAction: e.oneOfType([e.func, e.string]),
   /**
    * @ignore
    */