@clearstory/drywall-react 7.2.1 → 7.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clearstory/drywall-react",
-  "version": "7.2.1",
+  "version": "7.3.0",
   "license": "UNLICENSED",
   "description": "a Clearstory software design system",
   "type": "module",
@@ -33,10 +33,10 @@
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@mui/icons-material": "7.3.7",
-    "@mui/material": "7.3.7",
-    "@mui/system": "7.3.7",
-    "@mui/utils": "7.3.7",
+    "@mui/icons-material": "7.3.8",
+    "@mui/material": "7.3.8",
+    "@mui/system": "7.3.8",
+    "@mui/utils": "7.3.8",
     "@mui/x-date-pickers": "8.27.0",
     "react-hot-toast": "2.6.0",
     "react-number-format": "^5.4.4"

package/dist/Badge-BEVVgsje.js

@@ -1,470 +0,0 @@
-import * as Q from "react";
-import { P as o } from "./index-B5q5ym9h.js";
-import { c as S } from "./clsx-OuTLNxxd.js";
-import { u as N } from "./usePreviousProps-7NDRTUOj.js";
-import { m as X } from "./memoTheme-CXi6MqCq.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-CE6KNOqW.js";
-import { s as F } from "./styled-BWUuu_Y7.js";
-import { h as n } from "./createTheme-BFWMvXRe.js";
-import { c as nr } from "./composeClasses-2Ou-RZJr.js";
-function ir(a) {
-  const {
-    badgeContent: r,
-    invisible: t = !1,
-    max: i = 99,
-    showZero: l = !1
-  } = a, g = N({
-    badgeContent: r,
-    max: i
-  });
-  let c = t;
-  t === !1 && r === 0 && !l && (c = !0);
-  const {
-    badgeContent: e,
-    max: p = i
-  } = c ? g : a, f = e && Number(e) > p ? `${p}+` : e;
-  return {
-    badgeContent: e,
-    invisible: c,
-    max: p,
-    displayValue: f
-  };
-}
-function er(a) {
-  return rr("MuiBadge", a);
-}
-const s = w("MuiBadge", [
-  "root",
-  "badge",
-  "dot",
-  "standard",
-  "anchorOriginTopRight",
-  "anchorOriginBottomRight",
-  "anchorOriginTopLeft",
-  "anchorOriginBottomLeft",
-  "invisible",
-  "colorError",
-  "colorInfo",
-  "colorPrimary",
-  "colorSecondary",
-  "colorSuccess",
-  "colorWarning",
-  "overlapRectangular",
-  "overlapCircular",
-  // TODO: v6 remove the overlap value from these class keys
-  "anchorOriginTopLeftCircular",
-  "anchorOriginTopLeftRectangular",
-  "anchorOriginTopRightCircular",
-  "anchorOriginTopRightRectangular",
-  "anchorOriginBottomLeftCircular",
-  "anchorOriginBottomLeftRectangular",
-  "anchorOriginBottomRightCircular",
-  "anchorOriginBottomRightRectangular"
-]), h = 10, u = 4, sr = (a) => {
-  const {
-    color: r,
-    anchorOrigin: t,
-    invisible: i,
-    overlap: l,
-    variant: g,
-    classes: c = {}
-  } = a, e = {
-    root: ["root"],
-    badge: ["badge", g, i && "invisible", `anchorOrigin${n(t.vertical)}${n(t.horizontal)}`, `anchorOrigin${n(t.vertical)}${n(t.horizontal)}${n(l)}`, `overlap${n(l)}`, r !== "default" && `color${n(r)}`]
-  };
-  return nr(e, er, c);
-}, lr = F("span", {
-  name: "MuiBadge",
-  slot: "Root"
-})({
-  position: "relative",
-  display: "inline-flex",
-  // For correct alignment with the text.
-  verticalAlign: "middle",
-  flexShrink: 0
-}), cr = F("span", {
-  name: "MuiBadge",
-  slot: "Badge",
-  overridesResolver: (a, r) => {
-    const {
-      ownerState: t
-    } = a;
-    return [r.badge, r[t.variant], r[`anchorOrigin${n(t.anchorOrigin.vertical)}${n(t.anchorOrigin.horizontal)}${n(t.overlap)}`], t.color !== "default" && r[`color${n(t.color)}`], t.invisible && r.invisible];
-  }
-})(X(({
-  theme: a
-}) => ({
-  display: "flex",
-  flexDirection: "row",
-  flexWrap: "wrap",
-  justifyContent: "center",
-  alignContent: "center",
-  alignItems: "center",
-  position: "absolute",
-  boxSizing: "border-box",
-  fontFamily: a.typography.fontFamily,
-  fontWeight: a.typography.fontWeightMedium,
-  fontSize: a.typography.pxToRem(12),
-  minWidth: h * 2,
-  lineHeight: 1,
-  padding: "0 6px",
-  height: h * 2,
-  borderRadius: h,
-  zIndex: 1,
-  // Render the badge on top of potential ripples.
-  transition: a.transitions.create("transform", {
-    easing: a.transitions.easing.easeInOut,
-    duration: a.transitions.duration.enteringScreen
-  }),
-  variants: [...Object.entries(a.palette).filter(Y(["contrastText"])).map(([r]) => ({
-    props: {
-      color: r
-    },
-    style: {
-      backgroundColor: (a.vars || a).palette[r].main,
-      color: (a.vars || a).palette[r].contrastText
-    }
-  })), {
-    props: {
-      variant: "dot"
-    },
-    style: {
-      borderRadius: u,
-      height: u * 2,
-      minWidth: u * 2,
-      padding: 0
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "right" && r.overlap === "rectangular",
-    style: {
-      top: 0,
-      right: 0,
-      transform: "scale(1) translate(50%, -50%)",
-      transformOrigin: "100% 0%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(50%, -50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "right" && r.overlap === "rectangular",
-    style: {
-      bottom: 0,
-      right: 0,
-      transform: "scale(1) translate(50%, 50%)",
-      transformOrigin: "100% 100%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(50%, 50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "left" && r.overlap === "rectangular",
-    style: {
-      top: 0,
-      left: 0,
-      transform: "scale(1) translate(-50%, -50%)",
-      transformOrigin: "0% 0%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(-50%, -50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "left" && r.overlap === "rectangular",
-    style: {
-      bottom: 0,
-      left: 0,
-      transform: "scale(1) translate(-50%, 50%)",
-      transformOrigin: "0% 100%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(-50%, 50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "right" && r.overlap === "circular",
-    style: {
-      top: "14%",
-      right: "14%",
-      transform: "scale(1) translate(50%, -50%)",
-      transformOrigin: "100% 0%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(50%, -50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "right" && r.overlap === "circular",
-    style: {
-      bottom: "14%",
-      right: "14%",
-      transform: "scale(1) translate(50%, 50%)",
-      transformOrigin: "100% 100%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(50%, 50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "left" && r.overlap === "circular",
-    style: {
-      top: "14%",
-      left: "14%",
-      transform: "scale(1) translate(-50%, -50%)",
-      transformOrigin: "0% 0%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(-50%, -50%)"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: r
-    }) => r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "left" && r.overlap === "circular",
-    style: {
-      bottom: "14%",
-      left: "14%",
-      transform: "scale(1) translate(-50%, 50%)",
-      transformOrigin: "0% 100%",
-      [`&.${s.invisible}`]: {
-        transform: "scale(0) translate(-50%, 50%)"
-      }
-    }
-  }, {
-    props: {
-      invisible: !0
-    },
-    style: {
-      transition: a.transitions.create("transform", {
-        easing: a.transitions.easing.easeInOut,
-        duration: a.transitions.duration.leavingScreen
-      })
-    }
-  }]
-})));
-function D(a) {
-  return {
-    vertical: a?.vertical ?? "top",
-    horizontal: a?.horizontal ?? "right"
-  };
-}
-const pr = /* @__PURE__ */ Q.forwardRef(function(r, t) {
-  const i = tr({
-    props: r,
-    name: "MuiBadge"
-  }), {
-    anchorOrigin: l,
-    className: g,
-    classes: c,
-    component: e,
-    components: p = {},
-    componentsProps: f = {},
-    children: I,
-    overlap: b = "rectangular",
-    color: v = "default",
-    invisible: A = !1,
-    max: L = 99,
-    badgeContent: O,
-    slots: y,
-    slotProps: P,
-    showZero: T = !1,
-    variant: m = "standard",
-    ...M
-  } = i, {
-    badgeContent: x,
-    invisible: U,
-    max: V,
-    displayValue: W
-  } = ir({
-    max: L,
-    invisible: A,
-    badgeContent: O,
-    showZero: T
-  }), k = N({
-    anchorOrigin: D(l),
-    color: v,
-    overlap: b,
-    variant: m,
-    badgeContent: O
-  }), R = U || x == null && m !== "dot", {
-    color: E = v,
-    overlap: H = b,
-    anchorOrigin: Z,
-    variant: C = m
-  } = R ? k : i, _ = D(Z), B = C !== "dot" ? W : void 0, d = {
-    ...i,
-    badgeContent: x,
-    invisible: R,
-    max: V,
-    displayValue: B,
-    showZero: T,
-    anchorOrigin: _,
-    color: E,
-    overlap: H,
-    variant: C
-  }, $ = sr(d), z = {
-    slots: {
-      root: y?.root ?? p.Root,
-      badge: y?.badge ?? p.Badge
-    },
-    slotProps: {
-      root: P?.root ?? f.root,
-      badge: P?.badge ?? f.badge
-    }
-  }, [q, G] = j("root", {
-    elementType: lr,
-    externalForwardedProps: {
-      ...z,
-      ...M
-    },
-    ownerState: d,
-    className: S($.root, g),
-    ref: t,
-    additionalProps: {
-      as: e
-    }
-  }), [J, K] = j("badge", {
-    elementType: cr,
-    externalForwardedProps: z,
-    ownerState: d,
-    className: $.badge
-  });
-  return /* @__PURE__ */ or(q, {
-    ...G,
-    children: [I, /* @__PURE__ */ ar(J, {
-      ...K,
-      children: B
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (pr.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The anchor of the badge.
-   * @default {
-   *   vertical: 'top',
-   *   horizontal: 'right',
-   * }
-   */
-  anchorOrigin: o.shape({
-    horizontal: o.oneOf(["left", "right"]),
-    vertical: o.oneOf(["bottom", "top"])
-  }),
-  /**
-   * The content rendered within the badge.
-   */
-  badgeContent: o.node,
-  /**
-   * The badge will be added relative to this node.
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'default'
-   */
-  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.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: o.shape({
-    Badge: o.elementType,
-    Root: o.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: o.shape({
-    badge: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * If `true`, the badge is invisible.
-   * @default false
-   */
-  invisible: o.bool,
-  /**
-   * Max count to show.
-   * @default 99
-   */
-  max: o.number,
-  /**
-   * Wrapped shape the badge should overlap.
-   * @default 'rectangular'
-   */
-  overlap: o.oneOf(["circular", "rectangular"]),
-  /**
-   * Controls whether the badge is hidden when `badgeContent` is zero.
-   * @default false
-   */
-  showZero: o.bool,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: o.shape({
-    badge: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: o.shape({
-    badge: o.elementType,
-    root: o.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The variant to use.
-   * @default 'standard'
-   */
-  variant: o.oneOfType([o.oneOf(["dot", "standard"]), o.string])
-});
-export {
-  pr as B,
-  s as b,
-  er as g
-};

package/dist/defaultTheme-s7mxt8ja.js

@@ -1,5 +0,0 @@
-import { c as e } from "./createTheme-BFWMvXRe.js";
-const a = e();
-export {
-  a as d
-};

package/dist/styled-B14RdXLD.js

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