mada-design-system 0.0.10 → 0.1.1

package/index.es10.js

@@ -1,81 +1,91 @@
-import { jsxs as a, jsx as r, Fragment as z } from "react/jsx-runtime";
-import { useVirtualizer as R } from "./index.es105.js";
-import g, { useCallback as I, useMemo as L } from "react";
-import { useToggle as j } from "./index.es96.js";
-import { strings as B } from "./index.es89.js";
-import E from "./index.es3.js";
-import { ShouldRender as S } from "./index.es14.js";
-import { Badge as M } from "./index.es20.js";
-import { Button as P } from "./index.es22.js";
-import { Checkbox as F } from "./index.es25.js";
-import { Command as O, CommandInput as _, CommandList as $, CommandEmpty as A, CommandGroup as G, CommandItem as T } from "./index.es27.js";
-import { Popover as q, PopoverTrigger as D, PopoverContent as H } from "./index.es51.js";
-import { selectVariants as J } from "./index.es56.js";
-import { debounce as K, cn as Q } from "./index.es77.js";
-import U from "./index.es93.js";
+import { jsxs as a, jsx as r, Fragment as R } from "react/jsx-runtime";
+import { useVirtualizer as I } from "./index.es105.js";
+import x, { useCallback as L, useMemo as j } from "react";
+import { useToggle as B } from "./index.es96.js";
+import { strings as E } from "./index.es90.js";
+import M from "./index.es3.js";
+import { ShouldRender as k } from "./index.es14.js";
+import { Badge as P } from "./index.es20.js";
+import { Button as F } from "./index.es22.js";
+import { Checkbox as O } from "./index.es25.js";
+import { Command as _, CommandInput as $, CommandList as A, CommandEmpty as G, CommandGroup as T, CommandItem as q } from "./index.es27.js";
+import { Popover as D, PopoverTrigger as H, PopoverContent as J } from "./index.es52.js";
+import { selectVariants as K } from "./index.es57.js";
+import { debounce as Q, cn as U } from "./index.es78.js";
+import W from "./index.es93.js";
 function hr({
   placeholder: i,
   options: t,
   selectedValues: n,
-  onChange: c,
-  disabled: l,
-  size: f = "default",
-  dataTestId: m = "",
-  rounded: s = "default",
+  onChange: m,
+  disabled: s,
+  size: c = "default",
+  dataTestId: l = "",
+  rounded: d = "default",
   variant: p = "outline",
-  colors: e = "default",
-  isLoading: d = !1,
-  className: u
+  colors: u = "default",
+  isLoading: o = !1,
+  className: f,
+  checkboxSize: g = "default"
 }) {
-  var N;
-  const [h, x] = j(!1), [b, v] = g.useState(""), [k, C] = g.useState(""), w = I(() => K((o) => v(o), 300), []), y = L(() => t.filter((o) => o.label.toLowerCase().includes(b.toLowerCase())), [t, b]);
+  var S;
+  const [h, b] = B(!1), [v, C] = x.useState(""), [w, N] = x.useState(""), z = L(() => Q((e) => C(e), 300), []), y = j(() => t.filter((e) => e.label.toLowerCase().includes(v.toLowerCase())), [t, v]);
   return /* @__PURE__ */ a(
-    q,
+    D,
     {
       open: h,
       onOpenChange: () => {
-        x(), h || (C(""), v(""));
+        b(), h || (N(""), C(""));
       },
       children: [
-        /* @__PURE__ */ r(D, { asChild: !0, disabled: l, "data-testid": m, children: /* @__PURE__ */ a("button", { className: Q(J({ variant: p, colors: e, size: f, rounded: s }), u), children: [
+        /* @__PURE__ */ r(H, { asChild: !0, disabled: s, "data-testid": l, children: /* @__PURE__ */ a("button", { className: U(K({ variant: p, colors: u, size: c, rounded: d }), f), children: [
           /* @__PURE__ */ r("span", { className: "shrink-0 text-body-01 text-form-field-text-placeholder ", children: i }),
-          (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ r(z, { children: (n == null ? void 0 : n.length) > 1 ? /* @__PURE__ */ r("label", { className: "flex size-space-05 shrink-0 items-center justify-center rounded-full bg-background-secondary text-caption-01", children: n.length }) : (N = t == null ? void 0 : t.filter((o) => n == null ? void 0 : n.includes(o.value))) == null ? void 0 : N.map((o) => /* @__PURE__ */ r(M, { colors: "gray", variant: "ghost", size: "sm", children: o.label }, o.value)) }),
-          d ? /* @__PURE__ */ r(E, {}) : /* @__PURE__ */ r(
-            U,
+          (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ r(R, { children: (n == null ? void 0 : n.length) > 1 ? /* @__PURE__ */ r("label", { className: "flex size-space-05 shrink-0 items-center justify-center rounded-full bg-background-secondary text-caption-01", children: n.length }) : (S = t == null ? void 0 : t.filter((e) => n == null ? void 0 : n.includes(e.value))) == null ? void 0 : S.map((e) => /* @__PURE__ */ r(P, { colors: "gray", variant: "ghost", size: "sm", children: e.label }, e.value)) }),
+          o ? /* @__PURE__ */ r(M, {}) : /* @__PURE__ */ r(
+            W,
             {
               className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
               "aria-hidden": !0
             }
           )
         ] }) }),
-        /* @__PURE__ */ r(H, { className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)]   p-space-00", align: "start", children: /* @__PURE__ */ a(O, { className: "w-full", shouldFilter: !1, children: [
+        /* @__PURE__ */ r(J, { className: "min-h-space-07 min-w-[var(--radix-popover-trigger-width)]   p-space-00", align: "start", children: /* @__PURE__ */ a(_, { className: "w-full", shouldFilter: !1, children: [
           /* @__PURE__ */ a("div", { className: "p-space-02", children: [
-            /* @__PURE__ */ r(S, { shouldRender: (t == null ? void 0 : t.length) > 7, children: /* @__PURE__ */ r(
-              _,
+            /* @__PURE__ */ r(k, { shouldRender: (t == null ? void 0 : t.length) > 7, children: /* @__PURE__ */ r(
+              $,
               {
                 placeholder: i,
-                value: k,
-                onValueChange: (o) => {
-                  C(o), w()(o);
+                value: w,
+                onValueChange: (e) => {
+                  N(e), z()(e);
                 }
               }
             ) }),
-            /* @__PURE__ */ a($, { children: [
-              /* @__PURE__ */ r(A, { children: "No results found." }),
-              /* @__PURE__ */ r(W, { options: y, dataTestId: m, onChange: c, selectedValues: n })
+            /* @__PURE__ */ a(A, { children: [
+              /* @__PURE__ */ r(G, { children: "No results found." }),
+              /* @__PURE__ */ r(
+                X,
+                {
+                  options: y,
+                  dataTestId: l,
+                  onChange: m,
+                  selectedValues: n,
+                  checkboxSize: g
+                }
+              )
             ] })
           ] }),
-          /* @__PURE__ */ r(S, { shouldRender: !!(n != null && n.length), children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ r(
-            P,
+          /* @__PURE__ */ r(k, { shouldRender: !!(n != null && n.length), children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-04 border-t border-t-border bg-background px-space-04 py-space-02", children: /* @__PURE__ */ r(
+            F,
             {
-              colors: "gray",
-              variant: "ghost",
+              colors: "neutral",
+              variant: "text",
               size: "sm",
               onClick: () => {
-                c([]), x();
+                m([]), b();
               },
               className: "flex-1",
-              children: B.Shared.reset
+              children: E.Shared.reset
             }
           ) }) })
         ] }) })
@@ -83,34 +93,40 @@ function hr({
     }
   );
 }
-function W({ options: i, selectedValues: t, dataTestId: n, onChange: c }) {
-  var m;
-  const l = g.useRef(null), f = R({
+function X({
+  options: i,
+  selectedValues: t,
+  dataTestId: n,
+  onChange: m,
+  checkboxSize: s
+}) {
+  var d;
+  const c = x.useRef(null), l = I({
     count: i.length,
-    getScrollElement: () => l.current,
+    getScrollElement: () => c.current,
     estimateSize: () => 36,
     // Adjust based on your row height
     overscan: 10
     // Improves scroll performance
   });
-  return /* @__PURE__ */ r(G, { ref: l, className: "overflow-auto", children: (m = f.getVirtualItems()) == null ? void 0 : m.map((s, p) => {
-    const e = i[s.index], d = t == null ? void 0 : t.includes(e.value);
+  return /* @__PURE__ */ r(T, { ref: c, className: "overflow-auto", children: (d = l.getVirtualItems()) == null ? void 0 : d.map((p, u) => {
+    const o = i[p.index], f = t == null ? void 0 : t.includes(o.value);
     return /* @__PURE__ */ a(
-      T,
+      q,
       {
-        "data-testid": `${n}-${p}`,
+        "data-testid": `${n}-${u}`,
         className: "flex gap-space-02",
         onSelect: () => {
-          const u = d ? t.filter((h) => h !== e.value) : [...t, e.value];
-          c(u);
+          const g = f ? t.filter((h) => h !== o.value) : [...t, o.value];
+          m(g);
         },
         children: [
-          e.icon && /* @__PURE__ */ r(e.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ r("span", { children: e.label }),
-          /* @__PURE__ */ r(F, { className: "ms-auto", checked: d })
+          o.icon && /* @__PURE__ */ r(o.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ r("span", { children: o.label }),
+          /* @__PURE__ */ r(O, { className: "ms-auto", checked: f, size: s })
         ]
       },
-      e.value
+      o.value
     );
   }) });
 }

package/index.es100.js

@@ -1,6 +1,6 @@
 import U, { useMemo as A, useRef as z, useEffect as E, useContext as le, useState as ue } from "react";
 import { KeyboardCode as O, useDndContext as fe, useDroppable as ge, useDraggable as pe, getClientRect as be } from "./index.es99.js";
-import { useUniqueId as ve, useIsomorphicLayoutEffect as V, useCombinedRefs as me, isKeyboardEvent as Ie, CSS as Y } from "./index.es172.js";
+import { useUniqueId as ve, useIsomorphicLayoutEffect as V, useCombinedRefs as me, isKeyboardEvent as Ie, CSS as Y } from "./index.es169.js";
 function $(e, r, t) {
   const n = e.slice();
   return n.splice(t < 0 ? n.length + t : t, 0, n.splice(r, 1)[0]), n;

package/index.es101.js

@@ -1,4 +1,4 @@
-import L from "./index.es175.js";
+import L from "./index.es172.js";
 const o = L("Close", [
   [
     "path",

package/index.es102.js

@@ -1,4 +1,4 @@
-import e from "./index.es175.js";
+import e from "./index.es172.js";
 const r = e("Refresh", [
   [
     "path",

package/index.es103.js

@@ -1,4 +1,4 @@
-import H from "./index.es175.js";
+import H from "./index.es172.js";
 const e = H("AddBox", [
   [
     "path",

package/index.es104.js

@@ -1,4 +1,4 @@
-import H from "./index.es175.js";
+import H from "./index.es172.js";
 const t = H("DashboardCustomize", [
   ["path", { d: "M3 11H11V3H3V11ZM5 5H9V9H5V5Z", key: "1w78ug" }],
   ["path", { d: "M13 3V11H21V3H13ZM19 9H15V5H19V9Z", key: "tprguu" }],

package/index.es105.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import { flushSync as c } from "react-dom";
-import { observeElementRect as f, observeElementOffset as i, elementScroll as m, Virtualizer as d } from "./index.es174.js";
-import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./index.es174.js";
+import { observeElementRect as f, observeElementOffset as i, elementScroll as m, Virtualizer as d } from "./index.es168.js";
+import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./index.es168.js";
 const a = typeof document < "u" ? r.useLayoutEffect : r.useEffect;
 function p(e) {
   const n = r.useReducer(() => ({}), {})[1], o = {

package/index.es106.js

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as s } from "react/jsx-runtime";
 import * as r from "react";
-import { cn as i } from "./index.es77.js";
-import { strings as l } from "./index.es89.js";
-import c from "./index.es108.js";
-import d from "./index.es109.js";
+import { cn as i } from "./index.es78.js";
+import { strings as l } from "./index.es90.js";
+import c from "./index.es107.js";
+import d from "./index.es108.js";
 const N = ({ className: e, ...a }) => /* @__PURE__ */ n("nav", { role: "navigation", "aria-label": "pagination", className: i("mx-auto flex w-full justify-center", e), ...a }), m = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("ul", { ref: t, className: i("flex flex-row items-center gap-space-02", e), ...a }));
 m.displayName = "PaginationContent";
 const p = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("li", { ref: t, className: i("", e), ...a }));
@@ -13,7 +13,7 @@ const o = ({ className: e, isActive: a, ...t }) => /* @__PURE__ */ n(
   {
     "aria-current": a ? "page" : void 0,
     className: i(
-      "relative flex h-space-05 min-w-space-05 items-center justify-center gap-space-01 rounded-0 text-body-01 text-text-default hover:bg-background-neutral-100 disabled:text-disabled-text-default-disabled disabled:pointer-events-none ",
+      "relative flex h-space-05 min-w-space-05 items-center justify-center gap-space-01 rounded text-body-01 text-text-default hover:bg-background-neutral-100 disabled:text-disabled-text-default-disabled disabled:pointer-events-none ",
       `${a && "after:absolute after:bottom-0 after:h-[3px] after:w-full after:rounded-full after:bg-background-primary"}`,
       e
     ),

package/index.es107.js

@@ -1,19 +1,13 @@
-import e from "./index.es178.js";
-import i from "./index.es179.js";
-import { unsafeStringify as d } from "./index.es180.js";
-function g(n, m, t) {
-  if (e.randomUUID && !m && !n)
-    return e.randomUUID();
-  n = n || {};
-  const r = n.random || (n.rng || i)();
-  if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, m) {
-    t = t || 0;
-    for (let a = 0; a < 16; ++a)
-      m[t + a] = r[a];
-    return m;
-  }
-  return d(r);
-}
+import t from "./index.es172.js";
+const o = t("ChevronRight", [
+  [
+    "path",
+    {
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
+    }
+  ]
+]);
 export {
-  g as default
+  o as default
 };

package/index.es108.js

@@ -1,13 +1,13 @@
-import t from "./index.es175.js";
-const o = t("ChevronRight", [
+import e from "./index.es172.js";
+const L = e("ChevronLeft", [
   [
     "path",
     {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
+      d: "M15.7049 7.41L14.2949 6L8.29492 12L14.2949 18L15.7049 16.59L11.1249 12L15.7049 7.41Z",
+      key: "2nwmtn"
     }
   ]
 ]);
 export {
-  o as default
+  L as default
 };

package/index.es109.js

@@ -1,13 +1,13 @@
-import e from "./index.es175.js";
-const L = e("ChevronLeft", [
+import C from "./index.es172.js";
+const r = C("MoreHoriz", [
   [
     "path",
     {
-      d: "M15.7049 7.41L14.2949 6L8.29492 12L14.2949 18L15.7049 16.59L11.1249 12L15.7049 7.41Z",
-      key: "2nwmtn"
+      d: "M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",
+      key: "axpa9z"
     }
   ]
 ]);
 export {
-  L as default
+  r as default
 };

package/index.es11.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import o from "./index.es92.js";
-import a from "./index.es78.js";
-const i = () => {
-  const e = a((t) => t.isActive);
+import o from "./index.es79.js";
+import { cn as a } from "./index.es78.js";
+const s = () => {
+  const e = o((t) => t.isActive);
   return /* @__PURE__ */ r(
     "div",
     {
-      className: o({
+      className: a({
         "fixed  left-0 top-0 z-[1000] flex h-full w-full items-center justify-center opacity-70": !0,
         grayscale: e,
         "grayscale-0": !e
@@ -16,5 +16,5 @@ const i = () => {
   );
 };
 export {
-  i as PageLoader
+  s as PageLoader
 };

package/index.es110.js

@@ -1,13 +1,13 @@
-import C from "./index.es175.js";
-const r = C("MoreHoriz", [
+import C from "./index.es172.js";
+const a = C("DragIndicator", [
   [
     "path",
     {
-      d: "M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",
-      key: "axpa9z"
+      d: "M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z",
+      key: "l6hb9t"
     }
   ]
 ]);
 export {
-  r as default
+  a as default
 };

package/index.es111.js

@@ -1,13 +1,13 @@
-import C from "./index.es175.js";
-const a = C("DragIndicator", [
+import L from "./index.es172.js";
+const e = L("Cancel", [
   [
     "path",
     {
-      d: "M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z",
-      key: "l6hb9t"
+      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM15.59 7L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z",
+      key: "1i7kw4"
     }
   ]
 ]);
 export {
-  a as default
+  e as default
 };