mada-design-system 0.1.1 → 0.2.0

package/index.es394.js

@@ -1,75 +1,114 @@
-import * as n from "react";
-import e from "./index.es185.js";
-import { clsx as a } from "./index.es95.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);
-      };
+import { COMMENT as B, DECLARATION as F, RULESET as G } from "./index.es390.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.es391.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.es393.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);
+        }
     }
-  }, [l, t, r]), /* @__PURE__ */ u("span", {
-    className: h,
-    style: N,
-    children: /* @__PURE__ */ u("span", {
-      className: g
-    })
-  });
+  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);
 }
-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
+  j as comment,
+  ca as compile,
+  U as declaration,
+  N as parse,
+  S as ruleset
 };

package/index.es395.js

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

package/index.es396.js

@@ -1,11 +1,4 @@
-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;
-}
+var e = {};
 export {
-  f as default
+  e as __exports
 };

package/index.es397.js

@@ -1,9 +1,75 @@
-import r from "./index.es207.js";
-import t from "./index.es208.js";
-function n(o) {
-  return r("MuiSvgIcon", o);
+import * as n from "react";
+import e from "./index.es188.js";
+import { clsx as a } from "./index.es96.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
+    })
+  });
 }
-t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+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 {
-  n as getSvgIconUtilityClass
+  x as default
 };

package/index.es398.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.es399.js

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

package/index.es4.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { useReactTable as F, flexRender as M } from "./index.es94.js";
+import { useReactTable as F, flexRender as M } from "./index.es95.js";
 import { Skeleton as b } from "./index.es61.js";
 import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es64.js";
-import { clsx as E } from "./index.es95.js";
+import { clsx as E } from "./index.es96.js";
 import S, { useState as Q, useEffect as C } from "react";
-import { useMediaQuery as V } from "./index.es96.js";
+import { useMediaQuery as V } from "./index.es97.js";
 import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es97.js";
+import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es98.js";
 function le({
   columns: m,
   data: g,

package/index.es40.js

@@ -1,6 +1,6 @@
 import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es98.js";
-import { clsx as l } from "./index.es95.js";
+import { cva as m } from "./index.es99.js";
+import { clsx as l } from "./index.es96.js";
 const u = m("flex", {
   variants: {
     direction: {

package/index.es400.js

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

@@ -1,22 +1,22 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import * as n from "@radix-ui/react-navigation-menu";
-import { cva as S } from "./index.es98.js";
+import { cva as S } from "./index.es99.js";
 import * as s from "react";
 import { Content as M } from "@radix-ui/react-dialog";
 import { Slot as R } from "@radix-ui/react-slot";
-import { cn as i } from "./index.es78.js";
-import { strings as f } from "./index.es90.js";
+import { cn as i } from "./index.es79.js";
+import { strings as f } from "./index.es91.js";
 import "./index.es2.js";
 import { Button as u } from "./index.es22.js";
 import { Input as z } from "./index.es35.js";
 import { Sheet as N, SheetTrigger as C, SheetClose as g, SheetContent as j, SheetHeader as T, SheetTitle as I } from "./index.es59.js";
-import y from "./index.es82.js";
-import H from "./index.es125.js";
-import b from "./index.es101.js";
-import _ from "./index.es126.js";
-import A from "./index.es109.js";
-import x from "./index.es119.js";
-import B from "./index.es127.js";
+import H from "./index.es126.js";
+import b from "./index.es102.js";
+import _ from "./index.es127.js";
+import A from "./index.es110.js";
+import x from "./index.es120.js";
+import B from "./index.es128.js";
+import y from "./index.es83.js";
 const D = s.forwardRef(({ className: a, children: t, ...r }, o) => {
   const { dir: l } = y();
   return /* @__PURE__ */ d(n.Root, { dir: l, ref: o, className: i("relative z-10 hidden flex-1 items-center sm:flex  ", a), ...r, children: [

package/index.es42.js

@@ -1,7 +1,7 @@
 import { useLayoutEffect as s, useEffect as f } from "react";
-import { setLanguage as o } from "./index.es90.js";
+import { setLanguage as o } from "./index.es91.js";
 import "./index.es2.js";
-import u from "./index.es82.js";
+import u from "./index.es83.js";
 const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
   const { lang: i, dir: e } = u();
   return s(() => {

package/index.es43.js

@@ -2,13 +2,13 @@ import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import C from "./index.es3.js";
 import { Button as N } from "./index.es22.js";
 import { useState as O, useRef as V, useCallback as l, useReducer as $ } from "react";
-import { strings as o } from "./index.es90.js";
+import { strings as o } from "./index.es91.js";
 import { ShouldRender as S } from "./index.es14.js";
-import M from "./index.es128.js";
-import G from "./index.es129.js";
-import B from "./index.es130.js";
-import Z from "./index.es101.js";
-import { cn as u } from "./index.es78.js";
+import M from "./index.es129.js";
+import G from "./index.es130.js";
+import B from "./index.es131.js";
+import Z from "./index.es102.js";
+import { cn as u } from "./index.es79.js";
 const q = {
   "image/png": [".png"],
   "image/jpeg": [".jpg", ".jpeg"],

package/index.es44.js

@@ -1,21 +1,21 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import b, { useState as L } from "react";
-import { useMediaQuery as N } from "./index.es96.js";
-import { strings as m } from "./index.es90.js";
+import { useMediaQuery as N } from "./index.es97.js";
+import { strings as m } from "./index.es91.js";
 import "./index.es2.js";
 import { ShouldRender as u } from "./index.es14.js";
 import { Button as f } from "./index.es22.js";
-import z from "./index.es131.js";
+import z from "./index.es132.js";
 import { Collapsible as H, CollapsibleTrigger as O, CollapsibleContent as _ } from "./index.es26.js";
-import A from "./index.es132.js";
+import A from "./index.es133.js";
 import { RadioGroup as D, RadioGroupItem as E } from "./index.es54.js";
 import { MultiSelect as P } from "./index.es10.js";
 import { ComboboxControlNoForm as Q } from "./index.es7.js";
 import { Sheet as q, SheetTrigger as J, SheetContent as K, SheetHeader as U, SheetTitle as W, SheetBody as X, SheetFooter as Y, SheetClose as Z } from "./index.es59.js";
-import ee from "./index.es133.js";
+import ee from "./index.es134.js";
 import { Checkbox as re } from "./index.es25.js";
-import le from "./index.es82.js";
-import { cn as se } from "./index.es78.js";
+import le from "./index.es83.js";
+import { cn as se } from "./index.es79.js";
 const ie = (l) => l < 10 ? "0" + (l == null ? void 0 : l.toString()) : l == null ? void 0 : l.toString(), $ = b.createContext(null), te = (l) => {
   const [s, d] = L(), a = N("(max-width: 767px)");
   return { value: s, upsert: ({ name: t, selectedValue: i }) => {

package/index.es45.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import h from "./index.es134.js";
-import g from "./index.es135.js";
-import b from "./index.es136.js";
-import x from "./index.es137.js";
-import v from "./index.es138.js";
-import N from "./index.es139.js";
+import h from "./index.es135.js";
+import g from "./index.es136.js";
+import b from "./index.es137.js";
+import x from "./index.es138.js";
+import v from "./index.es139.js";
+import N from "./index.es140.js";
 import "./index.es2.js";
-import w from "./index.es79.js";
-import { strings as i } from "./index.es90.js";
-import y from "./index.es140.js";
-import k from "./index.es141.js";
-import F from "./index.es142.js";
-import z from "./index.es143.js";
+import w from "./index.es80.js";
+import { strings as i } from "./index.es91.js";
+import y from "./index.es141.js";
+import k from "./index.es142.js";
+import F from "./index.es143.js";
+import z from "./index.es144.js";
 import { Link as p } from "./index.es49.js";
-import { cn as u } from "./index.es78.js";
+import { cn as u } from "./index.es79.js";
 import { ShouldRender as f } from "./index.es14.js";
 import { Button as c } from "./index.es22.js";
 const K = ({ colors: t = "default", ...l }) => {

package/index.es46.js

@@ -1,15 +1,15 @@
 import { jsxs as c, Fragment as u, jsx as t } from "react/jsx-runtime";
 import * as l from "react";
+import C from "./index.es109.js";
 import E from "./index.es108.js";
-import z from "./index.es107.js";
 import { Button as h } from "./index.es22.js";
-import { cn as N } from "./index.es78.js";
+import { cn as g } from "./index.es79.js";
 function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "", buttonClassName: i = "" }) {
   const [d, S] = l.useState(!1), [f, w] = l.useState(!1), o = l.useRef(null), r = l.useCallback(() => {
     const e = o.current, n = document.dir;
     if (e) {
-      const s = (n === "ltr" ? 1 : -1) * e.scrollLeft, x = s > 0, C = s < e.scrollWidth - e.clientWidth - a;
-      S(x), w(C);
+      const s = (n === "ltr" ? 1 : -1) * e.scrollLeft, x = s > 0, k = s < e.scrollWidth - e.clientWidth - a;
+      S(x), w(k);
     }
   }, [a]), m = (e) => {
     if (o.current) {
@@ -28,12 +28,12 @@ function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "
       };
   }, [r]), l.useEffect(() => {
     const e = document.createElement("style");
-    return e.textContent = k, document.head.appendChild(e), () => {
+    return e.textContent = z, document.head.appendChild(e), () => {
       document.head.removeChild(e);
     };
   }, []), /* @__PURE__ */ c("div", { className: "relative flex items-center", children: [
     d && /* @__PURE__ */ c(u, { children: [
-      /* @__PURE__ */ t("div", { className: "pointer-events-none absolute start-0 top-0 z-[5] h-full  w-[120px] bg-gradient-to-r from-transparent via-white via-60% to-white" }),
+      /* @__PURE__ */ t("div", { className: "pointer-events-none absolute start-0 top-0 z-[5] h-full  w-[120px] bg-gradient-to-r from-transparent via-background-white via-60% to-background-white" }),
       /* @__PURE__ */ t(
         h,
         {
@@ -43,7 +43,7 @@ function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "
           onClick: () => m("start"),
           "aria-label": "Scroll left",
           className: `absolute start-0 z-10 flex-shrink-0 ${i}`,
-          children: /* @__PURE__ */ t(E, { className: "size-space-04 rtl:rotate-180" })
+          children: /* @__PURE__ */ t(C, { className: "size-space-04 rtl:rotate-180" })
         }
       )
     ] }),
@@ -51,7 +51,7 @@ function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "
       "div",
       {
         ref: o,
-        className: N(
+        className: g(
           "no-scrollbar flex-1 ",
           {
             "overflow-x-auto ": f || d
@@ -62,7 +62,7 @@ function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "
       }
     ),
     f && /* @__PURE__ */ c(u, { children: [
-      /* @__PURE__ */ t("div", { className: "pointer-events-none absolute end-0 top-0 z-[5] h-full w-[120px] bg-gradient-to-l from-transparent via-white via-60% to-white" }),
+      /* @__PURE__ */ t("div", { className: "pointer-events-none absolute end-0 top-0 z-[5] h-full w-[120px] bg-gradient-to-l from-transparent via-background-white via-60% to-background-white" }),
       /* @__PURE__ */ t(
         h,
         {
@@ -72,13 +72,13 @@ function B({ children: v, scrollAmount: p = 200, margin: a = 0, className: b = "
           onClick: () => m("end"),
           "aria-label": "Scroll right",
           className: `absolute end-0 z-10 flex-shrink-0  ${i}`,
-          children: /* @__PURE__ */ t(z, { className: "size-space-04 rtl:rotate-180" })
+          children: /* @__PURE__ */ t(E, { className: "size-space-04 rtl:rotate-180" })
         }
       )
     ] })
   ] });
 }
-const k = `
+const z = `
   .no-scrollbar::-webkit-scrollbar {
     display: none;
   }