mada-design-system 0.0.9

package/index.es359.js

@@ -0,0 +1,114 @@
+import { COMMENT as B, DECLARATION as F, RULESET as G } from "./index.es355.js";
+import { strlen as E, append as L, charat as I, replace as M, indexof as H, sizeof as J, substr as O, abs as K, trim as P, from as q } from "./index.es356.js";
+import { dealloc as Q, alloc as V, next as R, peek as x, delimit as y, identifier as W, commenter as X, escaping as Y, whitespace as Z, node as D, char as _, prev as $, caret as z } from "./index.es358.js";
+function ca(e) {
+  return Q(N("", null, null, null, [""], e = V(e), 0, [0], e));
+}
+function N(e, o, n, f, m, w, T, v, g) {
+  for (var l = 0, d = 0, r = T, h = 0, u = 0, b = 0, s = 1, A = 1, i = 1, c = 0, k = "", C = m, p = w, t = f, a = k; A; )
+    switch (b = c, c = R()) {
+      case 40:
+        if (b != 108 && I(a, r - 1) == 58) {
+          H(a += M(y(c), "&", "&\f"), "&\f") != -1 && (i = -1);
+          break;
+        }
+      case 34:
+      case 39:
+      case 91:
+        a += y(c);
+        break;
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        a += Z(b);
+        break;
+      case 92:
+        a += Y(z() - 1, 7);
+        continue;
+      case 47:
+        switch (x()) {
+          case 42:
+          case 47:
+            L(j(X(R(), z()), o, n), g);
+            break;
+          default:
+            a += "/";
+        }
+        break;
+      case 123 * s:
+        v[l++] = E(a) * i;
+      case 125 * s:
+      case 59:
+      case 0:
+        switch (c) {
+          case 0:
+          case 125:
+            A = 0;
+          case 59 + d:
+            i == -1 && (a = M(a, /\f/g, "")), u > 0 && E(a) - r && L(u > 32 ? U(a + ";", f, n, r - 1) : U(M(a, " ", "") + ";", f, n, r - 2), g);
+            break;
+          case 59:
+            a += ";";
+          default:
+            if (L(t = S(a, o, n, l, d, m, v, k, C = [], p = [], r), w), c === 123)
+              if (d === 0)
+                N(a, o, t, t, C, w, r, v, p);
+              else
+                switch (h === 99 && I(a, 3) === 110 ? 100 : h) {
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    N(e, t, t, f && L(S(e, t, t, 0, 0, m, v, k, m, C = [], r), p), m, p, r, v, f ? C : p);
+                    break;
+                  default:
+                    N(a, t, t, t, [""], p, 0, v, p);
+                }
+        }
+        l = d = u = 0, s = i = 1, k = a = "", r = T;
+        break;
+      case 58:
+        r = 1 + E(a), u = b;
+      default:
+        if (s < 1) {
+          if (c == 123)
+            --s;
+          else if (c == 125 && s++ == 0 && $() == 125)
+            continue;
+        }
+        switch (a += q(c), c * s) {
+          case 38:
+            i = d > 0 ? 1 : (a += "\f", -1);
+            break;
+          case 44:
+            v[l++] = (E(a) - 1) * i, i = 1;
+            break;
+          case 64:
+            x() === 45 && (a += y(R())), h = x(), d = r = E(k = a += W(z())), c++;
+            break;
+          case 45:
+            b === 45 && E(a) == 2 && (s = 0);
+        }
+    }
+  return w;
+}
+function S(e, o, n, f, m, w, T, v, g, l, d) {
+  for (var r = m - 1, h = m === 0 ? w : [""], u = J(h), b = 0, s = 0, A = 0; b < f; ++b)
+    for (var i = 0, c = O(e, r + 1, r = K(s = T[b])), k = e; i < u; ++i)
+      (k = P(s > 0 ? h[i] + " " + c : M(c, /&\f/g, h[i]))) && (g[A++] = k);
+  return D(e, o, n, m === 0 ? G : v, g, l, d);
+}
+function j(e, o, n) {
+  return D(e, o, n, B, q(_()), O(e, 2, -2), 0);
+}
+function U(e, o, n, f) {
+  return D(e, o, n, F, O(e, 0, f), O(e, f + 1, -1), f);
+}
+export {
+  j as comment,
+  ca as compile,
+  U as declaration,
+  N as parse,
+  S as ruleset
+};

package/index.es36.js

@@ -0,0 +1,47 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { cva as c } from "./index.es89.js";
+import * as f from "react";
+import { cn as m } from "./index.es69.js";
+const p = c(
+  "inline-flex items-center h-[4rem] w-full border px-space-04  text-base  hover:border-foreground disabled:cursor-not-allowed disabled:text-disabled aria-[invalid=true]:border-error",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        outline: "bg-transparent"
+      },
+      rounded: {
+        default: "rounded-2",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "border-input",
+        success: "border-success",
+        destructive: "border-error"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      rounded: "default",
+      colors: "default"
+    }
+  }
+), b = f.forwardRef(
+  ({ className: d, variant: i, rounded: l, type: s, colors: o, startAdornment: r, endAdornment: a, ...t }, n) => /* @__PURE__ */ u("div", { className: m(p({ variant: i, rounded: l, colors: o }), d), "aria-invalid": t["aria-invalid"], children: [
+    r && /* @__PURE__ */ e("div", { className: " me-space-02 ", children: r }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: s,
+        className: "outline-none py-space-03 w-full bg-transparent file:border-0 file:bg-transparent  file:text-sm file:font-mdium placeholder:text-foreground-secondary  ",
+        ref: n,
+        ...t
+      }
+    ),
+    a && /* @__PURE__ */ e("div", { className: "ms-space-02", children: a })
+  ] })
+);
+b.displayName = "Input";
+export {
+  b as Input
+};

package/index.es360.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/index.es361.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/index.es362.js

@@ -0,0 +1,75 @@
+import * as n from "react";
+import e from "./index.es153.js";
+import { clsx as a } from "./index.es86.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.es363.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.es364.js

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

package/index.es365.js

@@ -0,0 +1,9 @@
+import r from "./index.es175.js";
+import t from "./index.es176.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.es37.js

@@ -0,0 +1,37 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { OTPInput as c } from "./index.es117.js";
+import * as a from "react";
+import { cn as s } from "./index.es69.js";
+const p = a.forwardRef(
+  ({ className: e, ...r }, n) => /* @__PURE__ */ t(c, { ref: n, containerClassName: s("flex items-center gap-2", e), ...r })
+);
+p.displayName = "InputOTP";
+const m = a.forwardRef(({ className: e, ...r }, n) => /* @__PURE__ */ t("div", { ref: n, className: s("flex items-center", e), ...r }));
+m.displayName = "InputOTPGroup";
+const f = a.forwardRef(
+  ({ char: e, hasFakeCaret: r, isActive: n, className: i, ...o }, d) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: d,
+      className: s(
+        "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        n && "z-10 ring-2 ring-ring ring-offset-background",
+        i
+      ),
+      ...o,
+      children: [
+        e,
+        r && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "animate-caret-blink h-4 w-px bg-foreground duration-1000" }) })
+      ]
+    }
+  )
+);
+f.displayName = "InputOTPSlot";
+const u = a.forwardRef(({ ...e }, r) => /* @__PURE__ */ t("div", { ref: r, role: "separator", ...e, children: /* @__PURE__ */ t("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ t("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
+u.displayName = "InputOTPSeparator";
+export {
+  p as InputOTP,
+  m as InputOTPGroup,
+  u as InputOTPSeparator,
+  f as InputOTPSlot
+};

package/index.es38.js

@@ -0,0 +1,10 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-label";
+import { cva as i } from "./index.es89.js";
+import * as m from "react";
+import { cn as s } from "./index.es69.js";
+const l = i("text-body-01 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), p = m.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t(o.Root, { ref: e, className: s(l(), a), ...r }));
+p.displayName = o.Root.displayName;
+export {
+  p as Label
+};

package/index.es39.js

@@ -0,0 +1,247 @@
+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
+  }
+);
+export {
+  b as Grid,
+  v as GridItem
+};

package/index.es4.js

@@ -0,0 +1,112 @@
+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 { 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,
+  data: g,
+  loading: d,
+  NoDataComponent: C,
+  itemsPerPage: h,
+  hasPagination: N = !0,
+  onClickRow: a,
+  isFirstRowSelected: f = !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,
+    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);
+  };
+  return b(() => {
+    const t = o.getRowModel().rows;
+    if (!f || !t.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,
+        {
+          "data-state": t.getIsSelected() && "selected",
+          onClick: () => j(t),
+          className: E(a && "cursor-pointer"),
+          children: t.getVisibleCells().map((m) => {
+            var w, x, P;
+            const v = M(m.column.columnDef.cell, m.getContext());
+            return /* @__PURE__ */ l(
+              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
+              },
+              m.id
+            );
+          })
+        },
+        t.id
+      )) : /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(R, { colSpan: c.length, className: "h-24 text-center", children: C }) }) })
+    ] }) }),
+    !!o.getFilteredRowModel().rows.length && N && /* @__PURE__ */ u("div", { className: "flex items-center justify-end  px-space-04 py-space-02", children: [
+      /* @__PURE__ */ l(
+        q,
+        {
+          currentPage: p,
+          limit: i,
+          totalCount: (e == null ? void 0 : e.totalItems) ?? o.getFilteredRowModel().rows.length
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: "flex items-center gap-x-space-03", children: [
+        /* @__PURE__ */ l(
+          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));
+            }
+          }
+        ),
+        /* @__PURE__ */ l(
+          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) => {
+              if (e != null && e.onPageChange)
+                return e == null ? void 0 : e.onPageChange(t);
+              o.setPageIndex(t - 1);
+            }
+          }
+        )
+      ] })
+    ] })
+  ] }) : null;
+}
+export {
+  oe as DataTable,
+  oe as default
+};