@fluidattacks/design 3.39.2 → 3.39.4

package/dist/{components-BVuyyQ0U.mjs → components-DiVe1dJO.mjs}

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as h, Fragment as ce } from "react/jsx-runtime";
 import rt, { forwardRef as te, useState as j, useCallback as w, useEffect as _, useMemo as X, useRef as M, StrictMode as Gi, Fragment as fe, Children as zt, isValidElement as On, cloneElement as Vn, createContext as Wn, useContext as ye } from "react";
 import Ui, { ThemeProvider as Yi, styled as m, useTheme as R, css as He, keyframes as Pn } from "styled-components";
-import { C as Xi, s as Zi, _ as O, u as Bn, p as It, A as Ki, l as qi, a as Ji, c as Et, b as Oe, d as Qi, e as er, f as tr, g as nr, h as G, i as ot, j as Hn, o as at, k as ir, $ as rr, m as or, n as ar, q as lr, r as sr, t as cr, v as dr, w as pr, x as gr, y as Mn, z as _n, B as Lt, D as ur, E as hr, F as fr, G as en, H as lt, I as yr, J as $r, K as Gn, L as st, M as Un, N as br, O as xr, P as mr, Q as wr, R as vr, S as q, T as kr, U as Yn, V as Cr, W as Xn, X as Zn, Y as Sr, Z as zr, a0 as Ir, a1 as Tr, a2 as Dr, a3 as Nr, a4 as At, a5 as Fr, a6 as tn, a7 as nn, a8 as rn, a9 as Re, aa as Er, ab as Kn, ac as qn, ad as Jn, ae as Qn, af as ei, ag as Lr, ah as ti, ai as Ar, aj as Rr, ak as jr, al as Or, am as Vr, an as Wr, ao as Pr, as as ni, at as Br, au as Hr, av as Mr, aw as _r, ax as Gr, ay as Ur, az as Yr, aA as Xr, aB as Zr, aC as Kr, aD as Tt, aE as qr, aF as on, aG as Jr, aH as an, aI as Qr } from "./vendor-B1TUvK03.mjs";
-import { createPortal as Fe } from "react-dom";
+import { C as Xi, s as Zi, _ as O, u as Bn, p as It, A as Ki, l as qi, a as Ji, c as Et, b as Ve, d as Qi, e as er, f as tr, g as nr, h as G, i as ot, j as Hn, o as at, k as ir, $ as rr, m as or, n as ar, q as lr, r as sr, t as cr, v as dr, w as pr, x as gr, y as Mn, z as _n, B as Lt, D as ur, E as hr, F as fr, G as en, H as lt, I as yr, J as $r, K as Gn, L as st, M as Un, N as br, O as xr, P as mr, Q as wr, R as vr, S as q, T as kr, U as Yn, V as Cr, W as Xn, X as Zn, Y as Sr, Z as zr, a0 as Ir, a1 as Tr, a2 as Dr, a3 as Nr, a4 as At, a5 as Fr, a6 as tn, a7 as nn, a8 as rn, a9 as je, aa as Er, ab as Kn, ac as qn, ad as Jn, ae as Qn, af as ei, ag as Lr, ah as ti, ai as Ar, aj as Rr, ak as jr, al as Or, am as Vr, an as Wr, ao as Pr, as as ni, at as Br, au as Hr, av as Mr, aw as _r, ax as Gr, ay as Ur, az as Yr, aA as Xr, aB as Zr, aC as Kr, aD as Tt, aE as qr, aF as on, aG as Jr, aH as an, aI as Qr } from "./vendor-B1TUvK03.mjs";
+import { createPortal as Ee } from "react-dom";
 import { Link as eo, useLocation as to, NavLink as no } from "react-router-dom";
 const me = (e) => ({
   getVariant: (t, n) => e(t)[n]
@@ -262,7 +262,7 @@ const me = (e) => ({
   "minus",
   "check",
   "circle-question"
-], W = {
+], V = {
   typography: uo,
   shadows: ho,
   breakpoints: fo,
@@ -281,20 +281,20 @@ const me = (e) => ({
   }
 }, Wd = ({
   children: e
-}) => /* @__PURE__ */ i(Yi, { theme: W, children: e }), P = (e, t) => t === void 0 ? "" : `${e}: ${t};`, ct = (e) => {
+}) => /* @__PURE__ */ i(Yi, { theme: V, children: e }), P = (e, t) => t === void 0 ? "" : `${e}: ${t};`, ct = (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, l, s, c] = e.padding;
-    return `padding: ${W.spacing[a]} ${W.spacing[l]} ${W.spacing[s]} ${W.spacing[c]};`;
+    return `padding: ${V.spacing[a]} ${V.spacing[l]} ${V.spacing[s]} ${V.spacing[c]};`;
   }
-  return `padding: ${W.spacing[t]} ${W.spacing[n]} ${W.spacing[r]} ${W.spacing[o]};`;
+  return `padding: ${V.spacing[t]} ${V.spacing[n]} ${V.spacing[r]} ${V.spacing[o]};`;
 }, dt = (e) => {
   const t = e.my ?? e.mt ?? 0, n = e.mx ?? e.mr ?? 0, r = e.my ?? e.mb ?? 0, o = e.mx ?? e.ml ?? 0;
   if (e.margin) {
     const [a, l, s, c] = e.margin;
-    return `margin: ${W.spacing[a]} ${W.spacing[l]} ${W.spacing[s]} ${W.spacing[c]};`;
+    return `margin: ${V.spacing[a]} ${V.spacing[l]} ${V.spacing[s]} ${V.spacing[c]};`;
   }
-  return `margin: ${W.spacing[t]} ${W.spacing[n]} ${W.spacing[r]} ${W.spacing[o]};`;
+  return `margin: ${V.spacing[t]} ${V.spacing[n]} ${V.spacing[r]} ${V.spacing[o]};`;
 }, pt = (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), l = P("z-index", e.zIndex);
   return `
@@ -322,10 +322,10 @@ const me = (e) => ({
       ${bo(e.scroll)}
     ` : "", n = P("visibility", e.visibility), r = P("display", e.display), o = P("height", e.height), a = P("width", e.width), l = P("max-height", e.maxHeight), s = P("max-width", e.maxWidth), c = P("min-height", e.minHeight), p = P("min-width", e.minWidth), d = P(
     "box-shadow",
-    e.shadow ? W.shadows[e.shadow] : void 0
+    e.shadow ? V.shadows[e.shadow] : void 0
   ), g = P(
     "gap",
-    e.gap === void 0 ? void 0 : W.spacing[e.gap]
+    e.gap === void 0 ? void 0 : V.spacing[e.gap]
   ), u = P("background-color", e.bgColor), f = P("background", e.bgGradient), y = P("flex-direction", e.flexDirection), $ = P("flex-grow", e.flexGrow), x = P("justify-content", e.justify), C = P("justify-self", e.justifySelf), k = P("align-items", e.alignItems), S = P("align-self", e.alignSelf), v = P("flex-wrap", e.wrap);
   return `
     ${t}
@@ -368,7 +368,7 @@ const me = (e) => ({
 }, ft = (e) => {
   const t = P("cursor", e.cursor), n = P("border-color", e.borderColorHover), r = P("background-color", e.bgColorHover), o = P(
     "box-shadow",
-    e.shadowHover === void 0 ? void 0 : W.shadows[e.shadowHover]
+    e.shadowHover === void 0 ? void 0 : V.shadows[e.shadowHover]
   ), a = P("transition", e.transition);
   return `
     ${t}
@@ -567,16 +567,20 @@ const me = (e) => ({
   $content: n = void 0,
   $display: r = "inline",
   $fontWeight: o = "regular",
-  $size: a,
-  $lineSpacing: l = 1.25
+  $overflow: a = "unset",
+  $size: l,
+  $lineSpacing: s = 1.25,
+  $whiteSpace: c = "pre-line"
 }) => `
     color: ${t};
     display: ${r};
     font-family: ${e.typography.type.primary};
-    font-size: ${e.typography.text[a]};
+    font-size: ${e.typography.text[l]};
     font-weight: ${e.typography.weight[o]};
-    line-height: ${e.spacing[l]};
+    line-height: ${e.spacing[s]};
     max-width: 100%;
+    overflow: ${a};
+    white-space: ${c};
     width: ${r === "block" ? "100%" : "auto"};
 
     ${n === void 0 ? "" : `&::after { content: "${n}"; }`}
@@ -625,7 +629,7 @@ const me = (e) => ({
       children: n
     }
   );
-}), Ve = te(function({
+}), Fe = te(function({
   children: t,
   color: n,
   content: r,
@@ -635,11 +639,13 @@ const me = (e) => ({
   letterSpacing: s,
   lineSpacing: c,
   lineSpacingSm: p,
-  size: d,
-  sizeMd: g,
-  sizeSm: u,
-  ...f
-}, y) {
+  overflow: d,
+  whiteSpace: g,
+  size: u,
+  sizeMd: f,
+  sizeSm: y,
+  ...$
+}, x) {
   return /* @__PURE__ */ i(
     wo,
     {
@@ -651,11 +657,13 @@ const me = (e) => ({
       $letterSpacing: s,
       $lineSpacing: c,
       $lineSpacingSm: p,
-      $size: d,
-      $sizeMd: g,
-      $sizeSm: u,
-      ref: y,
-      ...f,
+      $overflow: d,
+      $size: u,
+      $sizeMd: f,
+      $sizeSm: y,
+      $whiteSpace: g,
+      ref: x,
+      ...$,
       children: t
     }
   );
@@ -1342,29 +1350,29 @@ const A = te(function({
   ] });
 }, _o = {
   critical: {
-    bgColor: W.palette.primary[700],
-    colorL: W.palette.gray[800],
-    colorR: W.palette.white
+    bgColor: V.palette.primary[700],
+    colorL: V.palette.gray[800],
+    colorR: V.palette.white
   },
   disable: {
-    bgColor: W.palette.gray[200],
-    colorL: W.palette.gray[400],
-    colorR: W.palette.gray[400]
+    bgColor: V.palette.gray[200],
+    colorL: V.palette.gray[400],
+    colorR: V.palette.gray[400]
   },
   high: {
-    bgColor: W.palette.error[500],
-    colorL: W.palette.gray[800],
-    colorR: W.palette.white
+    bgColor: V.palette.error[500],
+    colorL: V.palette.gray[800],
+    colorR: V.palette.white
   },
   low: {
-    bgColor: W.palette.warning[200],
-    colorL: W.palette.gray[800],
-    colorR: W.palette.gray[800]
+    bgColor: V.palette.warning[200],
+    colorL: V.palette.gray[800],
+    colorR: V.palette.gray[800]
   },
   medium: {
-    bgColor: W.palette.warning[500],
-    colorL: W.palette.gray[800],
-    colorR: W.palette.gray[800]
+    bgColor: V.palette.warning[500],
+    colorL: V.palette.gray[800],
+    colorR: V.palette.gray[800]
   }
 }, Rt = ({
   textL: e,
@@ -1464,7 +1472,7 @@ const A = te(function({
                 children: [
                   o.flatId,
                   /* @__PURE__ */ h(
-                    Ve,
+                    Fe,
                     {
                       color: u.palette.gray[800],
                       display: "inline",
@@ -1849,7 +1857,7 @@ const A = te(function({
   hide: f = g === "" && u === "" && p === void 0,
   width: y
 }) => {
-  const $ = R(), [x, C] = j(!1), { refs: k, floatingStyles: S, context: v, placement: z } = Oe({
+  const $ = R(), [x, C] = j(!1), { refs: k, floatingStyles: S, context: v, placement: z } = Ve({
     middleware: [
       Hn({
         fallbackAxisSideDirection: "start"
@@ -1892,7 +1900,7 @@ const A = te(function({
         ) : e
       }
     ),
-    x && !f && Fe(
+    x && !f && Ee(
       /* @__PURE__ */ h(
         ea,
         {
@@ -2435,7 +2443,7 @@ const A = te(function({
 }) => {
   const $ = f.length > 25 && G.isEmpty(u + l), x = `${f.slice(0, 25)}...`;
   return /* @__PURE__ */ h(
-    Ve,
+    Fe,
     {
       className: "gap-0.5",
       "data-testid": a,
@@ -2510,7 +2518,7 @@ const A = te(function({
 }, D) {
   const F = C !== void 0, T = `${a}-tooltip`, L = w(() => {
     o && gi(o, r);
-  }, [r, o]), V = /* @__PURE__ */ h(
+  }, [r, o]), W = /* @__PURE__ */ h(
     pi,
     {
       $variant: z,
@@ -2574,9 +2582,9 @@ const A = te(function({
       place: k,
       tip: C,
       width: I,
-      children: V
+      children: W
     }
-  ) : V;
+  ) : W;
 }), Gd = te(function({
   children: t,
   onClick: n,
@@ -3572,13 +3580,13 @@ const A = te(function({
   weight: D
 }) => {
   var qt, Jt;
-  const F = R(), T = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? I, [V, B] = j(
+  const F = R(), T = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? I, [W, B] = j(
     ((qt = g.find((H) => H.value === L)) == null ? void 0 : qt.name) ?? ""
-  ), [Z, J] = j(L), [ee, ie] = j(g), [ve, Y] = j(!1), { contains: K } = sr({ sensitivity: "base" }), ue = M(null), ke = M(null), Ee = M(null), Le = M(null), _e = M(null), Ri = X(() => g.toSorted((H, oe) => {
-    const se = Array.from(n ?? []), Ae = se.includes(H.value), Qt = se.includes(oe.value);
-    return Ae && !Qt ? 1 : !Ae && Qt ? -1 : 0;
+  ), [Z, J] = j(L), [ee, ie] = j(g), [ve, Y] = j(!1), { contains: K } = sr({ sensitivity: "base" }), ue = M(null), ke = M(null), Le = M(null), Ae = M(null), _e = M(null), Ri = X(() => g.toSorted((H, oe) => {
+    const se = Array.from(n ?? []), Re = se.includes(H.value), Qt = se.includes(oe.value);
+    return Re && !Qt ? 1 : !Re && Qt ? -1 : 0;
   }).map(
-    (H) => K(H.name, V) || ve ? /* @__PURE__ */ i(
+    (H) => K(H.name, W) || ve ? /* @__PURE__ */ i(
       cr,
       {
         "aria-label": H.value,
@@ -3588,12 +3596,12 @@ const A = te(function({
       },
       H.value
     ) : null
-  ), [K, n, V, g, ve]), ji = w(
+  ), [K, n, W, g, ve]), ji = w(
     (H) => {
       const oe = H.split(/,|\s/u).slice(-1)[0].trim();
       B(d ? oe : H), H === "" || H.endsWith(",") ? Y(!0) : (Y(!1), J((se) => {
-        const Ae = H === "" ? "" : se;
-        return e && e.onChange(Ae), f && f(H), Ae;
+        const Re = H === "" ? "" : se;
+        return e && e.onChange(Re), f && f(H), Re;
       }), ie(
         g.filter(
           (se) => K(se.name, d ? oe : H)
@@ -3620,7 +3628,7 @@ const A = te(function({
     allowsCustomValue: d,
     allowsEmptyCollection: !0,
     disabledKeys: n,
-    inputValue: V,
+    inputValue: W,
     items: ee,
     menuTrigger: "focus",
     shouldCloseOnBlur: !d,
@@ -3647,22 +3655,22 @@ const A = te(function({
     listBoxProps: Mi
   } = pr(
     {
-      inputValue: V,
+      inputValue: W,
       buttonRef: ke,
       id: p,
       inputRef: ue,
       label: s ?? p,
-      listBoxRef: Ee,
+      listBoxRef: Le,
       name: p,
       placeholder: $,
       popoverRef: _e
     },
     re
-  ), { listBoxProps: Yt } = gr(Mi, re, Ee), { buttonProps: _i } = Mn(Bi, ke), { width: Xt } = ((Jt = Le.current) == null ? void 0 : Jt.getBoundingClientRect()) ?? {
+  ), { listBoxProps: Yt } = gr(Mi, re, Le), { buttonProps: _i } = Mn(Bi, ke), { width: Xt } = ((Jt = Ae.current) == null ? void 0 : Jt.getBoundingClientRect()) ?? {
     width: 240
   };
   $e(
-    Le.current,
+    Ae.current,
     () => {
       re.isOpen && !d && re.close();
     },
@@ -3678,7 +3686,7 @@ const A = te(function({
   const Zt = Array.from(re.collection), Kt = _n({
     count: Zt.length,
     estimateSize: () => 28,
-    getScrollElement: () => Ee.current
+    getScrollElement: () => Le.current
   });
   return /* @__PURE__ */ h(
     de,
@@ -3698,7 +3706,7 @@ const A = te(function({
           ge,
           {
             className: `${t ? "disabled" : ""} ${T ? "error" : ""}`,
-            ref: Le,
+            ref: Ae,
             children: [
               /* @__PURE__ */ i(
                 "input",
@@ -3762,14 +3770,14 @@ const A = te(function({
             placement: "bottom start",
             popoverRef: _e,
             state: re,
-            triggerRef: Le,
+            triggerRef: Ae,
             children: /* @__PURE__ */ i(
               pn,
               {
                 ...Yt,
                 $multiSelection: d && !Array.from(n ?? []).includes("All"),
                 $width: Xt,
-                ref: Ee,
+                ref: Le,
                 children: /* @__PURE__ */ i(
                   "div",
                   {
@@ -3820,14 +3828,14 @@ const A = te(function({
             placement: "bottom start",
             popoverRef: _e,
             state: re,
-            triggerRef: Le,
+            triggerRef: Ae,
             children: /* @__PURE__ */ i(
               pn,
               {
                 ...Yt,
                 $multiSelection: !1,
                 $width: Xt,
-                ref: Ee,
+                ref: Le,
                 children: /* @__PURE__ */ i($a, { children: /* @__PURE__ */ i(
                   N,
                   {
@@ -4222,7 +4230,7 @@ const A = te(function({
         A,
         {
           icon: t,
-          iconColor: W.palette.gray[e ? 400 : 700],
+          iconColor: V.palette.gray[e ? 400 : 700],
           iconSize: "lg",
           iconType: "fa-light"
         }
@@ -4615,8 +4623,8 @@ const A = te(function({
   const f = `${r}Max`, y = `${r}Min`, $ = M(null), x = et(d == null ? void 0 : d.value), C = et(p == null ? void 0 : p.value), k = w(
     (L) => {
       if (L) {
-        const V = Qe(String(L.end)), B = Qe(String(L.start));
-        c && (c((p == null ? void 0 : p.name) ?? f, V), c((d == null ? void 0 : d.name) ?? y, B)), p != null && p.onChange && (p == null || p.onChange(V)), d != null && d.onChange && (d == null || d.onChange(B));
+        const W = Qe(String(L.end)), B = Qe(String(L.start));
+        c && (c((p == null ? void 0 : p.name) ?? f, W), c((d == null ? void 0 : d.name) ?? y, B)), p != null && p.onChange && (p == null || p.onChange(W)), d != null && d.onChange && (d == null || d.onChange(B));
       }
     },
     [f, y, c, p, d]
@@ -4898,9 +4906,9 @@ const A = te(function({
   weight: v,
   ...z
 }) => {
-  const { required: I, onBlur: E, onChange: D } = z, F = R(), T = e ? void 0 : a, [L, V] = j(""), B = w(
+  const { required: I, onBlur: E, onChange: D } = z, F = R(), T = e ? void 0 : a, [L, W] = j(""), B = w(
     (ee) => {
-      V(ee.target.value), D == null || D(ee);
+      W(ee.target.value), D == null || D(ee);
     },
     [D]
   ), Z = c && p && !e && L.trim() !== "", J = w(
@@ -5606,10 +5614,10 @@ const A = te(function({
     async onDrop(L) {
       $ == null || $(!0);
       try {
-        const V = L.items.filter(
+        const W = L.items.filter(
           (ie) => ie.kind === "file"
         ), B = await Promise.all(
-          V.map(async (ie) => ie.getFile())
+          W.map(async (ie) => ie.getFile())
         ), Z = c ? B.filter((ie) => ol(ie, rl(c))) : B;
         c && Z.length < B.length && console.warn(
           "InputFile: Some files were rejected due to invalid type."
@@ -5624,8 +5632,8 @@ const A = te(function({
           const ie = new Event("change", { bubbles: !0 });
           x.current.dispatchEvent(ie);
         }
-      } catch (V) {
-        console.error("Error reading dropped files:", V);
+      } catch (W) {
+        console.error("Error reading dropped files:", W);
       }
     }
   }), z = /* @__PURE__ */ i(
@@ -5802,10 +5810,10 @@ const A = te(function({
   progressPercentage: v,
   maxSize: z
 }) => {
-  const I = R(), E = t ? void 0 : n, D = M(null), F = g == null ? void 0 : g(c, { required: d }), T = $ == null ? void 0 : $(c), L = Ja(T), [V, B] = j(!1), [Z, J] = j(v);
+  const I = R(), E = t ? void 0 : n, D = M(null), F = g == null ? void 0 : g(c, { required: d }), T = $ == null ? void 0 : $(c), L = Ja(T), [W, B] = j(!1), [Z, J] = j(v);
   _(() => {
-    J(!v && V ? 50 : !v && !V ? void 0 : v);
-  }, [V, v]);
+    J(!v && W ? 50 : !v && !W ? void 0 : v);
+  }, [W, v]);
   const ee = w(
     (Y) => {
       Y.stopPropagation();
@@ -5948,7 +5956,7 @@ const A = te(function({
 }) => {
   const $ = R(), x = e ? void 0 : t, [C, k] = j(""), S = c ? f : n == null ? void 0 : n.value, v = X(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), z = w(
     (T) => {
-      const V = [...new Set(T.filter(Boolean))].join(","), B = Pe("change", s, V);
+      const W = [...new Set(T.filter(Boolean))].join(","), B = Pe("change", s, W);
       n && n.onChange(B), c && c(B);
     },
     [n, s, c]
@@ -6167,7 +6175,7 @@ const A = te(function({
       B.stopPropagation(), B.key === "Enter" && !G.isEmpty(B.currentTarget.value) && (p == null || p(G.toNumber(B.currentTarget.value)));
     },
     [p]
-  ), V = () => /* @__PURE__ */ i(
+  ), W = () => /* @__PURE__ */ i(
     "input",
     {
       "aria-hidden": !1,
@@ -6208,9 +6216,9 @@ const A = te(function({
             id: `numberInputTooltip-${s}`,
             tip: y,
             width: "100%",
-            children: V()
+            children: W()
           }
-        ) : V(),
+        ) : W(),
         S && /* @__PURE__ */ i(
           A,
           {
@@ -6535,7 +6543,7 @@ const A = te(function({
     defaultCountry: "co",
     forceDialCode: !0,
     value: y ? String(y) : ""
-  }), V = w(
+  }), W = w(
     (Y) => {
       Y.key === "Enter" && Y.preventDefault();
     },
@@ -6627,7 +6635,7 @@ const A = te(function({
                       disabled: e,
                       id: r,
                       name: r,
-                      onKeyDown: V,
+                      onKeyDown: W,
                       placeholder: o,
                       ref: E,
                       type: "tel",
@@ -6650,7 +6658,7 @@ const A = te(function({
                 ]
               }
             ),
-            $ && Fe(
+            $ && Ee(
               /* @__PURE__ */ i(pl, { ref: z.setFloating, style: I, children: ve.map((Y) => {
                 const { dialCode: K, iso2: ue, name: ke } = nn(Y);
                 return /* @__PURE__ */ h(
@@ -7517,7 +7525,7 @@ const A = te(function({
       width: d,
       children: [
         /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", gap: 0.5, children: [
-          u || Re(n) ? void 0 : f,
+          u || je(n) ? void 0 : f,
           /* @__PURE__ */ i(
             N,
             {
@@ -7527,15 +7535,15 @@ const A = te(function({
               children: e
             }
           ),
-          u || Re(o) ? void 0 : f
+          u || je(o) ? void 0 : f
         ] }),
         /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", gap: 0.5, children: [
-          u && !Re(n) ? f : void 0,
+          u && !je(n) ? f : void 0,
           /* @__PURE__ */ h("div", { style: { display: "flex", gap: "12px" }, children: [
-            Re(a) ? void 0 : /* @__PURE__ */ i(ne, { fontWeight: "bold", size: "sm", children: a }),
+            je(a) ? void 0 : /* @__PURE__ */ i(ne, { fontWeight: "bold", size: "sm", children: a }),
             r
           ] }),
-          u && !Re(o) ? f : void 0
+          u && !je(o) ? f : void 0
         ] })
       ]
     }
@@ -8052,7 +8060,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
       ] })
     ] }),
     t && G.isString(t) && !G.isEmpty(t) ? /* @__PURE__ */ i(N, { mt: 0.5, size: "md", children: t }) : void 0,
-    t && !G.isString(t) && /* @__PURE__ */ i(Ve, { display: "block", mt: 0.5, size: "md", children: t })
+    t && !G.isString(t) && /* @__PURE__ */ i(Fe, { display: "block", mt: 0.5, size: "md", children: t })
   ] });
 }, Ol = ({
   disabled: e,
@@ -8224,7 +8232,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
     }
   );
 }, Be = te(function({
-  color: t = W.palette.gray[100],
+  color: t = V.palette.gray[100],
   mt: n = 0.5,
   mb: r = 0.5,
   width: o,
@@ -8727,7 +8735,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
     const g = (u = a.current) == null ? void 0 : u.scrollHeight;
     l !== g && s(g);
   }, [l]);
-  return n.isOpen ? Fe(
+  return n.isOpen ? Ee(
     /* @__PURE__ */ i(vi, { "aria-label": n.name, "aria-modal": "true", children: /* @__PURE__ */ h(Mt, { $size: "md", flexDirection: "column", children: [
       /* @__PURE__ */ h(
         b,
@@ -9197,9 +9205,9 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
         var T, L;
         return {
           ...F,
-          options: (T = F.options) == null ? void 0 : T.map((V) => ({
-            ...V,
-            checked: S.checkbox.includes(V.value) || S.radio === V.value
+          options: (T = F.options) == null ? void 0 : T.map((W) => ({
+            ...W,
+            checked: S.checkbox.includes(W.value) || S.radio === W.value
           })),
           value: ["text", "select"].includes(F.type) ? ((L = S.text) == null ? void 0 : L[`${String(F.key)}-${F.filterFn ?? "caseInsensitive"}`]) ?? F.value : F.value,
           minValue: ["numberRange", "dateRange"].includes(F.type) ? S.minValue : F.minValue,
@@ -9240,9 +9248,9 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
   return _(() => {
     const S = e.reduce(
       (v, { label: z, filterOptions: I }) => {
-        const E = I.flatMap(({ value: T, minValue: L, maxValue: V }) => [
+        const E = I.flatMap(({ value: T, minValue: L, maxValue: W }) => [
           L,
-          V,
+          W,
           T
         ]).filter(
           (T) => typeof T == "string" || typeof T == "number"
@@ -9884,7 +9892,7 @@ const Ye = ({
       )
     }
   );
-  return e && s.isOpen ? Fe(
+  return e && s.isOpen ? Ee(
     z,
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? z : null;
@@ -10056,7 +10064,7 @@ const Ye = ({
   options: o,
   title: a
 }) => {
-  const l = R(), [s, c] = j(!1), p = s ? "chevron-up" : "chevron-down", { refs: d, floatingStyles: g } = Oe({
+  const l = R(), [s, c] = j(!1), p = s ? "chevron-up" : "chevron-down", { refs: d, floatingStyles: g } = Ve({
     middleware: [at({ mainAxis: 4 })],
     placement: "bottom-start"
   }), u = w(() => {
@@ -10338,6 +10346,7 @@ const Ye = ({
     display: flex;
     flex-direction: column;
     justify-content: center;
+    overflow: hidden auto;
     padding: ${e.spacing[0.875]};
     width: 100%;
 
@@ -10345,7 +10354,7 @@ const Ye = ({
       width: 100%;
     }
   `}
-`, je = m.div`
+`, Oe = m.div`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -10355,6 +10364,7 @@ const Ye = ({
     font-weight: ${e.typography.weight.regular};
     gap: ${e.spacing[0.5]};
     line-height: ${e.spacing[1.25]};
+    overflow: hidden;
     padding: ${e.spacing[0.5]};
     width: 100%;
 
@@ -10366,6 +10376,13 @@ const Ye = ({
     &:has(.selected) {
       background: ${e.palette.gray[100]};
     }
+
+    * > label {
+      display: block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   `}
 `, Di = m.button`
   ${Ot}
@@ -10510,7 +10527,7 @@ const Ye = ({
               S.map((z) => {
                 const E = d[z.id].split(",").filter((D) => D && D !== "-").length.toString();
                 return /* @__PURE__ */ i(fe, { children: /* @__PURE__ */ h(
-                  je,
+                  Oe,
                   {
                     as: "button",
                     "data-testid": z.id,
@@ -10603,7 +10620,7 @@ const Ye = ({
           left: 0,
           width: "100%"
         },
-        children: /* @__PURE__ */ i(je, { "aria-selected": s, children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ i(Oe, { "aria-selected": s, children: /* @__PURE__ */ i(
           ze,
           {
             checked: s,
@@ -10618,14 +10635,26 @@ const Ye = ({
     );
   }) : /* @__PURE__ */ i(Ni, {}),
   list: ({ items: e, filterValue: t, onListChange: n }) => e.map((r) => /* @__PURE__ */ h(
-    je,
+    Oe,
     {
       "aria-selected": t == null ? void 0 : t.split(",").includes(r == null ? void 0 : r.value),
       as: "button",
       onClick: n == null ? void 0 : n(r.value),
       children: [
         r.icon ? /* @__PURE__ */ i(A, { icon: r.icon, iconSize: "md", iconType: "fa-light" }) : void 0,
-        r.label,
+        /* @__PURE__ */ i(
+          Fe,
+          {
+            color: V.palette.gray[800],
+            display: "block",
+            overflow: "hidden",
+            size: "md",
+            textAlign: "left",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            children: r.label
+          }
+        ),
         /* @__PURE__ */ i("span", { className: "filter-item" }),
         t != null && t.split(",").includes(r == null ? void 0 : r.value) ? /* @__PURE__ */ i("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ i(
           A,
@@ -10647,7 +10676,7 @@ const Ye = ({
     updateCalendarState: r
   }) => {
     const [o, a] = (t == null ? void 0 : t.split(",").filter((l) => q(l).isValid() || l === "-")) ?? [];
-    return /* @__PURE__ */ i(je, { children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ i(Oe, { children: /* @__PURE__ */ i(
       $i,
       {
         name: e,
@@ -10674,7 +10703,7 @@ const Ye = ({
     onRangeNumberChange: o
   }) => {
     const [a, l] = (t == null ? void 0 : t.split(",").filter(Boolean).map(Number).filter((s) => !Ar(s))) ?? [];
-    return /* @__PURE__ */ i(je, { children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ i(Oe, { children: /* @__PURE__ */ i(
       xi,
       {
         name: e,
@@ -10791,13 +10820,13 @@ const Ye = ({
             (B) => B !== "-" && !RegExp(/^\d+\-\d+\-\d+$/).test(B.trim())
           ), T = D.filter(
             (B) => q(B).isValid() && q(B).isAfter(q("1903-01-01"))
-          ), L = q(v, "YYYY-MM-DD", !0), V = ["-", "-"];
-          return T.length === 2 ? (V[0] = T[0], V[1] = T[1]) : T.length === 1 && (L.isAfter(q(T[0])) ? (V[0] = T[0], V[1] = v) : (V[0] = v, V[1] = T[0])), V[I ?? 0] = v, { ...E, [a]: [...F, ...V].join(",") };
+          ), L = q(v, "YYYY-MM-DD", !0), W = ["-", "-"];
+          return T.length === 2 ? (W[0] = T[0], W[1] = T[1]) : T.length === 1 && (L.isAfter(q(T[0])) ? (W[0] = T[0], W[1] = v) : (W[0] = v, W[1] = T[0])), W[I ?? 0] = v, { ...E, [a]: [...F, ...W].join(",") };
         }
         if (z === "numberRange") {
           const D = Xe(E[a] ?? ""), F = D.filter(
-            (V) => !RegExp(/^\d+$/).test(V)
-          ), T = D.map(Number).filter((V) => G.isNumber(V) && !G.isNaN(V)), L = [T[0] ?? "", T[1] ?? ""];
+            (W) => !RegExp(/^\d+$/).test(W)
+          ), T = D.map(Number).filter((W) => G.isNumber(W) && !G.isNaN(W)), L = [T[0] ?? "", T[1] ?? ""];
           return L[I ?? 0] = Number(v), { ...E, [a]: [...F, ...L].join(",") };
         }
         if (z === "list") {
@@ -10912,7 +10941,7 @@ const Ye = ({
 }) => {
   const r = Me("filters"), { calendarState: o } = Es(), { searchState: a, updateSearch: l } = Ns(!1), { scrollState: s, updateScrollHeight: c } = Fs(), [p, d] = Rr("filter", {
     history: "replace"
-  }), [g, u] = j(""), { refs: f } = Oe({ placement: "bottom-start" }), { refs: y } = Oe({
+  }), [g, u] = j(""), { refs: f } = Ve({ placement: "bottom-start" }), { refs: y } = Ve({
     elements: { reference: f.reference.current },
     placement: "right-end"
   }), { activeFilters: $, values: x, setValues: C } = di({
@@ -10927,7 +10956,7 @@ const Ye = ({
     [d]
   ), L = w(() => {
     $ === 0 && !r.isOpen && Je(F), r.toggle(), d(null), S({ searchGlobal: "", search: "" });
-  }, [$, r, F, d, S]), V = w(() => {
+  }, [$, r, F, d, S]), W = w(() => {
     o.isOpen || (r.close(), d(null), S({ searchGlobal: "", search: "" }), $ === 0 && Je(F));
   }, [
     $,
@@ -10937,7 +10966,7 @@ const Ye = ({
     d,
     S
   ]);
-  return $e(f.floating.current, V, !0, [
+  return $e(f.floating.current, W, !0, [
     f.reference.current,
     y.floating.current
   ]), /* @__PURE__ */ i(
@@ -11349,7 +11378,7 @@ const Ye = ({
       )
     }
   );
-  return e ? Fe(x, document.body) : /* @__PURE__ */ i("div", {});
+  return e ? Ee(x, document.body) : /* @__PURE__ */ i("div", {});
 }, Ps = m.div`
   ${({ theme: e, $backgroundColor: t = e.palette.white }) => `
     align-items: flex-start;
@@ -11806,11 +11835,11 @@ const Ye = ({
   padding: 0;
 
   &:hover p {
-    color: ${W.palette.primary[200]};
+    color: ${V.palette.primary[200]};
   }
 
   &:hover span {
-    color: ${W.palette.primary[200]};
+    color: ${V.palette.primary[200]};
   }
 `, Lp = ({
   message: e,
@@ -12186,7 +12215,7 @@ const Ye = ({
   pageSize: e,
   setPageSize: t
 }) => {
-  const n = R(), [r, o] = j(!1), { refs: a, floatingStyles: l } = Oe({
+  const n = R(), [r, o] = j(!1), { refs: a, floatingStyles: l } = Ve({
     middleware: [Hn(), at({ mainAxis: 4 })],
     placement: "top-end",
     whileElementsMounted: ot
@@ -12917,7 +12946,7 @@ const Ye = ({
       textAlign: n ? "start" : "center",
       children: a ? /* @__PURE__ */ h(fe, { children: [
         /* @__PURE__ */ i(
-          Ve,
+          Fe,
           {
             color: r.palette.gray[600],
             display: "inline",
@@ -12930,7 +12959,7 @@ const Ye = ({
         e
       ] }) : e.split(l).map(
         (s, c) => t.includes(s) ? /* @__PURE__ */ i(
-          Ve,
+          Fe,
           {
             color: r.palette.gray[600],
             display: "inline",
@@ -13101,7 +13130,7 @@ const Ye = ({
       )
     }
   );
-  return e ? Fe(I, a ?? document.body) : I;
+  return e ? Ee(I, a ?? document.body) : I;
 }, Sc = {
   md: {
     methodIdSize: "sm",
@@ -13177,8 +13206,8 @@ const Ye = ({
               N,
               {
                 color: f.palette.gray[400],
+                display: "inline",
                 size: x,
-                whiteSpace: "nowrap",
                 children: [
                   /* @__PURE__ */ i("b", { children: "Target: " }),
                   s
@@ -13192,8 +13221,8 @@ const Ye = ({
               N,
               {
                 color: f.palette.gray[400],
+                display: "inline",
                 size: x,
-                whiteSpace: "nowrap",
                 children: [
                   /* @__PURE__ */ i("b", { children: "Technology: " }),
                   e
@@ -13207,9 +13236,9 @@ const Ye = ({
               N,
               {
                 color: f.palette.gray[400],
+                display: "inline",
                 fontWeight: "bold",
                 size: x,
-                whiteSpace: "nowrap",
                 children: "CWE ID(s): "
               }
             ),
@@ -13218,8 +13247,8 @@ const Ye = ({
                 N,
                 {
                   color: f.palette.gray[400],
+                  display: "inline",
                   size: x,
-                  whiteSpace: "nowrap",
                   children: " , "
                 }
               ) : void 0,
@@ -13227,9 +13256,9 @@ const Ye = ({
                 N,
                 {
                   color: f.palette.gray[400],
+                  display: "inline",
                   size: x,
                   textDecoration: "underline",
-                  whiteSpace: "nowrap",
                   children: k.key
                 }
               ) })
@@ -13241,8 +13270,8 @@ const Ye = ({
               N,
               {
                 color: f.palette.gray[400],
+                display: "inline",
                 size: x,
-                whiteSpace: "nowrap",
                 children: [
                   /* @__PURE__ */ i("b", { children: "Last update time: " }),
                   c
@@ -13414,8 +13443,8 @@ const Ye = ({
     }), (T = u.current) == null || T.focus(), y(!1);
   }, [o, a]), I = w(
     (T) => {
-      const L = Number(T.currentTarget.dataset.index), V = t[L];
-      r == null || r(V), y(!1);
+      const L = Number(T.currentTarget.dataset.index), W = t[L];
+      r == null || r(W), y(!1);
     },
     [t, r]
   ), E = f && ($.trim().length > 0 || t.length > 0), D = X(
@@ -13475,20 +13504,20 @@ const Ye = ({
   ] });
 }, Rc = (e, t) => {
   const n = {
-    critical: W.palette.primary[700],
-    high: W.palette.error[500],
-    low: W.palette.warning[200],
-    medium: W.palette.warning[500],
-    none: W.palette.gray[200]
+    critical: V.palette.primary[700],
+    high: V.palette.error[500],
+    low: V.palette.warning[200],
+    medium: V.palette.warning[500],
+    none: V.palette.gray[200]
   }, r = {
-    disabled: W.palette.gray[400],
-    enabled: W.palette.gray[800]
+    disabled: V.palette.gray[400],
+    enabled: V.palette.gray[800]
   }, o = {
-    critical: W.palette.white,
-    high: W.palette.white,
-    low: W.palette.gray[800],
-    medium: W.palette.gray[800],
-    none: W.palette.gray[400]
+    critical: V.palette.white,
+    high: V.palette.white,
+    low: V.palette.gray[800],
+    medium: V.palette.gray[800],
+    none: V.palette.gray[400]
   };
   return {
     iconColor: t < 1 ? n.none : n[e],
@@ -15777,7 +15806,7 @@ export {
   xe as P,
   gp as Q,
   Wd as R,
-  W as S,
+  V as S,
   Vd as T,
   fp as U,
   yp as V,
@@ -15906,7 +15935,7 @@ export {
   ig as bn,
   ne as bo,
   N as bp,
-  Ve as bq,
+  Fe as bq,
   rg as br,
   Fo as bs,
   Eo as bt,