laif-ds 0.1.8 → 0.1.9

package/dist/components/ui/breadcrumb.js

@@ -0,0 +1,105 @@
+"use client";
+import { j as a } from "../../_virtual/jsx-runtime.js";
+import { Root as o } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cn as t } from "../../lib/utils.js";
+import i from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import l from "../../node_modules/lucide-react/dist/esm/icons/ellipsis.js";
+function p({ ...r }) {
+  return /* @__PURE__ */ a.jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function x({ className: r, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t("inline-flex items-center gap-1.5", r),
+      ...e
+    }
+  );
+}
+function j({
+  asChild: r,
+  className: e,
+  ...s
+}) {
+  const n = r ? o : "a";
+  return /* @__PURE__ */ a.jsx(
+    n,
+    {
+      "data-slot": "breadcrumb-link",
+      className: t("hover:text-foreground transition-colors", e),
+      ...s
+    }
+  );
+}
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a.jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-foreground font-normal", r),
+      ...e
+    }
+  );
+}
+function h({
+  children: r,
+  className: e,
+  ...s
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", e),
+      ...s,
+      children: r ?? /* @__PURE__ */ a.jsx(i, {})
+    }
+  );
+}
+function N({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("flex size-9 items-center justify-center", r),
+      ...e,
+      children: [
+        /* @__PURE__ */ a.jsx(l, { className: "size-4" }),
+        /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  p as Breadcrumb,
+  N as BreadcrumbEllipsis,
+  x as BreadcrumbItem,
+  j as BreadcrumbLink,
+  f as BreadcrumbList,
+  g as BreadcrumbPage,
+  h as BreadcrumbSeparator
+};

package/dist/components/ui/button.js

@@ -1,10 +1,10 @@
 "use client";
 import { j as r } from "../../_virtual/jsx-runtime.js";
-import { Root as g } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as l } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as u } from "../../lib/utils.js";
+import { Root as l } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as g } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as i } from "../../lib/utils.js";
 import { Icon as c } from "./icon.js";
-const v = l(
+const v = g(
   "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -30,32 +30,43 @@ const v = l(
   }
 );
 function h({
-  className: n,
-  variant: s,
+  className: s,
+  variant: o,
   size: e,
-  asChild: i = !1,
-  iconLeft: o,
-  iconRight: a,
+  asChild: n = !1,
+  iconLeft: a,
+  iconRight: d,
   ...t
 }) {
-  const d = i ? g : "button";
-  return i ? /* @__PURE__ */ r.jsx(
-    d,
+  const u = n ? l : "button";
+  return n ? /* @__PURE__ */ r.jsx(
+    u,
     {
       "data-slot": "button",
-      className: u(v({ variant: s, size: e, className: n })),
+      className: i(v({ variant: o, size: e, className: s })),
       ...t
     }
   ) : /* @__PURE__ */ r.jsxs(
-    d,
+    u,
     {
       "data-slot": "button",
-      className: u(v({ variant: s, size: e, className: n })),
+      className: i(v({ variant: o, size: e, className: s }), "relative"),
       ...t,
       children: [
-        o && /* @__PURE__ */ r.jsx(c, { name: o, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" }),
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: i(
+              "absolute inset-0",
+              // "bg-linear-to-r from-primary/50 via-primary/50 to-primary",
+              "opacity-40 group-hover:opacity-80",
+              "blur-[2.5px] transition-opacity duration-500"
+            )
+          }
+        ),
+        a && /* @__PURE__ */ r.jsx(c, { name: a, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" }),
         t.children,
-        a && /* @__PURE__ */ r.jsx(c, { name: a, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" })
+        d && /* @__PURE__ */ r.jsx(c, { name: d, size: e === "default" ? "md" : e === "sm" ? "xs" : "sm" })
       ]
     }
   );

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

@@ -6,7 +6,6 @@ import { createSnapModifier as N, restrictToHorizontalAxis as K } from "../../..
 import p from "../../../../../../_virtual/dayjs.min.js";
 import { VariableSizeList as O } from "../../../../../../node_modules/react-window/dist/index.esm.js";
 import { GanttContext as B } from "../../Gantt/GanttContext.js";
-/* empty css         */
 import { getWholeWidth as V } from "../../../utils/getWholeWidth.js";
 import q from "./BarsRow/BarsRow.js";
 import { GanttConsts as J } from "../../../constants/GanttConsts.js";

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

@@ -1,16 +1,15 @@
 "use client";
 import { j as e } from "../../../../../../../_virtual/jsx-runtime.js";
-import { useContext as m, useMemo as p } from "react";
-import { BarsRowContext as a } from "./BarsRowContext.js";
+import { useContext as a, useMemo as m } from "react";
+import { BarsRowContext as p } from "./BarsRowContext.js";
 import { GanttContext as d } from "../../../Gantt/GanttContext.js";
-/* empty css                             */
 import l from "./BarsItems/BarItems.js";
-const h = ({ barData: t, index: r, style: o, onBarDoubleClick: n }) => {
-  const { settings: s } = m(d), i = p(() => ({
+const v = ({ barData: t, index: r, style: o, onBarDoubleClick: n }) => {
+  const { settings: s } = a(d), i = m(() => ({
     ...o,
     backgroundImage: `repeating-linear-gradient(to right, var(--border) 0px 1px, ${r % 2 === 0 ? "var(--background)" : "var(--muted)"} 1px ${s.stepWidth}px`
   }), [r, s.stepWidth, o]);
-  return /* @__PURE__ */ e.jsx(a.Provider, { value: { barData: t }, children: /* @__PURE__ */ e.jsx("div", { className: "gantt-bars-row-wrap", style: i, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(p.Provider, { value: { barData: t }, children: /* @__PURE__ */ e.jsx("div", { className: "gantt-bars-row-wrap", style: i, children: /* @__PURE__ */ e.jsx(
     l,
     {
       data: t.data,
@@ -22,5 +21,5 @@ const h = ({ barData: t, index: r, style: o, onBarDoubleClick: n }) => {
   ) }) });
 };
 export {
-  h as default
+  v as default
 };

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

@@ -1,39 +1,38 @@
 "use client";
 import { j as s } from "../../../../../_virtual/jsx-runtime.js";
-import { useContext as R, useRef as a, useState as o, useCallback as _, useMemo as M, useEffect as m } from "react";
-import N from "../../../../../_virtual/index5.js";
-import k from "../../../../../_virtual/debounce.js";
-import { GanttContext as y } from "../Gantt/GanttContext.js";
-/* empty css          */
-import { transformData as A } from "../../utils/transformData.js";
-import B from "./Scale/Scale.js";
-import F from "./Tree/Tree.js";
-import O from "./Bars/Bars.js";
-import { GanttConsts as u } from "../../constants/GanttConsts.js";
-import { GanttDimensionsSettings as P } from "../../constants/DimensionsSettings.js";
+import { useContext as _, useRef as a, useState as o, useCallback as M, useMemo as N, useEffect as u } from "react";
+import k from "../../../../../_virtual/index5.js";
+import y from "../../../../../_virtual/debounce.js";
+import { GanttContext as A } from "../Gantt/GanttContext.js";
+import { transformData as B } from "../../utils/transformData.js";
+import F from "./Scale/Scale.js";
+import O from "./Tree/Tree.js";
+import P from "./Bars/Bars.js";
+import { GanttConsts as m } from "../../constants/GanttConsts.js";
+import { GanttDimensionsSettings as q } from "../../constants/DimensionsSettings.js";
 const w = ({ data: f, className: H, onBarDoubleClick: S, onBarChange: W }) => {
-  const { settings: n, scaleDates: c, wrapRef: t, setCurrentDate: d } = R(y), h = a(null), T = a(null), g = a(null), [p, i] = o([]), [l, I] = o(!0), [D, b] = o(0), [x, G] = o(0), E = _(() => {
+  const { settings: n, scaleDates: c, wrapRef: t, setCurrentDate: d, treeTitle: I } = _(A), h = a(null), T = a(null), g = a(null), [D, i] = o([]), [l, b] = o(!0), [p, G] = o(0), [x, L] = o(0), E = M(() => {
     var r;
     const e = Math.round(
-      ((((r = t == null ? void 0 : t.current) == null ? void 0 : r.scrollLeft) || 0) + u.TREE_WIDTH) * P[n.dimension].secondsInPixel
+      ((((r = t == null ? void 0 : t.current) == null ? void 0 : r.scrollLeft) || 0) + m.TREE_WIDTH) * q[n.dimension].secondsInPixel
     );
     d(c[0] + e);
-  }, [c, d, n.dimension, t]), L = M(() => k(E, 100), [E]);
-  return m(() => {
+  }, [c, d, n.dimension, t]), R = N(() => y(E, 100), [E]);
+  return u(() => {
     var e, r;
-    (e = t == null ? void 0 : t.current) != null && e.clientWidth && ((r = t == null ? void 0 : t.current) != null && r.clientHeight) && (b(t.current.clientWidth - u.TREE_WIDTH), G(t.current.clientHeight - u.HEADER_HEIGHT), I(!1));
-  }, []), m(() => {
+    (e = t == null ? void 0 : t.current) != null && e.clientWidth && ((r = t == null ? void 0 : t.current) != null && r.clientHeight) && (G(t.current.clientWidth - m.TREE_WIDTH), L(t.current.clientHeight - m.HEADER_HEIGHT), b(!1));
+  }, []), u(() => {
     !l && t.current && (t.current.scrollLeft = n.initialScrollOffset);
-  }, [l]), m(() => {
-    i(A(f));
+  }, [l]), u(() => {
+    i(B(f));
   }, [f]), /* @__PURE__ */ s.jsx(
     "div",
     {
-      className: N("gantt-chart-wrap", H),
+      className: k("gantt-chart-wrap", H),
       ref: t,
       onScroll: (e) => {
         var r, j, C;
-        (r = g.current) == null || r.scrollTo(e.currentTarget.scrollTop), (j = T.current) == null || j.scrollTo(e.currentTarget.scrollTop), (C = h.current) == null || C.scrollTo(e.currentTarget.scrollLeft), L();
+        (r = g.current) == null || r.scrollTo(e.currentTarget.scrollTop), (j = T.current) == null || j.scrollTo(e.currentTarget.scrollTop), (C = h.current) == null || C.scrollTo(e.currentTarget.scrollLeft), R();
       },
       children: l ? /* @__PURE__ */ s.jsx(
         "div",
@@ -43,15 +42,15 @@ const w = ({ data: f, className: H, onBarDoubleClick: S, onBarChange: W }) => {
           }
         }
       ) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        /* @__PURE__ */ s.jsx(B, { width: D, wrapRef: t, ref: h }),
-        /* @__PURE__ */ s.jsx(F, { height: x, data: p, setData: i, ref: T }),
+        /* @__PURE__ */ s.jsx(F, { width: p, wrapRef: t, ref: h }),
+        /* @__PURE__ */ s.jsx(O, { height: x, data: D, setData: i, ref: T, treeTitle: I }),
         /* @__PURE__ */ s.jsx(
-          O,
+          P,
           {
             ref: g,
-            data: p,
+            data: D,
             setData: i,
-            width: D,
+            width: p,
             height: x,
             onBarDoubleClick: S,
             onBarChange: W

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

@@ -4,7 +4,6 @@ import { forwardRef as T, useContext as A, useRef as M, useCallback as u, useEff
 import c from "../../../../../../_virtual/dayjs.min.js";
 import { VariableSizeList as O } from "../../../../../../node_modules/react-window/dist/index.esm.js";
 import { GanttContext as R } from "../../Gantt/GanttContext.js";
-/* empty css          */
 import { useForwardRef as _ } from "../../../hooks/useForwardRef.js";
 import { getScaleItems as v } from "../../../utils/getScaleItems.js";
 import { GanttDimensions as p } from "../../../enums/GanttDimensions.js";

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

@@ -1,18 +1,17 @@
 "use client";
 import { j as r } from "../../../../../../_virtual/jsx-runtime.js";
-import { forwardRef as p, useMemo as u, useCallback as g } from "react";
+import { forwardRef as p, useMemo as g, useCallback as f } from "react";
 import { VariableSizeList as h } from "../../../../../../node_modules/react-window/dist/index.esm.js";
-/* empty css         */
-import { MinusSquareOutlined as f } from "../../../assets/icons/MinusSquareOutlined.js";
-import { PlusSquareOutlined as x } from "../../../assets/icons/PlusSquareOutlined.js";
+import { MinusSquareOutlined as x } from "../../../assets/icons/MinusSquareOutlined.js";
+import { PlusSquareOutlined as E } from "../../../assets/icons/PlusSquareOutlined.js";
 import { GanttConsts as a } from "../../../constants/GanttConsts.js";
-const E = p(({ height: d, data: i, setData: l }, c) => {
-  const o = u(() => {
+const y = p(({ height: d, data: i, setData: l, treeTitle: c = "Attività" }, m) => {
+  const o = g(() => {
     const n = [];
     for (const e of i)
       e.hasOwnProperty("expanded") && !e.expanded && n.push(e.key);
     return i.filter((e) => !e.parentsKeys.some((s) => n.includes(s)));
-  }, [i]), m = g(
+  }, [i]), u = f(
     (n) => {
       const e = [...i], t = e.find((s) => s.key === n);
       t != null && t.hasOwnProperty("expanded") && (t.expanded = !t.expanded), l(e);
@@ -22,7 +21,7 @@ const E = p(({ height: d, data: i, setData: l }, c) => {
   return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: "gantt-tree-wrap bg-background shadow-lg",
+      className: "gantt-tree-wrap bg-background",
       style: {
         width: a.TREE_WIDTH,
         marginTop: -a.HEADER_HEIGHT
@@ -30,7 +29,7 @@ const E = p(({ height: d, data: i, setData: l }, c) => {
       children: /* @__PURE__ */ r.jsx(
         h,
         {
-          ref: c,
+          ref: m,
           className: "gantt-tree-list bg-background",
           layout: "vertical",
           width: "100%",
@@ -39,7 +38,7 @@ const E = p(({ height: d, data: i, setData: l }, c) => {
           itemSize: () => a.ROW_HEIGHT,
           itemData: o,
           innerElementType: ({ children: n, props: e }) => /* @__PURE__ */ r.jsxs("div", { style: { height: o.length * a.ROW_HEIGHT }, ...e, children: [
-            /* @__PURE__ */ r.jsx("div", { className: "gantt-tree-title bg-background", style: { height: a.HEADER_HEIGHT }, children: "Title" }),
+            /* @__PURE__ */ r.jsx("div", { className: "gantt-tree-title bg-background", style: { height: a.HEADER_HEIGHT }, children: c }),
             /* @__PURE__ */ r.jsx("div", { className: "gantt-tree-inner-wrap", children: n })
           ] }),
           children: ({ style: n, index: e, data: t }) => {
@@ -53,9 +52,9 @@ const E = p(({ height: d, data: i, setData: l }, c) => {
                   backgroundColor: e % 2 === 0 ? "var(--background)" : "var(--muted)",
                   paddingLeft: a.LEAF_TITLE_PADDING_LEFT + s.level * a.LEAF_CHILDREN_PADDING_LEFT
                 },
-                onClick: () => m(s.key),
+                onClick: () => u(s.key),
                 children: [
-                  s.hasOwnProperty("expanded") ? s.expanded ? /* @__PURE__ */ r.jsx(f, { className: "gantt-tree-icon" }) : /* @__PURE__ */ r.jsx(x, { className: "gantt-tree-icon" }) : null,
+                  s.hasOwnProperty("expanded") ? s.expanded ? /* @__PURE__ */ r.jsx(x, { className: "gantt-tree-icon" }) : /* @__PURE__ */ r.jsx(E, { className: "gantt-tree-icon" }) : null,
                   /* @__PURE__ */ r.jsx("div", { children: t[e].title })
                 ]
               }
@@ -66,7 +65,7 @@ const E = p(({ height: d, data: i, setData: l }, c) => {
     }
   );
 });
-E.displayName = "Tree";
+y.displayName = "Tree";
 export {
-  E as default
+  y as default
 };

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

@@ -1,64 +1,65 @@
 "use client";
 import { j as n } from "../../../../../_virtual/jsx-runtime.js";
-import { useContext as V, useState as x, useMemo as p, useCallback as a } from "react";
-import G from "../../../../../_virtual/dayjs.min.js";
-import { cn as y } from "../../../../../lib/utils.js";
+import { useContext as V, useState as x, useMemo as p, useCallback as r } from "react";
+import y from "../../../../../_virtual/dayjs.min.js";
+import { cn as G } from "../../../../../lib/utils.js";
 import { Button as h } from "../../../button.js";
 import { Select as j, SelectTrigger as f, SelectValue as g, SelectContent as S, SelectItem as v } from "../../../select.js";
-import { GanttContext as R } from "../Gantt/GanttContext.js";
-import { useGanttCalculate as P } from "../../hooks/useGanttCalculate.js";
+import { GanttContext as P } from "../Gantt/GanttContext.js";
+import { useGanttCalculate as R } from "../../hooks/useGanttCalculate.js";
 import B from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
 import E from "../../../../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { GanttDimensions as H } from "../../enums/GanttDimensions.js";
-import { GanttDimensionsSettings as l } from "../../constants/DimensionsSettings.js";
+import { GanttDimensionsSettings as o } from "../../constants/DimensionsSettings.js";
 import { DragStepOptions as d } from "../../constants/DragStepOptions.js";
-const Z = ({ className: b }) => {
-  const { calculate: i } = P(), { settings: r, setSettings: u, currentDate: C } = V(R), [D, c] = x(H.HOUR), [t, m] = x(0), o = p(() => Object.keys(l).map((e, s) => ({
-    label: l[e].label,
+const X = ({ className: b }) => {
+  const { calculate: i } = R(), { settings: a, setSettings: u, currentDate: C } = V(P), [D, c] = x(a.dimension), [s, m] = x(
+    Object.keys(o).findIndex((e) => e === a.dimension)
+  ), l = p(() => Object.keys(o).map((e, t) => ({
+    label: o[e].label,
     value: e,
-    index: s
-  })), []), z = a(
+    index: t
+  })), []), z = r(
     (e) => {
-      const s = o.findIndex((I) => I.value === e);
-      c(e), m(s), i(e);
+      const t = l.findIndex((w) => w.value === e);
+      c(e), m(t), i(e);
     },
-    [i, o]
-  ), N = a(() => {
-    if (t < o.length - 1) {
-      const e = Object.keys(l)[t + 1];
-      c(e), m(t + 1), i(e);
+    [i, l]
+  ), N = r(() => {
+    if (s < l.length - 1) {
+      const e = Object.keys(o)[s + 1];
+      c(e), m(s + 1), i(e);
     }
-  }, [i, o.length, t]), O = a(() => {
-    if (t > 0) {
-      const e = Object.keys(l)[t - 1];
-      c(e), m(t - 1), i(e);
+  }, [i, l.length, s]), O = r(() => {
+    if (s > 0) {
+      const e = Object.keys(o)[s - 1];
+      c(e), m(s - 1), i(e);
     }
-  }, [i, t]), k = p(() => Object.keys(d).map((e) => ({
+  }, [i, s]), k = p(() => Object.keys(d).map((e) => ({
     label: d[e].label,
     value: e
-  })), []), w = a(
+  })), []), I = r(
     (e) => {
       u(() => {
-        const s = { ...r };
-        return s.dragStepSize = e, s.gridSize = d[e].seconds / l[s.dimension].secondsInPixel, s;
+        const t = { ...a };
+        return t.dragStepSize = e, t.gridSize = d[e].seconds / o[t.dimension].secondsInPixel, t;
       });
     },
-    [u, r]
+    [u, a]
   );
-  return /* @__PURE__ */ n.jsxs("div", { className: y("flex items-center gap-2 p-4 border-b", b), children: [
+  return /* @__PURE__ */ n.jsxs("div", { className: G("flex items-center gap-2 p-4 border-b", b), children: [
     /* @__PURE__ */ n.jsx(
       h,
       {
         variant: "outline",
         size: "icon",
         onClick: O,
-        disabled: t <= 0,
+        disabled: s <= 0,
         children: /* @__PURE__ */ n.jsx(B, { className: "h-4 w-4" })
       }
     ),
     /* @__PURE__ */ n.jsxs(j, { value: D, onValueChange: z, children: [
       /* @__PURE__ */ n.jsx(f, { className: "w-[180px]", children: /* @__PURE__ */ n.jsx(g, { placeholder: "Seleziona dimensione" }) }),
-      /* @__PURE__ */ n.jsx(S, { className: "z-100", children: o.map((e) => /* @__PURE__ */ n.jsx(v, { value: e.value, children: e.label }, e.value)) })
+      /* @__PURE__ */ n.jsx(S, { className: "z-100", children: l.map((e) => /* @__PURE__ */ n.jsx(v, { value: e.value, children: e.label }, e.value)) })
     ] }),
     /* @__PURE__ */ n.jsx(
       h,
@@ -66,17 +67,17 @@ const Z = ({ className: b }) => {
         variant: "outline",
         size: "icon",
         onClick: N,
-        disabled: t >= o.length - 1,
+        disabled: s >= l.length - 1,
         children: /* @__PURE__ */ n.jsx(E, { className: "h-4 w-4" })
       }
     ),
-    /* @__PURE__ */ n.jsx("div", { className: "px-4 text-sm font-medium", children: G.unix(C).format("ddd, ll") }),
-    /* @__PURE__ */ n.jsxs(j, { value: r.dragStepSize, onValueChange: w, children: [
+    /* @__PURE__ */ n.jsx("div", { className: "px-4 text-sm font-medium", children: y.unix(C).format("ddd, ll") }),
+    /* @__PURE__ */ n.jsxs(j, { value: a.dragStepSize, onValueChange: I, children: [
       /* @__PURE__ */ n.jsx(f, { className: "w-[180px]", children: /* @__PURE__ */ n.jsx(g, { placeholder: "Seleziona step" }) }),
       /* @__PURE__ */ n.jsx(S, { children: k.map((e) => /* @__PURE__ */ n.jsx(v, { value: e.value, children: e.label }, e.value)) })
     ] })
   ] });
 };
 export {
-  Z as default
+  X as default
 };

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

@@ -1,58 +1,69 @@
 "use client";
-import { j as s } from "../../../../../_virtual/jsx-runtime.js";
-import { useMemo as n, useRef as O, useState as e } from "react";
-import a from "../../../../../_virtual/dayjs.min.js";
-import H from "../../../../../_virtual/localizedFormat.js";
-import { GanttContext as v } from "./GanttContext.js";
-/* empty css                       */
-/* empty css                    */
-/* empty css          */
-import C from "../Chart/Chart.js";
-import U from "../Controls/Controls.js";
-import { getScaleDates as h } from "../../utils/getScaleDates.js";
-import { getInitialScrollOffset as j } from "../../utils/getInitialScrollOffset.js";
-import { GanttDimensions as t } from "../../enums/GanttDimensions.js";
-import { DragStepSizes as i } from "../../enums/DragStepSizes.js";
-import { GanttConsts as G } from "../../constants/GanttConsts.js";
-import { GanttDimensionsSettings as r } from "../../constants/DimensionsSettings.js";
-import { DragStepOptions as z } from "../../constants/DragStepOptions.js";
-a.extend(H);
-const m = ({ children: l, draggable: p = !1 }) => {
-  const o = n(() => h(), []), c = n(() => j(t.HOUR, o), [o]), S = O(null), [d, f] = e(a().unix()), [x, u] = e(o), [I, R] = e({
-    stepWidth: r[t.HOUR].stepWidth,
-    secondsInPixel: r[t.HOUR].secondsInPixel,
-    scaleStepItems: G.HOURS_IN_DAY,
-    initialScrollOffset: c,
-    dimension: t.HOUR,
-    draggable: p,
-    dragStepSize: i.THIRTY_MIN,
-    gridSize: z[i.THIRTY_MIN].seconds / r[t.HOUR].secondsInPixel
-  }), [D, g] = e({
+import { j as i } from "../../../../../_virtual/jsx-runtime.js";
+import { useMemo as a, useRef as T, useState as e } from "react";
+import p from "../../../../../_virtual/dayjs.min.js";
+import z from "../../../../../_virtual/localizedFormat.js";
+import { GanttContext as H } from "./GanttContext.js";
+import M from "../Chart/Chart.js";
+import N from "../Controls/Controls.js";
+import { GanttDimensions as c } from "../../enums/GanttDimensions.js";
+import { GanttUnitOfTimes as m } from "../../enums/GanttUnitOfTimes.js";
+import { getScaleDates as P } from "../../utils/getScaleDates.js";
+import { getInitialScrollOffset as Y } from "../../utils/getInitialScrollOffset.js";
+import { DragStepSizes as A } from "../../enums/DragStepSizes.js";
+import { GanttConsts as U } from "../../constants/GanttConsts.js";
+import { GanttDimensionsSettings as s } from "../../constants/DimensionsSettings.js";
+import { DragStepOptions as _ } from "../../constants/DragStepOptions.js";
+p.extend(z);
+const l = ({
+  children: S,
+  draggable: d = !1,
+  defaultDimension: t = c.HOUR,
+  defaultDragStepSize: n = A.THIRTY_MIN,
+  treeTitle: f
+}) => {
+  const r = a(() => {
+    const o = t === c.DAY ? m.MONTH : m.DAY;
+    return P(void 0, void 0, o);
+  }, [t]), x = a(() => Y(t, r), [t, r]), I = T(null), [g, u] = e(p().unix()), [v, O] = e(r), [R, C] = e({
+    stepWidth: s[t].stepWidth,
+    secondsInPixel: s[t].secondsInPixel,
+    scaleStepItems: U.HOURS_IN_DAY,
+    initialScrollOffset: x,
+    dimension: t,
+    draggable: d,
+    dragStepSize: n,
+    gridSize: (() => {
+      const o = _[n].seconds, j = s[t].secondsInPixel, D = o / j;
+      return Math.max(D, 1);
+    })()
+  }), [G, h] = e({
     overscanStartIndex: 0,
     overscanStopIndex: 0,
     visibleStartIndex: 0,
     visibleStopIndex: 0
   });
-  return /* @__PURE__ */ s.jsx(
-    v.Provider,
+  return /* @__PURE__ */ i.jsx(
+    H.Provider,
     {
       value: {
-        wrapRef: S,
-        scaleDates: x,
-        setScaleDates: u,
-        settings: I,
-        setSettings: R,
-        scaleRenderState: D,
-        setScaleRenderState: g,
-        currentDate: d,
-        setCurrentDate: f
+        wrapRef: I,
+        scaleDates: v,
+        setScaleDates: O,
+        settings: R,
+        setSettings: C,
+        scaleRenderState: G,
+        setScaleRenderState: h,
+        currentDate: g,
+        setCurrentDate: u,
+        treeTitle: f
       },
-      children: /* @__PURE__ */ s.jsx("div", { className: "gantt-wrap", children: l })
+      children: /* @__PURE__ */ i.jsx("div", { className: "gantt-wrap", children: S })
     }
   );
 };
-m.Chart = C;
-m.Controls = U;
+l.Chart = M;
+l.Controls = N;
 export {
-  m as default
+  l as default
 };

package/dist/components/ui/gantt/components/Gantt/GanttContext.js

@@ -2,7 +2,7 @@
 import { createContext as e } from "react";
 import { DragStepSizes as t } from "../../enums/DragStepSizes.js";
 import { GanttDimensions as s } from "../../enums/GanttDimensions.js";
-const i = e({
+const a = e({
   wrapRef: { current: null },
   scaleDates: [],
   setScaleDates: () => {
@@ -28,8 +28,9 @@ const i = e({
   setScaleRenderState: () => {
   },
   currentDate: 0,
-  setCurrentDate: () => 0
+  setCurrentDate: () => 0,
+  treeTitle: "Attività"
 });
 export {
-  i as GanttContext
+  a as GanttContext
 };