mada-design-system 0.5.13 → 0.7.0

package/index.es396.js

@@ -1,53 +1,27 @@
-var o = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  scale: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
+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 {
-  o as default
+  i as default
 };

package/index.es397.js

@@ -1,9 +1,80 @@
-function u(t) {
-  var n = /* @__PURE__ */ Object.create(null);
-  return function(e) {
-    return n[e] === void 0 && (n[e] = t(e)), n[e];
+import T from "./index.es201.js";
+import * as _ from "react";
+import L from "./index.es419.js";
+import { getRegisteredStyles as A, registerStyles as I, insertStyles as z } from "./index.es399.js";
+import { serializeStyles as D } from "./index.es401.js";
+import { useInsertionEffectAlwaysWithSyncFallback as U } from "./index.es400.js";
+import { w as V, T as x } from "./index.es348.js";
+var Y = L, G = function(e) {
+  return e !== "theme";
+}, C = function(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96 ? Y : G;
+}, O = function(e, n, s) {
+  var r;
+  if (n) {
+    var a = n.shouldForwardProp;
+    r = e.__emotion_forwardProp && a ? function(l) {
+      return e.__emotion_forwardProp(l) && a(l);
+    } : a;
+  }
+  return typeof r != "function" && s && (r = e.__emotion_forwardProp), r;
+};
+var Q = function(e) {
+  var n = e.cache, s = e.serialized, r = e.isStringTag;
+  return I(n, s, r), U(function() {
+    return z(n, s, r);
+  }), null;
+}, H = function f(e, n) {
+  if (process.env.NODE_ENV !== "production" && e === void 0)
+    throw new Error(`You are trying to create a styled element with an undefined component.
+You may have forgotten to import it.`);
+  var s = e.__emotion_real === e, r = s && e.__emotion_base || e, a, l;
+  n !== void 0 && (a = n.label, l = n.target);
+  var h = O(e, n, s), g = h || C(r), y = !g("as");
+  return function() {
+    var i = arguments, u = s && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : [];
+    if (a !== void 0 && u.push("label:" + a + ";"), i[0] == null || i[0].raw === void 0)
+      u.push.apply(u, i);
+    else {
+      process.env.NODE_ENV !== "production" && i[0][0], u.push(i[0][0]);
+      for (var R = i.length, m = 1; m < R; m++)
+        process.env.NODE_ENV !== "production" && i[0][m], u.push(i[m], i[0][m]);
+    }
+    var o = V(function(t, d, b) {
+      var S = y && t.as || r, c = "", P = [], v = t;
+      if (t.theme == null) {
+        v = {};
+        for (var N in t)
+          v[N] = t[N];
+        v.theme = _.useContext(x);
+      }
+      typeof t.className == "string" ? c = A(d.registered, P, t.className) : t.className != null && (c = t.className + " ");
+      var w = D(u.concat(P), d.registered, v);
+      c += d.key + "-" + w.name, l !== void 0 && (c += " " + l);
+      var F = y && h === void 0 ? C(S) : g, p = {};
+      for (var E in t)
+        y && E === "as" || // $FlowFixMe
+        F(E) && (p[E] = t[E]);
+      return p.className = c, p.ref = b, /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(Q, {
+        cache: d,
+        serialized: w,
+        isStringTag: typeof S == "string"
+      }), /* @__PURE__ */ _.createElement(S, p));
+    });
+    return o.displayName = a !== void 0 ? a : "Styled(" + (typeof r == "string" ? r : r.displayName || r.name || "Component") + ")", o.defaultProps = e.defaultProps, o.__emotion_real = o, o.__emotion_base = r, o.__emotion_styles = u, o.__emotion_forwardProp = h, Object.defineProperty(o, "toString", {
+      value: function() {
+        return l === void 0 && process.env.NODE_ENV !== "production" ? "NO_COMPONENT_SELECTOR" : "." + l;
+      }
+    }), o.withComponent = function(t, d) {
+      return f(t, T({}, n, d, {
+        shouldForwardProp: O(o, d, !0)
+      })).apply(void 0, u);
+    }, o;
   };
-}
+};
 export {
-  u as default
+  H as default
 };

package/index.es398.js

@@ -1,9 +1,9 @@
-import { w as x, T as g } from "./index.es345.js";
+import { w as x, T as g } from "./index.es348.js";
 import * as u from "react";
 import { insertStyles as w, registerStyles as E, getRegisteredStyles as N } from "./index.es399.js";
 import { useInsertionEffectWithLayoutFallback as v, useInsertionEffectAlwaysWithSyncFallback as k } from "./index.es400.js";
-import { serializeStyles as p } from "./index.es327.js";
-import "./index.es401.js";
+import { serializeStyles as p } from "./index.es401.js";
+import "./index.es402.js";
 var _ = {
   name: "@emotion/react",
   version: "11.11.3",

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.es103.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.es104.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.es105.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.es106.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.es109.js";
+import { clsx as x } from "./index.es131.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
 };