@clearstory/drywall-react 2.2.0 → 2.3.0

package/dist/Snackbar-B4ylEaa1.js

@@ -0,0 +1,576 @@
+import * as y from "react";
+import { P as e } from "./index-CyAhC1RZ.js";
+import { u as pe } from "./useTimeout-DRd4LBXb.js";
+import { u as B } from "./useEventCallback-BAQJJ3ye.js";
+import { e as N } from "./mergeSlotProps-6s0dXxkk.js";
+import { u as de } from "./useTheme-CbsaMxqD.js";
+import { jsxs as fe, jsx as w } from "react/jsx-runtime";
+import { s as P } from "./styled-fvngWWLy.js";
+import { m as F } from "./memoTheme-R-LnLD8I.js";
+import { g as U } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as I, e as H, j as v } from "./createTheme-BnGUhbht.js";
+import { u as S } from "./useSlot-BVGwJA4b.js";
+import { u as W } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { C as me } from "./ClickAwayListener-BhNP8Zmy.js";
+import { c as be } from "./clsx-OuTLNxxd.js";
+import { c as $ } from "./composeClasses-2Ou-RZJr.js";
+import { P as ge } from "./Paper-DpGDlTnE.js";
+import { G as ye } from "./Grow-C0dChpKD.js";
+function ke(o = {}) {
+  const {
+    autoHideDuration: n = null,
+    disableWindowBlurListener: s = !1,
+    onClose: a,
+    open: i,
+    resumeHideDuration: b
+  } = o, u = pe();
+  y.useEffect(() => {
+    if (!i)
+      return;
+    function t(r) {
+      r.defaultPrevented || r.key === "Escape" && a?.(r, "escapeKeyDown");
+    }
+    return document.addEventListener("keydown", t), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, [i, a]);
+  const k = B((t, r) => {
+    a?.(t, r);
+  }), p = B((t) => {
+    !a || t == null || u.start(t, () => {
+      k(null, "timeout");
+    });
+  });
+  y.useEffect(() => (i && p(n), u.clear), [i, n, p, u]);
+  const d = (t) => {
+    a?.(t, "clickaway");
+  }, c = u.clear, g = y.useCallback(() => {
+    n != null && p(b ?? n * 0.5);
+  }, [n, b, p]), T = (t) => (r) => {
+    const f = t.onBlur;
+    f?.(r), g();
+  }, O = (t) => (r) => {
+    const f = t.onFocus;
+    f?.(r), c();
+  }, x = (t) => (r) => {
+    const f = t.onMouseEnter;
+    f?.(r), c();
+  }, E = (t) => (r) => {
+    const f = t.onMouseLeave;
+    f?.(r), g();
+  };
+  return y.useEffect(() => {
+    if (!s && i)
+      return window.addEventListener("focus", g), window.addEventListener("blur", c), () => {
+        window.removeEventListener("focus", g), window.removeEventListener("blur", c);
+      };
+  }, [s, i, g, c]), {
+    getRootProps: (t = {}) => {
+      const r = {
+        ...N(o),
+        ...N(t)
+      };
+      return {
+        // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+        // See https://github.com/mui/material-ui/issues/29080
+        role: "presentation",
+        ...t,
+        ...r,
+        onBlur: T(r),
+        onFocus: O(r),
+        onMouseEnter: x(r),
+        onMouseLeave: E(r)
+      };
+    },
+    onClickAway: d
+  };
+}
+function Ce(o) {
+  return I("MuiSnackbarContent", o);
+}
+U("MuiSnackbarContent", ["root", "message", "action"]);
+const we = (o) => {
+  const {
+    classes: n
+  } = o;
+  return $({
+    root: ["root"],
+    action: ["action"],
+    message: ["message"]
+  }, Ce, n);
+}, he = P(ge, {
+  name: "MuiSnackbarContent",
+  slot: "Root"
+})(F(({
+  theme: o
+}) => {
+  const n = o.palette.mode === "light" ? 0.8 : 0.98;
+  return {
+    ...o.typography.body2,
+    color: o.vars ? o.vars.palette.SnackbarContent.color : o.palette.getContrastText(H(o.palette.background.default, n)),
+    backgroundColor: o.vars ? o.vars.palette.SnackbarContent.bg : H(o.palette.background.default, n),
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    padding: "6px 16px",
+    flexGrow: 1,
+    [o.breakpoints.up("sm")]: {
+      flexGrow: "initial",
+      minWidth: 288
+    }
+  };
+})), Se = P("div", {
+  name: "MuiSnackbarContent",
+  slot: "Message"
+})({
+  padding: "8px 0"
+}), ve = P("div", {
+  name: "MuiSnackbarContent",
+  slot: "Action"
+})({
+  display: "flex",
+  alignItems: "center",
+  marginLeft: "auto",
+  paddingLeft: 16,
+  marginRight: -8
+}), G = /* @__PURE__ */ y.forwardRef(function(n, s) {
+  const a = W({
+    props: n,
+    name: "MuiSnackbarContent"
+  }), {
+    action: i,
+    className: b,
+    message: u,
+    role: k = "alert",
+    ...p
+  } = a, d = a, c = we(d);
+  return /* @__PURE__ */ fe(he, {
+    role: k,
+    elevation: 6,
+    className: be(c.root, b),
+    ownerState: d,
+    ref: s,
+    ...p,
+    children: [/* @__PURE__ */ w(Se, {
+      className: c.message,
+      ownerState: d,
+      children: u
+    }), i ? /* @__PURE__ */ w(ve, {
+      className: c.action,
+      ownerState: d,
+      children: i
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (G.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The action to display. It renders after the message, at the end of the snackbar.
+   */
+  action: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The message to display.
+   */
+  message: e.node,
+  /**
+   * The ARIA role attribute of the element.
+   * @default 'alert'
+   */
+  role: e.string,
+  /**
+   * 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])
+});
+function Pe(o) {
+  return I("MuiSnackbar", o);
+}
+const Ve = U("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft"]), Te = (o) => {
+  const {
+    classes: n,
+    anchorOrigin: s
+  } = o, a = {
+    root: ["root", `anchorOrigin${v(s.vertical)}${v(s.horizontal)}`]
+  };
+  return $(a, Pe, n);
+}, Oe = P("div", {
+  name: "MuiSnackbar",
+  slot: "Root",
+  overridesResolver: (o, n) => {
+    const {
+      ownerState: s
+    } = o;
+    return [n.root, n[`anchorOrigin${v(s.anchorOrigin.vertical)}${v(s.anchorOrigin.horizontal)}`]];
+  }
+})(F(({
+  theme: o
+}) => ({
+  zIndex: (o.vars || o).zIndex.snackbar,
+  position: "fixed",
+  display: "flex",
+  left: 8,
+  right: 8,
+  justifyContent: "center",
+  alignItems: "center",
+  variants: [{
+    props: ({
+      ownerState: n
+    }) => n.anchorOrigin.vertical === "top",
+    style: {
+      top: 8,
+      [o.breakpoints.up("sm")]: {
+        top: 24
+      }
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.anchorOrigin.vertical !== "top",
+    style: {
+      bottom: 8,
+      [o.breakpoints.up("sm")]: {
+        bottom: 24
+      }
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.anchorOrigin.horizontal === "left",
+    style: {
+      justifyContent: "flex-start",
+      [o.breakpoints.up("sm")]: {
+        left: 24,
+        right: "auto"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.anchorOrigin.horizontal === "right",
+    style: {
+      justifyContent: "flex-end",
+      [o.breakpoints.up("sm")]: {
+        right: 24,
+        left: "auto"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.anchorOrigin.horizontal === "center",
+    style: {
+      [o.breakpoints.up("sm")]: {
+        left: "50%",
+        right: "auto",
+        transform: "translateX(-50%)"
+      }
+    }
+  }]
+}))), xe = /* @__PURE__ */ y.forwardRef(function(n, s) {
+  const a = W({
+    props: n,
+    name: "MuiSnackbar"
+  }), i = de(), b = {
+    enter: i.transitions.duration.enteringScreen,
+    exit: i.transitions.duration.leavingScreen
+  }, {
+    action: u,
+    anchorOrigin: {
+      vertical: k,
+      horizontal: p
+    } = {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    autoHideDuration: d = null,
+    children: c,
+    className: g,
+    ClickAwayListenerProps: T,
+    ContentProps: O,
+    disableWindowBlurListener: x = !1,
+    message: E,
+    onBlur: q,
+    onClose: t,
+    onFocus: r,
+    onMouseEnter: f,
+    onMouseLeave: Ee,
+    open: L,
+    resumeHideDuration: Le,
+    slots: M = {},
+    slotProps: K = {},
+    TransitionComponent: A,
+    transitionDuration: j = b,
+    TransitionProps: {
+      onEnter: R,
+      onExited: D,
+      ...V
+    } = {},
+    ..._
+  } = a, C = {
+    ...a,
+    anchorOrigin: {
+      vertical: k,
+      horizontal: p
+    },
+    autoHideDuration: d,
+    disableWindowBlurListener: x,
+    TransitionComponent: A,
+    transitionDuration: j
+  }, X = Te(C), {
+    getRootProps: J,
+    onClickAway: Q
+  } = ke({
+    ...C
+  }), [Y, z] = y.useState(!0), Z = (m) => {
+    z(!0), D && D(m);
+  }, ee = (m, l) => {
+    z(!1), R && R(m, l);
+  }, h = {
+    slots: {
+      transition: A,
+      ...M
+    },
+    slotProps: {
+      content: O,
+      clickAwayListener: T,
+      transition: V,
+      ...K
+    }
+  }, [oe, ne] = S("root", {
+    ref: s,
+    className: [X.root, g],
+    elementType: Oe,
+    getSlotProps: J,
+    externalForwardedProps: {
+      ...h,
+      ..._
+    },
+    ownerState: C
+  }), [te, {
+    ownerState: re,
+    ...se
+  }] = S("clickAwayListener", {
+    elementType: me,
+    externalForwardedProps: h,
+    getSlotProps: (m) => ({
+      onClickAway: (...l) => {
+        const ue = l[0];
+        m.onClickAway?.(...l), !ue?.defaultMuiPrevented && Q(...l);
+      }
+    }),
+    ownerState: C
+  }), [ae, ie] = S("content", {
+    elementType: G,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: h,
+    additionalProps: {
+      message: E,
+      action: u
+    },
+    ownerState: C
+  }), [ce, le] = S("transition", {
+    elementType: ye,
+    externalForwardedProps: h,
+    getSlotProps: (m) => ({
+      onEnter: (...l) => {
+        m.onEnter?.(...l), ee(...l);
+      },
+      onExited: (...l) => {
+        m.onExited?.(...l), Z(...l);
+      }
+    }),
+    additionalProps: {
+      appear: !0,
+      in: L,
+      timeout: j,
+      direction: k === "top" ? "down" : "up"
+    },
+    ownerState: C
+  });
+  return !L && Y ? null : /* @__PURE__ */ w(te, {
+    ...se,
+    ...M.clickAwayListener && {
+      ownerState: re
+    },
+    children: /* @__PURE__ */ w(oe, {
+      ...ne,
+      children: /* @__PURE__ */ w(ce, {
+        ...le,
+        children: c || /* @__PURE__ */ w(ae, {
+          ...ie
+        })
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (xe.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The action to display. It renders after the message, at the end of the snackbar.
+   */
+  action: e.node,
+  /**
+   * The anchor of the `Snackbar`.
+   * On smaller screens, the component grows to occupy all the available width,
+   * the horizontal alignment is ignored.
+   * @default { vertical: 'bottom', horizontal: 'left' }
+   */
+  anchorOrigin: e.shape({
+    horizontal: e.oneOf(["center", "left", "right"]).isRequired,
+    vertical: e.oneOf(["bottom", "top"]).isRequired
+  }),
+  /**
+   * The number of milliseconds to wait before automatically calling the
+   * `onClose` function. `onClose` should then set the state of the `open`
+   * prop to hide the Snackbar. This behavior is disabled by default with
+   * the `null` value.
+   * @default null
+   */
+  autoHideDuration: e.number,
+  /**
+   * Replace the `SnackbarContent` component.
+   */
+  children: e.element,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * Props applied to the `ClickAwayListener` element.
+   * @deprecated Use `slotProps.clickAwayListener` 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.
+   */
+  ClickAwayListenerProps: e.object,
+  /**
+   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
+   * @deprecated Use `slotProps.content` 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.
+   */
+  ContentProps: e.object,
+  /**
+   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
+   * @default false
+   */
+  disableWindowBlurListener: e.bool,
+  /**
+   * When displaying multiple consecutive snackbars using a single parent-rendered
+   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
+   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
+   * in place, and features like `autoHideDuration` could be affected.
+   */
+  key: () => null,
+  /**
+   * The message to display.
+   */
+  message: e.node,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   * Typically `onClose` is used to set state in the parent component,
+   * which is used to control the `Snackbar` `open` prop.
+   * The `reason` parameter can optionally be used to control the response to `onClose`,
+   * for example ignoring `clickaway`.
+   *
+   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
+   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
+   */
+  onClose: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * @ignore
+   */
+  onMouseEnter: e.func,
+  /**
+   * @ignore
+   */
+  onMouseLeave: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool,
+  /**
+   * The number of milliseconds to wait before dismissing after user interaction.
+   * If `autoHideDuration` prop isn't specified, it does nothing.
+   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
+   * we default to `autoHideDuration / 2` ms.
+   */
+  resumeHideDuration: e.number,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    clickAwayListener: e.oneOfType([e.func, e.object]),
+    content: e.oneOfType([e.func, e.object]),
+    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({
+    clickAwayListener: e.elementType,
+    content: e.elementType,
+    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.
+   * @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.
+   * @default Grow
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * 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: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.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.
+   * @default {}
+   */
+  TransitionProps: e.object
+});
+export {
+  xe as S,
+  Pe as g,
+  Ve as s
+};

package/dist/{Step-CwOFbDz2.js → Step-C3KsW_sV.js}

@@ -1,17 +1,18 @@
 import * as d from "react";
-import { c as M, P as e } from "./createTheme-D79OrE1w.js";
-import { c as N } from "./clsx-OuTLNxxd.js";
-import { a as O, S as U } from "./StepContext-DBP0UfQI.js";
-import { g as z } from "./generateUtilityClasses-CwzvHfCm.js";
+import { P as e } from "./index-CyAhC1RZ.js";
+import { c as M } from "./clsx-OuTLNxxd.js";
+import { a as N, S as O } from "./StepContext-DBP0UfQI.js";
+import { g as U } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as z } from "./createTheme-BnGUhbht.js";
 import { jsxs as L, jsx as D } from "react/jsx-runtime";
-import { u as E } from "./DefaultPropsProvider-PBxTVeaD.js";
-import { s as V } from "./styled-bJ6DXD3Z.js";
+import { u as E } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as V } from "./styled-fvngWWLy.js";
 import { c as F } from "./composeClasses-2Ou-RZJr.js";
 import { i as _ } from "./integerPropType-BihGt2aU.js";
 function k(a) {
-  return M("MuiStep", a);
+  return z("MuiStep", a);
 }
-const Z = z("MuiStep", ["root", "horizontal", "vertical", "alternativeLabel", "completed"]), q = (a) => {
+const $ = U("MuiStep", ["root", "horizontal", "vertical", "alternativeLabel", "completed"]), q = (a) => {
   const {
     classes: t,
     orientation: s,
@@ -69,7 +70,7 @@ const Z = z("MuiStep", ["root", "horizontal", "vertical", "alternativeLabel", "c
     alternativeLabel: b,
     orientation: T,
     nonLinear: y
-  } = d.useContext(O);
+  } = d.useContext(N);
   let [l = !1, p = !1, c = !1] = [r, m, f];
   v === o ? l = r !== void 0 ? r : !0 : !y && v > o ? p = m !== void 0 ? m : !0 : !y && v < o && (c = f !== void 0 ? f : !0);
   const j = d.useMemo(() => ({
@@ -91,13 +92,13 @@ const Z = z("MuiStep", ["root", "horizontal", "vertical", "alternativeLabel", "c
     component: x
   }, w = q(h), C = /* @__PURE__ */ L(A, {
     as: x,
-    className: N(w.root, P),
+    className: M(w.root, P),
     ref: s,
     ownerState: h,
     ...R,
     children: [i && b && o !== 0 ? i : null, S]
   });
-  return /* @__PURE__ */ D(U.Provider, {
+  return /* @__PURE__ */ D(O.Provider, {
     value: j,
     children: i && !b && o !== 0 ? /* @__PURE__ */ L(d.Fragment, {
       children: [i, C]
@@ -162,5 +163,5 @@ process.env.NODE_ENV !== "production" && (B.propTypes = {
 export {
   B as S,
   k as g,
-  Z as s
+  $ as s
 };

package/dist/{StepButton-DSXTT103.js → StepButton-Cm9DhOQx.js}

@@ -1,19 +1,20 @@
 import * as n from "react";
-import { c as B, P as t } from "./createTheme-D79OrE1w.js";
-import { c as b } from "./clsx-OuTLNxxd.js";
-import { S as C, a as y } from "./StepContext-DBP0UfQI.js";
-import { g as v } from "./generateUtilityClasses-CwzvHfCm.js";
+import { P as t } from "./index-CyAhC1RZ.js";
+import { c as B } from "./clsx-OuTLNxxd.js";
+import { S as b, a as C } from "./StepContext-DBP0UfQI.js";
+import { g as y } from "./generateUtilityClasses-njw3KdKN.js";
+import { c as v } from "./createTheme-BnGUhbht.js";
 import { jsx as l } from "react/jsx-runtime";
-import { u as N } from "./DefaultPropsProvider-PBxTVeaD.js";
+import { u as N } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { i as j } from "./isMuiElement-BKsIGdxJ.js";
-import { S as w } from "./StepLabel-Cy2krTW-.js";
-import { s as M } from "./styled-bJ6DXD3Z.js";
+import { S as w } from "./StepLabel-B_4bjXGA.js";
+import { s as M } from "./styled-fvngWWLy.js";
 import { c as P } from "./composeClasses-2Ou-RZJr.js";
-import { B as T } from "./ButtonBase-t_kdVaqI.js";
+import { B as T } from "./ButtonBase-COzHF9dg.js";
 function E(e) {
-  return B("MuiStepButton", e);
+  return v("MuiStepButton", e);
 }
-const u = v("MuiStepButton", ["root", "horizontal", "vertical", "touchRipple"]), O = (e) => {
+const u = y("MuiStepButton", ["root", "horizontal", "vertical", "touchRipple"]), O = (e) => {
   const {
     classes: o,
     orientation: s
@@ -64,9 +65,9 @@ const u = v("MuiStepButton", ["root", "horizontal", "vertical", "touchRipple"]),
   } = r, {
     disabled: h,
     active: x
-  } = n.useContext(C), {
+  } = n.useContext(b), {
     orientation: R
-  } = n.useContext(y), p = {
+  } = n.useContext(C), p = {
     ...r,
     orientation: R
   }, a = O(p), c = {
@@ -82,7 +83,7 @@ const u = v("MuiStepButton", ["root", "horizontal", "vertical", "touchRipple"]),
     TouchRippleProps: {
       className: a.touchRipple
     },
-    className: b(a.root, m),
+    className: B(a.root, m),
     ref: s,
     ownerState: p,
     "aria-current": x ? "step" : void 0,