@yuno-payments/dashboard-design-system 0.0.170 → 0.0.172

package/dist/node_modules/@phosphor-icons/react/dist/defs/Table.es.js

@@ -0,0 +1,30 @@
+import * as H from "react";
+const e = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM44,116H76v24H44Zm56,0H212v24H100ZM212,68V92H44V68ZM44,164H76v24H44Zm56,24V164H212v24Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M88,104v96H32V104Z", opacity: "0.2" }), /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,50H32a6,6,0,0,0-6,6V192a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A6,6,0,0,0,224,50ZM38,110H82v36H38Zm56,0H218v36H94ZM218,62V98H38V62ZM38,192V158H82v36H40A2,2,0,0,1,38,192Zm178,2H94V158H218v34A2,2,0,0,1,216,194Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,52H32a4,4,0,0,0-4,4V192a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A4,4,0,0,0,224,52ZM36,108H84v40H36Zm56,0H220v40H92ZM220,60v40H36V60ZM36,192V156H84v40H40A4,4,0,0,1,36,192Zm180,4H92V156H220v36A4,4,0,0,1,216,196Z" }))
+  ]
+]);
+export {
+  e as default
+};

package/dist/vendor/shadcn/avatar.js

@@ -1,16 +1,16 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
+import { j as r } from "../../_virtual/jsx-runtime.js";
 import "react";
-import * as r from "@radix-ui/react-avatar";
-import { cn as l } from "../../lib/utils.js";
-function m({
+import * as e from "@radix-ui/react-avatar";
+import { cn as s } from "../../lib/utils.js";
+function n({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(
-    r.Root,
+  return /* @__PURE__ */ r.jsx(
+    e.Root,
     {
       "data-slot": "avatar",
-      className: l(
+      className: s(
         "relative flex size-8 shrink-0 overflow-hidden rounded-full",
         a
       ),
@@ -18,29 +18,29 @@ function m({
     }
   );
 }
-function n({
+function f({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(
-    r.Image,
+  return /* @__PURE__ */ r.jsx(
+    e.Image,
     {
       "data-slot": "avatar-image",
-      className: l("aspect-square size-full", a),
+      className: s("aspect-square size-full", a),
       ...t
     }
   );
 }
-function u({
+function m({
   className: a,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(
-    r.Fallback,
+  return /* @__PURE__ */ r.jsx(
+    e.Fallback,
     {
       "data-slot": "avatar-fallback",
-      className: l(
-        "bg-muted flex size-full items-center justify-center rounded-full",
+      className: s(
+        "bg-surface flex size-full items-center justify-center rounded-full",
         a
       ),
       ...t
@@ -48,7 +48,7 @@ function u({
   );
 }
 export {
-  m as Avatar,
-  u as AvatarFallback,
-  n as AvatarImage
+  n as Avatar,
+  m as AvatarFallback,
+  f as AvatarImage
 };

package/dist/vendor/shadcn/badge.js

@@ -1,10 +1,10 @@
-import { j as i } from "../../_virtual/jsx-runtime.js";
+import { j as a } from "../../_virtual/jsx-runtime.js";
 import "react";
 import { Slot as n } from "@radix-ui/react-slot";
 import { cva as s } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as g } from "../../lib/utils.js";
 const l = s(
-  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  "inline-flex items-center justify-center rounded-lg border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 cursor-default gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
@@ -12,11 +12,11 @@ const l = s(
         secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
         destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
         outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        error: "border-transparent bg-gradient-to-r from-rose-600/10 to-rose-600/10 text-rose-600 [a&]:hover:from-rose-600/20 [a&]:hover:to-rose-600/20 focus-visible:ring-rose-600/20 dark:from-rose-600/10 dark:to-rose-600/10 dark:focus-visible:ring-rose-600/40 [&>svg]:fill-rose-600",
-        warning: "border-transparent bg-gradient-to-r from-yellow-500/10 to-yellow-500/10 text-yellow-500 [a&]:hover:from-yellow-500/20 [a&]:hover:to-yellow-500/20 focus-visible:ring-yellow-500/20 dark:from-yellow-500/10 dark:to-yellow-500/10 dark:focus-visible:ring-yellow-500/40 [&>svg]:fill-yellow-500",
-        info: "border-transparent bg-gradient-to-r from-blue-600/10 to-blue-600/10 text-blue-600 [a&]:hover:from-blue-600/20 [a&]:hover:to-blue-600/20 focus-visible:ring-blue-600/20 dark:from-blue-600/10 dark:to-blue-600/10 dark:focus-visible:ring-blue-600/40 [&>svg]:fill-blue-600",
-        success: "border-transparent bg-gradient-to-r from-green-600/10 to-green-600/10 text-green-600 [a&]:hover:from-green-600/20 [a&]:hover:to-green-600/20 focus-visible:ring-green-600/20 dark:from-green-600/10 dark:to-green-600/10 dark:focus-visible:ring-green-600/40 [&>svg]:fill-green-600",
-        alert: "border-transparent bg-gradient-to-r from-orange-600/10 to-orange-600/10 text-orange-600 [a&]:hover:from-orange-600/20 [a&]:hover:to-orange-600/20 focus-visible:ring-orange-600/20 dark:from-orange-600/10 dark:to-orange-600/10 dark:focus-visible:ring-orange-600/40 [&>svg]:fill-orange-600"
+        error: "border-transparent bg-rose-600-10 text-rose-600 [a&]:hover:bg-rose-600-20 focus-visible:ring-rose-600-20 dark:bg-rose-600-10 dark:text-rose-600 dark:focus-visible:ring-rose-600-40 [&>svg]:fill-rose-600",
+        warning: "border-transparent bg-yellow-500-10 text-yellow-500 [a&]:hover:bg-yellow-500-20 focus-visible:ring-yellow-500-20 dark:bg-yellow-500-10 dark:text-yellow-500 dark:focus-visible:ring-yellow-500-40 [&>svg]:fill-yellow-500",
+        info: "border-transparent bg-blue-600-10 text-blue-600 [a&]:hover:bg-blue-600-20 focus-visible:ring-blue-600-20 dark:bg-blue-600-10 dark:text-blue-600 dark:focus-visible:ring-blue-600-40 [&>svg]:fill-blue-600",
+        success: "border-transparent bg-green-600-10 text-green-600 [a&]:hover:bg-green-600-20 focus-visible:ring-green-600-20 dark:bg-green-600-10 dark:text-green-600 dark:focus-visible:ring-green-600-40 [&>svg]:fill-green-600",
+        alert: "border-transparent bg-orange-600-10 text-orange-600 [a&]:hover:bg-orange-600-20 focus-visible:ring-orange-600-20 dark:bg-orange-600-10 dark:text-orange-600 dark:focus-visible:ring-orange-600-40 [&>svg]:fill-orange-600"
       }
     },
     defaultVariants: {
@@ -24,23 +24,23 @@ const l = s(
     }
   }
 );
-function c({
+function f({
   className: r,
   variant: e,
-  asChild: o = !1,
-  ...t
+  asChild: t = !1,
+  ...o
 }) {
-  const a = o ? n : "span";
-  return /* @__PURE__ */ i.jsx(
-    a,
+  const i = t ? n : "span";
+  return /* @__PURE__ */ a.jsx(
+    i,
     {
       "data-slot": "badge",
       className: g(l({ variant: e }), r),
-      ...t
+      ...o
     }
   );
 }
 export {
-  c as Badge,
+  f as Badge,
   l as badgeVariants
 };

package/dist/vendor/shadcn/card.js

@@ -3,7 +3,7 @@ import * as d from "react";
 import { cva as i } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as o } from "../../lib/utils.js";
 const n = i(
-  "rounded-xl border bg-card text-card-foreground",
+  "rounded-xl border bg-muted text-card-foreground",
   {
     variants: {
       variant: {
@@ -15,7 +15,7 @@ const n = i(
       variant: "default"
     }
   }
-), f = d.forwardRef(
+), m = d.forwardRef(
   ({ className: a, variant: r, ...e }, s) => /* @__PURE__ */ t.jsx(
     "div",
     {
@@ -25,8 +25,8 @@ const n = i(
     }
   )
 );
-f.displayName = "Card";
-const m = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
+m.displayName = "Card";
+const f = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
   "div",
   {
     ref: e,
@@ -34,7 +34,7 @@ const m = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
     ...r
   }
 ));
-m.displayName = "CardHeader";
+f.displayName = "CardHeader";
 const c = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
   "div",
   {
@@ -68,10 +68,10 @@ const x = d.forwardRef(({ className: a, ...r }, e) => /* @__PURE__ */ t.jsx(
 ));
 x.displayName = "CardFooter";
 export {
-  f as Card,
+  m as Card,
   p as CardContent,
   l as CardDescription,
   x as CardFooter,
-  m as CardHeader,
+  f as CardHeader,
   c as CardTitle
 };

package/dist/vendor/shadcn/date-picker.d.ts

@@ -1,6 +1,6 @@
 export interface DatePickerProps {
     date?: Date;
-    onDateChange?: (date: Date | undefined) => void;
+    onChange?: (date: Date | undefined) => void;
     placeholder?: string;
     disabled?: boolean;
     className?: string;
@@ -14,4 +14,4 @@ export interface DatePickerProps {
     orientation?: "vertical" | "horizontal" | "responsive";
     id?: string;
 }
-export declare function DatePicker({ date, onDateChange, placeholder, disabled, className, iconPosition, minDate, maxDate, dateFormat, label, error, description, orientation, id, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ date, onChange, placeholder, disabled, className, iconPosition, minDate, maxDate, dateFormat, label, error, description, orientation, id, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/vendor/shadcn/date-picker.js

@@ -10,7 +10,7 @@ import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import { formatDate as S } from "../../node_modules/date-fns/format.js";
 function O({
   date: s,
-  onDateChange: f,
+  onChange: f,
   placeholder: x = "Pick a date",
   disabled: p = !1,
   className: n,

package/dist/vendor/shadcn/date-range-picker.d.ts

@@ -1,9 +1,9 @@
 import { DateRange } from 'react-day-picker';
 export interface DateRangePickerProps {
     dateRange?: DateRange;
-    onDateRangeChange?: (range: DateRange | undefined) => void;
+    onChange?: (range: DateRange | undefined) => void;
     placeholder?: string;
     disabled?: boolean;
     className?: string;
 }
-export declare function DateRangePicker({ dateRange, onDateRangeChange, placeholder, disabled, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePicker({ dateRange, onChange, placeholder, disabled, className, }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/vendor/shadcn/date-range-picker.js

@@ -8,7 +8,7 @@ import p from "../../node_modules/lucide-react/dist/esm/icons/calendar.js";
 import { formatDate as t } from "../../node_modules/date-fns/format.js";
 function v({
   dateRange: o,
-  onDateRangeChange: e,
+  onChange: e,
   placeholder: s = "Pick a date range",
   disabled: m = !1,
   className: i

package/dist/vendor/shadcn/dialog.js

@@ -22,7 +22,7 @@ function d({
     {
       "data-slot": "dialog-overlay",
       className: s(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[1000] bg-black/50",
         t
       ),
       ...e
@@ -42,7 +42,7 @@ function p({
       {
         "data-slot": "dialog-content",
         className: s(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-[1000] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           t
         ),
         ...i,

package/dist/vendor/shadcn/input-group.js

@@ -1,16 +1,16 @@
 import { j as n } from "../../_virtual/jsx-runtime.js";
-import * as e from "react";
+import * as a from "react";
 import { cva as i } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as a } from "../../lib/utils.js";
+import { cn as e } from "../../lib/utils.js";
 import { Input as u } from "./input.js";
 import { Textarea as p } from "./textarea.js";
 import { Button as d } from "./button.js";
-const l = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
+const l = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: o,
-    className: a(
-      "flex min-w-0 w-full rounded-md border border-input bg-white shadow-xs overflow-hidden",
+    className: e(
+      "flex min-w-0 w-full rounded-md border border-input bg-background shadow-xs overflow-hidden",
       "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
       "has-[[data-slot=input-group-control][aria-invalid='true']]:border-destructive has-[[data-slot=input-group-control][aria-invalid='true']]:ring-destructive/20 dark:has-[[data-slot=input-group-control][aria-invalid='true']]:ring-destructive/40",
       t
@@ -19,11 +19,11 @@ const l = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 l.displayName = "InputGroup";
-const c = e.forwardRef(({ className: t, align: r = "inline-start", ...o }, s) => /* @__PURE__ */ n.jsx(
+const c = a.forwardRef(({ className: t, align: r = "inline-start", ...o }, s) => /* @__PURE__ */ n.jsx(
   "div",
   {
     ref: s,
-    className: a(
+    className: e(
       "flex items-center gap-1.5 h-9 shrink-0",
       r === "inline-start" && "order-first pl-3",
       r === "inline-end" && "order-last pr-3",
@@ -35,12 +35,12 @@ const c = e.forwardRef(({ className: t, align: r = "inline-start", ...o }, s) =>
   }
 ));
 c.displayName = "InputGroupAddon";
-const f = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
+const f = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   u,
   {
     ref: o,
     "data-slot": "input-group-control",
-    className: a(
+    className: e(
       "flex-1 min-w-0 border-0 shadow-none rounded-none bg-transparent",
       "focus-visible:ring-0 focus-visible:border-0",
       "aria-invalid:border-0 aria-invalid:ring-0",
@@ -50,12 +50,12 @@ const f = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 f.displayName = "InputGroupInput";
-const m = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
+const m = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   p,
   {
     ref: o,
     "data-slot": "input-group-control",
-    className: a(
+    className: e(
       "flex-1 min-w-0 border-0 shadow-none rounded-none bg-transparent",
       "focus-visible:ring-0 focus-visible:border-0",
       t
@@ -64,11 +64,11 @@ const m = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   }
 ));
 m.displayName = "InputGroupTextarea";
-const x = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
+const x = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
   "span",
   {
     ref: o,
-    className: a(
+    className: e(
       "text-sm text-muted-foreground whitespace-nowrap",
       t
     ),
@@ -91,19 +91,19 @@ const b = i(
       size: "sm"
     }
   }
-), v = e.forwardRef(({ className: t, size: r, ...o }, s) => /* @__PURE__ */ n.jsx(
+), g = a.forwardRef(({ className: t, size: r, ...o }, s) => /* @__PURE__ */ n.jsx(
   d,
   {
     ref: s,
-    className: a(b({ size: r }), t),
+    className: e(b({ size: r }), t),
     ...o
   }
 ));
-v.displayName = "InputGroupButton";
+g.displayName = "InputGroupButton";
 export {
   l as InputGroup,
   c as InputGroupAddon,
-  v as InputGroupButton,
+  g as InputGroupButton,
   f as InputGroupInput,
   x as InputGroupText,
   m as InputGroupTextarea

package/dist/vendor/shadcn/input.js

@@ -1,15 +1,15 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
+import { j as t } from "../../_virtual/jsx-runtime.js";
 import * as n from "react";
 import { cn as a } from "../../lib/utils.js";
-const l = n.forwardRef(
-  ({ className: e, type: r, ...i }, t) => /* @__PURE__ */ o.jsx(
+const d = n.forwardRef(
+  ({ className: e, type: r, ...i }, o) => /* @__PURE__ */ t.jsx(
     "input",
     {
       type: r,
-      ref: t,
+      ref: o,
       "data-slot": "input",
       className: a(
-        "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-white px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-normal disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
+        "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-background px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-normal disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         e
@@ -18,7 +18,7 @@ const l = n.forwardRef(
     }
   )
 );
-l.displayName = "Input";
+d.displayName = "Input";
 export {
-  l as Input
+  d as Input
 };

package/dist/vendor/shadcn/popover.js

@@ -9,7 +9,7 @@ const l = o.Root, c = o.Trigger, m = s.forwardRef(({ className: e, align: a = "c
     align: a,
     sideOffset: r,
     className: n(
-      "z-[150] w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-popover w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...d

package/dist/vendor/shadcn/select.js

@@ -1,8 +1,8 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
 import * as d from "react";
 import * as e from "@radix-ui/react-select";
-import { cn as o } from "../../lib/utils.js";
 import { Icon as n } from "../../components/atoms/icon/icon.js";
+import { cn as o } from "../../lib/utils.js";
 const j = e.Root, N = e.Group, b = e.Value, p = d.forwardRef(({ className: s, children: r, ...a }, l) => /* @__PURE__ */ t.jsxs(
   e.Trigger,
   {
@@ -50,7 +50,7 @@ const f = d.forwardRef(({ className: s, children: r, position: a = "popper", ...
   {
     ref: m,
     className: o(
-      "relative z-[100] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "relative z-[1100] max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       s
     ),

package/dist/vendor/shadcn/sonner.d.ts

@@ -1,4 +1,29 @@
 import { Toaster as Sonner } from 'sonner';
 type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+interface ExtendedToasterProps extends Omit<ToasterProps, 'position'> {
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+}
+/**
+ * Toast notification container component (based on Sonner).
+ * Place once at root level to enable toast notifications globally.
+ *
+ * Supports both:
+ * - Simple toasts (bottom-center): toast.success('Message')
+ * - NotificationAlert toasts (top-right): showNotificationAlert({ mode: 'success', message: 'Message' })
+ *
+ * @example
+ * ```tsx
+ * // In root layout:
+ * <Toaster />
+ *
+ * // Simple toasts (appear at bottom-center):
+ * import { toast } from 'sonner';
+ * toast.success('Operation successful!');
+ *
+ * // NotificationAlert toasts (appear at top-right):
+ * import { showNotificationAlert } from '@yuno-payments/dashboard-design-system';
+ * showNotificationAlert({ mode: 'success', message: 'Operation successful!' });
+ * ```
+ */
+declare const Toaster: ({ position, ...props }: ExtendedToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster };

package/dist/vendor/shadcn/sonner.js

@@ -1,21 +1,25 @@
-import { j as o } from "../../_virtual/jsx-runtime.js";
-import { Toaster as r } from "sonner";
-const a = ({ ...t }) => /* @__PURE__ */ o.jsx(
-  r,
+import { j as r } from "../../_virtual/jsx-runtime.js";
+import { Toaster as e } from "sonner";
+const u = ({ position: t = "bottom-center", ...o }) => /* @__PURE__ */ r.jsx(
+  e,
   {
     className: "toaster group",
-    position: "bottom-center",
+    position: t,
     toastOptions: {
       classNames: {
-        toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+        toast: "group toast group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:border group-[.toaster]:border-border group-[.toaster]:shadow-lg",
         description: "group-[.toast]:text-muted-foreground",
         actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
         cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+      },
+      style: {
+        minWidth: "300px",
+        maxWidth: "420px"
       }
     },
-    ...t
+    ...o
   }
 );
 export {
-  a as Toaster
+  u as Toaster
 };

package/dist/vendor/shadcn/table.js

@@ -1,89 +1,89 @@
-import { j as l } from "../../_virtual/jsx-runtime.js";
-import * as o from "react";
+import { j as t } from "../../_virtual/jsx-runtime.js";
+import * as l from "react";
 import { cn as r } from "../../lib/utils.js";
-const s = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ l.jsx(
+const s = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t.jsx(
   "table",
   {
-    ref: t,
+    ref: o,
     className: r("w-full caption-bottom text-sm", e),
     ...a
   }
 ) }));
 s.displayName = "Table";
-const d = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx("thead", { ref: t, className: r("[&_tr]:border-b", e), ...a }));
+const d = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
 d.displayName = "TableHeader";
-const b = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+const m = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "tbody",
   {
-    ref: t,
+    ref: o,
     className: r("[&_tr:last-child]:border-0", e),
     ...a
   }
 ));
-b.displayName = "TableBody";
-const m = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+m.displayName = "TableBody";
+const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "tfoot",
   {
-    ref: t,
+    ref: o,
     className: r(
-      "border-t bg-neutral-100/50 font-medium [&>tr]:last:border-b-0",
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
       e
     ),
     ...a
   }
 ));
-m.displayName = "TableFooter";
-const c = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+b.displayName = "TableFooter";
+const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "tr",
   {
-    ref: t,
+    ref: o,
     className: r(
-      "border-b transition-colors bg-white hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100",
+      "border-b transition-colors bg-background hover:bg-muted/50 data-[state=selected]:bg-muted",
       e
     ),
     ...a
   }
 ));
 c.displayName = "TableRow";
-const i = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+const i = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "th",
   {
-    ref: t,
+    ref: o,
     className: r(
-      "relative h-10 px-2 text-left align-middle font-medium text-neutral-500 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "relative h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
     ...a
   }
 ));
 i.displayName = "TableHead";
-const n = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "td",
   {
-    ref: t,
+    ref: o,
     className: r(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "p-2 align-middle overflow-x-hidden [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
     ...a
   }
 ));
-n.displayName = "TableCell";
-const f = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l.jsx(
+f.displayName = "TableCell";
+const n = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   "caption",
   {
-    ref: t,
-    className: r("mt-4 text-sm text-neutral-500", e),
+    ref: o,
+    className: r("mt-4 text-sm text-muted-foreground", e),
     ...a
   }
 ));
-f.displayName = "TableCaption";
+n.displayName = "TableCaption";
 export {
   s as Table,
-  b as TableBody,
-  f as TableCaption,
-  n as TableCell,
-  m as TableFooter,
+  m as TableBody,
+  n as TableCaption,
+  f as TableCell,
+  b as TableFooter,
   i as TableHead,
   d as TableHeader,
   c as TableRow