@yuno-payments/dashboard-design-system 0.0.135 → 0.0.137

package/dist/components/atoms/filter-dropdown/filter-dropdown.js

@@ -1,51 +1,51 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as j, useState as I, useRef as _, useCallback as K, useEffect as X } from "react";
-import { Button as E } from "../../../vendor/shadcn/button.js";
-import { Separator as S } from "../../../vendor/shadcn/separator.js";
+import { forwardRef as j, useState as F, useRef as _, useCallback as K, useEffect as X } from "react";
+import { Button as I } from "../../../vendor/shadcn/button.js";
+import { Separator as E } from "../../../vendor/shadcn/separator.js";
 import { Badge as k } from "../../../vendor/shadcn/badge.js";
 import { Icon as b } from "../icon/icon.js";
-import { FilterSection as M } from "../filter/filter.js";
+import { FilterSection as S } from "../filter/filter.js";
 import { FilterDateRange as Y, FilterDateRangeValue as g } from "../filter/filter-date-range.js";
-import { cn as d } from "../../../lib/utils.js";
-const A = j(
-  ({ icon: r, label: u, isActive: l = !1, showChevron: m = !1, className: h, ...o }, C) => /* @__PURE__ */ t.jsxs(
+import { cn as c } from "../../../lib/utils.js";
+const M = j(
+  ({ icon: s, label: u, isActive: r = !1, showChevron: m = !1, className: h, ...l }, C) => /* @__PURE__ */ t.jsxs(
     "button",
     {
       ref: C,
-      className: d(
+      className: c(
         "flex items-center gap-2 h-8 px-2 rounded-md w-full transition-colors",
         "hover:bg-secondary",
         h
       ),
-      ...o,
+      ...l,
       children: [
-        r && /* @__PURE__ */ t.jsx(
+        s && /* @__PURE__ */ t.jsx(
           b,
           {
-            name: r,
-            className: d(
+            name: s,
+            className: c(
               "size-4 shrink-0",
-              l ? "text-primary" : "text-foreground"
+              r ? "text-primary" : "text-foreground"
             )
           }
         ),
         /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: d(
+            className: c(
               "flex-1 text-sm font-normal text-left truncate",
-              l ? "font-medium text-primary" : "text-foreground"
+              r ? "font-medium text-primary" : "text-foreground"
             ),
             children: u
           }
         ),
-        (l || m) && /* @__PURE__ */ t.jsx(
+        (r || m) && /* @__PURE__ */ t.jsx(
           b,
           {
             name: "CaretRight",
-            className: d(
+            className: c(
               "size-4 shrink-0",
-              l ? "text-primary" : "text-foreground"
+              r ? "text-primary" : "text-foreground"
             )
           }
         )
@@ -53,94 +53,91 @@ const A = j(
     }
   )
 );
-A.displayName = "FilterMenuItem";
-const V = j(
-  ({ items: r, activeItemId: u, onItemClick: l, className: m }, h) => /* @__PURE__ */ t.jsx(
+M.displayName = "FilterMenuItem";
+const A = j(
+  ({ items: s, activeItemId: u, onItemClick: r, className: m }, h) => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: h,
-      className: d(
+      className: c(
         "flex flex-col gap-2 w-64 h-full p-2 bg-surface border border-border rounded-md",
         m
       ),
-      children: r.map((o) => /* @__PURE__ */ t.jsx(
-        A,
+      children: s.map((l) => /* @__PURE__ */ t.jsx(
+        M,
         {
-          icon: o.icon,
-          label: o.label,
-          isActive: u === o.id,
-          showChevron: o.showChevron,
-          onClick: () => l?.(o.id)
+          icon: l.icon,
+          label: l.label,
+          isActive: u === l.id,
+          showChevron: l.showChevron,
+          onClick: () => r?.(l.id)
         },
-        o.id
+        l.id
       ))
     }
   )
 );
-V.displayName = "FilterMenu";
+A.displayName = "FilterMenu";
 const $ = j(
   ({
-    filters: r,
+    filters: s,
     buttonText: u = "Add filter",
-    appliedFilters: l = [],
+    appliedFilters: r = [],
     onRemoveFilter: m,
     onClearAllFilters: h,
-    maxVisibleTags: o = 4,
+    maxVisibleTags: l = 4,
     className: C,
-    disabled: O = !1
+    disabled: V = !1
   }, x) => {
-    const [f, p] = I(!1), [v, N] = I(
-      r.length > 0 && r[0]?.id || ""
-    ), w = _(null), R = K(
+    const [f, p] = F(!1), [v, w] = F(
+      s.length > 0 && s[0]?.id || ""
+    ), N = _(null), O = K(
       (n) => {
-        w.current = n, typeof x == "function" ? x(n) : x && (x.current = n);
+        N.current = n, typeof x == "function" ? x(n) : x && (x.current = n);
       },
       [x]
     );
     X(() => {
       if (!f) return;
-      const n = (s) => {
-        const c = s.target;
-        w.current?.contains(c) || c.closest?.(
+      const n = (i) => {
+        const d = i.target;
+        N.current?.contains(d) || d.closest?.(
           "[data-radix-popper-content-wrapper], [data-radix-portal]"
-        ) || c.closest?.(
+        ) || d.closest?.(
           ".rdp, .rdp-root, [data-calendar]"
         ) || p(!1);
-      }, a = (s) => {
-        s.key === "Escape" && p(!1);
-      }, i = setTimeout(() => {
+      }, a = (i) => {
+        i.key === "Escape" && p(!1);
+      }, o = setTimeout(() => {
         document.addEventListener("mousedown", n), document.addEventListener("keydown", a);
       }, 0);
       return () => {
-        clearTimeout(i), document.removeEventListener("mousedown", n), document.removeEventListener("keydown", a);
+        clearTimeout(o), document.removeEventListener("mousedown", n), document.removeEventListener("keydown", a);
       };
     }, [f]);
-    const z = l.length > 0, L = l.slice(0, o), y = l.length - o, T = (n) => {
-      if (r.find((s) => s.id === n)) return n;
-      const i = n.split("-");
-      if (i.length > 1) {
-        const s = i[0];
-        if (r.find((F) => F.id === s)) return s;
+    const R = r.length > 0, z = r.slice(0, l), y = r.length - l, T = (n) => s.find((o) => o.id === n)?.clearable !== !1, L = (n) => {
+      if (s.find((i) => i.id === n)) return n;
+      const o = n.split("-");
+      if (o.length > 1) {
+        const i = o[0];
+        if (s.find((D) => D.id === i)) return i;
       }
       return n;
-    }, D = (n) => {
-      const a = T(n);
-      return r.find((s) => s.id === a)?.clearable !== !1;
     }, P = (n) => {
-      const a = T(n);
-      N(a), p(!0);
-    }, B = l.some(
-      (n) => D(n.id)
-    ), U = r.map((n) => ({
+      const a = L(n);
+      w(a), p(!0);
+    }, B = r.some(
+      (n) => T(n.id)
+    ), U = s.map((n) => ({
       id: n.id,
       icon: n.icon,
       label: n.label
-    })), e = r.find((n) => n.id === v), H = () => {
+    })), e = s.find((n) => n.id === v), H = () => {
       if (!e) return null;
       switch (e.type) {
         case "checkbox":
           return /* @__PURE__ */ t.jsx(
-            M,
+            S,
             {
               title: e.label,
               items: e.items || [],
@@ -157,7 +154,7 @@ const $ = j(
           );
         case "radio":
           return /* @__PURE__ */ t.jsx(
-            M,
+            S,
             {
               type: "radio",
               title: e.label,
@@ -176,10 +173,10 @@ const $ = j(
         case "date": {
           const n = (a) => {
             if (e.onDateValueChange?.(a), a === g.CUSTOM && !e.dateInit && !e.dateEnd) {
-              const i = /* @__PURE__ */ new Date(), s = new Date(i);
-              s.setHours(23, 59, 59, 999);
-              const c = new Date(i);
-              c.setHours(0, 0, 0, 0), e.onDateInitChange?.(c), e.onDateEndChange?.(s), e.startTime || e.onStartTimeChange?.("00:00:00"), e.endTime || e.onEndTimeChange?.("23:59:59");
+              const o = /* @__PURE__ */ new Date(), i = new Date(o);
+              i.setHours(23, 59, 59, 999);
+              const d = new Date(o);
+              d.setHours(0, 0, 0, 0), e.onDateInitChange?.(d), e.onDateEndChange?.(i), e.startTime || e.onStartTimeChange?.("00:00:00"), e.endTime || e.onEndTimeChange?.("23:59:59");
             }
           };
           return /* @__PURE__ */ t.jsx(
@@ -214,42 +211,42 @@ const $ = j(
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
-        ref: R,
-        className: d("flex flex-col gap-1 relative", C),
+        ref: O,
+        className: c("flex flex-col gap-1 relative", C),
         children: [
           /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ t.jsxs(
-              E,
+              I,
               {
                 variant: "outline",
                 size: "sm",
-                className: "h-8 gap-2 px-3 py-2",
+                className: "h-8 gap-2 px-3 py-2 border-border dark:bg-white/[0.045]",
                 onClick: () => p(!f),
-                disabled: O,
+                disabled: V,
                 children: [
                   /* @__PURE__ */ t.jsx(b, { name: "FunnelSimple", className: "size-4" }),
                   /* @__PURE__ */ t.jsx("span", { className: "text-xs font-medium leading-none", children: u })
                 ]
               }
             ),
-            z ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-              /* @__PURE__ */ t.jsx(S, { orientation: "vertical", className: "h-5" }),
+            R ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx(E, { orientation: "vertical", className: "h-5" }),
               /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-                L.map((n) => {
-                  const a = D(n.id);
+                z.map((n) => {
+                  const a = T(n.id);
                   return /* @__PURE__ */ t.jsxs(
                     k,
                     {
                       variant: "secondary",
-                      className: "h-8 gap-2 px-3 py-2 shadow-xs cursor-pointer",
+                      className: "h-8 gap-2 px-3 py-2 shadow-xs cursor-pointer border-border dark:bg-white/[0.045]",
                       onClick: () => P(n.id),
                       children: [
                         /* @__PURE__ */ t.jsx("span", { className: "text-xs font-medium leading-none", children: n.label }),
                         m && a && /* @__PURE__ */ t.jsx(
                           "button",
                           {
-                            onClick: (i) => {
-                              i.stopPropagation(), m(n.id);
+                            onClick: (o) => {
+                              o.stopPropagation(), m(n.id);
                             },
                             className: "inline-flex items-center justify-center",
                             "aria-label": `Remove ${n.label} filter`,
@@ -267,7 +264,7 @@ const $ = j(
                   " more"
                 ] }) }),
                 h && B && /* @__PURE__ */ t.jsx(
-                  E,
+                  I,
                   {
                     variant: "ghost",
                     size: "sm",
@@ -278,14 +275,14 @@ const $ = j(
                 )
               ] })
             ] }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-              /* @__PURE__ */ t.jsx(S, { orientation: "vertical", className: "h-5" }),
+              /* @__PURE__ */ t.jsx(E, { orientation: "vertical", className: "h-5" }),
               /* @__PURE__ */ t.jsx("span", { className: "text-sm font-normal text-muted-foreground", children: "No filters applied" })
             ] })
           ] }),
           f && /* @__PURE__ */ t.jsxs(
             "div",
             {
-              className: d(
+              className: c(
                 "z-50 shadow-lg",
                 "absolute top-full left-0 mt-1",
                 "flex flex-row gap-2",
@@ -294,11 +291,11 @@ const $ = j(
               ),
               children: [
                 /* @__PURE__ */ t.jsx(
-                  V,
+                  A,
                   {
                     items: U,
                     activeItemId: v,
-                    onItemClick: N
+                    onItemClick: w
                   }
                 ),
                 /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-4 p-6 bg-popover w-[448px] h-full rounded-md overflow-y-auto", children: H() })
@@ -313,6 +310,6 @@ const $ = j(
 $.displayName = "FilterDropdown";
 export {
   $ as FilterDropdown,
-  V as FilterMenu,
-  A as FilterMenuItem
+  A as FilterMenu,
+  M as FilterMenuItem
 };

package/dist/components/atoms/icon/icon-list.d.ts

@@ -1,5 +1,4 @@
 declare const IconList: {
-    AidaLogo: ({ size, ...props }: import('@phosphor-icons/react').IconProps) => import("react/jsx-runtime").JSX.Element;
     Activity: import('@phosphor-icons/react').Icon;
     FileSearch: import('@phosphor-icons/react').Icon;
     MagnifyingGlass: import('@phosphor-icons/react').Icon;
@@ -143,8 +142,6 @@ declare const IconList: {
     ToggleRight: import('@phosphor-icons/react').Icon;
     ArrowCircleUp: import('@phosphor-icons/react').Icon;
     ArrowUp: import('@phosphor-icons/react').Icon;
-    File: import('@phosphor-icons/react').Icon;
-    Table: import('@phosphor-icons/react').Icon;
     ArrowDown: import('@phosphor-icons/react').Icon;
     ArrowUpRight: import('@phosphor-icons/react').Icon;
     PlayCircle: import('@phosphor-icons/react').Icon;