@fluidattacks/design 3.26.6 → 3.27.1-pr

package/dist/{components-BWE4Q-KL.mjs → components-DJdC-dCJ.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as f, Fragment as tt } from "react/jsx-runtime";
 import nt, { forwardRef as Z, useState as j, useCallback as w, StrictMode as En, useEffect as G, useRef as B, useMemo as K, Fragment as ye, Children as Xe, isValidElement as Gt, cloneElement as _t, createContext as Rn, useContext as he } from "react";
-import { X as jn, s as b, J as D, u as Yt, a as An, b as Ln, c as Pn, d as On, l as M, e as it, f as Hn, o as rt, g as Wn, n as Ce, _ as A, $ as Mn, h as Bn, i as Vn, j as Un, k as Gn, m as _n, p as Yn, q as Kn, r as Zn, t as Kt, C as ot, v as qn, w as Xn, x as Jn, y as $t, z as Fe, A as Qn, B as ei, D as Zt, E as qt, F as Ee, G as ti, H as ni, I as ii, K as ri, L as oi, M as te, N as ai, O as Xt, P as li, Q as Jt, R as si, S as ci, T as di, U as pi, V as gi, W as ui, Y as at, Z as hi, a0 as bt, a1 as xt, a2 as mt, a3 as fi, a4 as yi, a5 as $i, a6 as bi, a7 as xi, a8 as mi, a9 as wi, aa as vi, ab as Qt, ac as ki, ad as Ci, ae as Si, af as zi, ag as Ii, ak as en, al as Ti, am as Ni, an as Di, ao as Fi, ap as Ei, aq as Ri, ar as ji, as as Ai, at as Li, au as Pi, av as Oi, aw as Je, ax as Hi, ay as wt, az as Wi, aA as vt, aB as Mi } from "./vendor-n0YlGhIk.mjs";
+import { X as jn, s as b, J as D, u as Yt, a as An, b as Ln, c as On, d as Pn, l as M, e as it, f as Hn, o as rt, g as Wn, n as Ce, _ as A, $ as Mn, h as Bn, i as Vn, j as Un, k as Gn, m as _n, p as Yn, q as Kn, r as Zn, t as Kt, C as ot, v as qn, w as Xn, x as Jn, y as $t, z as Fe, A as Qn, B as ei, D as Zt, E as qt, F as Ee, G as ti, H as ni, I as ii, K as ri, L as oi, M as te, N as ai, O as Xt, P as li, Q as Jt, R as si, S as ci, T as di, U as pi, V as gi, W as ui, Y as at, Z as hi, a0 as bt, a1 as xt, a2 as mt, a3 as fi, a4 as yi, a5 as $i, a6 as bi, a7 as xi, a8 as mi, a9 as wi, aa as vi, ab as Qt, ac as ki, ad as Ci, ae as Si, af as zi, ag as Ii, ak as en, al as Ti, am as Ni, an as Di, ao as Fi, ap as Ei, aq as Ri, ar as ji, as as Ai, at as Li, au as Oi, av as Pi, aw as Je, ax as Hi, ay as wt, az as Wi, aA as vt, aB as Mi } from "./vendor-C4aloG3g.mjs";
 import { createPortal as $e } from "react-dom";
 import { Link as Bi, useLocation as Vi, NavLink as Ui } from "react-router-dom";
 const ae = (e) => ({
@@ -195,19 +195,17 @@ const ae = (e) => ({
   md: "0px 4px 6px 0px rgba(16, 24, 40, 0.15)",
   lg: "0px 8px 24px 0px rgba(16, 24, 40, 0.15)"
 }, tr = {
-  mobile: "480px",
-  tablet: "960px",
   sm: "1024px",
   md: "1440px",
   lg: "1920px"
 }, nr = {
   0: "0rem",
   0.125: "0.125rem",
-  0.188: "0.188rem",
   0.25: "0.25rem",
   0.5: "0.5rem",
   0.625: "0.625rem",
   0.75: "0.75rem",
+  0.875: "0.875rem",
   1: "1rem",
   1.25: "1.25rem",
   1.5: "1.5rem",
@@ -216,9 +214,7 @@ const ae = (e) => ({
   2.25: "2.25rem",
   2.5: "2.5rem",
   3: "3rem",
-  3.5: "3.5rem",
   4: "4rem",
-  4.5: "4.5rem",
   5: "5rem",
   6: "6rem"
 }, vs = [
@@ -288,7 +284,7 @@ const ae = (e) => ({
   }
 }, ks = ({
   children: e
-}) => /* @__PURE__ */ i(jn, { theme: L, children: e }), P = (e, t) => t === void 0 ? "" : `${e}: ${t};`, Re = (e) => {
+}) => /* @__PURE__ */ i(jn, { theme: L, children: e }), O = (e, t) => t === void 0 ? "" : `${e}: ${t};`, Re = (e) => {
   const t = e.py ?? e.pt ?? 0, n = e.px ?? e.pr ?? 0, r = e.py ?? e.pb ?? 0, o = e.px ?? e.pl ?? 0;
   if (e.padding) {
     const [a, s, l, c] = e.padding;
@@ -303,7 +299,7 @@ const ae = (e) => ({
   }
   return `margin: ${L.spacing[t]} ${L.spacing[n]} ${L.spacing[r]} ${L.spacing[o]};`;
 }, Ae = (e) => {
-  const t = P("position", e.position), n = P("top", e.top), r = P("right", e.right), o = P("bottom", e.bottom), a = P("left", e.left), s = P("z-index", e.zIndex);
+  const t = O("position", e.position), n = O("top", e.top), r = O("right", e.right), o = O("bottom", e.bottom), a = O("left", e.left), s = O("z-index", e.zIndex);
   return `
     ${t}
     ${n}
@@ -313,7 +309,7 @@ const ae = (e) => ({
     ${s}
   `;
 }, Le = (e) => {
-  const t = P("border", e.border), n = P("border-top", e.borderTop), r = P("border-right", e.borderRight), o = P("border-bottom", e.borderBottom), a = P("border-left", e.borderLeft), s = P("border-color", e.borderColor), l = P("border-radius", e.borderRadius);
+  const t = O("border", e.border), n = O("border-top", e.borderTop), r = O("border-right", e.borderRight), o = O("border-bottom", e.borderBottom), a = O("border-left", e.borderLeft), s = O("border-color", e.borderColor), l = O("border-radius", e.borderRadius);
   return `
     ${t}
     ${n}
@@ -323,17 +319,17 @@ const ae = (e) => ({
     ${s}
     ${l}
   `;
-}, ir = (e) => e.includes("x") ? "overflow-x: auto;" : "", rr = (e) => e.includes("y") ? "overflow-y: auto;" : "", Pe = (e) => {
+}, ir = (e) => e.includes("x") ? "overflow-x: auto;" : "", rr = (e) => e.includes("y") ? "overflow-y: auto;" : "", Oe = (e) => {
   const t = e.scroll ? `
       ${ir(e.scroll)}
       ${rr(e.scroll)}
-    ` : "", n = P("visibility", e.visibility), r = P("display", e.display), o = P("height", e.height), a = P("width", e.width), s = P("max-height", e.maxHeight), l = P("max-width", e.maxWidth), c = P("min-height", e.minHeight), d = P("min-width", e.minWidth), p = P(
+    ` : "", n = O("visibility", e.visibility), r = O("display", e.display), o = O("height", e.height), a = O("width", e.width), s = O("max-height", e.maxHeight), l = O("max-width", e.maxWidth), c = O("min-height", e.minHeight), d = O("min-width", e.minWidth), p = O(
     "box-shadow",
     e.shadow ? L.shadows[e.shadow] : void 0
-  ), g = P(
+  ), g = O(
     "gap",
     e.gap === void 0 ? void 0 : L.spacing[e.gap]
-  ), u = P("background-color", e.bgColor), h = P("background", e.bgGradient), y = P("flex-direction", e.flexDirection), m = P("flex-grow", e.flexGrow), $ = P("justify-content", e.justify), C = P("justify-self", e.justifySelf), v = P("align-items", e.alignItems), S = P("align-self", e.alignSelf), k = P("flex-wrap", e.wrap);
+  ), u = O("background-color", e.bgColor), h = O("background", e.bgGradient), y = O("flex-direction", e.flexDirection), m = O("flex-grow", e.flexGrow), $ = O("justify-content", e.justify), C = O("justify-self", e.justifySelf), v = O("align-items", e.alignItems), S = O("align-self", e.alignSelf), k = O("flex-wrap", e.wrap);
   return `
     ${t}
     ${n}
@@ -356,8 +352,8 @@ const ae = (e) => ({
     ${S}
     ${k}
   `;
-}, Oe = (e) => {
-  const t = P("color", e.color), n = P("font-family", e.fontFamily), r = P("font-size", e.fontSize), o = P("font-weight", e.fontWeight), a = P("line-spacing", e.letterSpacing), s = P("line-height", e.lineSpacing), l = P("text-align", e.textAlign), c = P("text-decoration", e.textDecoration), d = P("text-overflow", e.textOverflow), p = P("white-space", e.whiteSpace), g = P("word-break", e.wordBreak), u = P("word-wrap", e.wordWrap);
+}, Pe = (e) => {
+  const t = O("color", e.color), n = O("font-family", e.fontFamily), r = O("font-size", e.fontSize), o = O("font-weight", e.fontWeight), a = O("line-spacing", e.letterSpacing), s = O("line-height", e.lineSpacing), l = O("text-align", e.textAlign), c = O("text-decoration", e.textDecoration), d = O("text-overflow", e.textOverflow), p = O("white-space", e.whiteSpace), g = O("word-break", e.wordBreak), u = O("word-wrap", e.wordWrap);
   return `
     ${t}
     ${n}
@@ -373,10 +369,10 @@ const ae = (e) => ({
     ${u}
   `;
 }, He = (e) => {
-  const t = P("cursor", e.cursor), n = P("border-color", e.borderColorHover), r = P("background-color", e.bgColorHover), o = P(
+  const t = O("cursor", e.cursor), n = O("border-color", e.borderColorHover), r = O("background-color", e.bgColorHover), o = O(
     "box-shadow",
     e.shadowHover === void 0 ? void 0 : L.shadows[e.shadowHover]
-  ), a = P("transition", e.transition);
+  ), a = O("transition", e.transition);
   return `
     ${t}
 
@@ -393,8 +389,8 @@ const ae = (e) => ({
   ${Re}
   ${je}
   ${Ae}
-  ${Pe}
   ${Oe}
+  ${Pe}
   ${Le}
   ${He}
 `, tn = b.button.withConfig(
@@ -403,24 +399,24 @@ const ae = (e) => ({
   ${Re}
   ${je}
   ${Ae}
-  ${Pe}
   ${Oe}
+  ${Pe}
   ${Le}
   ${He}
 `, nn = b.p.withConfig(We)`
   ${Re}
   ${je}
   ${Ae}
-  ${Pe}
   ${Oe}
+  ${Pe}
   ${Le}
   ${He}
 `, rn = b.span.withConfig(We)`
   ${Re}
   ${je}
   ${Ae}
-  ${Pe}
   ${Oe}
+  ${Pe}
   ${Le}
   ${He}
 `, or = b(Me)`
@@ -716,7 +712,7 @@ const ae = (e) => ({
     {
       display: "block",
       id: `panel-${e.title}`,
-      padding: [0.75, 0.75, 0.75, 0.75],
+      padding: [0.875, 0.875, 0.875, 0.875],
       children: [
         t,
         e.extraElement ? /* @__PURE__ */ i(x, { children: e.extraElement }) : void 0
@@ -859,7 +855,7 @@ const R = Z(function({
                   cursor: "pointer",
                   display: "flex",
                   onClick: c(p),
-                  padding: [0.75, 0.75, 0.75, 0.75],
+                  padding: [0.875, 0.875, 0.875, 0.875],
                   width: "100%",
                   children: /* @__PURE__ */ f(
                     x,
@@ -1200,7 +1196,7 @@ const R = Z(function({
   }), I = An(k, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), F = Ln(k), T = Pn(k, { role: o ? "label" : "tooltip" }), { getReferenceProps: z, getFloatingProps: O } = On([
+  }), F = Ln(k), T = On(k, { role: o ? "label" : "tooltip" }), { getReferenceProps: z, getFloatingProps: P } = Pn([
     I,
     F,
     T
@@ -1232,7 +1228,7 @@ const R = Z(function({
       /* @__PURE__ */ f(
         xr,
         {
-          ...O(),
+          ...P(),
           $maxWidth: c,
           id: `floating-${l}`,
           ref: v.setFloating,
@@ -1754,7 +1750,7 @@ const R = Z(function({
   width: I,
   ...F
 }, T) {
-  const z = $ !== void 0, O = `${a}-tooltip`, E = w(() => {
+  const z = $ !== void 0, P = `${a}-tooltip`, E = w(() => {
     o && sn(o, r);
   }, [r, o]), H = /* @__PURE__ */ f(
     an,
@@ -1772,7 +1768,7 @@ const R = Z(function({
       type: m,
       value: S,
       width: I,
-      ...z ? { "data-tooltip-id": O } : {},
+      ...z ? { "data-tooltip-id": P } : {},
       ...F,
       children: [
         s !== void 0 && /* @__PURE__ */ i(
@@ -1802,7 +1798,7 @@ const R = Z(function({
     Q,
     {
       disabled: !z,
-      id: O,
+      id: P,
       place: C,
       tip: $,
       width: I,
@@ -2049,6 +2045,8 @@ const R = Z(function({
         /* @__PURE__ */ i(
           x,
           {
+            bgColor: h.palette.black,
+            borderRadius: h.spacing[0.25],
             cursor: s ? "unset" : "pointer",
             display: "inline-flex",
             justify: "center",
@@ -2674,7 +2672,7 @@ const R = Z(function({
   state: s,
   watch: l
 }) => {
-  var T, z, O;
+  var T, z, P;
   const c = D(), d = B(null), p = e.props.hrefLang, g = s.disabledKeys, u = Array.from(s.collection.getKeys()).filter(
     (E) => !Array.from(g).includes(E) && E !== "All"
   ), { optionProps: h, isSelected: y, isFocused: m, isDisabled: $ } = Vn(
@@ -2707,7 +2705,7 @@ const R = Z(function({
     fe,
     {
       ...r == null ? void 0 : r(`${n}Options`, { onChange: S }),
-      label: (O = e.rendered) == null ? void 0 : O.toString(),
+      label: (P = e.rendered) == null ? void 0 : P.toString(),
       name: `${n}Options`,
       value: e.key.toString()
     }
@@ -2775,13 +2773,13 @@ const R = Z(function({
   weight: I
 }) => {
   var ft;
-  const F = D(), T = t ? void 0 : r, z = (e == null ? void 0 : e.value) ?? S, [O, E] = j(
+  const F = D(), T = t ? void 0 : r, z = (e == null ? void 0 : e.value) ?? S, [P, E] = j(
     ((ft = g.find((W) => W.value === z)) == null ? void 0 : ft.name) ?? ""
   ), [H, ne] = j(z), [ie, ge] = j(g), [Y, U] = j(!1), { contains: re } = Gn({ sensitivity: "base" }), be = B(null), Ge = B(null), _e = B(null), Ye = B(null), Ke = B(null), vn = K(() => g.toSorted((W, q) => {
     const X = Array.from(n ?? []), xe = X.includes(W.value), yt = X.includes(q.value);
     return xe && !yt ? 1 : !xe && yt ? -1 : 0;
   }).map(
-    (W) => re(W.name, O) || Y ? /* @__PURE__ */ i(
+    (W) => re(W.name, P) || Y ? /* @__PURE__ */ i(
       _n,
       {
         "aria-label": W.value,
@@ -2791,7 +2789,7 @@ const R = Z(function({
       },
       W.value
     ) : null
-  ), [re, n, O, g, Y]), kn = w(
+  ), [re, n, P, g, Y]), kn = w(
     (W) => {
       const q = W.split(/,|\s/u).slice(-1)[0].trim();
       E(p ? q : W), W === "" || W.endsWith(",") ? U(!0) : (U(!1), ne((X) => {
@@ -2823,7 +2821,7 @@ const R = Z(function({
     allowsCustomValue: p,
     allowsEmptyCollection: !0,
     disabledKeys: n,
-    inputValue: O,
+    inputValue: P,
     items: ie,
     menuTrigger: "focus",
     shouldCloseOnBlur: !p,
@@ -2848,7 +2846,7 @@ const R = Z(function({
     listBoxProps: Nn
   } = Kn(
     {
-      inputValue: O,
+      inputValue: P,
       buttonRef: Ge,
       id: d,
       inputRef: be,
@@ -3104,9 +3102,9 @@ const R = Z(function({
     text-align: center;
     width: ${e.spacing[2.5]};
   `}
-`, Pr = b.th`
+`, Or = b.th`
   ${pn}
-`, Or = b.td`
+`, Pr = b.td`
   ${({ theme: e }) => `
     ${pn}
     height: ${e.spacing[2.5]};
@@ -3185,7 +3183,7 @@ const R = Z(function({
   `}
 `, Wr = ({ state: e, date: t }) => {
   const n = B(null), r = qn(t, Xn()), { cellProps: o, buttonProps: a, isSelected: s, isDisabled: l, formattedDate: c } = Jn({ date: t }, e, n), d = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? $t(t, e.highlightedRange.start) : s, p = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? $t(t, e.highlightedRange.end) : s, g = s && !l && !(d || p) ? "range" : "";
-  return /* @__PURE__ */ i(Or, { id: g, ...o, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ i(Pr, { id: g, ...o, children: /* @__PURE__ */ f(
     "div",
     {
       ...a,
@@ -3207,7 +3205,7 @@ const R = Z(function({
   return /* @__PURE__ */ f("table", { children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i(zt, { children: r.map((a, s) => {
       const l = `key_${s}`;
-      return /* @__PURE__ */ i(Pr, { children: a }, l);
+      return /* @__PURE__ */ i(Or, { children: a }, l);
     }) }) }),
     /* @__PURE__ */ i("tbody", { children: [...new Array(o).keys()].map(
       (a) => /* @__PURE__ */ i(zt, { children: e.getDatesInWeek(a).map((s, l) => {
@@ -3991,7 +3989,7 @@ const R = Z(function({
   weight: k,
   ...I
 }) => {
-  const { required: F, onBlur: T, onChange: z } = I, O = D(), E = e ? void 0 : a, [H, ne] = j(""), ie = w(
+  const { required: F, onBlur: T, onChange: z } = I, P = D(), E = e ? void 0 : a, [H, ne] = j(""), ie = w(
     (U) => {
       ne(U.target.value), z == null || z(U);
     },
@@ -4048,7 +4046,7 @@ const R = Z(function({
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
-                  iconColor: O.palette.error[500],
+                  iconColor: P.palette.error[500],
                   iconSize: "lg"
                 }
               ) : void 0,
@@ -4057,14 +4055,14 @@ const R = Z(function({
                 {
                   icon: "check-circle",
                   iconClass: "success-icon",
-                  iconColor: O.palette.success[500],
+                  iconColor: P.palette.success[500],
                   iconSize: "lg"
                 }
               ) : void 0,
               s === "array" && l > 0 ? /* @__PURE__ */ i(
                 _,
                 {
-                  color: O.palette.gray[400],
+                  color: P.palette.gray[400],
                   icon: "trash",
                   iconSize: "sm",
                   iconType: "fa-light",
@@ -4346,11 +4344,11 @@ const R = Z(function({
   weight: m
 }) => {
   const $ = D(), C = t ? void 0 : n, v = B(null), S = g == null ? void 0 : g(c, { required: p }), k = y == null ? void 0 : y(c), I = co(k), F = w(() => {
-    const O = we("change", c, void 0);
-    u && u(c, void 0), S && S.onChange(O);
+    const P = we("change", c, void 0);
+    u && u(c, void 0), S && S.onChange(P);
   }, [S, c, u]), T = w(
-    (O) => {
-      const { files: E } = O.currentTarget, H = we(
+    (P) => {
+      const { files: E } = P.currentTarget, H = we(
         "change",
         c,
         E && E.length > 0 ? E : void 0
@@ -4361,8 +4359,8 @@ const R = Z(function({
     },
     [S, c, d, u]
   ), z = w(
-    (O) => {
-      t ? O.preventDefault() : v.current && v.current.click();
+    (P) => {
+      t ? P.preventDefault() : v.current && v.current.click();
     },
     [t]
   );
@@ -4492,7 +4490,7 @@ const R = Z(function({
       E.key === "Enter" && H.length === 0 && E.preventDefault(), ["Enter", ","].includes(E.key) && H.length > 0 && !k.includes(H) ? (E.preventDefault(), I([...k, H]), v("")) : E.key === "Backspace" && !H.length && k.length && (E.preventDefault(), d == null || d(k[k.length - 1]), I(k.slice(0, -1)));
     },
     [C, d, I, k]
-  ), O = w(
+  ), P = w(
     (E) => () => {
       d == null || d(E), I(k.filter((H) => H !== E));
     },
@@ -4520,7 +4518,7 @@ const R = Z(function({
               oe,
               {
                 disabled: e,
-                onClose: O(E),
+                onClose: P(E),
                 tagLabel: E
               },
               E
@@ -4558,7 +4556,7 @@ const R = Z(function({
       )
     }
   );
-}, Ps = ({
+}, Os = ({
   disabled: e = !1,
   control: t,
   error: n,
@@ -4661,20 +4659,20 @@ const R = Z(function({
   ), S = w(() => {
     const T = (C - 10 ** -$).toFixed($), z = Math.max(Number(s), Number(T));
     u && u(l, z, { shouldDirty: !0 }), v(z);
-    const O = we("change", l, T);
-    c && c(O);
+    const P = we("change", l, T);
+    c && c(P);
   }, [C, $, s, u, l, c]), k = w(() => {
     const T = (C + 10 ** -$).toFixed($), z = Math.min(
       Number(a),
       Number(T) > Number(s) ? Number(T) : Number(s)
     );
     u && u(l, z, { shouldDirty: !0 }), v(z);
-    const O = we("change", l, T);
-    c && c(O);
+    const P = we("change", l, T);
+    c && c(P);
   }, [C, $, a, s, u, l, c]), I = w(
     (T) => {
-      const { value: z } = T.target, O = /\d+/u.test(z) && !A.isEmpty(z);
-      u && u(l, O ? z : void 0), c && c(T), v(Number(z));
+      const { value: z } = T.target, P = /\d+/u.test(z) && !A.isEmpty(z);
+      u && u(l, P ? z : void 0), c && c(T), v(Number(z));
     },
     [l, c, u]
   ), F = w(
@@ -4955,7 +4953,7 @@ const R = Z(function({
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Os = ({
+`, Ps = ({
   disabled: e,
   error: t,
   label: n,
@@ -4971,7 +4969,7 @@ const R = Z(function({
   const g = D(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(r)) ?? c, [m, $] = j(!1), [C, v] = j(""), { refs: S, floatingStyles: k } = at({
     placement: "bottom-start",
     whileElementsMounted: it
-  }), { inputRef: I, inputValue: F, handlePhoneValueChange: T, country: z, setCountry: O } = hi({
+  }), { inputRef: I, inputValue: F, handlePhoneValueChange: T, country: z, setCountry: P } = hi({
     countries: bt,
     defaultCountry: "co",
     forceDialCode: !0,
@@ -4988,9 +4986,9 @@ const R = Z(function({
     [m]
   ), ne = w(
     (Y) => () => {
-      O(Y), $(!1), v("");
+      P(Y), $(!1), v("");
     },
-    [O, $]
+    [P, $]
   ), ie = w(
     (Y) => {
       Y.key.length === 1 ? v((U) => U + Y.key) : Y.key === "Backspace" && v((U) => U.slice(0, -1));
@@ -5268,14 +5266,14 @@ const R = Z(function({
           value: m
         }
       );
-    const { decimalPlaces: z, max: O, min: E } = l ?? {};
+    const { decimalPlaces: z, max: P, min: E } = l ?? {};
     return /* @__PURE__ */ i(
       go,
       {
         decimalPlaces: z,
         disabled: n,
         error: v,
-        max: O,
+        max: P,
         min: E,
         name: p,
         onChange: S,
@@ -5946,7 +5944,7 @@ const R = Z(function({
       background-color: ${e.palette.gray[200]};
     }
   `}
-`, Po = ({
+`, Oo = ({
   noCodeMessage: e = "Code snippet not available",
   snippet: t,
   specific: n
@@ -5981,7 +5979,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
     await navigator.clipboard.writeText(u);
   }, [u]);
   return r === "location" ? /* @__PURE__ */ i(
-    Po,
+    Oo,
     {
       noCodeMessage: e,
       snippet: t,
@@ -6031,7 +6029,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       ]
     }
   );
-}, { getVariant: Oo } = ae(
+}, { getVariant: Po } = ae(
   (e) => ({
     fixed: `
       height: auto;
@@ -6084,7 +6082,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
     margin: auto;
     white-space: pre-line;
 
-    ${Oo(e, t)}
+    ${Po(e, t)}
   `}
 `, Ho = b.div`
   ${({ theme: e }) => `
@@ -6384,7 +6382,19 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   font-size: 6px;
   font-weight: ${({ theme: e }) => e.typography.weight.bold};
   justify-content: center;
-`, Xo = Z(function({
+`;
+b.div`
+  /* Override component size only in Storybook */
+  & > div {
+    width: 24px !important;
+    height: 24px !important;
+
+    & > div {
+      font-size: 12px !important;
+    }
+  }
+`;
+const Xo = Z(function({
   numberIndicator: t,
   show: n,
   variant: r = "error",
@@ -6771,9 +6781,10 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
           (d) => /* @__PURE__ */ i(
             x,
             {
+              bgColor: a.palette.white,
               border: "1px solid",
               borderColor: a.palette.gray[300],
-              borderRadius: "4px",
+              borderRadius: a.spacing[0.25],
               px: 0.5,
               py: 0.5,
               children: /* @__PURE__ */ i(
@@ -7451,7 +7462,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
     }
     return n;
   })
-), Pt = ({
+), Ot = ({
   options: e,
   onSearch: t,
   onSubmit: n,
@@ -7534,10 +7545,10 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       ];
       u((z) => S.length > 0 ? { ...z, [h]: S } : z);
       const k = (z) => {
-        var O, E;
+        var P, E;
         return {
           ...z,
-          options: (O = z.options) == null ? void 0 : O.map((H) => ({
+          options: (P = z.options) == null ? void 0 : P.map((H) => ({
             ...H,
             checked: v.checkbox.includes(H.value) || v.radio === H.value
           })),
@@ -7580,11 +7591,11 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   return G(() => {
     const v = e.reduce(
       (S, { label: k, filterOptions: I }) => {
-        const F = I.flatMap(({ value: O, minValue: E, maxValue: H }) => [
+        const F = I.flatMap(({ value: P, minValue: E, maxValue: H }) => [
           E,
           H,
-          O
-        ]).filter(Boolean), T = I.flatMap(({ options: O }) => O ?? []).filter(({ checked: O = !1 }) => O).map(({ value: O }) => O), z = [
+          P
+        ]).filter(Boolean), T = I.flatMap(({ options: P }) => P ?? []).filter(({ checked: P = !1 }) => P).map(({ value: P }) => P), z = [
           ...F,
           ...T
         ];
@@ -7605,7 +7616,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       style: { rowGap: "10px", writingMode: "vertical-lr" },
       wrap: "wrap",
       children: d.length > 0 ? /* @__PURE__ */ i(
-        Pt,
+        Ot,
         {
           id: "filters-options",
           onSearch: r,
@@ -7631,7 +7642,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       style: { rowGap: "10px", writingMode: "vertical-lr" },
       wrap: "wrap",
       children: d.length > 0 ? /* @__PURE__ */ i(
-        Pt,
+        Ot,
         {
           id: "filters-options",
           onSearch: r,
@@ -8356,7 +8367,7 @@ const ze = ({
       );
     }) }) : void 0
   ] });
-}, Ot = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(V, { onClick: e.onClick, variant: t, children: e.text }), ja = b.div`
+}, Pt = ({ buttonProps: e, variant: t }) => /* @__PURE__ */ i(V, { onClick: e.onClick, variant: t, children: e.text }), ja = b.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -8426,8 +8437,8 @@ const ze = ({
       }
     ),
     l ? /* @__PURE__ */ f(La, { children: [
-      e && /* @__PURE__ */ i(Ot, { buttonProps: e, variant: "tertiary" }),
-      t && /* @__PURE__ */ i(Ot, { buttonProps: t, variant: "primary" })
+      e && /* @__PURE__ */ i(Pt, { buttonProps: e, variant: "tertiary" }),
+      t && /* @__PURE__ */ i(Pt, { buttonProps: t, variant: "primary" })
     ] }) : void 0
   ] });
 }, ec = ({
@@ -8435,7 +8446,7 @@ const ze = ({
 }) => {
   const t = Si();
   return e({ ...t });
-}, Pa = b.form`
+}, Oa = b.form`
   ${({ theme: e }) => `
     align-items: flex-start;
     align-self: stretch;
@@ -8470,7 +8481,7 @@ const ze = ({
     k.stopPropagation(), m.handleSubmit(d)(k);
   }
   const v = g ? `calc(100% - ${e ? "139px" : "83px"})` : "100%", S = p ? 1.5 : 0;
-  return /* @__PURE__ */ i(zi, { ...m, children: /* @__PURE__ */ i(Pa, { onSubmit: $, children: /* @__PURE__ */ f(x, { scroll: "y", width: "100%", children: [
+  return /* @__PURE__ */ i(zi, { ...m, children: /* @__PURE__ */ i(Oa, { onSubmit: $, children: /* @__PURE__ */ f(x, { scroll: "y", width: "100%", children: [
     /* @__PURE__ */ i(
       x,
       {
@@ -8531,7 +8542,7 @@ const ze = ({
       }
     )
   ] }) }) });
-}, Oa = b(Me)`
+}, Pa = b(Me)`
   display: grid;
   gap: ${({ $gap: e = 1.25 }) => `${e}rem`};
   grid-template-columns: ${({ $sm: e }) => `repeat(${e}, 1fr)`};
@@ -8559,7 +8570,7 @@ const ze = ({
   ...l
 }, c) {
   return /* @__PURE__ */ i(
-    Oa,
+    Pa,
     {
       $gap: s,
       $lg: o,
@@ -10813,7 +10824,7 @@ const ze = ({
     ([o]) => o !== ""
   );
   return Object.fromEntries(r);
-}, Mt = (e) => e.map(Ll), Pl = ({
+}, Mt = (e) => e.map(Ll), Ol = ({
   csvConfig: e = {},
   data: t,
   children: n
@@ -10838,7 +10849,7 @@ const ze = ({
     [c, l, a]
   );
   return o ? /* @__PURE__ */ i(
-    Pi,
+    Oi,
     {
       data: l,
       filename: s,
@@ -10846,7 +10857,7 @@ const ze = ({
       children: n
     }
   ) : /* @__PURE__ */ i(ye, { children: n });
-}, Ol = (e) => {
+}, Pl = (e) => {
   const { table: t } = e, { meta: n } = t.options, [r, o] = j(0), [, a] = t.getHeaderGroups(), s = t.getState(), l = K(
     () => t.getAllLeafColumns().filter((g) => g.id !== "selection"),
     [t]
@@ -10891,7 +10902,7 @@ const ze = ({
       {
         modalRef: d,
         title: "Manage columns",
-        variant: Oi(a) ? "ungrouped" : "grouped"
+        variant: Pi(a) ? "ungrouped" : "grouped"
       }
     )
   ] });
@@ -11778,10 +11789,10 @@ const ze = ({
   );
 }, Sc = Object.assign(ps, {
   Caption: ls,
-  Columns: Ol,
+  Columns: Pl,
   Content: _l,
   Controls: ss,
-  Export: Pl,
+  Export: Ol,
   Footer: es,
   FooterContent: ts,
   Highlighted: cs,
@@ -12089,7 +12100,7 @@ export {
   rc as T,
   oc as U,
   J as V,
-  Os as W,
+  Ps as W,
   dn as X,
   Ts as Y,
   gt as Z,
@@ -12100,7 +12111,7 @@ export {
   Ns as a1,
   Ls as a2,
   go as a3,
-  Ps as a4,
+  Os as a4,
   uo as a5,
   Hs as a6,
   Ds as a7,
@@ -12171,10 +12182,10 @@ export {
   sr as b7,
   cn as b8,
   Be as b9,
-  Pt as bA,
+  Ot as bA,
   ba as bB,
   ze as bC,
-  Ot as bD,
+  Pt as bD,
   Wa as bE,
   mn as bF,
   ul as bG,
@@ -12182,8 +12193,8 @@ export {
   Ie as bI,
   kl as bJ,
   Nl as bK,
-  Pl as bL,
-  Ol as bM,
+  Ol as bL,
+  Pl as bM,
   pe as bN,
   Bt as bO,
   Vl as bP,
@@ -12215,7 +12226,7 @@ export {
   Rt as bo,
   jt as bp,
   et as bq,
-  Po as br,
+  Oo as br,
   Go as bs,
   Jo as bt,
   na as bu,
@@ -12225,12 +12236,12 @@ export {
   ua as by,
   ha as bz,
   rn as c,
-  Oe as d,
+  Pe as d,
   je as e,
   He as f,
   Ae as g,
   Gi as h,
-  Pe as i,
+  Oe as i,
   Le as j,
   We as k,
   Ss as l,