@yuno-payments/dashboard-design-system 0.0.81 → 0.0.83

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

@@ -1,8 +1,9 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ChangeEvent } from 'react';
 import { Checkbox as ShadcnCheckbox } from '../../../vendor/shadcn/checkbox';
-export interface CheckboxProps extends Omit<ComponentProps<typeof ShadcnCheckbox>, "children"> {
+export interface CheckboxProps extends Omit<ComponentProps<typeof ShadcnCheckbox>, "children" | "onCheckedChange"> {
     label?: string;
     description?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }
 declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export { Checkbox };

package/dist/components/atoms/checkbox/checkbox.js

@@ -1,49 +1,71 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as p, useId as f } from "react";
-import { Checkbox as d } from "../../../vendor/shadcn/checkbox.js";
+import { forwardRef as u, useId as d } from "react";
+import { Checkbox as g } from "../../../vendor/shadcn/checkbox.js";
 import { cn as m } from "../../../lib/utils.js";
-import { Label as h } from "../../../vendor/shadcn/label.js";
-const u = p(
-  ({ label: o, description: t, id: x, name: a, disabled: r, ...n }, i) => {
-    const l = f(), s = x || a || l, c = /* @__PURE__ */ e.jsx(
-      d,
+import { Label as C } from "../../../vendor/shadcn/label.js";
+const j = u(
+  ({ label: n, description: c, id: i, name: t, disabled: s, onChange: a, ...l }, f) => {
+    const p = d(), o = i || t || p, h = (r) => {
+      if (!a) return;
+      a({
+        target: {
+          name: t || o,
+          checked: r,
+          type: "checkbox",
+          value: r ? "on" : "off"
+        },
+        currentTarget: {
+          name: t || o,
+          checked: r,
+          type: "checkbox",
+          value: r ? "on" : "off"
+        },
+        preventDefault: () => {
+        },
+        stopPropagation: () => {
+        }
+      });
+    }, x = /* @__PURE__ */ e.jsx(
+      g,
       {
-        ref: i,
-        id: s,
-        disabled: r,
-        ...n,
+        ref: f,
+        id: o,
+        name: t,
+        disabled: s,
+        onCheckedChange: h,
+        ...l,
         className: "size-3.5 cursor-pointer"
       }
     );
-    return o ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-      c,
+    return n ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
+      x,
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ e.jsx(
-          h,
+          C,
           {
-            htmlFor: s,
+            htmlFor: o,
             className: m(
               "text-sm leading-none cursor-pointer",
-              r && "text-muted-foreground"
+              s && "text-muted-foreground"
             ),
-            children: o
+            children: n
           }
         ),
-        t && /* @__PURE__ */ e.jsx(
+        c && /* @__PURE__ */ e.jsx(
           "p",
           {
             className: m(
               "text-sm text-neutral-500",
-              r && "opacity-50"
+              s && "opacity-50"
             ),
-            children: t
+            children: c
           }
         )
       ] })
-    ] }) : c;
+    ] }) : x;
   }
 );
-u.displayName = "Checkbox";
+j.displayName = "Checkbox";
 export {
-  u as Checkbox
+  j as Checkbox
 };

package/dist/components/atoms/multi-select/multi-select.d.ts

@@ -16,7 +16,7 @@ export interface MultiSelectProps {
     /**
      * Callback fired when selection changes
      */
-    onValueChange?: (value: string[]) => void;
+    onChange?: (value: string[]) => void;
     /**
      * Placeholder text when no items are selected
      */

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

@@ -10,7 +10,7 @@ const D = c.forwardRef(
   ({
     options: m,
     value: s = [],
-    onValueChange: l,
+    onChange: l,
     placeholder: b = "Select items...",
     searchPlaceholder: w = "Search...",
     emptyMessage: N = "No results found.",
@@ -23,10 +23,10 @@ const D = c.forwardRef(
     showBadges: x = !0,
     allowClear: y = !0
   }, k) => {
-    const [h, S] = c.useState(!1), [p, L] = c.useState(""), P = (t) => {
+    const [h, S] = c.useState(!1), [p, V] = c.useState(""), L = (t) => {
       const r = s.includes(t) ? s.filter((d) => d !== t) : [...s, t];
       l?.(r);
-    }, V = (t, r) => {
+    }, P = (t, r) => {
       r?.preventDefault(), r?.stopPropagation();
       const d = s.filter((R) => R !== t);
       l?.(d);
@@ -64,7 +64,7 @@ const D = c.forwardRef(
                         {
                           type: "button",
                           className: "ml-1 rounded-full outline-hidden hover:bg-muted-foreground/20",
-                          onClick: (r) => V(t.value, r),
+                          onClick: (r) => P(t.value, r),
                           children: /* @__PURE__ */ e.jsx(g, { className: "h-3 w-3" })
                         }
                       )
@@ -120,7 +120,7 @@ const D = c.forwardRef(
             {
               placeholder: w,
               value: p,
-              onValueChange: L
+              onValueChange: V
             }
           ),
           /* @__PURE__ */ e.jsx(I, { children: N }),
@@ -131,7 +131,7 @@ const D = c.forwardRef(
             {
               value: t.value,
               onSelect: () => {
-                P(t.value);
+                L(t.value);
               },
               children: [
                 /* @__PURE__ */ e.jsx(

package/dist/components/atoms/radio-group/radio-group.d.ts

@@ -6,10 +6,11 @@ interface RadioOption {
     description?: string;
     disabled?: boolean;
 }
-interface RadioGroupProps extends Omit<ComponentProps<typeof ShadcnRadioGroup>, "children"> {
+interface RadioGroupProps extends Omit<ComponentProps<typeof ShadcnRadioGroup>, "children" | "onValueChange"> {
     options: RadioOption[];
     orientation?: "vertical" | "horizontal";
     layout?: "stacked" | "inline";
+    onChange?: (value: string) => void;
 }
 declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export { RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/components/atoms/radio-group/radio-group.js

@@ -1,24 +1,25 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as d } from "react";
 import { RadioGroup as f } from "../../../vendor/shadcn/radio-group.js";
-import { RadioGroupOption as u } from "./radio-group-option.js";
-const x = d(
-  ({ options: a, name: i, orientation: e = "vertical", layout: t = "stacked", ...l }, s) => {
-    const n = t === "inline", p = e === "horizontal";
+import { RadioGroupOption as x } from "./radio-group-option.js";
+const c = d(
+  ({ options: a, name: e, orientation: i = "vertical", layout: t = "stacked", onChange: l, ...n }, s) => {
+    const p = t === "inline", m = i === "horizontal";
     return /* @__PURE__ */ r.jsx(
       f,
       {
         ref: s,
-        className: p ? "flex flex-row flex-wrap gap-6" : "flex flex-col gap-3",
-        ...l,
+        className: m ? "flex flex-row flex-wrap gap-6" : "flex flex-col gap-3",
+        onValueChange: l,
+        ...n,
         children: a.map((o) => {
-          const m = `${i}-${o.value}`;
+          const u = `${e}-${o.value}`;
           return /* @__PURE__ */ r.jsx(
-            u,
+            x,
             {
               option: o,
-              radioId: m,
-              isInlineLayout: n
+              radioId: u,
+              isInlineLayout: p
             },
             o.value
           );
@@ -27,7 +28,7 @@ const x = d(
     );
   }
 );
-x.displayName = "RadioGroup";
+c.displayName = "RadioGroup";
 export {
-  x as RadioGroup
+  c as RadioGroup
 };

package/dist/components/atoms/select/search-select.d.ts

@@ -8,7 +8,7 @@ export interface SearchSelectProps {
     placeholder?: string;
     value?: string;
     defaultValue?: string;
-    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
     disabled?: boolean;
     options?: SelectOption[];
     groups?: SelectOptionGroup[];

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

@@ -1,12 +1,12 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import * as l from "react";
+import * as n from "react";
 import { cn as a } from "../../../lib/utils.js";
-import { FieldLabel as B } from "../../../vendor/shadcn/field.js";
-import { Combobox as H, ComboboxTrigger as J, ComboboxContent as K } from "../../../vendor/shadcn/combobox.js";
-import { Command as M, CommandInput as P, CommandList as Q, CommandEmpty as U, CommandGroup as W, CommandItem as k } from "../../../vendor/shadcn/command.js";
+import { FieldLabel as A } from "../../../vendor/shadcn/field.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 { Typography as x } from "../typography/typography.js";
 import { Icon as b } from "../icon/icon.js";
-const X = l.forwardRef(
+const W = n.forwardRef(
   ({
     label: j,
     description: N,
@@ -15,7 +15,7 @@ const X = l.forwardRef(
     placeholder: L = "Select an option",
     value: r,
     defaultValue: p,
-    onValueChange: h,
+    onChange: h,
     disabled: f = !1,
     options: c = [],
     groups: o = [],
@@ -24,47 +24,47 @@ const X = l.forwardRef(
     searchPlaceholder: z = "Search...",
     maxHeight: F = 300
   }, I) => {
-    const [i, C] = l.useState(!1), [v, S] = l.useState(""), d = o.length > 0, w = c.length > 0, R = l.useCallback(() => {
+    const [i, C] = n.useState(!1), [v, S] = n.useState(""), d = o.length > 0, w = c.length > 0, R = n.useCallback(() => {
       if (!r) return null;
       if (d)
         for (const s of o) {
-          const n = s.options.find((t) => t.value === r);
-          if (n) return n.label;
+          const l = s.options.find((t) => t.value === r);
+          if (l) return l.label;
         }
       else if (w) {
-        const s = c.find((n) => n.value === r);
+        const s = c.find((l) => l.value === r);
         if (s) return s.label;
       }
       return null;
-    }, [r, o, c, d, w]), T = l.useCallback(
+    }, [r, o, c, d, w]), T = n.useCallback(
       (s) => {
         if (!s)
           return { filteredOptions: c, filteredGroups: o };
-        const n = s.toLowerCase();
+        const l = s.toLowerCase();
         if (d) {
           const t = o.map((m) => ({
             ...m,
             options: m.options.filter(
-              (A) => A.label.toLowerCase().includes(n)
+              (V) => V.label.toLowerCase().includes(l)
             )
           })).filter((m) => m.options.length > 0);
           return { filteredOptions: [], filteredGroups: t };
         } else
           return { filteredOptions: c.filter(
-            (m) => m.label.toLowerCase().includes(n)
+            (m) => m.label.toLowerCase().includes(l)
           ), filteredGroups: [] };
       },
       [c, o, d]
     ), { filteredOptions: q, filteredGroups: D } = T(v);
-    l.useEffect(() => {
+    n.useEffect(() => {
       i && setTimeout(() => {
         document.querySelector(
           '[data-slot="command-input"]'
         )?.focus();
       }, 0);
-    }, [i]), l.useEffect(() => {
+    }, [i]), n.useEffect(() => {
       i || S("");
-    }, [i]), l.useEffect(() => {
+    }, [i]), n.useEffect(() => {
       p && !r && h?.(p);
     }, [p, r, h]);
     const y = (s) => {
@@ -72,7 +72,7 @@ const X = l.forwardRef(
     }, O = R();
     return /* @__PURE__ */ e.jsxs("div", { className: a("w-full", E), children: [
       j && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 mb-2", children: [
-        /* @__PURE__ */ e.jsx(B, { htmlFor: g, className: a(f && "text-muted-foreground"), children: j }),
+        /* @__PURE__ */ e.jsx(A, { htmlFor: g, className: a(f && "text-muted-foreground"), children: j }),
         G && /* @__PURE__ */ e.jsx(x, { variant: "sm", className: "text-muted-foreground", children: "(Optional)" })
       ] }),
       N && !u && /* @__PURE__ */ e.jsx(
@@ -86,8 +86,8 @@ const X = l.forwardRef(
           children: N
         }
       ),
-      /* @__PURE__ */ e.jsxs(H, { open: i, onOpenChange: C, children: [
-        /* @__PURE__ */ e.jsx(J, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ e.jsxs(B, { open: i, onOpenChange: C, children: [
+        /* @__PURE__ */ e.jsx(H, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
           "button",
           {
             ref: I,
@@ -123,17 +123,17 @@ const X = l.forwardRef(
             ]
           }
         ) }),
-        /* @__PURE__ */ e.jsx(K, { className: "p-0", align: "start", children: /* @__PURE__ */ e.jsxs(M, { shouldFilter: !1, children: [
+        /* @__PURE__ */ e.jsx(J, { className: "p-0", align: "start", children: /* @__PURE__ */ e.jsxs(K, { shouldFilter: !1, children: [
           /* @__PURE__ */ e.jsx(
-            P,
+            M,
             {
               placeholder: z,
               value: v,
               onValueChange: S
             }
           ),
-          /* @__PURE__ */ e.jsxs(Q, { style: { maxHeight: F }, children: [
-            /* @__PURE__ */ e.jsx(U, { children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsxs(P, { style: { maxHeight: F }, children: [
+            /* @__PURE__ */ e.jsx(Q, { children: /* @__PURE__ */ e.jsx(
               x,
               {
                 variant: "sm",
@@ -141,7 +141,7 @@ const X = l.forwardRef(
                 children: "No results found."
               }
             ) }),
-            d ? D.map((s, n) => /* @__PURE__ */ e.jsxs(W, { children: [
+            d ? D.map((s, l) => /* @__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,
@@ -169,7 +169,7 @@ const X = l.forwardRef(
                 },
                 t.value
               ))
-            ] }, n)) : q.map((s) => /* @__PURE__ */ e.jsxs(
+            ] }, l)) : q.map((s) => /* @__PURE__ */ e.jsxs(
               k,
               {
                 value: s.value,
@@ -195,7 +195,7 @@ const X = l.forwardRef(
     ] });
   }
 );
-X.displayName = "SearchSelect";
+W.displayName = "SearchSelect";
 export {
-  X as SearchSelect
+  W as SearchSelect
 };

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

@@ -16,7 +16,7 @@ export interface SelectProps {
     placeholder?: string;
     value?: string;
     defaultValue?: string;
-    onValueChange?: (value: string) => void;
+    onChange?: (value: string) => void;
     disabled?: boolean;
     options?: SelectOption[];
     groups?: SelectOptionGroup[];

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

@@ -1,19 +1,19 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import * as y from "react";
 import { cn as c } from "../../../lib/utils.js";
-import { Select as w, SelectTrigger as G, SelectValue as L, SelectContent as O, SelectGroup as R, SelectLabel as T, SelectItem as d } from "../../../vendor/shadcn/select.js";
-import { Label as C } from "../../../vendor/shadcn/label.js";
-import { Typography as r } from "../typography/typography.js";
-const E = y.forwardRef(
+import { Select as w, SelectTrigger as C, SelectValue as G, SelectContent as L, SelectGroup as O, SelectLabel as R, SelectItem as d } from "../../../vendor/shadcn/select.js";
+import { Label as T } from "../../../vendor/shadcn/label.js";
+import { Typography as n } from "../typography/typography.js";
+const V = y.forwardRef(
   ({
-    label: m,
-    description: n,
+    label: r,
+    description: m,
     error: a,
     optional: j = !1,
     placeholder: f = "Select an option",
     value: u,
     defaultValue: o,
-    onValueChange: p,
+    onChange: p,
     disabled: t = !1,
     options: i = [],
     groups: x = [],
@@ -22,19 +22,19 @@ const E = y.forwardRef(
   }, N) => {
     const S = x.length > 0, b = i.length > 0;
     return /* @__PURE__ */ e.jsxs("div", { className: c("w-full", v), children: [
-      m && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 mb-2", children: [
-        /* @__PURE__ */ e.jsx(C, { htmlFor: h, className: c(t && "opacity-50"), children: m }),
-        j && /* @__PURE__ */ e.jsx(r, { variant: "sm", className: "text-muted-foreground", children: "(Optional)" })
+      r && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 mb-2", children: [
+        /* @__PURE__ */ e.jsx(T, { htmlFor: h, className: c(t && "opacity-50"), children: r }),
+        j && /* @__PURE__ */ e.jsx(n, { variant: "sm", className: "text-muted-foreground", children: "(Optional)" })
       ] }),
-      n && !a && /* @__PURE__ */ e.jsx(
-        r,
+      m && !a && /* @__PURE__ */ e.jsx(
+        n,
         {
           variant: "sm",
           className: c(
             "text-muted-foreground mb-2",
             t && "opacity-50"
           ),
-          children: n
+          children: m
         }
       ),
       /* @__PURE__ */ e.jsxs(
@@ -46,18 +46,18 @@ const E = y.forwardRef(
           disabled: t,
           children: [
             /* @__PURE__ */ e.jsx(
-              G,
+              C,
               {
                 ref: N,
                 id: h,
                 className: c(a && "border-destructive"),
-                children: /* @__PURE__ */ e.jsx(L, { placeholder: f })
+                children: /* @__PURE__ */ e.jsx(G, { placeholder: f })
               }
             ),
-            /* @__PURE__ */ e.jsx(O, { children: S ? (
+            /* @__PURE__ */ e.jsx(L, { children: S ? (
               // Render grouped options
-              x.map((l, g) => /* @__PURE__ */ e.jsxs(R, { children: [
-                l.label && /* @__PURE__ */ e.jsx(T, { children: l.label }),
+              x.map((l, g) => /* @__PURE__ */ e.jsxs(O, { children: [
+                l.label && /* @__PURE__ */ e.jsx(R, { children: l.label }),
                 l.options.map((s) => /* @__PURE__ */ e.jsxs(d, { value: s.value, children: [
                   s.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: s.icon }),
                   s.label
@@ -73,11 +73,11 @@ const E = y.forwardRef(
           ]
         }
       ),
-      a && /* @__PURE__ */ e.jsx(r, { variant: "sm", className: "text-destructive mt-2", children: a })
+      a && /* @__PURE__ */ e.jsx(n, { variant: "sm", className: "text-destructive mt-2", children: a })
     ] });
   }
 );
-E.displayName = "Select";
+V.displayName = "Select";
 export {
-  E as Select
+  V as Select
 };

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

@@ -1,10 +1,11 @@
 import { Switch as ShadcnSwitch } from '../../../vendor/shadcn/switch';
 import { ComponentProps } from 'react';
-export interface SwitchProps extends Omit<ComponentProps<typeof ShadcnSwitch>, "children"> {
+export interface SwitchProps extends Omit<ComponentProps<typeof ShadcnSwitch>, "children" | "onCheckedChange"> {
     label: string;
     description?: string;
     side?: "left" | "right";
     variant?: "default" | "box";
+    onChange?: (checked: boolean) => void;
 }
 declare const Switch: import('react').ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/components/atoms/switch/switch.js

@@ -1,8 +1,8 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
 import { Switch as p } from "../../../vendor/shadcn/switch.js";
-import { forwardRef as f, useId as h } from "react";
-import { cn as w } from "../../../lib/utils.js";
-import { Label as u } from "../../../vendor/shadcn/label.js";
+import { forwardRef as f, useId as w } from "react";
+import { cn as u } from "../../../lib/utils.js";
+import { Label as g } from "../../../vendor/shadcn/label.js";
 const j = f(
   ({
     label: t,
@@ -11,25 +11,27 @@ const j = f(
     variant: a = "default",
     id: i,
     name: l,
-    ...c
-  }, m) => {
-    const x = h(), r = i || l || x, d = /* @__PURE__ */ e.jsx(
+    onChange: c,
+    ...m
+  }, d) => {
+    const n = w(), r = i || l || n, x = /* @__PURE__ */ e.jsx(
       p,
       {
-        ref: m,
+        ref: d,
         id: r,
         className: "cursor-pointer",
-        ...c
+        onCheckedChange: c,
+        ...m
       }
-    ), n = w("flex gap-3 items-start", {
+    ), h = u("flex gap-3 items-start", {
       "flex-row-reverse": o === "right",
       "bg-white box-border justify-start p-4 rounded-lg border shadow-xs": a === "box"
     });
-    return /* @__PURE__ */ e.jsxs("div", { className: n, children: [
-      d,
+    return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
+      x,
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
         /* @__PURE__ */ e.jsx(
-          u,
+          g,
           {
             htmlFor: r,
             className: "text-sm leading-[18.39px] cursor-pointer",

package/dist/components/atoms/time-picker/time-picker.d.ts

@@ -5,7 +5,7 @@ export interface TimePickerProps extends Omit<TimePickerPrimitiveProps, "onChang
     error?: string;
     description?: string;
     orientation?: "vertical" | "horizontal" | "responsive";
-    onTimeChange?: (value: string) => void;
+    onChange?: (value: string) => void;
 }
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
 export { TimePicker };

package/dist/components/atoms/time-picker/time-picker.js

@@ -12,7 +12,7 @@ const T = v.forwardRef(
     description: r,
     orientation: m = "vertical",
     id: n,
-    onTimeChange: l,
+    onChange: l,
     ...f
   }, x) => {
     const p = h(), t = n || p, d = !!i, a = /* @__PURE__ */ e.jsx(

package/dist/components/atoms/toggle-group/toggle-group.d.ts

@@ -2,7 +2,8 @@ import { ToggleGroup as ShadcnToggleGroup, ToggleGroupItem as ShadcnToggleGroupI
 import { VariantProps } from 'class-variance-authority';
 import { toggleVariants } from '../../../vendor/shadcn/toggle';
 import * as React from "react";
-export interface ToggleGroupProps extends React.ComponentPropsWithoutRef<typeof ShadcnToggleGroup>, VariantProps<typeof toggleVariants> {
+export interface ToggleGroupProps extends Omit<React.ComponentPropsWithoutRef<typeof ShadcnToggleGroup>, "onValueChange">, VariantProps<typeof toggleVariants> {
+    onChange?: (value: string) => void;
 }
 export interface ToggleGroupItemProps extends React.ComponentPropsWithoutRef<typeof ShadcnToggleGroupItem>, VariantProps<typeof toggleVariants> {
 }

package/dist/components/atoms/toggle-group/toggle-group.js

@@ -1,32 +1,33 @@
-import { j as s } from "../../../_virtual/jsx-runtime.js";
-import * as a from "react";
-import { ToggleGroup as l, ToggleGroupItem as u } from "../../../vendor/shadcn/toggle-group.js";
+import { j as p } from "../../../_virtual/jsx-runtime.js";
+import * as s from "react";
+import { ToggleGroup as u, ToggleGroupItem as f } from "../../../vendor/shadcn/toggle-group.js";
 import { cn as t } from "../../../lib/utils.js";
-const f = a.forwardRef(({ className: o, variant: r, size: e, children: m, ...g }, p) => /* @__PURE__ */ s.jsx(
-  l,
+const n = s.forwardRef(({ className: o, variant: r, size: e, children: a, onChange: g, ...m }, l) => /* @__PURE__ */ p.jsx(
+  u,
   {
-    ref: p,
+    ref: l,
     className: t(o),
     variant: r,
     size: e,
-    ...g,
-    children: m
+    onValueChange: g,
+    ...m,
+    children: a
   }
 ));
-f.displayName = "ToggleGroup";
-const G = a.forwardRef(({ className: o, variant: r, size: e, children: m, ...g }, p) => /* @__PURE__ */ s.jsx(
-  u,
+n.displayName = "ToggleGroup";
+const G = s.forwardRef(({ className: o, variant: r, size: e, children: a, ...g }, m) => /* @__PURE__ */ p.jsx(
+  f,
   {
-    ref: p,
+    ref: m,
     className: t(o),
     variant: r,
     size: e,
     ...g,
-    children: m
+    children: a
   }
 ));
 G.displayName = "ToggleGroupItem";
 export {
-  f as ToggleGroup,
+  n as ToggleGroup,
   G as ToggleGroupItem
 };

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/package.json

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