@clearstory/drywall-react 3.5.0 → 3.7.0

package/dist/{Dialog-DVIwe9ZI.js → Dialog-CZ12ossO.js}

@@ -1,24 +1,25 @@
 import * as x from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as W } from "./clsx-OuTLNxxd.js";
-import { g as lo } from "./generateUtilityClasses-njw3KdKN.js";
-import { c as so, j as n } from "./createTheme-BnGUhbht.js";
+import { g as lo } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as so, j as n } from "./createTheme-B1FDFl52.js";
 import { D as io } from "./DialogContext-BJlEONXw.js";
-import { u as po } from "./useTheme-CbsaMxqD.js";
+import { u as po } from "./useTheme-DAG00iEG.js";
 import { jsx as i } from "react/jsx-runtime";
-import { s as m } from "./styled-fvngWWLy.js";
-import { m as co } from "./memoTheme-R-LnLD8I.js";
+import { s as m } from "./styled-D8CtiDxW.js";
+import { m as co } from "./memoTheme-CCudmmpb.js";
 import { u as p } from "./useSlot-BVGwJA4b.js";
 import { u as mo } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { P as w } from "./Paper-DpGDlTnE.js";
-import { F as v, B as uo } from "./Backdrop-DLtFFTHy.js";
-import { u as bo } from "./useId-CK6Kn3Tn.js";
-import { c as fo } from "./composeClasses-2Ou-RZJr.js";
-import { M as yo } from "./Modal-quA3LOv8.js";
+import { P as w } from "./Paper-CFXI_f81.js";
+import { F as v } from "./Fade-Gtmak1th.js";
+import { u as uo } from "./useId-CK6Kn3Tn.js";
+import { c as bo } from "./composeClasses-2Ou-RZJr.js";
+import { M as fo } from "./Modal-B1F20IqD.js";
+import { B as yo } from "./Backdrop-gg1OVYeE.js";
 function ho(r) {
   return so("MuiDialog", r);
 }
-const k = lo("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), go = m(uo, {
+const k = lo("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), go = m(yo, {
   name: "MuiDialog",
   slot: "Backdrop",
   overrides: (r, e) => e.backdrop
@@ -37,8 +38,8 @@ const k = lo("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "pa
     container: ["container", `scroll${n(a)}`],
     paper: ["paper", `paperScroll${n(a)}`, `paperWidth${n(String(c))}`, d && "paperFullWidth", u && "paperFullScreen"]
   };
-  return fo(b, ho, e);
-}, ko = m(yo, {
+  return bo(b, ho, e);
+}, ko = m(fo, {
   name: "MuiDialog",
   slot: "Root"
 })({
@@ -222,7 +223,7 @@ const k = lo("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "pa
     h.current = s.target === s.currentTarget;
   }, H = (s) => {
     S && S(s), h.current && (h.current = null, f && f(s, "backdropClick"));
-  }, g = bo(M), V = x.useMemo(() => ({
+  }, g = uo(M), V = x.useMemo(() => ({
     titleId: g
   }), [g]), q = {
     transition: L,

package/dist/{DialogActions-CPDvDLrR.js → DialogActions-CA6rHb-U.js}

@@ -1,11 +1,11 @@
 import * as p from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as f } from "./clsx-OuTLNxxd.js";
-import { c as g } from "./createTheme-BnGUhbht.js";
-import { g as m } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as g } from "./createTheme-B1FDFl52.js";
+import { g as m } from "./generateUtilityClasses-CIjBDg4V.js";
 import { jsx as d } from "react/jsx-runtime";
 import { u } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as y } from "./styled-fvngWWLy.js";
+import { s as y } from "./styled-D8CtiDxW.js";
 import { c as D } from "./composeClasses-2Ou-RZJr.js";
 function b(s) {
   return g("MuiDialogActions", s);

package/dist/{DialogContent-CKtOueUR.js → DialogContent-BqPESVtO.js}

@@ -1,13 +1,13 @@
 import * as p from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c } from "./clsx-OuTLNxxd.js";
-import { m } from "./memoTheme-R-LnLD8I.js";
-import { c as f } from "./createTheme-BnGUhbht.js";
-import { g as v } from "./generateUtilityClasses-njw3KdKN.js";
-import { d as g } from "./dialogTitleClasses-Y20vamk3.js";
+import { m } from "./memoTheme-CCudmmpb.js";
+import { c as f } from "./createTheme-B1FDFl52.js";
+import { g as v } from "./generateUtilityClasses-CIjBDg4V.js";
+import { d as g } from "./dialogTitleClasses-dak6NgSZ.js";
 import { jsx as u } from "react/jsx-runtime";
 import { u as C } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as x } from "./styled-fvngWWLy.js";
+import { s as x } from "./styled-D8CtiDxW.js";
 import { c as y } from "./composeClasses-2Ou-RZJr.js";
 function D(s) {
   return f("MuiDialogContent", s);

package/dist/{DialogContentText-4wkWrNzG.js → DialogContentText-CbO2B4Z9.js}

@@ -1,13 +1,13 @@
 import * as c from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as i } from "./clsx-OuTLNxxd.js";
-import { s as p, r as m } from "./styled-fvngWWLy.js";
-import { g as f } from "./generateUtilityClasses-njw3KdKN.js";
-import { c as u } from "./createTheme-BnGUhbht.js";
+import { s as p, r as m } from "./styled-D8CtiDxW.js";
+import { g as f } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as u } from "./createTheme-B1FDFl52.js";
 import { jsx as d } from "react/jsx-runtime";
 import { u as g } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { c as C } from "./composeClasses-2Ou-RZJr.js";
-import { T } from "./Typography-DnNWmNen.js";
+import { T } from "./Typography-DHgJeiAU.js";
 function x(t) {
   return u("MuiDialogContentText", t);
 }

package/dist/{DialogTitle-CKBNYMcR.js → DialogTitle-CiIRMfyK.js}

@@ -1,13 +1,13 @@
 import * as l from "react";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as f } from "./clsx-OuTLNxxd.js";
-import { g as u } from "./dialogTitleClasses-Y20vamk3.js";
+import { g as u } from "./dialogTitleClasses-dak6NgSZ.js";
 import { D as d } from "./DialogContext-BJlEONXw.js";
 import { jsx as g } from "react/jsx-runtime";
 import { u as T } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as D } from "./styled-fvngWWLy.js";
+import { s as D } from "./styled-D8CtiDxW.js";
 import { c as y } from "./composeClasses-2Ou-RZJr.js";
-import { T as x } from "./Typography-DnNWmNen.js";
+import { T as x } from "./Typography-DHgJeiAU.js";
 const h = (t) => {
   const {
     classes: s

package/dist/{Divider-DANmFTyq.js → Divider-CyEo7bil.js}

@@ -1,11 +1,11 @@
 import * as A from "react";
 import { P as r } from "./index-CyAhC1RZ.js";
 import { c as D } from "./clsx-OuTLNxxd.js";
-import { m } from "./memoTheme-R-LnLD8I.js";
-import { g as T } from "./dividerClasses-C13nqEzJ.js";
+import { m } from "./memoTheme-CCudmmpb.js";
+import { g as T } from "./dividerClasses-BejrNVgA.js";
 import { jsx as v } from "react/jsx-runtime";
 import { u as R } from "./DefaultPropsProvider-Hks9kyHW.js";
-import { s as b } from "./styled-fvngWWLy.js";
+import { s as b } from "./styled-D8CtiDxW.js";
 import { c as S } from "./composeClasses-2Ou-RZJr.js";
 const C = (e) => {
   const {

package/dist/Drawer-Thixj4OK.js

@@ -0,0 +1,405 @@
+import * as h from "react";
+import { P as o } from "./index-CyAhC1RZ.js";
+import { c as P } from "./clsx-OuTLNxxd.js";
+import { u as K } from "./index-D2IRntbh.js";
+import { s as y, r as Q } from "./styled-D8CtiDxW.js";
+import { u as X } from "./useTheme-DAG00iEG.js";
+import { jsx as i } from "react/jsx-runtime";
+import { m as A } from "./memoTheme-CCudmmpb.js";
+import { g as Z } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as oo, j as c } from "./createTheme-B1FDFl52.js";
+import { u as m } from "./useSlot-BVGwJA4b.js";
+import { u as ro } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { m as eo } from "./mergeSlotProps-CuzBQdlp.js";
+import { S as to } from "./Slide-CTOPI8UL.js";
+import { c as ao } from "./composeClasses-2Ou-RZJr.js";
+import { M as no } from "./Modal-B1F20IqD.js";
+import { P as so } from "./Paper-CFXI_f81.js";
+import { i as po } from "./integerPropType-BihGt2aU.js";
+function io(e) {
+  return oo("MuiDrawer", e);
+}
+const No = Z("MuiDrawer", ["root", "docked", "paper", "anchorLeft", "anchorRight", "anchorTop", "anchorBottom", "paperAnchorLeft", "paperAnchorRight", "paperAnchorTop", "paperAnchorBottom", "paperAnchorDockedLeft", "paperAnchorDockedRight", "paperAnchorDockedTop", "paperAnchorDockedBottom", "modal"]), O = (e, r) => {
+  const {
+    ownerState: t
+  } = e;
+  return [r.root, (t.variant === "permanent" || t.variant === "persistent") && r.docked, r.modal];
+}, co = (e) => {
+  const {
+    classes: r,
+    anchor: t,
+    variant: a
+  } = e, l = {
+    root: ["root", `anchor${c(t)}`],
+    docked: [(a === "permanent" || a === "persistent") && "docked"],
+    modal: ["modal"],
+    paper: ["paper", `paperAnchor${c(t)}`, a !== "temporary" && `paperAnchorDocked${c(t)}`]
+  };
+  return ao(l, io, r);
+}, lo = y(no, {
+  name: "MuiDrawer",
+  slot: "Root",
+  overridesResolver: O
+})(A(({
+  theme: e
+}) => ({
+  zIndex: (e.vars || e).zIndex.drawer
+}))), mo = y("div", {
+  shouldForwardProp: Q,
+  name: "MuiDrawer",
+  slot: "Docked",
+  skipVariantsResolver: !1,
+  overridesResolver: O
+})({
+  flex: "0 0 auto"
+}), fo = y(so, {
+  name: "MuiDrawer",
+  slot: "Paper",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: t
+    } = e;
+    return [r.paper, r[`paperAnchor${c(t.anchor)}`], t.variant !== "temporary" && r[`paperAnchorDocked${c(t.anchor)}`]];
+  }
+})(A(({
+  theme: e
+}) => ({
+  overflowY: "auto",
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  flex: "1 0 auto",
+  zIndex: (e.vars || e).zIndex.drawer,
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  // temporary style
+  position: "fixed",
+  top: 0,
+  // We disable the focus ring for mouse, touch and keyboard users.
+  // At some point, it would be better to keep it for keyboard users.
+  // :focus-ring CSS pseudo-class will help.
+  outline: 0,
+  variants: [{
+    props: {
+      anchor: "left"
+    },
+    style: {
+      left: 0
+    }
+  }, {
+    props: {
+      anchor: "top"
+    },
+    style: {
+      top: 0,
+      left: 0,
+      right: 0,
+      height: "auto",
+      maxHeight: "100%"
+    }
+  }, {
+    props: {
+      anchor: "right"
+    },
+    style: {
+      right: 0
+    }
+  }, {
+    props: {
+      anchor: "bottom"
+    },
+    style: {
+      top: "auto",
+      left: 0,
+      bottom: 0,
+      right: 0,
+      height: "auto",
+      maxHeight: "100%"
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchor === "left" && r.variant !== "temporary",
+    style: {
+      borderRight: `1px solid ${(e.vars || e).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchor === "top" && r.variant !== "temporary",
+    style: {
+      borderBottom: `1px solid ${(e.vars || e).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchor === "right" && r.variant !== "temporary",
+    style: {
+      borderLeft: `1px solid ${(e.vars || e).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: r
+    }) => r.anchor === "bottom" && r.variant !== "temporary",
+    style: {
+      borderTop: `1px solid ${(e.vars || e).palette.divider}`
+    }
+  }]
+}))), C = {
+  left: "right",
+  right: "left",
+  top: "down",
+  bottom: "up"
+};
+function uo(e) {
+  return ["left", "right"].includes(e);
+}
+function ho({
+  direction: e
+}, r) {
+  return e === "rtl" && uo(r) ? C[r] : r;
+}
+const Po = /* @__PURE__ */ h.forwardRef(function(r, t) {
+  const a = ro({
+    props: r,
+    name: "MuiDrawer"
+  }), l = X(), M = K(), B = {
+    enter: l.transitions.duration.enteringScreen,
+    exit: l.transitions.duration.leavingScreen
+  }, {
+    anchor: b = "left",
+    BackdropProps: $,
+    children: N,
+    className: v,
+    elevation: k = 16,
+    hideBackdrop: z = !1,
+    ModalProps: {
+      BackdropProps: F,
+      ...I
+    } = {},
+    onClose: L,
+    open: f = !1,
+    PaperProps: g = {},
+    SlideProps: U,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: E,
+    transitionDuration: D = B,
+    variant: d = "temporary",
+    slots: H = {},
+    slotProps: T = {},
+    ...u
+  } = a, w = h.useRef(!1);
+  h.useEffect(() => {
+    w.current = !0;
+  }, []);
+  const V = ho({
+    direction: M ? "rtl" : "ltr"
+  }, b), s = {
+    ...a,
+    anchor: b,
+    elevation: k,
+    open: f,
+    variant: d,
+    ...u
+  }, p = co(s), n = {
+    slots: {
+      transition: E,
+      ...H
+    },
+    slotProps: {
+      paper: g,
+      transition: U,
+      ...T,
+      backdrop: eo(T.backdrop || {
+        ...$,
+        ...F
+      }, {
+        transitionDuration: D
+      })
+    }
+  }, [q, W] = m("root", {
+    ref: t,
+    elementType: lo,
+    className: P(p.root, p.modal, v),
+    shouldForwardComponentProp: !0,
+    ownerState: s,
+    externalForwardedProps: {
+      ...n,
+      ...u,
+      ...I
+    },
+    additionalProps: {
+      open: f,
+      onClose: L,
+      hideBackdrop: z,
+      slots: {
+        backdrop: n.slots.backdrop
+      },
+      slotProps: {
+        backdrop: n.slotProps.backdrop
+      }
+    }
+  }), [Y, _] = m("paper", {
+    elementType: fo,
+    shouldForwardComponentProp: !0,
+    className: P(p.paper, g.className),
+    ownerState: s,
+    externalForwardedProps: n,
+    additionalProps: {
+      elevation: d === "temporary" ? k : 0,
+      square: !0
+    }
+  }), [x, S] = m("docked", {
+    elementType: mo,
+    ref: t,
+    className: P(p.root, p.docked, v),
+    ownerState: s,
+    externalForwardedProps: n,
+    additionalProps: u
+    // pass `other` here because `DockedSlot` is also a root slot for some variants
+  }), [G, J] = m("transition", {
+    elementType: to,
+    ownerState: s,
+    externalForwardedProps: n,
+    additionalProps: {
+      in: f,
+      direction: C[V],
+      timeout: D,
+      appear: w.current
+    }
+  }), R = /* @__PURE__ */ i(Y, {
+    ..._,
+    children: N
+  });
+  if (d === "permanent")
+    return /* @__PURE__ */ i(x, {
+      ...S,
+      children: R
+    });
+  const j = /* @__PURE__ */ i(G, {
+    ...J,
+    children: R
+  });
+  return d === "persistent" ? /* @__PURE__ */ i(x, {
+    ...S,
+    children: j
+  }) : /* @__PURE__ */ i(q, {
+    ...W,
+    children: j
+  });
+});
+process.env.NODE_ENV !== "production" && (Po.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Side from which the drawer will appear.
+   * @default 'left'
+   */
+  anchor: o.oneOf(["bottom", "left", "right", "top"]),
+  /**
+   * @ignore
+   */
+  BackdropProps: o.object,
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The elevation of the drawer.
+   * @default 16
+   */
+  elevation: po,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: o.bool,
+  /**
+   * Props applied to the [`Modal`](https://mui.com/material-ui/api/modal/) element.
+   * @default {}
+   */
+  ModalProps: o.object,
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: o.func,
+  /**
+   * If `true`, the component is shown.
+   * @default false
+   */
+  open: o.bool,
+  /**
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
+   * @deprecated use the `slotProps.paper` 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 {}
+   */
+  PaperProps: o.object,
+  /**
+   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
+   * @deprecated use the `slotProps.transition` 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.
+   */
+  SlideProps: o.object,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    docked: o.oneOfType([o.func, o.object]),
+    paper: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object]),
+    transition: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: o.shape({
+    backdrop: o.elementType,
+    docked: o.elementType,
+    paper: o.elementType,
+    root: o.elementType,
+    transition: 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 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,
+   * }
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })]),
+  /**
+   * The variant to use.
+   * @default 'temporary'
+   */
+  variant: o.oneOf(["permanent", "persistent", "temporary"])
+});
+export {
+  Po as D,
+  No as d,
+  io as g
+};