@aveonline/ui-react 2.5.0 → 2.5.2

package/dist/ui/atoms/Tooltip/ITooltip.d.ts

@@ -10,6 +10,7 @@ export declare type ITooltipProps = {
     initialOpen?: boolean;
     fullWidthContainer?: boolean;
     classNameContainer?: string;
+    className?: string;
     /**
      * Content children portal custom
      */

package/dist/ui/atoms/Tooltip/Tooltip.d.ts

@@ -3,5 +3,5 @@ import { ITooltipProps } from './ITooltip';
 /**
  * Floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover.
  */
-declare function Tooltip({ placement, title, description, initialOpen, fullWidthContainer, classNameContainer, asChild, withClick, content, children }: ITooltipProps): JSX.Element;
+declare function Tooltip({ placement, title, description, initialOpen, fullWidthContainer, classNameContainer, asChild, withClick, content, children, className }: ITooltipProps): JSX.Element;
 export default Tooltip;

package/dist/ui/molecules/Table/AsyncTable/atoms/index.d.ts

@@ -1,6 +1,5 @@
 export { default as InputSearch } from './InputSearch';
-export { default as Pagination } from './Pagination';
 export { default as SortTable } from './SortTable';
 export * from './ISortTable';
-export * from './IPagination';
 export * from './Table';
+export * from './pagination';

package/dist/ui/molecules/Table/AsyncTable/atoms/{IPagination.d.ts → pagination/IPagination.d.ts}

@@ -2,7 +2,8 @@ import { MouseEventHandler } from 'react';
 import { Table } from '@tanstack/react-table';
 interface IOptionPagination {
     optionsPages: number[];
-    currentPage: (value: number) => void;
+    currentPage: number;
+    changeCurrentPage: (value: number) => void;
     totalPages: number;
     pageSize?: (value: number) => void;
     hasCanPreviousPage: boolean;

package/dist/ui/molecules/Table/AsyncTable/atoms/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IPagination';
+export { default as Pagination } from './Pagination';

package/dist/ui/molecules/Table/AsyncTable/atoms/pagination/usePagination.d.ts

@@ -0,0 +1,9 @@
+import { IOptionPagination } from './IPagination';
+export declare function usePagination(optionPagination: IOptionPagination): {
+    isMobile: boolean;
+    currentPage: number;
+    positionPages: number[];
+    onChangePage: (item: number) => void;
+    onPreviousPage: () => void;
+    onNextPage: () => void;
+};

package/dist/ui-react.mjs

@@ -1037,7 +1037,7 @@ const Oa = Xe((e, t) => {
   const { attributes: n, getClass: r } = Dm(e), { children: i, as: a = "p" } = e;
   return /* @__PURE__ */ b.jsx(a, { className: r, ...n, ref: t, children: i });
 });
-function wae({
+function Sae({
   kind: e = "default",
   variant: t,
   className: n,
@@ -2618,7 +2618,7 @@ let Mx = "div", l7 = qr.RenderStrategy, u7 = Lt(function(e, t) {
   let n = $t(Q1) !== null, r = Kl() !== null;
   return z.createElement(z.Fragment, null, !n && r ? z.createElement(w2, { ref: t, ...e }) : z.createElement(u7, { ref: t, ...e }));
 }), nu = Object.assign(w2, { Child: kx, Root: w2 });
-function Sae({
+function Oae({
   onChange: e,
   isSelected: t = !1,
   isDisabled: n,
@@ -5634,9 +5634,10 @@ function L7({
   asChild: o = !1,
   withClick: s = !1,
   content: l,
-  children: u
+  children: u,
+  className: c
 }) {
-  const c = hw({ initialOpen: r, placement: e, withClick: s }), f = () => l ? /* @__PURE__ */ b.jsx(b.Fragment, { children: l }) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+  const f = hw({ initialOpen: r, placement: e, withClick: s }), g = () => l ? /* @__PURE__ */ b.jsx(b.Fragment, { children: l }) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx(Re, { variant: "highlight", color: "default", className: "mb-1", children: t }),
     /* @__PURE__ */ b.jsx(Re, { variant: "body", color: "subdued", children: n })
   ] });
@@ -5644,7 +5645,7 @@ function L7({
     /* @__PURE__ */ b.jsx(
       pw,
       {
-        state: c,
+        state: f,
         asChild: o,
         fullWidthContainer: i,
         classNameContainer: a,
@@ -5654,9 +5655,12 @@ function L7({
     /* @__PURE__ */ b.jsx(
       gw,
       {
-        state: c,
-        className: "w-max max-w-[368px] rounded-[5px] bg-surface-default py-[12px] px-[16px] drop-shadow-[0px_2px_10px_rgba(0,0,0,0.1)]",
-        children: f()
+        state: f,
+        className: K(
+          "w-max max-w-[368px] rounded-[5px] bg-surface-default py-[12px] px-[16px] drop-shadow-[0px_2px_10px_rgba(0,0,0,0.1)]",
+          c
+        ),
+        children: g()
       }
     )
   ] });
@@ -5724,7 +5728,7 @@ const vw = Xe((e, t) => {
     ] })
   ] }) });
 });
-function Oae({
+function Bae({
   track: e,
   isDisabled: t = !1,
   isSelected: n = !1,
@@ -10251,7 +10255,7 @@ const uu = (e) => /* @__PURE__ */ b.jsx(ni.DropdownIndicator, { ...e, children:
     ) })
   ] });
 };
-function Bae({
+function Rae({
   options: e,
   placeholder: t = "",
   defaultValue: n,
@@ -10375,7 +10379,7 @@ var JB = /* @__PURE__ */ Xe(function(e, t) {
   }, r));
 });
 const qB = JB;
-function Rae({
+function Pae({
   placeholder: e = "",
   id: t = "default-async",
   name: n = "default-async",
@@ -10488,7 +10492,7 @@ const KB = ({
     }
   ) });
 };
-function Pae({
+function Mae({
   options: e,
   placeholder: t = "",
   defaultValue: n,
@@ -10646,7 +10650,7 @@ const T6 = ({ isDisabled: e }) => /* @__PURE__ */ b.jsx(
     }
   )
 ] }) });
-function Mae({
+function kae({
   id: e = "default-country",
   name: t = "default-country",
   placeholder: n = "",
@@ -10775,7 +10779,7 @@ var lR = /* @__PURE__ */ Xe(function(e, t) {
   }, i));
 });
 const uR = lR;
-function kae({
+function Tae({
   placeholder: e = "",
   id: t = "default-async-creatable",
   name: n = "default-async-creatable",
@@ -10872,7 +10876,7 @@ function kae({
     }
   );
 }
-function Tae({
+function Nae({
   tabs: e,
   variant: t = "default",
   defaultIndex: n,
@@ -11003,7 +11007,7 @@ function Bp({
     )
   ] });
 }
-function Nae({
+function jae({
   title: e,
   iconTitle: t,
   subtitle: n,
@@ -11039,7 +11043,7 @@ function Nae({
     {
       open: i,
       onClose: (g) => s == null ? void 0 : s(g),
-      className: "relative z-50",
+      className: K("relative z-50", l),
       children: [
         /* @__PURE__ */ b.jsx("div", { className: "fixed inset-0 bg-background-modal", "aria-hidden": "true" }),
         /* @__PURE__ */ b.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ b.jsx("div", { className: "flex min-h-full items-center justify-center", children: /* @__PURE__ */ b.jsxs(
@@ -11296,7 +11300,7 @@ function dR(e, { locales: t = "es-CO", currency: n = "COP", fractionDigits: r =
     minimumFractionDigits: r
   }).format(e ?? 0);
 }
-function jae({
+function Dae({
   icon: e,
   isSelected: t = !1,
   title: n,
@@ -11382,7 +11386,7 @@ function jae({
     }
   );
 }
-function Dae({
+function Fae({
   hasLogo: e = !1,
   className: t = "",
   menuMovil: n,
@@ -11433,7 +11437,7 @@ function Dae({
     }
   );
 }
-function Fae({
+function Lae({
   children: e,
   onClose: t,
   isOpen: n
@@ -13233,7 +13237,7 @@ cl.Delete = function(t) {
   const { children: n, inputValue: r } = t;
   return (typeof r == "number" ? r > 0 : r) ? /* @__PURE__ */ b.jsx("span", { children: n }) : /* @__PURE__ */ b.jsx(b.Fragment, {});
 };
-const Lae = Xe((e, t) => {
+const Vae = Xe((e, t) => {
   const {
     id: n,
     name: r,
@@ -13414,7 +13418,7 @@ const Lae = Xe((e, t) => {
     )
   ] });
 });
-function Vae({
+function Qae({
   kind: e = "default",
   icon: t,
   description: n,
@@ -15448,7 +15452,7 @@ function zR({
     }
   );
 }
-function Qae({
+function Hae({
   type: e,
   valueInput: t,
   textInsideInput: n,
@@ -15463,7 +15467,7 @@ function Qae({
 }) {
   const [f, g] = he(s), p = !Fa("(min-width: 768px)"), [v, d] = he(o), [h, A] = he(
     l
-  ), [C, m] = he(0), [y, E] = he(!1);
+  ), [C, m] = he(o ? 2 : 0), [y, E] = he(!1);
   function x(O, M) {
     A(O === null ? null : O), g(M), M != null ? t([
       new Dt.DateObject({
@@ -15572,7 +15576,7 @@ function Qae({
     )
   ] });
 }
-function Hae({
+function Gae({
   children: e,
   isSmall: t = !1,
   onClick: n,
@@ -15628,7 +15632,7 @@ function WR({ helpText: e, error: t, showErrorText: n }) {
     (t || n) && !e && /* @__PURE__ */ b.jsx(Bp, { icon: "error", children: t })
   ] }) : /* @__PURE__ */ b.jsx(b.Fragment, {});
 }
-const Gae = Xe(
+const Zae = Xe(
   (e, t) => {
     const {
       error: n,
@@ -33227,7 +33231,7 @@ var Qy = function(t, n, r, i) {
   }],
   formatAxisMap: Ry
 });
-function Zae({
+function zae({
   variant: e,
   width: t = 600,
   height: n = 600,
@@ -33302,7 +33306,7 @@ const $d = {
   violet: "#9D2FAE",
   pink: "#F56270"
 }, qu = (e) => Object.keys($d).includes(e) ? $d[e] : $d.cyan;
-function zae({
+function Wae({
   className: e,
   data: t,
   cells: n,
@@ -33352,7 +33356,7 @@ function zae({
     ))
   ] }) });
 }
-function Wae({
+function Xae({
   title: e,
   subtitle: t,
   defaultOpen: n = !1,
@@ -33414,7 +33418,7 @@ function Wae({
     )
   ] }) });
 }
-function Xae({
+function Yae({
   name: e,
   email: t,
   items: n,
@@ -33479,7 +33483,7 @@ function Xae({
     )
   ] }) });
 }
-function Yae({
+function _ae({
   icon: e,
   options: t,
   onSelected: n,
@@ -34218,7 +34222,7 @@ const Xy = "Popper", [Yy, _y] = Zy(Xy), [Wte, $y] = Yy(Xy), Xte = (e) => {
   }), r ? null : /* @__PURE__ */ Ge(Rs.div, ye({}, i, {
     ref: s
   }));
-}), Uy = "PopperContent", [$te, _ae] = Yy(Uy), Ute = /* @__PURE__ */ Xe((e, t) => {
+}), Uy = "PopperContent", [$te, $ae] = Yy(Uy), Ute = /* @__PURE__ */ Xe((e, t) => {
   var n, r, i, a, o, s, l, u;
   const { __scopePopper: c, side: f = "bottom", sideOffset: g = 0, align: p = "center", alignOffset: v = 0, arrowPadding: d = 0, collisionBoundary: h = [], collisionPadding: A = 0, sticky: C = "partial", hideWhenDetached: m = !1, avoidCollisions: y = !0, onPlaced: E, ...x } = e, I = $y(Uy, c), [w, B] = he(null), N = $a(
     t,
@@ -34911,7 +34915,7 @@ var lb = S.forwardRef(function(e, t) {
   return S.createElement(Bf, Gn({}, e, { ref: t, sideCar: jne }));
 });
 lb.classNames = Bf.classNames;
-const Dne = lb, ub = "Popover", [cb, $ae] = Zy(ub, [
+const Dne = lb, ub = "Popover", [cb, Uae] = Zy(ub, [
   _y
 ]), Qh = _y(), [Fne, Ps] = cb(ub), Lne = (e) => {
   const { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !1 } = e, s = Qh(t), l = de(null), [u, c] = he(!1), [f = !1, g] = ane({
@@ -35906,7 +35910,7 @@ var Eb = S.forwardRef(function(e, t) {
   return S.createElement(Mf, Gn({}, e, { ref: t, sideCar: Lre }));
 });
 Eb.classNames = Mf.classNames;
-const Vre = Eb, xb = "Dialog", [Ib, Uae] = Kne(xb), [Qre, Ua] = Ib(xb), Hre = (e) => {
+const Vre = Eb, xb = "Dialog", [Ib, Jae] = Kne(xb), [Qre, Ua] = Ib(xb), Hre = (e) => {
   const { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = de(null), l = de(null), [u = !1, c] = rre({
     prop: r,
     defaultProp: i,
@@ -36422,7 +36426,7 @@ const Bg = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
   }
 ));
 Bg.displayName = dr.Item.displayName;
-function Jae({
+function qae({
   title: e = "",
   titleNotFound: t = "No hay coincidencias",
   placeholderSearch: n = "Buscar",
@@ -39345,6 +39349,126 @@ function vae({
     )
   ] });
 }
+function mae({
+  table: e,
+  sortItem: t,
+  checkBoxSelect: n,
+  titleSortTable: r
+}) {
+  return /* @__PURE__ */ b.jsx(
+    hn,
+    {
+      as: "div",
+      className: K(
+        n,
+        "relative inline-block text-left h-14 bg-action-secondary-default"
+      ),
+      children: /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+        /* @__PURE__ */ b.jsx(
+          hn.Button,
+          {
+            className: K(
+              n,
+              "flex flex-row items-center text-center justify-center justify-items-center h-14 px-[18px] pr-8"
+            ),
+            children: /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-center gap-x-2", children: [
+              /* @__PURE__ */ b.jsx(vt, { kind: "major-minor", color: "default" }),
+              /* @__PURE__ */ b.jsx(Re, { variant: "button", className: "whitespace-nowrap", children: r })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ b.jsx(
+          nu,
+          {
+            as: _t,
+            enter: "transition ease-out duration-100",
+            enterFrom: "transform opacity-0 scale-95",
+            enterTo: "transform opacity-100 scale-100",
+            leave: "transition ease-in duration-90",
+            leaveFrom: "transform opacity-100 scale-100",
+            leaveTo: "transform opacity-0 scale-95",
+            children: /* @__PURE__ */ b.jsx(hn.Items, { className: "absolute z-10 right-0 mt-2 w-[240px] h-auto origin-top-right divide-y divide-border-subdued rounded-sm bg-action-secondary-default shadow-[0px_2px_10px_0px_#0000001A]", children: /* @__PURE__ */ b.jsx("div", { children: e.getHeaderGroups().map(
+              (i) => i.headers.map(
+                (a) => t.map(
+                  (o, s) => o.idHeader === a.id && /* @__PURE__ */ b.jsx(hn.Item, { children: /* @__PURE__ */ b.jsx(
+                    Oa,
+                    {
+                      className: "cursor-pointer h-[36px] pl-4 px-2 flex items-center hover:bg-action-secondary-hovered hover:last:rounded-b-sm hover:first:rounded-t-sm active:bg-action-secondary-pressed",
+                      variant: "body",
+                      onClick: () => a.column.toggleSorting(
+                        o.asc ? !1 : o.desc ?? !1
+                      ),
+                      children: o.title
+                    }
+                  ) }, `${a.id}-${s}`)
+                )
+              )
+            ) }) })
+          }
+        )
+      ] })
+    }
+  );
+}
+const oC = Xe(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
+    "table",
+    {
+      ref: n,
+      className: K("w-full table-auto", e),
+      ...t
+    }
+  )
+);
+oC.displayName = "TableContainer";
+const sC = Xe(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
+  "thead",
+  {
+    ref: n,
+    className: K("bg-surface-neutral-default", e),
+    ...t
+  }
+));
+sC.displayName = "TableHeader";
+const lC = Xe(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
+  "tbody",
+  {
+    ref: n,
+    className: K(
+      "table--tbody text-center bg-surface-neutral-subdued",
+      e
+    ),
+    ...t
+  }
+));
+lC.displayName = "TableBody";
+const uC = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("tfoot", { ref: t, ...e }));
+uC.displayName = "TableFooter";
+const vo = Xe(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx("tr", { ref: n, className: K(e), ...t }));
+vo.displayName = "TableRow";
+const Tg = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("th", { ref: t, ...e }));
+Tg.displayName = "TableHead";
+const Ng = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("td", { ref: t, ...e }));
+Ng.displayName = "TableCell";
+function Aae(e) {
+  const t = Fa("(min-width: 768px)"), [n, r] = he(
+    e.currentPage - 1
+  ), i = e == null ? void 0 : e.optionsPages.map((l) => l - 1);
+  return {
+    isMobile: t,
+    currentPage: n,
+    positionPages: i,
+    onChangePage: (l) => {
+      e == null || e.changeCurrentPage(l + 1), r(l);
+    },
+    onPreviousPage: () => {
+      n !== 0 && (r(n - 1), e == null || e.changeCurrentPage(n));
+    },
+    onNextPage: () => {
+      r(n + 1), e == null || e.changeCurrentPage(n + 2);
+    }
+  };
+}
 function h2({
   pageIndex: e,
   currentPage: t,
@@ -39398,18 +39522,19 @@ function h2({
     }
   );
 }
-function mae({
+function yae({
   table: e,
   options: t,
   optionPagination: n
 }) {
-  const r = Fa("(min-width: 768px)"), [i, a] = he(0), o = n == null ? void 0 : n.optionsPages.map((c) => c - 1), s = (c) => {
-    n == null || n.currentPage(c + 1), a(c);
-  }, l = () => {
-    i !== 0 && (a(i - 1), n == null || n.currentPage(i));
-  }, u = () => {
-    a(i + 1), n == null || n.currentPage(i + 2);
-  };
+  const {
+    isMobile: r,
+    currentPage: i,
+    positionPages: a,
+    onChangePage: o,
+    onPreviousPage: s,
+    onNextPage: l
+  } = Aae(n);
   return /* @__PURE__ */ b.jsxs("div", { className: "items-center grid grid-cols-3 mt-4 mb-3", children: [
     /* @__PURE__ */ b.jsx("div", { className: K(r ? "col-start-2" : "col-end-1"), children: /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
       /* @__PURE__ */ b.jsx("span", { className: "flex items-center gap-1 min-w-max", children: /* @__PURE__ */ b.jsxs(Re, { variant: "caption", children: [
@@ -39424,8 +39549,8 @@ function mae({
         {
           className: "focus:ring-none text-letter-default text-xxs p-0 flex justify-center items-center appearance-none bg-none border-transparent ring-transparent focus:shadow-none focus:outline-none focus:border-none",
           value: `${e.getState().pagination.pageSize}`,
-          onChange: (c) => (n.pageSize && (n == null || n.pageSize(Number(c.target.value))), e.setPageSize(Number(c.target.value))),
-          children: t == null ? void 0 : t.map((c) => /* @__PURE__ */ b.jsx("option", { value: c, children: c }, c))
+          onChange: (u) => (n.pageSize && (n == null || n.pageSize(Number(u.target.value))), e.setPageSize(Number(u.target.value))),
+          children: t == null ? void 0 : t.map((u) => /* @__PURE__ */ b.jsx("option", { value: u, children: u }, u))
         }
       )
     ] }) }),
@@ -39434,7 +39559,7 @@ function mae({
         "button",
         {
           className: "flex justify-center items-center",
-          onClick: l,
+          onClick: s,
           disabled: !n.hasCanPreviousPage,
           children: /* @__PURE__ */ b.jsx(
             vt,
@@ -39452,35 +39577,35 @@ function mae({
             "flex flex-row justify-center items-center",
             (n == null ? void 0 : n.totalPages) < 99 ? "gap-2" : (n == null ? void 0 : n.totalPages) > 999 ? "gap-1 mr-1" : "gap-2 mr-2"
           ),
-          children: o.map(
-            (c) => c === 0 ? /* @__PURE__ */ b.jsx(
+          children: a.map(
+            (u) => u === 0 ? /* @__PURE__ */ b.jsx(
               h2,
               {
                 position: "first",
-                pageIndex: c,
+                pageIndex: u,
                 currentPage: i,
-                onClick: () => s(c)
+                onClick: () => o(u)
               },
-              c
-            ) : c !== 0 && c <= i + 1 && c >= i - 1 && c !== (n == null ? void 0 : n.totalPages) - 1 ? /* @__PURE__ */ b.jsx(
+              u
+            ) : u !== 0 && u <= i + 1 && u >= i - 1 && u !== (n == null ? void 0 : n.totalPages) - 1 ? /* @__PURE__ */ b.jsx(
               h2,
               {
                 position: "middle",
-                pageIndex: c,
+                pageIndex: u,
                 currentPage: i,
-                onClick: () => s(c)
+                onClick: () => o(u)
               },
-              c
-            ) : c === (n == null ? void 0 : n.totalPages) - 1 && /* @__PURE__ */ b.jsx(
+              u
+            ) : u === (n == null ? void 0 : n.totalPages) - 1 && /* @__PURE__ */ b.jsx(
               h2,
               {
                 position: "last",
-                pageIndex: c,
+                pageIndex: u,
                 currentPage: i,
-                onClick: () => s(c),
+                onClick: () => o(u),
                 lastCount: (n == null ? void 0 : n.totalPages) - 1
               },
-              c
+              u
             )
           )
         }
@@ -39489,7 +39614,7 @@ function mae({
         "button",
         {
           className: "flex justify-center items-center",
-          onClick: u,
+          onClick: l,
           disabled: !n.hasCanNextPage,
           children: /* @__PURE__ */ b.jsx(
             vt,
@@ -39503,108 +39628,7 @@ function mae({
     ] }) })
   ] });
 }
-function Aae({
-  table: e,
-  sortItem: t,
-  checkBoxSelect: n,
-  titleSortTable: r
-}) {
-  return /* @__PURE__ */ b.jsx(
-    hn,
-    {
-      as: "div",
-      className: K(
-        n,
-        "relative inline-block text-left h-14 bg-action-secondary-default"
-      ),
-      children: /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-        /* @__PURE__ */ b.jsx(
-          hn.Button,
-          {
-            className: K(
-              n,
-              "flex flex-row items-center text-center justify-center justify-items-center h-14 px-[18px] pr-8"
-            ),
-            children: /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-center gap-x-2", children: [
-              /* @__PURE__ */ b.jsx(vt, { kind: "major-minor", color: "default" }),
-              /* @__PURE__ */ b.jsx(Re, { variant: "button", className: "whitespace-nowrap", children: r })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ b.jsx(
-          nu,
-          {
-            as: _t,
-            enter: "transition ease-out duration-100",
-            enterFrom: "transform opacity-0 scale-95",
-            enterTo: "transform opacity-100 scale-100",
-            leave: "transition ease-in duration-90",
-            leaveFrom: "transform opacity-100 scale-100",
-            leaveTo: "transform opacity-0 scale-95",
-            children: /* @__PURE__ */ b.jsx(hn.Items, { className: "absolute z-10 right-0 mt-2 w-[240px] h-auto origin-top-right divide-y divide-border-subdued rounded-sm bg-action-secondary-default shadow-[0px_2px_10px_0px_#0000001A]", children: /* @__PURE__ */ b.jsx("div", { children: e.getHeaderGroups().map(
-              (i) => i.headers.map(
-                (a) => t.map(
-                  (o, s) => o.idHeader === a.id && /* @__PURE__ */ b.jsx(hn.Item, { children: /* @__PURE__ */ b.jsx(
-                    Oa,
-                    {
-                      className: "cursor-pointer h-[36px] pl-4 px-2 flex items-center hover:bg-action-secondary-hovered hover:last:rounded-b-sm hover:first:rounded-t-sm active:bg-action-secondary-pressed",
-                      variant: "body",
-                      onClick: () => a.column.toggleSorting(
-                        o.asc ? !1 : o.desc ?? !1
-                      ),
-                      children: o.title
-                    }
-                  ) }, `${a.id}-${s}`)
-                )
-              )
-            ) }) })
-          }
-        )
-      ] })
-    }
-  );
-}
-const oC = Xe(
-  ({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
-    "table",
-    {
-      ref: n,
-      className: K("w-full table-auto", e),
-      ...t
-    }
-  )
-);
-oC.displayName = "TableContainer";
-const sC = Xe(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
-  "thead",
-  {
-    ref: n,
-    className: K("bg-surface-neutral-default", e),
-    ...t
-  }
-));
-sC.displayName = "TableHeader";
-const lC = Xe(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx(
-  "tbody",
-  {
-    ref: n,
-    className: K(
-      "table--tbody text-center bg-surface-neutral-subdued",
-      e
-    ),
-    ...t
-  }
-));
-lC.displayName = "TableBody";
-const uC = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("tfoot", { ref: t, ...e }));
-uC.displayName = "TableFooter";
-const vo = Xe(({ className: e, ...t }, n) => /* @__PURE__ */ b.jsx("tr", { ref: n, className: K(e), ...t }));
-vo.displayName = "TableRow";
-const Tg = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("th", { ref: t, ...e }));
-Tg.displayName = "TableHead";
-const Ng = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("td", { ref: t, ...e }));
-Ng.displayName = "TableCell";
-function qae({
+function Kae({
   columns: e = [],
   data: t = [],
   searchFilter: n = !1,
@@ -39722,7 +39746,7 @@ function qae({
               }
             ) : null,
             o && n && s && s.length > 0 ? /* @__PURE__ */ b.jsx(
-              Aae,
+              mae,
               {
                 checkBoxSelect: Object.keys(M).length > 0 ? "" : "rounded-tr-sm",
                 sortItem: s,
@@ -39799,7 +39823,7 @@ function qae({
             ) }, P.id)) }, D.id)) })
           ] }) }),
           i && !A && /* @__PURE__ */ b.jsx(
-            mae,
+            yae,
             {
               optionPagination: y,
               table: L,
@@ -39811,7 +39835,7 @@ function qae({
     )
   ] });
 }
-function yae({
+function bae({
   value: e,
   onChange: t,
   debounce: n = 500,
@@ -39893,7 +39917,7 @@ function v2({
     }
   );
 }
-function bae({
+function Cae({
   table: e,
   options: t
 }) {
@@ -39997,7 +40021,7 @@ function bae({
     ] }) })
   ] });
 }
-function Cae({
+function Eae({
   table: e,
   sortItem: t,
   checkBoxSelect: n,
@@ -40098,7 +40122,7 @@ const jg = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("th", { ref: t, ...e }));
 jg.displayName = "TableHead";
 const Dg = Xe(({ ...e }, t) => /* @__PURE__ */ b.jsx("td", { ref: t, ...e }));
 Dg.displayName = "TableCell";
-function Eae({
+function xae({
   indeterminate: e,
   ...t
 }) {
@@ -40115,7 +40139,7 @@ function Eae({
     }
   );
 }
-function Kae({
+function eoe({
   columns: e = [],
   data: t = [],
   searchFilter: n = !1,
@@ -40221,7 +40245,7 @@ function Kae({
                   o ? "rounded-tl-sm" : "rounded-t-sm"
                 ),
                 children: /* @__PURE__ */ b.jsx(
-                  yae,
+                  bae,
                   {
                     value: (x == null ? void 0 : x.trim()) ?? "",
                     onChange: (P) => I(P == null ? void 0 : P.trim()),
@@ -40231,7 +40255,7 @@ function Kae({
               }
             ) : null,
             o && n && s && s.length > 0 ? /* @__PURE__ */ b.jsx(
-              Cae,
+              Eae,
               {
                 checkBoxSelect: Object.keys(M).length > 0 ? "" : "rounded-tr-sm",
                 sortItem: s,
@@ -40262,7 +40286,7 @@ function Kae({
                   "p-4 h-14"
                 ),
                 children: F.id === "select" ? /* @__PURE__ */ b.jsx(
-                  Eae,
+                  xae,
                   {
                     checked: G.getIsAllPageRowsSelected(),
                     indeterminate: G.getIsSomePageRowsSelected(),
@@ -40326,13 +40350,13 @@ function Kae({
               F.getContext()
             ) }, F.id)) }, P.id)) })
           ] }) }),
-          i && !m && /* @__PURE__ */ b.jsx(bae, { table: G, options: a })
+          i && !m && /* @__PURE__ */ b.jsx(Cae, { table: G, options: a })
         ]
       }
     )
   ] });
 }
-function eoe({ items: e = [], checkedItem: t, onChange: n }) {
+function toe({ items: e = [], checkedItem: t, onChange: n }) {
   const r = Fa("(max-width: 520px)"), i = (s, l) => l != null && l.error ? "border-action-critical-default" : l != null && l.isDisabled || l != null && l.isLoading ? "border-border-disabled" : s ? "shadow-[0px_0px_0px_1px_#3EADFE]" : "border-border-default hover:border-border-hovered", a = (s, l) => {
     var u, c;
     return ((u = s == null ? void 0 : s.id) == null ? void 0 : u.toLowerCase()) === ((c = l == null ? void 0 : l.id) == null ? void 0 : c.toLowerCase());
@@ -40456,7 +40480,7 @@ function eoe({ items: e = [], checkedItem: t, onChange: n }) {
     }
   ) : /* @__PURE__ */ b.jsx(b.Fragment, {});
 }
-function toe({
+function noe({
   description: e = "",
   date: t = "",
   hour: n = "",
@@ -40588,50 +40612,50 @@ const Ii = Xe((e, t) => {
   );
 });
 export {
-  kae as AsyncCreatableSelect,
-  Rae as AsyncSelect,
-  qae as AsyncTable,
+  Tae as AsyncCreatableSelect,
+  Pae as AsyncSelect,
+  Kae as AsyncTable,
   Jh as Avatar,
   Fm as Badge,
-  zae as Bar,
+  Wae as Bar,
   Ii as Button,
-  toe as CardHistory,
-  eoe as CardSelect,
-  Eae as CheckBoxTable,
+  noe as CardHistory,
+  toe as CardSelect,
+  xae as CheckBoxTable,
   Q7 as Checkbox,
-  Qae as DateInputPicker,
+  Hae as DateInputPicker,
   Ate as DropdownButton,
-  Jae as DropdownFilter,
-  Yae as DropdownFilterMultiple,
-  Wae as DropdownSummary,
-  Xae as DropdownUser,
+  qae as DropdownFilter,
+  _ae as DropdownFilterMultiple,
+  Xae as DropdownSummary,
+  Yae as DropdownUser,
   N6 as EmptyState,
-  Lae as Field,
-  Vae as Flag,
-  Zae as Graphic,
-  Dae as Header,
+  Vae as Field,
+  Qae as Flag,
+  zae as Graphic,
+  Fae as Header,
   Jr as Heading,
   vt as Icon,
   Bp as InlineError,
   Yh as LayoutMain,
-  wae as Link,
+  Sae as Link,
   fs as Logo,
-  Nae as Modal,
-  Hae as Navigation,
-  Fae as NavigationMovil,
+  jae as Modal,
+  Gae as Navigation,
+  Lae as NavigationMovil,
   vw as Radio,
-  Bae as Select,
-  Pae as SelectButton,
-  Mae as SelectCountry,
+  Rae as Select,
+  Mae as SelectButton,
+  kae as SelectCountry,
   iu as Spinner,
   Rp as Summary,
-  Sae as Switch,
-  Tae as Tab,
-  jae as TabNav,
-  Kae as Table,
+  Oae as Switch,
+  Nae as Tab,
+  Dae as TabNav,
+  eoe as Table,
   Re as Text,
-  Gae as TextArea,
+  Zae as TextArea,
   Oa as TextRef,
   L7 as Tooltip,
-  Oae as Tracker
+  Bae as Tracker
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "2.5.0",
+  "version": "2.5.2",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"