mada-design-system 0.0.9 → 0.0.11

package/index.es389.js

@@ -0,0 +1,75 @@
+import * as n from "react";
+import e from "./index.es193.js";
+import { clsx as a } from "./index.es92.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
+});
+export {
+  x as default
+};

package/index.es39.js

@@ -1,247 +1,20 @@
-import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es89.js";
-import { clsx as x } from "./index.es86.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
-  }
-);
+import { jsx as x } from "react/jsx-runtime";
+import { clsx as c } from "./index.es92.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 {
-  b as Grid,
-  v as GridItem
+  u as SimpleGrid
 };

package/index.es390.js

@@ -0,0 +1,6 @@
+function e(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
+}
+export {
+  e as default
+};

package/index.es391.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.es392.js

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

package/index.es4.js

@@ -1,104 +1,104 @@
-import { jsx as l, jsxs as u, Fragment as L } from "react/jsx-runtime";
-import { useReactTable as z, flexRender as M } from "./index.es85.js";
-import { Skeleton as F } from "./index.es52.js";
-import { Table as H, TableHeader as _, TableRow as r, TableHead as A, TableBody as B, TableCell as R } from "./index.es55.js";
-import { clsx as E } from "./index.es86.js";
-import S, { useState as Q, useEffect as b } from "react";
-import { useMediaQuery as V } from "./index.es87.js";
+import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
+import { useReactTable as F, flexRender as M } from "./index.es99.js";
+import { Skeleton as b } from "./index.es59.js";
+import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es62.js";
+import { clsx as E } from "./index.es92.js";
+import S, { useState as Q, useEffect as C } from "react";
+import { useMediaQuery as V } from "./index.es100.js";
 import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es88.js";
-function oe({
-  columns: c,
+import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es101.js";
+function le({
+  columns: m,
   data: g,
-  loading: d,
-  NoDataComponent: C,
+  loading: n,
+  NoDataComponent: N,
   itemsPerPage: h,
-  hasPagination: N = !0,
-  onClickRow: a,
-  isFirstRowSelected: f = !1,
+  hasPagination: T = !0,
+  onClickRow: i,
+  isFirstRowSelected: p = !1,
   ...e
 }) {
   var s;
-  const T = S.useMemo(() => d ? Array(h || 10).fill({}) : g, [d, h, g]), [i, I] = Q(h || 10), y = S.useMemo(
-    () => d ? c.map((t) => ({
-      ...t,
-      cell: () => /* @__PURE__ */ l(F, { className: "h-8 w-full" })
-    })) : c,
-    [d, c]
-  ), o = z({
-    data: T,
-    columns: y,
+  const I = S.useMemo(() => n ? Array(h || 10).fill({}) : g, [n, h, g]), [c, y] = Q(h || 10), D = S.useMemo(
+    () => n ? m.map((o) => ({
+      ...o,
+      cell: () => /* @__PURE__ */ a(b, { className: "h-8 w-full" })
+    })) : m,
+    [n, m]
+  ), l = F({
+    data: I,
+    columns: D,
     getCoreRowModel: K(),
     getPaginationRowModel: O()
-  }), D = V("(min-width: 801px)"), p = o.getState().pagination.pageIndex + 1, j = (t) => {
-    o.resetRowSelection(), t.toggleSelected(!t.getIsSelected()), a && a(t);
+  }), j = V("(min-width: 801px)"), r = l.getState().pagination.pageIndex + 1, v = (o) => {
+    l.resetRowSelection(), o.toggleSelected(!o.getIsSelected()), i && i(o);
   };
-  return b(() => {
-    const t = o.getRowModel().rows;
-    if (!f || !t.length || !g.length)
+  return C(() => {
+    const o = l.getRowModel().rows;
+    if (!p || !o.length || !g.length)
       return;
-    const n = t[0];
-    o.resetRowSelection(), n.toggleSelected(!0), a && a(n);
-  }, [f, o, g]), b(() => {
-    o.setPageSize(i);
-  }, [o, i]), D ? /* @__PURE__ */ u(L, { children: [
-    /* @__PURE__ */ l("div", { className: "overflow-hidden rounded-t-3", children: /* @__PURE__ */ u(H, { children: [
-      /* @__PURE__ */ l(_, { children: o.getHeaderGroups().map((t) => /* @__PURE__ */ l(r, { children: t.headers.map((n) => /* @__PURE__ */ l(A, { children: n.isPlaceholder ? null : M(n.column.columnDef.header, n.getContext()) }, n.id)) }, t.id)) }),
-      /* @__PURE__ */ l(B, { children: (s = o.getRowModel().rows) != null && s.length ? o.getRowModel().rows.map((t, n) => /* @__PURE__ */ l(
-        r,
+    const t = o[0];
+    l.resetRowSelection(), t.toggleSelected(!0), i && i(t);
+  }, [p, l, g]), C(() => {
+    l.setPageSize(c);
+  }, [l, c]), j ? /* @__PURE__ */ u(z, { children: [
+    /* @__PURE__ */ a("div", { className: "overflow-hidden rounded-t-3", children: /* @__PURE__ */ u(H, { children: [
+      /* @__PURE__ */ a(_, { children: l.getHeaderGroups().map((o) => /* @__PURE__ */ a(f, { children: o.headers.map((t) => /* @__PURE__ */ a(A, { children: t.isPlaceholder ? null : M(t.column.columnDef.header, t.getContext()) }, t.id)) }, o.id)) }),
+      /* @__PURE__ */ a(B, { children: (s = l.getRowModel().rows) != null && s.length ? l.getRowModel().rows.map((o, t) => /* @__PURE__ */ a(
+        f,
         {
-          "data-state": t.getIsSelected() && "selected",
-          onClick: () => j(t),
-          className: E(a && "cursor-pointer"),
-          children: t.getVisibleCells().map((m) => {
+          "data-state": o.getIsSelected() && "selected",
+          onClick: () => v(o),
+          className: E(i && "cursor-pointer"),
+          children: o.getVisibleCells().map((d) => {
             var w, x, P;
-            const v = M(m.column.columnDef.cell, m.getContext());
-            return /* @__PURE__ */ l(
+            const L = M(d.column.columnDef.cell, d.getContext());
+            return /* @__PURE__ */ a(
               R,
               {
                 className: "",
-                "data-title": (w = m.column.columnDef.header) == null ? void 0 : w.toString(),
-                isLast: ((P = (x = o == null ? void 0 : o.getRowModel()) == null ? void 0 : x.rows) == null ? void 0 : P.length) - 1 === n,
-                children: v
+                "data-title": (w = d.column.columnDef.header) == null ? void 0 : w.toString(),
+                isLast: ((P = (x = l == null ? void 0 : l.getRowModel()) == null ? void 0 : x.rows) == null ? void 0 : P.length) - 1 === t,
+                children: L
               },
-              m.id
+              d.id
             );
           })
         },
-        t.id
-      )) : /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(R, { colSpan: c.length, className: "h-24 text-center", children: C }) }) })
+        o.id
+      )) : /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(R, { colSpan: m.length, className: "h-24 text-center", children: N }) }) })
     ] }) }),
-    !!o.getFilteredRowModel().rows.length && N && /* @__PURE__ */ u("div", { className: "flex items-center justify-end  px-space-04 py-space-02", children: [
-      /* @__PURE__ */ l(
+    !!l.getFilteredRowModel().rows.length && T && /* @__PURE__ */ u("div", { className: "flex items-center justify-end  px-space-04 py-space-02", children: [
+      n ? /* @__PURE__ */ a(b, { className: "ml-auto h-[20px] w-space-12" }) : /* @__PURE__ */ a(
         q,
         {
-          currentPage: p,
-          limit: i,
-          totalCount: (e == null ? void 0 : e.totalItems) ?? o.getFilteredRowModel().rows.length
+          currentPage: (e == null ? void 0 : e.pageNumber) ?? r,
+          limit: c,
+          totalCount: (e == null ? void 0 : e.totalItems) ?? l.getFilteredRowModel().rows.length
         }
       ),
       /* @__PURE__ */ u("div", { className: "flex items-center gap-x-space-03", children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ a(
           G,
           {
-            value: i,
-            onChange: (t) => {
-              e != null && e.onPageChange && (e == null || e.onPageChange(1)), I(+t), e != null && e.setLimit && (e == null || e.setLimit(+t));
+            value: c,
+            onChange: (o) => {
+              e != null && e.onPageChange && (e == null || e.onPageChange(1)), y(+o), e != null && e.setLimit && (e == null || e.setLimit(+o));
             }
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ a(
           J,
           {
             withoutText: !0,
             className: "justify-center",
-            totalItems: e != null && e.totalItems ? e == null ? void 0 : e.totalItems : o.getFilteredRowModel().rows.length ?? 0,
-            selectedPage: (e == null ? void 0 : e.pageNumber) ?? p,
-            itemsPerPage: Number(i),
-            onPageChange: (t) => {
+            totalItems: e != null && e.totalItems ? e == null ? void 0 : e.totalItems : l.getFilteredRowModel().rows.length ?? 0,
+            selectedPage: (e == null ? void 0 : e.pageNumber) ?? r,
+            itemsPerPage: Number(c),
+            onPageChange: (o) => {
               if (e != null && e.onPageChange)
-                return e == null ? void 0 : e.onPageChange(t);
-              o.setPageIndex(t - 1);
+                return e == null ? void 0 : e.onPageChange(o);
+              l.setPageIndex(o - 1);
             }
           }
         )
@@ -107,6 +107,6 @@ function oe({
   ] }) : null;
 }
 export {
-  oe as DataTable,
-  oe as default
+  le as DataTable,
+  le as default
 };