prometeo-design-system 4.3.0 → 4.3.2

package/dist/Icons/ArrowDownward.d.ts

@@ -0,0 +1,6 @@
+export * from './components/ArrowDownward'
+export {}
+import PrometeoDesignSystem from './components/ArrowDownward'
+export default PrometeoDesignSystem
+export * from './components/ArrowDownward'
+export {}

package/dist/Icons/ArrowDownward.es.js

@@ -0,0 +1,10 @@
+import { j as s } from "../jsx-runtime-GkKLlHH4.js";
+import { m as e } from "../iconUtils-D0lVAgGT.js";
+const m = e(({ size: r = 24, className: a, ...t }) => /* @__PURE__ */ s.jsxs("svg", { ...t, width: r, height: r, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ s.jsx("mask", { id: "mask0_2325_2814", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ s.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
+  /* @__PURE__ */ s.jsx("g", { mask: "url(#mask0_2325_2814)", children: /* @__PURE__ */ s.jsx("path", { d: "M10 15L5 9.99999L6.16667 8.83332L9.16667 11.8333V4.16666H10.8333V11.8333L13.8333 8.83332L15 9.99999L10 15Z", fill: "#E4E4E7" }) })
+] }));
+export {
+  m as ArrowDownward,
+  m as default
+};

package/dist/Icons/ArrowUpward.d.ts

@@ -0,0 +1,6 @@
+export * from './components/ArrowUpward'
+export {}
+import PrometeoDesignSystem from './components/ArrowUpward'
+export default PrometeoDesignSystem
+export * from './components/ArrowUpward'
+export {}

package/dist/Icons/ArrowUpward.es.js

@@ -0,0 +1,10 @@
+import { j as s } from "../jsx-runtime-GkKLlHH4.js";
+import { m as e } from "../iconUtils-D0lVAgGT.js";
+const m = e(({ size: r = 24, className: a, ...t }) => /* @__PURE__ */ s.jsxs("svg", { ...t, width: r, height: r, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ s.jsx("mask", { id: "mask0_2325_2813", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ s.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
+  /* @__PURE__ */ s.jsx("g", { mask: "url(#mask0_2325_2813)", children: /* @__PURE__ */ s.jsx("path", { d: "M9.16667 15V7.33332L6.16667 10.3333L5 9.16666L10 4.16666L15 9.16666L13.8333 10.3333L10.8333 7.33332V15H9.16667Z", fill: "#E4E4E7" }) })
+] }));
+export {
+  m as ArrowUpward,
+  m as default
+};

package/dist/Icons/components/ArrowDownward.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const ArrowDownward: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default ArrowDownward;

package/dist/Icons/components/ArrowUpward.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const ArrowUpward: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default ArrowUpward;

package/dist/Icons/index.d.ts

@@ -7,6 +7,8 @@ export { Settings } from './components/Settings';
 export { CrevronLeft } from './components/CrevronLeft';
 export { CrevronRight } from './components/CrevronRight';
 export { ArrowLeft } from './components/ArrowLeft';
+export { ArrowDownward } from './components/ArrowDownward';
+export { ArrowUpward } from './components/ArrowUpward';
 export { Shared } from './components/Shared';
 export { ChevronDown } from './components/ChevronDown';
 export { Collapse } from './components/Collapse';

package/dist/Icons/types.d.ts

@@ -16,6 +16,8 @@ import { UserPerson } from './components/UserPerson';
 import { UserAvatar } from './components/UserAvatar';
 import { Logout } from './components/Logout';
 import { ArrowUpDown } from './components/ArrowUpDown';
+import { ArrowDownward } from './components/ArrowDownward';
+import { ArrowUpward } from './components/ArrowUpward';
 import { Filter } from './components/Filter';
 import { Search } from './components/Search';
 import { Stars } from './components/Stars';
@@ -81,6 +83,8 @@ export type IconsMap = {
     UserPerson: typeof UserPerson;
     Logout: typeof Logout;
     ArrowUpDown: typeof ArrowUpDown;
+    ArrowDownward: typeof ArrowDownward;
+    ArrowUpward: typeof ArrowUpward;
     Filter: typeof Filter;
     Search: typeof Search;
     Stars: typeof Stars;

package/dist/Icons.es.js

@@ -1,132 +1,136 @@
 import { Ticket as e } from "./Icons/Ticket.es.js";
 import { Home as p } from "./Icons/Home.es.js";
 import { Boards as f } from "./Icons/Boards.es.js";
-import { Notifications as l } from "./Icons/Notifications.es.js";
-import { Help as a } from "./Icons/Help.es.js";
-import { Settings as n } from "./Icons/Settings.es.js";
+import { Notifications as a } from "./Icons/Notifications.es.js";
+import { Help as i } from "./Icons/Help.es.js";
+import { Settings as d } from "./Icons/Settings.es.js";
 import { CrevronLeft as C } from "./Icons/CrevronLeft.es.js";
 import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
-import { ArrowLeft as A } from "./Icons/ArrowLeft.es.js";
-import { Shared as g } from "./Icons/Shared.es.js";
-import { ChevronDown as y } from "./Icons/ChevronDown.es.js";
-import { Collapse as U } from "./Icons/Collapse.es.js";
-import { Calendar as w } from "./Icons/Calendar.es.js";
-import { Close as D } from "./Icons/Close.es.js";
-import { UserPerson as T } from "./Icons/UserPerson.es.js";
-import { UserAvatar as H } from "./Icons/UserAvatar.es.js";
-import { Logout as V } from "./Icons/Logout.es.js";
-import { ArrowUpDown as q } from "./Icons/ArrowUpDown.es.js";
-import { Filter as I } from "./Icons/Filter.es.js";
-import { Search as P } from "./Icons/Search.es.js";
-import { Stars as W } from "./Icons/Stars.es.js";
-import { MoreVert as z } from "./Icons/MoreVert.es.js";
-import { Add as J } from "./Icons/Add.es.js";
-import { Edit as Q } from "./Icons/Edit.es.js";
-import { Upload as Y } from "./Icons/Upload.es.js";
-import { Copy as _ } from "./Icons/Copy.es.js";
-import { FaLock as rr } from "./Icons/FaLock.es.js";
-import { AccountCircle as er } from "./Icons/AccountCircle.es.js";
-import { UserAdd as pr } from "./Icons/UserAdd.es.js";
-import { AttachFile as fr } from "./Icons/AttachFile.es.js";
-import { HistoryActivity as lr } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as ar } from "./Icons/MessageSquare.es.js";
-import { CloseNavBarDesktop as nr } from "./Icons/CloseNavBarDesktop.es.js";
-import { EyeVisibility as Cr } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as Fr } from "./Icons/EyeVisibilityOff.es.js";
-import { Check as Ar } from "./Icons/Check.es.js";
-import { Info as gr } from "./Icons/Info.es.js";
-import { Error as yr } from "./Icons/Error.es.js";
-import { TicketFilled as Ur } from "./Icons/TicketFilled.es.js";
-import { UploadCloud as wr } from "./Icons/UploadCloud.es.js";
-import { Clock as Dr } from "./Icons/Clock.es.js";
-import { Pause as Tr } from "./Icons/Pause.es.js";
-import { FastForward as Hr } from "./Icons/FastForward.es.js";
-import { Trash as Vr } from "./Icons/Trash.es.js";
-import { Sort as qr } from "./Icons/Sort.es.js";
-import { Cancel as Ir } from "./Icons/Cancel.es.js";
-import { CheckCircle as Pr } from "./Icons/CheckCircle.es.js";
-import { FormatColorText as Wr } from "./Icons/FormatColorText.es.js";
-import { CheckList as zr } from "./Icons/CheckList.es.js";
-import { WhatsApp as Jr } from "./Icons/WhatsApp.es.js";
-import { File as Qr } from "./Icons/File.es.js";
-import { Email as Yr } from "./Icons/Email.es.js";
-import { Download as _r } from "./Icons/Download.es.js";
-import { Reload as ro } from "./Icons/Reload.es.js";
-import { Image as eo } from "./Icons/Image.es.js";
-import { DocumentFill as po } from "./Icons/DocumentFill.es.js";
-import { Company as fo } from "./Icons/Company.es.js";
-import { EditFill as lo } from "./Icons/EditFill.es.js";
-import { TrashFill as ao } from "./Icons/TrashFill.es.js";
-import { MessageSquareFill as no } from "./Icons/MessageSquareFill.es.js";
-import { UserAddFill as co } from "./Icons/UserAddFill.es.js";
-import { Reassignment as ho } from "./Icons/Reassignment.es.js";
-import { ReassignmentFill as So } from "./Icons/ReassignmentFill.es.js";
-import { Send as ko } from "./Icons/Send.es.js";
-import { StarFill as uo } from "./Icons/StarFill.es.js";
+import { ArrowLeft as h } from "./Icons/ArrowLeft.es.js";
+import { ArrowDownward as S } from "./Icons/ArrowDownward.es.js";
+import { ArrowUpward as k } from "./Icons/ArrowUpward.es.js";
+import { Shared as U } from "./Icons/Shared.es.js";
+import { ChevronDown as v } from "./Icons/ChevronDown.es.js";
+import { Collapse as E } from "./Icons/Collapse.es.js";
+import { Calendar as T } from "./Icons/Calendar.es.js";
+import { Close as H } from "./Icons/Close.es.js";
+import { UserPerson as V } from "./Icons/UserPerson.es.js";
+import { UserAvatar as q } from "./Icons/UserAvatar.es.js";
+import { Logout as I } from "./Icons/Logout.es.js";
+import { ArrowUpDown as P } from "./Icons/ArrowUpDown.es.js";
+import { Filter as W } from "./Icons/Filter.es.js";
+import { Search as z } from "./Icons/Search.es.js";
+import { Stars as J } from "./Icons/Stars.es.js";
+import { MoreVert as Q } from "./Icons/MoreVert.es.js";
+import { Add as Y } from "./Icons/Add.es.js";
+import { Edit as _ } from "./Icons/Edit.es.js";
+import { Upload as rr } from "./Icons/Upload.es.js";
+import { Copy as er } from "./Icons/Copy.es.js";
+import { FaLock as pr } from "./Icons/FaLock.es.js";
+import { AccountCircle as fr } from "./Icons/AccountCircle.es.js";
+import { UserAdd as ar } from "./Icons/UserAdd.es.js";
+import { AttachFile as ir } from "./Icons/AttachFile.es.js";
+import { HistoryActivity as dr } from "./Icons/HistoryActivity.es.js";
+import { MessageSquare as Cr } from "./Icons/MessageSquare.es.js";
+import { CloseNavBarDesktop as Fr } from "./Icons/CloseNavBarDesktop.es.js";
+import { EyeVisibility as hr } from "./Icons/EyeVisibility.es.js";
+import { EyeVisibilityOff as Sr } from "./Icons/EyeVisibilityOff.es.js";
+import { Check as kr } from "./Icons/Check.es.js";
+import { Info as Ur } from "./Icons/Info.es.js";
+import { Error as vr } from "./Icons/Error.es.js";
+import { TicketFilled as Er } from "./Icons/TicketFilled.es.js";
+import { UploadCloud as Tr } from "./Icons/UploadCloud.es.js";
+import { Clock as Hr } from "./Icons/Clock.es.js";
+import { Pause as Vr } from "./Icons/Pause.es.js";
+import { FastForward as qr } from "./Icons/FastForward.es.js";
+import { Trash as Ir } from "./Icons/Trash.es.js";
+import { Sort as Pr } from "./Icons/Sort.es.js";
+import { Cancel as Wr } from "./Icons/Cancel.es.js";
+import { CheckCircle as zr } from "./Icons/CheckCircle.es.js";
+import { FormatColorText as Jr } from "./Icons/FormatColorText.es.js";
+import { CheckList as Qr } from "./Icons/CheckList.es.js";
+import { WhatsApp as Yr } from "./Icons/WhatsApp.es.js";
+import { File as _r } from "./Icons/File.es.js";
+import { Email as ro } from "./Icons/Email.es.js";
+import { Download as eo } from "./Icons/Download.es.js";
+import { Reload as po } from "./Icons/Reload.es.js";
+import { Image as fo } from "./Icons/Image.es.js";
+import { DocumentFill as ao } from "./Icons/DocumentFill.es.js";
+import { Company as io } from "./Icons/Company.es.js";
+import { EditFill as no } from "./Icons/EditFill.es.js";
+import { TrashFill as co } from "./Icons/TrashFill.es.js";
+import { MessageSquareFill as Ao } from "./Icons/MessageSquareFill.es.js";
+import { UserAddFill as wo } from "./Icons/UserAddFill.es.js";
+import { Reassignment as go } from "./Icons/Reassignment.es.js";
+import { ReassignmentFill as yo } from "./Icons/ReassignmentFill.es.js";
+import { Send as uo } from "./Icons/Send.es.js";
+import { StarFill as Do } from "./Icons/StarFill.es.js";
 export {
-  er as AccountCircle,
-  J as Add,
-  A as ArrowLeft,
-  q as ArrowUpDown,
-  fr as AttachFile,
+  fr as AccountCircle,
+  Y as Add,
+  S as ArrowDownward,
+  h as ArrowLeft,
+  P as ArrowUpDown,
+  k as ArrowUpward,
+  ir as AttachFile,
   f as Boards,
-  w as Calendar,
-  Ir as Cancel,
-  Ar as Check,
-  Pr as CheckCircle,
-  zr as CheckList,
-  y as ChevronDown,
-  Dr as Clock,
-  D as Close,
-  nr as CloseNavBarDesktop,
-  U as Collapse,
-  fo as Company,
-  _ as Copy,
+  T as Calendar,
+  Wr as Cancel,
+  kr as Check,
+  zr as CheckCircle,
+  Qr as CheckList,
+  v as ChevronDown,
+  Hr as Clock,
+  H as Close,
+  Fr as CloseNavBarDesktop,
+  E as Collapse,
+  io as Company,
+  er as Copy,
   C as CrevronLeft,
   F as CrevronRight,
-  po as DocumentFill,
-  _r as Download,
-  Q as Edit,
-  lo as EditFill,
-  Yr as Email,
-  yr as Error,
-  Cr as EyeVisibility,
-  Fr as EyeVisibilityOff,
-  rr as FaLock,
-  Hr as FastForward,
-  Qr as File,
-  I as Filter,
-  Wr as FormatColorText,
-  a as Help,
-  lr as HistoryActivity,
+  ao as DocumentFill,
+  eo as Download,
+  _ as Edit,
+  no as EditFill,
+  ro as Email,
+  vr as Error,
+  hr as EyeVisibility,
+  Sr as EyeVisibilityOff,
+  pr as FaLock,
+  qr as FastForward,
+  _r as File,
+  W as Filter,
+  Jr as FormatColorText,
+  i as Help,
+  dr as HistoryActivity,
   p as Home,
-  eo as Image,
-  gr as Info,
-  V as Logout,
-  ar as MessageSquare,
-  no as MessageSquareFill,
-  z as MoreVert,
-  l as Notifications,
-  Tr as Pause,
-  ho as Reassignment,
-  So as ReassignmentFill,
-  ro as Reload,
-  P as Search,
-  ko as Send,
-  n as Settings,
-  g as Shared,
-  qr as Sort,
-  uo as StarFill,
-  W as Stars,
+  fo as Image,
+  Ur as Info,
+  I as Logout,
+  Cr as MessageSquare,
+  Ao as MessageSquareFill,
+  Q as MoreVert,
+  a as Notifications,
+  Vr as Pause,
+  go as Reassignment,
+  yo as ReassignmentFill,
+  po as Reload,
+  z as Search,
+  uo as Send,
+  d as Settings,
+  U as Shared,
+  Pr as Sort,
+  Do as StarFill,
+  J as Stars,
   e as Ticket,
-  Ur as TicketFilled,
-  Vr as Trash,
-  ao as TrashFill,
-  Y as Upload,
-  wr as UploadCloud,
-  pr as UserAdd,
-  co as UserAddFill,
-  H as UserAvatar,
-  T as UserPerson,
-  Jr as WhatsApp
+  Er as TicketFilled,
+  Ir as Trash,
+  co as TrashFill,
+  rr as Upload,
+  Tr as UploadCloud,
+  ar as UserAdd,
+  wo as UserAddFill,
+  q as UserAvatar,
+  V as UserPerson,
+  Yr as WhatsApp
 };

package/dist/Scrollable.es.js

@@ -1,11 +1,11 @@
 import { j as y } from "./jsx-runtime-GkKLlHH4.js";
-import { u as Pt } from "./useDevice-vwn4GLwK.js";
-import { g as dt, r as V } from "./useLabelBackground-D5SzHhl_.js";
+import { u as At } from "./useDevice-vwn4GLwK.js";
+import { g as gt, r as V } from "./useLabelBackground-D5SzHhl_.js";
 import { c as M } from "./cn-B6yFEsav.js";
 import { c as K } from "./index-BOQuZ0gG.js";
-import pt, { useRef as i, useState as zt, useCallback as C, useImperativeHandle as At, useLayoutEffect as Rt, useEffect as Bt } from "react";
-import { CrevronLeft as gt } from "./Icons/CrevronLeft.es.js";
-const mt = K(
+import mt, { useRef as i, useState as Rt, useCallback as C, useImperativeHandle as Bt, useLayoutEffect as $t, useEffect as Ot } from "react";
+import { CrevronLeft as bt } from "./Icons/CrevronLeft.es.js";
+const vt = K(
   "",
   {
     variants: {
@@ -16,7 +16,7 @@ const mt = K(
       }
     }
   }
-), bt = K("", {
+), yt = K("", {
   variants: {
     position: {
       top: "",
@@ -39,7 +39,7 @@ const mt = K(
     { type: "shadow", position: "left", className: "left-0 top-0 h-full w-5" },
     { type: "shadow", position: "right", className: "right-0 top-0 h-full w-5 rotate-180" }
   ]
-}), $t = K("", {
+}), Wt = K("", {
   variants: {
     hide: {
       true: " prometeo-scrollbar-none",
@@ -50,29 +50,29 @@ const mt = K(
       medium: ""
     }
   }
-}), Kt = (X) => {
-  const { defaultBehavior: z = "scroll-on-click" } = X, vt = Pt(), yt = {
+}), Yt = (X) => {
+  const { defaultBehavior: z = "scroll-on-click" } = X, Tt = At(), Y = {
     top: { show: !0, type: "shadow", behavior: z },
     bottom: { show: !0, type: "shadow", behavior: z },
     left: { show: !0, type: "icon", behavior: z },
     right: { show: !0, type: "icon", behavior: z }
-  }, Tt = {
+  }, G = {
     hide: !1,
     size: "medium"
   }, {
     debugMode: wt = !1,
-    className: Y,
+    className: Q,
     axis: v = "both",
     children: xt,
-    indicators: j = yt,
-    scrollbarProps: G = Tt,
-    disableMouseScroll: Q = !1,
+    indicators: St = Y,
+    scrollbarProps: Lt = G,
+    disableMouseScroll: Z = !1,
     persistScroll: A = !1,
-    controls: Lt,
+    controls: Mt,
     scrollTopButton: w
-  } = X, c = i({}), n = i(null), u = i(null), N = i(null), a = i(null), f = i(5), h = i({}), D = i(null), g = i(!1), Z = i(!1), R = i(null), H = i(null), [St, Mt] = zt(!1), P = i([]), tt = i(/* @__PURE__ */ new Map()), et = i({ scrollTop: 0, scrollLeft: 0 }), q = (t) => {
+  } = X, c = i({}), n = i(null), u = i(null), N = i(null), a = i(null), f = i(5), d = i({}), j = i(null), g = i(!1), tt = i(!1), R = i(null), D = i(null), [Nt, Et] = Rt(!1), P = { ...Y, ...St }, et = { ...G, ...Lt }, H = i([]), rt = i(/* @__PURE__ */ new Map()), ot = i({ scrollTop: 0, scrollLeft: 0 }), q = (t) => {
     if (!n.current) return 0;
-    const { scrollTop: r, scrollLeft: e, scrollHeight: o, clientHeight: s, scrollWidth: l, clientWidth: d } = n.current;
+    const { scrollTop: r, scrollLeft: e, scrollHeight: o, clientHeight: s, scrollWidth: l, clientWidth: h } = n.current;
     switch (t) {
       case "top":
         return Math.max(0, r);
@@ -81,11 +81,11 @@ const mt = K(
       case "left":
         return Math.max(0, e);
       case "right":
-        return Math.max(0, l - (e + d));
+        return Math.max(0, l - (e + h));
       default:
         return 0;
     }
-  }, rt = C((t) => {
+  }, nt = C((t) => {
     if (!t || !n.current) return 0;
     const { clientHeight: r, scrollHeight: e } = n.current;
     if (t.includes("%")) {
@@ -98,29 +98,29 @@ const mt = K(
         return parseFloat(t.replace("vh", "")) / 100 * window.innerHeight;
     }
     return 0;
-  }, []), Nt = C(() => {
+  }, []), It = C(() => {
     if (!n.current || !w) return;
-    const { scrollTop: t } = n.current, r = rt(w.target || "40vh");
-    Mt(t >= r);
-  }, [w, rt]), ot = C(() => {
+    const { scrollTop: t } = n.current, r = nt(w.target || "40vh");
+    Et(t >= r);
+  }, [w, nt]), st = C(() => {
     if (!n.current) return { x: 0, y: 0 };
-    const { scrollTop: t, scrollLeft: r, scrollHeight: e, scrollWidth: o, clientHeight: s, clientWidth: l } = n.current, d = Math.max(0, e - s), m = Math.max(0, o - l), T = d > 0 ? t / d * 100 : 0;
+    const { scrollTop: t, scrollLeft: r, scrollHeight: e, scrollWidth: o, clientHeight: s, clientWidth: l } = n.current, h = Math.max(0, e - s), m = Math.max(0, o - l), T = h > 0 ? t / h * 100 : 0;
     return { x: m > 0 ? r / m * 100 : 0, y: T };
-  }, []), nt = C((t) => {
-    const r = et.current;
+  }, []), lt = C((t) => {
+    const r = ot.current;
     let e = null;
-    return t.scrollTop > r.scrollTop ? e = "down" : t.scrollTop < r.scrollTop ? e = "up" : t.scrollLeft > r.scrollLeft ? e = "right" : t.scrollLeft < r.scrollLeft && (e = "left"), et.current = t, e;
-  }, []), Et = C((t) => {
+    return t.scrollTop > r.scrollTop ? e = "down" : t.scrollTop < r.scrollTop ? e = "up" : t.scrollLeft > r.scrollLeft ? e = "right" : t.scrollLeft < r.scrollLeft && (e = "left"), ot.current = t, e;
+  }, []), kt = C((t) => {
     if (!n.current) return;
-    const { scrollTop: r, scrollLeft: e, scrollHeight: o, scrollWidth: s, clientHeight: l, clientWidth: d } = n.current, m = nt(t), { x: T, y: L } = ot(), S = {
-      percentage: L,
+    const { scrollTop: r, scrollLeft: e, scrollHeight: o, scrollWidth: s, clientHeight: l, clientWidth: h } = n.current, m = lt(t), { x: T, y: S } = st(), L = {
+      percentage: S,
       direction: m,
       scrollTop: r,
       scrollLeft: e,
       scrollHeight: o,
       scrollWidth: s,
       clientHeight: l,
-      clientWidth: d
+      clientWidth: h
     }, _ = {
       percentage: T,
       direction: m,
@@ -129,17 +129,17 @@ const mt = K(
       scrollHeight: o,
       scrollWidth: s,
       clientHeight: l,
-      clientWidth: d
+      clientWidth: h
     };
-    P.current.forEach((p) => {
+    H.current.forEach((p) => {
       const { config: b, triggered: $ } = p;
       if (!b) {
-        (v === "y" || v === "both") && p.callback(S), (v === "x" || v === "both") && p.callback(_);
+        (v === "y" || v === "both") && p.callback(L), (v === "x" || v === "both") && p.callback(_);
         return;
       }
-      const J = (b.direction === "y" || b.direction === "both") && (v === "y" || v === "both"), ht = (b.direction === "x" || b.direction === "both") && (v === "x" || v === "both");
-      if (!J && !ht) return;
-      const E = (J ? S : _).percentage, I = b.target * 100;
+      const J = (b.direction === "y" || b.direction === "both") && (v === "y" || v === "both"), pt = (b.direction === "x" || b.direction === "both") && (v === "x" || v === "both");
+      if (!J && !pt) return;
+      const E = (J ? L : _).percentage, I = b.target * 100;
       let k = !1;
       if (b.trip === "forth")
         k = !$ && E >= I, k && (p.triggered = !0), $ && E < I && (p.triggered = !1);
@@ -150,39 +150,39 @@ const mt = K(
         k = p.triggered !== O;
       }
       if (k) {
-        const O = `${P.current.indexOf(p)}-${b?.target || 0}-${b?.direction || "y"}`, W = Date.now(), Ht = tt.current.get(O) || 0;
-        if (W - Ht < 500)
+        const O = `${H.current.indexOf(p)}-${b?.target || 0}-${b?.direction || "y"}`, W = Date.now(), zt = rt.current.get(O) || 0;
+        if (W - zt < 500)
           return;
-        b.trip === "round-trip" && (p.triggered = E >= I, p.lastDirection = m || void 0), tt.current.set(O, W), p.lastTriggerTime = W, J ? p.callback(S) : ht && p.callback(_);
+        b.trip === "round-trip" && (p.triggered = E >= I, p.lastDirection = m || void 0), rt.current.set(O, W), p.lastTriggerTime = W, J ? p.callback(L) : pt && p.callback(_);
       }
     });
-  }, [v, nt, ot]), st = C((t, r) => {
+  }, [v, lt, st]), ct = C((t, r) => {
     const e = {
       callback: t,
       config: r,
       triggered: !1,
       lastDirection: void 0
     };
-    return P.current.push(e), () => {
-      const o = P.current.indexOf(e);
-      o > -1 && P.current.splice(o, 1);
+    return H.current.push(e), () => {
+      const o = H.current.indexOf(e);
+      o > -1 && H.current.splice(o, 1);
     };
   }, []);
-  At(Lt, () => ({
-    subscribeToScrollTarget: st
-  }), [st]);
+  Bt(Mt, () => ({
+    subscribeToScrollTarget: ct
+  }), [ct]);
   const B = (t, r = 100, e = !0) => {
     if (!n.current) return;
     const o = q(t), s = Math.min(Math.abs(r), o);
     if (s === 0) return;
-    const l = t === "top" || t === "left" ? -s : s, d = {
+    const l = t === "top" || t === "left" ? -s : s, h = {
       top: { top: l, left: 0 },
       bottom: { top: l, left: 0 },
       left: { top: 0, left: l },
       right: { top: 0, left: l }
     };
-    n.current.scrollBy({ ...d[t], behavior: e ? "smooth" : "auto" });
-  }, It = (t) => {
+    n.current.scrollBy({ ...h[t], behavior: e ? "smooth" : "auto" });
+  }, Ct = (t) => {
     if (!n.current) return;
     const r = n.current, e = {
       top: { top: 0, left: r.scrollLeft },
@@ -191,16 +191,16 @@ const mt = K(
       right: { top: r.scrollTop, left: r.scrollWidth }
     };
     r.scrollTo({ ...e[t], behavior: "smooth" });
-  }, kt = () => {
+  }, jt = () => {
     n.current && n.current.scrollTo({ top: 0, behavior: "smooth" });
-  }, Ct = (t, r) => {
+  }, Dt = (t, r) => {
     const e = c.current[t];
     if (e) {
       if (e.style.cursor = "pointer", r === "icon") {
         const o = e.querySelector("svg");
         o && (o.style.transition = "all 0.3s ease-in-out", o.style.transform = "scale(1.3)", o.style.backgroundColor = "rgba(255, 255, 255, 0.2)", o.style.borderRadius = "100%");
       } else if (r === "shadow") {
-        const o = e.querySelector("span"), s = dt(n.current);
+        const o = e.querySelector("span"), s = gt(n.current);
         o && (t === "top" || t === "bottom" ? (o.style.height = "110px", o.style.background = `linear-gradient(to bottom, ${s} 5%, ${V(s, -2)} 10%, ${V(s, -5, 30)} 70%, transparent)`, o.style.animation = "scrollToEndPulse 3.5s ease-out", setTimeout(() => {
           o.style.animation = "";
         }, 3500)) : (o.style.width = "40px", o.style.animation = "scrollToEndPulseVertical 1.5s ease-out", setTimeout(() => {
@@ -216,13 +216,13 @@ const mt = K(
     e && (e.style.transform = "", e.style.backgroundColor = "", e.style.borderRadius = "");
     const o = r.querySelector("span");
     o && (o.style.height = "", o.style.width = "");
-  }, lt = (t, r) => {
+  }, at = (t, r) => {
     if (r === "scroll-on-click" && g.current) {
       g.current = !1;
       return;
     }
-    if (h.current[t]) {
-      a.current && (clearTimeout(a.current), a.current = null), u.current && (clearInterval(u.current), u.current = null), x(t), h.current[t] = !1, It(t);
+    if (d.current[t]) {
+      a.current && (clearTimeout(a.current), a.current = null), u.current && (clearInterval(u.current), u.current = null), x(t), d.current[t] = !1, Ct(t);
       return;
     }
     if (r === "scroll-on-click") {
@@ -230,17 +230,17 @@ const mt = K(
       const { clientHeight: e, clientWidth: o } = n.current, s = t === "top" || t === "bottom" ? e * 0.8 : o * 0.8;
       B(t, s);
     }
-  }, ct = (t, r) => {
+  }, it = (t, r) => {
     a.current && (clearTimeout(a.current), a.current = null), g.current = !0, f.current = 3;
     let e = 0;
-    D.current = t, h.current[t] = !1, B(t, f.current, !1), u.current = setInterval(() => {
+    j.current = t, d.current[t] = !1, B(t, f.current, !1), u.current = setInterval(() => {
       e += 16;
       const o = e / 1e3;
       if (q(t) === 0) {
         F(t);
         return;
       }
-      if (o >= 2 && !h.current[t] && (h.current[t] = !0, Ct(t, r)), o <= 2)
+      if (o >= 2 && !d.current[t] && (d.current[t] = !0, Dt(t, r)), o <= 2)
         f.current = 5 + o * 0.4;
       else {
         const l = o - 2;
@@ -250,47 +250,47 @@ const mt = K(
     }, 16);
   }, F = (t, r = !1) => {
     N.current && (clearTimeout(N.current), N.current = null);
-    const e = t || D.current;
+    const e = t || j.current;
     if (!r && e && u.current) {
       let o = 0;
-      const s = f.current, l = 800, d = setInterval(() => {
+      const s = f.current, l = 800, h = setInterval(() => {
         o += 16;
         const m = o / l, T = 1 - Math.pow(1 - m, 3);
         if (f.current = s * (1 - T), q(e) === 0 || f.current <= 0.5) {
-          clearInterval(d), u.current && (clearInterval(u.current), u.current = null), f.current = 5, e ? h.current[e] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-            x(e), h.current[e] = !1, g.current = !1;
-          }, 1e3)) : (x(e), h.current[e] = !1, g.current = !1) : g.current = !1, D.current = null;
+          clearInterval(h), u.current && (clearInterval(u.current), u.current = null), f.current = 5, e ? d.current[e] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+            x(e), d.current[e] = !1, g.current = !1;
+          }, 1e3)) : (x(e), d.current[e] = !1, g.current = !1) : g.current = !1, j.current = null;
           return;
         }
         B(e, f.current, !1);
       }, 16);
       N.current = setTimeout(() => {
-        clearInterval(d), u.current && (clearInterval(u.current), u.current = null), f.current = 5, e ? h.current[e] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-          x(e), h.current[e] = !1, g.current = !1;
-        }, 1e3)) : (x(e), h.current[e] = !1, g.current = !1) : g.current = !1, D.current = null;
+        clearInterval(h), u.current && (clearInterval(u.current), u.current = null), f.current = 5, e ? d.current[e] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+          x(e), d.current[e] = !1, g.current = !1;
+        }, 1e3)) : (x(e), d.current[e] = !1, g.current = !1) : g.current = !1, j.current = null;
       }, l);
     } else
-      u.current && (clearInterval(u.current), u.current = null), f.current = 5, e ? h.current[e] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-        x(e), h.current[e] = !1, g.current = !1;
-      }, 1e3)) : (x(e), h.current[e] = !1, g.current = !1) : g.current = !1, D.current = null;
-  }, at = (t, r, e) => {
-    vt || r === "scroll-on-hover" && (N.current = setTimeout(() => {
-      ct(t, e);
+      u.current && (clearInterval(u.current), u.current = null), f.current = 5, e ? d.current[e] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+        x(e), d.current[e] = !1, g.current = !1;
+      }, 1e3)) : (x(e), d.current[e] = !1, g.current = !1) : g.current = !1, j.current = null;
+  }, ut = (t, r, e) => {
+    Tt || r === "scroll-on-hover" && (N.current = setTimeout(() => {
+      it(t, e);
     }, 200));
-  }, it = (t, r) => {
+  }, ft = (t, r) => {
     r === "scroll-on-hover" && F(t, !0);
-  }, ut = (t, r, e) => {
+  }, dt = (t, r, e) => {
     r === "scroll-on-click" && (g.current = !1, N.current = setTimeout(() => {
-      ct(t, e);
+      it(t, e);
     }, 200));
-  }, ft = (t, r) => {
+  }, ht = (t, r) => {
     r === "scroll-on-click" && F(t, !1);
   }, U = () => {
     if (!n.current) return;
-    const t = n.current, { scrollTop: r, scrollLeft: e, scrollHeight: o, scrollWidth: s, clientHeight: l, clientWidth: d } = t, m = r <= 10, T = r + l >= o - 10, L = e <= 10, S = e + d >= s - 10;
-    c.current.top?.classList.toggle("opacity-0", m), c.current.top?.classList.toggle("pointer-events-none", m), c.current.top?.classList.toggle("pointer-events-auto", !m), c.current.bottom?.classList.toggle("opacity-0", T), c.current.bottom?.classList.toggle("pointer-events-none", T), c.current.bottom?.classList.toggle("pointer-events-auto", !T), c.current.left?.classList.toggle("opacity-0", L), c.current.left?.classList.toggle("pointer-events-none", L), c.current.left?.classList.toggle("pointer-events-auto", !L), c.current.right?.classList.toggle("opacity-0", S), c.current.right?.classList.toggle("pointer-events-none", S), c.current.right?.classList.toggle("pointer-events-auto", !S);
+    const t = n.current, { scrollTop: r, scrollLeft: e, scrollHeight: o, scrollWidth: s, clientHeight: l, clientWidth: h } = t, m = r <= 10, T = r + l >= o - 10, S = e <= 10, L = e + h >= s - 10;
+    c.current.top?.classList.toggle("opacity-0", m), c.current.top?.classList.toggle("pointer-events-none", m), c.current.top?.classList.toggle("pointer-events-auto", !m), c.current.bottom?.classList.toggle("opacity-0", T), c.current.bottom?.classList.toggle("pointer-events-none", T), c.current.bottom?.classList.toggle("pointer-events-auto", !T), c.current.left?.classList.toggle("opacity-0", S), c.current.left?.classList.toggle("pointer-events-none", S), c.current.left?.classList.toggle("pointer-events-auto", !S), c.current.right?.classList.toggle("opacity-0", L), c.current.right?.classList.toggle("pointer-events-none", L), c.current.right?.classList.toggle("pointer-events-auto", !L);
   };
-  Rt(() => {
+  $t(() => {
     if (!n.current) return;
     const t = n.current;
     if (A) {
@@ -304,7 +304,7 @@ const mt = K(
       } catch {
       }
     }
-    U(), Z.current || (Z.current = !0, requestAnimationFrame(() => {
+    U(), tt.current || (tt.current = !0, requestAnimationFrame(() => {
       Object.values(c.current).forEach((o) => {
         o?.classList.add("transition-all", "duration-300");
       }), setTimeout(() => {
@@ -312,14 +312,14 @@ const mt = K(
       }, 0);
     }));
     const r = () => {
-      if (U(), Nt(), n.current) {
+      if (U(), It(), n.current) {
         const o = {
           scrollTop: n.current.scrollTop,
           scrollLeft: n.current.scrollLeft
         };
-        Et(o);
+        kt(o);
       }
-      A && R.current && (H.current && clearTimeout(H.current), H.current = setTimeout(() => {
+      A && R.current && (D.current && clearTimeout(D.current), D.current = setTimeout(() => {
         try {
           const o = {
             scrollTop: t.scrollTop,
@@ -332,15 +332,15 @@ const mt = K(
     };
     t.addEventListener("scroll", r);
     const e = (o) => {
-      Q && o.preventDefault();
+      Z && o.preventDefault();
     };
     return t.addEventListener("wheel", e, { passive: !1 }), () => {
-      t.removeEventListener("scroll", r), t.removeEventListener("wheel", e), H.current && clearTimeout(H.current);
+      t.removeEventListener("scroll", r), t.removeEventListener("wheel", e), D.current && clearTimeout(D.current);
     };
-  }, [Q]), Bt(() => {
+  }, [Z]), Ot(() => {
     if (!n.current) return;
-    let t = dt(n.current);
-    Object.entries(j).forEach(([r, e]) => {
+    let t = gt(n.current);
+    Object.entries(P).forEach(([r, e]) => {
       if (e?.show && e.type === "shadow") {
         const s = c.current[r]?.querySelector("span");
         if (s) {
@@ -350,25 +350,25 @@ const mt = K(
         }
       }
     });
-  }, [j]);
-  const jt = pt.Children.toArray(xt), Dt = Object.values(j).some((t) => t?.show && t?.type === "icon");
-  return /* @__PURE__ */ y.jsxs("div", { className: M("relative p-0", Y, mt({ axis: v }), "scrolleable", Dt ? "overflow-visible" : "overflow-hidden!"), children: [
+  }, [P]);
+  const Pt = mt.Children.toArray(xt), Ht = Object.values(P).some((t) => t?.show && t?.type === "icon");
+  return /* @__PURE__ */ y.jsxs("div", { className: M("relative p-0", Q, vt({ axis: v }), "scrolleable", Ht ? "overflow-visible" : "overflow-hidden!"), children: [
     /* @__PURE__ */ y.jsx(
       "div",
       {
         ref: n,
         className: M(
           wt && "border border-red-900 border-dashed",
-          Y,
+          Q,
           "py-2  relative w-full h-full min-h-full",
-          mt({ axis: v }),
-          $t({ hide: G?.hide, size: G?.size }),
+          vt({ axis: v }),
+          Wt({ hide: et?.hide, size: et?.size }),
           ""
         ),
-        children: jt?.map((t) => pt.cloneElement(t, { className: M(t?.props?.className, "shrink-0! pointer-events-auto") }))
+        children: Pt?.map((t) => mt.cloneElement(t, { className: M(t?.props?.className, "shrink-0! pointer-events-auto") }))
       }
     ),
-    /* @__PURE__ */ y.jsx("div", { className: "h-full w-full z-10 absolute inset-0 pointer-events-none overflow-hidden rounded-[inherit]", children: Object.entries(j).map(([t, r]) => {
+    /* @__PURE__ */ y.jsx("div", { className: "h-full w-full z-10 absolute inset-0 pointer-events-none overflow-hidden rounded-[inherit]", children: Object.entries(P).map(([t, r]) => {
       if (!r?.show || r.type !== "shadow") return null;
       const e = t;
       return /* @__PURE__ */ y.jsx(
@@ -381,17 +381,17 @@ const mt = K(
             "cursor-default ease-in-out z-100",
             "opacity-0 pointer-events-none"
           ),
-          onClick: () => lt(e, r.behavior),
-          onMouseEnter: () => at(e, r.behavior, r.type),
-          onMouseLeave: () => it(e, r.behavior),
-          onMouseDown: () => ut(e, r.behavior, r.type),
-          onMouseUp: () => ft(e, r.behavior),
-          children: /* @__PURE__ */ y.jsx("span", { className: M(bt({ position: e, type: "shadow" }), r.className) })
+          onClick: () => at(e, r.behavior),
+          onMouseEnter: () => ut(e, r.behavior, r.type),
+          onMouseLeave: () => ft(e, r.behavior),
+          onMouseDown: () => dt(e, r.behavior, r.type),
+          onMouseUp: () => ht(e, r.behavior),
+          children: /* @__PURE__ */ y.jsx("span", { className: M(yt({ position: e, type: "shadow" }), r.className) })
         },
         t
       );
     }) }),
-    /* @__PURE__ */ y.jsx("div", { className: "h-full w-full z-20 absolute inset-0 pointer-events-none", children: Object.entries(j).map(([t, r]) => {
+    /* @__PURE__ */ y.jsx("div", { className: "h-full w-full z-20 absolute inset-0 pointer-events-none", children: Object.entries(P).map(([t, r]) => {
       if (!r?.show || r.type !== "icon") return null;
       const e = t;
       return /* @__PURE__ */ y.jsx(
@@ -401,12 +401,12 @@ const mt = K(
             c.current[t] = o;
           },
           className: "pointer-events-auto cursor-default transition-all duration-300 opacity-0",
-          onClick: () => lt(e, r.behavior),
-          onMouseEnter: () => at(e, r.behavior, r.type),
-          onMouseLeave: () => it(e, r.behavior),
-          onMouseDown: () => ut(e, r.behavior, r.type),
-          onMouseUp: () => ft(e, r.behavior),
-          children: /* @__PURE__ */ y.jsx(gt, { size: 20, className: M(bt({ position: e, type: "icon" }), r.className) })
+          onClick: () => at(e, r.behavior),
+          onMouseEnter: () => ut(e, r.behavior, r.type),
+          onMouseLeave: () => ft(e, r.behavior),
+          onMouseDown: () => dt(e, r.behavior, r.type),
+          onMouseUp: () => ht(e, r.behavior),
+          children: /* @__PURE__ */ y.jsx(bt, { size: 20, className: M(yt({ position: e, type: "icon" }), r.className) })
         },
         t
       );
@@ -414,24 +414,24 @@ const mt = K(
     w && /* @__PURE__ */ y.jsx(
       "button",
       {
-        onClick: kt,
+        onClick: jt,
         className: M(
           "absolute bottom-6 right-6 z-50 p-3 rounded-full shadow-lg transition-all duration-300 hover:scale-110 pointer-events-auto cursor-pointer",
           "bg-primary-default-default hover:bg-primary-default-hover text-white",
           // Transiciones de aparición/desaparición
           "transform translate-y-0 opacity-70",
-          !St && "translate-y-4 opacity-0 pointer-events-none",
+          !Nt && "translate-y-4 opacity-0 pointer-events-none",
           w.className
         ),
         "aria-label": "Scroll to top",
         style: {
           transition: "all 0.3s ease-in-out"
         },
-        children: w.icon ? /* @__PURE__ */ y.jsx(w.icon, { size: 20, className: "text-white" }) : /* @__PURE__ */ y.jsx(gt, { size: 20, className: "text-white rotate-90" })
+        children: w.icon ? /* @__PURE__ */ y.jsx(w.icon, { size: 20, className: "text-white" }) : /* @__PURE__ */ y.jsx(bt, { size: 20, className: "text-white rotate-90" })
       }
     )
   ] });
 };
 export {
-  Kt as Scrollable
+  Yt as Scrollable
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.3.0",
+  "version": "4.3.2",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -253,7 +253,6 @@
     "@storybook/react-vite": "^9.1.3",
     "@tailwindcss/postcss": "^4.1.14",
     "@tanstack/react-table": "^8.21.3",
-    "@types/node": "^24.3.1",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "@vitejs/plugin-react-swc": "^4.0.0",
@@ -308,4 +307,4 @@
       "ajv": "^8.17.1"
     }
   }
-}
+}