laif-ds 0.2.54 → 0.2.56

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
 };

package/dist/components/ui/date-picker.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { Calendar as w } from "./calendar.js";
+import { Calendar as T } from "./calendar.js";
 import { Icon as E } from "./icon.js";
 import { Label as L } from "./label.js";
 import { Popover as q, PopoverTrigger as A, PopoverContent as B } from "./popover.js";
@@ -17,7 +17,7 @@ function v({
   placeholder: I = "Seleziona data",
   dateFormat: a = "dd/MM/yyyy",
   className: M,
-  disabled: n = !1,
+  disabled: s = !1,
   size: m = "default",
   firstDate: l,
   lastDate: u,
@@ -30,21 +30,21 @@ function v({
 }) {
   const [r, y] = c.useState(e), [O, C] = c.useState(
     g
-  ), [S, R] = c.useState(!1), z = (s) => {
-    y(s), s && C(s), p && p(s);
+  ), [S, R] = c.useState(!1), w = (n) => {
+    y(n), n && C(n), p && p(n);
   };
   let i = [];
   l && i.push({ before: l }), u && i.push({ after: u }), h?.length && i.push(
-    (s) => !h.some(
-      (T) => H(T, s)
+    (n) => !h.some(
+      (z) => H(z, n)
     )
-  ), n && (i = [!0]), F(() => {
+  ), s && (i = [!0]), F(() => {
     y(r), C(r || g);
   }, [r]);
   const b = c.useId();
   return /* @__PURE__ */ f("div", { className: P("flex flex-col gap-1.5", k), children: [
     x && /* @__PURE__ */ t(L, { htmlFor: b, children: x }),
-    /* @__PURE__ */ f(q, { open: n ? !1 : S, onOpenChange: R, children: [
+    /* @__PURE__ */ f(q, { open: s ? !1 : S, onOpenChange: R, children: [
       /* @__PURE__ */ t(A, { asChild: !0, children: /* @__PURE__ */ f(
         "div",
         {
@@ -59,16 +59,16 @@ function v({
             S && o.activeRing,
             "hover:border-d-ring cursor-pointer transition-colors",
             !r && "text-d-muted-foreground",
-            n && "cursor-not-allowed opacity-50",
+            s && "cursor-not-allowed opacity-50",
             m === "default" && o.sizes.default,
             m === "sm" && o.sizes.sm,
             m === "lg" && o.sizes.lg,
             M
           ),
-          "aria-disabled": n,
+          "aria-disabled": s,
           role: "button",
-          tabIndex: n ? -1 : 0,
-          onClick: n ? void 0 : () => {
+          tabIndex: s ? -1 : 0,
+          onClick: s ? void 0 : () => {
           },
           children: [
             /* @__PURE__ */ t(
@@ -86,13 +86,13 @@ function v({
           ]
         }
       ) }),
-      /* @__PURE__ */ t(B, { className: "w-auto p-0", children: /* @__PURE__ */ t(
-        w,
+      /* @__PURE__ */ t(B, { className: "w-auto p-0 shadow", children: /* @__PURE__ */ t(
+        T,
         {
           ...j || {
             mode: "single",
             selected: r,
-            onSelect: z
+            onSelect: w
           },
           autoFocus: !0,
           disabled: i,

package/dist/index.d.ts

@@ -518,7 +518,7 @@ export declare const buttonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Calendar({ className, classNames, showOutsideDays, buttonVariant, formatters, components, ...props }: CalendarProps): JSX.Element;
+export declare function Calendar({ className, classNames, showOutsideDays, buttonVariant, formatters, components, locale, ...props }: CalendarProps): JSX.Element;
 
 export declare interface CalendarAppointment {
     id: number;

package/dist/lib/design-tokens.js

@@ -38,6 +38,11 @@ const e = {
   // Badge specific
   badge: {
     base: "inline-flex items-center justify-center border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1"
+  },
+  // Dropdown item specific
+  dropdownItem: {
+    selected: "bg-d-primary/10 text-d-primary font-medium",
+    hover: "data-[selected=true]:bg-d-accent/50 data-[selected=true]:text-d-accent-foreground"
   }
 };
 export {

package/dist/node_modules/eventemitter3/index.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../_virtual/index3.js";
+import e from "../../_virtual/index5.js";
 export {
   e as EventEmitter,
   e as default

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index4.js";
+import S from "../../../_virtual/index3.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/recharts/es6/util/Events.js

@@ -1,5 +1,5 @@
 "use client";
-import e from "../../../../_virtual/index3.js";
+import e from "../../../../_virtual/index5.js";
 var r = new e(), n = "recharts.syncEvent.tooltip";
 export {
   n as TOOLTIP_SYNC_EVENT,

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index4.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";