@clearstory/drywall-react 3.5.0 → 3.6.0

package/dist/{memoTheme-R-LnLD8I.js → memoTheme-CCudmmpb.js}

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

package/dist/{stackClasses-BGzeCt42.js → stackClasses-BcAe238O.js}

@@ -1,15 +1,15 @@
 import { P as e } from "./index-CyAhC1RZ.js";
-import { s as S } from "./styled-fvngWWLy.js";
+import { s as S } from "./styled-D8CtiDxW.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-DKUIcd6R.js";
-import { e as E } from "./extendSxProp-Ch2FDJvf.js";
-import { u as F } from "./useThemeProps-FvXli9RO.js";
-import { p as O, q as m, t as M, u as R, v as w, c as B, m as G, w as b } from "./createTheme-BnGUhbht.js";
+import { s as N } from "./styled-C1tcllXX.js";
+import { e as E } from "./extendSxProp-Cae9F896.js";
+import { u as F } from "./useThemeProps-BaZ_Jfig.js";
+import { p as O, q as m, t as M, u as R, v as w, c as B, n as G, w as b } from "./createTheme-B1FDFl52.js";
 import { c as U } from "./composeClasses-2Ou-RZJr.js";
 import { u as $ } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { g as A } from "./generateUtilityClasses-njw3KdKN.js";
+import { g as A } from "./generateUtilityClasses-CIjBDg4V.js";
 const _ = G(), q = N("div", {
   name: "MuiStack",
   slot: "Root"

package/dist/styled-C1tcllXX.js

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

package/dist/{styled-fvngWWLy.js → styled-D8CtiDxW.js}

@@ -1,6 +1,7 @@
-import { d as N } from "./defaultTheme-B960IsQ-.js";
-import { i as S, f as q, s as G, T as J } from "./index-YQi4Xs-t.js";
-import { r as E, m as Q, s as L, i as U, j as X } from "./createTheme-BnGUhbht.js";
+import { d as N } from "./defaultTheme-BSvUK9rJ.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-Dt2kGIWG.js";
+import { r as E, n as Q, s as L, i as U, j as X } from "./createTheme-B1FDFl52.js";
 function k(e, n = "") {
   return e.displayName || e.name || n;
 }
@@ -104,7 +105,7 @@ function ne(e = {}) {
     te(i, n, t);
   }
   return (i, I = {}) => {
-    q(i, (u) => u.filter((f) => f !== L));
+    G(i, (u) => u.filter((f) => f !== L));
     const {
       name: y,
       slot: l,
@@ -121,7 +122,7 @@ function ne(e = {}) {
     ), C = M || !1;
     let v = $;
     l === "Root" || l === "root" ? v = r : l ? v = s : ie(i) && (v = void 0);
-    const x = G(i, {
+    const x = J(i, {
       shouldForwardProp: v,
       label: se(y, l),
       ...H
@@ -187,8 +188,8 @@ function D(e) {
 function ue(e) {
   return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-const fe = (e) => ue(e) && e !== "classes", de = ne({
-  themeId: J,
+const fe = (e) => ue(e) && e !== "classes", ye = ne({
+  themeId: q,
   defaultTheme: N,
   rootShouldForwardProp: fe
 });
@@ -198,5 +199,5 @@ export {
   ne as c,
   Z as p,
   fe as r,
-  de as s
+  ye as s
 };

package/dist/theme/components.js

@@ -2,50 +2,56 @@ import { MuiAccordionSummary as o } from "../components/AccordionSummary/Accordi
 import { MuiAutocomplete as r } from "../components/Autocomplete/Autocomplete.theme.js";
 import { MuiButton as m } from "../components/Button/Button.theme.js";
 import { MuiButtonBase as i } from "../components/ButtonBase/ButtonBase.theme.js";
-import { MuiCard as t } from "../components/Card/Card.theme.js";
-import { MuiCheckbox as u } from "../components/Checkbox/Checkbox.theme.js";
-import { MuiChip as p } from "../components/Chip/Chip.theme.js";
-import { MuiFormControl as M } from "../components/FormControl/FormControl.theme.js";
-import { MuiFormControlLabel as f } from "../components/FormControlLabel/FormControlLabel.theme.js";
-import { MuiFormHelperText as e } from "../components/FormHelperText/FormHelper.theme.js";
-import { MuiFormLabel as n } from "../components/FormLabel/FormLabel.theme.js";
-import { MuiIconButton as a } from "../components/IconButton/IconButton.theme.js";
-import { MuiInputAdornment as c } from "../components/InputAdornment/InputAdornment.theme.js";
-import { MuiInputBase as l } from "../components/Input/Input.theme.js";
+import { MuiButtonGroup as t } from "../components/ButtonGroup/ButtonGroup.theme.js";
+import { MuiCard as u } from "../components/Card/Card.theme.js";
+import { MuiCheckbox as p } from "../components/Checkbox/Checkbox.theme.js";
+import { MuiChip as M } from "../components/Chip/Chip.theme.js";
+import { MuiFormControl as f } from "../components/FormControl/FormControl.theme.js";
+import { MuiFormControlLabel as e } from "../components/FormControlLabel/FormControlLabel.theme.js";
+import { MuiFormHelperText as n } from "../components/FormHelperText/FormHelper.theme.js";
+import { MuiFormLabel as a } from "../components/FormLabel/FormLabel.theme.js";
+import { MuiIconButton as c } from "../components/IconButton/IconButton.theme.js";
+import { MuiInputAdornment as l } from "../components/InputAdornment/InputAdornment.theme.js";
+import { MuiInputBase as B } from "../components/Input/Input.theme.js";
 import { MuiLink as s } from "../components/Link/Link.theme.js";
-import { MuiList as B } from "../components/List/List.theme.js";
-import { MuiListItemButton as C } from "../components/ListItemButton/ListItemButton.theme.js";
-import { MuiMenuItem as I } from "../components/MenuItem/MenuItem.theme.js";
-import { MuiPaper as L } from "../components/Paper/Paper.theme.js";
-import { MuiRadio as b } from "../components/Radio/Radio.theme.js";
-import { MuiSelect as d } from "../components/Select/Select.theme.js";
+import { MuiList as C } from "../components/List/List.theme.js";
+import { MuiListItemButton as I } from "../components/ListItemButton/ListItemButton.theme.js";
+import { MuiMenuItem as L } from "../components/MenuItem/MenuItem.theme.js";
+import { MuiPaper as b } from "../components/Paper/Paper.theme.js";
+import { MuiRadio as d } from "../components/Radio/Radio.theme.js";
+import { MuiSelect as g } from "../components/Select/Select.theme.js";
 import { MuiSwitch as F } from "../components/Switch/Switch.theme.js";
-import { MuiTab as h } from "../components/Tab/Tab.theme.js";
-const U = {
+import { MuiTab as T } from "../components/Tab/Tab.theme.js";
+import { MuiToggleButton as h } from "../components/ToggleButton/ToggleButton.theme.js";
+import { MuiToggleButtonGroup as x } from "../components/ToggleButtonGroup/ToggleButtonGroup.theme.js";
+const _ = {
   MuiAccordionSummary: o,
   MuiAutocomplete: r,
   MuiButton: m,
   MuiButtonBase: i,
-  MuiCard: t,
-  MuiCheckbox: u,
-  MuiChip: p,
-  MuiFormControl: M,
-  MuiFormControlLabel: f,
-  MuiFormHelperText: e,
-  MuiIconButton: a,
-  MuiInputAdornment: c,
-  MuiInputBase: l,
+  MuiButtonGroup: t,
+  MuiCard: u,
+  MuiCheckbox: p,
+  MuiChip: M,
+  MuiFormControl: f,
+  MuiFormControlLabel: e,
+  MuiFormHelperText: n,
+  MuiIconButton: c,
+  MuiInputAdornment: l,
+  MuiInputBase: B,
   MuiLink: s,
-  MuiList: B,
-  MuiListItemButton: C,
-  MuiMenuItem: I,
-  MuiFormLabel: n,
-  MuiPaper: L,
-  MuiRadio: b,
-  MuiSelect: d,
+  MuiList: C,
+  MuiListItemButton: I,
+  MuiMenuItem: L,
+  MuiFormLabel: a,
+  MuiPaper: b,
+  MuiRadio: d,
+  MuiSelect: g,
   MuiSwitch: F,
-  MuiTab: h
+  MuiTab: T,
+  MuiToggleButton: h,
+  MuiToggleButtonGroup: x
 };
 export {
-  U as components
+  _ as components
 };

package/dist/theme/index.js

@@ -1,13 +1,13 @@
-import { C as m } from "../createTheme-BnGUhbht.js";
-import { a as M, d as E, e as j, g as $, b as w, l as N } from "../createTheme-BnGUhbht.js";
-import { s as q } from "../styled-fvngWWLy.js";
+import { C as m } from "../createTheme-B1FDFl52.js";
+import { a as M, d as E, e as j, g as $, b as w, l as N } from "../createTheme-B1FDFl52.js";
+import { s as q } from "../styled-D8CtiDxW.js";
 import * as u from "react";
 import { P as c } from "../index-CyAhC1RZ.js";
-import { C as h, c as d, S as l } from "../index-YQi4Xs-t.js";
+import { C as h, c as d, S as l } from "../emotion-element-f0de968e.browser.esm-CX7iy5u6.js";
 import { jsx as f } from "react/jsx-runtime";
-import { u as D } from "../useTheme-CbsaMxqD.js";
-import { u as R } from "../index-JqwbD7Nb.js";
-import { u as F } from "../ThemeProviderWithVars-Cd9Vwf-U.js";
+import { u as D } from "../useTheme-DAG00iEG.js";
+import { u as R } from "../index-ChmGGOCR.js";
+import { u as F } from "../ThemeProviderWithVars-Dkq81Wx8.js";
 const p = /* @__PURE__ */ new Map(), y = (t, o) => {
   const e = d(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 { f as m } from "../createTheme-BnGUhbht.js";
+import { f as m } from "../createTheme-B1FDFl52.js";
 const l = m({
   colorSchemes: o,
   components: r,

package/dist/useTheme-DAG00iEG.js

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

package/dist/{useTheme-Cz5y14_g.js → useTheme-zuIKvOcV.js}

@@ -1,11 +1,11 @@
-import { m as n } from "./createTheme-BnGUhbht.js";
-import * as m from "react";
-import { a as o } from "./index-YQi4Xs-t.js";
+import { n } from "./createTheme-B1FDFl52.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-FvXli9RO.js → useThemeProps-BaZ_Jfig.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",

package/dist/Backdrop-DLtFFTHy.js

@@ -1,365 +0,0 @@
-import * as h from "react";
-import { P as e } from "./index-CyAhC1RZ.js";
-import { c as q } from "./clsx-OuTLNxxd.js";
-import { u as B } from "./useSlot-BVGwJA4b.js";
-import { c as A } from "./createTheme-BnGUhbht.js";
-import { g as V } from "./generateUtilityClasses-njw3KdKN.js";
-import { jsx as j } from "react/jsx-runtime";
-import { u as _ } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as z } from "./styled-fvngWWLy.js";
-import { u as H } from "./useTheme-CbsaMxqD.js";
-import { T as W, g as N, r as G } from "./utils-CAuCuXQr.js";
-import { u as I } from "./useForkRef-9kN4DArm.js";
-import { g as J } from "./getReactElementRef-DA-Xf2PF.js";
-import { e as K } from "./elementAcceptingRef-C0N4y82j.js";
-import { c as Q } from "./composeClasses-2Ou-RZJr.js";
-const X = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, D = /* @__PURE__ */ h.forwardRef(function(o, a) {
-  const n = H(), T = {
-    enter: n.transitions.duration.enteringScreen,
-    exit: n.transitions.duration.leavingScreen
-  }, {
-    addEndListener: u,
-    appear: f = !0,
-    children: m,
-    easing: y,
-    in: b,
-    onEnter: E,
-    onEntered: x,
-    onEntering: v,
-    onExit: g,
-    onExited: R,
-    onExiting: C,
-    style: p,
-    timeout: d = T,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: P = W,
-    ...k
-  } = o, c = h.useRef(null), w = I(c, J(m), a), r = (t) => (s) => {
-    if (t) {
-      const l = c.current;
-      s === void 0 ? t(l) : t(l, s);
-    }
-  }, O = r(v), S = r((t, s) => {
-    G(t);
-    const l = N({
-      style: p,
-      timeout: d,
-      easing: y
-    }, {
-      mode: "enter"
-    });
-    t.style.webkitTransition = n.transitions.create("opacity", l), t.style.transition = n.transitions.create("opacity", l), E && E(t, s);
-  }), F = r(x), L = r(C), M = r((t) => {
-    const s = N({
-      style: p,
-      timeout: d,
-      easing: y
-    }, {
-      mode: "exit"
-    });
-    t.style.webkitTransition = n.transitions.create("opacity", s), t.style.transition = n.transitions.create("opacity", s), g && g(t);
-  }), U = r(R);
-  return /* @__PURE__ */ j(P, {
-    appear: f,
-    in: b,
-    nodeRef: c,
-    onEnter: S,
-    onEntered: F,
-    onEntering: O,
-    onExit: M,
-    onExited: U,
-    onExiting: L,
-    addEndListener: (t) => {
-      u && u(c.current, t);
-    },
-    timeout: d,
-    ...k,
-    children: (t, {
-      ownerState: s,
-      ...l
-    }) => /* @__PURE__ */ h.cloneElement(m, {
-      style: {
-        opacity: 0,
-        visibility: t === "exited" && !b ? "hidden" : void 0,
-        ...X[t],
-        ...p,
-        ...m.props.style
-      },
-      ref: w,
-      ...l
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (D.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: e.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: e.bool,
-  /**
-   * A single child content element.
-   */
-  children: K.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: e.oneOfType([e.shape({
-    enter: e.string,
-    exit: e.string
-  }), e.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: e.bool,
-  /**
-   * @ignore
-   */
-  onEnter: e.func,
-  /**
-   * @ignore
-   */
-  onEntered: e.func,
-  /**
-   * @ignore
-   */
-  onEntering: e.func,
-  /**
-   * @ignore
-   */
-  onExit: e.func,
-  /**
-   * @ignore
-   */
-  onExited: e.func,
-  /**
-   * @ignore
-   */
-  onExiting: e.func,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-function Y(i) {
-  return A("MuiBackdrop", i);
-}
-const be = V("MuiBackdrop", ["root", "invisible"]), Z = (i) => {
-  const {
-    classes: o,
-    invisible: a
-  } = i;
-  return Q({
-    root: ["root", a && "invisible"]
-  }, Y, o);
-}, $ = z("div", {
-  name: "MuiBackdrop",
-  slot: "Root",
-  overridesResolver: (i, o) => {
-    const {
-      ownerState: a
-    } = i;
-    return [o.root, a.invisible && o.invisible];
-  }
-})({
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  backgroundColor: "rgba(0, 0, 0, 0.5)",
-  WebkitTapHighlightColor: "transparent",
-  variants: [{
-    props: {
-      invisible: !0
-    },
-    style: {
-      backgroundColor: "transparent"
-    }
-  }]
-}), ee = /* @__PURE__ */ h.forwardRef(function(o, a) {
-  const n = _({
-    props: o,
-    name: "MuiBackdrop"
-  }), {
-    children: T,
-    className: u,
-    component: f = "div",
-    invisible: m = !1,
-    open: y,
-    components: b = {},
-    componentsProps: E = {},
-    slotProps: x = {},
-    slots: v = {},
-    TransitionComponent: g,
-    transitionDuration: R,
-    ...C
-  } = n, p = {
-    ...n,
-    component: f,
-    invisible: m
-  }, d = Z(p), P = {
-    transition: g,
-    root: b.Root,
-    ...v
-  }, k = {
-    ...E,
-    ...x
-  }, c = {
-    component: f,
-    slots: P,
-    slotProps: k
-  }, [w, r] = B("root", {
-    elementType: $,
-    externalForwardedProps: c,
-    className: q(d.root, u),
-    ownerState: p
-  }), [O, S] = B("transition", {
-    elementType: D,
-    externalForwardedProps: c,
-    ownerState: p
-  });
-  return /* @__PURE__ */ j(O, {
-    in: y,
-    timeout: R,
-    ...C,
-    ...S,
-    children: /* @__PURE__ */ j(w, {
-      "aria-hidden": !0,
-      ...r,
-      classes: d,
-      ref: a,
-      children: T
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (ee.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Root: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    root: e.object
-  }),
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible: e.bool,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: e.shape({
-    root: e.oneOfType([e.func, e.object]),
-    transition: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: e.shape({
-    root: e.elementType,
-    transition: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  TransitionComponent: e.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-export {
-  ee as B,
-  D as F,
-  be as b,
-  Y as g
-};