laif-ds 0.2.53 → 0.2.55

package/dist/components/ui/async-select.js

@@ -1,23 +1,22 @@
 "use client";
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { useDebounce as de } from "../../hooks/use-debounce.js";
 import { cva as ie } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as R from "react";
-import { useState as p, useEffect as b, useCallback as j } from "react";
-import { designTokens as x } from "../../lib/design-tokens.js";
+import { useState as w, useEffect as b, useCallback as j } from "react";
+import { designTokens as u } from "../../lib/design-tokens.js";
 import { cn as M } from "../../lib/utils.js";
 import { Checkbox as fe } from "./checkbox.js";
 import { Command as me, CommandInput as ue, CommandList as he, CommandEmpty as ge, CommandGroup as O, CommandItem as V } from "./command.js";
 import { Icon as _ } from "./icon.js";
 import { Label as pe } from "./label.js";
-import { Popover as xe, PopoverTrigger as we, PopoverContent as ye } from "./popover.js";
+import { Popover as we, PopoverTrigger as xe, PopoverContent as ye } from "./popover.js";
 import Ne from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import be from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const Ce = ie(
+const be = ie(
   M(
-    x.input.base,
-    x.radius.default,
-    x.interaction.disabled,
+    u.input.base,
+    u.radius.default,
+    u.interaction.disabled,
     "flex items-center justify-between whitespace-nowrap transition-all [&>span]:line-clamp-1",
     "data-[placeholder]:text-d-muted-foreground",
     "focus:outline-none"
@@ -25,9 +24,9 @@ const Ce = ie(
   {
     variants: {
       size: {
-        default: x.sizes.default,
-        sm: x.sizes.sm,
-        lg: x.sizes.lg
+        default: u.sizes.default,
+        sm: u.sizes.sm,
+        lg: u.sizes.lg
       }
     },
     defaultVariants: {
@@ -35,10 +34,10 @@ const Ce = ie(
     }
   }
 );
-function Be({
+function Fe({
   fetcher: i,
   initialOptions: t,
-  debounce: w = 300,
+  debounce: x = 300,
   renderOptionItem: C,
   resolveOptionValue: a,
   renderSelectedValue: s,
@@ -48,14 +47,14 @@ function Be({
   value: n,
   onChange: g,
   disabled: A = !1,
-  className: D,
-  wrpClassName: v,
+  className: v,
+  wrpClassName: D,
   noResultsMessage: E,
   clearable: S = !0,
   multiple: l = !1,
   size: ee
 }) {
-  const [m, L] = p(!1), P = R.useRef(null), F = R.useRef(null), re = R.useRef(null), [ne, I] = p({ loading: !1, error: null }), [X, te] = p(""), W = de(X, w), [B, q] = p(/* @__PURE__ */ new Map()), [$, G] = p([]), [H, se] = p(0), [J, Q] = p(() => t?.length ? new Map(
+  const [m, I] = w(!1), L = R.useRef(null), P = R.useRef(null), re = R.useRef(null), [ne, F] = w({ loading: !1, error: null }), [X, te] = w(""), W = de(X, x), [B, q] = w(/* @__PURE__ */ new Map()), [$, G] = w([]), [H, se] = w(0), [J, Q] = w(() => t?.length ? new Map(
     t.map((e) => [a(e), e])
   ) : /* @__PURE__ */ new Map());
   b(() => {
@@ -67,7 +66,7 @@ function Be({
       return t.forEach((c) => o.set(a(c), c)), o;
     }));
   }, [t, a]);
-  const [k, Y] = p([]), z = j(
+  const [k, Y] = w([]), z = j(
     (e) => {
       if (!e) {
         Y([]);
@@ -103,33 +102,33 @@ function Be({
     }
     (async () => {
       try {
-        I({ loading: !0, error: null });
+        F({ loading: !0, error: null });
         const c = await i(W);
         q((d) => new Map(d).set(e, c)), G(c), Q((d) => {
           const y = new Map(d);
           return c.forEach((U) => y.set(a(U), U)), y;
         });
       } catch (c) {
-        I({
+        F({
           loading: !1,
           error: c instanceof Error ? c.message : "Failed to fetch options"
         });
       } finally {
-        I((c) => ({ ...c, loading: !1 }));
+        F((c) => ({ ...c, loading: !1 }));
       }
     })();
   }, [m, W, B, i, a]), b(() => {
     m && z(n);
   }, [m, z, n]), b(() => {
-    m && P.current && P.current.focus();
+    m && L.current && L.current.focus();
   }, [m]), b(() => {
-    if (!m || !F.current) return;
-    const e = F.current.getBoundingClientRect();
+    if (!m || !P.current) return;
+    const e = P.current.getBoundingClientRect();
     se(e.width);
   }, [m]);
   const ce = j(
     (e) => {
-      g?.(S && e === n ? "" : e), L(!1);
+      g?.(S && e === n ? "" : e), I(!1);
     },
     [n, g, S]
   ), ae = j(
@@ -142,34 +141,34 @@ function Be({
     [n, g, l]
   ), oe = j(
     (e) => {
-      e.stopPropagation(), e.preventDefault(), g?.(l ? [] : ""), L(!1);
+      e.stopPropagation(), e.preventDefault(), g?.(l ? [] : ""), I(!1);
     },
     [g]
   ), Z = R.useId();
-  return /* @__PURE__ */ u("div", { className: M("flex flex-col gap-1.5", v), children: [
+  return /* @__PURE__ */ p("div", { className: M("flex flex-col gap-1.5", D), children: [
     N && /* @__PURE__ */ r(pe, { htmlFor: Z, children: N }),
-    /* @__PURE__ */ u(xe, { open: m, onOpenChange: L, children: [
-      /* @__PURE__ */ r(we, { asChild: !0, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ p(we, { open: m, onOpenChange: I, children: [
+      /* @__PURE__ */ r(xe, { asChild: !0, children: /* @__PURE__ */ r(
         "button",
         {
           id: Z,
-          ref: F,
+          ref: P,
           type: "button",
           disabled: A,
           className: M(
-            Ce({ size: ee }),
+            be({ size: ee }),
             "!border-d-border/50 border !shadow-none",
             A && "cursor-not-allowed opacity-50",
             "font-normal",
             "w-full",
             "w-full",
-            x.focusRing,
-            m && x.activeRing,
-            D
+            u.focusRing,
+            m && u.activeRing,
+            v
           ),
-          children: /* @__PURE__ */ u("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
+          children: /* @__PURE__ */ p("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
             l ? Array.isArray(n) && n.length > 0 ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: n.length === 1 ? k[0] && s(k[0]) : `${n.length} elementi selezionati` }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }) : K ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: s(K) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }),
-            /* @__PURE__ */ u("div", { className: "flex flex-shrink-0 items-center justify-end gap-1", children: [
+            /* @__PURE__ */ p("div", { className: "flex flex-shrink-0 items-center justify-end gap-1", children: [
               S && (l && Array.isArray(n) && n.length > 0 || !l && K) && /* @__PURE__ */ r(
                 "div",
                 {
@@ -210,9 +209,9 @@ function Be({
           onWheel: (e) => e.stopPropagation(),
           avoidCollisions: !1,
           children: /* @__PURE__ */ r(
-            Se,
+            Ae,
             {
-              inputRef: P,
+              inputRef: L,
               commandListRef: re,
               placeholder: f,
               searchTerm: X,
@@ -235,10 +234,10 @@ function Be({
     ] })
   ] });
 }
-function Ae({
+function Ce({
   option: i,
   multiple: t,
-  value: w,
+  value: x,
   resolveOptionValue: C,
   renderSelectedValue: a,
   renderOptionItem: s,
@@ -247,35 +246,28 @@ function Ae({
 }) {
   const f = C(i);
   let n = !1;
-  return t ? n = Array.isArray(w) && w.includes(f) : n = w === f, /* @__PURE__ */ r(
+  return t ? n = Array.isArray(x) && x.includes(f) : n = x === f, /* @__PURE__ */ r(
     V,
     {
       value: f,
       onSelect: t ? N : h,
-      className: "cursor-pointer",
-      children: /* @__PURE__ */ u("div", { className: "flex w-full items-center justify-between overflow-hidden", children: [
-        /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          t && /* @__PURE__ */ r(fe, { checked: n }),
-          s ? /* @__PURE__ */ r("div", { className: "truncate", children: s(i) }) : /* @__PURE__ */ r("span", { className: "truncate", children: a(i) })
-        ] }),
-        /* @__PURE__ */ r(
-          be,
-          {
-            className: M(
-              "ml-2 h-4 w-4 flex-shrink-0",
-              n ? "opacity-100" : "opacity-0"
-            )
-          }
-        )
-      ] })
+      className: M(
+        "cursor-pointer",
+        u.dropdownItem.hover,
+        !t && n && u.dropdownItem.selected
+      ),
+      children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between overflow-hidden", children: /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        t && /* @__PURE__ */ r(fe, { checked: n }),
+        s ? /* @__PURE__ */ r("div", { className: "truncate", children: s(i) }) : /* @__PURE__ */ r("span", { className: "truncate", children: a(i) })
+      ] }) })
     },
     f
   );
 }
-function Se({
+function Ae({
   inputRef: i,
   commandListRef: t,
-  placeholder: w,
+  placeholder: x,
   searchTerm: C,
   onSearchTermChange: a,
   fetchState: s,
@@ -285,36 +277,36 @@ function Se({
   multiple: n,
   value: g,
   resolveOptionValue: A,
-  renderSelectedValue: D,
-  renderOptionItem: v,
+  renderSelectedValue: v,
+  renderOptionItem: D,
   onSelect: E,
   onSelectMultiple: S
 }) {
-  return /* @__PURE__ */ u(me, { shouldFilter: !1, className: "w-full border-none shadow-sm", children: [
+  return /* @__PURE__ */ p(me, { shouldFilter: !1, className: "w-full border-none shadow-sm", children: [
     /* @__PURE__ */ r(
       ue,
       {
         ref: i,
-        placeholder: w,
+        placeholder: x,
         className: "placeholder:text-d-muted-foreground",
         value: C,
         onValueChange: a
       }
     ),
     s.loading && h.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ r(Ne, { className: "h-4 w-4 animate-spin" }) }),
-    /* @__PURE__ */ u(he, { ref: t, children: [
+    /* @__PURE__ */ p(he, { ref: t, children: [
       s.error && /* @__PURE__ */ r("div", { className: "text-d-destructive p-3 text-center", children: s.error }),
-      s.loading && h.length === 0 && /* @__PURE__ */ r(Re, {}),
+      s.loading && h.length === 0 && /* @__PURE__ */ r(Se, {}),
       !s.loading && !s.error && h.length === 0 && (N || /* @__PURE__ */ r(ge, { children: f || "No results found." })),
       !s.loading && !s.error && h.length > 0 && /* @__PURE__ */ r(O, { children: h.map((l) => /* @__PURE__ */ r(
-        Ae,
+        Ce,
         {
           option: l,
           multiple: n,
           value: g,
           resolveOptionValue: A,
-          renderSelectedValue: D,
-          renderOptionItem: v,
+          renderSelectedValue: v,
+          renderOptionItem: D,
           onSelect: E,
           onSelectMultiple: S
         },
@@ -323,16 +315,16 @@ function Se({
     ] })
   ] });
 }
-function Re() {
-  return /* @__PURE__ */ r(O, { children: [1, 2, 3].map((i) => /* @__PURE__ */ r(V, { disabled: !0, children: /* @__PURE__ */ u("div", { className: "flex w-full items-center gap-2", children: [
+function Se() {
+  return /* @__PURE__ */ r(O, { children: [1, 2, 3].map((i) => /* @__PURE__ */ r(V, { disabled: !0, children: /* @__PURE__ */ p("div", { className: "flex w-full items-center gap-2", children: [
     /* @__PURE__ */ r("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
-    /* @__PURE__ */ u("div", { className: "flex flex-1 flex-col gap-1", children: [
+    /* @__PURE__ */ p("div", { className: "flex flex-1 flex-col gap-1", children: [
       /* @__PURE__ */ r("div", { className: "bg-d-secondary h-4 w-24 animate-pulse rounded" }),
       /* @__PURE__ */ r("div", { className: "bg-d-secondary h-3 w-16 animate-pulse rounded" })
     ] })
   ] }) }, i)) });
 }
 export {
-  Be as AsyncSelect,
-  Ce as selectTriggerVariants
+  Fe as AsyncSelect,
+  be as selectTriggerVariants
 };

package/dist/components/ui/button.js

@@ -64,7 +64,7 @@ function N({
     u,
     {
       "data-slot": "button",
-      className: s(m({ variant: a, size: e, className: d }), "relative"),
+      className: s("relative", m({ variant: a, size: e, className: d })),
       ...o,
       children: [
         /* @__PURE__ */ t("span", { className: "absolute inset-0 overflow-hidden rounded-[inherit] pointer-events-none", children: /* @__PURE__ */ t("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700 ease-out" }) }),

package/dist/components/ui/calendar.js

@@ -1,39 +1,42 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import * as m from "react";
-import { buttonVariants as f, Button as x } from "./button.js";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { l as z } from "../../_virtual/lodash.js";
+import * as y from "react";
+import { AppSelect as b } from "./app-select.js";
+import { buttonVariants as w, Button as x } from "./button.js";
 import { cn as e } from "../../lib/utils.js";
-import { getDefaultClassNames as p } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
-import { DayPicker as b } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
-import w from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-function R({
-  className: u,
-  classNames: c,
+import { getDefaultClassNames as v } from "../../node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js";
+import { DayPicker as C } from "../../node_modules/react-day-picker/dist/esm/DayPicker.js";
+import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+import N from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import D from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import { useDayPicker as k } from "../../node_modules/react-day-picker/dist/esm/useDayPicker.js";
+import { formatDate as M } from "../../node_modules/date-fns/format.js";
+function W({
+  className: p,
+  classNames: g,
   showOutsideDays: r = !0,
-  buttonVariant: s = "ghost",
-  formatters: i,
-  components: l,
-  ...g
+  buttonVariant: d = "ghost",
+  formatters: u,
+  components: s,
+  locale: c,
+  ...f
 }) {
-  const t = p();
-  return /* @__PURE__ */ n(
-    b,
+  const t = v();
+  return /* @__PURE__ */ a(
+    C,
     {
       showOutsideDays: r,
-      captionLayout: "dropdown",
-      reverseYears: !0,
       endMonth: new Date((/* @__PURE__ */ new Date()).getFullYear() + 100, 11, 31),
       className: e(
-        "bg-d-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        "bg-d-background group/calendar p-3 [--cell-size:--spacing(7)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
-        u
+        p
       ),
       formatters: {
-        formatMonthDropdown: (a) => a.toLocaleString("default", { month: "short" }),
-        ...i
+        formatMonthDropdown: (n) => n.toLocaleString("default", { month: "short" }),
+        ...u
       },
       classNames: {
         root: e("w-fit", t.root),
@@ -43,38 +46,28 @@ function R({
         ),
         month: e("flex flex-col w-full gap-4", t.month),
         nav: e(
-          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          "hidden",
           t.nav
         ),
         button_previous: e(
-          f({ variant: s }),
+          w({ variant: d }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           t.button_previous
         ),
         button_next: e(
-          f({ variant: s }),
+          w({ variant: d }),
           "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
           t.button_next
         ),
         month_caption: e(
-          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          "flex items-center justify-center pt-1 relative",
           t.month_caption
         ),
-        dropdowns: e(
-          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
-          t.dropdowns
-        ),
-        dropdown_root: e(
-          "relative has-focus:border-ring border border-d-input shadow-xs has-focus:ring-d-ring/50 has-focus:ring-[3px] rounded-md",
-          t.dropdown_root
-        ),
-        dropdown: e("absolute inset-0 opacity-0", t.dropdown),
         caption_label: e(
-          "select-none font-medium",
-          g?.captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-d-muted-foreground [&>svg]:size-3.5",
+          "select-none font-medium text-sm",
           t.caption_label
         ),
-        table: "w-full border-collapse",
+        table: "w-full border-collapse space-y-1",
         weekdays: e("flex", t.weekdays),
         weekday: e(
           "text-d-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
@@ -112,63 +105,137 @@ function R({
           t.disabled
         ),
         hidden: e("invisible", t.hidden),
-        ...c
+        ...g
       },
       components: {
-        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
+        Root: ({ className: n, rootRef: l, ...i }) => /* @__PURE__ */ a(
           "div",
           {
             "data-slot": "calendar",
-            ref: d,
-            className: e(a),
-            ...o
+            ref: l,
+            className: e(n),
+            ...i
           }
         ),
-        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(w, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
-          y,
+        Chevron: ({ className: n, orientation: l, ...i }) => l === "left" ? /* @__PURE__ */ a(_, { className: e("size-4", n), ...i }) : l === "right" ? /* @__PURE__ */ a(
+          N,
           {
-            className: e("size-4", a),
-            ...o
+            className: e("size-4", n),
+            ...i
           }
-        ) : /* @__PURE__ */ n(_, { className: e("size-4", a), ...o }),
-        DayButton: h,
-        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
-        ...l
+        ) : /* @__PURE__ */ a(D, { className: e("size-4", n), ...i }),
+        DayButton: L,
+        WeekNumber: ({ children: n, ...l }) => /* @__PURE__ */ a("td", { ...l, children: /* @__PURE__ */ a("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: n }) }),
+        MonthCaption: (n) => /* @__PURE__ */ a(S, { ...n, locale: c }),
+        ...s
       },
-      ...g
+      locale: c,
+      ...f
     }
   );
 }
-function h({
-  className: u,
-  day: c,
+function L({
+  className: p,
+  day: g,
   modifiers: r,
-  ...s
+  ...d
 }) {
-  const i = p(), l = m.useRef(null);
-  return m.useEffect(() => {
-    r.focused && l.current?.focus();
-  }, [r.focused]), /* @__PURE__ */ n(
+  const u = v(), s = y.useRef(null);
+  return y.useEffect(() => {
+    r.focused && s.current?.focus();
+  }, [r.focused]), /* @__PURE__ */ h(
     x,
     {
-      ref: l,
+      ref: s,
       variant: "ghost",
       size: "icon",
-      "data-day": c.date.toLocaleDateString(),
+      "data-day": g.date.toLocaleDateString(),
       "data-selected-single": r.selected && !r.range_start && !r.range_end && !r.range_middle,
       "data-range-start": r.range_start,
       "data-range-end": r.range_end,
       "data-range-middle": r.range_middle,
       className: e(
         "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-d-ring/50 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
-        i.day,
-        u
+        u.day,
+        p
       ),
-      ...s
+      ...d,
+      children: [
+        d.children,
+        r.today && /* @__PURE__ */ a("span", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 h-1 w-1 rounded-full bg-d-primary" })
+      ]
     }
   );
 }
+function S({
+  calendarMonth: p,
+  locale: g
+}) {
+  const r = k(), { goToMonth: d, nextMonth: u, previousMonth: s } = r, c = p.date, f = Array.from({ length: 12 }, (m, o) => ({
+    value: o,
+    label: z.upperFirst(
+      g ? M(new Date(2e3, o), "LLLL", { locale: g }) : new Date(2e3, o).toLocaleString("default", { month: "long" })
+    )
+  })), t = (/* @__PURE__ */ new Date()).getFullYear(), n = Array.from({ length: 201 }, (m, o) => ({
+    value: t - 100 + o,
+    label: String(t - 100 + o)
+  })), l = (m) => {
+    if (m === void 0) return;
+    const o = new Date(c);
+    o.setMonth(Number(m)), d(o);
+  }, i = (m) => {
+    if (m === void 0) return;
+    const o = new Date(c);
+    o.setFullYear(Number(m)), d(o);
+  };
+  return /* @__PURE__ */ h("div", { className: "flex items-center justify-center gap-1", children: [
+    /* @__PURE__ */ a(
+      x,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "h-6 w-6 p-0",
+        disabled: !s,
+        onClick: () => s && d(s),
+        children: /* @__PURE__ */ a(_, { className: "size-3 opacity-50 hover:opacity-100" })
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ a(
+        b,
+        {
+          options: f,
+          value: c.getMonth(),
+          onValueChange: l,
+          size: "sm",
+          className: "h-7 w-[105px] text-xs"
+        }
+      ),
+      /* @__PURE__ */ a(
+        b,
+        {
+          options: n,
+          value: c.getFullYear(),
+          onValueChange: i,
+          size: "sm",
+          className: "h-7 w-[75px] text-xs"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      x,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "h-6 w-6 p-0",
+        disabled: !u,
+        onClick: () => u && d(u),
+        children: /* @__PURE__ */ a(N, { className: "size-3 opacity-50 hover:opacity-100" })
+      }
+    )
+  ] });
+}
 export {
-  R as Calendar,
-  h as CalendarDayButton
+  W as Calendar,
+  L as CalendarDayButton
 };