@clearstory/drywall-react 3.5.0 → 3.6.0

package/dist/TableBody-Cz4-zG4_.js

@@ -0,0 +1,83 @@
+import * as y from "react";
+import { P as o } from "./index-CyAhC1RZ.js";
+import { c as d } from "./clsx-OuTLNxxd.js";
+import { T as f } from "./Tablelvl2Context-Bk64984_.js";
+import { g as u } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as b } from "./createTheme-B1FDFl52.js";
+import { jsx as n } from "react/jsx-runtime";
+import { u as T } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as B } from "./styled-D8CtiDxW.js";
+import { c as g } from "./composeClasses-2Ou-RZJr.js";
+function C(s) {
+  return b("MuiTableBody", s);
+}
+const S = u("MuiTableBody", ["root"]), v = (s) => {
+  const {
+    classes: t
+  } = s;
+  return g({
+    root: ["root"]
+  }, C, t);
+}, w = B("tbody", {
+  name: "MuiTableBody",
+  slot: "Root"
+})({
+  display: "table-row-group"
+}), x = {
+  variant: "body"
+}, c = "tbody", N = /* @__PURE__ */ y.forwardRef(function(t, r) {
+  const a = T({
+    props: t,
+    name: "MuiTableBody"
+  }), {
+    className: p,
+    component: e = c,
+    ...i
+  } = a, l = {
+    ...a,
+    component: e
+  }, m = v(l);
+  return /* @__PURE__ */ n(f.Provider, {
+    value: x,
+    children: /* @__PURE__ */ n(w, {
+      className: d(m.root, p),
+      as: e,
+      ref: r,
+      role: e === c ? null : "rowgroup",
+      ownerState: l,
+      ...i
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (N.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, normally `TableRow`.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: 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])
+});
+export {
+  N as T,
+  C as g,
+  S as t
+};

package/dist/TableCell-DoYXdVk-.js

@@ -0,0 +1,247 @@
+import * as m from "react";
+import { P as t } from "./index-CyAhC1RZ.js";
+import { c as H } from "./clsx-OuTLNxxd.js";
+import { T as O } from "./TableContext-DMoc2nds.js";
+import { T as R } from "./Tablelvl2Context-Bk64984_.js";
+import { m as $ } from "./memoTheme-CCudmmpb.js";
+import { g as j } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as P, j as r } from "./createTheme-B1FDFl52.js";
+import { jsx as w } from "react/jsx-runtime";
+import { u as A } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as M } from "./styled-D8CtiDxW.js";
+import { c as N } from "./composeClasses-2Ou-RZJr.js";
+function S(e) {
+  return P("MuiTableCell", e);
+}
+const D = j("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]), U = (e) => {
+  const {
+    classes: o,
+    variant: a,
+    align: s,
+    padding: l,
+    size: g,
+    stickyHeader: p
+  } = e, f = {
+    root: ["root", a, p && "stickyHeader", s !== "inherit" && `align${r(s)}`, l !== "normal" && `padding${r(l)}`, `size${r(g)}`]
+  };
+  return N(f, S, o);
+}, E = M("td", {
+  name: "MuiTableCell",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: a
+    } = e;
+    return [o.root, o[a.variant], o[`size${r(a.size)}`], a.padding !== "normal" && o[`padding${r(a.padding)}`], a.align !== "inherit" && o[`align${r(a.align)}`], a.stickyHeader && o.stickyHeader];
+  }
+})($(({
+  theme: e
+}) => ({
+  ...e.typography.body2,
+  display: "table-cell",
+  verticalAlign: "inherit",
+  // Workaround for a rendering bug with spanned columns in Chrome 62.0.
+  // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
+  borderBottom: e.vars ? `1px solid ${e.vars.palette.TableCell.border}` : `1px solid
+    ${e.palette.mode === "light" ? e.lighten(e.alpha(e.palette.divider, 1), 0.88) : e.darken(e.alpha(e.palette.divider, 1), 0.68)}`,
+  textAlign: "left",
+  padding: 16,
+  variants: [{
+    props: {
+      variant: "head"
+    },
+    style: {
+      color: (e.vars || e).palette.text.primary,
+      lineHeight: e.typography.pxToRem(24),
+      fontWeight: e.typography.fontWeightMedium
+    }
+  }, {
+    props: {
+      variant: "body"
+    },
+    style: {
+      color: (e.vars || e).palette.text.primary
+    }
+  }, {
+    props: {
+      variant: "footer"
+    },
+    style: {
+      color: (e.vars || e).palette.text.secondary,
+      lineHeight: e.typography.pxToRem(21),
+      fontSize: e.typography.pxToRem(12)
+    }
+  }, {
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: "6px 16px",
+      [`&.${D.paddingCheckbox}`]: {
+        width: 24,
+        // prevent the checkbox column from growing
+        padding: "0 12px 0 16px",
+        "& > *": {
+          padding: 0
+        }
+      }
+    }
+  }, {
+    props: {
+      padding: "checkbox"
+    },
+    style: {
+      width: 48,
+      // prevent the checkbox column from growing
+      padding: "0 0 0 4px"
+    }
+  }, {
+    props: {
+      padding: "none"
+    },
+    style: {
+      padding: 0
+    }
+  }, {
+    props: {
+      align: "left"
+    },
+    style: {
+      textAlign: "left"
+    }
+  }, {
+    props: {
+      align: "center"
+    },
+    style: {
+      textAlign: "center"
+    }
+  }, {
+    props: {
+      align: "right"
+    },
+    style: {
+      textAlign: "right",
+      flexDirection: "row-reverse"
+    }
+  }, {
+    props: {
+      align: "justify"
+    },
+    style: {
+      textAlign: "justify"
+    }
+  }, {
+    props: ({
+      ownerState: o
+    }) => o.stickyHeader,
+    style: {
+      position: "sticky",
+      top: 0,
+      zIndex: 2,
+      backgroundColor: (e.vars || e).palette.background.default
+    }
+  }]
+}))), W = /* @__PURE__ */ m.forwardRef(function(o, a) {
+  const s = A({
+    props: o,
+    name: "MuiTableCell"
+  }), {
+    align: l = "inherit",
+    className: g,
+    component: p,
+    padding: f,
+    scope: C,
+    size: T,
+    sortDirection: y,
+    variant: h,
+    ...k
+  } = s, i = m.useContext(O), d = m.useContext(R), u = d && d.variant === "head";
+  let n;
+  p ? n = p : n = u ? "th" : "td";
+  let c = C;
+  n === "td" ? c = void 0 : !c && u && (c = "col");
+  const x = h || d && d.variant, b = {
+    ...s,
+    align: l,
+    component: n,
+    padding: f || (i && i.padding ? i.padding : "normal"),
+    size: T || (i && i.size ? i.size : "medium"),
+    sortDirection: y,
+    stickyHeader: x === "head" && i && i.stickyHeader,
+    variant: x
+  }, z = U(b);
+  let v = null;
+  return y && (v = y === "asc" ? "ascending" : "descending"), /* @__PURE__ */ w(E, {
+    as: n,
+    ref: a,
+    className: H(z.root, g),
+    "aria-sort": v,
+    scope: c,
+    ownerState: b,
+    ...k
+  });
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Set the text-align on the table cell content.
+   *
+   * Monetary or generally number fields **should be right aligned** as that allows
+   * you to add them up quickly in your head without having to worry about decimals.
+   * @default 'inherit'
+   */
+  align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * Sets the padding applied to the cell.
+   * The prop defaults to the value (`'default'`) inherited from the parent Table component.
+   */
+  padding: t.oneOf(["checkbox", "none", "normal"]),
+  /**
+   * Set scope attribute.
+   */
+  scope: t.string,
+  /**
+   * Specify the size of the cell.
+   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
+   */
+  size: t.oneOfType([t.oneOf(["medium", "small"]), t.string]),
+  /**
+   * Set aria-sort direction.
+   */
+  sortDirection: t.oneOf(["asc", "desc", !1]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * Specify the cell type.
+   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
+   */
+  variant: t.oneOfType([t.oneOf(["body", "footer", "head"]), t.string])
+});
+export {
+  W as T,
+  S as g,
+  D as t
+};

package/dist/TableContainer-C9YDy1mv.js

@@ -0,0 +1,77 @@
+import * as p from "react";
+import { P as o } from "./index-CyAhC1RZ.js";
+import { c as m } from "./clsx-OuTLNxxd.js";
+import { g as f } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as u } from "./createTheme-B1FDFl52.js";
+import { jsx as C } from "react/jsx-runtime";
+import { u as T } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as b } from "./styled-D8CtiDxW.js";
+import { c as y } from "./composeClasses-2Ou-RZJr.js";
+function d(e) {
+  return u("MuiTableContainer", e);
+}
+const P = f("MuiTableContainer", ["root"]), g = (e) => {
+  const {
+    classes: s
+  } = e;
+  return y({
+    root: ["root"]
+  }, d, s);
+}, v = b("div", {
+  name: "MuiTableContainer",
+  slot: "Root"
+})({
+  width: "100%",
+  overflowX: "auto"
+}), w = /* @__PURE__ */ p.forwardRef(function(s, t) {
+  const r = T({
+    props: s,
+    name: "MuiTableContainer"
+  }), {
+    className: i,
+    component: a = "div",
+    ...l
+  } = r, n = {
+    ...r,
+    component: a
+  }, c = g(n);
+  return /* @__PURE__ */ C(v, {
+    ref: t,
+    as: a,
+    className: m(c.root, i),
+    ownerState: n,
+    ...l
+  });
+});
+process.env.NODE_ENV !== "production" && (w.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, normally `Table`.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: 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])
+});
+export {
+  w as T,
+  d as g,
+  P as t
+};

package/dist/TableContext-DMoc2nds.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext();
+process.env.NODE_ENV !== "production" && (t.displayName = "TableContext");
+export {
+  t as T
+};

package/dist/TableFooter-BNiCxiFp.js

@@ -0,0 +1,83 @@
+import * as f from "react";
+import { P as o } from "./index-CyAhC1RZ.js";
+import { c as u } from "./clsx-OuTLNxxd.js";
+import { T as b } from "./Tablelvl2Context-Bk64984_.js";
+import { g as T } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as y } from "./createTheme-B1FDFl52.js";
+import { jsx as n } from "react/jsx-runtime";
+import { u as d } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as F } from "./styled-D8CtiDxW.js";
+import { c as g } from "./composeClasses-2Ou-RZJr.js";
+function C(t) {
+  return y("MuiTableFooter", t);
+}
+const S = T("MuiTableFooter", ["root"]), v = (t) => {
+  const {
+    classes: e
+  } = t;
+  return g({
+    root: ["root"]
+  }, C, e);
+}, x = F("tfoot", {
+  name: "MuiTableFooter",
+  slot: "Root"
+})({
+  display: "table-footer-group"
+}), N = {
+  variant: "footer"
+}, c = "tfoot", j = /* @__PURE__ */ f.forwardRef(function(e, r) {
+  const a = d({
+    props: e,
+    name: "MuiTableFooter"
+  }), {
+    className: p,
+    component: s = c,
+    ...i
+  } = a, l = {
+    ...a,
+    component: s
+  }, m = v(l);
+  return /* @__PURE__ */ n(b.Provider, {
+    value: N,
+    children: /* @__PURE__ */ n(x, {
+      as: s,
+      className: u(m.root, p),
+      ref: r,
+      role: s === c ? null : "rowgroup",
+      ownerState: l,
+      ...i
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (j.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, normally `TableRow`.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: 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])
+});
+export {
+  j as T,
+  C as g,
+  S as t
+};

package/dist/TableHead-CIgnNtbe.js

@@ -0,0 +1,83 @@
+import * as d from "react";
+import { P as e } from "./index-CyAhC1RZ.js";
+import { c as f } from "./clsx-OuTLNxxd.js";
+import { T as u } from "./Tablelvl2Context-Bk64984_.js";
+import { g as b } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as T } from "./createTheme-B1FDFl52.js";
+import { jsx as n } from "react/jsx-runtime";
+import { u as y } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as H } from "./styled-D8CtiDxW.js";
+import { c as g } from "./composeClasses-2Ou-RZJr.js";
+function C(o) {
+  return T("MuiTableHead", o);
+}
+const S = b("MuiTableHead", ["root"]), h = (o) => {
+  const {
+    classes: s
+  } = o;
+  return g({
+    root: ["root"]
+  }, C, s);
+}, v = H("thead", {
+  name: "MuiTableHead",
+  slot: "Root"
+})({
+  display: "table-header-group"
+}), x = {
+  variant: "head"
+}, c = "thead", N = /* @__PURE__ */ d.forwardRef(function(s, a) {
+  const r = y({
+    props: s,
+    name: "MuiTableHead"
+  }), {
+    className: p,
+    component: t = c,
+    ...i
+  } = r, l = {
+    ...r,
+    component: t
+  }, m = h(l);
+  return /* @__PURE__ */ n(u.Provider, {
+    value: x,
+    children: /* @__PURE__ */ n(v, {
+      as: t,
+      className: f(m.root, p),
+      ref: a,
+      role: t === c ? null : "rowgroup",
+      ownerState: l,
+      ...i
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (N.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, normally `TableRow`.
+   */
+  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 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])
+});
+export {
+  N as T,
+  C as g,
+  S as t
+};

package/dist/TableRow-BtFlGgF8.js

@@ -0,0 +1,120 @@
+import * as p from "react";
+import { P as e } from "./index-CyAhC1RZ.js";
+import { c as b } from "./clsx-OuTLNxxd.js";
+import { T } from "./Tablelvl2Context-Bk64984_.js";
+import { m as w } from "./memoTheme-CCudmmpb.js";
+import { g as y } from "./generateUtilityClasses-CIjBDg4V.js";
+import { c as R } from "./createTheme-B1FDFl52.js";
+import { jsx as C } from "react/jsx-runtime";
+import { u as g } from "./DefaultPropsProvider-Hks9kyHW.js";
+import { s as h } from "./styled-D8CtiDxW.js";
+import { c as O } from "./composeClasses-2Ou-RZJr.js";
+function x(o) {
+  return R("MuiTableRow", o);
+}
+const f = y("MuiTableRow", ["root", "selected", "hover", "head", "footer"]), N = (o) => {
+  const {
+    classes: t,
+    selected: r,
+    hover: s,
+    head: n,
+    footer: a
+  } = o;
+  return O({
+    root: ["root", r && "selected", s && "hover", n && "head", a && "footer"]
+  }, x, t);
+}, j = h("tr", {
+  name: "MuiTableRow",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.root, r.head && t.head, r.footer && t.footer];
+  }
+})(w(({
+  theme: o
+}) => ({
+  color: "inherit",
+  display: "table-row",
+  verticalAlign: "middle",
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  [`&.${f.hover}:hover`]: {
+    backgroundColor: (o.vars || o).palette.action.hover
+  },
+  [`&.${f.selected}`]: {
+    backgroundColor: o.alpha((o.vars || o).palette.primary.main, (o.vars || o).palette.action.selectedOpacity),
+    "&:hover": {
+      backgroundColor: o.alpha((o.vars || o).palette.primary.main, `${(o.vars || o).palette.action.selectedOpacity} + ${(o.vars || o).palette.action.hoverOpacity}`)
+    }
+  }
+}))), d = "tr", M = /* @__PURE__ */ p.forwardRef(function(t, r) {
+  const s = g({
+    props: t,
+    name: "MuiTableRow"
+  }), {
+    className: n,
+    component: a = d,
+    hover: c = !1,
+    selected: m = !1,
+    ...v
+  } = s, l = p.useContext(T), i = {
+    ...s,
+    component: a,
+    hover: c,
+    selected: m,
+    head: l && l.variant === "head",
+    footer: l && l.variant === "footer"
+  }, u = N(i);
+  return /* @__PURE__ */ C(j, {
+    as: a,
+    ref: r,
+    className: b(u.root, n),
+    role: a === d ? null : "row",
+    ownerState: i,
+    ...v
+  });
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Should be valid `<tr>` children such as `TableCell`.
+   */
+  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,
+  /**
+   * If `true`, the table row will shade on hover.
+   * @default false
+   */
+  hover: e.bool,
+  /**
+   * If `true`, the table row will have the selected shading.
+   * @default false
+   */
+  selected: e.bool,
+  /**
+   * 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])
+});
+export {
+  M as T,
+  x as g,
+  f as t
+};