mada-design-system 0.5.12 → 0.6.0

package/index.es397.js

@@ -1,48 +1,34 @@
-import { clsx as v } from "./index.es128.js";
-import k from "./index.es395.js";
-import H from "./index.es429.js";
-function W(j) {
-  const {
-    getSlotProps: y,
-    additionalProps: e,
-    externalSlotProps: s,
-    externalForwardedProps: c,
-    className: n
-  } = j;
-  if (!y) {
-    const h = v(e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), u = {
-      ...e == null ? void 0 : e.style,
-      ...c == null ? void 0 : c.style,
-      ...s == null ? void 0 : s.style
-    }, f = {
-      ...e,
-      ...c,
-      ...s
-    };
-    return h.length > 0 && (f.className = h), Object.keys(u).length > 0 && (f.style = u), {
-      props: f,
-      internalRef: void 0
-    };
-  }
-  const l = k({
-    ...c,
-    ...s
-  }), E = H(s), b = H(c), m = y(l), N = v(m == null ? void 0 : m.className, e == null ? void 0 : e.className, n, c == null ? void 0 : c.className, s == null ? void 0 : s.className), g = {
-    ...m == null ? void 0 : m.style,
-    ...e == null ? void 0 : e.style,
-    ...c == null ? void 0 : c.style,
-    ...s == null ? void 0 : s.style
-  }, t = {
-    ...m,
-    ...e,
-    ...b,
-    ...E
-  };
-  return N.length > 0 && (t.className = N), Object.keys(g).length > 0 && (t.style = g), {
-    props: t,
-    internalRef: m.ref
-  };
+var i = !0;
+function u(r, e, t) {
+  var s = "";
+  return t.split(" ").forEach(function(n) {
+    r[n] !== void 0 ? e.push(r[n] + ";") : n && (s += n + " ");
+  }), s;
 }
+var o = function(e, t, s) {
+  var n = e.key + "-" + t.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (s === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  i === !1) && e.registered[n] === void 0 && (e.registered[n] = t.styles);
+}, y = function(e, t, s) {
+  o(e, t, s);
+  var n = e.key + "-" + t.name;
+  if (e.inserted[t.name] === void 0) {
+    var f = t;
+    do
+      e.insert(t === f ? "." + n : "", f, e.sheet, !0), f = f.next;
+    while (f !== void 0);
+  }
+};
 export {
-  W as default
+  u as getRegisteredStyles,
+  y as insertStyles,
+  o as registerStyles
 };

package/index.es398.js

@@ -1,27 +1,8 @@
 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);
-}
+var n = function(a) {
+  return a();
+}, t = e["useInsertionEffect"] ? e["useInsertionEffect"] : !1, c = t || n, f = t || e.useLayoutEffect;
 export {
-  i as default
+  c as useInsertionEffectAlwaysWithSyncFallback,
+  f as useInsertionEffectWithLayoutFallback
 };

package/index.es399.js

@@ -1,4 +1,134 @@
-var e = { exports: {} };
+import w from "./index.es419.js";
+import C from "./index.es420.js";
+import E from "./index.es418.js";
+var _ = !1, x = /[A-Z]|^ms/g, O = /_EMO_([^_]+?)_([^]*?)_EMO_/g, d = function(n) {
+  return n.charCodeAt(1) === 45;
+}, p = function(n) {
+  return n != null && typeof n != "boolean";
+}, h = /* @__PURE__ */ E(function(r) {
+  return d(r) ? r : r.replace(x, "-$&").toLowerCase();
+}), y = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(O, function(f, a, t) {
+          return s = {
+            name: a,
+            styles: t,
+            next: s
+          }, a;
+        });
+  }
+  return C[n] !== 1 && !d(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+}, A = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function m(r, n, e) {
+  if (e == null)
+    return "";
+  var f = e;
+  if (f.__emotion_styles !== void 0)
+    return f;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = e;
+      if (a.anim === 1)
+        return s = {
+          name: a.name,
+          styles: a.styles,
+          next: s
+        }, a.name;
+      var t = e;
+      if (t.styles !== void 0) {
+        var o = t.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            s = {
+              name: o.name,
+              styles: o.styles,
+              next: s
+            }, o = o.next;
+        var i = t.styles + ";";
+        return i;
+      }
+      return M(r, n, e);
+    }
+    case "function": {
+      if (r !== void 0) {
+        var u = s, c = e(r);
+        return s = u, m(r, n, c);
+      }
+      break;
+    }
+  }
+  var l = e;
+  if (n == null)
+    return l;
+  var v = n[l];
+  return v !== void 0 ? v : l;
+}
+function M(r, n, e) {
+  var f = "";
+  if (Array.isArray(e))
+    for (var a = 0; a < e.length; a++)
+      f += m(r, n, e[a]) + ";";
+  else
+    for (var t in e) {
+      var o = e[t];
+      if (typeof o != "object") {
+        var i = o;
+        n != null && n[i] !== void 0 ? f += t + "{" + n[i] + "}" : p(i) && (f += h(t) + ":" + y(t, i) + ";");
+      } else {
+        if (t === "NO_COMPONENT_SELECTOR" && _)
+          throw new Error(A);
+        if (Array.isArray(o) && typeof o[0] == "string" && (n == null || n[o[0]] === void 0))
+          for (var u = 0; u < o.length; u++)
+            p(o[u]) && (f += h(t) + ":" + y(t, o[u]) + ";");
+        else {
+          var c = m(r, n, o);
+          switch (t) {
+            case "animation":
+            case "animationName": {
+              f += h(t) + ":" + c + ";";
+              break;
+            }
+            default:
+              f += t + "{" + c + "}";
+          }
+        }
+      }
+    }
+  return f;
+}
+var b = /label:\s*([^\s;{]+)\s*(;|$)/g, s;
+function R(r, n, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var f = !0, a = "";
+  s = void 0;
+  var t = r[0];
+  if (t == null || t.raw === void 0)
+    f = !1, a += m(e, n, t);
+  else {
+    var o = t;
+    a += o[0];
+  }
+  for (var i = 1; i < r.length; i++)
+    if (a += m(e, n, r[i]), f) {
+      var u = t;
+      a += u[i];
+    }
+  b.lastIndex = 0;
+  for (var c = "", l; (l = b.exec(a)) !== null; )
+    c += "-" + l[1];
+  var v = w(a) + c;
+  return {
+    name: v,
+    styles: a,
+    next: s
+  };
+}
 export {
-  e as __module
+  R as serializeStyles
 };

package/index.es4.js

@@ -1,179 +1,9 @@
-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.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.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,
-  data: m,
-  loading: g,
-  NoDataComponent: _,
-  itemsPerPage: b,
-  hasPagination: E = !0,
-  onClickRow: r,
-  isFirstRowSelected: w = !1,
-  enableRowSelection: p,
-  enableMultiRowSelection: N,
-  rowSelection: Q,
-  onRowSelectionChange: V,
-  theme: a,
-  ...e
-}) {
-  var P, R, I, M, y;
-  const q = F.useMemo(() => g ? Array(b || 10).fill({}) : m, [g, b, m]), [u, G] = h(b || 10), J = F.useMemo(() => {
-    let l = g ? f.map((s) => ({
-      ...s,
-      cell: () => /* @__PURE__ */ c(L, { className: "h-8 w-full" })
-    })) : f;
-    return p && !g && (l = [{
-      id: "select",
-      header: N ? ({ table: n }) => {
-        var i;
-        return /* @__PURE__ */ c(
-          j,
-          {
-            checked: n.getIsAllPageRowsSelected(),
-            onCheckedChange: (t) => n.toggleAllPageRowsSelected(!!t),
-            "aria-label": "Select all",
-            className: d((i = a == null ? void 0 : a.headerSelect) == null ? void 0 : i.className),
-            size: "sm",
-            colors: "primary"
-          }
-        );
-      } : (
-        // to preserve the place of the checkbox when multi selection is not enabled
-        () => /* @__PURE__ */ c("div", { role: "checkbox", className: "w-[48px]", "aria-hidden": "true" })
-      ),
-      cell: ({ row: n }) => {
-        var i;
-        return /* @__PURE__ */ c(
-          j,
-          {
-            checked: n.getIsSelected(),
-            onCheckedChange: (t) => n.toggleSelected(!!t),
-            "aria-label": "Select row",
-            className: d((i = a == null ? void 0 : a.bodySelect) == null ? void 0 : i.className),
-            size: "sm",
-            colors: "primary"
-          }
-        );
-      },
-      enableSorting: !1,
-      enableHiding: !1
-    }, ...l]), l;
-  }, [g, f, p, N]), o = W({
-    data: q,
-    columns: J,
-    getCoreRowModel: ce(),
-    getPaginationRowModel: ne(),
-    onRowSelectionChange: V,
-    state: {
-      rowSelection: Q || {}
-    },
-    enableRowSelection: p,
-    enableMultiRowSelection: N,
-    getRowId: (l) => l.id
-    // Provide a way to identify rows
-  }), K = ee("(min-width: 801px)"), x = o.getState().pagination.pageIndex + 1, O = (l) => {
-    r && (p ? N ? l.toggleSelected(!l.getIsSelected()) : (o.resetRowSelection(), l.toggleSelected(!0)) : (o.resetRowSelection(), l.toggleSelected(!l.getIsSelected())), r(l));
-  };
-  return B(() => {
-    const l = o.getRowModel().rows;
-    if (!w || !l.length || !m.length)
-      return;
-    const s = l[0];
-    o.resetRowSelection(), s.toggleSelected(!0), r && r(s);
-  }, [w, o, m]), B(() => {
-    o.setPageSize(u);
-  }, [o, u]), K ? /* @__PURE__ */ S(U, { children: [
-    /* @__PURE__ */ c("div", { className: "overflow-hidden rounded-t-3", children: /* @__PURE__ */ S(X, { className: d("w-full table-fixed", (P = a == null ? void 0 : a.table) == null ? void 0 : P.className), children: [
-      /* @__PURE__ */ c(Y, { className: d((R = a == null ? void 0 : a.tableHeader) == null ? void 0 : R.className), children: o.getHeaderGroups().map((l) => {
-        var s;
-        return /* @__PURE__ */ c(C, { className: d((s = a == null ? void 0 : a.tableRow) == null ? void 0 : s.className), children: l.headers.map((n) => {
-          var i, t;
-          return /* @__PURE__ */ c(
-            Z,
-            {
-              colSpan: ((i = n.column.columnDef.meta) == null ? void 0 : i.headerColSpan) ?? 1,
-              className: d((t = a == null ? void 0 : a.tableHead) == null ? void 0 : t.className),
-              children: n.isPlaceholder ? null : z(n.column.columnDef.header, n.getContext())
-            },
-            n.id
-          );
-        }) }, l.id);
-      }) }),
-      /* @__PURE__ */ c($, { className: d((I = a == null ? void 0 : a.tableBody) == null ? void 0 : I.className), children: (M = o.getRowModel().rows) != null && M.length ? o.getRowModel().rows.map((l, s) => {
-        var n;
-        return /* @__PURE__ */ c(
-          C,
-          {
-            "data-state": l.getIsSelected() && "selected",
-            onClick: () => O(l),
-            className: d(r && "cursor-pointer", (n = a == null ? void 0 : a.tableRow) == null ? void 0 : n.className),
-            children: l.getVisibleCells().map((i) => {
-              var T, D, H, k, v;
-              const t = z(i.column.columnDef.cell, i.getContext());
-              return /* @__PURE__ */ c(
-                A,
-                {
-                  colSpan: ((T = i.column.columnDef.meta) == null ? void 0 : T.cellColSpan) ?? 1,
-                  className: (D = a == null ? void 0 : a.tableCell) == null ? void 0 : D.className,
-                  "data-title": (H = i.column.columnDef.header) == null ? void 0 : H.toString(),
-                  isLast: ((v = (k = o == null ? void 0 : o.getRowModel()) == null ? void 0 : k.rows) == null ? void 0 : v.length) - 1 === s,
-                  children: t
-                },
-                i.id
-              );
-            })
-          },
-          l.id
-        );
-      }) : /* @__PURE__ */ c(C, { className: (y = a == null ? void 0 : a.tableRow) == null ? void 0 : y.className, children: /* @__PURE__ */ c(A, { colSpan: f.length, className: "h-24 text-center", children: _ }) }) })
-    ] }) }),
-    !!o.getFilteredRowModel().rows.length && E && /* @__PURE__ */ S("div", { className: "flex items-center justify-end  px-space-04 py-space-02", children: [
-      g ? /* @__PURE__ */ c(L, { className: "me-auto h-[20px] w-space-12" }) : /* @__PURE__ */ c(
-        ae,
-        {
-          currentPage: (e == null ? void 0 : e.pageNumber) ?? x,
-          limit: u,
-          totalCount: (e == null ? void 0 : e.totalItems) ?? o.getFilteredRowModel().rows.length
-        }
-      ),
-      /* @__PURE__ */ S("div", { className: "flex items-center gap-x-space-03", children: [
-        /* @__PURE__ */ c(
-          le,
-          {
-            value: u,
-            onChange: (l) => {
-              e != null && e.onPageChange && (e == null || e.onPageChange(1)), G(+l), e != null && e.setLimit && (e == null || e.setLimit(+l));
-            }
-          }
-        ),
-        /* @__PURE__ */ c(
-          oe,
-          {
-            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) ?? x,
-            itemsPerPage: Number(u),
-            onPageChange: (l) => {
-              if (e != null && e.onPageChange)
-                return e == null ? void 0 : e.onPageChange(l);
-              o.setPageIndex(l - 1);
-            }
-          }
-        )
-      ] })
-    ] })
-  ] }) : null;
-}
+import { jsx as a } from "react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import { forwardRef as p } from "react";
+const o = p(({ as: t, children: n, asChild: r, ...e }, m) => /* @__PURE__ */ a(r ? i : t || "h1", { ref: m, ...e, children: n }));
+o.displayName = "Heading";
+const g = o;
 export {
-  Ne as DataTable,
-  Ne as default
+  g as default
 };

package/index.es40.js

@@ -1,20 +1,247 @@
-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", {
+import { jsx as l } from "react/jsx-runtime";
+import { cva as n } from "./index.es108.js";
+import { clsx as x } from "./index.es130.js";
+const y = n("grid", {
   variants: {
-    size: {
-      default: "text-body-02",
-      sm: "text-body-01"
+    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: {
-    size: "sm"
+    cols: 12,
+    gap: 1,
+    gapX: "none",
+    gapY: "none",
+    autoFlow: "row",
+    alignItems: "stretch",
+    justifyItems: "stretch",
+    alignContent: "start",
+    justifyContent: "start"
   }
-}), 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;
+}), 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 {
-  p as Label
+  b as Grid,
+  v as GridItem
 };