@aveonline/ui-react 2.33.1 → 2.33.2

package/dist/ui-react.mjs

@@ -1,5 +1,5 @@
 import * as M from "react";
-import u, { useState as he, useEffect as ve, useCallback as Je, forwardRef as qe, useLayoutEffect as k1, useRef as ce, Fragment as un, isValidElement as In, cloneElement as ln, createElement as Ke, createContext as Pt, useContext as wt, useMemo as we, useReducer as N1, createRef as H4, Component as c7, Children as Bn, PureComponent as Fr, memo as B0 } from "react";
+import u, { useState as pe, useEffect as ve, useCallback as Je, forwardRef as qe, useLayoutEffect as k1, useRef as ce, Fragment as un, isValidElement as In, cloneElement as ln, createElement as Ke, createContext as Pt, useContext as wt, useMemo as we, useReducer as N1, createRef as H4, Component as c7, Children as Bn, PureComponent as Fr, memo as B0 } from "react";
 import * as $P from "react-dom";
 import E2, { createPortal as P0, flushSync as F0, unstable_batchedUpdates as lc } from "react-dom";
 var ts = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -933,7 +933,7 @@ function tA(e) {
   }), getClassName: () => re(i) };
 }
 function xa(e) {
-  const t = (i) => typeof window < "u" ? window.matchMedia(i).matches : !1, [n, r] = he(t(e));
+  const t = (i) => typeof window < "u" ? window.matchMedia(i).matches : !1, [n, r] = pe(t(e));
   return ve(() => {
     const i = window.matchMedia(e);
     i.matches !== n && r(i.matches);
@@ -1167,7 +1167,7 @@ function Ki() {
   return n;
 }
 function T0() {
-  let [e] = he(Ki);
+  let [e] = pe(Ki);
   return ve(() => () => e.dispose(), [e]), e;
 }
 let ft = function(e) {
@@ -1175,7 +1175,7 @@ let ft = function(e) {
   return u.useCallback((...n) => t.current(...n), [t]);
 }, $3 = { serverHandoffComplete: !1 };
 function el() {
-  let [e, t] = he($3.serverHandoffComplete);
+  let [e, t] = pe($3.serverHandoffComplete);
   return ve(() => {
     e !== !0 && t(!0);
   }, [e]), ve(() => {
@@ -1336,7 +1336,7 @@ function Ff(e) {
     return "button";
 }
 function L0(e, t) {
-  let [n, r] = he(() => Ff(e));
+  let [n, r] = pe(() => Ff(e));
   return En(() => {
     r(Ff(e));
   }, [e.type, e.as]), En(() => {
@@ -1550,7 +1550,7 @@ function h7({ value: e, children: t }) {
 }
 var Ot = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(Ot || {});
 function mA(e, t, n) {
-  let [r, i] = he(n), a = e !== void 0, o = ce(a), l = ce(!1), s = ce(!1);
+  let [r, i] = pe(n), a = e !== void 0, o = ce(a), l = ce(!1), s = ce(!1);
   return a && !o.current && !l.current ? (l.current = !0, o.current = a, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !a && o.current && !s.current && (s.current = !0, o.current = a, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [a ? e : r, ft((c) => (a || i(c), t == null ? void 0 : t(c)))];
 }
 function vA(e, t) {
@@ -1721,7 +1721,7 @@ function V4(e) {
   return u.createElement(AA.Provider, { value: e.force }, e.children);
 }
 function yF(e) {
-  let t = CF(), n = wt(CA), r = I2(e), [i, a] = he(() => {
+  let t = CF(), n = wt(CA), r = I2(e), [i, a] = pe(() => {
     if (!t && n !== null || D0)
       return null;
     let o = r == null ? void 0 : r.getElementById("headlessui-portal-root");
@@ -1741,7 +1741,7 @@ function yF(e) {
 let bF = un, EF = Xt(function(e, t) {
   let n = e, r = ce(null), i = tn(sA((d) => {
     r.current = d;
-  }), t), a = I2(r), o = yF(r), [l] = he(() => {
+  }), t), a = I2(r), o = yF(r), [l] = pe(() => {
     var d;
     return D0 ? null : (d = a == null ? void 0 : a.createElement("div")) != null ? d : null;
   }), s = el(), c = ce(!1);
@@ -1767,7 +1767,7 @@ function bA() {
   return e;
 }
 function H0() {
-  let [e, t] = he([]);
+  let [e, t] = pe([]);
   return [e.length > 0 ? e.join(" ") : void 0, we(() => function(n) {
     let r = ft((a) => (t((o) => [...o, a]), () => t((o) => {
       let l = o.slice(), s = l.indexOf(a);
@@ -1843,7 +1843,7 @@ function DF(e, t) {
   return sn(t.type, FF, e, t);
 }
 let TF = "div", LF = wi.RenderStrategy | wi.Static, jF = Xt(function(e, t) {
-  let { open: n, onClose: r, initialFocus: i, __demoMode: a = !1, ...o } = e, [l, s] = he(0), c = w2();
+  let { open: n, onClose: r, initialFocus: i, __demoMode: a = !1, ...o } = e, [l, s] = pe(0), c = w2();
   n === void 0 && c !== null && (n = sn(c, { [Pr.Open]: !0, [Pr.Closed]: !1 }));
   let d = ce(/* @__PURE__ */ new Set()), f = ce(null), h = tn(f, t), p = ce(null), v = I2(f), m = e.hasOwnProperty("open") || c !== null, g = e.hasOwnProperty("onClose");
   if (!m && !g)
@@ -2168,7 +2168,7 @@ let sR = un, cR = Xt(function(e, t) {
   return $t({ ourProps: { id: o, ref: c, role: "menuitem", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, disabled: void 0, onClick: h, onFocus: p, onPointerMove: v, onMouseMove: v, onPointerLeave: m, onMouseLeave: m }, theirProps: r, slot: g, defaultTag: mR, name: "Menu.Item" });
 }), On = Object.assign(cR, { Button: dR, Items: pR, Item: vR });
 function gR(e = 0) {
-  let [t, n] = he(e), r = Je((l) => n((s) => s | l), [t]), i = Je((l) => !!(t & l), [t]), a = Je((l) => n((s) => s & ~l), [n]), o = Je((l) => n((s) => s ^ l), [n]);
+  let [t, n] = pe(e), r = Je((l) => n((s) => s | l), [t]), i = Je((l) => !!(t & l), [t]), a = Je((l) => n((s) => s & ~l), [n]), o = Je((l) => n((s) => s ^ l), [n]);
   return { addFlag: r, hasFlag: i, removeFlag: a, toggleFlag: o };
 }
 let xA = Pt(null);
@@ -2181,7 +2181,7 @@ function wA() {
   return e;
 }
 function E7() {
-  let [e, t] = he([]);
+  let [e, t] = pe([]);
   return [e.length > 0 ? e.join(" ") : void 0, we(() => function(n) {
     let r = ft((a) => (t((o) => [...o, a]), () => t((o) => {
       let l = o.slice(), s = l.indexOf(a);
@@ -2291,7 +2291,7 @@ let IR = "div", SR = Xt(function(e, t) {
 w7.displayName = "GroupContext";
 let MR = un;
 function OR(e) {
-  let [t, n] = he(null), [r, i] = E7(), [a, o] = H0(), l = we(() => ({ switch: t, setSwitch: n, labelledby: r, describedby: a }), [t, n, r, a]), s = {}, c = e;
+  let [t, n] = pe(null), [r, i] = E7(), [a, o] = H0(), l = we(() => ({ switch: t, setSwitch: n, labelledby: r, describedby: a }), [t, n, r, a]), s = {}, c = e;
   return u.createElement(o, { name: "Switch.Description" }, u.createElement(i, { name: "Switch.Label", props: { onClick() {
     !t || (t.click(), t.focus({ preventScroll: !0 }));
   } } }, u.createElement(w7.Provider, { value: l }, $t({ ourProps: s, theirProps: c, defaultTag: MR, name: "Switch.Group" }))));
@@ -2307,7 +2307,7 @@ let BR = "button", PR = Xt(function(e, t) {
   return u.createElement(u.Fragment, null, a != null && h && u.createElement(Ia, { features: wa.Hidden, ...eu({ as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: h, name: a, value: o }) }), $t({ ourProps: x, theirProps: l, slot: y, defaultTag: BR, name: "Switch" }));
 }), FR = Object.assign(PR, { Group: OR, Label: IA, Description: m7 });
 function RR({ onFocus: e }) {
-  let [t, n] = he(!0);
+  let [t, n] = pe(!0);
   return t ? u.createElement(Ia, { as: "button", type: "button", features: wa.Focusable, onFocus: (r) => {
     r.preventDefault();
     let i, a = 50;
@@ -2593,7 +2593,7 @@ function nD(e) {
   }, [e]), t;
 }
 let rD = "div", OA = wi.RenderStrategy, BA = Xt(function(e, t) {
-  let { beforeEnter: n, afterEnter: r, beforeLeave: i, afterLeave: a, enter: o, enterFrom: l, enterTo: s, entered: c, leave: d, leaveFrom: f, leaveTo: h, ...p } = e, v = ce(null), m = tn(v, t), g = p.unmount ? $i.Unmount : $i.Hidden, { show: C, appear: y, initial: x } = KR(), [b, E] = he(C ? "visible" : "hidden"), w = qR(), { register: I, unregister: S } = w, O = ce(null);
+  let { beforeEnter: n, afterEnter: r, beforeLeave: i, afterLeave: a, enter: o, enterFrom: l, enterTo: s, entered: c, leave: d, leaveFrom: f, leaveTo: h, ...p } = e, v = ce(null), m = tn(v, t), g = p.unmount ? $i.Unmount : $i.Hidden, { show: C, appear: y, initial: x } = KR(), [b, E] = pe(C ? "visible" : "hidden"), w = qR(), { register: I, unregister: S } = w, O = ce(null);
   ve(() => I(v), [I, v]), ve(() => {
     if (g === $i.Hidden && v.current) {
       if (C && b !== "visible") {
@@ -2628,9 +2628,9 @@ let rD = "div", OA = wi.RenderStrategy, BA = Xt(function(e, t) {
   let s = w2();
   if (n === void 0 && s !== null && (n = sn(s, { [Pr.Open]: !0, [Pr.Closed]: !1 })), ![!0, !1].includes(n))
     throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [c, d] = he(n ? "visible" : "hidden"), f = MA(() => {
+  let [c, d] = pe(n ? "visible" : "hidden"), f = MA(() => {
     d("hidden");
-  }), [h, p] = he(!0), v = ce([n]);
+  }), [h, p] = pe(!0), v = ce([n]);
   En(() => {
     h !== !1 && v.current[v.current.length - 1] !== n && (v.current.push(n), p(!1));
   }, [v, n]);
@@ -2662,7 +2662,7 @@ function Hme({
   hasFrozenState: i = !1,
   ...a
 }) {
-  const [o, l] = he(t), s = (d) => {
+  const [o, l] = pe(t), s = (d) => {
     if (i)
       return l(!d), e(!d);
     l(d), e(d);
@@ -6251,7 +6251,7 @@ function tL(e) {
     placement: n,
     withClick: r = !1,
     onOpenChange: i
-  } = e, [a, o] = he(t), l = ce(null), s = [
+  } = e, [a, o] = pe(t), l = ce(null), s = [
     kA(10),
     // Spacing between element anchor and tooltip float
     VA({
@@ -6400,7 +6400,7 @@ function zme({
   title: r,
   ...i
 }) {
-  const [a, o] = he(!1), l = () => n ? "bg-interactive-default" : t ? "bg-icon-disabled" : "bg-icon-subdued", s = () => n || a && !t ? "default" : t ? "disabled" : "subdued";
+  const [a, o] = pe(!1), l = () => n ? "bg-interactive-default" : t ? "bg-icon-disabled" : "bg-icon-subdued", s = () => n || a && !t ? "default" : t ? "disabled" : "subdued";
   return /* @__PURE__ */ A.jsxs(
     "div",
     {
@@ -6684,7 +6684,7 @@ function G1(e, t) {
 }
 var bL = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function k7(e) {
-  var t = e.defaultInputValue, n = t === void 0 ? "" : t, r = e.defaultMenuIsOpen, i = r === void 0 ? !1 : r, a = e.defaultValue, o = a === void 0 ? null : a, l = e.inputValue, s = e.menuIsOpen, c = e.onChange, d = e.onInputChange, f = e.onMenuClose, h = e.onMenuOpen, p = e.value, v = G1(e, bL), m = he(l !== void 0 ? l : n), g = kn(m, 2), C = g[0], y = g[1], x = he(s !== void 0 ? s : i), b = kn(x, 2), E = b[0], w = b[1], I = he(p !== void 0 ? p : o), S = kn(I, 2), O = S[0], B = S[1], P = Je(function(N, Q) {
+  var t = e.defaultInputValue, n = t === void 0 ? "" : t, r = e.defaultMenuIsOpen, i = r === void 0 ? !1 : r, a = e.defaultValue, o = a === void 0 ? null : a, l = e.inputValue, s = e.menuIsOpen, c = e.onChange, d = e.onInputChange, f = e.onMenuClose, h = e.onMenuOpen, p = e.value, v = G1(e, bL), m = pe(l !== void 0 ? l : n), g = kn(m, 2), C = g[0], y = g[1], x = pe(s !== void 0 ? s : i), b = kn(x, 2), E = b[0], w = b[1], I = pe(p !== void 0 ? p : o), S = kn(I, 2), O = S[0], B = S[1], P = Je(function(N, Q) {
     typeof c == "function" && c(N, Q), B(N);
   }, [c]), F = Je(function(N, Q) {
     var k;
@@ -8135,7 +8135,7 @@ var MC = function(t) {
     label: "menu"
   }, ti(n, Xj(r), "100%"), ti(n, "backgroundColor", l.neutral0), ti(n, "borderRadius", a), ti(n, "boxShadow", "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)"), ti(n, "marginBottom", o.menuGutter), ti(n, "marginTop", o.menuGutter), ti(n, "position", "absolute"), ti(n, "width", "100%"), ti(n, "zIndex", 1), n;
 }, OC = /* @__PURE__ */ Pt(null), Uj = function(t) {
-  var n = t.children, r = t.minMenuHeight, i = t.maxMenuHeight, a = t.menuPlacement, o = t.menuPosition, l = t.menuShouldScrollIntoView, s = t.theme, c = wt(OC) || {}, d = c.setPortalPlacement, f = ce(null), h = he(i), p = kn(h, 2), v = p[0], m = p[1], g = he(null), C = kn(g, 2), y = C[0], x = C[1];
+  var n = t.children, r = t.minMenuHeight, i = t.maxMenuHeight, a = t.menuPlacement, o = t.menuPosition, l = t.menuShouldScrollIntoView, s = t.theme, c = wt(OC) || {}, d = c.setPortalPlacement, f = ce(null), h = pe(i), p = kn(h, 2), v = p[0], m = p[1], g = pe(null), C = kn(g, 2), y = C[0], x = C[1];
   return ad(function() {
     var b = f.current;
     if (b) {
@@ -8230,11 +8230,11 @@ var tH = function(t) {
     zIndex: 1
   };
 }, nH = function(t) {
-  var n = t.appendTo, r = t.children, i = t.className, a = t.controlElement, o = t.cx, l = t.innerProps, s = t.menuPlacement, c = t.menuPosition, d = t.getStyles, f = ce(null), h = ce(null), p = he(MC(s)), v = kn(p, 2), m = v[0], g = v[1], C = we(function() {
+  var n = t.appendTo, r = t.children, i = t.className, a = t.controlElement, o = t.cx, l = t.innerProps, s = t.menuPlacement, c = t.menuPosition, d = t.getStyles, f = ce(null), h = ce(null), p = pe(MC(s)), v = kn(p, 2), m = v[0], g = v[1], C = we(function() {
     return {
       setPortalPlacement: g
     };
-  }, []), y = he(null), x = kn(y, 2), b = x[0], E = x[1], w = Je(function() {
+  }, []), y = pe(null), x = kn(y, 2), b = x[0], E = x[1], w = Je(function() {
     if (a) {
       var B = kj(a), P = c === "fixed" ? 0 : window.pageYOffset, F = B[m] + P;
       (F !== (b == null ? void 0 : b.offset) || B.left !== (b == null ? void 0 : b.rect.left) || B.width !== (b == null ? void 0 : b.rect.width)) && E({
@@ -10753,7 +10753,7 @@ function kme({
   _t: P,
   useT: F = !0
 }) {
-  const [D, R] = he(
+  const [D, R] = pe(
     r || []
   ), { styles: j } = F2({ error: p, isError: v, helpText: l, logo: w }), T = Rt(t, F, P), G = Rt(l, F, P), N = () => Rt(E, F, P), Q = () => Rt(b, F, P), k = {
     ClearIndicator: R2,
@@ -10845,7 +10845,7 @@ var Pz = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function JC(e) {
   var t = e.defaultOptions, n = t === void 0 ? !1 : t, r = e.cacheOptions, i = r === void 0 ? !1 : r, a = e.loadOptions;
   e.options;
-  var o = e.isLoading, l = o === void 0 ? !1 : o, s = e.onInputChange, c = e.filterOption, d = c === void 0 ? null : c, f = G1(e, Pz), h = f.inputValue, p = ce(void 0), v = ce(!1), m = he(Array.isArray(n) ? n : void 0), g = kn(m, 2), C = g[0], y = g[1], x = he(typeof h < "u" ? h : ""), b = kn(x, 2), E = b[0], w = b[1], I = he(n === !0), S = kn(I, 2), O = S[0], B = S[1], P = he(void 0), F = kn(P, 2), D = F[0], R = F[1], j = he([]), T = kn(j, 2), G = T[0], N = T[1], Q = he(!1), k = kn(Q, 2), K = k[0], z = k[1], H = he({}), $ = kn(H, 2), Z = $[0], J = $[1], q = he(void 0), oe = kn(q, 2), te = oe[0], W = oe[1], ne = he(void 0), V = kn(ne, 2), ue = V[0], ae = V[1];
+  var o = e.isLoading, l = o === void 0 ? !1 : o, s = e.onInputChange, c = e.filterOption, d = c === void 0 ? null : c, f = G1(e, Pz), h = f.inputValue, p = ce(void 0), v = ce(!1), m = pe(Array.isArray(n) ? n : void 0), g = kn(m, 2), C = g[0], y = g[1], x = pe(typeof h < "u" ? h : ""), b = kn(x, 2), E = b[0], w = b[1], I = pe(n === !0), S = kn(I, 2), O = S[0], B = S[1], P = pe(void 0), F = kn(P, 2), D = F[0], R = F[1], j = pe([]), T = kn(j, 2), G = T[0], N = T[1], Q = pe(!1), k = kn(Q, 2), K = k[0], z = k[1], H = pe({}), $ = kn(H, 2), Z = $[0], J = $[1], q = pe(void 0), oe = kn(q, 2), te = oe[0], W = oe[1], ne = pe(void 0), V = kn(ne, 2), ue = V[0], ae = V[1];
   i !== ue && (J({}), ae(i)), n !== te && (y(Array.isArray(n) ? n : void 0), W(n)), ve(function() {
     return v.current = !0, function() {
       v.current = !1;
@@ -18575,7 +18575,7 @@ function Gme({
   iconTooltip: I,
   isActiveDropdownIndicator: S = !1
 }) {
-  const [O, B] = he(m), { styles: P } = F2({
+  const [O, B] = pe(m), { styles: P } = F2({
     error: r,
     isError: h,
     helpText: i,
@@ -19216,7 +19216,7 @@ function Xme({
   kindLogo: o,
   ...l
 }) {
-  const [s, c] = he(!1), d = xa("(min-width: 768px)"), f = xa("(max-width: 1038px)");
+  const [s, c] = pe(!1), d = xa("(min-width: 768px)"), f = xa("(max-width: 1038px)");
   return /* @__PURE__ */ A.jsxs(
     "header",
     {
@@ -19522,7 +19522,7 @@ var Si = function(e) {
     disableAbbreviations: D,
     prefix: b || H.prefix,
     transformRawValue: K
-  }, oe = f != null ? Vl(_t(_t({}, J), { decimalScale: x, value: String(f) })) : m != null ? Vl(_t(_t({}, J), { decimalScale: x, value: String(m) })) : "", te = he(oe), W = te[0], ne = te[1], V = he(!1), ue = V[0], ae = V[1], se = he(0), me = se[0], L = se[1], _ = he(0), ee = _[0], ie = _[1], fe = he(null), Ce = fe[0], Qe = fe[1], Ne = t || ce(null), Pe = function(Me, Te) {
+  }, oe = f != null ? Vl(_t(_t({}, J), { decimalScale: x, value: String(f) })) : m != null ? Vl(_t(_t({}, J), { decimalScale: x, value: String(m) })) : "", te = pe(oe), W = te[0], ne = te[1], V = pe(!1), ue = V[0], ae = V[1], se = pe(0), me = se[0], L = se[1], _ = pe(0), ee = _[0], ie = _[1], fe = pe(null), Ce = fe[0], Qe = fe[1], Ne = t || ce(null), Pe = function(Me, Te) {
     ae(!0);
     var He = QG({
       selectionStart: Te,
@@ -21014,7 +21014,7 @@ function JG({
   withouStyle: f,
   classNames: h
 }) {
-  const p = ce(null), [v, m] = he(c ?? ""), [g, C] = he(!1), y = (B) => s == null ? void 0 : s(B), x = (B) => (m(B.target.value), l == null ? void 0 : l(B.target.value)), b = (B) => (m(B), l == null ? void 0 : l(B)), E = () => {
+  const p = ce(null), [v, m] = pe(c ?? ""), [g, C] = pe(!1), y = (B) => s == null ? void 0 : s(B), x = (B) => (m(B.target.value), l == null ? void 0 : l(B.target.value)), b = (B) => (m(B), l == null ? void 0 : l(B)), E = () => {
     var B;
     return m(""), l == null || l(""), p && ((B = p.current) == null ? void 0 : B.focus());
   }, w = ({ isIconColor: B }) => B ? o ?? "subdued" : t ? "disabled" : "subdued", I = () => t ? "disabled" : g && n === "password" ? "default" : "subdued", S = re(
@@ -23592,7 +23592,7 @@ function xZ({
   isMobile: n,
   language: r
 }) {
-  const [i, a] = he(t), l = EZ[r ?? "es"], s = (d, f) => {
+  const [i, a] = pe(t), l = EZ[r ?? "es"], s = (d, f) => {
     e(d, f), a(d);
   }, c = we(
     () => [
@@ -23702,11 +23702,11 @@ function Jme({
   useT: v = !0,
   translateTextProps: m = !1
 }) {
-  const g = ce(null), C = ce(null), [y, x] = he(!1), [b, E] = he(l), w = (W) => W == null || typeof W != "string" || !m ? W : v && typeof p == "function" ? p(W) : Rt(W, v, p), I = !xa("(min-width: 768px)"), [S, O] = he(o), [B, P] = he(
+  const g = ce(null), C = ce(null), [y, x] = pe(!1), [b, E] = pe(l), w = (W) => W == null || typeof W != "string" || !m ? W : v && typeof p == "function" ? p(W) : Rt(W, v, p), I = !xa("(min-width: 768px)"), [S, O] = pe(o), [B, P] = pe(
     s ?? null
-  ), [F, D] = he(
+  ), [F, D] = pe(
     w(s)
-  ), [R, j] = he(
+  ), [R, j] = pe(
     o ? 2 : 0
   ), T = we(() => {
     switch (h) {
@@ -23722,7 +23722,7 @@ function Jme({
   }, [h]), G = we(
     () => f ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD",
     [f]
-  ), [N, Q] = he(!1);
+  ), [N, Q] = pe(!1);
   ve(() => {
     E(l), O(o), P(s ?? null), D(w(s)), (o !== null || l !== null) && j(2);
   }, [
@@ -34418,7 +34418,7 @@ var _m = function(t, n, r, i, a) {
   animationDuration: 1500,
   animationEasing: "ease"
 }, $6 = function(t) {
-  var n = Um(Um({}, Zce), t), r = ce(), i = he(-1), a = Lce(i, 2), o = a[0], l = a[1];
+  var n = Um(Um({}, Zce), t), r = ce(), i = pe(-1), a = Lce(i, 2), o = a[0], l = a[1];
   ve(function() {
     if (r.current && r.current.getTotalLength)
       try {
@@ -35338,7 +35338,7 @@ var cv = function(t, n, r, i, a) {
   animationDuration: 1500,
   animationEasing: "ease"
 }, m0e = function(t) {
-  var n = sv(sv({}, p0e), t), r = ce(), i = he(-1), a = o0e(i, 2), o = a[0], l = a[1];
+  var n = sv(sv({}, p0e), t), r = ce(), i = pe(-1), a = o0e(i, 2), o = a[0], l = a[1];
   ve(function() {
     if (r.current && r.current.getTotalLength)
       try {
@@ -40731,7 +40731,7 @@ function Kv(e, t) {
   }
   return n;
 }
-function pe(e) {
+function he(e) {
   for (var t = 1; t < arguments.length; t++) {
     var n = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Kv(Object(n), !0).forEach(function(r) {
@@ -40793,13 +40793,13 @@ var Gde = function(t, n) {
       };
     if (t === "centric") {
       var o = a.coordinate, l = i.radius;
-      return pe(pe(pe({}, i), cn(i.cx, i.cy, l, o)), {}, {
+      return he(he(he({}, i), cn(i.cx, i.cy, l, o)), {}, {
         angle: o,
         radius: l
       });
     }
     var s = a.coordinate, c = i.angle;
-    return pe(pe(pe({}, i), cn(i.cx, i.cy, s, c)), {}, {
+    return he(he(he({}, i), cn(i.cx, i.cy, s, c)), {}, {
       angle: c,
       radius: s
     });
@@ -40892,7 +40892,7 @@ var L8 = function(t, n, r, i) {
         K && (F = k);
       }
     }
-    return pe(pe({}, v), {}, dt({}, O, pe(pe({}, m.props), {}, {
+    return he(he({}, v), {}, dt({}, O, he(he({}, m.props), {}, {
       axisType: a,
       domain: F,
       categoricalDomain: R,
@@ -40915,7 +40915,7 @@ var L8 = function(t, n, r, i) {
       var b;
       return v ? b = o0(0, p) : l && l[y] && l[y].hasStack ? (b = AM(l[y].stackGroups, s, c), b = R8(f, b, y, a)) : (b = Kd(x, fM(h, r.filter(function(E) {
         return E.props[o] === y && !E.props.hide;
-      }), "number", d), i.defaultProps.allowDataOverflow), b = R8(f, b, y, a)), pe(pe({}, g), {}, dt({}, y, pe(pe({
+      }), "number", d), i.defaultProps.allowDataOverflow), b = R8(f, b, y, a)), he(he({}, g), {}, dt({}, y, he(he({
         axisType: a
       }, i.defaultProps), {}, {
         hide: !0,
@@ -40991,20 +40991,20 @@ var L8 = function(t, n, r, i) {
 }, _de = function(t, n) {
   var r = t.props, i = t.graphicalItems, a = t.xAxisMap, o = a === void 0 ? {} : a, l = t.yAxisMap, s = l === void 0 ? {} : l, c = r.width, d = r.height, f = r.children, h = r.margin || {}, p = Er(f, Go), v = Er(f, Fo), m = Object.keys(s).reduce(function(E, w) {
     var I = s[w], S = I.orientation;
-    return !I.mirror && !I.hide ? pe(pe({}, E), {}, dt({}, S, E[S] + I.width)) : E;
+    return !I.mirror && !I.hide ? he(he({}, E), {}, dt({}, S, E[S] + I.width)) : E;
   }, {
     left: h.left || 0,
     right: h.right || 0
   }), g = Object.keys(o).reduce(function(E, w) {
     var I = o[w], S = I.orientation;
-    return !I.mirror && !I.hide ? pe(pe({}, E), {}, dt({}, S, Br(E, "".concat(S)) + I.height)) : E;
+    return !I.mirror && !I.hide ? he(he({}, E), {}, dt({}, S, Br(E, "".concat(S)) + I.height)) : E;
   }, {
     top: h.top || 0,
     bottom: h.bottom || 0
-  }), C = pe(pe({}, g), m), y = C.bottom;
+  }), C = he(he({}, g), m), y = C.bottom;
   p && (C.bottom += p.props.height || Go.defaultProps.height), v && n && (C = _le(C, i, r, n));
   var x = c - C.left - C.right, b = d - C.top - C.bottom;
-  return pe(pe({
+  return he(he({
     brushBottom: y
   }, C), {}, {
     // never return negative values for height and width
@@ -41031,7 +41031,7 @@ var L8 = function(t, n, r, i) {
           "Id on the targeted graphical component "
         ).concat((Ce = N == null || (Qe = N.type) === null || Qe === void 0 ? void 0 : Qe.displayName) !== null && Ce !== void 0 ? Ce : "")) : fr(!1));
         var je = Ne[Pe];
-        return pe(pe({}, ie), {}, dt(dt({}, fe.axisType, je), "".concat(fe.axisType, "Ticks"), _i(je)));
+        return he(he({}, ie), {}, dt(dt({}, fe.axisType, je), "".concat(fe.axisType, "Ticks"), _i(je)));
       }, J), oe = q[j], te = q["".concat(j, "Ticks")], W = x && x[$] && x[$].hasStack && lse(N, x[$].stackGroups), ne = S1(N.type).indexOf("Bar") >= 0, V = $u(oe, te), ue = [], ae = T && Yle({
         barSize: S,
         stackGroups: x,
@@ -41046,8 +41046,8 @@ var L8 = function(t, n, r, i) {
           sizeList: ae[Z],
           maxBarSize: L
         }), _ !== V && (ue = ue.map(function(ie) {
-          return pe(pe({}, ie), {}, {
-            position: pe(pe({}, ie.position), {}, {
+          return he(he({}, ie), {}, {
+            position: he(he({}, ie.position), {}, {
               offset: ie.position.offset - _ / 2
             })
           });
@@ -41055,7 +41055,7 @@ var L8 = function(t, n, r, i) {
       }
       var ee = N && N.type && N.type.getComposedData;
       ee && G.push({
-        props: pe(pe({}, ee(pe(pe({}, q), {}, {
+        props: he(he({}, ee(he(he({}, q), {}, {
           displayedData: k,
           props: g,
           dataKey: z,
@@ -41082,20 +41082,20 @@ var L8 = function(t, n, r, i) {
       return null;
     var w = y.children, I = y.layout, S = y.stackOffset, O = y.data, B = y.reverseStackOrder, P = tg(I), F = P.numericAxisName, D = P.cateAxisName, R = ar(w, i), j = ase(O, R, "".concat(F, "Id"), "".concat(D, "Id"), S, B), T = c.reduce(function(K, z) {
       var H = "".concat(z.axisType, "Map");
-      return pe(pe({}, K), {}, dt({}, H, Xde(y, pe(pe({}, z), {}, {
+      return he(he({}, K), {}, dt({}, H, Xde(y, he(he({}, z), {}, {
         graphicalItems: R,
         stackGroups: z.axisType === F && j,
         dataStartIndex: x,
         dataEndIndex: b
       }))));
-    }, {}), G = _de(pe(pe({}, T), {}, {
+    }, {}), G = _de(he(he({}, T), {}, {
       props: y,
       graphicalItems: R
     }), C == null ? void 0 : C.legendBBox);
     Object.keys(T).forEach(function(K) {
       T[K] = f(y, T[K], G, K.replace("Map", ""), r);
     });
-    var N = T["".concat(D, "Map")], Q = Yde(N), k = p(y, pe(pe({}, T), {}, {
+    var N = T["".concat(D, "Map")], Q = Yde(N), k = p(y, he(he({}, T), {}, {
       dataStartIndex: x,
       dataEndIndex: b,
       updateId: E,
@@ -41103,7 +41103,7 @@ var L8 = function(t, n, r, i) {
       stackGroups: j,
       offset: G
     }));
-    return pe(pe({
+    return he(he({
       formattedGraphicalItems: k,
       graphicalItems: R,
       offset: G,
@@ -41117,14 +41117,14 @@ var L8 = function(t, n, r, i) {
       return Rde(this, g), b = Tde(this, g, [C]), dt(Tt(b), "eventEmitterSymbol", Symbol("rechartsEventEmitter")), dt(Tt(b), "accessibilityManager", new Ade()), dt(Tt(b), "handleLegendBBoxUpdate", function(E) {
         if (E) {
           var w = b.state, I = w.dataStartIndex, S = w.dataEndIndex, O = w.updateId;
-          b.setState(pe({
+          b.setState(he({
             legendBBox: E
           }, v({
             props: b.props,
             dataStartIndex: I,
             dataEndIndex: S,
             updateId: O
-          }, pe(pe({}, b.state), {}, {
+          }, he(he({}, b.state), {}, {
             legendBBox: E
           }))));
         }
@@ -41139,7 +41139,7 @@ var L8 = function(t, n, r, i) {
         if (w !== b.state.dataStartIndex || I !== b.state.dataEndIndex) {
           var S = b.state.updateId;
           b.setState(function() {
-            return pe({
+            return he({
               dataStartIndex: w,
               dataEndIndex: I
             }, v({
@@ -41156,7 +41156,7 @@ var L8 = function(t, n, r, i) {
       }), dt(Tt(b), "handleMouseEnter", function(E) {
         var w = b.getMouseInfo(E);
         if (w) {
-          var I = pe(pe({}, w), {}, {
+          var I = he(he({}, w), {}, {
             isTooltipActive: !0
           });
           b.setState(I), b.triggerSyncEvent(I);
@@ -41164,7 +41164,7 @@ var L8 = function(t, n, r, i) {
           st(S) && S(I, E);
         }
       }), dt(Tt(b), "triggeredAfterMouseMove", function(E) {
-        var w = b.getMouseInfo(E), I = w ? pe(pe({}, w), {}, {
+        var w = b.getMouseInfo(E), I = w ? he(he({}, w), {}, {
           isTooltipActive: !0
         }) : {
           isTooltipActive: !1
@@ -41209,7 +41209,7 @@ var L8 = function(t, n, r, i) {
       }), dt(Tt(b), "handleClick", function(E) {
         var w = b.getMouseInfo(E);
         if (w) {
-          var I = pe(pe({}, w), {}, {
+          var I = he(he({}, w), {}, {
             isTooltipActive: !0
           });
           b.setState(I), b.triggerSyncEvent(I);
@@ -41239,7 +41239,7 @@ var L8 = function(t, n, r, i) {
       }), dt(Tt(b), "applySyncEvent", function(E) {
         var w = b.props, I = w.layout, S = w.syncMethod, O = b.state.updateId, B = E.dataStartIndex, P = E.dataEndIndex;
         if (E.dataStartIndex !== void 0 || E.dataEndIndex !== void 0)
-          b.setState(pe({
+          b.setState(he({
             dataStartIndex: B,
             dataEndIndex: P
           }, v({
@@ -41262,14 +41262,14 @@ var L8 = function(t, n, r, i) {
                 break;
               }
           }
-          var Q = pe(pe({}, T), {}, {
+          var Q = he(he({}, T), {}, {
             x: T.left,
             y: T.top
           }), k = Math.min(F, Q.x + Q.width), K = Math.min(D, Q.y + Q.height), z = G[R] && G[R].value, H = L8(b.state, b.props.data, R), $ = G[R] ? {
             x: I === "horizontal" ? G[R].coordinate : k,
             y: I === "horizontal" ? K : G[R].coordinate
           } : xO;
-          b.setState(pe(pe({}, E), {}, {
+          b.setState(he(he({}, E), {}, {
             activeLabel: z,
             activeCoordinate: $,
             activePayload: H,
@@ -41294,7 +41294,7 @@ var L8 = function(t, n, r, i) {
         });
       }), dt(Tt(b), "renderPolarAxis", function(E, w, I) {
         var S = Br(E, "type.axisType"), O = Br(b.state, "".concat(S, "Map")), B = O && O[E.props["".concat(S, "Id")]];
-        return /* @__PURE__ */ ln(E, pe(pe({}, B), {}, {
+        return /* @__PURE__ */ ln(E, he(he({}, B), {}, {
           className: xt(S, B.className),
           key: E.key || "".concat(w, "-").concat(I),
           ticks: _i(B, !0)
@@ -41325,7 +41325,7 @@ var L8 = function(t, n, r, i) {
         if (!F)
           return null;
         var D = F.item, R = _v(F, Sde);
-        return /* @__PURE__ */ ln(D, pe(pe({}, R), {}, {
+        return /* @__PURE__ */ ln(D, he(he({}, R), {}, {
           chartWidth: S,
           chartHeight: O,
           margin: B,
@@ -41337,7 +41337,7 @@ var L8 = function(t, n, r, i) {
           return null;
         var B = b.state, P = B.isTooltipActive, F = B.activeCoordinate, D = B.activePayload, R = B.activeLabel, j = B.offset, T = (E = O.props.active) !== null && E !== void 0 ? E : P;
         return /* @__PURE__ */ ln(O, {
-          viewBox: pe(pe({}, j), {}, {
+          viewBox: he(he({}, j), {}, {
             x: j.left,
             y: j.top
           }),
@@ -41377,7 +41377,7 @@ var L8 = function(t, n, r, i) {
           clipPathId: O
         });
       }), dt(Tt(b), "renderActivePoints", function(E) {
-        var w = E.item, I = E.activePoint, S = E.basePoint, O = E.childIndex, B = E.isRange, P = [], F = w.props.key, D = w.item.props, R = D.activeDot, j = D.dataKey, T = pe(pe({
+        var w = E.item, I = E.activePoint, S = E.basePoint, O = E.childIndex, B = E.isRange, P = [], F = w.props.key, D = w.item.props, R = D.activeDot, j = D.dataKey, T = he(he({
           index: O,
           dataKey: j,
           cx: I.x,
@@ -41390,7 +41390,7 @@ var L8 = function(t, n, r, i) {
           value: I.value,
           key: "".concat(F, "-activePoint-").concat(O)
         }, We(R, !1)), yu(R));
-        return P.push(g.renderActiveDot(R, T)), S ? P.push(g.renderActiveDot(R, pe(pe({}, T), {}, {
+        return P.push(g.renderActiveDot(R, T)), S ? P.push(g.renderActiveDot(R, he(he({}, T), {}, {
           cx: S.x,
           cy: S.y,
           key: "".concat(F, "-basePoint-").concat(O)
@@ -41406,7 +41406,7 @@ var L8 = function(t, n, r, i) {
           onMouseLeave: Ic(b.handleItemMouseLeave, E.props.onMouseLeave),
           onMouseEnter: Ic(b.handleItemMouseEnter, E.props.onMouseEnter)
         });
-        var oe = /* @__PURE__ */ ln(E, pe(pe({}, S.props), q));
+        var oe = /* @__PURE__ */ ln(E, he(he({}, S.props), q));
         function te(fe) {
           return typeof F.dataKey == "function" ? F.dataKey(fe.payload) : null;
         }
@@ -41420,7 +41420,7 @@ var L8 = function(t, n, r, i) {
               W = N == null ? void 0 : N[D], ne = Q && k && k[D];
             if (Z || $) {
               var ue = E.props.activeIndex !== void 0 ? E.props.activeIndex : D;
-              return [/* @__PURE__ */ ln(E, pe(pe(pe({}, S.props), q), {}, {
+              return [/* @__PURE__ */ ln(E, he(he(he({}, S.props), q), {}, {
                 activeIndex: ue
               })), null, null];
             }
@@ -41435,14 +41435,14 @@ var L8 = function(t, n, r, i) {
           } else {
             var ae, se = (ae = b.getItemByXY(b.state.activeCoordinate)) !== null && ae !== void 0 ? ae : {
               graphicalItem: oe
-            }, me = se.graphicalItem, L = me.item, _ = L === void 0 ? E : L, ee = me.childIndex, ie = pe(pe(pe({}, S.props), q), {}, {
+            }, me = se.graphicalItem, L = me.item, _ = L === void 0 ? E : L, ee = me.childIndex, ie = he(he(he({}, S.props), q), {}, {
               activeIndex: ee
             });
             return [/* @__PURE__ */ ln(_, ie), null, null];
           }
         return Q ? [oe, null, null] : [oe, null];
       }), dt(Tt(b), "renderCustomized", function(E, w, I) {
-        return /* @__PURE__ */ ln(E, pe(pe({
+        return /* @__PURE__ */ ln(E, he(he({
           key: "recharts-customized-".concat(I)
         }, b.props), b.state));
       }), dt(Tt(b), "renderMap", {
@@ -41544,7 +41544,7 @@ var L8 = function(t, n, r, i) {
               var N = G.item;
               return N.type.name === "Scatter";
             });
-            j && (R = pe(pe({}, R), j.props.points[S].tooltipPosition), B = j.props.points[S].tooltipPayload);
+            j && (R = he(he({}, R), j.props.points[S].tooltipPosition), B = j.props.points[S].tooltipPayload);
             var T = {
               activeTooltipIndex: S,
               isTooltipActive: !0,
@@ -41615,13 +41615,13 @@ var L8 = function(t, n, r, i) {
         var O = this.state, B = O.xAxisMap, P = O.yAxisMap, F = this.getTooltipEventType();
         if (F !== "axis" && B && P) {
           var D = A1(B).scale, R = A1(P).scale, j = D && D.invert ? D.invert(w.chartX) : null, T = R && R.invert ? R.invert(w.chartY) : null;
-          return pe(pe({}, w), {}, {
+          return he(he({}, w), {}, {
             xValue: j,
             yValue: T
           });
         }
         var G = qv(this.state, this.props.data, this.props.layout, S);
-        return G ? pe(pe({}, w), G) : null;
+        return G ? he(he({}, w), G) : null;
       }
     }, {
       key: "inRange",
@@ -41659,7 +41659,7 @@ var L8 = function(t, n, r, i) {
           onTouchEnd: this.handleTouchEnd
         });
         var w = yu(this.props, this.handleOuterEvent);
-        return pe(pe({}, w), E);
+        return he(he({}, w), E);
       }
     }, {
       key: "addListener",
@@ -41700,7 +41700,7 @@ var L8 = function(t, n, r, i) {
         var y = this.state.xAxisMap;
         return y ? Object.entries(y).reduce(function(x, b) {
           var E = Uv(b, 2), w = E[0], I = E[1];
-          return pe(pe({}, x), {}, dt({}, w, I.scale));
+          return he(he({}, x), {}, dt({}, w, I.scale));
         }, {}) : null;
       }
     }, {
@@ -41709,7 +41709,7 @@ var L8 = function(t, n, r, i) {
         var y = this.state.yAxisMap;
         return y ? Object.entries(y).reduce(function(x, b) {
           var E = Uv(b, 2), w = E[0], I = E[1];
-          return pe(pe({}, x), {}, dt({}, w, I.scale));
+          return he(he({}, x), {}, dt({}, w, I.scale));
         }, {}) : null;
       }
     }, {
@@ -41756,7 +41756,7 @@ var L8 = function(t, n, r, i) {
                 itemData: B.props.data
               }), j = B.props.activeIndex === void 0 ? R : B.props.activeIndex;
               return {
-                graphicalItem: pe(pe({}, S), {}, {
+                graphicalItem: he(he({}, S), {}, {
                   childIndex: j
                 }),
                 payload: s2(S, E) ? B.props.data[R] : S.props.data[R]
@@ -41800,7 +41800,7 @@ var L8 = function(t, n, r, i) {
           clipPathId: this.clipPathId
         }, /* @__PURE__ */ u.createElement("div", Es({
           className: xt("recharts-wrapper", E),
-          style: pe({
+          style: he({
             position: "relative",
             cursor: "default",
             width: w,
@@ -41819,7 +41819,7 @@ var L8 = function(t, n, r, i) {
         }), this.renderClipPath(), uh(b, this.renderMap)), this.renderLegend(), this.renderTooltip()));
       }
     }]), g;
-  }(c7), dt(n, "displayName", r), dt(n, "defaultProps", pe({
+  }(c7), dt(n, "displayName", r), dt(n, "defaultProps", he({
     layout: "horizontal",
     stackOffset: "none",
     barCategoryGap: "10%",
@@ -41836,9 +41836,9 @@ var L8 = function(t, n, r, i) {
     var C = m.dataKey, y = m.data, x = m.children, b = m.width, E = m.height, w = m.layout, I = m.stackOffset, S = m.margin, O = g.dataStartIndex, B = g.dataEndIndex;
     if (g.updateId === void 0) {
       var P = eg(m);
-      return pe(pe(pe({}, P), {}, {
+      return he(he(he({}, P), {}, {
         updateId: 0
-      }, v(pe(pe({
+      }, v(he(he({
         props: m
       }, P), {}, {
         updateId: 0
@@ -41862,10 +41862,10 @@ var L8 = function(t, n, r, i) {
         // The tooltip should stay active when it was active in the previous render. If this is not
         // the case, the tooltip disappears and immediately re-appears, causing a flickering effect
         isTooltipActive: g.isTooltipActive
-      }, R = pe(pe({}, qv(g, y, w)), {}, {
+      }, R = he(he({}, qv(g, y, w)), {}, {
         updateId: g.updateId + 1
-      }), j = pe(pe(pe({}, F), D), R);
-      return pe(pe(pe({}, j), v(pe({
+      }), j = he(he(he({}, F), D), R);
+      return he(he(he({}, j), v(he({
         props: m
       }, j), g)), {}, {
         prevDataKey: C,
@@ -41880,9 +41880,9 @@ var L8 = function(t, n, r, i) {
     }
     if (!hd(x, g.prevChildren)) {
       var T, G, N, Q, k = Er(x, Go), K = k && (T = (G = k.props) === null || G === void 0 ? void 0 : G.startIndex) !== null && T !== void 0 ? T : O, z = k && (N = (Q = k.props) === null || Q === void 0 ? void 0 : Q.endIndex) !== null && N !== void 0 ? N : B, H = K !== O || z !== B, $ = !at(y), Z = $ && !H ? g.updateId : g.updateId + 1;
-      return pe(pe({
+      return he(he({
         updateId: Z
-      }, v(pe(pe({
+      }, v(he(he({
         props: m
       }, g), {}, {
         updateId: Z,
@@ -42527,7 +42527,7 @@ function ave({
   placement: i = "right",
   sizeIcon: a
 }) {
-  const [o, l] = he([]), s = (d) => l((f) => f.includes(d) ? (n(f.filter((h) => h !== d)), f.filter((h) => h !== d)) : (n([...f, d]), [...f, d])), c = (d) => o.some((f) => f.id === d.id && f.label === d.label);
+  const [o, l] = pe([]), s = (d) => l((f) => f.includes(d) ? (n(f.filter((h) => h !== d)), f.filter((h) => h !== d)) : (n([...f, d]), [...f, d])), c = (d) => o.some((f) => f.id === d.id && f.label === d.label);
   return /* @__PURE__ */ A.jsx("div", { className: "flex gap-x-2", children: /* @__PURE__ */ A.jsxs(On, { as: "div", className: "relative inline-block text-left", children: [
     /* @__PURE__ */ A.jsxs(On.Button, { className: "gap-x-2 flex w-full p-xs transition-colors rounded-sm items-center hover:bg-action-opacity-hovered active:bg-action-opacity-active disabled:bg-action-opacity-disabled", children: [
       e ? /* @__PURE__ */ A.jsx(
@@ -42615,7 +42615,7 @@ function f8e({
     options: e,
     filling: t,
     isDisabled: n
-  }), [o, l] = he(
+  }), [o, l] = pe(
     "default"
   );
   return /* @__PURE__ */ A.jsx(On, { as: "div", className: "relative inline-block text-left", children: ({ open: s }) => /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
@@ -42895,7 +42895,7 @@ const x8e = /* @__PURE__ */ Pt({
   branches: /* @__PURE__ */ new Set()
 }), w8e = /* @__PURE__ */ qe((e, t) => {
   var n;
-  const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: o, onInteractOutside: l, onDismiss: s, ...c } = e, d = wt(x8e), [f, h] = he(null), p = (n = f == null ? void 0 : f.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, v] = he({}), m = Ha(
+  const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: o, onInteractOutside: l, onDismiss: s, ...c } = e, d = wt(x8e), [f, h] = pe(null), p = (n = f == null ? void 0 : f.ownerDocument) !== null && n !== void 0 ? n : globalThis == null ? void 0 : globalThis.document, [, v] = pe({}), m = Ha(
     t,
     (S) => h(S)
   ), g = Array.from(d.layers), [C] = [
@@ -43032,7 +43032,7 @@ const i4 = "focusScope.autoFocusOnMount", a4 = "focusScope.autoFocusOnUnmount",
   bubbles: !1,
   cancelable: !0
 }, O8e = /* @__PURE__ */ qe((e, t) => {
-  const { loop: n = !1, trapped: r = !1, onMountAutoFocus: i, onUnmountAutoFocus: a, ...o } = e, [l, s] = he(null), c = H1(i), d = H1(a), f = ce(null), h = Ha(
+  const { loop: n = !1, trapped: r = !1, onMountAutoFocus: i, onUnmountAutoFocus: a, ...o } = e, [l, s] = pe(null), c = H1(i), d = H1(a), f = ce(null), h = Ha(
     t,
     (m) => s(m)
   ), p = ce({
@@ -43223,7 +43223,7 @@ function H8e(e) {
   ]), e || (t ? `radix-${t}` : "");
 }
 function z8e(e) {
-  const [t, n] = he(void 0);
+  const [t, n] = pe(void 0);
   return Ko(() => {
     if (e) {
       n({
@@ -43255,7 +43255,7 @@ function z8e(e) {
   ]), t;
 }
 const BO = "Popper", [PO, FO] = SO(BO), [k8e, RO] = PO(BO), N8e = (e) => {
-  const { __scopePopper: t, children: n } = e, [r, i] = he(null);
+  const { __scopePopper: t, children: n } = e, [r, i] = pe(null);
   return /* @__PURE__ */ Ke(k8e, {
     scope: t,
     anchor: r,
@@ -43270,10 +43270,10 @@ const BO = "Popper", [PO, FO] = SO(BO), [k8e, RO] = PO(BO), N8e = (e) => {
   }));
 }), DO = "PopperContent", [G8e, ove] = PO(DO), Z8e = /* @__PURE__ */ qe((e, t) => {
   var n, r, i, a, o, l, s, c;
-  const { __scopePopper: d, side: f = "bottom", sideOffset: h = 0, align: p = "center", alignOffset: v = 0, arrowPadding: m = 0, collisionBoundary: g = [], collisionPadding: C = 0, sticky: y = "partial", hideWhenDetached: x = !1, avoidCollisions: b = !0, onPlaced: E, ...w } = e, I = RO(DO, d), [S, O] = he(null), B = Ha(
+  const { __scopePopper: d, side: f = "bottom", sideOffset: h = 0, align: p = "center", alignOffset: v = 0, arrowPadding: m = 0, collisionBoundary: g = [], collisionPadding: C = 0, sticky: y = "partial", hideWhenDetached: x = !1, avoidCollisions: b = !0, onPlaced: E, ...w } = e, I = RO(DO, d), [S, O] = pe(null), B = Ha(
     t,
     (ae) => O(ae)
-  ), [P, F] = he(null), D = z8e(P), R = (n = D == null ? void 0 : D.width) !== null && n !== void 0 ? n : 0, j = (r = D == null ? void 0 : D.height) !== null && r !== void 0 ? r : 0, T = f + (p !== "center" ? "-" + p : ""), G = typeof C == "number" ? C : {
+  ), [P, F] = pe(null), D = z8e(P), R = (n = D == null ? void 0 : D.width) !== null && n !== void 0 ? n : 0, j = (r = D == null ? void 0 : D.height) !== null && r !== void 0 ? r : 0, T = f + (p !== "center" ? "-" + p : ""), G = typeof C == "number" ? C : {
     top: 0,
     right: 0,
     bottom: 0,
@@ -43334,7 +43334,7 @@ const BO = "Popper", [PO, FO] = SO(BO), [k8e, RO] = PO(BO), N8e = (e) => {
     $,
     oe
   ]);
-  const te = (i = Z.arrow) === null || i === void 0 ? void 0 : i.x, W = (a = Z.arrow) === null || a === void 0 ? void 0 : a.y, ne = ((o = Z.arrow) === null || o === void 0 ? void 0 : o.centerOffset) !== 0, [V, ue] = he();
+  const te = (i = Z.arrow) === null || i === void 0 ? void 0 : i.x, W = (a = Z.arrow) === null || a === void 0 ? void 0 : a.y, ne = ((o = Z.arrow) === null || o === void 0 ? void 0 : o.centerOffset) !== 0, [V, ue] = pe();
   return Ko(() => {
     S && ue(window.getComputedStyle(S).zIndex);
   }, [
@@ -43428,7 +43428,7 @@ const nf = (e) => {
 };
 nf.displayName = "Presence";
 function K8e(e) {
-  const [t, n] = he(), r = ce({}), i = ce(e), a = ce("none"), o = e ? "mounted" : "unmounted", [l, s] = J8e(o, {
+  const [t, n] = pe(), r = ce({}), i = ce(e), a = ce("none"), o = e ? "mounted" : "unmounted", [l, s] = J8e(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -43509,7 +43509,7 @@ function q8e({ prop: e, defaultProp: t, onChange: n = () => {
   ];
 }
 function e7e({ defaultProp: e, onChange: t }) {
-  const n = he(e), [r] = n, i = ce(r), a = H1(t);
+  const n = pe(e), [r] = n, i = ce(r), a = H1(t);
   return ve(() => {
     i.current !== r && (a(r), i.current = r);
   }, [
@@ -43548,7 +43548,7 @@ function o4(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function r7e(e, t) {
-  var n = he(function() {
+  var n = pe(function() {
     return {
       // value
       value: e,
@@ -43989,7 +43989,7 @@ WO.classNames = T3.classNames;
 const F7e = WO, $O = "Popover", [XO, lve] = SO($O, [
   FO
 ]), of = FO(), [R7e, El] = XO($O), D7e = (e) => {
-  const { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !1 } = e, l = of(t), s = ce(null), [c, d] = he(!1), [f = !1, h] = q8e({
+  const { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !1 } = e, l = of(t), s = ce(null), [c, d] = pe(!1), [f = !1, h] = q8e({
     prop: r,
     defaultProp: i,
     onChange: a
@@ -44306,7 +44306,7 @@ function K7e({ prop: e, defaultProp: t, onChange: n = () => {
   ];
 }
 function q7e({ defaultProp: e, onChange: t }) {
-  const n = he(e), [r] = n, i = ce(r), a = Fa(t);
+  const n = pe(e), [r] = n, i = ce(r), a = Fa(t);
   return ve(() => {
     i.current !== r && (a(r), i.current = r);
   }, [
@@ -44412,7 +44412,7 @@ const s6e = /* @__PURE__ */ Pt({
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 }), c6e = /* @__PURE__ */ qe((e, t) => {
-  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: r, onPointerDownOutside: i, onFocusOutside: a, onInteractOutside: o, onDismiss: l, ...s } = e, c = wt(s6e), [d, f] = he(null), [, h] = he({}), p = _2(
+  const { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: r, onPointerDownOutside: i, onFocusOutside: a, onInteractOutside: o, onDismiss: l, ...s } = e, c = wt(s6e), [d, f] = pe(null), [, h] = pe({}), p = _2(
     t,
     (w) => f(w)
   ), v = Array.from(c.layers), [m] = [
@@ -44530,7 +44530,7 @@ const u4 = "focusScope.autoFocusOnMount", d4 = "focusScope.autoFocusOnUnmount",
   bubbles: !1,
   cancelable: !0
 }, f6e = /* @__PURE__ */ qe((e, t) => {
-  const { loop: n = !1, trapped: r = !1, onMountAutoFocus: i, onUnmountAutoFocus: a, ...o } = e, [l, s] = he(null), c = Fa(i), d = Fa(a), f = ce(null), h = _2(
+  const { loop: n = !1, trapped: r = !1, onMountAutoFocus: i, onUnmountAutoFocus: a, ...o } = e, [l, s] = pe(null), c = Fa(i), d = Fa(a), f = ce(null), h = _2(
     t,
     (m) => s(m)
   ), p = ce({
@@ -44717,7 +44717,7 @@ const j3 = (e) => {
 };
 j3.displayName = "Presence";
 function b6e(e) {
-  const [t, n] = he(), r = ce({}), i = ce(e), a = ce("none"), o = e ? "mounted" : "unmounted", [l, s] = y6e(o, {
+  const [t, n] = pe(), r = ce({}), i = ce(e), a = ce("none"), o = e ? "mounted" : "unmounted", [l, s] = y6e(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -45511,7 +45511,7 @@ function cve({
   onSelected: d,
   ...f
 }) {
-  const { _t: h } = R0({ ...f }), [p, v] = he(/* @__PURE__ */ new Set([])), [m, g] = he(!1), C = (p == null ? void 0 : p.size) > 0 && c, y = () => v((b) => {
+  const { _t: h } = R0({ ...f }), [p, v] = pe(/* @__PURE__ */ new Set([])), [m, g] = pe(!1), C = (p == null ? void 0 : p.size) > 0 && c, y = () => v((b) => {
     const E = new Set(b);
     return E.clear(), d == null || d(Array.from(E)), E;
   }), x = (b, E) => {
@@ -48408,7 +48408,7 @@ function c9e(e) {
   };
 }
 function u9e({ onChange: e, placeholder: t, ...n }) {
-  const [r, i] = he(""), a = (o) => {
+  const [r, i] = pe(""), a = (o) => {
     o.key === "Enter" && (i(r), e(r));
   };
   return /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
@@ -48537,7 +48537,7 @@ J8.displayName = "TableHead";
 const K8 = qe(({ ...e }, t) => /* @__PURE__ */ A.jsx("td", { ref: t, ...e }));
 K8.displayName = "TableCell";
 function f9e(e) {
-  const t = xa("(min-width: 768px)"), [n, r] = he(
+  const t = xa("(min-width: 768px)"), [n, r] = pe(
     e.currentPage - 1
   ), i = e == null ? void 0 : e.optionsPages.map((s) => s - 1);
   return {
@@ -48759,9 +48759,9 @@ function uve({
   search: w = void 0
 }) {
   var $;
-  const [I, S] = he({}), [O, B] = he(
+  const [I, S] = pe({}), [O, B] = pe(
     void 0
-  ), [P, F] = he([]), [D, R] = he([]), [j, T] = he({}), [G, N] = he(
+  ), [P, F] = pe([]), [D, R] = pe([]), [j, T] = pe({}), [G, N] = pe(
     x ?? {}
   ), Q = (Z, J, q, oe) => {
     const te = ZB(Z.getValue(J), q);
@@ -48948,7 +48948,7 @@ const p9e = B0(
     placeholder: r,
     ...i
   }) => {
-    const [a, o] = he(e), l = Je(
+    const [a, o] = pe(e), l = Je(
       (s) => {
         o(s.target.value);
       },
@@ -49034,12 +49034,12 @@ function m9e({
   table: e,
   options: t
 }) {
-  const n = xa("(min-width: 768px)"), [r, i] = he(0), a = (s) => {
-    e.setPageIndex(s), i(s);
+  const n = xa("(min-width: 768px)"), r = e.getState().pagination.pageIndex, i = (l) => {
+    e.setPageIndex(l);
+  }, a = () => {
+    e.previousPage();
   }, o = () => {
-    e.previousPage(), r !== 0 && i(r - 1);
-  }, l = () => {
-    e.nextPage(), i(r + 1);
+    e.nextPage();
   };
   return /* @__PURE__ */ A.jsxs("div", { className: "items-center grid grid-cols-3 mt-4 mb-3", children: [
     /* @__PURE__ */ A.jsx("div", { className: re(n ? "col-start-2" : "col-end-1"), children: /* @__PURE__ */ A.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
@@ -49055,8 +49055,8 @@ function m9e({
         {
           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: (s) => e.setPageSize(Number(s.target.value)),
-          children: t == null ? void 0 : t.map((s) => /* @__PURE__ */ A.jsx("option", { value: s, children: s }, s))
+          onChange: (l) => e.setPageSize(Number(l.target.value)),
+          children: t == null ? void 0 : t.map((l) => /* @__PURE__ */ A.jsx("option", { value: l, children: l }, l))
         }
       )
     ] }) }),
@@ -49065,7 +49065,7 @@ function m9e({
         "button",
         {
           className: "flex justify-center items-center",
-          onClick: o,
+          onClick: a,
           disabled: !e.getCanPreviousPage(),
           children: /* @__PURE__ */ A.jsx(
             vt,
@@ -49084,34 +49084,34 @@ function m9e({
             e.getPageCount() < 99 ? "gap-2" : e.getPageCount() > 999 ? "gap-1 mr-1" : "gap-2 mr-2"
           ),
           children: e.getPageOptions().map(
-            (s) => s === 0 ? /* @__PURE__ */ A.jsx(
+            (l) => l === 0 ? /* @__PURE__ */ A.jsx(
               w4,
               {
                 position: "first",
-                pageIndex: s,
+                pageIndex: l,
                 currentPage: r,
-                onClick: () => a(s)
+                onClick: () => i(l)
               },
-              s
-            ) : s !== 0 && s <= r + 1 && s >= r - 1 && s !== e.getPageCount() - 1 ? /* @__PURE__ */ A.jsx(
+              l
+            ) : l !== 0 && l <= r + 1 && l >= r - 1 && l !== e.getPageCount() - 1 ? /* @__PURE__ */ A.jsx(
               w4,
               {
                 position: "middle",
-                pageIndex: s,
+                pageIndex: l,
                 currentPage: r,
-                onClick: () => a(s)
+                onClick: () => i(l)
               },
-              s
-            ) : s === e.getPageCount() - 1 && /* @__PURE__ */ A.jsx(
+              l
+            ) : l === e.getPageCount() - 1 && /* @__PURE__ */ A.jsx(
               w4,
               {
                 position: "last",
-                pageIndex: s,
+                pageIndex: l,
                 currentPage: r,
-                onClick: () => a(s),
+                onClick: () => i(l),
                 lastCount: e.getPageCount() - 1
               },
-              s
+              l
             )
           )
         }
@@ -49120,7 +49120,7 @@ function m9e({
         "button",
         {
           className: "flex justify-center items-center",
-          onClick: l,
+          onClick: o,
           disabled: !e.getCanNextPage(),
           children: /* @__PURE__ */ A.jsx(
             vt,
@@ -49503,7 +49503,7 @@ function I9e(e) {
   }, n);
 }
 function S9e() {
-  const [e, t] = he("");
+  const [e, t] = pe("");
   return {
     announce: Je((r) => {
       r != null && t(r);
@@ -49521,7 +49521,7 @@ function M9e(e) {
   }, [e, t]);
 }
 function O9e() {
-  const [e] = he(() => /* @__PURE__ */ new Set()), t = Je((r) => (e.add(r), () => e.delete(r)), [e]);
+  const [e] = pe(() => /* @__PURE__ */ new Set()), t = Je((r) => (e.add(r), () => e.delete(r)), [e]);
   return [Je((r) => {
     let {
       type: i,
@@ -49577,7 +49577,7 @@ function F9e(e) {
   const {
     announce: a,
     announcement: o
-  } = S9e(), l = tc("DndLiveRegion"), [s, c] = he(!1);
+  } = S9e(), l = tc("DndLiveRegion"), [s, c] = pe(!1);
   if (ve(() => {
     c(!0);
   }, []), M9e(we(() => ({
@@ -50670,7 +50670,7 @@ function fhe(e, t) {
     dependencies: r,
     config: i
   } = t;
-  const [a, o] = he(null), {
+  const [a, o] = pe(null), {
     frequency: l,
     measure: s,
     strategy: c
@@ -50778,7 +50778,7 @@ function mhe(e) {
 }
 function Gg(e, t, n) {
   t === void 0 && (t = mhe);
-  const [r, i] = he(null);
+  const [r, i] = pe(null);
   function a() {
     i((s) => {
       if (!e)
@@ -50827,7 +50827,7 @@ function ghe(e) {
   }, [e]), n;
 }
 function Ahe(e) {
-  const [t, n] = he(null), r = ce(e), i = Je((a) => {
+  const [t, n] = pe(null), r = ce(e), i = Je((a) => {
     const o = M4(a.target);
     o && n((l) => l ? (l.set(o, n7(o)), new Map(l)) : null);
   }, []);
@@ -50911,7 +50911,7 @@ function pP(e) {
 const $g = [];
 function bhe(e, t) {
   t === void 0 && (t = Sl);
-  const [n] = e, r = pP(n ? mr(n) : null), [i, a] = he($g);
+  const [n] = e, r = pP(n ? mr(n) : null), [i, a] = pe($g);
   function o() {
     a(() => e.length ? e.map((s) => oP(s) ? r : new Af(t(s), s)) : $g);
   }
@@ -50934,7 +50934,7 @@ function xhe(e) {
   let {
     measure: t
   } = e;
-  const [n, r] = he(null), i = Je((c) => {
+  const [n, r] = pe(null), i = Je((c) => {
     for (const {
       target: d
     } of c)
@@ -51274,7 +51274,7 @@ const The = /* @__PURE__ */ B0(function(t) {
     modifiers: p,
     ...v
   } = t;
-  const m = N1(Bhe, void 0, Ohe), [g, C] = m, [y, x] = O9e(), [b, E] = he(g1.Uninitialized), w = b === g1.Initialized, {
+  const m = N1(Bhe, void 0, Ohe), [g, C] = m, [y, x] = O9e(), [b, E] = pe(g1.Uninitialized), w = b === g1.Initialized, {
     draggable: {
       active: I,
       nodes: S,
@@ -51294,7 +51294,7 @@ const The = /* @__PURE__ */ B0(function(t) {
       data: (Ae = P == null ? void 0 : P.data) != null ? Ae : Ihe,
       rect: F
     } : null;
-  }, [I, P]), R = ce(null), [j, T] = he(null), [G, N] = he(null), Q = C2(v, Object.values(v)), k = tc("DndDescribedBy", o), K = we(() => B.getEnabled(), [B]), z = Rhe(h), {
+  }, [I, P]), R = ce(null), [j, T] = pe(null), [G, N] = pe(null), Q = C2(v, Object.values(v)), k = tc("DndDescribedBy", o), K = we(() => B.getEnabled(), [B]), z = Rhe(h), {
     droppableRects: H,
     measureDroppableContainers: $,
     measuringScheduled: Z
@@ -51348,7 +51348,7 @@ const The = /* @__PURE__ */ B0(function(t) {
     droppableRects: H,
     droppableContainers: K,
     pointerCoordinates: Qe
-  }) : null, lt = j9e(Ue, "id"), [gt, Yt] = he(null), Kt = L ? Ce : bo(Ce, je), Me = N9e(Kt, (a = gt == null ? void 0 : gt.rect) != null ? a : null, W), Te = ce(null), He = Je(
+  }) : null, lt = j9e(Ue, "id"), [gt, Yt] = pe(null), Kt = L ? Ce : bo(Ce, je), Me = N9e(Kt, (a = gt == null ? void 0 : gt.rect) != null ? a : null, W), Te = ce(null), He = Je(
     (Ae, Oe) => {
       let {
         sensor: De,
@@ -51954,7 +51954,7 @@ function qhe(e) {
     node: r,
     rect: i
   } = e;
-  const [a, o] = he(null), l = ce(n);
+  const [a, o] = pe(null), l = ce(n);
   return Oi(() => {
     if (!t && n !== l.current && r.current) {
       const s = i.current;
@@ -52183,7 +52183,7 @@ function dve({
   }
 }) {
   var te;
-  const [S, O] = he({}), [B, P] = he(""), [F, D] = he([]), [R, j] = he([]), [T, G] = he({}), [N, Q] = he(
+  const [S, O] = pe({}), [B, P] = pe(""), [F, D] = pe([]), [R, j] = pe([]), [T, G] = pe({}), [N, Q] = pe(
     w ?? {}
   ), k = Je(
     (W, ne, V, ue) => {
@@ -55396,7 +55396,7 @@ const qg = /* @__PURE__ */ Pt(null), Pme = /* @__PURE__ */ Pt(null), HP = /* @__
     onSwiper: o,
     ...l
   } = e === void 0 ? {} : e, s = !1;
-  const [c, d] = he("swiper"), [f, h] = he(null), [p, v] = he(!1), m = ce(!1), g = ce(null), C = ce(null), y = ce(null), x = ce(null), b = ce(null), E = ce(null), w = ce(null), I = ce(null), {
+  const [c, d] = pe("swiper"), [f, h] = pe(null), [p, v] = pe(!1), m = ce(!1), g = ce(null), C = ce(null), y = ce(null), x = ce(null), b = ce(null), E = ce(null), w = ce(null), I = ce(null), {
     params: S,
     passedParams: O,
     rest: B,
@@ -55512,7 +55512,7 @@ const s7 = /* @__PURE__ */ qe(function(e, t) {
     swiperSlideIndex: c,
     ...d
   } = e === void 0 ? {} : e;
-  const f = ce(null), [h, p] = he("swiper-slide"), [v, m] = he(!1);
+  const f = ce(null), [h, p] = pe("swiper-slide"), [v, m] = pe(!1);
   function g(b, E, w) {
     E === f.current && p(w);
   }
@@ -55942,7 +55942,7 @@ function pve({
   ) });
 }
 function mve({ infoItems: e, onItemClick: t }) {
-  const n = ce(null), [r, i] = he(!1), a = () => {
+  const n = ce(null), [r, i] = pe(!1), a = () => {
     var l;
     (l = n.current) == null || l.scrollBy({ left: -n.current.offsetWidth });
   }, o = () => {
@@ -55998,7 +55998,7 @@ function mve({ infoItems: e, onItemClick: t }) {
   ] });
 }
 function vve({ steps: e }) {
-  const [t, n] = he(0), r = () => {
+  const [t, n] = pe(0), r = () => {
     n(t + 1);
   }, i = () => {
     t !== 0 && n(t - 1);

package/package.json

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