mada-design-system 0.5.11 → 0.5.12

package/index.es398.js

@@ -1,9 +1,27 @@
-function c(t, r) {
-  const e = this;
-  return e.vars && typeof e.getColorSchemeSelector == "function" ? {
-    [e.getColorSchemeSelector(t).replace(/(\[[^\]]+\])/, "*:where($1)")]: r
-  } : e.palette.mode === t ? r : {};
+import * as e from "react";
+function i(...t) {
+  const r = e.useRef(void 0), o = e.useCallback((u) => {
+    const f = t.map((n) => {
+      if (n == null)
+        return null;
+      if (typeof n == "function") {
+        const c = n, l = c(u);
+        return typeof l == "function" ? l : () => {
+          c(null);
+        };
+      }
+      return n.current = u, () => {
+        n.current = null;
+      };
+    });
+    return () => {
+      f.forEach((n) => n == null ? void 0 : n());
+    };
+  }, t);
+  return e.useMemo(() => t.every((u) => u == null) ? null : (u) => {
+    r.current && (r.current(), r.current = void 0), u != null && (r.current = o(u));
+  }, t);
 }
 export {
-  c as default
+  i as default
 };

package/index.es4.js

@@ -1,12 +1,12 @@
 import { jsx as c, jsxs as S, Fragment as U } from "react/jsx-runtime";
 import { useReactTable as W, flexRender as z } from "./index.es102.js";
-import { Checkbox as j } from "./index.es25.js";
-import { Skeleton as L } from "./index.es68.js";
-import { Table as X, TableHeader as Y, TableRow as C, TableHead as Z, TableBody as $, TableCell as A } from "./index.es71.js";
+import { Checkbox as j } from "./index.es26.js";
+import { Skeleton as L } from "./index.es69.js";
+import { Table as X, TableHeader as Y, TableRow as C, TableHead as Z, TableBody as $, TableCell as A } from "./index.es72.js";
 import F, { useState as h, useEffect as B } from "react";
 import { useMediaQuery as ee } from "./index.es103.js";
-import { cn as d } from "./index.es85.js";
-import { PaginationDescription as ae, LinesPerPage as le, Pagination as oe } from "./index.es12.js";
+import { cn as d } from "./index.es86.js";
+import { PaginationDescription as ae, LinesPerPage as le, Pagination as oe } from "./index.es13.js";
 import { getCoreRowModel as ce, getPaginationRowModel as ne } from "./index.es104.js";
 function Ne({
   columns: f,

package/index.es40.js

@@ -1,247 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es105.js";
-import { clsx as x } from "./index.es129.js";
-const y = n("grid", {
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cva as i } from "./index.es105.js";
+import * as m from "react";
+import { cn as l } from "./index.es86.js";
+const d = i("peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
   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"
+    size: {
+      default: "text-body-02",
+      sm: "text-body-01"
     }
   },
   defaultVariants: {
-    cols: 12,
-    gap: 1,
-    gapX: "none",
-    gapY: "none",
-    autoFlow: "row",
-    alignItems: "stretch",
-    justifyItems: "stretch",
-    alignContent: "start",
-    justifyContent: "start"
+    size: "sm"
   }
-}), 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
-  }
-);
+}), p = m.forwardRef(({ className: o, size: e, ...t }, r) => /* @__PURE__ */ s(a.Root, { ref: r, className: l(d({ size: e }), o), ...t }));
+p.displayName = a.Root.displayName;
 export {
-  b as Grid,
-  v as GridItem
+  p as Label
 };

package/index.es404.js

@@ -1,4 +1,4 @@
-import t from "./index.es345.js";
+import t from "./index.es335.js";
 export {
   t as default
 };

package/index.es405.js

@@ -1,15 +1,15 @@
-import G from "./index.es194.js";
-import U from "./index.es195.js";
+import G from "./index.es196.js";
+import U from "./index.es197.js";
 import * as e from "react";
-import _ from "./index.es196.js";
-import { clsx as c } from "./index.es129.js";
-import j from "./index.es208.js";
-import F from "./index.es217.js";
+import _ from "./index.es198.js";
+import { clsx as c } from "./index.es128.js";
+import j from "./index.es210.js";
+import F from "./index.es219.js";
 import J from "./index.es428.js";
 import i from "./index.es407.js";
 import { jsx as k } from "react/jsx-runtime";
-import { keyframes as E } from "./index.es393.js";
-import Q from "./index.es242.js";
+import { keyframes as E } from "./index.es387.js";
+import Q from "./index.es252.js";
 const Z = ["center", "classes", "className"];
 let y = (r) => r, V, D, K, S;
 const w = 550, v = 80, tt = E(V || (V = y`

package/index.es406.js

@@ -1,5 +1,5 @@
-import s from "./index.es219.js";
-import e from "./index.es218.js";
+import s from "./index.es221.js";
+import e from "./index.es220.js";
 function n(t) {
   return e("MuiButtonBase", t);
 }

package/index.es407.js

@@ -1,4 +1,4 @@
-import e from "./index.es219.js";
+import e from "./index.es221.js";
 const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
 export {
   s as default

package/index.es408.js

@@ -1,14 +1,14 @@
-import x from "./index.es194.js";
-import z from "./index.es195.js";
+import x from "./index.es196.js";
+import z from "./index.es197.js";
 import * as $ from "react";
-import o from "./index.es196.js";
-import { clsx as T } from "./index.es129.js";
-import b from "./index.es217.js";
-import w from "./index.es208.js";
+import o from "./index.es198.js";
+import { clsx as T } from "./index.es128.js";
+import b from "./index.es219.js";
+import w from "./index.es210.js";
 import { getSvgIconUtilityClass as C } from "./index.es430.js";
 import { jsxs as R, jsx as I } from "react/jsx-runtime";
-import g from "./index.es345.js";
-import O from "./index.es216.js";
+import g from "./index.es335.js";
+import O from "./index.es218.js";
 const B = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], N = (e) => {
   const {
     color: t,

package/index.es409.js

@@ -1,4 +1,4 @@
-import e from "./index.es213.js";
+import e from "./index.es215.js";
 export {
   e as default
 };

package/index.es41.js

@@ -1,20 +1,247 @@
-import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es129.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.es105.js";
+import { clsx as x } from "./index.es128.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.es410.js

@@ -1,4 +1,4 @@
-import e from "./index.es359.js";
+import e from "./index.es357.js";
 export {
   e as default
 };

package/index.es413.js

@@ -1,5 +1,5 @@
-import i from "./index.es218.js";
-import e from "./index.es219.js";
+import i from "./index.es220.js";
+import e from "./index.es221.js";
 function o(t) {
   return i("MuiList", t);
 }