@clearstory/drywall-react 5.3.2 → 7.0.0

package/dist/{memoTheme-D7rECXXN.js → memoTheme-CXi6MqCq.js}

@@ -1,4 +1,4 @@
-import { p as s } from "./styled-BKpRY52y.js";
+import { p as s } from "./styled-BWUuu_Y7.js";
 const l = {
   theme: void 0
 };

package/dist/{stackClasses-oeGuYndJ.js → stackClasses-vPxNSpzG.js}

@@ -1,17 +1,17 @@
 import { P as e } from "./index-B5q5ym9h.js";
-import { s as S } from "./styled-BKpRY52y.js";
+import { s as S } from "./styled-BWUuu_Y7.js";
 import * as f from "react";
 import { c as V } from "./clsx-OuTLNxxd.js";
 import { jsx as D } from "react/jsx-runtime";
-import { s as N } from "./styled-jbbQ0rDV.js";
-import { e as E } from "./extendSxProp-BY4rSlhb.js";
-import { u as F } from "./useThemeProps-DNdk7d02.js";
-import { o as O, p as m, q as M, t as R, u as B, m as w, v as b } from "./createTheme-Cr8frjQ0.js";
+import { s as N } from "./styled-B14RdXLD.js";
+import { e as E } from "./extendSxProp-DsZikgKo.js";
+import { u as F } from "./useThemeProps-DLN1jrTs.js";
+import { p as O, q as m, t as M, u as R, v as w, n as B, w as b } from "./createTheme-BFWMvXRe.js";
 import { c as G } from "./composeClasses-2Ou-RZJr.js";
 import { g as U } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as $ } from "./DefaultPropsProvider-CE6KNOqW.js";
 import { g as A } from "./generateUtilityClasses-E9gROIFd.js";
-const _ = w(), q = N("div", {
+const _ = B(), q = N("div", {
   name: "MuiStack",
   slot: "Root"
 });
@@ -22,9 +22,9 @@ function I(o) {
     defaultTheme: _
   });
 }
-function L(o, n) {
+function L(o, t) {
   const c = f.Children.toArray(o).filter(Boolean);
-  return c.reduce((a, i, s) => (a.push(i), s < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(n, {
+  return c.reduce((a, i, s) => (a.push(i), s < c.length - 1 && a.push(/* @__PURE__ */ f.cloneElement(t, {
     key: `separator-${s}`
   })), a), []);
 }
@@ -35,36 +35,36 @@ const z = (o) => ({
   "column-reverse": "Bottom"
 })[o], H = ({
   ownerState: o,
-  theme: n
+  theme: t
 }) => {
   let c = {
     display: "flex",
     flexDirection: "column",
     ...O({
-      theme: n
+      theme: t
     }, m({
       values: o.direction,
-      breakpoints: n.breakpoints.values
+      breakpoints: t.breakpoints.values
     }), (a) => ({
       flexDirection: a
     }))
   };
   if (o.spacing) {
-    const a = M(n), i = Object.keys(n.breakpoints.values).reduce((r, t) => ((typeof o.spacing == "object" && o.spacing[t] != null || typeof o.direction == "object" && o.direction[t] != null) && (r[t] = !0), r), {}), s = m({
+    const a = M(t), i = Object.keys(t.breakpoints.values).reduce((r, n) => ((typeof o.spacing == "object" && o.spacing[n] != null || typeof o.direction == "object" && o.direction[n] != null) && (r[n] = !0), r), {}), s = m({
       values: o.direction,
       base: i
     }), l = m({
       values: o.spacing,
       base: i
     });
-    typeof s == "object" && Object.keys(s).forEach((r, t, p) => {
+    typeof s == "object" && Object.keys(s).forEach((r, n, p) => {
       if (!s[r]) {
-        const u = t > 0 ? s[p[t - 1]] : "column";
+        const u = n > 0 ? s[p[n - 1]] : "column";
         s[r] = u;
       }
     }), c = R(c, O({
-      theme: n
-    }, l, (r, t) => o.useFlexGap ? {
+      theme: t
+    }, l, (r, n) => o.useFlexGap ? {
       gap: b(a, r)
     } : {
       // The useFlexGap={false} implement relies on each child to give up control of the margin.
@@ -73,21 +73,21 @@ const z = (o) => ({
         margin: 0
       },
       "& > :not(style) ~ :not(style)": {
-        [`margin${z(t ? s[t] : o.direction)}`]: b(a, r)
+        [`margin${z(n ? s[n] : o.direction)}`]: b(a, r)
       }
     }));
   }
-  return c = B(n.breakpoints, c), c;
+  return c = w(t.breakpoints, c), c;
 };
 function J(o = {}) {
   const {
     // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent: n = q,
+    createStyledComponent: t = q,
     useThemeProps: c = I,
     componentName: a = "MuiStack"
   } = o, i = () => G({
     root: ["root"]
-  }, (r) => U(a, r), {}), s = n(H), l = /* @__PURE__ */ f.forwardRef(function(r, t) {
+  }, (r) => U(a, r), {}), s = t(H), l = /* @__PURE__ */ f.forwardRef(function(r, n) {
     const p = c(r), y = E(p), {
       component: u = "div",
       direction: T = "column",
@@ -105,7 +105,7 @@ function J(o = {}) {
     return /* @__PURE__ */ D(s, {
       as: u,
       ownerState: C,
-      ref: t,
+      ref: n,
       className: V(P.root, h),
       ...x,
       children: v ? L(g, v) : g

package/dist/styled-B14RdXLD.js

@@ -0,0 +1,5 @@
+import { c as t } from "./styled-BWUuu_Y7.js";
+const s = t();
+export {
+  s
+};

package/dist/{styled-BKpRY52y.js → styled-BWUuu_Y7.js}

@@ -1,7 +1,7 @@
-import { d as N } from "./defaultTheme-B6FbMXaQ.js";
+import { d as N } from "./defaultTheme-s7mxt8ja.js";
 import { T as q } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import { i as S, a as G, s as J } from "./index-BJi91Is8.js";
-import { r as E, m as Q, s as L, i as U, h as X } from "./createTheme-Cr8frjQ0.js";
+import { r as E, n as Q, s as L, i as U, h as X } from "./createTheme-BFWMvXRe.js";
 function k(e, n = "") {
   return e.displayName || e.name || n;
 }

package/dist/theme/index.js

@@ -1,15 +1,15 @@
 import { C as m } from "../generateUtilityClass-BhfUaMgk.js";
 import { g as M } from "../generateUtilityClass-BhfUaMgk.js";
-import { s as j } from "../styled-BKpRY52y.js";
+import { s as j } from "../styled-BWUuu_Y7.js";
 import * as u from "react";
 import { P as c } from "../index-B5q5ym9h.js";
 import { C as l, c as h, S as d } from "../emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import { jsx as f } from "react/jsx-runtime";
-import { u as w } from "../useTheme-uuKxCqA4.js";
+import { u as w } from "../useTheme-CSYDyilx.js";
 import { g as T } from "../generateUtilityClasses-E9gROIFd.js";
-import { u as A } from "../index-DdNQ5i6R.js";
-import { a as L, d as R, e as U, g as z, b as F, l as G } from "../createTheme-Cr8frjQ0.js";
-import { u as K } from "../ThemeProviderWithVars-hLmfDgWo.js";
+import { u as A } from "../index-DtVyyURM.js";
+import { a as L, d as R, e as U, g as z, b as F, l as G } from "../createTheme-BFWMvXRe.js";
+import { u as K } from "../ThemeProviderWithVars-D_h1BuKO.js";
 const p = /* @__PURE__ */ new Map(), y = (t, o) => {
   const e = h(t);
   return e.sheet = new o({

package/dist/theme/internal.js

@@ -1,7 +1,7 @@
 import { colorSchemes as o } from "./colorSchemes.js";
 import { components as r } from "./components.js";
 import { typography as e } from "./typography.js";
-import { c as m } from "../createTheme-Cr8frjQ0.js";
+import { c as m } from "../createTheme-BFWMvXRe.js";
 const l = m({
   colorSchemes: o,
   components: r,

package/dist/{useTheme-uuKxCqA4.js → useTheme-CSYDyilx.js}

@@ -1,7 +1,7 @@
 import * as o from "react";
-import { d as r } from "./defaultTheme-B6FbMXaQ.js";
+import { d as r } from "./defaultTheme-s7mxt8ja.js";
 import { T as m } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
-import { u as t } from "./useTheme-nuDW3plC.js";
+import { u as t } from "./useTheme-DFnskFLF.js";
 function f() {
   const e = t(r);
   return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e[m] || e;

package/dist/{useTheme-nuDW3plC.js → useTheme-DFnskFLF.js}

@@ -1,11 +1,11 @@
-import { m as n } from "./createTheme-Cr8frjQ0.js";
-import * as m from "react";
-import { a as o } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
+import { n } from "./createTheme-BFWMvXRe.js";
+import * as o from "react";
+import { a as m } from "./emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 function r(e) {
   return Object.keys(e).length === 0;
 }
 function s(e = null) {
-  const t = m.useContext(o);
+  const t = o.useContext(m);
   return !t || r(t) ? e : t;
 }
 const u = n();

package/dist/{useThemeProps-DNdk7d02.js → useThemeProps-DLN1jrTs.js}

@@ -1,5 +1,5 @@
 import { g as t } from "./getThemeProps-DD5fEXGs.js";
-import { u } from "./useTheme-nuDW3plC.js";
+import { u } from "./useTheme-DFnskFLF.js";
 function i({
   props: o,
   name: m,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "5.3.2",
+  "version": "7.0.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",
@@ -37,7 +37,7 @@
     "@mui/material": "7.3.7",
     "@mui/system": "7.3.7",
     "@mui/utils": "7.3.7",
-    "@mui/x-date-pickers": "8.24.0",
+    "@mui/x-date-pickers": "8.25.0",
     "react-hot-toast": "2.6.0",
     "react-number-format": "^5.4.4"
   },