laif-ds 0.2.74 → 0.2.75

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

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { designTokens as r } from "../design-tokens.js";
-import { Calendar as L } from "./calendar.js";
-import { Icon as X } from "./icon.js";
-import { Label as ue } from "./label.js";
-import { Popover as fe, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
-import { cn as B } from "../../lib/utils.js";
 import * as f from "react";
-import { useCallback as G, useMemo as p, useEffect as ve } from "react";
+import { useCallback as L, useMemo as p, useEffect as ue } from "react";
+import { designTokens as r } from "../design-tokens.js";
+import { Calendar as X } from "./calendar.js";
+import { Icon as B } from "./icon.js";
+import { Label as fe } from "./label.js";
+import { Popover as he, PopoverTrigger as ge, PopoverContent as ve } from "./popover.js";
+import { cn as G } from "../../lib/utils.js";
 import { TimePickerColumn as k } from "./app-time-picker.js";
 import { it as be } from "../../node_modules/date-fns/locale/it.js";
 import { formatDate as H } from "../../node_modules/date-fns/format.js";
@@ -53,7 +53,7 @@ function Oe(t) {
       s.getMinutes(),
       s.getSeconds()
     ), b(a), a && C(a), !n && t.onChange && t.onChange(a), !v && a && V(!1);
-  }, ae = G(() => {
+  }, ae = L(() => {
     n ? (N(void 0), t.onChange && t.onChange(void 0)) : (b(void 0), t.onChange && t.onChange(void 0)), A?.();
   }, [n, t.onChange, A]), ne = s?.getHours(), oe = s?.getMinutes(), se = s?.getSeconds(), ie = p(
     () => Array.from({ length: 24 }, (e, a) => a),
@@ -70,7 +70,7 @@ function Oe(t) {
       (e, a) => a * y
     ),
     [y]
-  ), S = G(
+  ), S = L(
     (e, a) => {
       const m = s ? new Date(s) : /* @__PURE__ */ new Date();
       s || m.setHours(0, 0, 0, 0), e === "hour" ? m.setHours(a) : e === "minute" ? m.setMinutes(a) : e === "second" && m.setSeconds(a), b(m), !n && t.onChange && t.onChange(m);
@@ -84,7 +84,7 @@ function Oe(t) {
     (e) => !O.some(
       (a) => Ce(a, e)
     )
-  ), d && (c = [!0]), ve(() => {
+  ), d && (c = [!0]), ue(() => {
     if (n) {
       N(t.value);
       const e = t.value?.from;
@@ -99,15 +99,15 @@ function Oe(t) {
     i.from && i.to && " - ",
     i.to && H(i.to, D, { locale: u })
   ] }) : !n && s ? /* @__PURE__ */ o("span", { children: H(s, D, { locale: u }) }) : /* @__PURE__ */ o("span", { className: "text-d-muted-foreground", children: x });
-  return /* @__PURE__ */ l("div", { className: B("flex flex-col gap-1.5", W), children: [
-    I && /* @__PURE__ */ o(ue, { htmlFor: q, className: U, children: I }),
-    /* @__PURE__ */ l(fe, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
-      /* @__PURE__ */ o(he, { asChild: !0, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("div", { className: G("flex flex-col gap-1.5", W), children: [
+    I && /* @__PURE__ */ o(fe, { htmlFor: q, className: U, children: I }),
+    /* @__PURE__ */ l(he, { open: d ? !1 : _, onOpenChange: V, modal: !0, children: [
+      /* @__PURE__ */ o(ge, { asChild: !0, children: /* @__PURE__ */ l(
         "div",
         {
           id: q,
           "data-testid": Z,
-          className: B(
+          className: G(
             r.input.base,
             r.radius.default,
             r.text.base,
@@ -129,7 +129,7 @@ function Oe(t) {
           onClick: d ? void 0 : () => {
           },
           children: [
-            /* @__PURE__ */ o(X, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
+            /* @__PURE__ */ o(B, { name: "Calendar", size: h === "lg" ? "sm" : "xs" }),
             /* @__PURE__ */ o("div", { className: "min-w-0 flex-1", children: me() }),
             ee && E && /* @__PURE__ */ o(
               "div",
@@ -142,7 +142,7 @@ function Oe(t) {
                 onMouseDown: (e) => e.preventDefault(),
                 "aria-label": "Clear selection",
                 children: /* @__PURE__ */ o(
-                  X,
+                  B,
                   {
                     name: "X",
                     size: "xs",
@@ -156,13 +156,13 @@ function Oe(t) {
       ) }),
       " ",
       /* @__PURE__ */ l(
-        ge,
+        ve,
         {
           className: "flex max-h-[500px] min-h-0 w-auto flex-row p-0 shadow",
           align: "start",
           children: [
             n ? /* @__PURE__ */ o(
-              L,
+              X,
               {
                 ...F || {},
                 mode: "range",
@@ -177,7 +177,7 @@ function Oe(t) {
                 maxDate: j
               }
             ) : /* @__PURE__ */ o(
-              L,
+              X,
               {
                 ...F || {},
                 mode: "single",

package/dist/components/ui/file-preview/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as r, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import { getNameOrUrl as z, getExt as F, getMimeFromFile as $, imageExts as K, isFile as D, getFileMetadata as B, getFormatIcon as W, formatMetadata as q } from "../../../lib/file-preview.js";
 import { cva as v } from "../../../node_modules/class-variance-authority/dist/index.js";
-import { motion as G } from "framer-motion";
-import f, { useEffect as U, Fragment as X } from "react";
+import { motion as K } from "framer-motion";
+import f, { useEffect as $, Fragment as B } from "react";
+import { getNameOrUrl as z, getExt as F, getMimeFromFile as U, imageExts as W, isFile as D, getFileMetadata as q, getFormatIcon as G, formatMetadata as X } from "../../../lib/file-preview.js";
 import { Button as H } from "../button.js";
 import { DropdownMenu as J, DropdownMenuTrigger as Q, DropdownMenuContent as Y, DropdownMenuSeparator as Z, DropdownMenuItem as ee } from "../dropdown-menu.js";
 import { Icon as P } from "../icon.js";
@@ -115,7 +115,7 @@ const re = {
   sizeLabel: e,
   formatLabel: a
 }) => {
-  const { size: o } = N(), t = q(e, a);
+  const { size: o } = N(), t = X(e, a);
   return t ? /* @__PURE__ */ r(
     "div",
     {
@@ -153,7 +153,7 @@ const re = {
   ext: a,
   mimeType: o
 }) => {
-  const { size: t } = N(), { iconName: n, colorClass: s } = W(a ?? "", o);
+  const { size: t } = N(), { iconName: n, colorClass: s } = G(a ?? "", o);
   return /* @__PURE__ */ r(
     "div",
     {
@@ -241,7 +241,7 @@ const re = {
         align: "end",
         onClick: (i) => i.stopPropagation(),
         onPointerDown: (i) => i.stopPropagation(),
-        children: u.filter((i) => i.cond).map((i, d, y) => /* @__PURE__ */ m(X, { children: [
+        children: u.filter((i) => i.cond).map((i, d, y) => /* @__PURE__ */ m(B, { children: [
           i.danger && y.length > 1 && /* @__PURE__ */ r(Z, {}),
           /* @__PURE__ */ m(
             ee,
@@ -279,8 +279,8 @@ const re = {
   );
 }, Pe = f.forwardRef(
   (e, a) => {
-    const o = z(e.file), t = F(o), n = $(e.file), s = t === "csv" || n === "text/csv";
-    return n && n.startsWith("image/") || t && K.has(t) ? /* @__PURE__ */ r(fe, { ...e, ref: a }) : !s && (t === "txt" || t === "md" || n && n.startsWith("text/")) ? /* @__PURE__ */ r(ue, { ...e, ref: a }) : /* @__PURE__ */ r(me, { ...e, ref: a });
+    const o = z(e.file), t = F(o), n = U(e.file), s = t === "csv" || n === "text/csv";
+    return n && n.startsWith("image/") || t && W.has(t) ? /* @__PURE__ */ r(fe, { ...e, ref: a }) : !s && (t === "txt" || t === "md" || n && n.startsWith("text/")) ? /* @__PURE__ */ r(ue, { ...e, ref: a }) : /* @__PURE__ */ r(me, { ...e, ref: a });
   }
 ), L = f.forwardRef(
   ({
@@ -300,7 +300,7 @@ const re = {
     const [d, y] = f.useState(
       () => D(e) ? "" : e.url
     );
-    U(() => {
+    $(() => {
       if (D(e)) {
         const l = URL.createObjectURL(e);
         return y(l), () => {
@@ -309,7 +309,7 @@ const re = {
       } else
         y(e.url);
     }, [e]);
-    const S = B(e), R = z(e), M = !s && !!g, p = a && (!!t || M), E = async (l) => {
+    const S = q(e), R = z(e), M = !s && !!g, p = a && (!!t || M), E = async (l) => {
       if (M) {
         try {
           await g(l);
@@ -332,7 +332,7 @@ const re = {
       p && (l.stopPropagation(), (l.key === "Enter" || l.key === " ") && (l.preventDefault(), E(l)));
     };
     return /* @__PURE__ */ r(
-      G.div,
+      K.div,
       {
         ref: i,
         role: p ? "button" : "group",
@@ -396,7 +396,7 @@ const re = {
   ] }) });
 }), ue = f.forwardRef(({ file: e, showThumbnail: a = !0, ...o }, t) => {
   const [n, s] = f.useState(null), c = z(e), h = o.size ?? "default";
-  U(() => {
+  $(() => {
     if (D(e)) {
       const g = new FileReader();
       return g.onload = (u) => {
@@ -437,7 +437,7 @@ const re = {
     ] })
   ] }) });
 }), me = f.forwardRef((e, a) => {
-  const o = z(e.file), t = F(o), n = $(e.file);
+  const o = z(e.file), t = F(o), n = U(e.file);
   return /* @__PURE__ */ r(L, { ...e, ref: a, children: (s, c) => /* @__PURE__ */ m(T, { children: [
     /* @__PURE__ */ r(k, { ext: t, mimeType: n }),
     /* @__PURE__ */ m("div", { className: "mr-1 flex min-w-0 flex-1 flex-col gap-0.5", children: [

package/dist/components/ui/file-previewer.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useMemo as c } from "react";
 import { createAsk as w } from "../../node_modules/use-ask/dist/index.js";
 import { Dialog as x, DialogContent as g, DialogHeader as N, DialogTitle as y } from "./dialog.js";
 import { Icon as P } from "./icon.js";
 import { SecurePdfViewer as b } from "./secure-pdf-viewer.js";
 import { guessKind as A, isHttpUrl as D, getOfficeEmbedUrl as O } from "../../lib/file-preview.js";
 import { cn as F } from "../../lib/utils.js";
-import { useMemo as c } from "react";
 const [p, T] = w({});
 function h(e) {
   return typeof e == "string" ? { url: e } : e || {};
@@ -18,20 +18,20 @@ function B(e) {
   return p.safeAsk(h(e));
 }
 const E = () => {
-  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, o = e?.page, t = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
+  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, t = e?.page, o = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
     if (!e?.url) return null;
     const s = new URL(e?.url), u = s.searchParams.get("response-content-type") || s.searchParams.get("content-type"), d = e?.mimeType || u || "";
     return A({
       mimeType: d,
-      filename: t,
+      filename: o,
       url: e?.url
     });
-  }, [e?.mimeType, t, e?.url]), v = c(
+  }, [e?.mimeType, o, e?.url]), v = c(
     () => /* @__PURE__ */ f("span", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ r(P, { name: "File", className: "h-4 w-4" }),
-      e?.title || t
+      e?.title || o
     ] }),
-    [e?.title, t]
+    [e?.title, o]
   );
   return /* @__PURE__ */ r(x, { open: i, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
     /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(y, { children: v }) }),
@@ -42,7 +42,7 @@ const E = () => {
         src: l,
         officeUrl: l,
         readOnly: a,
-        page: o
+        page: t
       }
     ) : null })
   ] }) });
@@ -65,7 +65,7 @@ const E = () => {
           className: "max-h-[78vh] w-auto max-w-full object-contain"
         }
       ) });
-    case "pdf":
+    case "pdf": {
       if (l && i)
         return /* @__PURE__ */ r(
           b,
@@ -75,15 +75,16 @@ const E = () => {
             className: "w-full"
           }
         );
-      let o = i;
-      return a > 0 && (o += "#page=" + a), /* @__PURE__ */ r(
+      let t = i;
+      return a > 0 && (t += "#page=" + a), /* @__PURE__ */ r(
         "iframe",
         {
-          src: o,
+          src: t,
           title: "PDF Preview",
           className: "h-[78vh] w-full rounded"
         }
       );
+    }
     case "audio":
       return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: i }) }) });
     case "video":

package/dist/components/ui/form.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as n } from "react/jsx-runtime";
-import * as s from "react";
 import { Root as f } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import * as s from "react";
 import { FormProvider as u, Controller as F, useFormContext as x, useFormState as I } from "../../node_modules/react-hook-form/dist/index.esm.js";
-import { cn as a } from "../../lib/utils.js";
 import { Label as g } from "./label.js";
+import { cn as a } from "../../lib/utils.js";
 const S = u, c = s.createContext(
   {}
 ), $ = ({

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

@@ -1,30 +1,30 @@
 "use client";
 import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as C, useContext as P, useMemo as E, useCallback as I } from "react";
-import { DndContext as W } from "../../../../../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { createSnapModifier as v, restrictToHorizontalAxis as H } from "../../../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js";
+import { DndContext as P } from "../../../../../../node_modules/@dnd-kit/core/dist/core.esm.js";
+import { createSnapModifier as W, restrictToHorizontalAxis as v } from "../../../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js";
 import f from "../../../../../../_virtual/dayjs.min.js";
-import { VariableSizeList as _ } from "../../../../../../node_modules/react-window/dist/index.esm.js";
+import { forwardRef as H, useContext as _, useMemo as E, useCallback as g } from "react";
+import { VariableSizeList as N } from "../../../../../../node_modules/react-window/dist/index.esm.js";
 import { GanttContext as Z } from "../../Gantt/GanttContext.js";
-import { getWholeWidth as A } from "../../../utils/getWholeWidth.js";
-import F from "./BarsRow/BarsRow.js";
-import { GanttConsts as L } from "../../../constants/GanttConsts.js";
+import { getWholeWidth as j } from "../../../utils/getWholeWidth.js";
+import A from "./BarsRow/BarsRow.js";
+import { GanttConsts as F } from "../../../constants/GanttConsts.js";
 import { DragTypes as p } from "../../../enums/DragTypes.js";
-const N = ({
+const L = ({
   scaleWidth: D,
-  style: y,
+  style: x,
   children: l,
   ...T
 }) => /* @__PURE__ */ u(
   "div",
   {
-    style: { ...y, width: D, position: "relative" },
+    style: { ...x, width: D, position: "relative" },
     ...T,
     children: l
   }
-), j = C(
-  ({ width: D, height: y, data: l, setData: T, onBarDoubleClick: R, onBarChange: x }, b) => {
-    const { settings: o, scaleDates: S } = P(Z), G = E(() => A(
+), O = H(
+  ({ width: D, height: x, data: l, setData: T, onBarDoubleClick: b, onBarChange: y }, R) => {
+    const { settings: o, scaleDates: S } = _(Z), G = E(() => j(
       S,
       o.dimension,
       o.scaleStepItems,
@@ -35,31 +35,31 @@ const N = ({
       o.scaleStepItems,
       o.stepWidth
     ]), M = E(
-      () => v(o.gridSize),
+      () => W(o.gridSize),
       [o.gridSize]
-    ), g = E(() => {
+    ), I = E(() => {
       const d = [];
-      for (const r of l)
-        r.hasOwnProperty("expanded") && !r.expanded && d.push(r.key);
-      return l.filter((r) => !r.parentsKeys.some(
+      for (const s of l)
+        Object.prototype.hasOwnProperty.call(s, "expanded") && !s.expanded && d.push(s.key);
+      return l.filter((s) => !s.parentsKeys.some(
         (m) => d.includes(m)
       ));
-    }, [l]), z = I(() => L.ROW_HEIGHT, []), k = I(
+    }, [l]), z = g(() => F.ROW_HEIGHT, []), k = g(
       (d) => {
-        const r = d.delta.x * o.secondsInPixel, i = 3600 * 24, m = o.gridSize * o.secondsInPixel, w = [...l], s = w.find((t) => t.key === d.active.id), h = d.activatorEvent.target;
-        if (s?.data?.repeatType && +h?.dataset?.dragtype === p.RESIZE_RIGHT) {
-          const { fromTime: t, toTime: a } = s.data;
-          let e = a + r;
-          a > t && e - t >= i || a < t && e > t ? e = t - 1 : a > t && e < t || a < t && t - e >= i ? e = t + m : e < 0 ? e = e + i : e >= i && (e = e - i), s.data.toTime = Math.round(e);
+        const s = d.delta.x * o.secondsInPixel, i = 3600 * 24, m = o.gridSize * o.secondsInPixel, w = [...l], r = w.find((t) => t.key === d.active.id), C = d.activatorEvent.target, h = Number(C?.dataset?.dragtype ?? -1);
+        if (r?.data?.repeatType && h === p.RESIZE_RIGHT) {
+          const { fromTime: t, toTime: a } = r.data;
+          let e = a + s;
+          a > t && e - t >= i || a < t && e > t ? e = t - 1 : a > t && e < t || a < t && t - e >= i ? e = t + m : e < 0 ? e = e + i : e >= i && (e = e - i), r.data.toTime = Math.round(e);
         }
-        if (s?.data?.repeatType && +h?.dataset?.dragtype === p.RESIZE_LEFT) {
-          const { fromTime: t, toTime: a } = s.data;
-          let e = t + r;
-          t < a && a - e >= i || t > a && e < a ? e = a + 1 : t < a && e > a || t > a && e - a >= i ? e = a - m : e < 0 ? e = e + i : e >= i && (e = e - i), s.data.fromTime = Math.round(e);
+        if (r?.data?.repeatType && h === p.RESIZE_LEFT) {
+          const { fromTime: t, toTime: a } = r.data;
+          let e = t + s;
+          t < a && a - e >= i || t > a && e < a ? e = a + 1 : t < a && e > a || t > a && e - a >= i ? e = a - m : e < 0 ? e = e + i : e >= i && (e = e - i), r.data.fromTime = Math.round(e);
         }
-        if (s?.data?.repeatType && +h?.dataset?.dragtype === p.DRAG) {
-          const { fromTime: t, toTime: a } = s.data;
-          let e = t + r, n = a + r;
+        if (r?.data?.repeatType && h === p.DRAG) {
+          const { fromTime: t, toTime: a } = r.data;
+          let e = t + s, n = a + s;
           for (; e < 0; )
             e = e + i;
           for (; n < 0; )
@@ -68,59 +68,59 @@ const N = ({
             e = e - i;
           for (; n >= i; )
             n = n - i;
-          s.data.fromTime = Math.round(e), s.data.toTime = Math.round(n);
+          r.data.fromTime = Math.round(e), r.data.toTime = Math.round(n);
         }
-        if (s?.data && !s?.data?.repeatType) {
-          const { startDate: t, endDate: a } = s.data;
+        if (r?.data && !r?.data?.repeatType) {
+          const { startDate: t, endDate: a } = r.data;
           if (t && a) {
             const e = f(t).unix(), n = f(a).unix();
-            switch (+h?.dataset?.dragtype) {
+            switch (h) {
               case p.RESIZE_LEFT: {
-                let c = e + r;
-                n - c < m && (c = n - m), s.data.startDate = f.unix(c).format();
+                let c = e + s;
+                n - c < m && (c = n - m), r.data.startDate = f.unix(c).format();
                 break;
               }
               case p.RESIZE_RIGHT: {
-                let c = n + r;
-                c - e < m && (c = e + m), s.data.endDate = f.unix(c).format();
+                let c = n + s;
+                c - e < m && (c = e + m), r.data.endDate = f.unix(c).format();
                 break;
               }
               case p.DRAG: {
-                s.data.startDate = f.unix(Math.round(e + r)).format(), s.data.endDate = f.unix(Math.round(n + r)).format();
+                r.data.startDate = f.unix(Math.round(e + s)).format(), r.data.endDate = f.unix(Math.round(n + s)).format();
                 break;
               }
             }
           }
         }
-        x && x(s, w), T(w);
+        y && r && y(r, w), T(w);
       },
-      [l, x, T, o.gridSize, o.secondsInPixel]
+      [l, y, T, o.gridSize, o.secondsInPixel]
     );
     return /* @__PURE__ */ u("div", { className: "gantt-bars-wrap", children: /* @__PURE__ */ u(
-      W,
+      P,
       {
-        modifiers: [H, M],
+        modifiers: [v, M],
         onDragEnd: k,
         autoScroll: !1,
         children: /* @__PURE__ */ u(
-          _,
+          N,
           {
-            ref: b,
+            ref: R,
             className: "gantt-bars-list",
             layout: "vertical",
             width: D,
-            height: y,
-            itemCount: g.length,
+            height: x,
+            itemCount: I.length,
             itemSize: z,
-            itemData: g,
-            innerElementType: (d) => /* @__PURE__ */ u(N, { scaleWidth: G, ...d }),
-            children: ({ style: d, data: r, index: i }) => /* @__PURE__ */ u(
-              F,
+            itemData: I,
+            innerElementType: (d) => /* @__PURE__ */ u(L, { scaleWidth: G, ...d }),
+            children: ({ style: d, data: s, index: i }) => /* @__PURE__ */ u(
+              A,
               {
-                barData: r[i],
+                barData: s[i],
                 index: i,
                 style: d,
-                onBarDoubleClick: R
+                onBarDoubleClick: b
               }
             )
           }
@@ -129,7 +129,7 @@ const N = ({
     ) });
   }
 );
-j.displayName = "Bars";
+O.displayName = "Bars";
 export {
-  j as default
+  O as default
 };

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

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { memo as W, useContext as D, useMemo as l, useCallback as T } from "react";
-import { useDraggable as H } from "../../../../../../../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import G from "../../../../../../../../_virtual/dayjs.min.js";
-import { cn as v } from "../../../../../../../../lib/utils.js";
+import { useDraggable as W } from "../../../../../../../../node_modules/@dnd-kit/core/dist/core.esm.js";
+import D from "../../../../../../../../_virtual/dayjs.min.js";
+import { memo as H, useContext as G, useMemo as l, useCallback as T } from "react";
 import { TooltipProvider as X, Tooltip as B, TooltipTrigger as M, TooltipContent as O } from "../../../../../../tooltip.js";
-import { BarsRowContext as U } from "../BarsRowContext.js";
-import { GanttContext as q } from "../../../../Gantt/GanttContext.js";
+import { cn as v } from "../../../../../../../../lib/utils.js";
+import { GanttContext as U } from "../../../../Gantt/GanttContext.js";
+import { BarsRowContext as q } from "../BarsRowContext.js";
 import { DragTypes as t } from "../../../../../enums/DragTypes.js";
 let b;
-const J = W(
+const J = H(
   ({
     title: L,
     barKey: A,
@@ -19,17 +19,17 @@ const J = W(
     onBarDoubleClick: w,
     leftRender: p
   }) => {
-    const { scaleDates: P, settings: n } = D(q), { barData: x } = D(U), e = n.draggable === !0, {
+    const { scaleDates: P, settings: n } = G(U), { barData: x } = G(q), e = n.draggable === !0, {
       attributes: I,
       listeners: c,
       transform: h,
       activatorEvent: R,
       setNodeRef: k,
       setActivatorNodeRef: N
-    } = H({
+    } = W({
       id: A,
       disabled: !e
-    }), d = l(() => (m - a) / n.secondsInPixel, [m, n.secondsInPixel, a]), E = l(() => y ? (24 * 3600 - 1) / n.secondsInPixel : 0, [y, n.secondsInPixel]), C = l(() => (a - P[0]) / n.secondsInPixel, [P, n.secondsInPixel, a]), s = l(() => +R?.target?.dataset?.dragtype, [R?.target]), i = l(() => {
+    }), d = l(() => (m - a) / n.secondsInPixel, [m, n.secondsInPixel, a]), E = l(() => y ? (24 * 3600 - 1) / n.secondsInPixel : 0, [y, n.secondsInPixel]), C = l(() => (a - P[0]) / n.secondsInPixel, [P, n.secondsInPixel, a]), s = l(() => +(R?.target?.dataset?.dragtype ?? 0), [R?.target]), i = l(() => {
       if (!h)
         return 0;
       const o = E ? E - d : null, S = n.gridSize - d;
@@ -39,14 +39,14 @@ const J = W(
       const o = [t.RESIZE_LEFT, t.DRAG].includes(
         s
       ) ? i * n.secondsInPixel : 0;
-      return G.unix(
+      return D.unix(
         a + (s === t.RESIZE_LEFT ? -o : o)
       ).format("L LTS");
     }, [s, i, n.secondsInPixel, a]), j = l(() => {
       const o = [t.RESIZE_RIGHT, t.DRAG].includes(
         s
       ) ? i * n.secondsInPixel : 0;
-      return G.unix(m + o).format("L LTS");
+      return D.unix(m + o).format("L LTS");
     }, [s, i, m, n.secondsInPixel]), z = T(() => {
       w && w(x);
     }, [x, w]), F = T(

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as f } from "react/jsx-runtime";
-import { useContext as d, useMemo as n } from "react";
 import i from "../../../../../../../../_virtual/dayjs.min.js";
+import { useContext as d, useMemo as n } from "react";
 import { GanttContext as D } from "../../../../Gantt/GanttContext.js";
 import l from "../RepeteadBars/RepeteadBars.js";
 import I from "../BarItem/BarItem.js";

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

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

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as l, Fragment as S } from "react/jsx-runtime";
-import { useMemo as f } from "react";
 import u from "../../../../../../../../_virtual/dayjs.min.js";
-import { GanttConsts as c } from "../../../../../constants/GanttConsts.js";
+import { useMemo as f } from "react";
 import { DataRepeatTypes as p } from "../../../../../enums/DataRepeatTimes.js";
 import _ from "../BarItem/BarItem.js";
+import { GanttConsts as c } from "../../../../../constants/GanttConsts.js";
 const I = ({
   data: o,
   firstRenderedDate: t,