@ufal-lccv/gpsub-ds 0.0.15 → 0.0.17

package/dist/{Table.view-CKAOAcZD.js → Table.view-CoB9izFp.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 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 { l as n, C as _, i as ce, K as xe, j as we, c as ye, N as C, O as H, 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";
@@ -8,15 +8,15 @@ const ae = 350, yo = ({
   children: t,
   endAdornment: i = null,
   marginBottom: l = "16px",
-  customStyles: a = {},
+  customStyles: s = {},
   wrapperCustomStyles: d = {},
-  hideAdornmentOnCollapse: s = !1,
+  hideAdornmentOnCollapse: a = !1,
   maxHeight: m = "none"
   // Default to 'none' to allow full expansion
 }) => {
-  const [g, p] = P(!1), [f, h] = P(!0);
+  const [g, S] = P(!1), [f, h] = P(!0);
   Z(() => {
-    if (s)
+    if (a)
       if (g) {
         const B = setTimeout(
           () => h(!1),
@@ -25,8 +25,8 @@ const ae = 350, yo = ({
         return () => clearTimeout(B);
       } else
         h(!0);
-  }, [g, s]);
-  const b = s && !f ? null : i;
+  }, [g, a]);
+  const b = a && !f ? null : i;
   return /* @__PURE__ */ n.jsxs(
     _,
     {
@@ -43,10 +43,10 @@ const ae = 350, yo = ({
             marginBottom: l,
             collapse: {
               collapsed: g,
-              setCollapsed: p
+              setCollapsed: S
             },
             endAdornment: b,
-            customStyles: a
+            customStyles: s
           }
         ),
         /* @__PURE__ */ n.jsx(
@@ -66,22 +66,22 @@ const ae = 350, yo = ({
   );
 };
 function ne(e, t, i) {
-  var l, a, d, s, m;
+  var l, s, d, a, m;
   t == null && (t = 100);
   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 f = Date.now() - a;
+    f < t && f >= 0 ? l = setTimeout(g, t - f) : (l = null, i || (m = e.apply(d, s), d = s = null));
   }
-  var p = function() {
-    d = this, a = arguments, s = Date.now();
+  var S = function() {
+    d = this, s = arguments, a = Date.now();
     var f = i && !l;
-    return l || (l = setTimeout(g, t)), f && (m = e.apply(d, a), d = a = null), m;
+    return l || (l = setTimeout(g, t)), f && (m = e.apply(d, s), d = s = null), m;
   };
-  return p.clear = function() {
+  return S.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, p.flush = function() {
-    l && (m = e.apply(d, a), d = a = null, clearTimeout(l), l = null);
-  }, p;
+  }, S.flush = function() {
+    l && (m = e.apply(d, s), d = s = null, clearTimeout(l), l = null);
+  }, S;
 }
 ne.debounce = ne;
 var Ie = ne;
@@ -92,24 +92,24 @@ function le({
   triggerType: i = null,
   debounceTime: l = 500
 }) {
-  const a = ue(() => {
+  const s = ue(() => {
     e.trigger(t);
   }, [e, t]), d = Q(
-    () => ve(() => a(), l),
-    [a, l]
-  ), s = Q(
+    () => ve(() => s(), l),
+    [s, l]
+  ), a = Q(
     () => ["all", "onChange"].includes(i) ? d : null,
     [d, i]
   ), m = Q(
-    () => ["all", "onBlur"].includes(i) ? a : null,
+    () => ["all", "onBlur"].includes(i) ? s : null,
     [i]
   );
   return Q(
     () => ({
-      onChangeTrigger: s,
+      onChangeTrigger: a,
       onBlurTrigger: m
     }),
-    [s, m]
+    [a, m]
   );
 }
 const Co = ({
@@ -117,23 +117,23 @@ const Co = ({
   name: t,
   label: i,
   options: l,
-  readonly: a = !1,
+  readonly: s = !1,
   disabled: d = !1,
-  optionsMap: s,
+  optionsMap: a,
   width: m = "100%",
   flex: g,
-  placeholder: p,
+  placeholder: S,
   onSelect: f,
   parser: h,
   filter: b,
   tooltipProps: B = {},
   infoProps: j = {},
   maxHeigthMenu: u,
-  isRequired: S = !1,
+  isRequired: p = !1,
   onRemoveSelected: R,
   triggerFormField: k = null,
   displayText: M,
-  ...H
+  ...F
 }) => {
   const { onChangeTrigger: z } = le({
     form: e,
@@ -153,7 +153,7 @@ const Co = ({
   }, 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]);
+  }, x = Q(() => G(a) ? a : Object.fromEntries(l.map((w) => [w.value, w])), [l, a]);
   return /* @__PURE__ */ n.jsx(_, { width: m, flex: g, children: /* @__PURE__ */ n.jsx(
     re,
     {
@@ -171,10 +171,10 @@ const Co = ({
             width: "100%",
             size: "Small",
             disabled: d,
-            readonly: a,
+            readonly: s,
             filter: b,
             errorMessage: E == null ? void 0 : E.message,
-            placeholder: p,
+            placeholder: S,
             value: y,
             handleOption: (c) => {
               T(c.value, w);
@@ -184,10 +184,10 @@ const Co = ({
             maxHeigthMenu: u,
             infoProps: A,
             maxHeightMenu: u,
-            isRequired: S,
+            isRequired: p,
             onRemoveSelected: R,
             displayText: M,
-            ...H
+            ...F
           }
         );
       }
@@ -198,12 +198,12 @@ const Co = ({
   name: t,
   label: i,
   readonly: l = !1,
-  disabled: a = !1,
+  disabled: s = !1,
   width: d = "100%",
-  height: s = "100%",
+  height: a = "100%",
   flex: m,
   placeholder: g,
-  charactersCounter: p = !0,
+  charactersCounter: S = !0,
   maxlength: f = 1e3,
   resize: h = !0,
   triggerFormField: b = null,
@@ -211,36 +211,36 @@ const Co = ({
   maxHeight: j,
   ...u
 }) => {
-  const { onChangeTrigger: S } = le({
+  const { onChangeTrigger: p } = le({
     form: e,
     fieldName: t,
     triggerType: b
   }), R = (k, M) => {
-    M(k), S == null || S();
+    M(k), p == null || p();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: d, flex: m, height: s, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: d, flex: m, height: a, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
         field: { onChange: k, value: M },
-        fieldState: { error: H = null }
+        fieldState: { error: F = null }
       }) => /* @__PURE__ */ n.jsx(
         we,
         {
           label: i,
           value: M || "",
           width: "100%",
-          disabled: a,
+          disabled: s,
           readonly: l,
-          height: s,
+          height: a,
           minHeight: B,
           maxHeight: j,
-          errorMessage: H == null ? void 0 : H.message,
+          errorMessage: F == null ? void 0 : F.message,
           placeholder: g,
           onChange: (z) => R(z.target.value, k),
-          charactersCounter: p,
+          charactersCounter: S,
           maxlength: f,
           size: "Small",
           resize: h,
@@ -256,12 +256,12 @@ const ko = ({
   name: t,
   id: i = t,
   label: l,
-  readonly: a = !1,
+  readonly: s = !1,
   disabled: d = !1,
-  afterCheck: s,
+  afterCheck: a,
   width: m = "100%",
   formatter: g,
-  parser: p,
+  parser: S,
   flex: f,
   size: h = "Medium",
   triggerFormField: b = null,
@@ -272,8 +272,8 @@ const ko = ({
     fieldName: t,
     triggerType: b,
     debounceTime: 0
-  }), u = (S, R) => {
-    R(S), s == null || s(S), j == null || j();
+  }), u = (p, R) => {
+    R(p), a == null || a(p), j == null || j();
   };
   return /* @__PURE__ */ n.jsx(_, { width: m, flex: f, children: /* @__PURE__ */ n.jsx(
     re,
@@ -281,7 +281,7 @@ const ko = ({
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: S, value: R },
+        field: { onChange: p, value: R },
         fieldState: { error: k = null }
       }) => {
         const M = k == null ? void 0 : k.message;
@@ -292,11 +292,11 @@ const ko = ({
             checked: (g == null ? void 0 : g(R)) ?? R,
             name: t,
             label: l,
-            disabled: d || a,
-            onChange: (H) => {
+            disabled: d || s,
+            onChange: (F) => {
               u(
-                (p == null ? void 0 : p(H.target.checked, R)) ?? H.target.checked,
-                S
+                (S == null ? void 0 : S(F.target.checked, R)) ?? F.target.checked,
+                p
               );
             },
             size: h,
@@ -336,7 +336,7 @@ const ko = ({
     background: ${o.colors.neutralColors.colorNeutralClean};
     border-radius: ${o.borders.borderRadius.borderRadiusPill};
   }
-`, Fe = C.li`
+`, He = 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 = C.li`
+`, Fe = C.li`
   ${q}
   display: flex;
   flex: 2;
@@ -359,7 +359,7 @@ const ko = ({
   min-width: 0;
   & > p {
     display: -webkit-box;
-    ${({ truncateText: e }) => e && F`
+    ${({ truncateText: e }) => e && H`
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
@@ -367,7 +367,7 @@ const ko = ({
     text-overflow: ellipsis;
   }
 
-  ${({ hasDescription: e }) => e && F`
+  ${({ hasDescription: e }) => e && H`
       line-height: ${o.fonts.lineHeight.lineHeightMd(
   o.fonts.fontSize.fontSizeBodyMd
 )};
@@ -402,7 +402,7 @@ const ko = ({
 
   & > p {
     width: 100%;
-    ${({ truncateText: e }) => e && F`
+    ${({ truncateText: e }) => e && H`
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
@@ -428,36 +428,36 @@ const ko = ({
   margin: 0;
   display: flex;
   align-self: center;
-`, Oe = (e, t, i = 0, l = 0, a = "left") => {
-  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;
+`, Oe = (e, t, i = 0, l = 0, s = "left") => {
+  const [d, a] = P(0), [m, g] = P(), S = U(null), f = ue(() => {
+    if (!e.current || !S.current) return;
+    const h = e.current.getBoundingClientRect(), b = S.current.getBoundingClientRect(), B = window.innerHeight, j = window.innerWidth, u = h.top, p = B - h.bottom, R = p < b.height + l && u > p;
     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`);
+    R ? (k = h.top - b.height - i, S.current.style.maxHeight = `${u - i}px`) : (k = h.bottom + l, S.current.style.maxHeight = `${p - l}px`);
     let M = h.left;
-    const H = M + b.width - j;
-    H > 0 && (M -= H), M < 0 && (M = 0);
+    const F = M + b.width - j;
+    F > 0 && (M -= F), M < 0 && (M = 0);
     const z = j - h.right;
-    Object.assign(p.current.style, {
+    Object.assign(S.current.style, {
       position: "fixed",
       top: `${k}px`,
-      ...a === "left" ? { left: `${M}px` } : { right: `${z}px` },
+      ...s === "left" ? { left: `${M}px` } : { right: `${z}px` },
       width: `${Math.max(h.width, b.width)}px`,
       overflowY: "auto"
     });
-  }, [i, l, a]);
+  }, [i, l, s]);
   return Z(() => {
     var b;
-    s(0), g((b = e.current) == null ? void 0 : b.clientWidth), f();
+    a(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, f]), {
     highlightedIndex: d,
-    setHighlightedIndex: s,
+    setHighlightedIndex: a,
     isOptionSelected: (h) => h.label === (t == null ? void 0 : t.label),
-    optionsRef: p,
+    optionsRef: S,
     parentWidth: m
   };
 }, ie = ge(
@@ -466,23 +466,23 @@ const ko = ({
     optionsSelect: t,
     size: i,
     selectOption: l,
-    value: a,
+    value: s,
     inputValue: d,
-    widthMenu: s,
+    widthMenu: a,
     maxHeightMenu: m = "180px",
     menuIsOpen: g,
-    onEnter: p,
+    onEnter: S,
     marginTop: f = "4px",
     iconName: h,
     iconColor: b,
     iconPosition: B,
     topOffset: j = 0,
     bottomOffset: u = 0,
-    truncateText: S = !0,
+    truncateText: p = !0,
     menuJustifyContent: R = "flex-start",
     tableActionButton: k,
     menuLateralPadding: M = "8px",
-    menuOptionFlexDirection: H = "column",
+    menuOptionFlexDirection: F = "column",
     confirmSelection: z,
     menuAlign: J = "left"
   }, A) => {
@@ -495,7 +495,7 @@ const ko = ({
       parentWidth: E
     } = Oe(
       e,
-      a,
+      s,
       j,
       u,
       J
@@ -514,7 +514,7 @@ const ko = ({
           else if ($.key === "Enter" && t[T]) {
             $.preventDefault();
             const N = t[T];
-            l(N), p && p(N);
+            l(N), S && S(N);
           }
         }
       };
@@ -523,7 +523,7 @@ const ko = ({
       g,
       t,
       T,
-      p,
+      S,
       l,
       z
     ]);
@@ -550,7 +550,7 @@ const ko = ({
       Me,
       {
         marginTop: f,
-        width: s ?? `${E}px`,
+        width: a ?? `${E}px`,
         maxHeight: m,
         height: "fit-content",
         ref: (r) => {
@@ -558,7 +558,7 @@ const ko = ({
         },
         "data-testid": "MenuSelect",
         id: "MenuSelect",
-        children: t.length === 0 ? /* @__PURE__ */ n.jsx(Fe, { size: i, children: "Sem opções" }) : t.map((r, $) => {
+        children: t.length === 0 ? /* @__PURE__ */ n.jsx(He, { 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)
@@ -597,9 +597,9 @@ const ko = ({
                 children: [
                   c(r, "left"),
                   /* @__PURE__ */ n.jsxs(
-                    He,
+                    Fe,
                     {
-                      menuOptionFlexDirection: H,
+                      menuOptionFlexDirection: F,
                       menuJustifyContent: R,
                       iconName: h,
                       isOptionSelected: w(r),
@@ -609,13 +609,13 @@ const ko = ({
                       hasDescription: !!r.description,
                       optionValue: r.value,
                       disabled: r.disabled,
-                      truncateText: S,
+                      truncateText: p,
                       tableActionButton: k,
                       children: [
                         /* @__PURE__ */ n.jsxs(
                           Ae,
                           {
-                            truncateText: !se(r.label) && S,
+                            truncateText: !se(r.label) && p,
                             children: [
                               N,
                               se(r.label) ? /* @__PURE__ */ n.jsx(
@@ -664,17 +664,17 @@ const De = ({
   iconName: t,
   onClickIcon: i,
   width: l,
-  height: a,
+  height: s,
   flex: d,
-  children: s,
+  children: a,
   wrapperCustomStyles: m = {},
   contentCustomStyles: g = {},
-  titleCustomStyles: p = {}
+  titleCustomStyles: S = {}
 }) => /* @__PURE__ */ n.jsxs(
   _,
   {
     width: l,
-    height: a,
+    height: s,
     flex: d,
     direction: "vertical",
     padding: o.spacings.spacingStack.spacingStackSm,
@@ -692,7 +692,7 @@ const De = ({
           direction: "horizontal",
           customStyles: g,
           children: [
-            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: p, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
+            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: S, 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(
@@ -708,7 +708,7 @@ const De = ({
           ]
         }
       ),
-      /* @__PURE__ */ n.jsx(_, { width: "100%", flex: "1", children: s })
+      /* @__PURE__ */ n.jsx(_, { width: "100%", flex: "1", children: a })
     ]
   }
 );
@@ -724,20 +724,20 @@ const Xe = C.div`
   }
 `, _e = C.div`
   width: 100%;
-  ${({ variant: e }) => e === "default" ? F`
+  ${({ variant: e }) => e === "default" ? H`
           min-height: ${({ size: t }) => t === "Small" ? "3.2rem" : "4rem"};
           max-height: ${({ size: t }) => t === "Small" ? "3.2rem" : "4rem"};
-        ` : F`
+        ` : H`
           min-height: ${({ size: t }) => t === "Small" ? "1rem" : "3.2rem"};
           max-height: ${({ size: t }) => t === "Small" ? "1rem" : "3.2rem"};
         `}
 
   display: flex;
   align-items: center;
-  ${({ variant: e }) => e === "default" && F`
+  ${({ variant: e }) => e === "default" && H`
       border: ${o.borders.borderWidth.borderWidthThinner} solid;
       border-radius: ${o.borders.borderRadius.borderRadiusSm};
-      border-color: ${({ isOpen: t, hasError: i, readonly: l, disabled: a }) => i ? o.colors.feedbackColors.colorFeedbackError : l || a ? o.colors.neutralColors.colorNeutralClean : t ? o.colors.neutralColors.colorNeutralCloudy : o.colors.neutralColors.colorNeutralClean};
+      border-color: ${({ isOpen: t, hasError: i, readonly: l, disabled: s }) => i ? o.colors.feedbackColors.colorFeedbackError : l || s ? o.colors.neutralColors.colorNeutralClean : t ? o.colors.neutralColors.colorNeutralCloudy : o.colors.neutralColors.colorNeutralClean};
     `}
 
   background-color: ${({ variant: e }) => e === "default" ? o.colors.backgroundColors.colorBackgroundSnow : "transparent"};
@@ -747,28 +747,28 @@ const Xe = C.div`
   if (t === "default")
     return e !== "Small" ? `0 ${o.spacings.spacingInline.spacingInlineSm}` : `0 ${o.spacings.spacingInline.spacingInlineAnt}`;
 }};
-  ${({ size: e, variant: t }) => e === "Small" ? t === "default" ? F`
+  ${({ size: e, variant: t }) => e === "Small" ? t === "default" ? H`
           font-size: ${o.fonts.fontSize.fontSizeBodyMd};
           line-height: ${o.fonts.lineHeight.lineHeightSm(
   o.fonts.fontSize.fontSizeBodyMd
 )};
-        ` : F`
+        ` : H`
           font-size: ${o.fonts.fontSize.fontSizeBodySm};
           line-height: ${o.fonts.lineHeight.lineHeightSm(
   o.fonts.fontSize.fontSizeBodySm
 )};
-        ` : t === "default" ? F`
+        ` : t === "default" ? H`
           font-size: ${o.fonts.fontSize.fontSizeBodyLg};
           line-height: ${o.fonts.lineHeight.lineHeightMd(
   o.fonts.fontSize.fontSizeBodyLg
 )};
-        ` : F`
+        ` : H`
           font-size: ${o.fonts.fontSize.fontSizeBodyMd};
           line-height: ${o.fonts.lineHeight.lineHeightSm(
   o.fonts.fontSize.fontSizeBodyMd
 )};
         `};
-  ${({ disabled: e, readonly: t }) => (e || t) && F`
+  ${({ disabled: e, readonly: t }) => (e || t) && H`
         background-color: ${o.colors.brandColors.colorBrandSeSoft};
         border-style: solid;
       `};
@@ -873,24 +873,24 @@ const Ve = C.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `, Ze = (e, { value: t, options: i }) => {
-  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);
+  const [l, s] = P(!1), [d, a] = P(!1), [m, g] = P(""), [S, f] = P(i), h = U(null), b = U(null), B = U(null), j = U(null);
   Z(() => {
     const k = () => {
-      s(!1);
+      a(!1);
     };
     return window.addEventListener("scroll", k, { passive: !0 }), window.addEventListener("resize", k, { passive: !0 }), () => {
       window.removeEventListener("scroll", k), window.removeEventListener("resize", k);
     };
   }, []);
   function u(k) {
-    g(""), s(!1), a(!0), B != null && B.current && B.current.focus(), k !== t && e(k);
+    g(""), a(!1), s(!0), B != null && B.current && B.current.focus(), k !== t && e(k);
   }
-  const S = (k) => {
+  const p = (k) => {
     if (k) {
-      const M = new RegExp(k, "i"), H = i.filter(
+      const M = new RegExp(k, "i"), F = i.filter(
         (z) => M.exec(z.label)
       );
-      f(H);
+      f(F);
     } else
       f(i);
   };
@@ -899,19 +899,19 @@ const Ve = C.p`
   }
   return {
     isOpen: l,
-    setIsOpen: a,
+    setIsOpen: s,
     expanded: d,
-    setExpanded: s,
+    setExpanded: a,
     inputValue: m,
     setInputValue: g,
-    optionsSelect: p,
+    optionsSelect: S,
     setOptionSelect: f,
     selectContainerRef: h,
     containerRef: b,
     inputContainerRef: B,
     optionsRef: j,
     selectOption: u,
-    handlerFilterOptions: S,
+    handlerFilterOptions: p,
     isValue: R
   };
 }, me = ge(
@@ -920,23 +920,23 @@ const Ve = C.p`
     handleOption: t,
     options: i,
     filter: l = !0,
-    placeholder: a,
+    placeholder: s,
     label: d,
-    size: s = "Medium",
+    size: a = "Medium",
     width: m = "100%",
     disabled: g,
-    helpText: p,
+    helpText: S,
     readonly: f,
     errorMessage: h,
     tooltipProps: b = {},
     onBlur: B,
     onEnter: j,
     variant: u = "default",
-    infoProps: S = {},
+    infoProps: p = {},
     maxHeightMenu: R,
     isRequired: k = !1,
     onRemoveSelected: M,
-    displayText: H,
+    displayText: F,
     displayTextProps: z = {}
   }, J) => {
     const {
@@ -961,23 +961,23 @@ const Ve = C.p`
       isActive: I,
       isErrorTooltip: !0
     }, O = {
-      ...S,
-      size: s
+      ...p,
+      size: a
     }, K = /* @__PURE__ */ n.jsx(
       V,
       {
-        iconName: `Close${s === "Small" ? "Sm" : "Ant"}`,
+        iconName: `Close${a === "Small" ? "Sm" : "Ant"}`,
         onClick: (Y) => {
           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"}` });
+    ), te = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandLess${a === "Small" ? "Sm" : "Ant"}` }), be = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandMore${a === "Small" ? "Sm" : "Ant"}` });
     return /* @__PURE__ */ n.jsxs(
       Xe,
       {
         ref: c,
         width: m,
-        size: s,
+        size: a,
         disabled: g,
         readonly: f,
         children: [
@@ -1004,19 +1004,19 @@ const Ve = C.p`
               },
               tabIndex: 0,
               width: m,
-              size: s,
+              size: a,
               isOpen: A || x,
               "data-testid": "select",
               disabled: g,
-              helpText: p,
+              helpText: S,
               variant: u,
               children: [
                 /* @__PURE__ */ n.jsxs(Ue, { children: [
-                  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,
+                  G(F) ? /* @__PURE__ */ n.jsx(de, { size: a, variant: u, isDisplayText: !0, children: /* @__PURE__ */ n.jsx("p", { title: e == null ? void 0 : e.label, ...z, children: F }) }) : /* @__PURE__ */ n.jsxs(de, { size: a, variant: u, children: [
+                    s && L(e) && !v && !A ? /* @__PURE__ */ n.jsx(Ge, { size: a, variant: u, children: s }) : 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(H) && /* @__PURE__ */ n.jsx(
+                  l && !G(F) && /* @__PURE__ */ n.jsx(
                     qe,
                     {
                       ref: $,
@@ -1026,7 +1026,7 @@ const Ve = C.p`
                       },
                       readOnly: f,
                       width: v.length,
-                      size: s,
+                      size: a,
                       disabled: g,
                       variant: u
                     }
@@ -1045,7 +1045,7 @@ const Ve = C.p`
                     value: e,
                     optionsSelect: y,
                     selectOption: N,
-                    size: s,
+                    size: a,
                     inputValue: v,
                     maxHeightMenu: R
                   }
@@ -1053,14 +1053,14 @@ const Ve = C.p`
               ]
             }
           ) }),
-          p && /* @__PURE__ */ n.jsx(Ve, { size: s, children: p })
+          S && /* @__PURE__ */ n.jsx(Ve, { size: a, children: S })
         ]
       }
     );
   }
 );
 me.displayName = "Select";
-const pe = Be`
+const Se = Be`
   from {
     transform: rotate(0deg);
   }
@@ -1075,7 +1075,7 @@ const pe = Be`
   padding: ${({ size: e }) => e === "Small" ? `0 ${o.spacings.spacingInline.spacingInlineAnt}` : `0 ${o.spacings.spacingInline.spacingInlineSm}`};
   ${({ variant: e }) => {
   if (e === "primary")
-    return F`
+    return H`
         background-color: ${o.colors.brandColors.colorBrandPrimary};
         color: ${o.colors.backgroundColors.colorBackgroundSnow};
         transition: filter 0.2s;
@@ -1086,7 +1086,7 @@ const pe = Be`
         }
       `;
   if (e === "secondary")
-    return F`
+    return H`
         background-color: rgba(
           ${We(o.colors.neutralColors.colorNeutralSoft)},
           ${o.opacityLevels.light}
@@ -1101,7 +1101,7 @@ const pe = Be`
         }
       `;
   if (e === "tertiary")
-    return F`
+    return H`
         background-color: transparent;
         color: ${o.colors.neutralColors.colorNeutralDark};
         border: ${o.borders.borderWidth.borderWidthNone};
@@ -1113,7 +1113,7 @@ const pe = Be`
         }
       `;
 }};
-  ${({ disabled: e }) => e && F`
+  ${({ disabled: e }) => e && H`
       background-color: ${o.colors.backgroundColors.colorBackgroundGrass};
       color: ${o.colors.neutralColors.colorNeutralCloudy};
       transition: filter 0.2s;
@@ -1142,8 +1142,8 @@ const pe = Be`
     min-width: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
     height: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
 
-    ${({ isLoading: e }) => e && F`
-        animation: ${pe} 2s linear infinite;
+    ${({ isLoading: e }) => e && H`
+        animation: ${Se} 2s linear infinite;
       `}
 
     path {
@@ -1183,7 +1183,7 @@ const to = C.div`
     min-width: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
     height: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
 
-    animation: ${pe} 2s linear infinite;
+    animation: ${Se} 2s linear infinite;
 
     path {
       fill: ${({ variant: e, disabled: t }) => t ? o.colors.neutralColors.colorNeutralCloudy : e === "primary" ? o.colors.backgroundColors.colorBackgroundSnow : o.colors.neutralColors.colorNeutralDark};
@@ -1194,13 +1194,13 @@ const to = C.div`
     cursor: not-allowed;
   }
 `, no = (e) => {
-  const [t, i] = P(!1), [l, a] = P(e), d = U(null);
+  const [t, i] = P(!1), [l, s] = P(e), d = U(null);
   return Z(() => {
-    a(e);
+    s(e);
   }, [e]), {
     setIsOpen: i,
     isOpen: t,
-    setOptionsSelect: a,
+    setOptionsSelect: s,
     optionsSelect: l,
     selectContainerRef: d
   };
@@ -1209,20 +1209,20 @@ const to = C.div`
   variant: t = "primary",
   width: i = "100%",
   size: l = "Medium",
-  disabled: a = !1,
+  disabled: s = !1,
   isLoading: d = !1,
-  onClick: s,
+  onClick: a,
   options: m,
   label: g,
-  menuSelectProps: p = {},
+  menuSelectProps: S = {},
   iconName: f,
   optionsIconPosition: h
 }) => {
   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);
+  let p = o.colors.backgroundColors.colorBackgroundSnow;
+  s ? p = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (p = o.colors.neutralColors.colorNeutralDark);
   const R = {
-    ...p
+    ...S
   };
   return /* @__PURE__ */ n.jsxs(
     eo,
@@ -1230,7 +1230,7 @@ const to = C.div`
       ref: j,
       width: i,
       size: l,
-      disabled: a,
+      disabled: s,
       onBlur: () => setTimeout(() => B(!1), ro),
       children: [
         g && /* @__PURE__ */ n.jsx(oo, { children: g }),
@@ -1239,17 +1239,17 @@ const to = C.div`
           {
             type: "button",
             size: l,
-            disabled: a,
+            disabled: s,
             variant: t,
             isLoading: d,
             onClick: () => !d && B(!b),
             id: `button-component-${e}`,
             children: [
-              d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: a, variant: t, children: /* @__PURE__ */ n.jsx(
+              d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: s, variant: t, children: /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ProgressActivity${l === "Small" ? "Ant" : "Sm"}`,
-                  color: S,
+                  color: p,
                   "data-testid": "icon-loading"
                 }
               ) }),
@@ -1258,14 +1258,14 @@ const to = C.div`
                 V,
                 {
                   iconName: `ExpandLess${l === "Small" ? "Ant" : "Sm"}`,
-                  color: S,
+                  color: p,
                   "data-testid": "icon-button-less"
                 }
               ) : /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ExpandMore${l === "Small" ? "Ant" : "Sm"}`,
-                  color: S,
+                  color: p,
                   "data-testid": "icon-button-more"
                 }
               ))
@@ -1278,7 +1278,7 @@ const to = C.div`
             selectContainerRef: j,
             value: null,
             optionsSelect: u,
-            selectOption: s,
+            selectOption: a,
             size: l,
             inputValue: null,
             iconPosition: h,
@@ -1303,14 +1303,14 @@ const to = C.div`
   width: 100%;
   min-height: ${({ heightItems: e }) => e};
   max-height: ${({ heightItems: e }) => e};
-  background-color: ${({ selected: e }) => e ? "#E8F3FF" : "transparent"};
+  background-color: ${({ selected: e }) => e ? o.colors.backgroundColors.colorBackgroundSnow : "transparent"};
   border-bottom: ${`1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
   padding: 8px;
-  ${({ withBorderRight: e }) => e && F`
+  ${({ withBorderRight: e }) => e && H`
       border-right: ${({ selected: t }) => t ? "none" : `1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
     `}
   cursor: pointer;
-  ${({ customStyles: e }) => e && F(e)}
+  ${({ customStyles: e }) => e && H(e)}
 `, so = C.div`
   max-width: 4px;
   min-width: 4px;
@@ -1319,7 +1319,7 @@ const to = C.div`
   background-color: ${({ selected: e }) => e ? "#E8F3FF" : "transparent"};
   border-bottom: ${`1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
   padding: 8px;
-  ${({ withBorderRight: e }) => e && F`
+  ${({ withBorderRight: e }) => e && H`
       border-right: ${({ selected: t }) => t ? "none" : `1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
     `}
   cursor: pointer;
@@ -1328,7 +1328,7 @@ const to = C.div`
   min-width: 0;
   height: 100%;
   flex: 1;
-  background-color: #e8f3ff;
+  background-color: ${o.colors.backgroundColors.colorBackgroundSnow};
 `, co = C.div`
   max-width: 4px;
   min-width: 4px;
@@ -1340,26 +1340,28 @@ const to = C.div`
   height: t = "fit-content",
   flex: i,
   backgroundColor: l = "white",
-  options: a = [],
+  options: s = [],
   heightItems: d = "60px",
-  widthItems: s = "155px",
+  widthItems: a = "155px",
   emptyProps: m = {
     title: "Nenhum dado a ser mostrado",
     body: null
   },
   customWrapperStyles: g = {},
-  customItemStyles: p = {}
+  customItemStyles: S = {}
 }) => {
   var j;
-  const [f, h] = P(a[0] || null), b = U(null), B = U(null);
+  const [f, h] = P(s[0] || null), b = U(null), B = U(null);
   return Z(() => {
-    const u = b.current, S = B.current, R = () => {
-      u && S && (S.scrollTop = u.scrollTop);
+    const u = b.current, p = B.current, R = () => {
+      u && p && (p.scrollTop = u.scrollTop);
     };
     return u == null || u.addEventListener("scroll", R), () => {
       u == null || u.removeEventListener("scroll", R);
     };
-  }, []), (a == null ? void 0 : a.length) === 0 ? /* @__PURE__ */ n.jsx(
+  }, []), Z(() => {
+    h(s[(s == null ? void 0 : s.length) - 1] || null);
+  }, [s == null ? void 0 : s.length]), (s == null ? void 0 : s.length) === 0 ? /* @__PURE__ */ n.jsx(
     he,
     {
       title: m.title,
@@ -1381,19 +1383,19 @@ const to = C.div`
         ...g
       },
       children: [
-        /* @__PURE__ */ n.jsx(lo, { ref: b, widthItems: s, children: a == null ? void 0 : a.map((u, S) => /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ n.jsx(lo, { ref: b, widthItems: a, children: s == null ? void 0 : s.map((u, p) => /* @__PURE__ */ n.jsx(
           io,
           {
             selected: (f == null ? void 0 : f.key) === u.key,
             onClick: () => h(u),
             withBorderRight: !1,
             heightItems: d,
-            customStyles: p,
+            customStyles: S,
             children: u.item
           },
-          S
+          p
         )) }),
-        /* @__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(
+        /* @__PURE__ */ n.jsx(co, { ref: B, children: (j = s == null ? void 0 : s.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : j.map((u, p) => /* @__PURE__ */ n.jsx(
           so,
           {
             selected: (f == null ? void 0 : f.key) === u.key,
@@ -1401,13 +1403,13 @@ const to = C.div`
             withBorderRight: !0,
             heightItems: d
           },
-          S
+          p
         )) }),
         /* @__PURE__ */ n.jsx(ao, { children: f && (f == null ? void 0 : f.contentItem) })
       ]
     }
   );
-}, Se = F`
+}, pe = H`
   svg:not([color]):not([data-testid='icon']) {
     path {
       fill: ${o.colors.neutralColors.colorNeutralDarkest};
@@ -1446,7 +1448,7 @@ const to = C.div`
   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 = C.tr`
-  ${({ isHeader: e, size: t }) => e && F`
+  ${({ isHeader: e, size: t }) => e && H`
       position: sticky;
       background-color: ${o.colors.backgroundColors.colorBackgroundSnow};
 
@@ -1464,7 +1466,7 @@ const to = C.div`
   height: ${({ fit: e, size: t }) => e ? "fit-content" : t === "Large" ? "4rem" : "3.2rem"};
   min-height: ${({ size: e }) => e === "Large" ? "4rem" : "3.2rem"};
 
-  ${({ isHeader: e, isSelected: t, striped: i }) => !e && F`
+  ${({ isHeader: e, isSelected: t, striped: i }) => !e && H`
       background-color: ${t ? o.colors.neutralColors.colorNeutralClean : i ? "#F5F9FE" : o.colors.backgroundColors.colorBackgroundSnow};
     `}
 
@@ -1484,19 +1486,19 @@ const to = C.div`
     border-bottom: none !important;
   }
 
-  ${({ isHeader: e }) => !e && F`
+  ${({ isHeader: e }) => !e && H`
       &:hover {
         background-color: ${o.colors.backgroundColors.colorBackgroundCarpet};
 
         /* Target direct SVGs without color (sbwb-icons), but exclude sbwb-ds Icons ([data-testid='icon'])
       * This is because sbwb-ds Icons have a color prop on the wrapper, not the SVG
       */
-        ${Se}
+        ${pe}
       }
     `}
 `, $e = ({ width: e }) => {
   if (G(e))
-    return F`
+    return H`
       width: ${e};
     `;
 }, oe = C.th`
@@ -1523,7 +1525,7 @@ const to = C.div`
   word-break: normal;
 
   &:last-child {
-    ${({ isTopRow: e }) => e && F`
+    ${({ isTopRow: e }) => e && H`
         border-right: none;
       `}
   }
@@ -1570,13 +1572,13 @@ const to = C.div`
     border-right: none;
   }
 
-  ${Se}
+  ${pe}
 
   &:hover {
     cursor: ${(e) => e.isClickable ? "pointer" : "default"};
   }
 `;
-function po(e) {
+function So(e) {
   return (t) => typeof e == "string" ? t[e] : typeof e == "function" ? e(t) : (console.warn("Please, setup a rowKey for table."), JSON.stringify(t));
 }
 function jo({
@@ -1584,12 +1586,12 @@ function jo({
   rowKey: t = "id",
   size: i = "Small",
   onRowClick: l,
-  fit: a = !1,
+  fit: s = !1,
   maxHeight: d = "40rem",
-  columns: s,
+  columns: a,
   dataSource: m,
   columnsTextSize: g = i,
-  emptyProps: p = {
+  emptyProps: S = {
     width: "100%",
     height: "100%",
     title: "Nenhum dado a ser mostrado.",
@@ -1604,28 +1606,28 @@ function jo({
   striped: j = !1,
   borderRadius: u = o.borders.borderRadius.borderRadiusSm
 }) {
-  const S = Q(() => po(t), [t]), [R, k] = P(null), M = U(null), H = U(null), [z, J] = P(s);
+  const p = Q(() => So(t), [t]), [R, k] = P(null), M = U(null), F = U(null), [z, J] = P(a);
   Ne(() => {
-    if (!H.current || s.length === 0) {
-      J(s);
+    if (!F.current || a.length === 0) {
+      J(a);
       return;
     }
     const x = () => {
       var D;
-      const v = ((D = H.current) == null ? void 0 : D.clientWidth) || 0;
+      const v = ((D = F.current) == null ? void 0 : D.clientWidth) || 0;
       if (v === 0) return;
       let E = 0, y = 0;
       const c = [], r = [];
-      s.forEach((L) => {
+      a.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 $ = v - E, N = "80";
-      let W = [...s];
+      let W = [...a];
       if ($ > 0) {
         if (c.length > 0) {
           const L = $ / y;
-          W = s.map((I) => {
+          W = a.map((I) => {
             const X = Number(I.flex);
             if (X && X > 0) {
               const O = parseInt(I.minWidth || N, 10), K = X * L, te = Math.max(K, O);
@@ -1638,7 +1640,7 @@ function jo({
           });
         } else if (r.length > 0) {
           const L = $ / r.length;
-          W = s.map((I) => {
+          W = a.map((I) => {
             const X = Number(I.flex);
             if (!I.width && !X) {
               const O = parseInt(I.minWidth || N, 10), K = Math.max(L, O);
@@ -1648,13 +1650,13 @@ function jo({
           });
         }
       } else
-        W = s.map((L) => L.width ? L : { ...L, width: L.minWidth || `${N}px` });
+        W = a.map((L) => L.width ? L : { ...L, width: L.minWidth || `${N}px` });
       J(W);
     };
     x();
     const w = new ResizeObserver(x);
-    return w.observe(H.current), () => w.disconnect();
-  }, [s]), Z(() => {
+    return w.observe(F.current), () => w.disconnect();
+  }, [a]), Z(() => {
     const x = (w) => {
       M.current && !M.current.contains(w.target) && k(null);
     };
@@ -1795,24 +1797,24 @@ function jo({
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       borders: !0,
       mode: "table",
-      ...p
+      ...S
     }
   ) : /* @__PURE__ */ n.jsx(
     fo,
     {
       maxHeight: d,
       withBorderRadius: B,
-      ref: H,
+      ref: F,
       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: m == null ? void 0 : m.map((x, w, v) => {
-          const E = S(x);
+          const E = p(x);
           return /* @__PURE__ */ n.jsx(
             ee,
             {
               isLast: w === v.length - 1,
-              fit: a,
+              fit: s,
               size: i,
               withBorder: b,
               isSelected: E === R && f,