@ufal-lccv/gpsub-ds 0.0.14 → 0.0.15

package/dist/{Table.view-C9k9e2Jm.js → Table.view-CKAOAcZD.js}

@@ -1,4 +1,4 @@
-import { l as n, C as _, i as ce, K as xe, j as we, c as ye, N as y, O as F, s as Ce, T as fe, S as ke, I as ze, P as Be, E as he } from "./Checkbox.view-D75146I3.js";
+import { l as n, C as _, i as ce, K as xe, j as we, c as ye, N as C, O as F, s as Ce, T as fe, S as ke, I as ze, P as Be, E as he } from "./Checkbox.view-D75146I3.js";
 import je, { useState as P, useEffect as Z, useCallback as ue, useMemo as Q, useRef as U, forwardRef as ge, isValidElement as se, useLayoutEffect as Ne } from "react";
 import { sg as o, Icon as V } from "sbwb-ds";
 import { v as G, r as q, b as We } from "./index-_v6RoRxb.js";
@@ -11,22 +11,22 @@ const ae = 350, yo = ({
   customStyles: a = {},
   wrapperCustomStyles: d = {},
   hideAdornmentOnCollapse: s = !1,
-  maxHeight: g = "none"
+  maxHeight: m = "none"
   // Default to 'none' to allow full expansion
 }) => {
-  const [c, m] = P(!1), [p, h] = P(!0);
+  const [g, p] = P(!1), [f, h] = P(!0);
   Z(() => {
     if (s)
-      if (c) {
-        const u = setTimeout(
+      if (g) {
+        const B = setTimeout(
           () => h(!1),
           ae
         );
-        return () => clearTimeout(u);
+        return () => clearTimeout(B);
       } else
         h(!0);
-  }, [c, s]);
-  const $ = s && !p ? null : i;
+  }, [g, s]);
+  const b = s && !f ? null : i;
   return /* @__PURE__ */ n.jsxs(
     _,
     {
@@ -42,10 +42,10 @@ const ae = 350, yo = ({
             divider: !0,
             marginBottom: l,
             collapse: {
-              collapsed: c,
-              setCollapsed: m
+              collapsed: g,
+              setCollapsed: p
             },
-            endAdornment: $,
+            endAdornment: b,
             customStyles: a
           }
         ),
@@ -55,7 +55,7 @@ const ae = 350, yo = ({
             gap: "8px",
             width: "100%",
             customStyles: {
-              maxHeight: c ? "0" : g,
+              maxHeight: g ? "0" : m,
               transition: `max-height ${ae}ms ease-in-out`
             },
             children: t
@@ -66,22 +66,22 @@ const ae = 350, yo = ({
   );
 };
 function ne(e, t, i) {
-  var l, a, d, s, g;
+  var l, a, d, s, m;
   t == null && (t = 100);
-  function c() {
-    var p = Date.now() - s;
-    p < t && p >= 0 ? l = setTimeout(c, t - p) : (l = null, i || (g = e.apply(d, a), d = a = null));
+  function g() {
+    var f = Date.now() - s;
+    f < t && f >= 0 ? l = setTimeout(g, t - f) : (l = null, i || (m = e.apply(d, a), d = a = null));
   }
-  var m = function() {
+  var p = function() {
     d = this, a = arguments, s = Date.now();
-    var p = i && !l;
-    return l || (l = setTimeout(c, t)), p && (g = e.apply(d, a), d = a = null), g;
+    var f = i && !l;
+    return l || (l = setTimeout(g, t)), f && (m = e.apply(d, a), d = a = null), m;
   };
-  return m.clear = function() {
+  return p.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, m.flush = function() {
-    l && (g = e.apply(d, a), d = a = null, clearTimeout(l), l = null);
-  }, m;
+  }, p.flush = function() {
+    l && (m = e.apply(d, a), d = a = null, clearTimeout(l), l = null);
+  }, p;
 }
 ne.debounce = ne;
 var Ie = ne;
@@ -100,16 +100,16 @@ function le({
   ), s = Q(
     () => ["all", "onChange"].includes(i) ? d : null,
     [d, i]
-  ), g = Q(
+  ), m = Q(
     () => ["all", "onBlur"].includes(i) ? a : null,
     [i]
   );
   return Q(
     () => ({
       onChangeTrigger: s,
-      onBlurTrigger: g
+      onBlurTrigger: m
     }),
-    [s, g]
+    [s, m]
   );
 }
 const Co = ({
@@ -120,50 +120,50 @@ const Co = ({
   readonly: a = !1,
   disabled: d = !1,
   optionsMap: s,
-  width: g = "100%",
-  flex: c,
-  placeholder: m,
-  onSelect: p,
+  width: m = "100%",
+  flex: g,
+  placeholder: p,
+  onSelect: f,
   parser: h,
-  filter: $,
-  tooltipProps: u = {},
-  infoProps: k = {},
-  maxHeigthMenu: B,
-  isRequired: j = !1,
-  onRemoveSelected: L,
-  triggerFormField: C = null,
-  displayText: R,
-  ...M
+  filter: b,
+  tooltipProps: B = {},
+  infoProps: j = {},
+  maxHeigthMenu: u,
+  isRequired: S = !1,
+  onRemoveSelected: R,
+  triggerFormField: k = null,
+  displayText: M,
+  ...H
 }) => {
   const { onChangeTrigger: z } = le({
     form: e,
     fieldName: t,
-    triggerType: C,
+    triggerType: k,
     debounceTime: 0
   }), J = {
     position: "top",
-    ...u
+    ...B
   }, A = {
-    ...k,
+    ...j,
     tooltipProps: {
       position: "top",
       maxWidth: "300px",
-      ...k == null ? void 0 : k.tooltipProps
+      ...j == null ? void 0 : j.tooltipProps
     }
-  }, T = (x, v) => {
-    let H = x;
-    h && (H = h == null ? void 0 : h(x)), v(H), p == null || p(H), z == null || z();
-  }, b = Q(() => G(s) ? s : Object.fromEntries(l.map((x) => [x.value, x])), [l, s]);
-  return /* @__PURE__ */ n.jsx(_, { width: g, flex: c, children: /* @__PURE__ */ n.jsx(
+  }, T = (w, v) => {
+    let E = w;
+    h && (E = h == null ? void 0 : h(w)), v(E), f == null || f(E), z == null || z();
+  }, x = Q(() => G(s) ? s : Object.fromEntries(l.map((w) => [w.value, w])), [l, s]);
+  return /* @__PURE__ */ n.jsx(_, { width: m, flex: g, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: x, value: v },
-        fieldState: { error: H = null }
+        field: { onChange: w, value: v },
+        fieldState: { error: E = null }
       }) => {
-        let w = b[v];
+        let y = x[v];
         return /* @__PURE__ */ n.jsx(
           me,
           {
@@ -172,22 +172,22 @@ const Co = ({
             size: "Small",
             disabled: d,
             readonly: a,
-            filter: $,
-            errorMessage: H == null ? void 0 : H.message,
-            placeholder: m,
-            value: w,
-            handleOption: (f) => {
-              T(f.value, x);
+            filter: b,
+            errorMessage: E == null ? void 0 : E.message,
+            placeholder: p,
+            value: y,
+            handleOption: (c) => {
+              T(c.value, w);
             },
             tooltipProps: J,
             options: l,
-            maxHeigthMenu: B,
+            maxHeigthMenu: u,
             infoProps: A,
-            maxHeightMenu: B,
-            isRequired: j,
-            onRemoveSelected: L,
-            displayText: R,
-            ...M
+            maxHeightMenu: u,
+            isRequired: S,
+            onRemoveSelected: R,
+            displayText: M,
+            ...H
           }
         );
       }
@@ -201,50 +201,50 @@ const Co = ({
   disabled: a = !1,
   width: d = "100%",
   height: s = "100%",
-  flex: g,
-  placeholder: c,
-  charactersCounter: m = !0,
-  maxlength: p = 1e3,
+  flex: m,
+  placeholder: g,
+  charactersCounter: p = !0,
+  maxlength: f = 1e3,
   resize: h = !0,
-  triggerFormField: $ = null,
-  minHeight: u,
-  maxHeight: k,
-  ...B
+  triggerFormField: b = null,
+  minHeight: B,
+  maxHeight: j,
+  ...u
 }) => {
-  const { onChangeTrigger: j } = le({
+  const { onChangeTrigger: S } = le({
     form: e,
     fieldName: t,
-    triggerType: $
-  }), L = (C, R) => {
-    R(C), j == null || j();
+    triggerType: b
+  }), R = (k, M) => {
+    M(k), S == null || S();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: d, flex: g, height: s, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: d, flex: m, height: s, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: C, value: R },
-        fieldState: { error: M = null }
+        field: { onChange: k, value: M },
+        fieldState: { error: H = null }
       }) => /* @__PURE__ */ n.jsx(
         we,
         {
           label: i,
-          value: R || "",
+          value: M || "",
           width: "100%",
           disabled: a,
           readonly: l,
           height: s,
-          minHeight: u,
-          maxHeight: k,
-          errorMessage: M == null ? void 0 : M.message,
-          placeholder: c,
-          onChange: (z) => L(z.target.value, C),
-          charactersCounter: m,
-          maxlength: p,
+          minHeight: B,
+          maxHeight: j,
+          errorMessage: H == null ? void 0 : H.message,
+          placeholder: g,
+          onChange: (z) => R(z.target.value, k),
+          charactersCounter: p,
+          maxlength: f,
           size: "Small",
           resize: h,
-          ...B
+          ...u
         }
       )
     }
@@ -259,54 +259,54 @@ const ko = ({
   readonly: a = !1,
   disabled: d = !1,
   afterCheck: s,
-  width: g = "100%",
-  formatter: c,
-  parser: m,
-  flex: p,
+  width: m = "100%",
+  formatter: g,
+  parser: p,
+  flex: f,
   size: h = "Medium",
-  triggerFormField: $ = null,
-  ...u
+  triggerFormField: b = null,
+  ...B
 }) => {
-  const { onChangeTrigger: k } = le({
+  const { onChangeTrigger: j } = le({
     form: e,
     fieldName: t,
-    triggerType: $,
+    triggerType: b,
     debounceTime: 0
-  }), B = (j, L) => {
-    L(j), s == null || s(j), k == null || k();
+  }), u = (S, R) => {
+    R(S), s == null || s(S), j == null || j();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: g, flex: p, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: m, flex: f, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: j, value: L },
-        fieldState: { error: C = null }
+        field: { onChange: S, value: R },
+        fieldState: { error: k = null }
       }) => {
-        const R = C == null ? void 0 : C.message;
-        return R && console.log("Error on checkbox!", R), /* @__PURE__ */ n.jsx(
+        const M = k == null ? void 0 : k.message;
+        return M && console.log("Error on checkbox!", M), /* @__PURE__ */ n.jsx(
           ye,
           {
             id: `form-checkbox-${i}`,
-            checked: (c == null ? void 0 : c(L)) ?? L,
+            checked: (g == null ? void 0 : g(R)) ?? R,
             name: t,
             label: l,
             disabled: d || a,
-            onChange: (M) => {
-              B(
-                (m == null ? void 0 : m(M.target.checked, L)) ?? M.target.checked,
-                j
+            onChange: (H) => {
+              u(
+                (p == null ? void 0 : p(H.target.checked, R)) ?? H.target.checked,
+                S
               );
             },
             size: h,
-            ...u
+            ...B
           }
         );
       }
     }
   ) });
-}, Me = y.ul`
+}, Me = C.ul`
   ${q}
   position: fixed;
   margin-top: ${({ marginTop: e }) => e};
@@ -336,7 +336,7 @@ const ko = ({
     background: ${o.colors.neutralColors.colorNeutralClean};
     border-radius: ${o.borders.borderRadius.borderRadiusPill};
   }
-`, Fe = y.li`
+`, Fe = C.li`
   ${q}
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodyMd : o.fonts.fontSize.fontSizeBodyLg};
@@ -344,7 +344,7 @@ const ko = ({
   margin: 0 ${o.spacings.spacingInline.spacingInlineXs};
   cursor: default;
   color: ${o.colors.neutralColors.colorNeutralDark};
-`, He = y.li`
+`, He = C.li`
   ${q}
   display: flex;
   flex: 2;
@@ -378,7 +378,7 @@ const ko = ({
         color: ${({ disabled: t }) => t ? o.colors.neutralColors.colorNeutralCleanest : o.colors.neutralColors.colorNeutralCloudy};
       }
     `}
-`, Ee = y.li`
+`, Ee = C.li`
   ${q}
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -389,13 +389,13 @@ const ko = ({
   margin: ${({ size: e }) => e === "Small" ? `${o.spacings.spacingStack.spacingStackSm} ${o.spacings.spacingInline.spacingInlineXs}
       ${o.spacings.spacingStack.spacingStackNano}` : `${o.spacings.spacingStack.spacingStackSm} ${o.spacings.spacingInline.spacingInlineXs}
       ${o.spacings.spacingStack.spacingStackXs}`};
-`, Le = y.span`
+`, Le = C.span`
   ${q}
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodyMd : o.fonts.fontSize.fontSizeBodyLg};
   font-weight: ${o.fonts.fontWeight.fontWeightSemiBold};
   line-height: ${({ size: e }) => e === "Small" ? o.fonts.lineHeight.lineHeightSm(o.fonts.fontSize.fontSizeBodyMd) : o.fonts.lineHeight.lineHeightMd(o.fonts.fontSize.fontSizeBodyLg)};
-`, Ae = y.div`
+`, Ae = C.div`
   ${q}
   display: flex;
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -411,7 +411,7 @@ const ko = ({
     text-overflow: ellipsis;
     text-align: start;
   }
-`, Te = y.div`
+`, Te = C.div`
   ${q}
   display: flex;
   flex-direction: row;
@@ -422,43 +422,43 @@ const ko = ({
   background-color: ${({ highlightedIndex: e, disabled: t }) => e ? t ? o.colors.backgroundColors.colorBackgroundSnow : o.colors.neutralColors.colorNeutralLight : o.colors.backgroundColors.colorBackgroundSnow};
   border-radius: ${o.borders.borderRadius.borderRadiusSm};
   min-height: ${({ size: e }) => e === "Small" ? "28px" : "40px"};
-`, Pe = y.div`
+`, Pe = C.div`
   ${q}
   padding: ${({ iconPosition: e }) => e === "left" ? `0 ${o.spacings.spacingInline.spacingInlineNano} 0 0` : `0 0 0 ${o.spacings.spacingInline.spacingInlineNano}`};
   margin: 0;
   display: flex;
   align-self: center;
 `, Oe = (e, t, i = 0, l = 0, a = "left") => {
-  const [d, s] = P(0), [g, c] = P(), m = U(null), p = ue(() => {
-    if (!e.current || !m.current) return;
-    const h = e.current.getBoundingClientRect(), $ = m.current.getBoundingClientRect(), u = window.innerHeight, k = window.innerWidth, B = h.top, j = u - h.bottom, L = j < $.height + l && B > j;
-    let C;
-    L ? (C = h.top - $.height - i, m.current.style.maxHeight = `${B - i}px`) : (C = h.bottom + l, m.current.style.maxHeight = `${j - l}px`);
-    let R = h.left;
-    const M = R + $.width - k;
-    M > 0 && (R -= M), R < 0 && (R = 0);
-    const z = k - h.right;
-    Object.assign(m.current.style, {
+  const [d, s] = P(0), [m, g] = P(), p = U(null), f = ue(() => {
+    if (!e.current || !p.current) return;
+    const h = e.current.getBoundingClientRect(), b = p.current.getBoundingClientRect(), B = window.innerHeight, j = window.innerWidth, u = h.top, S = B - h.bottom, R = S < b.height + l && u > S;
+    let k;
+    R ? (k = h.top - b.height - i, p.current.style.maxHeight = `${u - i}px`) : (k = h.bottom + l, p.current.style.maxHeight = `${S - l}px`);
+    let M = h.left;
+    const H = M + b.width - j;
+    H > 0 && (M -= H), M < 0 && (M = 0);
+    const z = j - h.right;
+    Object.assign(p.current.style, {
       position: "fixed",
-      top: `${C}px`,
-      ...a === "left" ? { left: `${R}px` } : { right: `${z}px` },
-      width: `${Math.max(h.width, $.width)}px`,
+      top: `${k}px`,
+      ...a === "left" ? { left: `${M}px` } : { right: `${z}px` },
+      width: `${Math.max(h.width, b.width)}px`,
       overflowY: "auto"
     });
   }, [i, l, a]);
   return Z(() => {
-    var $;
-    s(0), c(($ = e.current) == null ? void 0 : $.clientWidth), p();
-    const h = () => p();
+    var b;
+    s(0), g((b = e.current) == null ? void 0 : b.clientWidth), f();
+    const h = () => f();
     return window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
       window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
-  }, [e, p]), {
+  }, [e, f]), {
     highlightedIndex: d,
     setHighlightedIndex: s,
     isOptionSelected: (h) => h.label === (t == null ? void 0 : t.label),
-    optionsRef: m,
-    parentWidth: g
+    optionsRef: p,
+    parentWidth: m
   };
 }, ie = ge(
   ({
@@ -469,68 +469,68 @@ const ko = ({
     value: a,
     inputValue: d,
     widthMenu: s,
-    maxHeightMenu: g = "180px",
-    menuIsOpen: c,
-    onEnter: m,
-    marginTop: p = "4px",
+    maxHeightMenu: m = "180px",
+    menuIsOpen: g,
+    onEnter: p,
+    marginTop: f = "4px",
     iconName: h,
-    iconColor: $,
-    iconPosition: u,
-    topOffset: k = 0,
-    bottomOffset: B = 0,
-    truncateText: j = !0,
-    menuJustifyContent: L = "flex-start",
-    tableActionButton: C,
-    menuLateralPadding: R = "8px",
-    menuOptionFlexDirection: M = "column",
+    iconColor: b,
+    iconPosition: B,
+    topOffset: j = 0,
+    bottomOffset: u = 0,
+    truncateText: S = !0,
+    menuJustifyContent: R = "flex-start",
+    tableActionButton: k,
+    menuLateralPadding: M = "8px",
+    menuOptionFlexDirection: H = "column",
     confirmSelection: z,
     menuAlign: J = "left"
   }, A) => {
     G(h) && (h += "Ant");
     const {
       highlightedIndex: T,
-      setHighlightedIndex: b,
-      isOptionSelected: x,
+      setHighlightedIndex: x,
+      isOptionSelected: w,
       optionsRef: v,
-      parentWidth: H
+      parentWidth: E
     } = Oe(
       e,
       a,
-      k,
-      B,
+      j,
+      u,
       J
     );
     Z(() => {
-      const r = (S) => {
-        if (c) {
-          if (S.key === "ArrowDown")
-            S.preventDefault(), b(
+      const r = ($) => {
+        if (g) {
+          if ($.key === "ArrowDown")
+            $.preventDefault(), x(
               (N) => N < t.length - 1 ? N + 1 : N
             );
-          else if (S.key === "ArrowUp")
-            S.preventDefault(), b(
+          else if ($.key === "ArrowUp")
+            $.preventDefault(), x(
               (N) => N > 0 ? N - 1 : 0
             );
-          else if (S.key === "Enter" && t[T]) {
-            S.preventDefault();
+          else if ($.key === "Enter" && t[T]) {
+            $.preventDefault();
             const N = t[T];
-            l(N), m && m(N);
+            l(N), p && p(N);
           }
         }
       };
       return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
     }, [
-      c,
+      g,
       t,
       T,
-      m,
+      p,
       l,
       z
     ]);
-    const w = (r) => typeof r == "string" ? r : je.isValidElement(r) && typeof r.props.children == "string" ? r.props.children : String(r), f = (r, S) => {
-      var E, I;
-      if (u !== S) return null;
-      const N = G((E = r.tooltipProps) == null ? void 0 : E.label), W = r.iconName || h || "InfoFill0Sm", D = /* @__PURE__ */ n.jsx(
+    const y = (r) => typeof r == "string" ? r : je.isValidElement(r) && typeof r.props.children == "string" ? r.props.children : String(r), c = (r, $) => {
+      var L, I;
+      if (B !== $) return null;
+      const N = G((L = r.tooltipProps) == null ? void 0 : L.label), W = r.iconName || h || "InfoFill0Sm", D = /* @__PURE__ */ n.jsx(
         Pe,
         {
           iconPosition: (I = r.tooltipProps) == null ? void 0 : I.position,
@@ -539,7 +539,7 @@ const ko = ({
             V,
             {
               iconName: W,
-              color: r.disabled ? o.colors.neutralColors.colorNeutralCleanest : x(r) ? o.colors.brandColors.colorBrandSoft : $ ?? o.colors.neutralColors.colorNeutralDark
+              color: r.disabled ? o.colors.neutralColors.colorNeutralCleanest : w(r) ? o.colors.brandColors.colorBrandSoft : b ?? o.colors.neutralColors.colorNeutralDark
             }
           )
         }
@@ -549,18 +549,18 @@ const ko = ({
     return /* @__PURE__ */ n.jsx(
       Me,
       {
-        marginTop: p,
-        width: s ?? `${H}px`,
-        maxHeight: g,
+        marginTop: f,
+        width: s ?? `${E}px`,
+        maxHeight: m,
         height: "fit-content",
         ref: (r) => {
           v.current = r, typeof A == "function" ? A(r) : A && (A.current = r);
         },
         "data-testid": "MenuSelect",
         id: "MenuSelect",
-        children: t.length === 0 ? /* @__PURE__ */ n.jsx(Fe, { size: i, children: "Sem opções" }) : t.map((r, S) => {
-          var D, E;
-          const N = typeof r.render == "function" ? r.render() : null, W = w(r.label);
+        children: t.length === 0 ? /* @__PURE__ */ n.jsx(Fe, { size: i, children: "Sem opções" }) : t.map((r, $) => {
+          var D, L;
+          const N = typeof r.render == "function" ? r.render() : null, W = y(r.label);
           if (r.isSection)
             return /* @__PURE__ */ n.jsx(Ee, { size: i, children: W }, W);
           {
@@ -568,8 +568,8 @@ const ko = ({
             return /* @__PURE__ */ n.jsxs(
               Te,
               {
-                isOptionSelected: x(r),
-                highlightedIndex: S === T,
+                isOptionSelected: w(r),
+                highlightedIndex: $ === T,
                 onClick: (X) => {
                   X.stopPropagation(), r.disabled || (z ? Ce({
                     id: "select-option",
@@ -590,44 +590,44 @@ const ko = ({
                     }
                   }) : l(r));
                 },
-                onMouseEnter: () => b(S),
+                onMouseEnter: () => x($),
                 disabled: r.disabled,
                 size: i,
-                menuLateralPadding: R,
+                menuLateralPadding: M,
                 children: [
-                  f(r, "left"),
+                  c(r, "left"),
                   /* @__PURE__ */ n.jsxs(
                     He,
                     {
-                      menuOptionFlexDirection: M,
-                      menuJustifyContent: L,
+                      menuOptionFlexDirection: H,
+                      menuJustifyContent: R,
                       iconName: h,
-                      isOptionSelected: x(r),
-                      highlightedIndex: S === T,
+                      isOptionSelected: w(r),
+                      highlightedIndex: $ === T,
                       "data-testid": r.value,
                       size: i,
                       hasDescription: !!r.description,
                       optionValue: r.value,
                       disabled: r.disabled,
-                      truncateText: j,
-                      tableActionButton: C,
+                      truncateText: S,
+                      tableActionButton: k,
                       children: [
                         /* @__PURE__ */ n.jsxs(
                           Ae,
                           {
-                            truncateText: !se(r.label) && j,
+                            truncateText: !se(r.label) && S,
                             children: [
                               N,
                               se(r.label) ? /* @__PURE__ */ n.jsx(
                                 "p",
                                 {
-                                  title: ((D = r == null ? void 0 : r.tooltipProps) == null ? void 0 : D.label) ?? w(r.label),
+                                  title: ((D = r == null ? void 0 : r.tooltipProps) == null ? void 0 : D.label) ?? y(r.label),
                                   children: r.label
                                 }
                               ) : /* @__PURE__ */ n.jsx(
                                 "p",
                                 {
-                                  title: ((E = r == null ? void 0 : r.tooltipProps) == null ? void 0 : E.label) ?? W,
+                                  title: ((L = r == null ? void 0 : r.tooltipProps) == null ? void 0 : L.label) ?? W,
                                   children: d && I >= 0 ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
                                     W.substring(0, I),
                                     /* @__PURE__ */ n.jsx(Le, { size: i, children: W.substring(
@@ -647,7 +647,7 @@ const ko = ({
                       ]
                     }
                   ),
-                  f(r, "right")
+                  c(r, "right")
                 ]
               },
               String(r.value)
@@ -667,9 +667,9 @@ const De = ({
   height: a,
   flex: d,
   children: s,
-  wrapperCustomStyles: g = {},
-  contentCustomStyles: c = {},
-  titleCustomStyles: m = {}
+  wrapperCustomStyles: m = {},
+  contentCustomStyles: g = {},
+  titleCustomStyles: p = {}
 }) => /* @__PURE__ */ n.jsxs(
   _,
   {
@@ -682,7 +682,7 @@ const De = ({
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       border: `1px solid ${o.colors.neutralColors.colorNeutralSoft}`,
       borderRadius: "8px",
-      ...g
+      ...m
     },
     children: [
       /* @__PURE__ */ n.jsxs(
@@ -690,9 +690,9 @@ const De = ({
         {
           width: "100%",
           direction: "horizontal",
-          customStyles: c,
+          customStyles: g,
           children: [
-            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: m, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
+            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: p, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
             t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               /* @__PURE__ */ n.jsx(ke, { size: "auto", direction: "horizontal" }),
               /* @__PURE__ */ n.jsx(
@@ -713,7 +713,7 @@ const De = ({
   }
 );
 De.displayName = "Section";
-const Xe = y.div`
+const Xe = C.div`
   ${q}
   display: flex;
   flex-direction: column;
@@ -722,7 +722,7 @@ const Xe = y.div`
   &:hover {
     cursor: ${({ disabled: e, readonly: t }) => e || t ? "default" : "pointer"};
   }
-`, _e = y.div`
+`, _e = C.div`
   width: 100%;
   ${({ variant: e }) => e === "default" ? F`
           min-height: ${({ size: t }) => t === "Small" ? "3.2rem" : "4rem"};
@@ -782,7 +782,7 @@ const Xe = y.div`
       fill: ${({ disabled: e, readonly: t }) => e || t ? o.colors.neutralColors.colorNeutralCloudy : o.colors.neutralColors.colorNeutralCloudy};
     }
   }
-`, Ue = y.div`
+`, Ue = C.div`
   align-items: center;
   display: flex;
   flex: 1 1 0%;
@@ -791,7 +791,7 @@ const Xe = y.div`
   overflow: hidden;
   min-height: 1em;
   box-sizing: border-box;
-`, de = y.span`
+`, de = C.span`
   display: flex;
   flex-wrap: wrap;
   width: ${({ isDisplayText: e }) => e ? "100%" : "fit-content"};
@@ -809,7 +809,7 @@ const Xe = y.div`
     width: ${({ isDisplayText: e }) => e ? "100%" : "fit-content"};
     font-style: ${({ isDisplayText: e }) => e ? "italic" : "normal"};
   }
-`, Ge = y.span`
+`, Ge = C.span`
   color: ${o.colors.neutralColors.colorNeutralCleanest};
   font-size: ${({ size: e, variant: t }) => t === "default" ? e === "Small" ? o.fonts.fontSize.fontSizeBodyMd : o.fonts.fontSize.fontSizeBodyLg : e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -818,7 +818,7 @@ const Xe = y.div`
   white-space: nowrap;
   overflow: hidden;
   width: fit-content;
-`, qe = y.input`
+`, qe = C.input`
   flex: 1;
   min-width: 0.1rem;
   border: none;
@@ -832,14 +832,14 @@ const Xe = y.div`
     outline: none;
     cursor: ${({ disabled: e, readOnly: t }) => e || t ? "default" : "pointer"};
   }
-`, Je = y.div`
+`, Je = C.div`
   width: 100%;
   display: flex;
   flex-direction: row;
   gap: 4px;
   justify-content: flex-start;
   margin-bottom: ${o.spacings.spacingStack.spacingStackNano};
-`, Ye = y.label`
+`, Ye = C.label`
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -848,7 +848,7 @@ const Xe = y.div`
 )};
   color: ${o.colors.neutralColors.colorNeutralCloudy};
   margin-bottom: ${o.spacings.spacingStack.spacingStackNano};
-`, Qe = y.label`
+`, Qe = C.label`
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -857,7 +857,7 @@ const Xe = y.div`
 )};
   color: ${o.colors.feedbackColors.colorFeedbackError};
 `;
-y.p`
+C.p`
   display: inline-block;
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -865,7 +865,7 @@ y.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `;
-const Ve = y.p`
+const Ve = C.p`
   display: inline-block;
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -873,46 +873,46 @@ const Ve = y.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `, Ze = (e, { value: t, options: i }) => {
-  const [l, a] = P(!1), [d, s] = P(!1), [g, c] = P(""), [m, p] = P(i), h = U(null), $ = U(null), u = U(null), k = U(null);
+  const [l, a] = P(!1), [d, s] = P(!1), [m, g] = P(""), [p, f] = P(i), h = U(null), b = U(null), B = U(null), j = U(null);
   Z(() => {
-    const C = () => {
+    const k = () => {
       s(!1);
     };
-    return window.addEventListener("scroll", C, { passive: !0 }), window.addEventListener("resize", C, { passive: !0 }), () => {
-      window.removeEventListener("scroll", C), window.removeEventListener("resize", C);
+    return window.addEventListener("scroll", k, { passive: !0 }), window.addEventListener("resize", k, { passive: !0 }), () => {
+      window.removeEventListener("scroll", k), window.removeEventListener("resize", k);
     };
   }, []);
-  function B(C) {
-    c(""), s(!1), a(!0), u != null && u.current && u.current.focus(), C !== t && e(C);
+  function u(k) {
+    g(""), s(!1), a(!0), B != null && B.current && B.current.focus(), k !== t && e(k);
   }
-  const j = (C) => {
-    if (C) {
-      const R = new RegExp(C, "i"), M = i.filter(
-        (z) => R.exec(z.label)
+  const S = (k) => {
+    if (k) {
+      const M = new RegExp(k, "i"), H = i.filter(
+        (z) => M.exec(z.label)
       );
-      p(M);
+      f(H);
     } else
-      p(i);
+      f(i);
   };
-  function L(C) {
-    return !C;
+  function R(k) {
+    return !k;
   }
   return {
     isOpen: l,
     setIsOpen: a,
     expanded: d,
     setExpanded: s,
-    inputValue: g,
-    setInputValue: c,
-    optionsSelect: m,
-    setOptionSelect: p,
+    inputValue: m,
+    setInputValue: g,
+    optionsSelect: p,
+    setOptionSelect: f,
     selectContainerRef: h,
-    containerRef: $,
-    inputContainerRef: u,
-    optionsRef: k,
-    selectOption: B,
-    handlerFilterOptions: j,
-    isValue: L
+    containerRef: b,
+    inputContainerRef: B,
+    optionsRef: j,
+    selectOption: u,
+    handlerFilterOptions: S,
+    isValue: R
   };
 }, me = ge(
   ({
@@ -923,68 +923,68 @@ const Ve = y.p`
     placeholder: a,
     label: d,
     size: s = "Medium",
-    width: g = "100%",
-    disabled: c,
-    helpText: m,
-    readonly: p,
+    width: m = "100%",
+    disabled: g,
+    helpText: p,
+    readonly: f,
     errorMessage: h,
-    tooltipProps: $ = {},
-    onBlur: u,
-    onEnter: k,
-    variant: B = "default",
-    infoProps: j = {},
-    maxHeightMenu: L,
-    isRequired: C = !1,
-    onRemoveSelected: R,
-    displayText: M,
+    tooltipProps: b = {},
+    onBlur: B,
+    onEnter: j,
+    variant: u = "default",
+    infoProps: S = {},
+    maxHeightMenu: R,
+    isRequired: k = !1,
+    onRemoveSelected: M,
+    displayText: H,
     displayTextProps: z = {}
   }, J) => {
     const {
       isOpen: A,
       setIsOpen: T,
-      expanded: b,
-      setExpanded: x,
+      expanded: x,
+      setExpanded: w,
       inputValue: v,
-      setInputValue: H,
-      optionsSelect: w,
-      selectContainerRef: f,
+      setInputValue: E,
+      optionsSelect: y,
+      selectContainerRef: c,
       containerRef: r,
-      inputContainerRef: S,
+      inputContainerRef: $,
       selectOption: N,
       setOptionSelect: W,
       handlerFilterOptions: D,
-      isValue: E
+      isValue: L
     } = Ze(t, { value: e, options: i }), I = !!h, X = {
       label: h,
-      ...$,
+      ...b,
       wrapperWidth: "auto",
       isActive: I,
       isErrorTooltip: !0
     }, O = {
-      ...j,
+      ...S,
       size: s
     }, K = /* @__PURE__ */ n.jsx(
       V,
       {
         iconName: `Close${s === "Small" ? "Sm" : "Ant"}`,
         onClick: (Y) => {
-          Y.stopPropagation(), R(e);
+          Y.stopPropagation(), M(e);
         }
       }
     ), te = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandLess${s === "Small" ? "Sm" : "Ant"}` }), be = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandMore${s === "Small" ? "Sm" : "Ant"}` });
     return /* @__PURE__ */ n.jsxs(
       Xe,
       {
-        ref: f,
-        width: g,
+        ref: c,
+        width: m,
         size: s,
-        disabled: c,
-        readonly: p,
+        disabled: g,
+        readonly: f,
         children: [
           d && /* @__PURE__ */ n.jsxs(Je, { children: [
             /* @__PURE__ */ n.jsxs(Ye, { "data-testid": "label", ref: J, children: [
               d,
-              C && !c ? /* @__PURE__ */ n.jsx(Qe, { children: " *" }) : null
+              k && !g ? /* @__PURE__ */ n.jsx(Qe, { children: " *" }) : null
             ] }),
             ((O == null ? void 0 : O.message) || (O == null ? void 0 : O.render)) && /* @__PURE__ */ n.jsx(ze, { ...O })
           ] }),
@@ -992,68 +992,68 @@ const Ve = y.p`
             _e,
             {
               hasError: I,
-              readonly: p,
+              readonly: f,
               ref: r,
               onBlur: () => {
                 setTimeout(() => {
-                  (A || b) && S.current !== document.activeElement && (u && u(e), T(!1), x(!1));
+                  (A || x) && $.current !== document.activeElement && (B && B(e), T(!1), w(!1));
                 }, 250);
               },
               onClick: () => {
-                !c && !p && (A && !b ? (x(!0), S != null && S.current && S.current.focus()) : !A && !b ? (T(!0), x(!0), S != null && S.current && S.current.focus()) : (T(!1), x(!1), S != null && S.current && S.current.blur()), !v && W(i));
+                !g && !f && (A && !x ? (w(!0), $ != null && $.current && $.current.focus()) : !A && !x ? (T(!0), w(!0), $ != null && $.current && $.current.focus()) : (T(!1), w(!1), $ != null && $.current && $.current.blur()), !v && W(i));
               },
               tabIndex: 0,
-              width: g,
+              width: m,
               size: s,
-              isOpen: A || b,
+              isOpen: A || x,
               "data-testid": "select",
-              disabled: c,
-              helpText: m,
-              variant: B,
+              disabled: g,
+              helpText: p,
+              variant: u,
               children: [
                 /* @__PURE__ */ n.jsxs(Ue, { children: [
-                  G(M) ? /* @__PURE__ */ n.jsx(de, { size: s, variant: B, isDisplayText: !0, children: /* @__PURE__ */ n.jsx("p", { title: e == null ? void 0 : e.label, ...z, children: M }) }) : /* @__PURE__ */ n.jsxs(de, { size: s, variant: B, children: [
-                    a && E(e) && !v && !A ? /* @__PURE__ */ n.jsx(Ge, { size: s, variant: B, children: a }) : null,
+                  G(H) ? /* @__PURE__ */ n.jsx(de, { size: s, variant: u, isDisplayText: !0, children: /* @__PURE__ */ n.jsx("p", { title: e == null ? void 0 : e.label, ...z, children: H }) }) : /* @__PURE__ */ n.jsxs(de, { size: s, variant: u, children: [
+                    a && L(e) && !v && !A ? /* @__PURE__ */ n.jsx(Ge, { size: s, variant: u, children: a }) : null,
                     (e == null ? void 0 : e.label) && /* @__PURE__ */ n.jsx("p", { title: (e == null ? void 0 : e.hint) ?? (e == null ? void 0 : e.label), children: e == null ? void 0 : e.label })
                   ] }),
-                  l && !G(M) && /* @__PURE__ */ n.jsx(
+                  l && !G(H) && /* @__PURE__ */ n.jsx(
                     qe,
                     {
-                      ref: S,
+                      ref: $,
                       value: v,
                       onChange: (Y) => {
-                        H(Y.target.value), Y.target.value.length > 0 && (T(!0), x(!0)), D(Y.target.value);
+                        E(Y.target.value), Y.target.value.length > 0 && (T(!0), w(!0)), D(Y.target.value);
                       },
-                      readOnly: p,
+                      readOnly: f,
                       width: v.length,
                       size: s,
-                      disabled: c,
-                      variant: B
+                      disabled: g,
+                      variant: u
                     }
                   )
                 ] }),
-                R && e ? K : null,
-                b ? te : be,
-                b && /* @__PURE__ */ n.jsx(
+                M && e ? K : null,
+                x ? te : be,
+                x && /* @__PURE__ */ n.jsx(
                   ie,
                   {
                     onEnter: (Y) => {
-                      t && t(Y), T(!1), x(!1), k && k(Y);
+                      t && t(Y), T(!1), w(!1), j && j(Y);
                     },
                     menuIsOpen: A,
-                    selectContainerRef: f,
+                    selectContainerRef: c,
                     value: e,
-                    optionsSelect: w,
+                    optionsSelect: y,
                     selectOption: N,
                     size: s,
                     inputValue: v,
-                    maxHeightMenu: L
+                    maxHeightMenu: R
                   }
                 )
               ]
             }
           ) }),
-          m && /* @__PURE__ */ n.jsx(Ve, { size: s, children: m })
+          p && /* @__PURE__ */ n.jsx(Ve, { size: s, children: p })
         ]
       }
     );
@@ -1067,7 +1067,7 @@ const pe = Be`
   to {
     transform: rotate(360deg);
   }
-`, Ke = y.button`
+`, Ke = C.button`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1150,7 +1150,7 @@ const pe = Be`
       fill: ${({ variant: e, disabled: t }) => t ? o.colors.neutralColors.colorNeutralCloudy : e === "primary" ? o.colors.backgroundColors.colorBackgroundSnow : o.colors.neutralColors.colorNeutralDark};
     }
   }
-`, eo = y.div`
+`, eo = C.div`
   display: flex;
   flex-direction: column;
   width: ${({ width: e }) => e};
@@ -1158,7 +1158,7 @@ const pe = Be`
   &:hover {
     cursor: ${({ disabled: e }) => e && "not-allowed"};
   }
-`, oo = y.label`
+`, oo = C.label`
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -1168,7 +1168,7 @@ const pe = Be`
   color: ${({ hasError: e }) => e ? `${o.colors.feedbackColors.colorFeedbackError}` : `${o.colors.neutralColors.colorNeutralCloudy}`};
   margin-bottom: ${o.spacings.spacingStack.spacingStackNano};
 `;
-y.p`
+C.p`
   display: inline-block;
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -1176,7 +1176,7 @@ y.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `;
-const to = y.div`
+const to = C.div`
   width: 100%;
 
   & > svg {
@@ -1212,28 +1212,28 @@ const to = y.div`
   disabled: a = !1,
   isLoading: d = !1,
   onClick: s,
-  options: g,
-  label: c,
-  menuSelectProps: m = {},
-  iconName: p,
+  options: m,
+  label: g,
+  menuSelectProps: p = {},
+  iconName: f,
   optionsIconPosition: h
 }) => {
-  const { isOpen: $, setIsOpen: u, selectContainerRef: k, optionsSelect: B } = no(g);
-  let j = o.colors.backgroundColors.colorBackgroundSnow;
-  a ? j = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (j = o.colors.neutralColors.colorNeutralDark);
-  const L = {
-    ...m
+  const { isOpen: b, setIsOpen: B, selectContainerRef: j, optionsSelect: u } = no(m);
+  let S = o.colors.backgroundColors.colorBackgroundSnow;
+  a ? S = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (S = o.colors.neutralColors.colorNeutralDark);
+  const R = {
+    ...p
   };
   return /* @__PURE__ */ n.jsxs(
     eo,
     {
-      ref: k,
+      ref: j,
       width: i,
       size: l,
       disabled: a,
-      onBlur: () => setTimeout(() => u(!1), ro),
+      onBlur: () => setTimeout(() => B(!1), ro),
       children: [
-        c && /* @__PURE__ */ n.jsx(oo, { children: c }),
+        g && /* @__PURE__ */ n.jsx(oo, { children: g }),
         /* @__PURE__ */ n.jsxs(
           Ke,
           {
@@ -1242,54 +1242,54 @@ const to = y.div`
             disabled: a,
             variant: t,
             isLoading: d,
-            onClick: () => !d && u(!$),
+            onClick: () => !d && B(!b),
             id: `button-component-${e}`,
             children: [
               d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: a, variant: t, children: /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ProgressActivity${l === "Small" ? "Ant" : "Sm"}`,
-                  color: j,
+                  color: S,
                   "data-testid": "icon-loading"
                 }
               ) }),
               !d && /* @__PURE__ */ n.jsx("p", { title: e, children: e }),
-              !d && ($ ? /* @__PURE__ */ n.jsx(
+              !d && (b ? /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ExpandLess${l === "Small" ? "Ant" : "Sm"}`,
-                  color: j,
+                  color: S,
                   "data-testid": "icon-button-less"
                 }
               ) : /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ExpandMore${l === "Small" ? "Ant" : "Sm"}`,
-                  color: j,
+                  color: S,
                   "data-testid": "icon-button-more"
                 }
               ))
             ]
           }
         ),
-        $ && /* @__PURE__ */ n.jsx(
+        b && /* @__PURE__ */ n.jsx(
           ie,
           {
-            selectContainerRef: k,
+            selectContainerRef: j,
             value: null,
-            optionsSelect: B,
+            optionsSelect: u,
             selectOption: s,
             size: l,
             inputValue: null,
             iconPosition: h,
-            iconName: p,
-            ...L
+            iconName: f,
+            ...R
           }
         )
       ]
     }
   );
-}, lo = y.div`
+}, lo = C.div`
   min-width: ${({ widthItems: e }) => e};
   max-width: ${({ widthItems: e }) => e};
   height: 100%;
@@ -1299,7 +1299,7 @@ const to = y.div`
     overflow: auto;
     scroll-padding-top: 10px;
   }
-`, io = y.div`
+`, io = C.div`
   width: 100%;
   min-height: ${({ heightItems: e }) => e};
   max-height: ${({ heightItems: e }) => e};
@@ -1310,7 +1310,8 @@ const to = y.div`
       border-right: ${({ selected: t }) => t ? "none" : `1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
     `}
   cursor: pointer;
-`, so = y.div`
+  ${({ customStyles: e }) => e && F(e)}
+`, so = C.div`
   max-width: 4px;
   min-width: 4px;
   min-height: ${({ heightItems: e }) => e};
@@ -1322,13 +1323,13 @@ const to = y.div`
       border-right: ${({ selected: t }) => t ? "none" : `1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
     `}
   cursor: pointer;
-`, ao = y.div`
+`, ao = C.div`
   display: flex;
   min-width: 0;
   height: 100%;
   flex: 1;
   background-color: #e8f3ff;
-`, co = y.div`
+`, co = C.div`
   max-width: 4px;
   min-width: 4px;
   height: 100%;
@@ -1342,25 +1343,27 @@ const to = y.div`
   options: a = [],
   heightItems: d = "60px",
   widthItems: s = "155px",
-  emptyProps: g = {
+  emptyProps: m = {
     title: "Nenhum dado a ser mostrado",
     body: null
-  }
+  },
+  customWrapperStyles: g = {},
+  customItemStyles: p = {}
 }) => {
-  var $;
-  const [c, m] = P(a[0] || null), p = U(null), h = U(null);
+  var j;
+  const [f, h] = P(a[0] || null), b = U(null), B = U(null);
   return Z(() => {
-    const u = p.current, k = h.current, B = () => {
-      u && k && (k.scrollTop = u.scrollTop);
+    const u = b.current, S = B.current, R = () => {
+      u && S && (S.scrollTop = u.scrollTop);
     };
-    return u == null || u.addEventListener("scroll", B), () => {
-      u == null || u.removeEventListener("scroll", B);
+    return u == null || u.addEventListener("scroll", R), () => {
+      u == null || u.removeEventListener("scroll", R);
     };
   }, []), (a == null ? void 0 : a.length) === 0 ? /* @__PURE__ */ n.jsx(
     he,
     {
-      title: g.title,
-      body: g.body,
+      title: m.title,
+      body: m.body,
       flex: "1",
       mode: "table"
     }
@@ -1374,31 +1377,33 @@ const to = y.div`
       direction: "horizontal",
       customStyles: {
         border: `1px solid ${o.colors.neutralColors.colorNeutralSoft}`,
-        borderRadius: o.borders.borderRadius.borderRadiusSm
+        borderRadius: o.borders.borderRadius.borderRadiusSm,
+        ...g
       },
       children: [
-        /* @__PURE__ */ n.jsx(lo, { ref: p, widthItems: s, children: a == null ? void 0 : a.map((u, k) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(lo, { ref: b, widthItems: s, children: a == null ? void 0 : a.map((u, S) => /* @__PURE__ */ n.jsx(
           io,
           {
-            selected: (c == null ? void 0 : c.key) === u.key,
-            onClick: () => m(u),
+            selected: (f == null ? void 0 : f.key) === u.key,
+            onClick: () => h(u),
             withBorderRight: !1,
             heightItems: d,
+            customStyles: p,
             children: u.item
           },
-          k
+          S
         )) }),
-        /* @__PURE__ */ n.jsx(co, { ref: h, children: ($ = a == null ? void 0 : a.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : $.map((u, k) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(co, { ref: B, children: (j = a == null ? void 0 : a.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : j.map((u, S) => /* @__PURE__ */ n.jsx(
           so,
           {
-            selected: (c == null ? void 0 : c.key) === u.key,
-            onClick: () => m(u),
+            selected: (f == null ? void 0 : f.key) === u.key,
+            onClick: () => h(u),
             withBorderRight: !0,
             heightItems: d
           },
-          k
+          S
         )) }),
-        /* @__PURE__ */ n.jsx(ao, { children: c && (c == null ? void 0 : c.contentItem) })
+        /* @__PURE__ */ n.jsx(ao, { children: f && (f == null ? void 0 : f.contentItem) })
       ]
     }
   );
@@ -1414,7 +1419,7 @@ const to = y.div`
       fill: ${o.colors.neutralColors.colorNeutralDarkest};
     }
   }
-`, fo = y.div`
+`, fo = C.div`
   width: 100%;
   max-height: ${({ maxHeight: e }) => e};
   overflow: auto;
@@ -1436,11 +1441,11 @@ const to = y.div`
     background: ${o.colors.neutralColors.colorNeutralClean};
     border-radius: ${o.borders.borderRadius.borderRadiusPill};
   }
-`, ho = y.table`
+`, ho = C.table`
   border-collapse: separate;
   border-spacing: 0;
   width: 100%;
-`, uo = `${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall} 0 0`, go = `0 0 ${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall}`, ee = y.tr`
+`, uo = `${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall} 0 0`, go = `0 0 ${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall}`, ee = C.tr`
   ${({ isHeader: e, size: t }) => e && F`
       position: sticky;
       background-color: ${o.colors.backgroundColors.colorBackgroundSnow};
@@ -1494,7 +1499,7 @@ const to = y.div`
     return F`
       width: ${e};
     `;
-}, oe = y.th`
+}, oe = C.th`
   text-align: ${({ horizontalAlign: e, headerAlign: t }) => e ?? t ?? "left"};
   vertical-align: middle;
   min-width: ${({ minWidth: e }) => e || "auto"};
@@ -1538,7 +1543,7 @@ const to = y.div`
   &:hover {
     cursor: default;
   }
-`, mo = y.td`
+`, mo = C.td`
   text-align: ${({ horizontalAlign: e }) => e || "left"};
   vertical-align: ${({ verticalAlign: e }) => e || "middle"};
 
@@ -1582,9 +1587,9 @@ function jo({
   fit: a = !1,
   maxHeight: d = "40rem",
   columns: s,
-  dataSource: g,
-  columnsTextSize: c = i,
-  emptyProps: m = {
+  dataSource: m,
+  columnsTextSize: g = i,
+  emptyProps: p = {
     width: "100%",
     height: "100%",
     title: "Nenhum dado a ser mostrado.",
@@ -1592,38 +1597,38 @@ function jo({
     borders: !0,
     backgroundColor: o.colors.backgroundColors.colorBackgroundSnow
   },
-  selectedRow: p = !1,
+  selectedRow: f = !1,
   hideHeader: h = !1,
-  withBorder: $ = !0,
-  withBorderRadius: u = !0,
-  striped: k = !1,
-  borderRadius: B = o.borders.borderRadius.borderRadiusSm
+  withBorder: b = !0,
+  withBorderRadius: B = !0,
+  striped: j = !1,
+  borderRadius: u = o.borders.borderRadius.borderRadiusSm
 }) {
-  const j = Q(() => po(t), [t]), [L, C] = P(null), R = U(null), M = U(null), [z, J] = P(s);
+  const S = Q(() => po(t), [t]), [R, k] = P(null), M = U(null), H = U(null), [z, J] = P(s);
   Ne(() => {
-    if (!M.current || s.length === 0) {
+    if (!H.current || s.length === 0) {
       J(s);
       return;
     }
-    const b = () => {
+    const x = () => {
       var D;
-      const v = ((D = M.current) == null ? void 0 : D.clientWidth) || 0;
+      const v = ((D = H.current) == null ? void 0 : D.clientWidth) || 0;
       if (v === 0) return;
-      let H = 0, w = 0;
-      const f = [], r = [];
-      s.forEach((E) => {
-        const I = Number(E.flex);
-        E.width ? H += parseInt(E.width, 10) || 0 : E.flex && I > 0 ? (w += I, f.push(E)) : r.push(E);
+      let E = 0, y = 0;
+      const c = [], r = [];
+      s.forEach((L) => {
+        const I = Number(L.flex);
+        L.width ? E += parseInt(L.width, 10) || 0 : L.flex && I > 0 ? (y += I, c.push(L)) : r.push(L);
       });
-      const S = v - H, N = "80";
+      const $ = v - E, N = "80";
       let W = [...s];
-      if (S > 0) {
-        if (f.length > 0) {
-          const E = S / w;
+      if ($ > 0) {
+        if (c.length > 0) {
+          const L = $ / y;
           W = s.map((I) => {
             const X = Number(I.flex);
             if (X && X > 0) {
-              const O = parseInt(I.minWidth || N, 10), K = X * E, te = Math.max(K, O);
+              const O = parseInt(I.minWidth || N, 10), K = X * L, te = Math.max(K, O);
               return { ...I, width: `${Math.floor(te)}px` };
             }
             return !I.width && !X ? {
@@ -1632,35 +1637,35 @@ function jo({
             } : I;
           });
         } else if (r.length > 0) {
-          const E = S / r.length;
+          const L = $ / r.length;
           W = s.map((I) => {
             const X = Number(I.flex);
             if (!I.width && !X) {
-              const O = parseInt(I.minWidth || N, 10), K = Math.max(E, O);
+              const O = parseInt(I.minWidth || N, 10), K = Math.max(L, O);
               return { ...I, width: `${Math.floor(K)}px` };
             }
             return I;
           });
         }
       } else
-        W = s.map((E) => E.width ? E : { ...E, width: E.minWidth || `${N}px` });
+        W = s.map((L) => L.width ? L : { ...L, width: L.minWidth || `${N}px` });
       J(W);
     };
-    b();
-    const x = new ResizeObserver(b);
-    return x.observe(M.current), () => x.disconnect();
+    x();
+    const w = new ResizeObserver(x);
+    return w.observe(H.current), () => w.disconnect();
   }, [s]), Z(() => {
-    const b = (x) => {
-      R.current && !R.current.contains(x.target) && C(null);
+    const x = (w) => {
+      M.current && !M.current.contains(w.target) && k(null);
     };
-    return document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("mousedown", b);
+    return document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("mousedown", x);
     };
   }, []);
   const A = Q(() => z ? z.some(
-    (b) => b.mergeHeaderId && b.mergeHeaderLabel
+    (x) => x.mergeHeaderId && x.mergeHeaderLabel
   ) : !1, [z]), T = Q(() => {
-    var H, w;
+    var E, y;
     if (h || !z || z.length === 0)
       return null;
     if (!A)
@@ -1670,58 +1675,58 @@ function jo({
           isHeader: !0,
           size: i,
           numRows: 1,
-          borderRadius: B,
-          children: z.map((f) => {
+          borderRadius: u,
+          children: z.map((c) => {
             var r;
             return /* @__PURE__ */ n.jsx(
               oe,
               {
-                width: f.width,
-                minWidth: f.minWidth,
-                maxWidth: f.maxWidth,
-                horizontalAlign: f.horizontalAlign,
+                width: c.width,
+                minWidth: c.minWidth,
+                maxWidth: c.maxWidth,
+                horizontalAlign: c.horizontalAlign,
                 size: i,
-                columnsTextSize: c,
-                withBorder: $,
-                headerAlign: f.headerAlign,
-                children: ((r = f.columnRender) == null ? void 0 : r.call(f, g)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
+                columnsTextSize: g,
+                withBorder: b,
+                headerAlign: c.headerAlign,
+                children: ((r = c.columnRender) == null ? void 0 : r.call(c, m)) || /* @__PURE__ */ n.jsx("span", { title: c.label, children: c.label })
               },
-              f.dataIndex
+              c.dataIndex
             );
           })
         }
       );
-    const b = [], x = [];
+    const x = [], w = [];
     let v = 0;
     for (; v < z.length; ) {
-      const f = z[v];
-      if (f.mergeHeaderId && f.mergeHeaderLabel) {
+      const c = z[v];
+      if (c.mergeHeaderId && c.mergeHeaderLabel) {
         let r = 0;
-        const S = f.mergeHeaderId;
-        for (let N = v; N < z.length && z[N].mergeHeaderId === S; N++)
+        const $ = c.mergeHeaderId;
+        for (let N = v; N < z.length && z[N].mergeHeaderId === $; N++)
           r++;
-        b.push(
+        x.push(
           /* @__PURE__ */ n.jsx(
             oe,
             {
               colSpan: r,
               horizontalAlign: "center",
               size: i,
-              columnsTextSize: c,
-              withBorder: $,
-              width: f.width,
-              minWidth: f.minWidth,
-              maxWidth: f.maxWidth,
-              headerAlign: f.headerAlign,
+              columnsTextSize: g,
+              withBorder: b,
+              width: c.width,
+              minWidth: c.minWidth,
+              maxWidth: c.maxWidth,
+              headerAlign: c.headerAlign,
               isTopRow: !0,
-              children: /* @__PURE__ */ n.jsx("span", { title: f.mergeHeaderLabel, children: f.mergeHeaderLabel })
+              children: /* @__PURE__ */ n.jsx("span", { title: c.mergeHeaderLabel, children: c.mergeHeaderLabel })
             },
-            `${f.mergeHeaderId}-merged`
+            `${c.mergeHeaderId}-merged`
           )
         );
         for (let N = 0; N < r; N++) {
           const W = z[v + N];
-          x.push(
+          w.push(
             /* @__PURE__ */ n.jsx(
               oe,
               {
@@ -1730,10 +1735,10 @@ function jo({
                 maxWidth: W.maxWidth,
                 horizontalAlign: W.horizontalAlign,
                 size: i,
-                columnsTextSize: c,
-                withBorder: $,
-                headerAlign: f.headerAlign,
-                children: ((H = W.columnRender) == null ? void 0 : H.call(W, g)) || /* @__PURE__ */ n.jsx("span", { title: W.label, children: W.label })
+                columnsTextSize: g,
+                withBorder: b,
+                headerAlign: c.headerAlign,
+                children: ((E = W.columnRender) == null ? void 0 : E.call(W, m)) || /* @__PURE__ */ n.jsx("span", { title: W.label, children: W.label })
               },
               W.dataIndex + "-individual"
             )
@@ -1741,23 +1746,23 @@ function jo({
         }
         v += r;
       } else
-        b.push(
+        x.push(
           /* @__PURE__ */ n.jsx(
             oe,
             {
               rowSpan: 2,
-              width: f.width,
-              minWidth: f.minWidth,
-              maxWidth: f.maxWidth,
-              horizontalAlign: f.horizontalAlign,
+              width: c.width,
+              minWidth: c.minWidth,
+              maxWidth: c.maxWidth,
+              horizontalAlign: c.horizontalAlign,
               size: i,
-              columnsTextSize: c,
-              withBorder: $,
-              headerAlign: f.headerAlign,
+              columnsTextSize: g,
+              withBorder: b,
+              headerAlign: c.headerAlign,
               isTopRow: !0,
-              children: ((w = f.columnRender) == null ? void 0 : w.call(f, g)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
+              children: ((y = c.columnRender) == null ? void 0 : y.call(c, m)) || /* @__PURE__ */ n.jsx("span", { title: c.label, children: c.label })
             },
-            f.dataIndex
+            c.dataIndex
           )
         ), v++;
     }
@@ -1768,103 +1773,103 @@ function jo({
           isHeader: !0,
           size: i,
           numRows: 2,
-          borderRadius: B,
-          children: b
+          borderRadius: u,
+          children: x
         }
       ),
-      x.length > 0 && /* @__PURE__ */ n.jsx(
+      w.length > 0 && /* @__PURE__ */ n.jsx(
         ee,
         {
           isHeader: !0,
           size: i,
           numRows: 2,
-          borderRadius: B,
-          children: x
+          borderRadius: u,
+          children: w
         }
       )
     ] });
-  }, [z, h, i, c, A]);
-  return !g || g.length === 0 ? /* @__PURE__ */ n.jsx(
+  }, [z, h, i, g, A]);
+  return !m || m.length === 0 ? /* @__PURE__ */ n.jsx(
     he,
     {
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       borders: !0,
       mode: "table",
-      ...m
+      ...p
     }
   ) : /* @__PURE__ */ n.jsx(
     fo,
     {
       maxHeight: d,
-      withBorderRadius: u,
-      ref: M,
-      borderRadius: B,
-      children: /* @__PURE__ */ n.jsxs(ho, { id: e, ref: R, children: [
+      withBorderRadius: B,
+      ref: H,
+      borderRadius: u,
+      children: /* @__PURE__ */ n.jsxs(ho, { id: e, ref: M, children: [
         /* @__PURE__ */ n.jsx("thead", { children: T }),
-        /* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: g == null ? void 0 : g.map((b, x, v) => {
-          const H = j(b);
+        /* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: m == null ? void 0 : m.map((x, w, v) => {
+          const E = S(x);
           return /* @__PURE__ */ n.jsx(
             ee,
             {
-              isLast: x === v.length - 1,
+              isLast: w === v.length - 1,
               fit: a,
               size: i,
-              withBorder: $,
-              isSelected: H === L && p,
-              striped: k && x % 2 !== 0,
-              borderRadius: B,
-              children: z.map((w) => {
-                var f, r, S;
+              withBorder: b,
+              isSelected: E === R && f,
+              striped: j && w % 2 !== 0,
+              borderRadius: u,
+              children: z.map((y) => {
+                var c, r, $;
                 return /* @__PURE__ */ n.jsx(
                   mo,
                   {
-                    width: w.width,
-                    minWidth: w.minWidth,
-                    maxWidth: w.maxWidth,
+                    width: y.width,
+                    minWidth: y.minWidth,
+                    maxWidth: y.maxWidth,
                     size: i,
                     isClickable: G(l),
                     onClick: () => {
-                      l && l(b, w, x), p && C(
-                        L === H ? null : H
+                      l && l(x, y, w), f && k(
+                        R === E ? null : E
                       );
                     },
-                    horizontalAlign: w.horizontalAlign,
-                    verticalAlign: w.verticalAlign,
-                    rowPadding: w.rowPadding,
-                    withBorder: $,
-                    isLast: x === v.length - 1,
-                    backgroundColor: (f = w.paint) == null ? void 0 : f.call(
-                      w,
-                      b[w.dataIndex],
-                      b,
+                    horizontalAlign: y.horizontalAlign,
+                    verticalAlign: y.verticalAlign,
+                    rowPadding: y.rowPadding,
+                    withBorder: b,
+                    isLast: w === v.length - 1,
+                    backgroundColor: (c = y.paint) == null ? void 0 : c.call(
+                      y,
+                      x[y.dataIndex],
                       x,
+                      w,
                       v
                     ),
-                    children: ((r = w.render) == null ? void 0 : r.call(
-                      w,
-                      b[w.dataIndex],
-                      b,
+                    children: ((r = y.render) == null ? void 0 : r.call(
+                      y,
+                      x[y.dataIndex],
                       x,
+                      w,
                       v
                     )) || /* @__PURE__ */ n.jsx(
                       "span",
                       {
-                        title: b[w.dataIndex],
+                        title: x[y.dataIndex],
                         style: {
                           textOverflow: "ellipsis",
                           whiteSpace: "nowrap",
                           overflow: "hidden",
-                          ...(S = w.rowCss) == null ? void 0 : S.call(w, b)
+                          ...($ = y.rowCss) == null ? void 0 : $.call(y, x)
                         },
-                        children: b[w.dataIndex]
+                        children: x[y.dataIndex]
                       }
                     ) || ""
                   },
-                  `${H}::${w.dataIndex}`
+                  `${E}::${y.dataIndex}`
                 );
               })
             },
-            H
+            E
           );
         }) })
       ] })