@yuno-payments/dashboard-design-system 0.0.68 → 0.0.69

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

@@ -1,2 +1,4 @@
 export { Select } from './select';
 export type { SelectProps, SelectOption, SelectOptionGroup } from './select';
+export { SearchSelect } from './search-select';
+export type { SearchSelectProps } from './search-select';

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

@@ -0,0 +1,22 @@
+import { SelectOption, SelectOptionGroup } from './select';
+import * as React from "react";
+export interface SearchSelectProps {
+    label?: string;
+    description?: string;
+    error?: string;
+    optional?: boolean;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    options?: SelectOption[];
+    groups?: SelectOptionGroup[];
+    className?: string;
+    id?: string;
+    searchPlaceholder?: string;
+    maxHeight?: number;
+}
+declare const SearchSelect: React.ForwardRefExoticComponent<SearchSelectProps & React.RefAttributes<HTMLButtonElement>>;
+export { SearchSelect };
+export type { SearchSelectProps };

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

@@ -1,10 +1,11 @@
 import { TimePickerProps as TimePickerPrimitiveProps } from '../../../vendor/shadcn/time-picker';
 import * as React from "react";
-export interface TimePickerProps extends TimePickerPrimitiveProps {
+export interface TimePickerProps extends Omit<TimePickerPrimitiveProps, "onChange"> {
     label?: string;
     error?: string;
     description?: string;
     orientation?: "vertical" | "horizontal" | "responsive";
+    onValueChange?: (value: string) => void;
 }
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
 export { TimePicker };

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

@@ -1,52 +1,56 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import * as p from "react";
-import { useId as u } from "react";
-import { cn as m } from "../../../lib/utils.js";
-import { TimePicker as v } from "../../../vendor/shadcn/time-picker.js";
-import { Field as j, FieldLabel as h, FieldDescription as k, FieldError as P } from "../../../vendor/shadcn/field.js";
-const F = p.forwardRef(
+import * as v from "react";
+import { useId as h } from "react";
+import { cn as c } from "../../../lib/utils.js";
+import { TimePicker as j } from "../../../vendor/shadcn/time-picker.js";
+import { Field as k, FieldLabel as P, FieldDescription as F, FieldError as g } from "../../../vendor/shadcn/field.js";
+const T = v.forwardRef(
   ({
     className: o,
-    label: d,
+    label: s,
     error: i,
     description: r,
-    orientation: a = "vertical",
+    orientation: m = "vertical",
     id: n,
-    ...l
-  }, f) => {
-    const x = u(), s = n || x, t = !!i, c = /* @__PURE__ */ e.jsx(
-      v,
+    onValueChange: l,
+    ...f
+  }, x) => {
+    const p = h(), t = n || p, d = !!i, a = /* @__PURE__ */ e.jsx(
+      j,
       {
-        ref: f,
-        id: s,
-        className: m(
-          t && "border-destructive focus-visible:border-destructive",
-          !(d || i || r) && o
+        ref: x,
+        id: t,
+        className: c(
+          d && "border-destructive focus-visible:border-destructive",
+          !(s || i || r) && o
         ),
-        "aria-invalid": t ? !0 : void 0,
-        "aria-describedby": r || i ? `${s}-description` : void 0,
-        ...l
+        "aria-invalid": d ? !0 : void 0,
+        "aria-describedby": r || i ? `${t}-description` : void 0,
+        onChange: (u) => {
+          l?.(u.target.value);
+        },
+        ...f
       }
     );
-    return d || i || r ? /* @__PURE__ */ e.jsxs(
-      j,
+    return s || i || r ? /* @__PURE__ */ e.jsxs(
+      k,
       {
-        orientation: a,
-        "data-invalid": t,
-        className: m("w-full", o),
+        orientation: m,
+        "data-invalid": d,
+        className: c("w-full", o),
         children: [
-          d && /* @__PURE__ */ e.jsx(h, { htmlFor: s, children: d }),
+          s && /* @__PURE__ */ e.jsx(P, { htmlFor: t, children: s }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
-            c,
-            r && !i && /* @__PURE__ */ e.jsx(k, { id: `${s}-description`, children: r }),
-            i && /* @__PURE__ */ e.jsx(P, { id: `${s}-description`, children: i })
+            a,
+            r && !i && /* @__PURE__ */ e.jsx(F, { id: `${t}-description`, children: r }),
+            i && /* @__PURE__ */ e.jsx(g, { id: `${t}-description`, children: i })
           ] })
         ]
       }
-    ) : c;
+    ) : a;
   }
 );
-F.displayName = "TimePicker";
+T.displayName = "TimePicker";
 export {
-  F as TimePicker
+  T as TimePicker
 };

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

@@ -1,6 +1,6 @@
 export interface DatePickerProps {
     date?: Date;
-    onChange?: (date: Date | undefined) => void;
+    onValueChange?: (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, onChange, placeholder, disabled, className, iconPosition, minDate, maxDate, dateFormat, label, error, description, orientation, id, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ date, onValueChange, 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,
-  onChange: f,
+  onValueChange: f,
   placeholder: x = "Pick a date",
   disabled: p = !1,
   className: n,

package/package.json

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