@yuno-payments/dashboard-design-system 0.0.64 → 0.0.65

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

@@ -8,5 +8,10 @@ export interface DatePickerProps {
     minDate?: Date;
     maxDate?: Date;
     dateFormat?: string;
+    label?: string;
+    error?: string;
+    description?: string;
+    orientation?: "vertical" | "horizontal" | "responsive";
+    id?: string;
 }
-export declare function DatePicker({ date, onDateChange, placeholder, disabled, className, iconPosition, minDate, maxDate, dateFormat, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+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;

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

@@ -1,58 +1,83 @@
-import { j as t } from "../../_virtual/jsx-runtime.js";
-import "react";
-import { cn as p } from "../../lib/utils.js";
-import { Button as d } from "./button.js";
-import { Calendar as x } from "./calendar.js";
-import { Popover as u, PopoverTrigger as h, PopoverContent as j } from "./popover.js";
-import w from "../../node_modules/lucide-react/dist/esm/icons/calendar.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import { formatDate as v } from "../../node_modules/date-fns/format.js";
-function S({
-  date: r,
-  onDateChange: s,
-  placeholder: a = "Pick a date",
-  disabled: n = !1,
-  className: m,
-  iconPosition: e = "start",
-  minDate: i,
-  maxDate: l,
-  dateFormat: c = "MMM d, yyyy"
+import { j as e } from "../../_virtual/jsx-runtime.js";
+import { useId as C } from "react";
+import { cn as m } from "../../lib/utils.js";
+import { Button as D } from "./button.js";
+import { Calendar as F } from "./calendar.js";
+import { Popover as N, PopoverTrigger as P, PopoverContent as b } from "./popover.js";
+import { Field as I, FieldLabel as k, FieldDescription as E, FieldError as $ } from "./field.js";
+import M from "../../node_modules/lucide-react/dist/esm/icons/calendar.js";
+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,
+  placeholder: x = "Pick a date",
+  disabled: p = !1,
+  className: n,
+  iconPosition: d = "start",
+  minDate: u,
+  maxDate: h,
+  dateFormat: j = "MMM d, yyyy",
+  label: o,
+  error: t,
+  description: i,
+  orientation: v = "vertical",
+  id: w
 }) {
-  const f = e === "start", o = e === "end";
-  return /* @__PURE__ */ t.jsxs(u, { children: [
-    /* @__PURE__ */ t.jsx(h, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
-      d,
+  const y = C(), r = w || y, a = !!t, g = d === "start", l = d === "end", c = /* @__PURE__ */ e.jsxs(N, { children: [
+    /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      D,
       {
         variant: "outline",
-        className: p(
+        className: m(
           "w-full text-left font-normal h-9",
-          o ? "justify-between" : "justify-start",
-          !r && "text-muted-foreground",
-          m
+          l ? "justify-between" : "justify-start",
+          !s && "text-muted-foreground",
+          a && "border-destructive focus-visible:border-destructive",
+          n
         ),
-        disabled: n,
+        disabled: p,
+        "aria-invalid": a ? !0 : void 0,
+        "aria-describedby": i || t ? `${r}-description` : void 0,
+        id: r,
         children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-            f && /* @__PURE__ */ t.jsx(w, { className: "h-4 w-4" }),
-            r ? v(r, c) : /* @__PURE__ */ t.jsx("span", { children: a })
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            g && /* @__PURE__ */ e.jsx(M, { className: "h-4 w-4" }),
+            s ? S(s, j) : /* @__PURE__ */ e.jsx("span", { children: x })
           ] }),
-          o && /* @__PURE__ */ t.jsx(y, { className: "h-4 w-4 opacity-50" })
+          l && /* @__PURE__ */ e.jsx(B, { className: "h-4 w-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ t.jsx(j, { className: "w-auto p-0", children: /* @__PURE__ */ t.jsx(
-      x,
+    /* @__PURE__ */ e.jsx(b, { className: "w-auto p-0", children: /* @__PURE__ */ e.jsx(
+      F,
       {
         mode: "single",
-        selected: r,
-        onSelect: s,
+        selected: s,
+        onSelect: f,
         initialFocus: !0,
-        fromDate: i,
-        toDate: l
+        fromDate: u,
+        toDate: h
       }
     ) })
   ] });
+  return o || t || i ? /* @__PURE__ */ e.jsxs(
+    I,
+    {
+      orientation: v,
+      "data-invalid": a,
+      className: m("w-full", n),
+      children: [
+        o && /* @__PURE__ */ e.jsx(k, { htmlFor: r, children: o }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
+          c,
+          i && !t && /* @__PURE__ */ e.jsx(E, { id: `${r}-description`, children: i }),
+          t && /* @__PURE__ */ e.jsx($, { id: `${r}-description`, children: t })
+        ] })
+      ]
+    }
+  ) : c;
 }
 export {
-  S as DatePicker
+  O as DatePicker
 };

package/package.json

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