@ufal-lccv/gpsub-ds 0.0.11 → 0.0.13

package/dist/{Table.view-B9_6CG4G.js → Table.view-CHEV4kuX.js}

@@ -1,251 +1,313 @@
-import { G as be, l as n, C as _, j as xe, c as we, H as k, J as A, s as ye, T as de, i as fe, S as Ce, I as ke, K as ze, E as Be } from "./Checkbox.view-B-GrHFEa.js";
-import We, { useCallback as ue, useMemo as Y, useState as P, useRef as Q, useEffect as Z, forwardRef as he, isValidElement as se, useLayoutEffect as je } from "react";
+import { l as n, C as _, i as ce, K as xe, j as we, c as ye, N as $, 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 U, r as G, b as Ne } from "./index-_v6RoRxb.js";
+import { v as G, r as q, b as We } from "./index-_v6RoRxb.js";
 import { Controller as re } from "react-hook-form";
+const ae = 350, yo = ({
+  title: e,
+  children: t,
+  endAdornment: i = null,
+  marginBottom: l = "16px",
+  customStyles: a = {},
+  wrapperCustomStyles: d = {},
+  hideAdornmentOnCollapse: s = !1,
+  maxHeight: g = "none"
+  // Default to 'none' to allow full expansion
+}) => {
+  const [c, m] = P(!1), [p, h] = P(!0);
+  Z(() => {
+    if (s)
+      if (c) {
+        const u = setTimeout(
+          () => h(!1),
+          ae
+        );
+        return () => clearTimeout(u);
+      } else
+        h(!0);
+  }, [c, s]);
+  const S = s && !p ? null : i;
+  return /* @__PURE__ */ n.jsxs(
+    _,
+    {
+      width: "100%",
+      flex: "1",
+      gap: "8px",
+      customStyles: d,
+      children: [
+        /* @__PURE__ */ n.jsx(
+          ce,
+          {
+            title: e,
+            divider: !0,
+            marginBottom: l,
+            collapse: {
+              collapsed: c,
+              setCollapsed: m
+            },
+            endAdornment: S,
+            customStyles: a
+          }
+        ),
+        /* @__PURE__ */ n.jsx(
+          _,
+          {
+            gap: "8px",
+            width: "100%",
+            customStyles: {
+              maxHeight: c ? "0" : g,
+              transition: `max-height ${ae}ms ease-in-out`
+            },
+            children: t
+          }
+        )
+      ]
+    }
+  );
+};
 function ne(e, t, i) {
-  var l, d, a, s, f;
+  var l, a, d, s, g;
   t == null && (t = 100);
-  function h() {
-    var m = Date.now() - s;
-    m < t && m >= 0 ? l = setTimeout(h, t - m) : (l = null, i || (f = e.apply(a, d), a = d = null));
+  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));
   }
-  var g = function() {
-    a = this, d = arguments, s = Date.now();
-    var m = i && !l;
-    return l || (l = setTimeout(h, t)), m && (f = e.apply(a, d), a = d = null), f;
+  var m = 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;
   };
-  return g.clear = function() {
+  return m.clear = function() {
     l && (clearTimeout(l), l = null);
-  }, g.flush = function() {
-    l && (f = e.apply(a, d), a = d = null, clearTimeout(l), l = null);
-  }, g;
+  }, m.flush = function() {
+    l && (g = e.apply(d, a), d = a = null, clearTimeout(l), l = null);
+  }, m;
 }
 ne.debounce = ne;
 var Ie = ne;
-const Me = /* @__PURE__ */ be(Ie);
+const ve = /* @__PURE__ */ xe(Ie);
 function le({
   form: e,
   fieldName: t,
   triggerType: i = null,
   debounceTime: l = 500
 }) {
-  const d = ue(() => {
+  const a = ue(() => {
     e.trigger(t);
-  }, [e, t]), a = Y(
-    () => Me(() => d(), l),
-    [d, l]
-  ), s = Y(
-    () => ["all", "onChange"].includes(i) ? a : null,
-    [a, i]
-  ), f = Y(
-    () => ["all", "onBlur"].includes(i) ? d : null,
+  }, [e, t]), d = Q(
+    () => ve(() => a(), l),
+    [a, l]
+  ), s = Q(
+    () => ["all", "onChange"].includes(i) ? d : null,
+    [d, i]
+  ), g = Q(
+    () => ["all", "onBlur"].includes(i) ? a : null,
     [i]
   );
-  return Y(
+  return Q(
     () => ({
       onChangeTrigger: s,
-      onBlurTrigger: f
+      onBlurTrigger: g
     }),
-    [s, f]
+    [s, g]
   );
 }
-const So = ({
+const Co = ({
   form: e,
   name: t,
   label: i,
   options: l,
-  readonly: d = !1,
-  disabled: a = !1,
+  readonly: a = !1,
+  disabled: d = !1,
   optionsMap: s,
-  width: f = "100%",
-  flex: h,
-  placeholder: g,
-  onSelect: m,
-  parser: u,
-  filter: x,
-  tooltipProps: H = {},
-  infoProps: N = {},
-  maxHeigthMenu: j,
-  isRequired: C = !1,
-  onRemoveSelected: E,
-  triggerFormField: p = null,
-  displayText: I,
-  ...v
+  width: g = "100%",
+  flex: c,
+  placeholder: m,
+  onSelect: p,
+  parser: h,
+  filter: S,
+  tooltipProps: u = {},
+  infoProps: C = {},
+  maxHeigthMenu: z,
+  isRequired: j = !1,
+  onRemoveSelected: L,
+  triggerFormField: b = null,
+  displayText: v,
+  ...M
 }) => {
-  const { onChangeTrigger: w } = le({
+  const { onChangeTrigger: k } = le({
     form: e,
     fieldName: t,
-    triggerType: p,
+    triggerType: b,
     debounceTime: 0
-  }), q = {
+  }), J = {
     position: "top",
-    ...H
-  }, L = {
-    ...N,
+    ...u
+  }, A = {
+    ...C,
     tooltipProps: {
       position: "top",
       maxWidth: "300px",
-      ...N == null ? void 0 : N.tooltipProps
+      ...C == null ? void 0 : C.tooltipProps
     }
-  }, T = ($, M) => {
-    let R = $;
-    u && (R = u == null ? void 0 : u($)), M(R), m == null || m(R), w == null || w();
-  }, S = Y(() => U(s) ? s : Object.fromEntries(l.map(($) => [$.value, $])), [l, s]);
-  return /* @__PURE__ */ n.jsx(_, { width: f, flex: h, children: /* @__PURE__ */ n.jsx(
+  }, T = (w, R) => {
+    let H = w;
+    h && (H = h == null ? void 0 : h(w)), R(H), p == null || p(H), k == null || k();
+  }, x = Q(() => G(s) ? s : Object.fromEntries(l.map((w) => [w.value, w])), [l, s]);
+  return /* @__PURE__ */ n.jsx(_, { width: g, flex: c, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: $, value: M },
-        fieldState: { error: R = null }
+        field: { onChange: w, value: R },
+        fieldState: { error: H = null }
       }) => {
-        let y = S[M];
+        let B = x[R];
         return /* @__PURE__ */ n.jsx(
-          ge,
+          me,
           {
             label: i,
             width: "100%",
             size: "Small",
-            disabled: a,
-            readonly: d,
-            filter: x,
-            errorMessage: R == null ? void 0 : R.message,
-            placeholder: g,
-            value: y,
-            handleOption: (c) => {
-              T(c.value, $);
+            disabled: d,
+            readonly: a,
+            filter: S,
+            errorMessage: H == null ? void 0 : H.message,
+            placeholder: m,
+            value: B,
+            handleOption: (f) => {
+              T(f.value, w);
             },
-            tooltipProps: q,
+            tooltipProps: J,
             options: l,
-            maxHeigthMenu: j,
-            infoProps: L,
-            maxHeightMenu: j,
-            isRequired: C,
-            onRemoveSelected: E,
-            displayText: I,
-            ...v
+            maxHeigthMenu: z,
+            infoProps: A,
+            maxHeightMenu: z,
+            isRequired: j,
+            onRemoveSelected: L,
+            displayText: v,
+            ...M
           }
         );
       }
     }
   ) });
-}, ve = ({
+}, Re = ({
   form: e,
   name: t,
   label: i,
   readonly: l = !1,
-  disabled: d = !1,
-  width: a = "100%",
+  disabled: a = !1,
+  width: d = "100%",
   height: s = "100%",
-  flex: f,
-  placeholder: h,
-  charactersCounter: g = !0,
-  maxlength: m = 1e3,
-  resize: u = !0,
-  triggerFormField: x = null,
-  minHeight: H,
-  maxHeight: N,
-  ...j
+  flex: g,
+  placeholder: c,
+  charactersCounter: m = !0,
+  maxlength: p = 1e3,
+  resize: h = !0,
+  triggerFormField: S = null,
+  minHeight: u,
+  maxHeight: C,
+  ...z
 }) => {
-  const { onChangeTrigger: C } = le({
+  const { onChangeTrigger: j } = le({
     form: e,
     fieldName: t,
-    triggerType: x
-  }), E = (p, I) => {
-    I(p), C == null || C();
+    triggerType: S
+  }), L = (b, v) => {
+    v(b), j == null || j();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: a, flex: f, height: s, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: d, flex: g, height: s, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: p, value: I },
-        fieldState: { error: v = null }
+        field: { onChange: b, value: v },
+        fieldState: { error: M = null }
       }) => /* @__PURE__ */ n.jsx(
-        xe,
+        we,
         {
           label: i,
-          value: I || "",
+          value: v || "",
           width: "100%",
-          disabled: d,
+          disabled: a,
           readonly: l,
           height: s,
-          minHeight: H,
-          maxHeight: N,
-          errorMessage: v == null ? void 0 : v.message,
-          placeholder: h,
-          onChange: (w) => E(w.target.value, p),
-          charactersCounter: g,
-          maxlength: m,
+          minHeight: u,
+          maxHeight: C,
+          errorMessage: M == null ? void 0 : M.message,
+          placeholder: c,
+          onChange: (k) => L(k.target.value, b),
+          charactersCounter: m,
+          maxlength: p,
           size: "Small",
-          resize: u,
-          ...j
+          resize: h,
+          ...z
         }
       )
     }
   ) });
 };
-ve.displayName = "TextareaField";
-const $o = ({
+Re.displayName = "TextareaField";
+const ko = ({
   form: e,
   name: t,
   id: i = t,
   label: l,
-  readonly: d = !1,
-  disabled: a = !1,
+  readonly: a = !1,
+  disabled: d = !1,
   afterCheck: s,
-  width: f = "100%",
-  formatter: h,
-  parser: g,
-  flex: m,
-  size: u = "Medium",
-  triggerFormField: x = null,
-  ...H
+  width: g = "100%",
+  formatter: c,
+  parser: m,
+  flex: p,
+  size: h = "Medium",
+  triggerFormField: S = null,
+  ...u
 }) => {
-  const { onChangeTrigger: N } = le({
+  const { onChangeTrigger: C } = le({
     form: e,
     fieldName: t,
-    triggerType: x,
+    triggerType: S,
     debounceTime: 0
-  }), j = (C, E) => {
-    E(C), s == null || s(C), N == null || N();
+  }), z = (j, L) => {
+    L(j), s == null || s(j), C == null || C();
   };
-  return /* @__PURE__ */ n.jsx(_, { width: f, flex: m, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx(_, { width: g, flex: p, children: /* @__PURE__ */ n.jsx(
     re,
     {
       name: t,
       control: e.control,
       render: ({
-        field: { onChange: C, value: E },
-        fieldState: { error: p = null }
+        field: { onChange: j, value: L },
+        fieldState: { error: b = null }
       }) => {
-        const I = p == null ? void 0 : p.message;
-        return I && console.log("Error on checkbox!", I), /* @__PURE__ */ n.jsx(
-          we,
+        const v = b == null ? void 0 : b.message;
+        return v && console.log("Error on checkbox!", v), /* @__PURE__ */ n.jsx(
+          ye,
           {
             id: `form-checkbox-${i}`,
-            checked: (h == null ? void 0 : h(E)) ?? E,
+            checked: (c == null ? void 0 : c(L)) ?? L,
             name: t,
             label: l,
-            disabled: a || d,
-            onChange: (v) => {
-              j(
-                (g == null ? void 0 : g(v.target.checked, E)) ?? v.target.checked,
-                C
+            disabled: d || a,
+            onChange: (M) => {
+              z(
+                (m == null ? void 0 : m(M.target.checked, L)) ?? M.target.checked,
+                j
               );
             },
-            size: u,
-            ...H
+            size: h,
+            ...u
           }
         );
       }
     }
   ) });
-}, He = k.ul`
-  ${G}
+}, Me = $.ul`
+  ${q}
   position: fixed;
   margin-top: ${({ marginTop: e }) => e};
   padding: ${o.spacings.spacingStack.spacingStackXs} 4px
@@ -274,16 +336,16 @@ const $o = ({
     background: ${o.colors.neutralColors.colorNeutralClean};
     border-radius: ${o.borders.borderRadius.borderRadiusPill};
   }
-`, Re = k.li`
-  ${G}
+`, Fe = $.li`
+  ${q}
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodyMd : o.fonts.fontSize.fontSizeBodyLg};
   padding: ${o.spacings.spacingInline.spacingInlineXs};
   margin: 0 ${o.spacings.spacingInline.spacingInlineXs};
   cursor: default;
   color: ${o.colors.neutralColors.colorNeutralDark};
-`, Fe = k.li`
-  ${G}
+`, He = $.li`
+  ${q}
   display: flex;
   flex: 2;
   flex-direction: ${({ menuOptionFlexDirection: e }) => e};
@@ -297,7 +359,7 @@ const $o = ({
   min-width: 0;
   & > p {
     display: -webkit-box;
-    ${({ truncateText: e }) => e && A`
+    ${({ truncateText: e }) => e && F`
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
@@ -305,7 +367,7 @@ const $o = ({
     text-overflow: ellipsis;
   }
 
-  ${({ hasDescription: e }) => e && A`
+  ${({ hasDescription: e }) => e && F`
       line-height: ${o.fonts.lineHeight.lineHeightMd(
   o.fonts.fontSize.fontSizeBodyMd
 )};
@@ -316,8 +378,8 @@ const $o = ({
         color: ${({ disabled: t }) => t ? o.colors.neutralColors.colorNeutralCleanest : o.colors.neutralColors.colorNeutralCloudy};
       }
     `}
-`, Ee = k.li`
-  ${G}
+`, Ee = $.li`
+  ${q}
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-weight: ${o.fonts.fontWeight.fontWeightSemiBold};
@@ -327,20 +389,20 @@ const $o = ({
   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}`};
-`, Ae = k.span`
-  ${G}
+`, Le = $.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)};
-`, Le = k.div`
-  ${G}
+`, Ae = $.div`
+  ${q}
   display: flex;
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
 
   & > p {
     width: 100%;
-    ${({ truncateText: e }) => e && A`
+    ${({ truncateText: e }) => e && F`
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
@@ -349,8 +411,8 @@ const $o = ({
     text-overflow: ellipsis;
     text-align: start;
   }
-`, Te = k.div`
-  ${G}
+`, Te = $.div`
+  ${q}
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -360,161 +422,161 @@ const $o = ({
   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 = k.div`
-  ${G}
+`, Pe = $.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;
-`, De = (e, t, i = 0, l = 0, d = "left") => {
-  const [a, s] = P(0), [f, h] = P(), g = Q(null), m = ue(() => {
-    if (!e.current || !g.current) return;
-    const u = e.current.getBoundingClientRect(), x = g.current.getBoundingClientRect(), H = window.innerHeight, N = window.innerWidth, j = u.top, C = H - u.bottom, E = C < x.height + l && j > C;
-    let p;
-    E ? (p = u.top - x.height - i, g.current.style.maxHeight = `${j - i}px`) : (p = u.bottom + l, g.current.style.maxHeight = `${C - l}px`);
-    let I = u.left;
-    const v = I + x.width - N;
-    v > 0 && (I -= v), I < 0 && (I = 0);
-    const w = N - u.right;
-    Object.assign(g.current.style, {
+`, 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(), S = m.current.getBoundingClientRect(), u = window.innerHeight, C = window.innerWidth, z = h.top, j = u - h.bottom, L = j < S.height + l && z > j;
+    let b;
+    L ? (b = h.top - S.height - i, m.current.style.maxHeight = `${z - i}px`) : (b = h.bottom + l, m.current.style.maxHeight = `${j - l}px`);
+    let v = h.left;
+    const M = v + S.width - C;
+    M > 0 && (v -= M), v < 0 && (v = 0);
+    const k = C - h.right;
+    Object.assign(m.current.style, {
       position: "fixed",
-      top: `${p}px`,
-      ...d === "left" ? { left: `${I}px` } : { right: `${w}px` },
-      width: `${Math.max(u.width, x.width)}px`,
+      top: `${b}px`,
+      ...a === "left" ? { left: `${v}px` } : { right: `${k}px` },
+      width: `${Math.max(h.width, S.width)}px`,
       overflowY: "auto"
     });
-  }, [i, l, d]);
+  }, [i, l, a]);
   return Z(() => {
-    var x;
-    s(0), h((x = e.current) == null ? void 0 : x.clientWidth), m();
-    const u = () => m();
-    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    var S;
+    s(0), c((S = e.current) == null ? void 0 : S.clientWidth), p();
+    const h = () => p();
+    return window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
-  }, [e, m]), {
-    highlightedIndex: a,
+  }, [e, p]), {
+    highlightedIndex: d,
     setHighlightedIndex: s,
-    isOptionSelected: (u) => u.label === (t == null ? void 0 : t.label),
-    optionsRef: g,
-    parentWidth: f
+    isOptionSelected: (h) => h.label === (t == null ? void 0 : t.label),
+    optionsRef: m,
+    parentWidth: g
   };
-}, ie = he(
+}, ie = ge(
   ({
     selectContainerRef: e,
     optionsSelect: t,
     size: i,
     selectOption: l,
-    value: d,
-    inputValue: a,
+    value: a,
+    inputValue: d,
     widthMenu: s,
-    maxHeightMenu: f = "180px",
-    menuIsOpen: h,
-    onEnter: g,
-    marginTop: m = "4px",
-    iconName: u,
-    iconColor: x,
-    iconPosition: H,
-    topOffset: N = 0,
-    bottomOffset: j = 0,
-    truncateText: C = !0,
-    menuJustifyContent: E = "flex-start",
-    tableActionButton: p,
-    menuLateralPadding: I = "8px",
-    menuOptionFlexDirection: v = "column",
-    confirmSelection: w,
-    menuAlign: q = "left"
-  }, L) => {
-    U(u) && (u += "Ant");
+    maxHeightMenu: g = "180px",
+    menuIsOpen: c,
+    onEnter: m,
+    marginTop: p = "4px",
+    iconName: h,
+    iconColor: S,
+    iconPosition: u,
+    topOffset: C = 0,
+    bottomOffset: z = 0,
+    truncateText: j = !0,
+    menuJustifyContent: L = "flex-start",
+    tableActionButton: b,
+    menuLateralPadding: v = "8px",
+    menuOptionFlexDirection: M = "column",
+    confirmSelection: k,
+    menuAlign: J = "left"
+  }, A) => {
+    G(h) && (h += "Ant");
     const {
       highlightedIndex: T,
-      setHighlightedIndex: S,
-      isOptionSelected: $,
-      optionsRef: M,
-      parentWidth: R
-    } = De(
+      setHighlightedIndex: x,
+      isOptionSelected: w,
+      optionsRef: R,
+      parentWidth: H
+    } = Oe(
       e,
-      d,
-      N,
-      j,
-      q
+      a,
+      C,
+      z,
+      J
     );
     Z(() => {
-      const r = (b) => {
-        if (h) {
-          if (b.key === "ArrowDown")
-            b.preventDefault(), S(
-              (z) => z < t.length - 1 ? z + 1 : z
+      const r = (y) => {
+        if (c) {
+          if (y.key === "ArrowDown")
+            y.preventDefault(), x(
+              (N) => N < t.length - 1 ? N + 1 : N
             );
-          else if (b.key === "ArrowUp")
-            b.preventDefault(), S(
-              (z) => z > 0 ? z - 1 : 0
+          else if (y.key === "ArrowUp")
+            y.preventDefault(), x(
+              (N) => N > 0 ? N - 1 : 0
             );
-          else if (b.key === "Enter" && t[T]) {
-            b.preventDefault();
-            const z = t[T];
-            l(z), g && g(z);
+          else if (y.key === "Enter" && t[T]) {
+            y.preventDefault();
+            const N = t[T];
+            l(N), m && m(N);
           }
         }
       };
       return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
     }, [
-      h,
+      c,
       t,
       T,
-      g,
+      m,
       l,
-      w
+      k
     ]);
-    const y = (r) => typeof r == "string" ? r : We.isValidElement(r) && typeof r.props.children == "string" ? r.props.children : String(r), c = (r, b) => {
-      var F, W;
-      if (H !== b) return null;
-      const z = U((F = r.tooltipProps) == null ? void 0 : F.label), B = r.iconName || u || "InfoFill0Sm", O = /* @__PURE__ */ n.jsx(
+    const B = (r) => typeof r == "string" ? r : je.isValidElement(r) && typeof r.props.children == "string" ? r.props.children : String(r), f = (r, y) => {
+      var E, I;
+      if (u !== y) return null;
+      const N = G((E = r.tooltipProps) == null ? void 0 : E.label), W = r.iconName || h || "InfoFill0Sm", D = /* @__PURE__ */ n.jsx(
         Pe,
         {
-          iconPosition: (W = r.tooltipProps) == null ? void 0 : W.position,
+          iconPosition: (I = r.tooltipProps) == null ? void 0 : I.position,
           id: `iconContainer-${r.value}`,
           children: /* @__PURE__ */ n.jsx(
             V,
             {
-              iconName: B,
-              color: r.disabled ? o.colors.neutralColors.colorNeutralCleanest : $(r) ? o.colors.brandColors.colorBrandSoft : x ?? o.colors.neutralColors.colorNeutralDark
+              iconName: W,
+              color: r.disabled ? o.colors.neutralColors.colorNeutralCleanest : w(r) ? o.colors.brandColors.colorBrandSoft : S ?? o.colors.neutralColors.colorNeutralDark
             }
           )
         }
       );
-      return z ? /* @__PURE__ */ n.jsx(de, { ...r == null ? void 0 : r.tooltipProps, isActive: !0, children: O }) : O;
+      return N ? /* @__PURE__ */ n.jsx(fe, { ...r == null ? void 0 : r.tooltipProps, isActive: !0, children: D }) : D;
     };
     return /* @__PURE__ */ n.jsx(
-      He,
+      Me,
       {
-        marginTop: m,
-        width: s ?? `${R}px`,
-        maxHeight: f,
+        marginTop: p,
+        width: s ?? `${H}px`,
+        maxHeight: g,
         height: "fit-content",
         ref: (r) => {
-          M.current = r, typeof L == "function" ? L(r) : L && (L.current = r);
+          R.current = r, typeof A == "function" ? A(r) : A && (A.current = r);
         },
         "data-testid": "MenuSelect",
         id: "MenuSelect",
-        children: t.length === 0 ? /* @__PURE__ */ n.jsx(Re, { size: i, children: "Sem opções" }) : t.map((r, b) => {
-          var O, F;
-          const z = typeof r.render == "function" ? r.render() : null, B = y(r.label);
+        children: t.length === 0 ? /* @__PURE__ */ n.jsx(Fe, { size: i, children: "Sem opções" }) : t.map((r, y) => {
+          var D, E;
+          const N = typeof r.render == "function" ? r.render() : null, W = B(r.label);
           if (r.isSection)
-            return /* @__PURE__ */ n.jsx(Ee, { size: i, children: B }, B);
+            return /* @__PURE__ */ n.jsx(Ee, { size: i, children: W }, W);
           {
-            const W = B.toLowerCase().indexOf((a == null ? void 0 : a.toLowerCase()) || "");
+            const I = W.toLowerCase().indexOf((d == null ? void 0 : d.toLowerCase()) || "");
             return /* @__PURE__ */ n.jsxs(
               Te,
               {
-                isOptionSelected: $(r),
-                highlightedIndex: b === T,
+                isOptionSelected: w(r),
+                highlightedIndex: y === T,
                 onClick: (X) => {
-                  X.stopPropagation(), r.disabled || (w ? ye({
+                  X.stopPropagation(), r.disabled || (k ? Ce({
                     id: "select-option",
-                    title: w.title,
-                    description: w.description,
-                    icon: w.icon,
-                    iconColor: w.iconColor,
+                    title: k.title,
+                    description: k.description,
+                    icon: k.icon,
+                    iconColor: k.iconColor,
                     leftButtonProps: {
                       name: "Cancelar",
                       variant: "tertiary",
@@ -528,54 +590,54 @@ const $o = ({
                     }
                   }) : l(r));
                 },
-                onMouseEnter: () => S(b),
+                onMouseEnter: () => x(y),
                 disabled: r.disabled,
                 size: i,
-                menuLateralPadding: I,
+                menuLateralPadding: v,
                 children: [
-                  c(r, "left"),
+                  f(r, "left"),
                   /* @__PURE__ */ n.jsxs(
-                    Fe,
+                    He,
                     {
-                      menuOptionFlexDirection: v,
-                      menuJustifyContent: E,
-                      iconName: u,
-                      isOptionSelected: $(r),
-                      highlightedIndex: b === T,
+                      menuOptionFlexDirection: M,
+                      menuJustifyContent: L,
+                      iconName: h,
+                      isOptionSelected: w(r),
+                      highlightedIndex: y === T,
                       "data-testid": r.value,
                       size: i,
                       hasDescription: !!r.description,
                       optionValue: r.value,
                       disabled: r.disabled,
-                      truncateText: C,
-                      tableActionButton: p,
+                      truncateText: j,
+                      tableActionButton: b,
                       children: [
                         /* @__PURE__ */ n.jsxs(
-                          Le,
+                          Ae,
                           {
-                            truncateText: !se(r.label) && C,
+                            truncateText: !se(r.label) && j,
                             children: [
-                              z,
+                              N,
                               se(r.label) ? /* @__PURE__ */ n.jsx(
                                 "p",
                                 {
-                                  title: ((O = r == null ? void 0 : r.tooltipProps) == null ? void 0 : O.label) ?? y(r.label),
+                                  title: ((D = r == null ? void 0 : r.tooltipProps) == null ? void 0 : D.label) ?? B(r.label),
                                   children: r.label
                                 }
                               ) : /* @__PURE__ */ n.jsx(
                                 "p",
                                 {
-                                  title: ((F = r == null ? void 0 : r.tooltipProps) == null ? void 0 : F.label) ?? B,
-                                  children: a && W >= 0 ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-                                    B.substring(0, W),
-                                    /* @__PURE__ */ n.jsx(Ae, { size: i, children: B.substring(
-                                      W,
-                                      W + ((a == null ? void 0 : a.length) || 0)
+                                  title: ((E = r == null ? void 0 : r.tooltipProps) == null ? void 0 : E.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(
+                                      I,
+                                      I + ((d == null ? void 0 : d.length) || 0)
                                     ) }),
-                                    B.substring(
-                                      W + ((a == null ? void 0 : a.length) || 0)
+                                    W.substring(
+                                      I + ((d == null ? void 0 : d.length) || 0)
                                     )
-                                  ] }) : B
+                                  ] }) : W
                                 }
                               )
                             ]
@@ -585,7 +647,7 @@ const $o = ({
                       ]
                     }
                   ),
-                  c(r, "right")
+                  f(r, "right")
                 ]
               },
               String(r.value)
@@ -597,30 +659,30 @@ const $o = ({
   }
 );
 ie.displayName = "MenuSelect";
-const Oe = ({
+const De = ({
   title: e,
   iconName: t,
   onClickIcon: i,
   width: l,
-  height: d,
-  flex: a,
+  height: a,
+  flex: d,
   children: s,
-  wrapperCustomStyles: f = {},
-  contentCustomStyles: h = {},
-  titleCustomStyles: g = {}
+  wrapperCustomStyles: g = {},
+  contentCustomStyles: c = {},
+  titleCustomStyles: m = {}
 }) => /* @__PURE__ */ n.jsxs(
   _,
   {
     width: l,
-    height: d,
-    flex: a,
+    height: a,
+    flex: d,
     direction: "vertical",
     padding: o.spacings.spacingStack.spacingStackSm,
     customStyles: {
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       border: `1px solid ${o.colors.neutralColors.colorNeutralSoft}`,
       borderRadius: "8px",
-      ...f
+      ...g
     },
     children: [
       /* @__PURE__ */ n.jsxs(
@@ -628,18 +690,18 @@ const Oe = ({
         {
           width: "100%",
           direction: "horizontal",
-          customStyles: h,
+          customStyles: c,
           children: [
-            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: g, children: /* @__PURE__ */ n.jsx(fe, { title: e, divider: !1 }) }) : null,
+            e ? /* @__PURE__ */ n.jsx(_, { width: "fit-content", customStyles: m, children: /* @__PURE__ */ n.jsx(ce, { title: e, divider: !1 }) }) : null,
             t ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-              /* @__PURE__ */ n.jsx(Ce, { size: "auto", direction: "horizontal" }),
+              /* @__PURE__ */ n.jsx(ke, { size: "auto", direction: "horizontal" }),
               /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: t,
                   onClick: () => i == null ? void 0 : i(),
-                  color: U(i) ? o.colors.neutralColors.colorNeutralDark : o.colors.neutralColors.colorNeutralCloudy,
-                  cursorPointer: U(i)
+                  color: G(i) ? o.colors.neutralColors.colorNeutralDark : o.colors.neutralColors.colorNeutralCloudy,
+                  cursorPointer: G(i)
                 }
               )
             ] }) : null
@@ -650,9 +712,9 @@ const Oe = ({
     ]
   }
 );
-Oe.displayName = "Section";
-const Xe = k.div`
-  ${G}
+De.displayName = "Section";
+const Xe = $.div`
+  ${q}
   display: flex;
   flex-direction: column;
   width: ${({ width: e }) => e};
@@ -660,22 +722,22 @@ const Xe = k.div`
   &:hover {
     cursor: ${({ disabled: e, readonly: t }) => e || t ? "default" : "pointer"};
   }
-`, _e = k.div`
+`, _e = $.div`
   width: 100%;
-  ${({ variant: e }) => e === "default" ? A`
+  ${({ variant: e }) => e === "default" ? F`
           min-height: ${({ size: t }) => t === "Small" ? "3.2rem" : "4rem"};
           max-height: ${({ size: t }) => t === "Small" ? "3.2rem" : "4rem"};
-        ` : A`
+        ` : F`
           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" && A`
+  ${({ variant: e }) => e === "default" && F`
       border: ${o.borders.borderWidth.borderWidthThinner} solid;
       border-radius: ${o.borders.borderRadius.borderRadiusSm};
-      border-color: ${({ isOpen: t, hasError: i, readonly: l, disabled: d }) => i ? o.colors.feedbackColors.colorFeedbackError : l || d ? o.colors.neutralColors.colorNeutralClean : t ? o.colors.neutralColors.colorNeutralCloudy : o.colors.neutralColors.colorNeutralClean};
+      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};
     `}
 
   background-color: ${({ variant: e }) => e === "default" ? o.colors.backgroundColors.colorBackgroundSnow : "transparent"};
@@ -685,28 +747,28 @@ const Xe = k.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" ? A`
+  ${({ size: e, variant: t }) => e === "Small" ? t === "default" ? F`
           font-size: ${o.fonts.fontSize.fontSizeBodyMd};
           line-height: ${o.fonts.lineHeight.lineHeightSm(
   o.fonts.fontSize.fontSizeBodyMd
 )};
-        ` : A`
+        ` : F`
           font-size: ${o.fonts.fontSize.fontSizeBodySm};
           line-height: ${o.fonts.lineHeight.lineHeightSm(
   o.fonts.fontSize.fontSizeBodySm
 )};
-        ` : t === "default" ? A`
+        ` : t === "default" ? F`
           font-size: ${o.fonts.fontSize.fontSizeBodyLg};
           line-height: ${o.fonts.lineHeight.lineHeightMd(
   o.fonts.fontSize.fontSizeBodyLg
 )};
-        ` : A`
+        ` : F`
           font-size: ${o.fonts.fontSize.fontSizeBodyMd};
           line-height: ${o.fonts.lineHeight.lineHeightSm(
   o.fonts.fontSize.fontSizeBodyMd
 )};
         `};
-  ${({ disabled: e, readonly: t }) => (e || t) && A`
+  ${({ disabled: e, readonly: t }) => (e || t) && F`
         background-color: ${o.colors.brandColors.colorBrandSeSoft};
         border-style: solid;
       `};
@@ -720,7 +782,7 @@ const Xe = k.div`
       fill: ${({ disabled: e, readonly: t }) => e || t ? o.colors.neutralColors.colorNeutralCloudy : o.colors.neutralColors.colorNeutralCloudy};
     }
   }
-`, Ue = k.div`
+`, Ue = $.div`
   align-items: center;
   display: flex;
   flex: 1 1 0%;
@@ -729,7 +791,7 @@ const Xe = k.div`
   overflow: hidden;
   min-height: 1em;
   box-sizing: border-box;
-`, ae = k.span`
+`, de = $.span`
   display: flex;
   flex-wrap: wrap;
   width: ${({ isDisplayText: e }) => e ? "100%" : "fit-content"};
@@ -747,7 +809,7 @@ const Xe = k.div`
     width: ${({ isDisplayText: e }) => e ? "100%" : "fit-content"};
     font-style: ${({ isDisplayText: e }) => e ? "italic" : "normal"};
   }
-`, Ge = k.span`
+`, Ge = $.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};
@@ -756,7 +818,7 @@ const Xe = k.div`
   white-space: nowrap;
   overflow: hidden;
   width: fit-content;
-`, qe = k.input`
+`, qe = $.input`
   flex: 1;
   min-width: 0.1rem;
   border: none;
@@ -770,14 +832,14 @@ const Xe = k.div`
     outline: none;
     cursor: ${({ disabled: e, readOnly: t }) => e || t ? "default" : "pointer"};
   }
-`, Je = k.div`
+`, Je = $.div`
   width: 100%;
   display: flex;
   flex-direction: row;
   gap: 4px;
   justify-content: flex-start;
   margin-bottom: ${o.spacings.spacingStack.spacingStackNano};
-`, Ye = k.label`
+`, Ye = $.label`
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -786,7 +848,7 @@ const Xe = k.div`
 )};
   color: ${o.colors.neutralColors.colorNeutralCloudy};
   margin-bottom: ${o.spacings.spacingStack.spacingStackNano};
-`, Qe = k.label`
+`, Qe = $.label`
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -795,7 +857,7 @@ const Xe = k.div`
 )};
   color: ${o.colors.feedbackColors.colorFeedbackError};
 `;
-k.p`
+$.p`
   display: inline-block;
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -803,7 +865,7 @@ k.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `;
-const Ve = k.p`
+const Ve = $.p`
   display: inline-block;
   font-size: ${({ size: e }) => e === "Small" ? o.fonts.fontSize.fontSizeBodySm : o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -811,201 +873,201 @@ const Ve = k.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `, Ze = (e, { value: t, options: i }) => {
-  const [l, d] = P(!1), [a, s] = P(!1), [f, h] = P(""), [g, m] = P(i), u = Q(null), x = Q(null), H = Q(null), N = Q(null);
+  const [l, a] = P(!1), [d, s] = P(!1), [g, c] = P(""), [m, p] = P(i), h = U(null), S = U(null), u = U(null), C = U(null);
   Z(() => {
-    const p = () => {
+    const b = () => {
       s(!1);
     };
-    return window.addEventListener("scroll", p, { passive: !0 }), window.addEventListener("resize", p, { passive: !0 }), () => {
-      window.removeEventListener("scroll", p), window.removeEventListener("resize", p);
+    return window.addEventListener("scroll", b, { passive: !0 }), window.addEventListener("resize", b, { passive: !0 }), () => {
+      window.removeEventListener("scroll", b), window.removeEventListener("resize", b);
     };
   }, []);
-  function j(p) {
-    h(""), s(!1), d(!0), H != null && H.current && H.current.focus(), p !== t && e(p);
+  function z(b) {
+    c(""), s(!1), a(!0), u != null && u.current && u.current.focus(), b !== t && e(b);
   }
-  const C = (p) => {
-    if (p) {
-      const I = new RegExp(p, "i"), v = i.filter(
-        (w) => I.exec(w.label)
+  const j = (b) => {
+    if (b) {
+      const v = new RegExp(b, "i"), M = i.filter(
+        (k) => v.exec(k.label)
       );
-      m(v);
+      p(M);
     } else
-      m(i);
+      p(i);
   };
-  function E(p) {
-    return !p;
+  function L(b) {
+    return !b;
   }
   return {
     isOpen: l,
-    setIsOpen: d,
-    expanded: a,
+    setIsOpen: a,
+    expanded: d,
     setExpanded: s,
-    inputValue: f,
-    setInputValue: h,
-    optionsSelect: g,
-    setOptionSelect: m,
-    selectContainerRef: u,
-    containerRef: x,
-    inputContainerRef: H,
-    optionsRef: N,
-    selectOption: j,
-    handlerFilterOptions: C,
-    isValue: E
+    inputValue: g,
+    setInputValue: c,
+    optionsSelect: m,
+    setOptionSelect: p,
+    selectContainerRef: h,
+    containerRef: S,
+    inputContainerRef: u,
+    optionsRef: C,
+    selectOption: z,
+    handlerFilterOptions: j,
+    isValue: L
   };
-}, ge = he(
+}, me = ge(
   ({
     value: e,
     handleOption: t,
     options: i,
     filter: l = !0,
-    placeholder: d,
-    label: a,
+    placeholder: a,
+    label: d,
     size: s = "Medium",
-    width: f = "100%",
-    disabled: h,
-    helpText: g,
-    readonly: m,
-    errorMessage: u,
-    tooltipProps: x = {},
-    onBlur: H,
-    onEnter: N,
-    variant: j = "default",
-    infoProps: C = {},
-    maxHeightMenu: E,
-    isRequired: p = !1,
-    onRemoveSelected: I,
-    displayText: v,
-    displayTextProps: w = {}
-  }, q) => {
+    width: g = "100%",
+    disabled: c,
+    helpText: m,
+    readonly: p,
+    errorMessage: h,
+    tooltipProps: S = {},
+    onBlur: u,
+    onEnter: C,
+    variant: z = "default",
+    infoProps: j = {},
+    maxHeightMenu: L,
+    isRequired: b = !1,
+    onRemoveSelected: v,
+    displayText: M,
+    displayTextProps: k = {}
+  }, J) => {
     const {
-      isOpen: L,
+      isOpen: A,
       setIsOpen: T,
-      expanded: S,
-      setExpanded: $,
-      inputValue: M,
-      setInputValue: R,
-      optionsSelect: y,
-      selectContainerRef: c,
+      expanded: x,
+      setExpanded: w,
+      inputValue: R,
+      setInputValue: H,
+      optionsSelect: B,
+      selectContainerRef: f,
       containerRef: r,
-      inputContainerRef: b,
-      selectOption: z,
-      setOptionSelect: B,
-      handlerFilterOptions: O,
-      isValue: F
-    } = Ze(t, { value: e, options: i }), W = !!u, X = {
-      label: u,
-      ...x,
+      inputContainerRef: y,
+      selectOption: N,
+      setOptionSelect: W,
+      handlerFilterOptions: D,
+      isValue: E
+    } = Ze(t, { value: e, options: i }), I = !!h, X = {
+      label: h,
+      ...S,
       wrapperWidth: "auto",
-      isActive: W,
+      isActive: I,
       isErrorTooltip: !0
-    }, D = {
-      ...C,
+    }, O = {
+      ...j,
       size: s
     }, K = /* @__PURE__ */ n.jsx(
       V,
       {
         iconName: `Close${s === "Small" ? "Sm" : "Ant"}`,
-        onClick: (J) => {
-          J.stopPropagation(), I(e);
+        onClick: (Y) => {
+          Y.stopPropagation(), v(e);
         }
       }
-    ), te = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandLess${s === "Small" ? "Sm" : "Ant"}` }), $e = /* @__PURE__ */ n.jsx(V, { iconName: `ExpandMore${s === "Small" ? "Sm" : "Ant"}` });
+    ), 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: c,
-        width: f,
+        ref: f,
+        width: g,
         size: s,
-        disabled: h,
-        readonly: m,
+        disabled: c,
+        readonly: p,
         children: [
-          a && /* @__PURE__ */ n.jsxs(Je, { children: [
-            /* @__PURE__ */ n.jsxs(Ye, { "data-testid": "label", ref: q, children: [
-              a,
-              p && !h ? /* @__PURE__ */ n.jsx(Qe, { children: " *" }) : null
+          d && /* @__PURE__ */ n.jsxs(Je, { children: [
+            /* @__PURE__ */ n.jsxs(Ye, { "data-testid": "label", ref: J, children: [
+              d,
+              b && !c ? /* @__PURE__ */ n.jsx(Qe, { children: " *" }) : null
             ] }),
-            ((D == null ? void 0 : D.message) || (D == null ? void 0 : D.render)) && /* @__PURE__ */ n.jsx(ke, { ...D })
+            ((O == null ? void 0 : O.message) || (O == null ? void 0 : O.render)) && /* @__PURE__ */ n.jsx(ze, { ...O })
           ] }),
-          /* @__PURE__ */ n.jsx(de, { ...X, children: /* @__PURE__ */ n.jsxs(
+          /* @__PURE__ */ n.jsx(fe, { ...X, children: /* @__PURE__ */ n.jsxs(
             _e,
             {
-              hasError: W,
-              readonly: m,
+              hasError: I,
+              readonly: p,
               ref: r,
               onBlur: () => {
                 setTimeout(() => {
-                  (L || S) && b.current !== document.activeElement && (H && H(e), T(!1), $(!1));
+                  (A || x) && y.current !== document.activeElement && (u && u(e), T(!1), w(!1));
                 }, 250);
               },
               onClick: () => {
-                !h && !m && (L && !S ? ($(!0), b != null && b.current && b.current.focus()) : !L && !S ? (T(!0), $(!0), b != null && b.current && b.current.focus()) : (T(!1), $(!1), b != null && b.current && b.current.blur()), !M && B(i));
+                !c && !p && (A && !x ? (w(!0), y != null && y.current && y.current.focus()) : !A && !x ? (T(!0), w(!0), y != null && y.current && y.current.focus()) : (T(!1), w(!1), y != null && y.current && y.current.blur()), !R && W(i));
               },
               tabIndex: 0,
-              width: f,
+              width: g,
               size: s,
-              isOpen: L || S,
+              isOpen: A || x,
               "data-testid": "select",
-              disabled: h,
-              helpText: g,
-              variant: j,
+              disabled: c,
+              helpText: m,
+              variant: z,
               children: [
                 /* @__PURE__ */ n.jsxs(Ue, { children: [
-                  U(v) ? /* @__PURE__ */ n.jsx(ae, { size: s, variant: j, isDisplayText: !0, children: /* @__PURE__ */ n.jsx("p", { title: e == null ? void 0 : e.label, ...w, children: v }) }) : /* @__PURE__ */ n.jsxs(ae, { size: s, variant: j, children: [
-                    d && F(e) && !M && !L ? /* @__PURE__ */ n.jsx(Ge, { size: s, variant: j, children: d }) : null,
+                  G(M) ? /* @__PURE__ */ n.jsx(de, { size: s, variant: z, isDisplayText: !0, children: /* @__PURE__ */ n.jsx("p", { title: e == null ? void 0 : e.label, ...k, children: M }) }) : /* @__PURE__ */ n.jsxs(de, { size: s, variant: z, children: [
+                    a && E(e) && !R && !A ? /* @__PURE__ */ n.jsx(Ge, { size: s, variant: z, 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 && !U(v) && /* @__PURE__ */ n.jsx(
+                  l && !G(M) && /* @__PURE__ */ n.jsx(
                     qe,
                     {
-                      ref: b,
-                      value: M,
-                      onChange: (J) => {
-                        R(J.target.value), J.target.value.length > 0 && (T(!0), $(!0)), O(J.target.value);
+                      ref: y,
+                      value: R,
+                      onChange: (Y) => {
+                        H(Y.target.value), Y.target.value.length > 0 && (T(!0), w(!0)), D(Y.target.value);
                       },
-                      readOnly: m,
-                      width: M.length,
+                      readOnly: p,
+                      width: R.length,
                       size: s,
-                      disabled: h,
-                      variant: j
+                      disabled: c,
+                      variant: z
                     }
                   )
                 ] }),
-                I && e ? K : null,
-                S ? te : $e,
-                S && /* @__PURE__ */ n.jsx(
+                v && e ? K : null,
+                x ? te : be,
+                x && /* @__PURE__ */ n.jsx(
                   ie,
                   {
-                    onEnter: (J) => {
-                      t && t(J), T(!1), $(!1), N && N(J);
+                    onEnter: (Y) => {
+                      t && t(Y), T(!1), w(!1), C && C(Y);
                     },
-                    menuIsOpen: L,
-                    selectContainerRef: c,
+                    menuIsOpen: A,
+                    selectContainerRef: f,
                     value: e,
-                    optionsSelect: y,
-                    selectOption: z,
+                    optionsSelect: B,
+                    selectOption: N,
                     size: s,
-                    inputValue: M,
-                    maxHeightMenu: E
+                    inputValue: R,
+                    maxHeightMenu: L
                   }
                 )
               ]
             }
           ) }),
-          g && /* @__PURE__ */ n.jsx(Ve, { size: s, children: g })
+          m && /* @__PURE__ */ n.jsx(Ve, { size: s, children: m })
         ]
       }
     );
   }
 );
-ge.displayName = "Select";
-const me = ze`
+me.displayName = "Select";
+const pe = Be`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Ke = k.button`
+`, Ke = $.button`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1013,7 +1075,7 @@ const me = ze`
   padding: ${({ size: e }) => e === "Small" ? `0 ${o.spacings.spacingInline.spacingInlineAnt}` : `0 ${o.spacings.spacingInline.spacingInlineSm}`};
   ${({ variant: e }) => {
   if (e === "primary")
-    return A`
+    return F`
         background-color: ${o.colors.brandColors.colorBrandPrimary};
         color: ${o.colors.backgroundColors.colorBackgroundSnow};
         transition: filter 0.2s;
@@ -1024,9 +1086,9 @@ const me = ze`
         }
       `;
   if (e === "secondary")
-    return A`
+    return F`
         background-color: rgba(
-          ${Ne(o.colors.neutralColors.colorNeutralSoft)},
+          ${We(o.colors.neutralColors.colorNeutralSoft)},
           ${o.opacityLevels.light}
         );
         color: ${o.colors.neutralColors.colorNeutralDark};
@@ -1039,7 +1101,7 @@ const me = ze`
         }
       `;
   if (e === "tertiary")
-    return A`
+    return F`
         background-color: transparent;
         color: ${o.colors.neutralColors.colorNeutralDark};
         border: ${o.borders.borderWidth.borderWidthNone};
@@ -1051,7 +1113,7 @@ const me = ze`
         }
       `;
 }};
-  ${({ disabled: e }) => e && A`
+  ${({ disabled: e }) => e && F`
       background-color: ${o.colors.backgroundColors.colorBackgroundGrass};
       color: ${o.colors.neutralColors.colorNeutralCloudy};
       transition: filter 0.2s;
@@ -1080,15 +1142,15 @@ const me = ze`
     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 && A`
-        animation: ${me} 2s linear infinite;
+    ${({ isLoading: e }) => e && F`
+        animation: ${pe} 2s linear infinite;
       `}
 
     path {
       fill: ${({ variant: e, disabled: t }) => t ? o.colors.neutralColors.colorNeutralCloudy : e === "primary" ? o.colors.backgroundColors.colorBackgroundSnow : o.colors.neutralColors.colorNeutralDark};
     }
   }
-`, eo = k.div`
+`, eo = $.div`
   display: flex;
   flex-direction: column;
   width: ${({ width: e }) => e};
@@ -1096,7 +1158,7 @@ const me = ze`
   &:hover {
     cursor: ${({ disabled: e }) => e && "not-allowed"};
   }
-`, oo = k.label`
+`, oo = $.label`
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
   font-family: ${o.fonts.fontFamily.fontFamilyPrimary};
@@ -1106,7 +1168,7 @@ const me = ze`
   color: ${({ hasError: e }) => e ? `${o.colors.feedbackColors.colorFeedbackError}` : `${o.colors.neutralColors.colorNeutralCloudy}`};
   margin-bottom: ${o.spacings.spacingStack.spacingStackNano};
 `;
-k.p`
+$.p`
   display: inline-block;
   font-size: ${o.fonts.fontSize.fontSizeBodyMd};
   font-weight: ${o.fonts.fontWeight.fontWeightRegular};
@@ -1114,14 +1176,14 @@ k.p`
   margin-top: ${o.spacings.spacingInline.spacingInlineNano};
   width: 100%;
 `;
-const to = k.div`
+const to = $.div`
   width: 100%;
 
   & > svg {
     min-width: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
     height: ${({ size: e }) => e === "Small" ? o.icons.iconSizeSm : o.icons.iconSizeAnt};
 
-    animation: ${me} 2s linear infinite;
+    animation: ${pe} 2s linear infinite;
 
     path {
       fill: ${({ variant: e, disabled: t }) => t ? o.colors.neutralColors.colorNeutralCloudy : e === "primary" ? o.colors.backgroundColors.colorBackgroundSnow : o.colors.neutralColors.colorNeutralDark};
@@ -1132,163 +1194,215 @@ const to = k.div`
     cursor: not-allowed;
   }
 `, no = (e) => {
-  const [t, i] = P(!1), [l, d] = P(e), a = Q(null);
+  const [t, i] = P(!1), [l, a] = P(e), d = U(null);
   return Z(() => {
-    d(e);
+    a(e);
   }, [e]), {
     setIsOpen: i,
     isOpen: t,
-    setOptionsSelect: d,
+    setOptionsSelect: a,
     optionsSelect: l,
-    selectContainerRef: a
+    selectContainerRef: d
   };
-}, ro = 200, bo = ({
+}, ro = 200, zo = ({
   name: e,
   variant: t = "primary",
   width: i = "100%",
   size: l = "Medium",
-  disabled: d = !1,
-  isLoading: a = !1,
+  disabled: a = !1,
+  isLoading: d = !1,
   onClick: s,
-  options: f,
-  label: h,
-  menuSelectProps: g = {},
-  iconName: m,
-  optionsIconPosition: u
+  options: g,
+  label: c,
+  menuSelectProps: m = {},
+  iconName: p,
+  optionsIconPosition: h
 }) => {
-  const { isOpen: x, setIsOpen: H, selectContainerRef: N, optionsSelect: j } = no(f);
-  let C = o.colors.backgroundColors.colorBackgroundSnow;
-  d ? C = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (C = o.colors.neutralColors.colorNeutralDark);
-  const E = {
-    ...g
+  const { isOpen: S, setIsOpen: u, selectContainerRef: C, optionsSelect: z } = no(g);
+  let j = o.colors.backgroundColors.colorBackgroundSnow;
+  a ? j = o.colors.neutralColors.colorNeutralCloudy : t !== "primary" && (j = o.colors.neutralColors.colorNeutralDark);
+  const L = {
+    ...m
   };
   return /* @__PURE__ */ n.jsxs(
     eo,
     {
-      ref: N,
+      ref: C,
       width: i,
       size: l,
-      disabled: d,
-      onBlur: () => setTimeout(() => H(!1), ro),
+      disabled: a,
+      onBlur: () => setTimeout(() => u(!1), ro),
       children: [
-        h && /* @__PURE__ */ n.jsx(oo, { children: h }),
+        c && /* @__PURE__ */ n.jsx(oo, { children: c }),
         /* @__PURE__ */ n.jsxs(
           Ke,
           {
             type: "button",
             size: l,
-            disabled: d,
+            disabled: a,
             variant: t,
-            isLoading: a,
-            onClick: () => !a && H(!x),
+            isLoading: d,
+            onClick: () => !d && u(!S),
             id: `button-component-${e}`,
             children: [
-              a && /* @__PURE__ */ n.jsx(to, { size: l, disabled: d, variant: t, children: /* @__PURE__ */ n.jsx(
+              d && /* @__PURE__ */ n.jsx(to, { size: l, disabled: a, variant: t, children: /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ProgressActivity${l === "Small" ? "Ant" : "Sm"}`,
-                  color: C,
+                  color: j,
                   "data-testid": "icon-loading"
                 }
               ) }),
-              !a && /* @__PURE__ */ n.jsx("p", { title: e, children: e }),
-              !a && (x ? /* @__PURE__ */ n.jsx(
+              !d && /* @__PURE__ */ n.jsx("p", { title: e, children: e }),
+              !d && (S ? /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ExpandLess${l === "Small" ? "Ant" : "Sm"}`,
-                  color: C,
+                  color: j,
                   "data-testid": "icon-button-less"
                 }
               ) : /* @__PURE__ */ n.jsx(
                 V,
                 {
                   iconName: `ExpandMore${l === "Small" ? "Ant" : "Sm"}`,
-                  color: C,
+                  color: j,
                   "data-testid": "icon-button-more"
                 }
               ))
             ]
           }
         ),
-        x && /* @__PURE__ */ n.jsx(
+        S && /* @__PURE__ */ n.jsx(
           ie,
           {
-            selectContainerRef: N,
+            selectContainerRef: C,
             value: null,
-            optionsSelect: j,
+            optionsSelect: z,
             selectOption: s,
             size: l,
             inputValue: null,
-            iconPosition: u,
-            iconName: m,
-            ...E
+            iconPosition: h,
+            iconName: p,
+            ...L
           }
         )
       ]
     }
   );
-}, ce = 350, xo = ({
-  title: e,
-  children: t,
-  endAdornment: i = null,
-  marginBottom: l = "16px",
-  customStyles: d = {},
-  wrapperCustomStyles: a = {},
-  hideAdornmentOnCollapse: s = !1
+}, lo = $.div`
+  min-width: ${({ widthItems: e }) => e};
+  max-width: ${({ widthItems: e }) => e};
+  height: 100%;
+  overflow: hidden;
+
+  &:hover {
+    overflow: auto;
+    scroll-padding-top: 10px;
+  }
+`, io = $.div`
+  width: 100%;
+  min-height: ${({ heightItems: e }) => e};
+  max-height: ${({ heightItems: e }) => e};
+  background-color: ${({ selected: e }) => e ? "#E8F3FF" : "transparent"};
+  border-bottom: ${`1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
+  padding: 8px;
+  ${({ withBorderRight: e }) => e && F`
+      border-right: ${({ selected: t }) => t ? "none" : `1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
+    `}
+  cursor: pointer;
+`, so = $.div`
+  max-width: 4px;
+  min-width: 4px;
+  min-height: ${({ heightItems: e }) => e};
+  max-height: ${({ heightItems: e }) => e};
+  background-color: ${({ selected: e }) => e ? "#E8F3FF" : "transparent"};
+  border-bottom: ${`1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
+  padding: 8px;
+  ${({ withBorderRight: e }) => e && F`
+      border-right: ${({ selected: t }) => t ? "none" : `1px solid ${o.colors.neutralColors.colorNeutralSoft}`};
+    `}
+  cursor: pointer;
+`, ao = $.div`
+  display: flex;
+  min-width: 0;
+  height: 100%;
+  flex: 1;
+  background-color: #e8f3ff;
+`, co = $.div`
+  max-width: 4px;
+  min-width: 4px;
+  height: 100%;
+  background-color: 'transparent';
+  overflow: hidden;
+`, Bo = ({
+  width: e = "100%",
+  height: t = "fit-content",
+  flex: i,
+  backgroundColor: l = "white",
+  options: a = [],
+  heightItems: d = "60px",
+  widthItems: s = "155px",
+  emptyProps: g = {
+    title: "Nenhum dado a ser mostrado",
+    body: null
+  }
 }) => {
-  const [f, h] = P(!1), [g, m] = P(!0);
-  Z(() => {
-    if (s)
-      if (f) {
-        const x = setTimeout(
-          () => m(!1),
-          ce
-        );
-        return () => clearTimeout(x);
-      } else
-        m(!0);
-  }, [f, s]);
-  const u = s && !g ? null : i;
-  return /* @__PURE__ */ n.jsxs(
-    _,
+  var S;
+  const [c, m] = P(a[0] || null), p = U(null), h = U(null);
+  return Z(() => {
+    const u = p.current, C = h.current, z = () => {
+      u && C && (C.scrollTop = u.scrollTop);
+    };
+    return u == null || u.addEventListener("scroll", z), () => {
+      u == null || u.removeEventListener("scroll", z);
+    };
+  }, []), (a == null ? void 0 : a.length) === 0 ? /* @__PURE__ */ n.jsx(
+    he,
     {
-      width: "100%",
+      title: g.title,
+      body: g.body,
       flex: "1",
-      gap: "8px",
-      customStyles: a,
+      mode: "table"
+    }
+  ) : /* @__PURE__ */ n.jsxs(
+    _,
+    {
+      width: e,
+      height: t,
+      flex: i,
+      backgroundColor: l,
+      direction: "horizontal",
+      customStyles: {
+        border: `1px solid ${o.colors.neutralColors.colorNeutralSoft}`,
+        borderRadius: o.borders.borderRadius.borderRadiusSm
+      },
       children: [
-        /* @__PURE__ */ n.jsx(
-          fe,
+        /* @__PURE__ */ n.jsx(lo, { ref: p, widthItems: s, children: a == null ? void 0 : a.map((u, C) => /* @__PURE__ */ n.jsx(
+          io,
           {
-            title: e,
-            divider: !0,
-            marginBottom: l,
-            collapse: {
-              collapsed: f,
-              setCollapsed: h
-            },
-            endAdornment: u,
-            customStyles: d
-          }
-        ),
-        /* @__PURE__ */ n.jsx(
-          _,
+            selected: (c == null ? void 0 : c.key) === u.key,
+            onClick: () => m(u),
+            withBorderRight: !1,
+            heightItems: d,
+            children: u.item
+          },
+          C
+        )) }),
+        /* @__PURE__ */ n.jsx(co, { ref: h, children: (S = a == null ? void 0 : a.concat({ key: "last", item: /* @__PURE__ */ n.jsx(n.Fragment, {}), contentItem: /* @__PURE__ */ n.jsx(n.Fragment, {}) })) == null ? void 0 : S.map((u, C) => /* @__PURE__ */ n.jsx(
+          so,
           {
-            gap: "8px",
-            width: "100%",
-            customStyles: {
-              // assuming max content height won't exceed 2000px (a large value)
-              // If a maxHeight is not set, the transition won't work
-              maxHeight: f ? "0" : "2000px",
-              transition: `max-height ${ce}ms ease-in-out`
-            },
-            children: t
-          }
-        )
+            selected: (c == null ? void 0 : c.key) === u.key,
+            onClick: () => m(u),
+            withBorderRight: !0,
+            heightItems: d
+          },
+          C
+        )) }),
+        /* @__PURE__ */ n.jsx(ao, { children: c && (c == null ? void 0 : c.contentItem) })
       ]
     }
   );
-}, pe = A`
+}, Se = F`
   svg:not([color]):not([data-testid='icon']) {
     path {
       fill: ${o.colors.neutralColors.colorNeutralDarkest};
@@ -1300,7 +1414,7 @@ const to = k.div`
       fill: ${o.colors.neutralColors.colorNeutralDarkest};
     }
   }
-`, lo = k.div`
+`, fo = $.div`
   width: 100%;
   max-height: ${({ maxHeight: e }) => e};
   overflow: auto;
@@ -1322,12 +1436,12 @@ const to = k.div`
     background: ${o.colors.neutralColors.colorNeutralClean};
     border-radius: ${o.borders.borderRadius.borderRadiusPill};
   }
-`, io = k.table`
+`, ho = $.table`
   border-collapse: separate;
   border-spacing: 0;
   width: 100%;
-`, so = `${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall} 0 0`, ao = `0 0 ${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall}`, ee = k.tr`
-  ${({ isHeader: e, size: t }) => e && A`
+`, uo = `${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall} 0 0`, go = `0 0 ${o.borders.borderRadius.borderExtraSmall} ${o.borders.borderRadius.borderExtraSmall}`, ee = $.tr`
+  ${({ isHeader: e, size: t }) => e && F`
       position: sticky;
       background-color: ${o.colors.backgroundColors.colorBackgroundSnow};
 
@@ -1345,15 +1459,15 @@ const to = k.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 && A`
+  ${({ isHeader: e, isSelected: t, striped: i }) => !e && F`
       background-color: ${t ? o.colors.neutralColors.colorNeutralClean : i ? "#F5F9FE" : o.colors.backgroundColors.colorBackgroundSnow};
     `}
 
   border-radius: ${({ isFirst: e, isLast: t, isHeader: i, borderRadius: l }) => {
   if (e && !i)
-    return l ? `${l} ${l} 0 0` : so;
+    return l ? `${l} ${l} 0 0` : uo;
   if (t)
-    return l ? `0 0 ${l} ${l}` : ao;
+    return l ? `0 0 ${l} ${l}` : go;
 }};
   transition: background-color 0.2s 0s;
 
@@ -1365,28 +1479,28 @@ const to = k.div`
     border-bottom: none !important;
   }
 
-  ${({ isHeader: e }) => !e && A`
+  ${({ isHeader: e }) => !e && F`
       &: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
       */
-        ${pe}
+        ${Se}
       }
     `}
-`, Se = ({ width: e }) => {
-  if (U(e))
-    return A`
+`, $e = ({ width: e }) => {
+  if (G(e))
+    return F`
       width: ${e};
     `;
-}, oe = k.th`
+}, oe = $.th`
   text-align: ${({ horizontalAlign: e, headerAlign: t }) => e ?? t ?? "left"};
   vertical-align: middle;
   min-width: ${({ minWidth: e }) => e || "auto"};
   max-width: ${({ maxWidth: e }) => e};
 
-  ${Se}
+  ${$e}
 
   height: ${({ size: e }) => e === "Large" ? "4rem" : "3.2rem"};
   background-color: ${o.colors.backgroundColors.colorBackgroundSky};
@@ -1404,7 +1518,7 @@ const to = k.div`
   word-break: normal;
 
   &:last-child {
-    ${({ isTopRow: e }) => e && A`
+    ${({ isTopRow: e }) => e && F`
         border-right: none;
       `}
   }
@@ -1424,13 +1538,13 @@ const to = k.div`
   &:hover {
     cursor: default;
   }
-`, co = k.td`
+`, mo = $.td`
   text-align: ${({ horizontalAlign: e }) => e || "left"};
   vertical-align: ${({ verticalAlign: e }) => e || "middle"};
 
   min-width: ${({ minWidth: e }) => e || "auto"};
   max-width: ${({ maxWidth: e }) => e};
-  ${Se}
+  ${$e}
 
   padding: ${({ rowPadding: e }) => e ?? `${o.spacings.spacingInline.spacingInlineXs}`};
 
@@ -1449,26 +1563,26 @@ const to = k.div`
     border-right: none;
   }
 
-  ${pe}
+  ${Se}
 
   &:hover {
     cursor: ${(e) => e.isClickable ? "pointer" : "default"};
   }
 `;
-function fo(e) {
+function po(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 wo({
+function jo({
   id: e,
   rowKey: t = "id",
   size: i = "Small",
   onRowClick: l,
-  fit: d = !1,
-  maxHeight: a = "40rem",
+  fit: a = !1,
+  maxHeight: d = "40rem",
   columns: s,
-  dataSource: f,
-  columnsTextSize: h = i,
-  emptyProps: g = {
+  dataSource: g,
+  columnsTextSize: c = i,
+  emptyProps: m = {
     width: "100%",
     height: "100%",
     title: "Nenhum dado a ser mostrado.",
@@ -1476,174 +1590,174 @@ function wo({
     borders: !0,
     backgroundColor: o.colors.backgroundColors.colorBackgroundSnow
   },
-  selectedRow: m = !1,
-  hideHeader: u = !1,
-  withBorder: x = !0,
-  withBorderRadius: H = !0,
-  striped: N = !1,
-  borderRadius: j = o.borders.borderRadius.borderRadiusSm
+  selectedRow: p = !1,
+  hideHeader: h = !1,
+  withBorder: S = !0,
+  withBorderRadius: u = !0,
+  striped: C = !1,
+  borderRadius: z = o.borders.borderRadius.borderRadiusSm
 }) {
-  const C = Y(() => fo(t), [t]), [E, p] = P(null), I = Q(null), v = Q(null), [w, q] = P(s);
-  je(() => {
-    if (!v.current || s.length === 0) {
-      q(s);
+  const j = Q(() => po(t), [t]), [L, b] = P(null), v = U(null), M = U(null), [k, J] = P(s);
+  Ne(() => {
+    if (!M.current || s.length === 0) {
+      J(s);
       return;
     }
-    const S = () => {
-      var O;
-      const M = ((O = v.current) == null ? void 0 : O.clientWidth) || 0;
-      if (M === 0) return;
-      let R = 0, y = 0;
-      const c = [], r = [];
-      s.forEach((F) => {
-        const W = Number(F.flex);
-        F.width ? R += parseInt(F.width, 10) || 0 : F.flex && W > 0 ? (y += W, c.push(F)) : r.push(F);
+    const x = () => {
+      var D;
+      const R = ((D = M.current) == null ? void 0 : D.clientWidth) || 0;
+      if (R === 0) return;
+      let H = 0, B = 0;
+      const f = [], r = [];
+      s.forEach((E) => {
+        const I = Number(E.flex);
+        E.width ? H += parseInt(E.width, 10) || 0 : E.flex && I > 0 ? (B += I, f.push(E)) : r.push(E);
       });
-      const b = M - R, z = "80";
-      let B = [...s];
-      if (b > 0) {
-        if (c.length > 0) {
-          const F = b / y;
-          B = s.map((W) => {
-            const X = Number(W.flex);
+      const y = R - H, N = "80";
+      let W = [...s];
+      if (y > 0) {
+        if (f.length > 0) {
+          const E = y / B;
+          W = s.map((I) => {
+            const X = Number(I.flex);
             if (X && X > 0) {
-              const D = parseInt(W.minWidth || z, 10), K = X * F, te = Math.max(K, D);
-              return { ...W, width: `${Math.floor(te)}px` };
+              const O = parseInt(I.minWidth || N, 10), K = X * E, te = Math.max(K, O);
+              return { ...I, width: `${Math.floor(te)}px` };
             }
-            return !W.width && !X ? {
-              ...W,
-              width: W.minWidth || `${z}px`
-            } : W;
+            return !I.width && !X ? {
+              ...I,
+              width: I.minWidth || `${N}px`
+            } : I;
           });
         } else if (r.length > 0) {
-          const F = b / r.length;
-          B = s.map((W) => {
-            const X = Number(W.flex);
-            if (!W.width && !X) {
-              const D = parseInt(W.minWidth || z, 10), K = Math.max(F, D);
-              return { ...W, width: `${Math.floor(K)}px` };
+          const E = y / 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);
+              return { ...I, width: `${Math.floor(K)}px` };
             }
-            return W;
+            return I;
           });
         }
       } else
-        B = s.map((F) => F.width ? F : { ...F, width: F.minWidth || `${z}px` });
-      q(B);
+        W = s.map((E) => E.width ? E : { ...E, width: E.minWidth || `${N}px` });
+      J(W);
     };
-    S();
-    const $ = new ResizeObserver(S);
-    return $.observe(v.current), () => $.disconnect();
+    x();
+    const w = new ResizeObserver(x);
+    return w.observe(M.current), () => w.disconnect();
   }, [s]), Z(() => {
-    const S = ($) => {
-      I.current && !I.current.contains($.target) && p(null);
+    const x = (w) => {
+      v.current && !v.current.contains(w.target) && b(null);
     };
-    return document.addEventListener("mousedown", S), () => {
-      document.removeEventListener("mousedown", S);
+    return document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("mousedown", x);
     };
   }, []);
-  const L = Y(() => w ? w.some(
-    (S) => S.mergeHeaderId && S.mergeHeaderLabel
-  ) : !1, [w]), T = Y(() => {
-    var R, y;
-    if (u || !w || w.length === 0)
+  const A = Q(() => k ? k.some(
+    (x) => x.mergeHeaderId && x.mergeHeaderLabel
+  ) : !1, [k]), T = Q(() => {
+    var H, B;
+    if (h || !k || k.length === 0)
       return null;
-    if (!L)
+    if (!A)
       return /* @__PURE__ */ n.jsx(
         ee,
         {
           isHeader: !0,
           size: i,
           numRows: 1,
-          borderRadius: j,
-          children: w.map((c) => {
+          borderRadius: z,
+          children: k.map((f) => {
             var r;
             return /* @__PURE__ */ n.jsx(
               oe,
               {
-                width: c.width,
-                minWidth: c.minWidth,
-                maxWidth: c.maxWidth,
-                horizontalAlign: c.horizontalAlign,
+                width: f.width,
+                minWidth: f.minWidth,
+                maxWidth: f.maxWidth,
+                horizontalAlign: f.horizontalAlign,
                 size: i,
-                columnsTextSize: h,
-                withBorder: x,
-                headerAlign: c.headerAlign,
-                children: ((r = c.columnRender) == null ? void 0 : r.call(c, f)) || /* @__PURE__ */ n.jsx("span", { title: c.label, children: c.label })
+                columnsTextSize: c,
+                withBorder: S,
+                headerAlign: f.headerAlign,
+                children: ((r = f.columnRender) == null ? void 0 : r.call(f, g)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
               },
-              c.dataIndex
+              f.dataIndex
             );
           })
         }
       );
-    const S = [], $ = [];
-    let M = 0;
-    for (; M < w.length; ) {
-      const c = w[M];
-      if (c.mergeHeaderId && c.mergeHeaderLabel) {
+    const x = [], w = [];
+    let R = 0;
+    for (; R < k.length; ) {
+      const f = k[R];
+      if (f.mergeHeaderId && f.mergeHeaderLabel) {
         let r = 0;
-        const b = c.mergeHeaderId;
-        for (let z = M; z < w.length && w[z].mergeHeaderId === b; z++)
+        const y = f.mergeHeaderId;
+        for (let N = R; N < k.length && k[N].mergeHeaderId === y; N++)
           r++;
-        S.push(
+        x.push(
           /* @__PURE__ */ n.jsx(
             oe,
             {
               colSpan: r,
               horizontalAlign: "center",
               size: i,
-              columnsTextSize: h,
-              withBorder: x,
-              width: c.width,
-              minWidth: c.minWidth,
-              maxWidth: c.maxWidth,
-              headerAlign: c.headerAlign,
+              columnsTextSize: c,
+              withBorder: S,
+              width: f.width,
+              minWidth: f.minWidth,
+              maxWidth: f.maxWidth,
+              headerAlign: f.headerAlign,
               isTopRow: !0,
-              children: /* @__PURE__ */ n.jsx("span", { title: c.mergeHeaderLabel, children: c.mergeHeaderLabel })
+              children: /* @__PURE__ */ n.jsx("span", { title: f.mergeHeaderLabel, children: f.mergeHeaderLabel })
             },
-            `${c.mergeHeaderId}-merged`
+            `${f.mergeHeaderId}-merged`
           )
         );
-        for (let z = 0; z < r; z++) {
-          const B = w[M + z];
-          $.push(
+        for (let N = 0; N < r; N++) {
+          const W = k[R + N];
+          w.push(
             /* @__PURE__ */ n.jsx(
               oe,
               {
-                width: B.width,
-                minWidth: B.minWidth,
-                maxWidth: B.maxWidth,
-                horizontalAlign: B.horizontalAlign,
+                width: W.width,
+                minWidth: W.minWidth,
+                maxWidth: W.maxWidth,
+                horizontalAlign: W.horizontalAlign,
                 size: i,
-                columnsTextSize: h,
-                withBorder: x,
-                headerAlign: c.headerAlign,
-                children: ((R = B.columnRender) == null ? void 0 : R.call(B, f)) || /* @__PURE__ */ n.jsx("span", { title: B.label, children: B.label })
+                columnsTextSize: c,
+                withBorder: S,
+                headerAlign: f.headerAlign,
+                children: ((H = W.columnRender) == null ? void 0 : H.call(W, g)) || /* @__PURE__ */ n.jsx("span", { title: W.label, children: W.label })
               },
-              B.dataIndex + "-individual"
+              W.dataIndex + "-individual"
             )
           );
         }
-        M += r;
+        R += r;
       } else
-        S.push(
+        x.push(
           /* @__PURE__ */ n.jsx(
             oe,
             {
               rowSpan: 2,
-              width: c.width,
-              minWidth: c.minWidth,
-              maxWidth: c.maxWidth,
-              horizontalAlign: c.horizontalAlign,
+              width: f.width,
+              minWidth: f.minWidth,
+              maxWidth: f.maxWidth,
+              horizontalAlign: f.horizontalAlign,
               size: i,
-              columnsTextSize: h,
-              withBorder: x,
-              headerAlign: c.headerAlign,
+              columnsTextSize: c,
+              withBorder: S,
+              headerAlign: f.headerAlign,
               isTopRow: !0,
-              children: ((y = c.columnRender) == null ? void 0 : y.call(c, f)) || /* @__PURE__ */ n.jsx("span", { title: c.label, children: c.label })
+              children: ((B = f.columnRender) == null ? void 0 : B.call(f, g)) || /* @__PURE__ */ n.jsx("span", { title: f.label, children: f.label })
             },
-            c.dataIndex
+            f.dataIndex
           )
-        ), M++;
+        ), R++;
     }
     return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
       /* @__PURE__ */ n.jsx(
@@ -1652,96 +1766,96 @@ function wo({
           isHeader: !0,
           size: i,
           numRows: 2,
-          borderRadius: j,
-          children: S
+          borderRadius: z,
+          children: x
         }
       ),
-      $.length > 0 && /* @__PURE__ */ n.jsx(
+      w.length > 0 && /* @__PURE__ */ n.jsx(
         ee,
         {
           isHeader: !0,
           size: i,
           numRows: 2,
-          borderRadius: j,
-          children: $
+          borderRadius: z,
+          children: w
         }
       )
     ] });
-  }, [w, u, i, h, L]);
-  return !f || f.length === 0 ? /* @__PURE__ */ n.jsx(
-    Be,
+  }, [k, h, i, c, A]);
+  return !g || g.length === 0 ? /* @__PURE__ */ n.jsx(
+    he,
     {
       backgroundColor: o.colors.backgroundColors.colorBackgroundSnow,
       borders: !0,
       mode: "table",
-      ...g
+      ...m
     }
   ) : /* @__PURE__ */ n.jsx(
-    lo,
+    fo,
     {
-      maxHeight: a,
-      withBorderRadius: H,
-      ref: v,
-      borderRadius: j,
-      children: /* @__PURE__ */ n.jsxs(io, { id: e, ref: I, children: [
+      maxHeight: d,
+      withBorderRadius: u,
+      ref: M,
+      borderRadius: z,
+      children: /* @__PURE__ */ n.jsxs(ho, { id: e, ref: v, children: [
         /* @__PURE__ */ n.jsx("thead", { children: T }),
-        /* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: f == null ? void 0 : f.map((S, $, M) => {
-          const R = C(S);
+        /* @__PURE__ */ n.jsx("tbody", { style: { width: "100%" }, children: g == null ? void 0 : g.map((x, w, R) => {
+          const H = j(x);
           return /* @__PURE__ */ n.jsx(
             ee,
             {
-              isLast: $ === M.length - 1,
-              fit: d,
+              isLast: w === R.length - 1,
+              fit: a,
               size: i,
-              withBorder: x,
-              isSelected: R === E && m,
-              striped: N && $ % 2 !== 0,
-              borderRadius: j,
-              children: w.map((y) => {
-                var c, r;
+              withBorder: S,
+              isSelected: H === L && p,
+              striped: C && w % 2 !== 0,
+              borderRadius: z,
+              children: k.map((B) => {
+                var f, r;
                 return /* @__PURE__ */ n.jsx(
-                  co,
+                  mo,
                   {
-                    width: y.width,
-                    minWidth: y.minWidth,
-                    maxWidth: y.maxWidth,
+                    width: B.width,
+                    minWidth: B.minWidth,
+                    maxWidth: B.maxWidth,
                     size: i,
-                    isClickable: U(l),
+                    isClickable: G(l),
                     onClick: () => {
-                      l && l(S, y, $), m && p(
-                        E === R ? null : R
+                      l && l(x, B, w), p && b(
+                        L === H ? null : H
                       );
                     },
-                    horizontalAlign: y.horizontalAlign,
-                    verticalAlign: y.verticalAlign,
-                    rowPadding: y.rowPadding,
-                    withBorder: x,
-                    isLast: $ === M.length - 1,
-                    children: ((c = y.render) == null ? void 0 : c.call(
-                      y,
-                      S[y.dataIndex],
-                      S,
-                      $,
-                      M
+                    horizontalAlign: B.horizontalAlign,
+                    verticalAlign: B.verticalAlign,
+                    rowPadding: B.rowPadding,
+                    withBorder: S,
+                    isLast: w === R.length - 1,
+                    children: ((f = B.render) == null ? void 0 : f.call(
+                      B,
+                      x[B.dataIndex],
+                      x,
+                      w,
+                      R
                     )) || /* @__PURE__ */ n.jsx(
                       "span",
                       {
-                        title: S[y.dataIndex],
+                        title: x[B.dataIndex],
                         style: {
                           textOverflow: "ellipsis",
                           whiteSpace: "nowrap",
                           overflow: "hidden",
-                          ...(r = y.rowCss) == null ? void 0 : r.call(y, S)
+                          ...(r = B.rowCss) == null ? void 0 : r.call(B, x)
                         },
-                        children: S[y.dataIndex]
+                        children: x[B.dataIndex]
                       }
                     ) || ""
                   },
-                  `${R}::${y.dataIndex}`
+                  `${H}::${B.dataIndex}`
                 );
               })
             },
-            R
+            H
           );
         }) })
       ] })
@@ -1749,13 +1863,14 @@ function wo({
   );
 }
 export {
-  $o as C,
+  yo as C,
   ie as M,
-  So as S,
-  ve as T,
-  Oe as a,
-  ge as b,
-  bo as c,
-  xo as d,
-  wo as e
+  Co as S,
+  Re as T,
+  ko as a,
+  De as b,
+  me as c,
+  zo as d,
+  Bo as e,
+  jo as f
 };