laif-ds 1.0.2-app-data-grid.82 → 1.0.2-app-data-grid.87

package/dist/components/ui/app-data-grid/parts/grid-filter-row.js

@@ -1,81 +1,83 @@
 "use client";
-import { jsxs as P, jsx as c } from "react/jsx-runtime";
-import { useState as k, useRef as z, useLayoutEffect as W } from "react";
-import { designTokens as I } from "../../../design-tokens.js";
-import { AppSelect as j } from "../../app-select.js";
-import { Popover as H, PopoverTrigger as U, PopoverContent as X } from "../../popover.js";
-import { cn as x } from "../../../../lib/utils.js";
-import { gridFilterOperatorLabel as Z, getGridFilterValueArity as J } from "../grid-filter-operators.js";
-import { GRID_SELECT_COLUMN_ID as K } from "../grid-header-matrix.js";
-import { defaultGridI18n as y } from "../grid-i18n.js";
-import { gridFilterRowHeightClass as Q, gridFilterRowPinnedZClass as V, gridCellPaddingXClass as _, gridPinnedOffsetStyle as Y, gridFilterRowShortPlaceholderMaxWidth as ee } from "../grid-tokens.js";
-import { gridColumnFilterControl as te } from "../use-grid-filters.js";
-import { GridFilterValueEditor as re } from "./grid-filter-editor.js";
-const le = (r, l, n) => {
-  const t = n.filters, e = y.filters, s = {
-    string: t.filterRowPlaceholderString ?? e.filterRowPlaceholderString,
-    number: t.filterRowPlaceholderNumber ?? e.filterRowPlaceholderNumber,
-    boolean: t.filterRowPlaceholderBoolean ?? e.filterRowPlaceholderBoolean,
-    date: t.filterRowPlaceholderDate ?? e.filterRowPlaceholderDate,
-    datetime: t.filterRowPlaceholderDateTime ?? e.filterRowPlaceholderDateTime,
-    list_single_select: t.filterRowPlaceholderListSingle ?? e.filterRowPlaceholderListSingle,
-    list_multi_select: t.filterRowPlaceholderListMulti ?? e.filterRowPlaceholderListMulti
+import { jsxs as x, jsx as c } from "react/jsx-runtime";
+import { useState as I, useRef as j, useLayoutEffect as H } from "react";
+import { designTokens as G } from "../../../design-tokens.js";
+import { AppSelect as U } from "../../app-select.js";
+import { Popover as X, PopoverTrigger as Z, PopoverContent as J } from "../../popover.js";
+import { cn as C } from "../../../../lib/utils.js";
+import { gridFilterOperatorLabel as K, getGridFilterValueArity as Q } from "../grid-filter-operators.js";
+import { GRID_SELECT_COLUMN_ID as Y } from "../grid-header-matrix.js";
+import { defaultGridI18n as N } from "../grid-i18n.js";
+import { gridFilterRowHeightClass as ee, gridFilterRowPinnedZClass as V, gridCellPaddingXClass as _, gridPinnedOffsetStyle as re, gridFilterRowShortPlaceholderMaxWidth as te } from "../grid-tokens.js";
+import { gridColumnFilterControl as le } from "../use-grid-filters.js";
+import { GridFilterValueEditor as oe } from "./grid-filter-editor.js";
+import { useGridPortalContainer as ie } from "./grid-portal-container.js";
+const ae = (t, l, a) => {
+  const r = a.filters, e = N.filters, n = {
+    string: r.filterRowPlaceholderString ?? e.filterRowPlaceholderString,
+    number: r.filterRowPlaceholderNumber ?? e.filterRowPlaceholderNumber,
+    boolean: r.filterRowPlaceholderBoolean ?? e.filterRowPlaceholderBoolean,
+    date: r.filterRowPlaceholderDate ?? e.filterRowPlaceholderDate,
+    datetime: r.filterRowPlaceholderDateTime ?? e.filterRowPlaceholderDateTime,
+    list_single_select: r.filterRowPlaceholderListSingle ?? e.filterRowPlaceholderListSingle,
+    list_multi_select: r.filterRowPlaceholderListMulti ?? e.filterRowPlaceholderListMulti
   }, f = {
-    number: t.filterRowPlaceholderNumberShort ?? e.filterRowPlaceholderNumberShort
+    number: r.filterRowPlaceholderNumberShort ?? e.filterRowPlaceholderNumberShort
   };
-  return l < ee ? f[r] ?? s[r] : s[r];
-}, oe = (r, l, n, t) => {
-  if (r === void 0 || J(l.filterType, n) === "none")
+  return l < te ? f[t] ?? n[t] : n[t];
+}, ne = (t, l, a, r) => {
+  if (t === void 0 || Q(l.filterType, a) === "none")
     return "";
-  const e = r.value;
+  const e = t.value;
   if (e === void 0) return "";
-  const s = (f) => l.options.find((b) => b.value === f)?.label ?? String(f);
-  return Array.isArray(e) ? e.map(s).join(", ") : typeof e == "boolean" ? e ? t.booleanOperators.true : t.booleanOperators.false : s(e);
-}, ie = (r) => {
-  const l = r.querySelector(
+  const n = (f) => l.options.find((g) => g.value === f)?.label ?? String(f);
+  return Array.isArray(e) ? e.map(n).join(", ") : typeof e == "boolean" ? e ? r.booleanOperators.true : r.booleanOperators.false : n(e);
+}, se = (t) => {
+  const l = t.querySelector(
     "[data-grid-filter-editor-control]"
   );
   return l === null ? null : typeof l.focus == "function" && l.tabIndex >= 0 ? l : l.querySelector('[role="combobox"]');
-}, ae = ({
-  columnId: r,
+}, de = ({
+  columnId: t,
   columnLabel: l,
-  width: n,
-  control: t,
+  width: a,
+  control: r,
   badge: e,
-  onOperatorChange: s,
+  onOperatorChange: n,
   onValueChange: f,
-  onClear: b,
-  i18n: d
+  onClear: g,
+  i18n: s
 }) => {
-  const [C, N] = k(!1), w = z(null), [o, $] = k(!1), p = t.operators[0].value, a = e?.operator ?? p, u = Z(
-    t.filterType,
-    a,
-    d
-  ), m = oe(e, t, a, d), g = m !== "", T = a === p, h = d.filters, G = h.filterBy ?? y.filters.filterBy, M = (d.table ?? y.table).expandCell, A = T ? le(t.filterType, n, d) : u, O = g ? `${u}: ${m}` : A, S = `${l} ${u}${g ? `: ${m}` : ""}`, F = `${G} ${l} — ${u}${g ? `: ${m}` : ""}`;
-  W(() => {
+  const [$, T] = I(!1), w = j(null), { anchorRef: o, container: y } = ie(), [u, v] = I(!1), h = r.operators[0].value, d = e?.operator ?? h, m = K(
+    r.filterType,
+    d,
+    s
+  ), b = ne(e, r, d, s), p = b !== "", M = d === h, O = s.filters, A = O.filterBy ?? N.filters.filterBy, B = (s.table ?? N.table).expandCell, E = M ? ae(r.filterType, a, s) : m, S = p ? `${m}: ${b}` : E, F = `${l} ${m}${p ? `: ${b}` : ""}`, L = `${A} ${l} — ${m}${p ? `: ${b}` : ""}`;
+  H(() => {
     const i = w.current;
     if (!i) return;
-    const v = () => {
-      const L = i.scrollWidth > i.clientWidth;
-      $((D) => D === L ? D : L);
+    const R = () => {
+      const D = i.scrollWidth > i.clientWidth;
+      v((k) => k === D ? k : D);
     };
-    if (v(), typeof ResizeObserver > "u") return;
-    const R = new ResizeObserver(v);
-    return R.observe(i), () => R.disconnect();
-  }, [O]);
-  const B = !g, E = C, q = e !== void 0;
-  return /* @__PURE__ */ P(H, { open: E, onOpenChange: N, modal: !1, children: [
-    /* @__PURE__ */ c(U, { asChild: !0, children: /* @__PURE__ */ P(
+    if (R(), typeof ResizeObserver > "u") return;
+    const P = new ResizeObserver(R);
+    return P.observe(i), () => P.disconnect();
+  }, [S]);
+  const q = !p, z = $, W = e !== void 0;
+  return /* @__PURE__ */ x(X, { open: z, onOpenChange: T, modal: !1, children: [
+    /* @__PURE__ */ c(Z, { asChild: !0, children: /* @__PURE__ */ x(
       "button",
       {
+        ref: o,
         type: "button",
-        "data-grid-filter-cell-trigger": r,
-        "data-filter-truncated": o ? "true" : "false",
-        title: o ? S : void 0,
-        "aria-label": F,
-        className: x(
-          I.focusRing,
-          I.radius.default,
+        "data-grid-filter-cell-trigger": t,
+        "data-filter-truncated": u ? "true" : "false",
+        title: u ? F : void 0,
+        "aria-label": L,
+        className: C(
+          G.focusRing,
+          G.radius.default,
           // ⚠️ `h-7` E NON `h-8` — 2026-09-10, scelta 1a del proprietario, e la
           // ragione è una misura di RITMO e non di dimensione. La cella è alta
           // 36px (`gridFilterRowHeightClass`): con un controllo da 32 restano
@@ -99,7 +101,7 @@ const le = (r, l, n) => {
           // filtrata no, che si legge come un disallineamento e non come un
           // segnale. La coppia sta in un ternario e non appesa in coda per
           // `twMerge`: il ramo giusto va scelto qui, non dedotto dall'ordine.
-          q ? "border-d-primary" : "border-d-border"
+          W ? "border-d-primary" : "border-d-border"
         ),
         children: [
           /* @__PURE__ */ c(
@@ -107,52 +109,54 @@ const le = (r, l, n) => {
             {
               ref: w,
               "aria-hidden": "true",
-              className: x(
+              className: C(
                 "min-w-0 flex-1 truncate",
-                B && "text-d-muted-foreground"
+                q && "text-d-muted-foreground"
               ),
-              children: O
+              children: S
             }
           ),
-          o && // `select-none` come in `grid-cell-text.tsx`: senza, il testo intero
+          u && // `select-none` come in `grid-cell-text.tsx`: senza, il testo intero
           // finirebbe DUE volte in un incolla della riga.
-          /* @__PURE__ */ c("span", { className: "sr-only select-none", children: `${M}: ${S}` })
+          /* @__PURE__ */ c("span", { className: "sr-only select-none", children: `${B}: ${F}` })
         ]
       }
     ) }),
-    /* @__PURE__ */ P(
-      X,
+    /* @__PURE__ */ x(
+      J,
       {
         align: "start",
-        "data-grid-filter-cell-panel": r,
-        "aria-label": F,
+        container: y,
+        "data-grid-filter-cell-panel": t,
+        "aria-label": L,
         className: "flex flex-col gap-2",
         onOpenAutoFocus: (i) => {
-          const v = i.currentTarget;
-          if (!(v instanceof HTMLElement)) return;
-          const R = ie(v);
-          R !== null && (i.preventDefault(), R.focus());
+          const R = i.currentTarget;
+          if (!(R instanceof HTMLElement)) return;
+          const P = se(R);
+          P !== null && (i.preventDefault(), P.focus());
         },
         children: [
           /* @__PURE__ */ c(
             "div",
             {
-              "data-grid-filter-cell-operator": r,
-              "data-grid-filter-cell-type": t.filterType,
-              "data-grid-filter-cell-operator-value": a,
+              "data-grid-filter-cell-operator": t,
+              "data-grid-filter-cell-type": r.filterType,
+              "data-grid-filter-cell-operator-value": d,
               className: "w-full",
               children: /* @__PURE__ */ c(
-                j,
+                U,
                 {
-                  options: t.operators,
-                  value: a,
+                  options: r.operators,
+                  value: d,
                   onValueChange: (i) => {
-                    i !== void 0 && s(r, i);
+                    i !== void 0 && n(t, i);
                   },
-                  "aria-label": `${h.operator}: ${l}`,
+                  "aria-label": `${O.operator}: ${l}`,
+                  portalContainer: y,
                   searchable: !0,
-                  searchPlaceholder: h.searchPlaceholder,
-                  emptyPlaceholder: d.notFoundMessage,
+                  searchPlaceholder: O.searchPlaceholder,
+                  emptyPlaceholder: s.notFoundMessage,
                   size: "sm",
                   className: "w-full"
                 }
@@ -160,43 +164,43 @@ const le = (r, l, n) => {
             }
           ),
           /* @__PURE__ */ c(
-            re,
+            oe,
             {
-              control: t,
-              operator: a,
+              control: r,
+              operator: d,
               value: e?.value,
-              onValueChange: (i) => f(r, i),
-              name: `filter-row-${r}`,
+              onValueChange: (i) => f(t, i),
+              name: `filter-row-${t}`,
               columnLabel: l,
               fullWidth: !0,
-              onClear: b === void 0 ? void 0 : () => b(r),
+              onClear: g === void 0 ? void 0 : () => g(t),
               size: "sm",
-              i18n: d
+              i18n: s
             }
           )
         ]
       }
     )
   ] });
-}, ve = ({
-  headers: r,
+}, ye = ({
+  headers: t,
   checkable: l,
-  pinning: n,
-  pinnedSlots: t,
+  pinning: a,
+  pinnedSlots: r,
   widths: e,
-  columns: s,
+  columns: n,
   badges: f,
-  contentHidden: b = !1,
-  onOperatorChange: d,
-  onValueChange: C,
-  onClear: N,
-  i18n: w = y
-}) => b ? null : /* @__PURE__ */ P(
+  contentHidden: g = !1,
+  onOperatorChange: s,
+  onValueChange: $,
+  onClear: T,
+  i18n: w = N
+}) => g ? null : /* @__PURE__ */ x(
   "tr",
   {
     "data-slot": "grid-filter-row",
     "data-grid-filter-row": "",
-    className: Q,
+    className: ee,
     children: [
       l && // La colonna delle spunte non si filtra: la cella esiste per tenere
       // l'allineamento con i `<col>` e non porta nessun controllo, quindi
@@ -206,39 +210,39 @@ const le = (r, l, n) => {
       /* @__PURE__ */ c(
         "td",
         {
-          "data-grid-filter-cell": K,
-          className: x(
+          "data-grid-filter-cell": Y,
+          className: C(
             _,
-            n && "bg-d-background sticky",
-            n && V
+            a && "bg-d-background sticky",
+            a && V
           ),
-          style: n ? { left: "0px" } : void 0
+          style: a ? { left: "0px" } : void 0
         }
       ),
-      r.map((o, $) => {
-        const p = t[o.columnId], a = p !== void 0, u = s.find(
-          (h) => h.id === o.columnId
-        ), m = u === void 0 || !u.filterable ? void 0 : te(u, w), g = f.find(
-          (h) => h.columnId === o.columnId
-        ), T = $ > 0 && !(p?.edge === !0 && p.side === "right");
-        return /* @__PURE__ */ P(
+      t.map((o, y) => {
+        const u = r[o.columnId], v = u !== void 0, h = n.find(
+          (p) => p.id === o.columnId
+        ), d = h === void 0 || !h.filterable ? void 0 : le(h, w), m = f.find(
+          (p) => p.columnId === o.columnId
+        ), b = y > 0 && !(u?.edge === !0 && u.side === "right");
+        return /* @__PURE__ */ x(
           "td",
           {
             "data-grid-filter-cell": o.columnId,
             "data-grid-filter-cell-label": o.headerLabel,
-            "data-grid-filter-cell-applied": g === void 0 ? "false" : "true",
-            className: x(
+            "data-grid-filter-cell-applied": m === void 0 ? "false" : "true",
+            className: C(
               _,
               // ⚠️ `relative` SOLO SE NON PINNATA: `sticky` è già un valore di
               // `position` e ancora da sé il trattino, mentre scriverci
               // `relative` sopra la sbloccherebbe. Le due non convivono.
-              !a && "relative",
-              a && "bg-d-background sticky",
-              a && V
+              !v && "relative",
+              v && "bg-d-background sticky",
+              v && V
             ),
-            style: Y(p),
+            style: re(u),
             children: [
-              T && /* @__PURE__ */ c(
+              b && /* @__PURE__ */ c(
                 "span",
                 {
                   "aria-hidden": "true",
@@ -246,17 +250,17 @@ const le = (r, l, n) => {
                   className: "bg-d-border pointer-events-none absolute top-1/2 left-0 h-3 w-px -translate-y-1/2"
                 }
               ),
-              m !== void 0 && /* @__PURE__ */ c(
-                ae,
+              d !== void 0 && /* @__PURE__ */ c(
+                de,
                 {
                   columnId: o.columnId,
                   columnLabel: o.headerLabel,
                   width: e[o.columnId] ?? 0,
-                  control: m,
-                  badge: g,
-                  onOperatorChange: d,
-                  onValueChange: C,
-                  onClear: N,
+                  control: d,
+                  badge: m,
+                  onOperatorChange: s,
+                  onValueChange: $,
+                  onClear: T,
                   i18n: w
                 }
               )
@@ -269,5 +273,5 @@ const le = (r, l, n) => {
   }
 );
 export {
-  ve as GridFilterRow
+  ye as GridFilterRow
 };

package/dist/components/ui/app-data-grid/parts/grid-portal-container.js

@@ -0,0 +1,14 @@
+"use client";
+import { useState as r, useCallback as l } from "react";
+const s = (t) => t?.closest("[data-app-data-grid]") ?? null, u = () => {
+  const [t, o] = r(null);
+  return { anchorRef: l((n) => {
+    if (n === null) return;
+    const a = s(n);
+    o((e) => e === a ? e : a);
+  }, []), container: t };
+};
+export {
+  s as gridPortalContainerOf,
+  u as useGridPortalContainer
+};

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

@@ -3,13 +3,13 @@ import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import * as c from "react";
 import { useCallback as X, useMemo as H, useEffect as G } from "react";
 import { designTokens as l } from "../design-tokens.js";
-import { Calendar as J, CalendarDayButton as Ce } from "./calendar.js";
+import { Calendar as J, CalendarDayButton as xe } from "./calendar.js";
 import { Icon as K } from "./icon.js";
-import { Label as xe } from "./label.js";
-import { Popover as be, PopoverTrigger as De, PopoverContent as Me } from "./popover.js";
+import { Label as be } from "./label.js";
+import { Popover as De, PopoverTrigger as Me, PopoverContent as Se } from "./popover.js";
 import { cn as Q } from "../../lib/utils.js";
 import { TimePickerColumn as R } from "./app-time-picker.js";
-import { it as Se } from "../../node_modules/date-fns/locale/it.js";
+import { it as Ne } from "../../node_modules/date-fns/locale/it.js";
 import { formatDate as z } from "../../node_modules/date-fns/format.js";
 import { isSameDay as O } from "../../node_modules/date-fns/isSameDay.js";
 const W = (o) => {
@@ -17,7 +17,7 @@ const W = (o) => {
   const M = Math.trunc(o);
   return Math.min(59, Math.max(1, M));
 };
-function Te(o) {
+function Ae(o) {
   const {
     placeholder: M = "Seleziona data",
     dateFormat: Y,
@@ -27,7 +27,7 @@ function Te(o) {
     firstDate: E,
     lastDate: F,
     availableDates: I,
-    locale: u = Se,
+    locale: u = Ne,
     initialCalendarMonth: w,
     customCalendarProps: S,
     label: T,
@@ -39,32 +39,33 @@ function Te(o) {
     maxDate: _,
     numberOfMonths: oe,
     clearable: ae = !1,
-    onClear: j
+    onClear: j,
+    portalContainer: re
   } = o, a = o.mode === "range", C = !a && o.showTime === !0, N = !a && o.withSeconds === !0, p = a ? 1 : W(o.minuteStep), k = a ? 1 : W(o.secondStep), P = Y ?? (C ? N ? "dd/MM/yyyy HH:mm:ss" : "dd/MM/yyyy HH:mm" : "dd/MM/yyyy"), [i, x] = c.useState(
     a ? void 0 : o.value
   ), [n, b] = c.useState(
     a ? o.value : void 0
   ), [L, D] = c.useState(
     w
-  ), [B, V] = c.useState(!1), re = (e) => {
+  ), [B, V] = c.useState(!1), ie = (e) => {
     const t = e ? new Date(e) : void 0;
     C && t && i && t.setHours(
       i.getHours(),
       i.getMinutes(),
       i.getSeconds()
     ), x(t), t && D(t), !a && o.onChange && o.onChange(t), !C && t && V(!1);
-  }, ie = X(() => {
+  }, se = X(() => {
     a ? (b(void 0), o.onChange && o.onChange(void 0)) : (x(void 0), o.onChange && o.onChange(void 0)), j?.();
-  }, [a, o.onChange, j]), se = i?.getHours(), le = i?.getMinutes(), fe = i?.getSeconds(), de = H(
+  }, [a, o.onChange, j]), le = i?.getHours(), fe = i?.getMinutes(), de = i?.getSeconds(), me = H(
     () => Array.from({ length: 24 }, (e, t) => t),
     []
-  ), me = H(
+  ), ce = H(
     () => Array.from(
       { length: Math.floor(59 / p) + 1 },
       (e, t) => t * p
     ),
     [p]
-  ), ce = H(
+  ), ue = H(
     () => Array.from(
       { length: Math.floor(59 / k) + 1 },
       (e, t) => t * k
@@ -76,7 +77,7 @@ function Te(o) {
       i || s.setHours(0, 0, 0, 0), e === "hour" ? s.setHours(t) : e === "minute" ? s.setMinutes(t) : e === "second" && s.setSeconds(t), x(s), !a && o.onChange && o.onChange(s);
     },
     [i, a, o.onChange]
-  ), ue = (e, t) => {
+  ), he = (e, t) => {
     let s;
     !n || !n.from ? s = { from: t, to: void 0 } : n.from && !n.to ? t < n.from ? s = { from: t, to: void 0 } : s = { from: n.from, to: t } : n.from && n.to && (s = { from: t, to: void 0 }), b(s), s?.from && D(s.from), a && o.onChange && o.onChange(s);
   };
@@ -104,21 +105,21 @@ function Te(o) {
     };
     return window.addEventListener("pointerup", e), () => window.removeEventListener("pointerup", e);
   }, [h, a, o.onChange, n]);
-  const he = (e, t) => {
+  const ge = (e, t) => {
     !a || !n || !n.from || !n.to || (O(e, n.from) ? (g("from"), t.preventDefault()) : O(e, n.to) && (g("to"), t.preventDefault()));
-  }, ge = (e) => {
+  }, ve = (e) => {
     if (!h || !n || !n.from || !n.to) return;
     let t = { ...n };
     h === "from" ? e <= n.to ? t.from = e : (t.from = n.to, t.to = e, g("to")) : h === "to" && (e >= n.from ? t.to = e : (t.to = n.from, t.from = e, g("from"))), b(t);
-  }, ve = c.useId(), q = te ?? ve, U = a ? !!n?.from : !!i, we = () => a && n ? /* @__PURE__ */ f("span", { children: [
+  }, we = c.useId(), q = te ?? we, U = a ? !!n?.from : !!i, Ce = () => a && n ? /* @__PURE__ */ f("span", { children: [
     n.from && z(n.from, P, { locale: u }),
     n.from && n.to && " - ",
     n.to && z(n.to, P, { locale: u })
   ] }) : !a && i ? /* @__PURE__ */ r("span", { children: z(i, P, { locale: u }) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: M });
   return /* @__PURE__ */ f("div", { className: Q("flex flex-col gap-1.5", ee), children: [
-    T && /* @__PURE__ */ r(xe, { htmlFor: q, className: $, children: T }),
-    /* @__PURE__ */ f(be, { open: d ? !1 : B, onOpenChange: V, modal: !0, children: [
-      /* @__PURE__ */ r(De, { asChild: !0, children: /* @__PURE__ */ f(
+    T && /* @__PURE__ */ r(be, { htmlFor: q, className: $, children: T }),
+    /* @__PURE__ */ f(De, { open: d ? !1 : B, onOpenChange: V, modal: !0, children: [
+      /* @__PURE__ */ r(Me, { asChild: !0, children: /* @__PURE__ */ f(
         "div",
         {
           id: q,
@@ -146,14 +147,14 @@ function Te(o) {
           },
           children: [
             /* @__PURE__ */ r(K, { name: "Calendar", size: v === "lg" ? "sm" : "xs" }),
-            /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: we() }),
+            /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: Ce() }),
             ae && U && /* @__PURE__ */ r(
               "div",
               {
                 role: "button",
                 className: "bg-d-accent hover:bg-d-accent/80 border-d-border flex shrink-0 cursor-pointer items-center justify-center rounded-full border p-1 transition-colors",
                 onClick: (e) => {
-                  e.stopPropagation(), e.preventDefault(), ie();
+                  e.stopPropagation(), e.preventDefault(), se();
                 },
                 onMouseDown: (e) => e.preventDefault(),
                 "aria-label": "Clear selection",
@@ -172,8 +173,9 @@ function Te(o) {
       ) }),
       " ",
       /* @__PURE__ */ f(
-        Me,
+        Se,
         {
+          container: re,
           className: "flex max-h-[500px] min-h-0 w-auto flex-row p-0 shadow",
           align: "start",
           children: [
@@ -183,7 +185,7 @@ function Te(o) {
                 ...S || {},
                 mode: "range",
                 selected: n,
-                onSelect: ue,
+                onSelect: he,
                 autoFocus: !0,
                 disabled: m,
                 locale: u,
@@ -194,14 +196,14 @@ function Te(o) {
                 components: {
                   ...S?.components,
                   DayButton: (e) => /* @__PURE__ */ r(
-                    Ce,
+                    xe,
                     {
                       ...e,
                       onPointerDown: (t) => {
-                        e.onPointerDown && e.onPointerDown(t), he(e.day.date, t);
+                        e.onPointerDown && e.onPointerDown(t), ge(e.day.date, t);
                       },
                       onPointerEnter: (t) => {
-                        e.onPointerEnter && e.onPointerEnter(t), ge(e.day.date);
+                        e.onPointerEnter && e.onPointerEnter(t), ve(e.day.date);
                       }
                     }
                   )
@@ -213,7 +215,7 @@ function Te(o) {
                 ...S || {},
                 mode: "single",
                 selected: i,
-                onSelect: re,
+                onSelect: ie,
                 autoFocus: !0,
                 disabled: m,
                 locale: u,
@@ -240,8 +242,8 @@ function Te(o) {
                   R,
                   {
                     type: "hour",
-                    value: se,
-                    options: de,
+                    value: le,
+                    options: me,
                     onChange: (e) => y("hour", e),
                     className: "flex flex-1"
                   }
@@ -250,8 +252,8 @@ function Te(o) {
                   R,
                   {
                     type: "minute",
-                    value: le,
-                    options: me,
+                    value: fe,
+                    options: ce,
                     onChange: (e) => y("minute", e),
                     className: "flex flex-1"
                   }
@@ -260,8 +262,8 @@ function Te(o) {
                   R,
                   {
                     type: "second",
-                    value: fe,
-                    options: ce,
+                    value: de,
+                    options: ue,
                     onChange: (e) => y("second", e),
                     className: "flex flex-1"
                   }
@@ -275,5 +277,5 @@ function Te(o) {
   ] });
 }
 export {
-  Te as DatePicker
+  Ae as DatePicker
 };

package/dist/components/ui/dropdown-menu.js

@@ -35,17 +35,17 @@ const C = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a(
   }
 ));
 C.displayName = w.displayName;
-const z = n.forwardRef(({ className: e, sideOffset: t = 4, ...o }, d) => /* @__PURE__ */ a(c, { children: /* @__PURE__ */ a(
+const z = n.forwardRef(({ className: e, sideOffset: t = 4, container: o, ...d }, s) => /* @__PURE__ */ a(c, { container: o, children: /* @__PURE__ */ a(
   p,
   {
-    ref: d,
+    ref: s,
     sideOffset: t,
     className: r(
       "bg-d-popover text-d-popover-foreground border-d-border z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       e
     ),
-    ...o
+    ...d
   }
 ) }));
 z.displayName = p.displayName;

package/dist/components/ui/gantt/components/Chart/Chart.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as n, jsxs as b, Fragment as G } from "react/jsx-runtime";
-import L from "../../../../../_virtual/index7.js";
+import L from "../../../../../_virtual/index8.js";
 import _ from "../../../../../_virtual/debounce3.js";
 import { useContext as j, useRef as l, useState as o, useCallback as M, useMemo as N, useEffect as a } from "react";
 import { GanttContext as O } from "../Gantt/GanttContext.js";