linear-react-components-ui 1.1.26-beta.5 → 1.1.26-beta.6

package/lib/treetable/Row.js

@@ -1,66 +1,66 @@
-import { j as e } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import A, { useContext as ee, useState as m, useRef as oe, useEffect as p, Fragment as N, createElement as ne } from "react";
-import { _ as te } from "../chunks/lodash.C68pWaTB.js";
+import { j as e } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import A, { useContext as ee, useState as c, useRef as oe, useEffect as f, Fragment as N, createElement as ne } from "react";
+import { _ as te } from "../chunks/lodash.CIAK_hAg.js";
 import se from "../icons/index.js";
 import D from "../spinner/SpinnerLoading.js";
 import "../table/helpers.js";
 import R from "../table/Row.js";
 import '../assets/table.css';import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
 /* empty css                          */
-import V from "../table/RowColumn.js";
+import G from "../table/RowColumn.js";
 /* empty css                       */
-import _ from "../toolbar/index.js";
+import V from "../toolbar/index.js";
 import { TreeTableContext as re, searchChildrensPerRow as le } from "./helpers.js";
-import K from "../toolbar/ToolBarGroup.js";
-import { v as u } from "../chunks/v1.CDXKvGzE.js";
+import _ from "../toolbar/ToolBarGroup.js";
+import { v as p } from "../chunks/v1.Ds1rkxUj.js";
 const ie = (T) => {
   const {
     data: L,
     dataColumns: r,
     rootPropName: I,
-    stylesForRow: W,
-    parentPropName: X,
-    styleForLeftToolbar: Y,
-    onClickFirstColumn: P,
-    onClickGetChildrens: a,
-    leftToolbarElements: $,
-    rightToolbarElements: k,
-    styleForRightToolbar: q,
+    stylesForRow: K,
+    parentPropName: W,
+    styleForLeftToolbar: X,
+    onClickFirstColumn: k,
+    onClickGetChildrens: u,
+    leftToolbarElements: P,
+    rightToolbarElements: $,
+    styleForRightToolbar: Y,
     toolbarElementsValidations: x,
     openNodeId: F
-  } = ee(re), { rowId: l, dataRow: d, rowLevel: g } = T, [w, b] = m(!1), [t, G] = m(), [S, j] = m(!1), [v, z] = m(!1), [H, J] = m(!1), C = oe(null), B = () => {
-    const o = le(L, X, l, g);
-    G(o), j(!1);
+  } = ee(re), { rowId: l, dataRow: a, rowLevel: g } = T, [w, C] = c(!1), [t, q] = c(), [S, b] = c(!1), [j, z] = c(!1), [H, J] = c(!1), v = oe(null), B = () => {
+    const o = le(L, W, l, g);
+    q(o), b(!1);
   }, Q = () => {
-    !H && !w ? (b(!0), j(!0), a != null && a(l) && typeof a(l).finally == "function" && a(l).then(() => {
+    !H && !w ? (C(!0), b(!0), u?.(l) && typeof u(l).finally == "function" && u(l).then(() => {
     }).catch(() => {
     }).finally(() => {
       B();
-    }), J(!0)) : b((o) => !o);
+    }), J(!0)) : C((o) => !o);
   }, U = (o) => {
     const s = x && x[o], n = {
       disabled: { disabled: !0 },
       unvisible: { visible: !1 }
     };
     let i = {};
-    return s && s.forEach((h) => {
-      const { validator: f, onDenied: c } = h;
-      te.isEmpty(i) && f && f(d) && c && (i = n[c] || n.unvisible);
+    return s && s.forEach((m) => {
+      const { validator: h, onDenied: d } = m;
+      te.isEmpty(i) && h && h(a) && d && (i = n[d] || n.unvisible);
     }), i;
   }, O = (o) => {
     let s = [];
     return o && (s = A.Children.map(o, (n) => {
       if (A.isValidElement(n) && n.props) {
-        const { validationKey: i, onNodeElementClick: h, ...f } = n.props;
-        let c, y = {};
-        return x && i && (c = U(i)), h && (y = {
+        const { validationKey: i, onNodeElementClick: m, ...h } = n.props;
+        let d, y = {};
+        return x && i && (d = U(i)), m && (y = {
           ...y,
           onClick: (M) => {
-            h(d), M.stopPropagation && M.stopPropagation();
+            m(a), M.stopPropagation && M.stopPropagation();
           }
         }), ne(
           n.type,
-          { ...f, ...y, ...c }
+          { ...h, ...y, ...d }
         );
       }
       return n;
@@ -69,24 +69,24 @@ const ie = (T) => {
     z(!0);
   }, E = (o) => {
     const s = document.elementFromPoint(o.clientX, o.clientY);
-    C.current && !C.current.contains(s) && z(!1);
+    v.current && !v.current.contains(s) && z(!1);
   };
-  return p(() => {
+  return f(() => {
     B();
-  }, [L]), p(() => {
-    j(!1);
-  }, [t]), p(() => (v ? window.addEventListener("mousemove", E) : window.removeEventListener("mousemove", E), () => {
+  }, [L]), f(() => {
+    b(!1);
+  }, [t]), f(() => (j ? window.addEventListener("mousemove", E) : window.removeEventListener("mousemove", E), () => {
     window.removeEventListener("mousemove", E);
-  }), [v]), p(() => {
-    F === Number(d.id) && b(!0);
+  }), [j]), f(() => {
+    F === Number(a.id) && C(!0);
   }, [F]), /* @__PURE__ */ e.jsxs(N, { children: [
     /* @__PURE__ */ e.jsxs(R, { ...T, dataId: l, customClass: "tree-row-element", children: [
       /* @__PURE__ */ e.jsx(
-        V,
+        G,
         {
           ignoreTableColClick: !0,
           style: r[0].style,
-          children: /* @__PURE__ */ e.jsxs("div", { ref: C, className: "column-container", onMouseEnter: Z, children: [
+          children: /* @__PURE__ */ e.jsxs("div", { ref: v, className: "column-container", onMouseEnter: Z, children: [
             /* @__PURE__ */ e.jsxs(
               "span",
               {
@@ -108,34 +108,34 @@ const ie = (T) => {
                       tabIndex: -1,
                       role: "button",
                       className: "value-button",
-                      onClick: () => P ? P(l) : {},
-                      children: d[r[0].name]
+                      onClick: () => k ? k(l) : {},
+                      children: a[r[0].name]
                     }
                   ),
-                  /* @__PURE__ */ e.jsx("span", { className: "container-toolbar-buttons", children: /* @__PURE__ */ e.jsx(_, { size: "small", customClass: "row-toolbar", children: /* @__PURE__ */ e.jsx(
-                    K,
+                  /* @__PURE__ */ e.jsx("span", { className: "container-toolbar-buttons", children: /* @__PURE__ */ e.jsx(V, { size: "small", customClass: "row-toolbar", children: /* @__PURE__ */ e.jsx(
+                    _,
                     {
-                      style: { float: "left", height: "fit-content", ...Y },
-                      children: v && $ && O($)
+                      style: { float: "left", height: "fit-content", ...X },
+                      children: j && P && O(P)
                     },
-                    `left-toolbar-${u()}`
+                    `left-toolbar-${p()}`
                   ) }) })
                 ]
               }
             ),
-            /* @__PURE__ */ e.jsx("span", { className: "container-toolbar-info", children: /* @__PURE__ */ e.jsx(_, { size: "small", customClass: "row-toolbar", children: /* @__PURE__ */ e.jsx(
-              K,
+            /* @__PURE__ */ e.jsx("span", { className: "container-toolbar-info", children: /* @__PURE__ */ e.jsx(V, { size: "small", customClass: "row-toolbar", children: /* @__PURE__ */ e.jsx(
+              _,
               {
-                style: { float: "right", height: "fit-content", gap: "4px", ...q },
-                children: k && O(k)
+                style: { float: "right", height: "fit-content", gap: "4px", ...Y },
+                children: $ && O($)
               },
-              `right-toolbar-${u()}`
+              `right-toolbar-${p()}`
             ) }) })
           ] })
         },
-        `td-${r[0].name}-${u()}`
+        `td-${r[0].name}-${p()}`
       ),
-      r.slice(1).map((o) => /* @__PURE__ */ e.jsx(V, { style: { ...o.style }, ignoreTableColClick: !0, children: d[o.name] }, `key-${o.name}-${u()}`))
+      r.slice(1).map((o) => /* @__PURE__ */ e.jsx(G, { style: { ...o.style }, ignoreTableColClick: !0, children: a[o.name] }, `key-${o.name}-${p()}`))
     ] }),
     w && /* @__PURE__ */ e.jsx(N, { children: t && t.length === 0 && S ? /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx("td", { colSpan: r.length, className: "td-loading-childrens", children: /* @__PURE__ */ e.jsx("div", { className: "td-loading-childrens-container", children: /* @__PURE__ */ e.jsx(D, { size: "48px" }, "loading-childrens") }) }) }, "tr-loading-childrens") : /* @__PURE__ */ e.jsxs(N, { children: [
       t && t.map((o) => /* @__PURE__ */ e.jsx(
@@ -144,7 +144,7 @@ const ie = (T) => {
           dataRow: o,
           rowLevel: o.rowLevel ? o.rowLevel + 1 : 1,
           rowId: `${o[I]}`,
-          style: W
+          style: K
         },
         o[I]
       )),

package/lib/treetable/helpers.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 export declare const TreeTableContext: import('react').Context<import('./types').ITreeTableProps>;
-export declare const searchRootElements: (data: {
+export declare const searchRootElements: (data: Array<{
     [key: string]: any;
-}[], parentPropName: string, rowLevel?: number) => ({
+}>, parentPropName: string, rowLevel?: number) => ({
     [key: string]: any;
 } & {
     rowLevel: number;
 })[];
-export declare const searchChildrensPerRow: (data: {
+export declare const searchChildrensPerRow: (data: Array<{
     [key: string]: any;
-}[], parentPropName: string, rowId?: string | number, rowLevel?: number) => {
+}>, parentPropName: string, rowId?: string | number, rowLevel?: number) => {
     [key: string]: any;
 }[];

package/lib/treetable/index.js

@@ -1,4 +1,4 @@
-import { j as e } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as e } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import t from "../table/index.js";
 import l from "./Body.js";
 import a from "./Header.js";

package/lib/treeview/Header.js

@@ -1,4 +1,4 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as s } from "../chunks/jsx-runtime.C7wFtzyj.js";
 const l = (t) => {
   const { title: e, customClass: r, children: a } = t;
   return /* @__PURE__ */ s.jsx("div", { className: `treeviewheader ${r}`, children: e ? /* @__PURE__ */ s.jsx("div", { className: "title", children: e }) : a });

package/lib/treeview/Node.js

@@ -1,7 +1,7 @@
-import { j as s } from "../chunks/jsx-runtime.gtoSnx-V.js";
+import { j as s } from "../chunks/jsx-runtime.C7wFtzyj.js";
 import C, { useState as a, useRef as re, useContext as de, useEffect as ae } from "react";
-import { _ as ce } from "../chunks/lodash.C68pWaTB.js";
-import { C as me, L as O } from "../chunks/tabs.CM2We4tV.js";
+import { _ as ce } from "../chunks/lodash.CIAK_hAg.js";
+import { C as me, L as O } from "../chunks/tabs.D0L_nVfP.js";
 import M from "../icons/index.js";
 import { TreeviewContext as ue } from "./constants.js";
 import pe from "../buttons/Button.js";
@@ -9,7 +9,7 @@ import '../assets/button.css';/* empty css                        */
 import fe from "../list/index.js";
 import he from "../toolbar/index.js";
 import xe from "../spinner/SpinnerLoading.js";
-import { v as be } from "../chunks/v1.CDXKvGzE.js";
+import { v as be } from "../chunks/v1.Ds1rkxUj.js";
 import ve from "../toolbar/ToolBarGroup.js";
 const h = (i) => !!(i.itens && i.itens.length > 0), Oe = (i) => {
   const {

package/lib/treeview/index.js

@@ -1,9 +1,9 @@
-import { j as g } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import { useState as u, useEffect as q } from "react";
-import { _ as w } from "../chunks/lodash.C68pWaTB.js";
-import pe from "./Node.js";
+import { j as w } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import { useState as u, useEffect as g } from "react";
+import { _ as A } from "../chunks/lodash.CIAK_hAg.js";
+import Se from "./Node.js";
 import { default as Oe } from "./Header.js";
-import { TreeviewContext as Se } from "./constants.js";
+import { TreeviewContext as pe } from "./constants.js";
 import '../assets/index18.css';const qe = (h) => {
   const {
     selectedIds: f = [],
@@ -11,7 +11,7 @@ import '../assets/index18.css';const qe = (h) => {
     allowCheckAllAncestry: I,
     onNodeOpen: v,
     allowCheckAllChildren: E,
-    onSelectedIdsChange: p,
+    onSelectedIdsChange: q,
     idsInLoading: z,
     startNodesOpened: B = !1,
     alwaysShowArrow: L,
@@ -28,7 +28,7 @@ import '../assets/index18.css';const qe = (h) => {
     requiredIds: se = [],
     customClassForNodes: ne = "",
     customStyleForNodes: re
-  } = h, [N, le] = u(h.data), [c, P] = u(f), [W, de] = u(f), [C, O] = u(!1), [R, ce] = u(!1), [m, S] = u([]), [b, ie] = u([]), [o] = u({}), y = (e, n = !1, t = [], r = []) => (o[e] !== void 0 ? (t.push(e), n && r.push(e), o[e].forEach((s) => y(s, n, t, r))) : t.push(e), n ? { nodeChildrenIds: t, requiredIds: r } : { nodeChildrenIds: t }), T = (e) => {
+  } = h, [N, le] = u(h.data), [c, P] = u(f), [W, de] = u(f), [C, O] = u(!1), [R, ce] = u(!1), [m, S] = u([]), [b, ie] = u([]), [o] = u({}), p = (e, n = !1, t = [], r = []) => (o[e] !== void 0 ? (t.push(e), n && r.push(e), o[e].forEach((s) => p(s, n, t, r))) : t.push(e), n ? { nodeChildrenIds: t, requiredIds: r } : { nodeChildrenIds: t }), T = (e) => {
     const n = Object.keys(o).find((t) => o[t].find((r) => r === e));
     return Number(n);
   }, U = (e, n = []) => {
@@ -53,29 +53,29 @@ import '../assets/index18.css';const qe = (h) => {
     const r = V(e), s = t.filter((d) => !r.includes(d)), l = c.filter((d) => !n.includes(d));
     return S(s), l;
   }, x = (e, n, t = !1, r = !0) => {
-    const s = U(e), l = s.filter((A) => !m.includes(A)), d = s.filter((A) => !c.includes(A)), i = [...c, ...n, ...d], a = [...m, ...l];
+    const s = U(e), l = s.filter((y) => !m.includes(y)), d = s.filter((y) => !c.includes(y)), i = [...c, ...n, ...d], a = [...m, ...l];
     return r && S(a), t ? { updatedIdsWithAncestryIds: i, requiredParentsIds: a } : { updatedIdsWithAncestryIds: i };
   }, D = (e, n = !1, t = []) => {
     let r, s = t;
     if (n) {
-      const { nodeChildrenIds: i, requiredIds: a } = y(e, n), A = a ? a.filter((me) => !t.includes(me)) : [];
-      s = [...t, ...A], r = i;
-    } else r = y(e).nodeChildrenIds;
+      const { nodeChildrenIds: i, requiredIds: a } = p(e, n), y = a ? a.filter((me) => !t.includes(me)) : [];
+      s = [...t, ...y], r = i;
+    } else r = p(e).nodeChildrenIds;
     const l = r.filter((i) => !c.includes(i)), d = [...c, ...l];
     return S(s), O(!1), d;
   }, F = (e, n = []) => {
     let t = n.length > 0 ? n : c;
-    const r = y(e).nodeChildrenIds;
+    const r = p(e).nodeChildrenIds;
     return t = t.filter((s) => !r.includes(s)), O(!1), t;
   }, ae = (e, n, t) => {
-    const r = y(e).nodeChildrenIds, s = t.filter((l) => !r.includes(l));
+    const r = p(e).nodeChildrenIds, s = t.filter((l) => !r.includes(l));
     S([...s]), k(e, n, s);
   }, oe = (e) => {
     const { id: n } = e;
     let t = b;
     !b.includes(n) && v && (t = [...t, n], v(e)), ie(t);
   }, ue = (e, n, t) => {
-    const r = w.isArray(e) ? e : [e];
+    const r = A.isArray(e) ? e : [e];
     let s = [...c, ...r];
     if (t && (n || C) && E)
       if (I) {
@@ -88,7 +88,7 @@ import '../assets/index18.css';const qe = (h) => {
     else I && (s = x(e, r).updatedIdsWithAncestryIds);
     return s;
   }, fe = (e, n, t, r) => {
-    const s = w.isArray(e) ? e : [e];
+    const s = A.isArray(e) ? e : [e];
     let l = c.filter((d) => !s.includes(d));
     if (t && (n || C) && E)
       if (I) {
@@ -103,7 +103,7 @@ import '../assets/index18.css';const qe = (h) => {
     return l;
   }, H = (e, n, t, r = !1, s = C) => {
     let l = [...c];
-    n ? l = ue(e, s, t) : l = fe(e, s, t, r), P(l), p && p(l);
+    n ? l = ue(e, s, t) : l = fe(e, s, t, r), P(l), q && q(l);
   }, he = (e, n, t = !1) => {
     O(!0), H(e, n, !0, t, !0);
   }, j = (e, n, t) => {
@@ -112,8 +112,8 @@ import '../assets/index18.css';const qe = (h) => {
       const s = {};
       s[e.id] = r, Object.assign(t, s);
     }
-    return /* @__PURE__ */ g.jsx(
-      pe,
+    return /* @__PURE__ */ w.jsx(
+      Se,
       {
         node: e,
         idsInLoading: z,
@@ -143,16 +143,16 @@ import '../assets/index18.css';const qe = (h) => {
         updatedIdsWithAncestryIds: l
       } = x(r, [], !0, !1);
       t = [...t, ...l], s && (n = [...n, ...s]);
-    }), S(w.uniq(n)), P(w.uniq(t)), ce((r) => r || !0);
+    }), S(A.uniq(n)), P(A.uniq(t)), ce((r) => r || !0);
   };
-  q(() => {
-    const e = w.isEqual(W.sort(), f.sort());
-    $ && h.data !== N ? le(h.data) : e || (P(f), p == null || p(f), de(f));
-  }, [f.length, h.data]), q(() => {
+  g(() => {
+    const e = A.isEqual(W.sort(), f.sort());
+    $ && h.data !== N ? le(h.data) : e || (P(f), q?.(f), de(f));
+  }, [f.length, h.data]), g(() => {
     I && !R && M(c);
-  }, [c]), q(() => {
+  }, [c]), g(() => {
     I && M(c);
-  }, [W]), q(() => {
+  }, [W]), g(() => {
     j(N, void 0, o);
   }, []);
   const Ie = {
@@ -166,9 +166,9 @@ import '../assets/index18.css';const qe = (h) => {
     handlerUpdateSelectedIds: H,
     handlerToggleCheckChildren: he
   };
-  return /* @__PURE__ */ g.jsx(Se.Provider, { value: Ie, children: /* @__PURE__ */ g.jsxs("div", { className: `treeview-component ${Y}`, children: [
+  return /* @__PURE__ */ w.jsx(pe.Provider, { value: Ie, children: /* @__PURE__ */ w.jsxs("div", { className: `treeview-component ${Y}`, children: [
     Z,
-    /* @__PURE__ */ g.jsx(
+    /* @__PURE__ */ w.jsx(
       "ul",
       {
         style: ee,
@@ -179,7 +179,7 @@ import '../assets/index18.css';const qe = (h) => {
   ] }) });
 };
 export {
-  pe as TreeNode,
+  Se as TreeNode,
   Oe as TreeViewHeader,
   qe as default
 };

package/lib/uitour/index.js

@@ -1,12 +1,12 @@
-import { j as o } from "../chunks/jsx-runtime.gtoSnx-V.js";
-import { useState as r, useRef as v, useCallback as V, useEffect as w, useMemo as X } from "react";
+import { j as o } from "../chunks/jsx-runtime.C7wFtzyj.js";
+import { useState as l, useRef as E, useCallback as V, useEffect as w, useMemo as X } from "react";
 import { createPortal as Y } from "react-dom";
 import Z from "../buttons/Button.js";
 import y from "../buttons/PrimaryButton.js";
 import "../icons/index.js";
 import '../assets/button.css';import '../assets/index19.css';/* empty css                        */
-import { STEP_POSITIONS as h, ARROW_WIDTH as G, ARROW_HEIGHT as U } from "./helpers.js";
-const re = ($) => {
+import { STEP_POSITIONS as b, ARROW_WIDTH as G, ARROW_HEIGHT as U } from "./helpers.js";
+const le = ($) => {
   const {
     data: i,
     nextButtonLabel: j,
@@ -16,40 +16,40 @@ const re = ($) => {
     showBackButton: R = !0,
     visible: a = !0,
     onFinish: T,
-    onStepChange: P
-  } = $, [s, b] = r(void 0), [x, g] = r(!1), [I, S] = r(!1), [u, B] = r(!1), [L, H] = r(null), [f, A] = r(a), [W, O] = r(h.left), m = v(null), E = v(null), l = v([]), M = () => {
+    onStepChange: O
+  } = $, [s, h] = l(void 0), [x, g] = l(!1), [I, S] = l(!1), [u, v] = l(!1), [P, L] = l(null), [f, H] = l(a), [A, W] = l(b.left), m = E(null), B = E(null), r = E([]), M = () => {
     if (x) {
-      const e = i.findIndex((c) => c.id === (s == null ? void 0 : s.id)), t = i[e + 1], n = i.findIndex((c) => c.id === t.id);
-      document.getElementById(t.targetId) && b({ ...t, number: n + 1 });
+      const e = i.findIndex((c) => c.id === s?.id), t = i[e + 1], n = i.findIndex((c) => c.id === t.id);
+      document.getElementById(t.targetId) && h({ ...t, number: n + 1 });
     }
   }, _ = () => {
     if (I) {
-      const e = i.findIndex((c) => c.id === (s == null ? void 0 : s.id)), t = i[e - 1], n = i.findIndex((c) => c.id === t.id);
-      document.getElementById(t.targetId) && b({ ...t, number: n + 1 });
+      const e = i.findIndex((c) => c.id === s?.id), t = i[e - 1], n = i.findIndex((c) => c.id === t.id);
+      document.getElementById(t.targetId) && h({ ...t, number: n + 1 });
     }
   }, p = () => {
-    A(!1), T && T(!0);
+    H(!1), T && T(!0);
   }, q = (e) => {
     if (m.current) {
       const t = m.current.getBoundingClientRect(), n = window.innerWidth;
-      t.right >= n || (s == null ? void 0 : s.position) === h.right ? (O(h.right), H({
+      t.right >= n || s?.position === b.right ? (W(b.right), L({
         top: e.top - U,
         left: e.left - t.width - G
-      })) : (O(h.left), H({
+      })) : (W(b.left), L({
         top: e.top - U,
         left: e.left + e.width + G
       }));
     }
   }, D = (e) => {
-    A(a), b(e);
+    H(a), h(e);
   }, z = () => {
-    l.current.length > 0 && l.current.forEach((t) => {
+    r.current.length > 0 && r.current.forEach((t) => {
       const n = document.getElementById(t.elementId);
-      n && (delete n.dataset.uitour, l.current = l.current.filter((d) => d.elementId !== t.elementId));
+      n && (delete n.dataset.uitour, r.current = r.current.filter((d) => d.elementId !== t.elementId));
     });
   }, F = V((e) => {
     const t = document.getElementById(e.elementId);
-    t && (t.dataset.uitour = e.effect, l.current && l.current.push(e));
+    t && (t.dataset.uitour = e.effect, r.current && r.current.push(e));
   }, []), J = (e) => {
     if (e.effect) {
       const { effect: t, targetId: n } = e;
@@ -69,38 +69,38 @@ const re = ($) => {
         const t = e.getBoundingClientRect(), n = i.findIndex((Q) => Q.id === s.id), d = i.length - 1, c = 0;
         switch (n) {
           case d:
-            g(!1), S(!0), B(!0);
+            g(!1), S(!0), v(!0);
             break;
           case c:
-            g(!0), B(!1), S(!1);
+            g(!0), v(!1), S(!1);
             break;
           default:
-            g(!0), S(!0), B(!1);
+            g(!0), S(!0), v(!1);
         }
-        q(t), z(), J(i[n]), P && P(e);
+        q(t), z(), J(i[n]), O && O(e);
       }
-      E.current && (E.current.innerHTML = s.description);
+      B.current && (B.current.innerHTML = s.description);
     }
   }, [s, m.current]), w(() => {
     let e = null;
     if (i && a) {
       const n = { ...i[0], number: 1 };
       document.getElementById(n.targetId) ? D(n) : (e = new MutationObserver(() => {
-        document.getElementById(n.targetId) && (D(n), e == null || e.disconnect(), e = null);
+        document.getElementById(n.targetId) && (D(n), e?.disconnect(), e = null);
       }), e.observe(document, { subtree: !0, childList: !0 }));
     }
     return () => {
-      e == null || e.disconnect(), e = null;
+      e?.disconnect(), e = null;
     };
   }, [a, i]), w(() => {
-    !f && l.current.length > 0 && z(), f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
-  }, [f, l.current.length]);
+    !f && r.current.length > 0 && z(), f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+  }, [f, r.current.length]);
   const K = X(() => /* @__PURE__ */ o.jsx("div", { className: "uitour-component", children: s && /* @__PURE__ */ o.jsxs(
     "div",
     {
       ref: m,
-      className: `step -${W}`,
-      style: { ...L },
+      className: `step -${A}`,
+      style: { ...P },
       children: [
         C && /* @__PURE__ */ o.jsx("div", { className: "closebutton", children: /* @__PURE__ */ o.jsx(
           Z,
@@ -122,7 +122,7 @@ const re = ($) => {
               "p",
               {
                 className: "description",
-                ref: E
+                ref: B
               }
             )
           ] })
@@ -163,8 +163,8 @@ const re = ($) => {
     s.id
   ) }), [
     s,
-    W,
-    L,
+    A,
+    P,
     C,
     p,
     k,
@@ -182,5 +182,5 @@ const re = ($) => {
   return f ? Y(K, document.body) : null;
 };
 export {
-  re as default
+  le as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.26-beta.5",
+  "version": "1.1.26-beta.6",
   "description": "Linear Sistemas ReactJs Components",
   "type": "module",
   "files": [
@@ -11,7 +11,6 @@
     "demo": "vite",
     "demo:prod": "vite preview",
     "check:js": "eslint --cache",
-    "deploy:heroku": "npm run demo:prod && cd demo && git commit -am 'Deploy' && git push heroku master",
     "deploy:vercel": "npm run demo:prod && vercel --prod demo",
     "publish:npm": "npm run lib && npm publish",
     "publish:npm:beta": "npm run lib && npm publish --tag beta",
@@ -42,59 +41,45 @@
     ]
   },
   "dependencies": {
-    "attach-dom-events": "1.0.0",
-    "browserslist": "4.23.0",
-    "esbuild": "0.21.5",
-    "history": "5.0.0",
-    "init": "0.1.2",
     "lodash": "4.17.21",
     "moment": "2.30.1",
-    "prop-types": "15.8.1",
-    "react-dev-utils": "12.0.0",
     "react-imask": "7.6.1",
-    "react-router-dom": "6.30.1",
-    "react-syntax-highlighter": "15.5.0",
-    "semver": "7.5.4",
-    "uuid": "9.0.1"
+    "react-router-dom": "7.8.2",
+    "react-syntax-highlighter": "15.6.6",
+    "uuid": "13.0.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1"
   },
   "devDependencies": {
-    "@eslint/js": "9.34.0",
+    "@eslint/js": "9.35.0",
     "@stylistic/eslint-plugin": "5.3.1",
-    "@swc/core": "1.4.13",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.8.0",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@types/lodash": "4.14.191",
-    "@types/node": "22.13.14",
-    "@types/react": "19.0.12",
-    "@types/react-dev-utils": "9.0.11",
-    "@types/react-dom": "19.0.4",
-    "@types/react-syntax-highlighter": "15.5.6",
-    "@types/uuid": "8.3.4",
-    "@vitejs/plugin-react": "4.3.4",
+    "@types/lodash": "4.17.20",
+    "@types/node": "22.18.0",
+    "@types/react": "19.1.12",
+    "@types/react-dom": "19.1.9",
+    "@types/react-syntax-highlighter": "15.5.13",
+    "@vitejs/plugin-react": "5.0.2",
     "babel-plugin-react-compiler": "19.1.0-rc.3",
-    "eslint": "9.34.0",
+    "eslint": "9.35.0",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "6.0.0-rc.1",
     "fast-glob": "3.3.3",
-    "globals": "16.3.0",
-    "husky": "9.0.7",
-    "identity-obj-proxy": "3.0.0",
+    "globals": "16.4.0",
+    "husky": "9.1.7",
     "jiti": "2.5.1",
     "jsdom": "26.1.0",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
     "resize-observer-polyfill": "1.5.1",
-    "sass": "1.74.1",
-    "ts-node": "10.9.2",
-    "tsup": "6.6.0",
-    "typescript": "4.9.5",
-    "typescript-eslint": "8.42.0",
-    "vite": "6.2.3",
-    "vite-plugin-dts": "^4.5.4",
+    "sass-embedded": "1.92.1",
+    "typescript": "5.9.2",
+    "typescript-eslint": "8.43.0",
+    "vite": "7.1.5",
+    "vite-plugin-dts": "4.5.4",
     "vite-plugin-lib-inject-css": "2.2.2",
     "vitest": "3.2.4"
   }