@yuno-payments/dashboard-design-system 0.0.70 → 0.0.72

package/dist/components/atoms/filter/filter-date-range.js

@@ -1,23 +1,23 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as b } from "react";
 import { RadioGroup as y, RadioGroupItem as O } from "../../../vendor/shadcn/radio-group.js";
-import { cn as w } from "../../../lib/utils.js";
+import { cn as D } from "../../../lib/utils.js";
 import { DatePicker as m } from "../date-picker/date-picker.js";
 import { TimePicker as n } from "../time-picker/time-picker.js";
-const a = b(
-  ({ label: o, description: s, value: t, className: x, ...i }, c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-4 w-full", children: [
+const l = b(
+  ({ label: o, description: s, value: i, className: x, ...t }, c) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-4 w-full", children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: c,
-        className: w(
+        className: D(
           "flex-1 flex items-start gap-3 cursor-pointer",
           x
         ),
         type: "button",
-        ...i,
+        ...t,
         children: [
-          /* @__PURE__ */ e.jsx(O, { value: t, className: "mt-px" }),
+          /* @__PURE__ */ e.jsx(O, { value: i, className: "mt-px" }),
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-1.5 items-start justify-center pb-0 pt-px px-0", children: /* @__PURE__ */ e.jsx("span", { className: "text-sm font-medium leading-none text-foreground", children: o }) })
         ]
       }
@@ -25,35 +25,35 @@ const a = b(
     s && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx("span", { className: "text-xs font-normal leading-none text-muted-foreground whitespace-nowrap", children: s }) })
   ] })
 );
-a.displayName = "FilterDateRangeOption";
-const L = b(
+l.displayName = "FilterDateRangeOption";
+const T = b(
   ({
     showCustomFields: o = !1,
     onCustomFieldsChange: s,
-    startDate: t,
+    startDate: i,
     endDate: x,
-    startTime: i = "",
+    startTime: t = "",
     endTime: c = "",
     onStartDateChange: r,
     onEndDateChange: d,
     onStartTimeChange: f,
     onEndTimeChange: p,
     mode: h = "range",
-    singleDayLabel: R = "Select date",
-    showAllTime: D = !1,
+    singleDayLabel: w = "Select date",
+    showAllTime: R = !1,
     className: C,
     value: j,
     onValueChange: F,
     ...u
   }, P) => {
-    const g = (l) => {
-      F?.(l), s?.(l === "custom");
-    }, J = (l) => {
-      if (l) {
-        const v = new Date(l);
-        v.setHours(0, 0, 0, 0);
-        const N = new Date(l);
-        N.setHours(23, 59, 59, 999), r?.(v), d?.(N);
+    const g = (a) => {
+      F?.(a), s?.(a === "custom");
+    }, J = (a) => {
+      if (a) {
+        const N = new Date(a);
+        N.setHours(0, 0, 0, 0);
+        const v = new Date(a);
+        v.setHours(23, 59, 59, 999), r?.(N), d?.(v);
       } else
         r?.(void 0), d?.(void 0);
     };
@@ -61,7 +61,7 @@ const L = b(
       "div",
       {
         ref: P,
-        className: w("flex flex-col gap-4 w-full", C),
+        className: D("flex flex-col gap-4 w-full", C),
         children: [
           /* @__PURE__ */ e.jsx(
             y,
@@ -69,16 +69,16 @@ const L = b(
               value: j,
               onValueChange: g,
               ...u,
-              children: /* @__PURE__ */ e.jsx(a, { label: "Custom", value: "custom" })
+              children: /* @__PURE__ */ e.jsx(l, { label: "Custom", value: "custom" })
             }
           ),
           o && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
             h === "single" ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
               m,
               {
-                date: t,
-                onChange: J,
-                placeholder: R,
+                date: i,
+                onDateChange: J,
+                placeholder: w,
                 className: "h-9",
                 iconPosition: "none"
               }
@@ -86,8 +86,8 @@ const L = b(
               /* @__PURE__ */ e.jsx("div", { className: "flex-1 flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
                 m,
                 {
-                  date: t,
-                  onChange: r,
+                  date: i,
+                  onDateChange: r,
                   placeholder: "Start date",
                   className: "h-9",
                   iconPosition: "none"
@@ -97,7 +97,7 @@ const L = b(
                 m,
                 {
                   date: x,
-                  onChange: d,
+                  onDateChange: d,
                   placeholder: "End date",
                   className: "h-9",
                   iconPosition: "none"
@@ -108,8 +108,8 @@ const L = b(
               /* @__PURE__ */ e.jsx("div", { className: "flex-1 flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
                 n,
                 {
-                  value: i,
-                  onChange: (l) => f?.(l.target.value),
+                  value: t,
+                  onTimeChange: f,
                   placeholder: "10:30:00",
                   className: "h-9"
                 }
@@ -118,7 +118,7 @@ const L = b(
                 n,
                 {
                   value: c,
-                  onChange: (l) => p?.(l.target.value),
+                  onTimeChange: p,
                   placeholder: "10:30:00",
                   className: "h-9"
                 }
@@ -127,8 +127,8 @@ const L = b(
               /* @__PURE__ */ e.jsx("div", { className: "flex-1 flex flex-col gap-3", children: /* @__PURE__ */ e.jsx(
                 n,
                 {
-                  value: i,
-                  onChange: (l) => f?.(l.target.value),
+                  value: t,
+                  onTimeChange: f,
                   placeholder: "10:30:00",
                   className: "h-9"
                 }
@@ -137,7 +137,7 @@ const L = b(
                 n,
                 {
                   value: c,
-                  onChange: (l) => p?.(l.target.value),
+                  onTimeChange: p,
                   placeholder: "10:30:00",
                   className: "h-9"
                 }
@@ -152,7 +152,7 @@ const L = b(
               ...u,
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ e.jsx(
-                  a,
+                  l,
                   {
                     label: "Today",
                     value: "today",
@@ -160,7 +160,7 @@ const L = b(
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  a,
+                  l,
                   {
                     label: "Last 3 days",
                     value: "last-3-days",
@@ -168,7 +168,7 @@ const L = b(
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  a,
+                  l,
                   {
                     label: "Last 7 days",
                     value: "last-7-days",
@@ -176,7 +176,7 @@ const L = b(
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  a,
+                  l,
                   {
                     label: "Last 30 days",
                     value: "last-30-days",
@@ -184,14 +184,14 @@ const L = b(
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  a,
+                  l,
                   {
                     label: "This month",
                     value: "this-month",
                     description: "Jan 2026"
                   }
                 ),
-                D && /* @__PURE__ */ e.jsx(a, { label: "All time", value: "all-time" })
+                R && /* @__PURE__ */ e.jsx(l, { label: "All time", value: "all-time" })
               ] })
             }
           )
@@ -200,8 +200,8 @@ const L = b(
     );
   }
 );
-L.displayName = "FilterDateRange";
+T.displayName = "FilterDateRange";
 export {
-  L as FilterDateRange,
-  a as FilterDateRangeOption
+  T as FilterDateRange,
+  l as FilterDateRangeOption
 };

package/dist/components/atoms/index.d.ts

@@ -18,7 +18,7 @@ export { ToggleGroup, ToggleGroupItem, type ToggleGroupProps, type ToggleGroupIt
 export { Tooltip, TooltipProvider, type TooltipProps, type TooltipProviderProps, } from './tooltip';
 export { Field, type FieldProps } from './field';
 export { NavLink, type NavLinkProps } from './nav-link';
-export { Select, type SelectProps, type SelectOption, type SelectOptionGroup, } from './select';
+export { Select, SearchSelect, type SelectProps, type SelectOption, type SelectOptionGroup, type SearchSelectProps, } from './select';
 export { Combobox, type ComboboxProps, type ComboboxOption } from './combobox';
 export { Link, type LinkProps } from './link';
 export { MultiValuesField, type MultiValuesFieldProps, type TriggerKey, } from './multi-values-field';

package/dist/components/atoms/select/search-select.js

@@ -0,0 +1,201 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import * as a from "react";
+import { cn as l } from "../../../lib/utils.js";
+import { Combobox as B, ComboboxTrigger as H, ComboboxContent as J } from "../../../vendor/shadcn/combobox.js";
+import { Command as K, CommandInput as M, CommandList as P, CommandEmpty as Q, CommandGroup as U, CommandItem as k } from "../../../vendor/shadcn/command.js";
+import { Label as W } from "../../../vendor/shadcn/label.js";
+import { Typography as x } from "../typography/typography.js";
+import { Icon as b } from "../icon/icon.js";
+const X = a.forwardRef(
+  ({
+    label: j,
+    description: N,
+    error: f,
+    optional: G = !1,
+    placeholder: L = "Select an option",
+    value: n,
+    defaultValue: p,
+    onValueChange: h,
+    disabled: u = !1,
+    options: c = [],
+    groups: o = [],
+    className: E,
+    id: g,
+    searchPlaceholder: z = "Search...",
+    maxHeight: I = 300
+  }, F) => {
+    const [i, C] = a.useState(!1), [v, y] = a.useState(""), d = o.length > 0, S = c.length > 0, R = a.useCallback(() => {
+      if (!n) return null;
+      if (d)
+        for (const s of o) {
+          const r = s.options.find((t) => t.value === n);
+          if (r) return r.label;
+        }
+      else if (S) {
+        const s = c.find((r) => r.value === n);
+        if (s) return s.label;
+      }
+      return null;
+    }, [n, o, c, d, S]), T = a.useCallback(
+      (s) => {
+        if (!s)
+          return { filteredOptions: c, filteredGroups: o };
+        const r = s.toLowerCase();
+        if (d) {
+          const t = o.map((m) => ({
+            ...m,
+            options: m.options.filter(
+              (A) => A.label.toLowerCase().includes(r)
+            )
+          })).filter((m) => m.options.length > 0);
+          return { filteredOptions: [], filteredGroups: t };
+        } else
+          return { filteredOptions: c.filter(
+            (m) => m.label.toLowerCase().includes(r)
+          ), filteredGroups: [] };
+      },
+      [c, o, d]
+    ), { filteredOptions: q, filteredGroups: D } = T(v);
+    a.useEffect(() => {
+      i && setTimeout(() => {
+        document.querySelector(
+          '[data-slot="command-input"]'
+        )?.focus();
+      }, 0);
+    }, [i]), a.useEffect(() => {
+      i || y("");
+    }, [i]), a.useEffect(() => {
+      p && !n && h?.(p);
+    }, [p, n, h]);
+    const w = (s) => {
+      u || (h?.(s), C(!1));
+    }, O = R();
+    return /* @__PURE__ */ e.jsxs("div", { className: l("w-full", E), children: [
+      j && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 mb-2", children: [
+        /* @__PURE__ */ e.jsx(W, { htmlFor: g, className: l(u && "opacity-50"), children: j }),
+        G && /* @__PURE__ */ e.jsx(x, { variant: "sm", className: "text-muted-foreground", children: "(Optional)" })
+      ] }),
+      N && !f && /* @__PURE__ */ e.jsx(
+        x,
+        {
+          variant: "sm",
+          className: l(
+            "text-muted-foreground mb-2",
+            u && "opacity-50"
+          ),
+          children: N
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(B, { open: i, onOpenChange: C, children: [
+        /* @__PURE__ */ e.jsx(H, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            ref: F,
+            id: g,
+            type: "button",
+            disabled: u,
+            role: "combobox",
+            "aria-expanded": i,
+            "aria-haspopup": "listbox",
+            className: l(
+              "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 shadow-xs [&>span]:min-w-0 [&>span]:truncate",
+              f && "border-destructive"
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "span",
+                {
+                  className: l(
+                    "truncate",
+                    !O && "text-muted-foreground"
+                  ),
+                  children: O || L
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                b,
+                {
+                  name: "CaretDown",
+                  size: "sm",
+                  className: "opacity-50 shrink-0"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(J, { className: "p-0", align: "start", children: /* @__PURE__ */ e.jsxs(K, { shouldFilter: !1, children: [
+          /* @__PURE__ */ e.jsx(
+            M,
+            {
+              placeholder: z,
+              value: v,
+              onValueChange: y
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(P, { style: { maxHeight: I }, children: [
+            /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx(
+              x,
+              {
+                variant: "sm",
+                className: "text-muted-foreground py-6 text-center",
+                children: "No results found."
+              }
+            ) }),
+            d ? D.map((s, r) => /* @__PURE__ */ e.jsxs(U, { children: [
+              s.label && /* @__PURE__ */ e.jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: s.label }),
+              s.options.map((t) => /* @__PURE__ */ e.jsxs(
+                k,
+                {
+                  value: t.value,
+                  onSelect: () => w(t.value),
+                  className: l(
+                    "cursor-pointer",
+                    n === t.value && "bg-accent"
+                  ),
+                  children: [
+                    /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
+                      t.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: t.icon }),
+                      t.label
+                    ] }),
+                    n === t.value && /* @__PURE__ */ e.jsx(
+                      b,
+                      {
+                        name: "Check",
+                        size: "sm",
+                        className: "ml-auto"
+                      }
+                    )
+                  ]
+                },
+                t.value
+              ))
+            ] }, r)) : q.map((s) => /* @__PURE__ */ e.jsxs(
+              k,
+              {
+                value: s.value,
+                onSelect: () => w(s.value),
+                className: l(
+                  "cursor-pointer",
+                  n === s.value && "bg-accent"
+                ),
+                children: [
+                  /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
+                    s.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: s.icon }),
+                    s.label
+                  ] }),
+                  n === s.value && /* @__PURE__ */ e.jsx(b, { name: "Check", size: "sm", className: "ml-auto" })
+                ]
+              },
+              s.value
+            ))
+          ] })
+        ] }) })
+      ] }),
+      f && /* @__PURE__ */ e.jsx(x, { variant: "sm", className: "text-destructive mt-2", children: f })
+    ] });
+  }
+);
+X.displayName = "SearchSelect";
+export {
+  X as SearchSelect
+};

package/dist/index.js

@@ -3,11 +3,11 @@ import { cn as t, normalizeDimension as p } from "./lib/utils.js";
 import { toast as i } from "sonner";
 import { Alert as m } from "./components/atoms/alert/alert.js";
 import { Accordion as f, AccordionContent as d, AccordionItem as l, AccordionTrigger as u } from "./components/atoms/accordion/accordion.js";
-import { AccessDeniedAlert as c } from "./components/atoms/access-denied-alert/access-denied-alert.js";
+import { AccessDeniedAlert as g } from "./components/atoms/access-denied-alert/access-denied-alert.js";
 import { Avatar as s } from "./components/atoms/avatar/avatar.js";
 import { Badge as C } from "./components/atoms/badge/badge.js";
 import { Button as M } from "./components/atoms/button/button.js";
-import { Card as w, CardContent as b, CardDescription as S, CardFooter as R, CardHeader as k, CardTitle as I } from "./components/atoms/card/card.js";
+import { Card as w, CardContent as S, CardDescription as b, CardFooter as R, CardHeader as h, CardTitle as k } from "./components/atoms/card/card.js";
 import { Checkbox as G } from "./components/atoms/checkbox/checkbox.js";
 import { CurrencyField as A } from "./components/atoms/currency-field/currency-field.js";
 import { DatePicker as B } from "./components/atoms/date-picker/date-picker.js";
@@ -16,54 +16,55 @@ import { TimePicker as H } from "./components/atoms/time-picker/time-picker.js";
 import { FilterButton as z, FilterCheckboxOption as K, FilterContent as V, FilterRadioOption as j, FilterSection as q, FilterTag as J } from "./components/atoms/filter/filter.js";
 import { FilterDateRange as U, FilterDateRangeOption as W } from "./components/atoms/filter/filter-date-range.js";
 import { FilterDropdown as Y, FilterMenu as Z, FilterMenuItem as _ } from "./components/atoms/filter-dropdown/filter-dropdown.js";
-import { DropdownMenu as oo, DropdownMenuCheckboxItem as ro, DropdownMenuContent as eo, DropdownMenuGroup as to, DropdownMenuItem as po, DropdownMenuLabel as no, DropdownMenuPortal as io, DropdownMenuRadioGroup as ao, DropdownMenuRadioItem as mo, DropdownMenuSeparator as xo, DropdownMenuShortcut as fo, DropdownMenuSub as lo, DropdownMenuSubContent as uo, DropdownMenuSubTrigger as go, DropdownMenuTrigger as co } from "./components/atoms/dropdown-menu/dropdown-menu.js";
+import { DropdownMenu as oo, DropdownMenuCheckboxItem as ro, DropdownMenuContent as eo, DropdownMenuGroup as to, DropdownMenuItem as po, DropdownMenuLabel as no, DropdownMenuPortal as io, DropdownMenuRadioGroup as ao, DropdownMenuRadioItem as mo, DropdownMenuSeparator as xo, DropdownMenuShortcut as fo, DropdownMenuSub as lo, DropdownMenuSubContent as uo, DropdownMenuSubTrigger as co, DropdownMenuTrigger as go } from "./components/atoms/dropdown-menu/dropdown-menu.js";
 import { DotsMenu as so } from "./components/atoms/dots-menu/dots-menu.js";
 import { ToggleGroup as Co, ToggleGroupItem as Fo } from "./components/atoms/toggle-group/toggle-group.js";
 import { Tooltip as To } from "./components/atoms/tooltip/tooltip.js";
-import { TooltipProvider as bo } from "./vendor/shadcn/tooltip.js";
+import { TooltipProvider as So } from "./vendor/shadcn/tooltip.js";
 import { Field as Ro } from "./components/atoms/field/field.js";
-import { NavLink as Io } from "./components/atoms/nav-link/nav-link.js";
+import { NavLink as ko } from "./components/atoms/nav-link/nav-link.js";
 import { Select as Go } from "./components/atoms/select/select.js";
-import { Combobox as Ao } from "./components/atoms/combobox/combobox.js";
-import { Link as Bo } from "./components/atoms/link/link.js";
-import { MultiValuesField as Oo } from "./components/atoms/multi-values-field/multi-values-field.js";
-import { MultiSelect as Ho } from "./components/atoms/multi-select/multi-select.js";
-import { Popover as zo, PopoverContent as Ko, PopoverTrigger as Vo } from "./components/atoms/popover/popover.js";
-import { RadioGroup as qo } from "./components/atoms/radio-group/radio-group.js";
-import { RadioGroup as Qo, RadioGroupItem as Uo } from "./vendor/shadcn/radio-group.js";
-import { RadioGroupOption as Xo } from "./components/atoms/radio-group/radio-group-option.js";
-import { SearchField as Zo } from "./components/atoms/search-field/search-field.js";
-import { Skeleton as $o } from "./vendor/shadcn/skeleton.js";
-import { Separator as rr } from "./components/atoms/separator/separator.js";
-import { Switch as tr } from "./components/atoms/switch/switch.js";
-import { Textarea as nr } from "./components/atoms/textarea/textarea.js";
-import { Typography as ar } from "./components/atoms/typography/typography.js";
-import { Icon as xr } from "./components/atoms/icon/icon.js";
-import { OTPField as dr } from "./components/atoms/otp-field/otp-field.js";
-import { PasswordField as ur } from "./components/atoms/password-field/password-field.js";
-import { ProtectedField as cr } from "./components/atoms/protected-field/protected-field.js";
-import { Progress as sr } from "./components/atoms/progress/progress.js";
-import { Toaster as Cr } from "./vendor/shadcn/sonner.js";
-import { Breadcrumb as Mr } from "./components/molecules/breadcrumb/breadcrumb.js";
-import { Pagination as wr, Pagination as br } from "./components/molecules/pagination/pagination.js";
-import { PaginationContent as Rr, PaginationEllipsis as kr, PaginationItem as Ir, PaginationLink as hr, PaginationNext as Gr, PaginationPrevious as vr } from "./vendor/shadcn/pagination.js";
-import { NavTabs as yr } from "./components/molecules/nav-tabs/nav-tabs.js";
-import { HighlightBanner as Lr } from "./components/molecules/highlight-banner/highlight-banner.js";
-import { Empty as Er } from "./components/molecules/empty/empty.js";
-import { EmptyIcon as Nr } from "./components/molecules/empty/empty-icon.js";
-import { DialogHeader as Kr } from "./components/molecules/dialog-header/dialog-header.js";
-import { DialogContent as jr } from "./components/molecules/dialog-content/dialog-content.js";
-import { DialogFooter as Jr } from "./components/molecules/dialog-footer/dialog-footer.js";
-import { Dialog as Ur } from "./components/organisms/dialog/dialog.js";
-import { Sheet as Xr } from "./components/organisms/sheet/sheet.js";
-import { DataTable as Zr } from "./components/organisms/data-table/data-table.js";
-import { DataTableColumnHeader as $r } from "./components/organisms/data-table/components/column-header/data-table-column-header.js";
-import { DataTableSortIndicator as re } from "./components/organisms/data-table/components/column-header/data-table-sort-indicator.js";
-import { DataTableListCell as te } from "./components/organisms/data-table/components/cells/data-table-list-cell.js";
-import { useBodyScrollLock as ne } from "./hooks/use-body-scroll-lock.js";
-import { useEscapeKey as ae } from "./hooks/use-escape-key.js";
+import { SearchSelect as Ao } from "./components/atoms/select/search-select.js";
+import { Combobox as Bo } from "./components/atoms/combobox/combobox.js";
+import { Link as Oo } from "./components/atoms/link/link.js";
+import { MultiValuesField as Ho } from "./components/atoms/multi-values-field/multi-values-field.js";
+import { MultiSelect as zo } from "./components/atoms/multi-select/multi-select.js";
+import { Popover as Vo, PopoverContent as jo, PopoverTrigger as qo } from "./components/atoms/popover/popover.js";
+import { RadioGroup as Qo } from "./components/atoms/radio-group/radio-group.js";
+import { RadioGroup as Wo, RadioGroupItem as Xo } from "./vendor/shadcn/radio-group.js";
+import { RadioGroupOption as Zo } from "./components/atoms/radio-group/radio-group-option.js";
+import { SearchField as $o } from "./components/atoms/search-field/search-field.js";
+import { Skeleton as rr } from "./vendor/shadcn/skeleton.js";
+import { Separator as tr } from "./components/atoms/separator/separator.js";
+import { Switch as nr } from "./components/atoms/switch/switch.js";
+import { Textarea as ar } from "./components/atoms/textarea/textarea.js";
+import { Typography as xr } from "./components/atoms/typography/typography.js";
+import { Icon as dr } from "./components/atoms/icon/icon.js";
+import { OTPField as ur } from "./components/atoms/otp-field/otp-field.js";
+import { PasswordField as gr } from "./components/atoms/password-field/password-field.js";
+import { ProtectedField as sr } from "./components/atoms/protected-field/protected-field.js";
+import { Progress as Cr } from "./components/atoms/progress/progress.js";
+import { Toaster as Mr } from "./vendor/shadcn/sonner.js";
+import { Breadcrumb as wr } from "./components/molecules/breadcrumb/breadcrumb.js";
+import { Pagination as br, Pagination as Rr } from "./components/molecules/pagination/pagination.js";
+import { PaginationContent as kr, PaginationEllipsis as Ir, PaginationItem as Gr, PaginationLink as vr, PaginationNext as Ar, PaginationPrevious as yr } from "./vendor/shadcn/pagination.js";
+import { NavTabs as Lr } from "./components/molecules/nav-tabs/nav-tabs.js";
+import { HighlightBanner as Er } from "./components/molecules/highlight-banner/highlight-banner.js";
+import { Empty as Nr } from "./components/molecules/empty/empty.js";
+import { EmptyIcon as Kr } from "./components/molecules/empty/empty-icon.js";
+import { DialogHeader as jr } from "./components/molecules/dialog-header/dialog-header.js";
+import { DialogContent as Jr } from "./components/molecules/dialog-content/dialog-content.js";
+import { DialogFooter as Ur } from "./components/molecules/dialog-footer/dialog-footer.js";
+import { Dialog as Xr } from "./components/organisms/dialog/dialog.js";
+import { Sheet as Zr } from "./components/organisms/sheet/sheet.js";
+import { DataTable as $r } from "./components/organisms/data-table/data-table.js";
+import { DataTableColumnHeader as re } from "./components/organisms/data-table/components/column-header/data-table-column-header.js";
+import { DataTableSortIndicator as te } from "./components/organisms/data-table/components/column-header/data-table-sort-indicator.js";
+import { DataTableListCell as ne } from "./components/organisms/data-table/components/cells/data-table-list-cell.js";
+import { useBodyScrollLock as ae } from "./hooks/use-body-scroll-lock.js";
+import { useEscapeKey as xe } from "./hooks/use-escape-key.js";
 export {
-  c as AccessDeniedAlert,
+  g as AccessDeniedAlert,
   f as Accordion,
   d as AccordionContent,
   l as AccordionItem,
@@ -71,27 +72,27 @@ export {
   m as Alert,
   s as Avatar,
   C as Badge,
-  Mr as Breadcrumb,
+  wr as Breadcrumb,
   M as Button,
   w as Card,
-  b as CardContent,
-  S as CardDescription,
+  S as CardContent,
+  b as CardDescription,
   R as CardFooter,
-  k as CardHeader,
-  I as CardTitle,
+  h as CardHeader,
+  k as CardTitle,
   G as Checkbox,
-  Ao as Combobox,
+  Bo as Combobox,
   A as CurrencyField,
-  Zr as DataTable,
-  $r as DataTableColumnHeader,
-  te as DataTableListCell,
-  re as DataTableSortIndicator,
+  $r as DataTable,
+  re as DataTableColumnHeader,
+  ne as DataTableListCell,
+  te as DataTableSortIndicator,
   B as DatePicker,
   O as DateRangePicker,
-  Ur as Dialog,
-  jr as DialogContent,
-  Jr as DialogFooter,
-  Kr as DialogHeader,
+  Xr as Dialog,
+  Jr as DialogContent,
+  Ur as DialogFooter,
+  jr as DialogHeader,
   so as DotsMenu,
   oo as DropdownMenu,
   ro as DropdownMenuCheckboxItem,
@@ -106,10 +107,10 @@ export {
   fo as DropdownMenuShortcut,
   lo as DropdownMenuSub,
   uo as DropdownMenuSubContent,
-  go as DropdownMenuSubTrigger,
-  co as DropdownMenuTrigger,
-  Er as Empty,
-  Nr as EmptyIcon,
+  co as DropdownMenuSubTrigger,
+  go as DropdownMenuTrigger,
+  Nr as Empty,
+  Kr as EmptyIcon,
   Ro as Field,
   z as FilterButton,
   K as FilterCheckboxOption,
@@ -122,49 +123,50 @@ export {
   j as FilterRadioOption,
   q as FilterSection,
   J as FilterTag,
-  Lr as HighlightBanner,
-  xr as Icon,
-  Bo as Link,
-  Ho as MultiSelect,
-  Oo as MultiValuesField,
-  Io as NavLink,
-  yr as NavTabs,
-  dr as OTPField,
-  wr as Pagination,
-  Rr as PaginationContent,
-  kr as PaginationEllipsis,
-  Ir as PaginationItem,
-  hr as PaginationLink,
-  Gr as PaginationNext,
-  vr as PaginationPrevious,
-  br as PaginationRoot,
-  ur as PasswordField,
-  zo as Popover,
-  Ko as PopoverContent,
-  Vo as PopoverTrigger,
-  sr as Progress,
-  cr as ProtectedField,
-  qo as RadioGroup,
-  Qo as RadioGroupBase,
-  Uo as RadioGroupItem,
-  Xo as RadioGroupOption,
-  Zo as SearchField,
+  Er as HighlightBanner,
+  dr as Icon,
+  Oo as Link,
+  zo as MultiSelect,
+  Ho as MultiValuesField,
+  ko as NavLink,
+  Lr as NavTabs,
+  ur as OTPField,
+  br as Pagination,
+  kr as PaginationContent,
+  Ir as PaginationEllipsis,
+  Gr as PaginationItem,
+  vr as PaginationLink,
+  Ar as PaginationNext,
+  yr as PaginationPrevious,
+  Rr as PaginationRoot,
+  gr as PasswordField,
+  Vo as Popover,
+  jo as PopoverContent,
+  qo as PopoverTrigger,
+  Cr as Progress,
+  sr as ProtectedField,
+  Qo as RadioGroup,
+  Wo as RadioGroupBase,
+  Xo as RadioGroupItem,
+  Zo as RadioGroupOption,
+  $o as SearchField,
+  Ao as SearchSelect,
   Go as Select,
-  rr as Separator,
-  Xr as Sheet,
-  $o as Skeleton,
-  tr as Switch,
-  nr as Textarea,
+  tr as Separator,
+  Zr as Sheet,
+  rr as Skeleton,
+  nr as Switch,
+  ar as Textarea,
   H as TimePicker,
-  Cr as Toaster,
+  Mr as Toaster,
   Co as ToggleGroup,
   Fo as ToggleGroupItem,
   To as Tooltip,
-  bo as TooltipProvider,
-  ar as Typography,
+  So as TooltipProvider,
+  xr as Typography,
   t as cn,
   p as normalizeDimension,
   i as toast,
-  ne as useBodyScrollLock,
-  ae as useEscapeKey
+  ae as useBodyScrollLock,
+  xe as useEscapeKey
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "0.0.70",
+  "version": "0.0.72",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",