@yuno-payments/dashboard-design-system 2.0.2 → 2.0.4-beta.2

package/dist/vendor/shadcn/calendar.js

@@ -1,29 +1,35 @@
-import { j as e } from "../../_virtual/jsx-runtime.js";
+import { j as a } from "../../_virtual/jsx-runtime.js";
 import "react";
-import { DayPicker as s } from "../../node_modules/react-day-picker/dist/index.esm.js";
-import { cn as t } from "../../lib/utils.js";
-import { buttonVariants as a } from "./button.js";
-import i from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-function l({
-  className: r,
-  classNames: o,
-  showOutsideDays: n = !0,
-  ...d
+import { DayPicker as i } from "../../node_modules/react-day-picker/dist/index.esm.js";
+import { cn as e } from "../../lib/utils.js";
+import { buttonVariants as r } from "./button.js";
+import c from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import l from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+function m({
+  className: o,
+  classNames: n,
+  showOutsideDays: d = !0,
+  ...t
 }) {
-  return /* @__PURE__ */ e.jsx(
-    s,
+  const s = t.captionLayout === "dropdown" || t.captionLayout === "dropdown-buttons";
+  return /* @__PURE__ */ a.jsx(
+    i,
     {
-      showOutsideDays: n,
-      className: t("p-3", r),
+      showOutsideDays: d,
+      className: e("p-3", o),
       classNames: {
         months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
         month: "space-y-4",
         caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
+        caption_label: e("text-sm font-medium", s && "hidden"),
+        caption_dropdowns: "flex gap-1 items-center",
+        dropdown: "appearance-none bg-transparent border border-input rounded-md px-2 py-1 text-sm cursor-pointer focus:outline-none focus:ring-2 focus:ring-ring",
+        dropdown_month: "",
+        dropdown_year: "",
+        vhidden: "sr-only",
         nav: "space-x-1 flex items-center",
-        nav_button: t(
-          a({ variant: "outline" }),
+        nav_button: e(
+          r({ variant: "outline" }),
           "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
         ),
         nav_button_previous: "absolute left-1",
@@ -33,8 +39,8 @@ function l({
         head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
         row: "flex w-full mt-2",
         cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
-        day: t(
-          a({ variant: "ghost" }),
+        day: e(
+          r({ variant: "ghost" }),
           "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
         ),
         day_range_end: "day-range-end",
@@ -44,17 +50,17 @@ function l({
         day_disabled: "text-muted-foreground opacity-50",
         day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
         day_hidden: "invisible",
-        ...o
+        ...n
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ e.jsx(c, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ e.jsx(i, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ a.jsx(l, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ a.jsx(c, { className: "h-4 w-4" })
       },
-      ...d
+      ...t
     }
   );
 }
-l.displayName = "Calendar";
+m.displayName = "Calendar";
 export {
-  l as Calendar
+  m as Calendar
 };

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

@@ -16,5 +16,10 @@ export interface DatePickerProps {
     required?: boolean;
     orientation?: "vertical" | "horizontal" | "responsive";
     id?: string;
+    captionLayout?: "dropdown" | "buttons" | "dropdown-buttons";
+    fromYear?: number;
+    toYear?: number;
+    fromMonth?: Date;
+    toMonth?: Date;
 }
-export declare function DatePicker({ date, onChange, placeholder, disabled, className, iconPosition, minDate, maxDate, dateFormat, label, error, description, info, requiredIndicator, required, 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, info, requiredIndicator, required, orientation, id, captionLayout, fromYear, toYear, fromMonth, toMonth, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

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

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

package/package.json

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

package/registry/components-registry.json

@@ -1,6 +1,6 @@
 {
-  "version": "2.0.2",
-  "generatedAt": "2026-03-17T14:43:03.524Z",
+  "version": "2.0.4-beta.2",
+  "generatedAt": "2026-03-19T00:50:25.015Z",
   "components": [
     {
       "name": "AccessDeniedAlert",
@@ -801,8 +801,8 @@
           "code": "<DatePicker placeholder=\"Pick a date\" disabled />"
         },
         {
-          "name": "FormWithIndicators",
-          "code": "<DatePicker placeholder=\"Pick a date\" disabled={false} />"
+          "name": "DropdownNavigation",
+          "code": "<DatePicker disabled={false} />"
         }
       ]
     },