mada-design-system 0.2.7 → 0.2.8

package/index.es39.js

@@ -1,20 +1,247 @@
-import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es96.js";
-const u = ({
-  minChildWidth: r,
-  cols: e = 12,
-  // Default to 12 columns
-  gap: p = "gap-space-05",
-  // Default spacing
-  gapX: a = "",
-  gapY: m = "",
-  className: o,
-  children: s,
-  ...t
-}) => {
-  const f = r ? `repeat(auto-fill, minmax(${typeof r == "number" ? `${r}px` : r}, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
-  return /* @__PURE__ */ x("div", { className: c("grid", p, a, m, o), style: { gridTemplateColumns: f }, ...t, children: s });
-};
+import { jsx as l } from "react/jsx-runtime";
+import { cva as n } from "./index.es107.js";
+import { clsx as x } from "./index.es98.js";
+const y = n("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12"
+    },
+    gap: {
+      none: "",
+      1: "gap-space-01",
+      2: "gap-space-02",
+      3: "gap-space-03",
+      4: "gap-space-04",
+      5: "gap-space-05",
+      6: "gap-space-06",
+      7: "gap-space-07",
+      8: "gap-space-08",
+      9: "gap-space-09",
+      10: "gap-space-10",
+      11: "gap-space-11",
+      12: "gap-space-12"
+    },
+    gapX: {
+      none: "",
+      1: "gap-x-space-01",
+      2: "gap-x-space-02",
+      3: "gap-x-space-03",
+      4: "gap-x-space-04",
+      5: "gap-x-space-05",
+      6: "gap-x-space-06",
+      7: "gap-x-space-07",
+      8: "gap-x-space-08",
+      9: "gap-x-space-09",
+      10: "gap-x-space-10",
+      11: "gap-x-space-11",
+      12: "gap-x-space-12"
+    },
+    gapY: {
+      none: "",
+      1: "gap-y-space-01",
+      2: "gap-y-space-02",
+      3: "gap-y-space-03",
+      4: "gap-y-space-04",
+      5: "gap-y-space-05",
+      6: "gap-y-space-06",
+      7: "gap-y-space-07",
+      8: "gap-y-space-08",
+      9: "gap-y-space-09",
+      10: "gap-y-space-10",
+      11: "gap-y-space-11",
+      12: "gap-y-space-12"
+    },
+    autoFlow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      dense: "grid-flow-dense",
+      rowDense: "grid-flow-row-dense",
+      colDense: "grid-flow-col-dense"
+    },
+    alignItems: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justifyItems: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    },
+    alignContent: {
+      start: "content-start",
+      center: "content-center",
+      end: "content-end",
+      between: "content-between",
+      around: "content-around",
+      evenly: "content-evenly"
+    },
+    justifyContent: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }
+  },
+  defaultVariants: {
+    cols: 12,
+    gap: 1,
+    gapX: "none",
+    gapY: "none",
+    autoFlow: "row",
+    alignItems: "stretch",
+    justifyItems: "stretch",
+    alignContent: "start",
+    justifyContent: "start"
+  }
+}), b = ({
+  cols: s,
+  gap: a,
+  gapX: p,
+  gapY: c,
+  autoFlow: e,
+  alignItems: o,
+  justifyItems: t,
+  alignContent: g,
+  justifyContent: r,
+  className: i,
+  children: d,
+  ...m
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: y({
+      cols: s,
+      gap: a,
+      gapX: p,
+      gapY: c,
+      autoFlow: e,
+      alignItems: o,
+      justifyItems: t,
+      alignContent: g,
+      justifyContent: r,
+      className: i
+    }),
+    ...m,
+    children: d
+  }
+), f = n("", {
+  variants: {
+    base: {
+      1: "col-span-1",
+      2: "col-span-2",
+      3: "col-span-3",
+      4: "col-span-4",
+      5: "col-span-5",
+      6: "col-span-6",
+      7: "col-span-7",
+      8: "col-span-8",
+      9: "col-span-9",
+      10: "col-span-10",
+      11: "col-span-11",
+      12: "col-span-12"
+    },
+    sm: {
+      1: "sm:col-span-1",
+      2: "sm:col-span-2",
+      3: "sm:col-span-3",
+      4: "sm:col-span-4",
+      5: "sm:col-span-5",
+      6: "sm:col-span-6",
+      7: "sm:col-span-7",
+      8: "sm:col-span-8",
+      9: "sm:col-span-9",
+      10: "sm:col-span-10",
+      11: "sm:col-span-11",
+      12: "sm:col-span-12"
+    },
+    md: {
+      1: "md:col-span-1",
+      2: "md:col-span-2",
+      3: "md:col-span-3",
+      4: "md:col-span-4",
+      5: "md:col-span-5",
+      6: "md:col-span-6",
+      7: "md:col-span-7",
+      8: "md:col-span-8",
+      9: "md:col-span-9",
+      10: "md:col-span-10",
+      11: "md:col-span-11",
+      12: "md:col-span-12"
+    },
+    lg: {
+      1: "lg:col-span-1",
+      2: "lg:col-span-2",
+      3: "lg:col-span-3",
+      4: "lg:col-span-4",
+      5: "lg:col-span-5",
+      6: "lg:col-span-6",
+      7: "lg:col-span-7",
+      8: "lg:col-span-8",
+      9: "lg:col-span-9",
+      10: "lg:col-span-10",
+      11: "lg:col-span-11",
+      12: "lg:col-span-12"
+    },
+    xl: {
+      1: "xl:col-span-1",
+      2: "xl:col-span-2",
+      3: "xl:col-span-3",
+      4: "xl:col-span-4",
+      5: "xl:col-span-5",
+      6: "xl:col-span-6",
+      7: "xl:col-span-7",
+      8: "xl:col-span-8",
+      9: "xl:col-span-9",
+      10: "xl:col-span-10",
+      11: "xl:col-span-11",
+      12: "xl:col-span-12"
+    },
+    "2xl": {
+      1: "2xl:col-span-1",
+      2: "2xl:col-span-2",
+      3: "2xl:col-span-3",
+      4: "2xl:col-span-4",
+      5: "2xl:col-span-5",
+      6: "2xl:col-span-6",
+      7: "2xl:col-span-7",
+      8: "2xl:col-span-8",
+      9: "2xl:col-span-9",
+      10: "2xl:col-span-10",
+      11: "2xl:col-span-11",
+      12: "2xl:col-span-12"
+    }
+  },
+  defaultVariants: {
+    base: 1
+  }
+}), v = ({ columns: s, children: a, className: p, ...c }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: x(
+      f(typeof s == "number" ? { base: s } : typeof s == "object" && s !== null ? s : {}),
+      p
+    ),
+    ...c,
+    children: a
+  }
+);
 export {
-  u as SimpleGrid
+  b as Grid,
+  v as GridItem
 };

package/index.es397.js

@@ -1,75 +1,4 @@
-import * as n from "react";
-import e from "./index.es188.js";
-import { clsx as a } from "./index.es96.js";
-import { jsx as u } from "react/jsx-runtime";
-function x(c) {
-  const {
-    className: m,
-    classes: i,
-    pulsate: p = !1,
-    rippleX: d,
-    rippleY: f,
-    rippleSize: s,
-    in: t,
-    onExited: l,
-    timeout: r
-  } = c, [o, b] = n.useState(!1), h = a(m, i.ripple, i.rippleVisible, p && i.ripplePulsate), N = {
-    width: s,
-    height: s,
-    top: -(s / 2) + f,
-    left: -(s / 2) + d
-  }, g = a(i.child, o && i.childLeaving, p && i.childPulsate);
-  return !t && !o && b(!0), n.useEffect(() => {
-    if (!t && l != null) {
-      const v = setTimeout(l, r);
-      return () => {
-        clearTimeout(v);
-      };
-    }
-  }, [l, t, r]), /* @__PURE__ */ u("span", {
-    className: h,
-    style: N,
-    children: /* @__PURE__ */ u("span", {
-      className: g
-    })
-  });
-}
-process.env.NODE_ENV !== "production" && (x.propTypes = {
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
-   */
-  classes: e.object.isRequired,
-  className: e.string,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  in: e.bool,
-  /**
-   * @ignore - injected from TransitionGroup
-   */
-  onExited: e.func,
-  /**
-   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
-   */
-  pulsate: e.bool,
-  /**
-   * Diameter of the ripple.
-   */
-  rippleSize: e.number,
-  /**
-   * Horizontal position of the ripple center.
-   */
-  rippleX: e.number,
-  /**
-   * Vertical position of the ripple center.
-   */
-  rippleY: e.number,
-  /**
-   * exit delay
-   */
-  timeout: e.number.isRequired
-});
+var r = {};
 export {
-  x as default
+  r as __exports
 };

package/index.es398.js

@@ -1,11 +1,4 @@
-function f(t) {
-  if (t === void 0)
-    return {};
-  const e = {};
-  return Object.keys(t).filter((n) => !(n.match(/^on[A-Z]/) && typeof t[n] == "function")).forEach((n) => {
-    e[n] = t[n];
-  }), e;
-}
+var e = {};
 export {
-  f as default
+  e as __exports
 };

package/index.es399.js

@@ -1,9 +1,75 @@
-import r from "./index.es210.js";
-import t from "./index.es211.js";
-function n(o) {
-  return r("MuiSvgIcon", o);
+import * as n from "react";
+import e from "./index.es203.js";
+import { clsx as a } from "./index.es98.js";
+import { jsx as u } from "react/jsx-runtime";
+function x(c) {
+  const {
+    className: m,
+    classes: i,
+    pulsate: p = !1,
+    rippleX: d,
+    rippleY: f,
+    rippleSize: s,
+    in: t,
+    onExited: l,
+    timeout: r
+  } = c, [o, b] = n.useState(!1), h = a(m, i.ripple, i.rippleVisible, p && i.ripplePulsate), N = {
+    width: s,
+    height: s,
+    top: -(s / 2) + f,
+    left: -(s / 2) + d
+  }, g = a(i.child, o && i.childLeaving, p && i.childPulsate);
+  return !t && !o && b(!0), n.useEffect(() => {
+    if (!t && l != null) {
+      const v = setTimeout(l, r);
+      return () => {
+        clearTimeout(v);
+      };
+    }
+  }, [l, t, r]), /* @__PURE__ */ u("span", {
+    className: h,
+    style: N,
+    children: /* @__PURE__ */ u("span", {
+      className: g
+    })
+  });
 }
-t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+process.env.NODE_ENV !== "production" && (x.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
+   */
+  classes: e.object.isRequired,
+  className: e.string,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  in: e.bool,
+  /**
+   * @ignore - injected from TransitionGroup
+   */
+  onExited: e.func,
+  /**
+   * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.
+   */
+  pulsate: e.bool,
+  /**
+   * Diameter of the ripple.
+   */
+  rippleSize: e.number,
+  /**
+   * Horizontal position of the ripple center.
+   */
+  rippleX: e.number,
+  /**
+   * Vertical position of the ripple center.
+   */
+  rippleY: e.number,
+  /**
+   * exit delay
+   */
+  timeout: e.number.isRequired
+});
 export {
-  n as getSvgIconUtilityClass
+  x as default
 };

package/index.es4.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { useReactTable as F, flexRender as M } from "./index.es95.js";
-import { Skeleton as b } from "./index.es61.js";
-import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es64.js";
-import { clsx as E } from "./index.es96.js";
+import { useReactTable as F, flexRender as M } from "./index.es104.js";
+import { Skeleton as b } from "./index.es65.js";
+import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es68.js";
+import { clsx as E } from "./index.es98.js";
 import S, { useState as Q, useEffect as C } from "react";
-import { useMediaQuery as V } from "./index.es97.js";
+import { useMediaQuery as V } from "./index.es105.js";
 import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es98.js";
+import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es106.js";
 function le({
   columns: m,
   data: g,

package/index.es40.js

@@ -1,118 +1,20 @@
-import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es99.js";
-import { clsx as l } from "./index.es96.js";
-const u = m("flex", {
-  variants: {
-    direction: {
-      row: "flex-row",
-      "row-reverse": "flex-row-reverse",
-      col: "flex-col",
-      "col-reverse": "flex-col-reverse"
-    },
-    gap: {
-      none: "",
-      small: "gap-space-04",
-      medium: "gap-space-05",
-      1: "gap-space-01",
-      2: "gap-space-02",
-      3: "gap-space-03",
-      4: "gap-space-04",
-      5: "gap-space-05",
-      6: "gap-space-06",
-      7: "gap-space-07",
-      8: "gap-space-08",
-      9: "gap-space-09",
-      10: "gap-space-10",
-      11: "gap-space-11",
-      12: "gap-space-12"
-    },
-    gapX: {
-      none: "",
-      small: "gap-x-space-04",
-      medium: "gap-x-space-05",
-      1: "gap-x-space-01",
-      2: "gap-x-space-02",
-      3: "gap-x-space-03",
-      4: "gap-x-space-04",
-      5: "gap-x-space-05",
-      6: "gap-x-space-06",
-      7: "gap-x-space-07",
-      8: "gap-x-space-08",
-      9: "gap-x-space-09",
-      10: "gap-x-space-10",
-      11: "gap-x-space-11",
-      12: "gap-x-space-12"
-    },
-    gapY: {
-      none: "",
-      small: "gap-y-space-04",
-      medium: "gap-y-space-05",
-      1: "gap-y-space-01",
-      2: "gap-y-space-02",
-      3: "gap-y-space-03",
-      4: "gap-y-space-04",
-      5: "gap-y-space-05",
-      6: "gap-y-space-06",
-      7: "gap-y-space-07",
-      8: "gap-y-space-08",
-      9: "gap-y-space-09",
-      10: "gap-y-space-10",
-      11: "gap-y-space-11",
-      12: "gap-y-space-12"
-    },
-    alignItems: {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    },
-    justifyItems: {
-      start: "justify-items-start",
-      center: "justify-items-center",
-      end: "justify-items-end",
-      stretch: "justify-items-stretch"
-    },
-    alignContent: {
-      start: "content-start",
-      center: "content-center",
-      end: "content-end",
-      between: "content-between",
-      around: "content-around",
-      evenly: "content-evenly"
-    },
-    justifyContent: {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly"
-    }
-  },
-  defaultVariants: {
-    direction: "row",
-    gap: "medium"
-  }
-}), j = ({
-  direction: e,
-  gap: a,
-  gapX: s,
-  gapY: p,
-  justifyContent: t,
-  justifyItems: c,
-  alignContent: n,
-  alignItems: r,
-  className: g,
-  children: i,
-  ...o
-}) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: l(u({ direction: e, gap: a, gapX: s, gapY: p, justifyContent: t, justifyItems: c, alignContent: n, alignItems: r }), g),
-    ...o,
-    children: i
-  }
-);
+import { jsx as x } from "react/jsx-runtime";
+import { clsx as c } from "./index.es98.js";
+const u = ({
+  minChildWidth: r,
+  cols: e = 12,
+  // Default to 12 columns
+  gap: p = "gap-space-05",
+  // Default spacing
+  gapX: a = "",
+  gapY: m = "",
+  className: o,
+  children: s,
+  ...t
+}) => {
+  const f = r ? `repeat(auto-fill, minmax(${typeof r == "number" ? `${r}px` : r}, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
+  return /* @__PURE__ */ x("div", { className: c("grid", p, a, m, o), style: { gridTemplateColumns: f }, ...t, children: s });
+};
 export {
-  j as Stack
+  u as SimpleGrid
 };

package/index.es400.js

@@ -0,0 +1,11 @@
+function f(t) {
+  if (t === void 0)
+    return {};
+  const e = {};
+  return Object.keys(t).filter((n) => !(n.match(/^on[A-Z]/) && typeof t[n] == "function")).forEach((n) => {
+    e[n] = t[n];
+  }), e;
+}
+export {
+  f as default
+};

package/index.es401.js

@@ -0,0 +1,9 @@
+import r from "./index.es225.js";
+import t from "./index.es226.js";
+function n(o) {
+  return r("MuiSvgIcon", o);
+}
+t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+export {
+  n as getSvgIconUtilityClass
+};