@fluidattacks/design 3.15.3-pr-01 → 3.15.3

package/dist/{components-Bk-GvFjF.mjs → components-Pj9aqF9O.mjs}

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as f, Fragment as Oe } from "react/jsx-runtime";
 import Be, { forwardRef as G, useState as L, useCallback as v, StrictMode as li, useEffect as U, useRef as B, useMemo as Z, Children as si, isValidElement as ci, cloneElement as di, Fragment as St } from "react";
-import { o as pi, d as y, n as F, u as gi, a as ui, b as fi, c as hi, e as bi, l as P, f as zt, g as yi, h as $i, s as xi, i as pe, _ as W, $ as mi, j as wi, k as vi, m as ki, p as Ci, q as Si, r as zi, t as Ii, v as It, C as Tt, w as Ti, x as Ni, y as Fi, z as et, A as ve, B as Di, D as ji, E as Nt, F as Ft, G as ke, H as Li, I as Ei, J as Ri, K as Wi, L as Ai, M as oe, N as Pi, O as Dt, P as Vi, Q as jt, R as Hi, S as Oi, T as Bi, U as Mi, V as Gi, W as Lt, X as Ui, Y as tt, Z as it, a0 as nt, a1 as _i, a2 as Yi, a3 as Ki, a4 as qi, a5 as Et, a6 as Xi, a7 as Ji, a8 as Zi, a9 as Rt, aa as Qi, ab as en, ac as tn, ad as nn, ae as an, ag as rn, ah as Wt, ai as on, aj as ln, ak as sn, al as cn, am as dn, an as pn, ao as gn, ap as un, aq as at, ar as fn, as as rt, at as hn } from "./vendor-CxCOfBAY.mjs";
+import { o as pi, d as y, n as F, u as gi, a as ui, b as fi, c as hi, e as bi, l as P, f as zt, g as yi, h as $i, s as xi, i as pe, _ as W, $ as mi, j as wi, k as vi, m as ki, p as Ci, q as Si, r as zi, t as Ii, v as It, C as Nt, w as Ni, x as Ti, y as Fi, z as et, A as ve, B as Di, D as ji, E as Tt, F as Ft, G as ke, H as Li, I as Ei, J as Ri, K as Wi, L as Ai, M as oe, N as Pi, O as Dt, P as Vi, Q as jt, R as Hi, S as Oi, T as Bi, U as Mi, V as Gi, W as Lt, X as Ui, Y as tt, Z as it, a0 as nt, a1 as _i, a2 as Yi, a3 as Ki, a4 as qi, a5 as Et, a6 as Xi, a7 as Ji, a8 as Zi, a9 as Rt, aa as Qi, ab as en, ac as tn, ad as nn, ae as an, ag as rn, ah as Wt, ai as on, aj as ln, ak as sn, al as cn, am as dn, an as pn, ao as gn, ap as un, aq as at, ar as fn, as as rt, at as hn } from "./vendor-CxCOfBAY.mjs";
 import { createPortal as Q } from "react-dom";
 import { Link as bn, useLocation as yn, NavLink as $n } from "react-router-dom";
 const ie = (e) => ({
@@ -166,7 +166,7 @@ const ie = (e) => ({
 }, In = {
   "01": "linear-gradient(45deg, #f32637 0%, #b8075d 100%)",
   "02": "linear-gradient(45deg, #fcfcfd 0%, #667085 100%)"
-}, Tn = {
+}, Nn = {
   type: {
     primary: "Roboto, sans-serif",
     poppins: "'Poppins', sans-serif",
@@ -192,7 +192,7 @@ const ie = (e) => ({
     semibold: "600",
     regular: "400"
   }
-}, Nn = {
+}, Tn = {
   none: "none",
   sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.15)",
   md: "0px 4px 6px 0px rgba(16, 24, 40, 0.15)",
@@ -274,9 +274,9 @@ const ie = (e) => ({
   ["fal", "minus"],
   ["fas", "check"],
   ["fas", "circle-question"]
-], N = {
-  typography: Tn,
-  shadows: Nn,
+], T = {
+  typography: Nn,
+  shadows: Tn,
   breakpoints: Fn,
   spacing: Dn,
   palette: {
@@ -291,22 +291,22 @@ const ie = (e) => ({
     gray: mn,
     gradients: In
   }
-}, Tl = ({
+}, Nl = ({
   children: e
-}) => /* @__PURE__ */ n(pi, { theme: N, children: e }), j = (e, t) => t === void 0 ? "" : `${e}: ${t};`, Ce = (e) => {
+}) => /* @__PURE__ */ n(pi, { theme: T, children: e }), j = (e, t) => t === void 0 ? "" : `${e}: ${t};`, Ce = (e) => {
   const t = e.py ?? e.pt ?? 0, i = e.px ?? e.pr ?? 0, a = e.py ?? e.pb ?? 0, r = e.px ?? e.pl ?? 0;
   if (e.padding) {
     const [o, l, s, c] = e.padding;
-    return `padding: ${N.spacing[o]} ${N.spacing[l]} ${N.spacing[s]} ${N.spacing[c]};`;
+    return `padding: ${T.spacing[o]} ${T.spacing[l]} ${T.spacing[s]} ${T.spacing[c]};`;
   }
-  return `padding: ${N.spacing[t]} ${N.spacing[i]} ${N.spacing[a]} ${N.spacing[r]};`;
+  return `padding: ${T.spacing[t]} ${T.spacing[i]} ${T.spacing[a]} ${T.spacing[r]};`;
 }, Se = (e) => {
   const t = e.my ?? e.mt ?? 0, i = e.mx ?? e.mr ?? 0, a = e.my ?? e.mb ?? 0, r = e.mx ?? e.ml ?? 0;
   if (e.margin) {
     const [o, l, s, c] = e.margin;
-    return `margin: ${N.spacing[o]} ${N.spacing[l]} ${N.spacing[s]} ${N.spacing[c]};`;
+    return `margin: ${T.spacing[o]} ${T.spacing[l]} ${T.spacing[s]} ${T.spacing[c]};`;
   }
-  return `margin: ${N.spacing[t]} ${N.spacing[i]} ${N.spacing[a]} ${N.spacing[r]};`;
+  return `margin: ${T.spacing[t]} ${T.spacing[i]} ${T.spacing[a]} ${T.spacing[r]};`;
 }, ze = (e) => {
   const t = j("position", e.position), i = j("top", e.top), a = j("right", e.right), r = j("bottom", e.bottom), o = j("left", e.left), l = j("z-index", e.zIndex);
   return `
@@ -328,16 +328,16 @@ const ie = (e) => ({
     ${l}
     ${s}
   `;
-}, jn = (e) => e.includes("x") ? "overflow-x: auto;" : "", Ln = (e) => e.includes("y") ? "overflow-y: auto;" : "", Te = (e) => {
+}, jn = (e) => e.includes("x") ? "overflow-x: auto;" : "", Ln = (e) => e.includes("y") ? "overflow-y: auto;" : "", Ne = (e) => {
   const t = e.scroll ? `
       ${jn(e.scroll)}
       ${Ln(e.scroll)}
     ` : "", i = j("visibility", e.visibility), a = j("display", e.display), r = j("height", e.height), o = j("width", e.width), l = j("max-height", e.maxHeight), s = j("max-width", e.maxWidth), c = j("min-height", e.minHeight), p = j("min-width", e.minWidth), d = j(
     "box-shadow",
-    e.shadow ? N.shadows[e.shadow] : void 0
+    e.shadow ? T.shadows[e.shadow] : void 0
   ), g = j(
     "gap",
-    e.gap === void 0 ? void 0 : N.spacing[e.gap]
+    e.gap === void 0 ? void 0 : T.spacing[e.gap]
   ), u = j("background-color", e.bgColor), h = j("background", e.bgGradient), $ = j("flex-direction", e.flexDirection), m = j("flex-grow", e.flexGrow), b = j("justify-content", e.justify), w = j("justify-self", e.justifySelf), k = j("align-items", e.alignItems), z = j("align-self", e.alignSelf), S = j("flex-wrap", e.wrap);
   return `
     ${t}
@@ -361,7 +361,7 @@ const ie = (e) => ({
     ${z}
     ${S}
   `;
-}, Ne = (e) => {
+}, Te = (e) => {
   const t = j("color", e.color), i = j("font-family", e.fontFamily), a = j("font-size", e.fontSize), r = j("font-weight", e.fontWeight), o = j("line-spacing", e.letterSpacing), l = j("line-height", e.lineSpacing), s = j("text-align", e.textAlign), c = j("text-decoration", e.textDecoration), p = j("text-overflow", e.textOverflow), d = j("white-space", e.whiteSpace), g = j("word-break", e.wordBreak), u = j("word-wrap", e.wordWrap);
   return `
     ${t}
@@ -380,7 +380,7 @@ const ie = (e) => ({
 }, Fe = (e) => {
   const t = j("cursor", e.cursor), i = j("border-color", e.borderColorHover), a = j("background-color", e.bgColorHover), r = j(
     "box-shadow",
-    e.shadowHover === void 0 ? void 0 : N.shadows[e.shadowHover]
+    e.shadowHover === void 0 ? void 0 : T.shadows[e.shadowHover]
   ), o = j("transition", e.transition);
   return `
     ${t}
@@ -398,8 +398,8 @@ const ie = (e) => ({
   ${Ce}
   ${Se}
   ${ze}
-  ${Te}
   ${Ne}
+  ${Te}
   ${Ie}
   ${Fe}
 `, At = y.button.withConfig(
@@ -408,24 +408,24 @@ const ie = (e) => ({
   ${Ce}
   ${Se}
   ${ze}
-  ${Te}
   ${Ne}
+  ${Te}
   ${Ie}
   ${Fe}
 `, Pt = y.p.withConfig(De)`
   ${Ce}
   ${Se}
   ${ze}
-  ${Te}
   ${Ne}
+  ${Te}
   ${Ie}
   ${Fe}
 `, Vt = y.span.withConfig(De)`
   ${Ce}
   ${Se}
   ${ze}
-  ${Te}
   ${Ne}
+  ${Te}
   ${Ie}
   ${Fe}
 `, En = y(je)`
@@ -815,7 +815,7 @@ const I = G(function({
     },
     `${d}-${r}`
   );
-}), Nl = G(function({ aligned: t = "end", items: i, bgColor: a }, r) {
+}), Tl = G(function({ aligned: t = "end", items: i, bgColor: a }, r) {
   const o = F(), [l, s] = L(!1), [c, p] = L(-1), d = v(
     (g) => () => {
       p(g), s(g === c ? (u) => !u : !0);
@@ -1139,9 +1139,9 @@ const I = G(function({
   }), D = ui(S, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), T = fi(S), E = hi(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: R, getFloatingProps: M } = bi([
+  }), N = fi(S), E = hi(S, { role: r ? "label" : "tooltip" }), { getReferenceProps: R, getFloatingProps: M } = bi([
     D,
-    T,
+    N,
     E
   ]);
   return t ? /* @__PURE__ */ n(li, { children: e }) : /* @__PURE__ */ f(Oe, { children: [
@@ -1257,8 +1257,8 @@ const I = G(function({
         }
       )
     }
-  ), T = (h + (w ?? "") + (c ?? a)).replace(/ /u, "_");
-  return $ === void 0 ? S : /* @__PURE__ */ n(ee, { id: `${T}-tooltip`, place: m, tip: $, children: S });
+  ), N = (h + (w ?? "") + (c ?? a)).replace(/ /u, "_");
+  return $ === void 0 ? S : /* @__PURE__ */ n(ee, { id: `${N}-tooltip`, place: m, tip: $, children: S });
 }), Fl = G(function({
   autoHide: t = !1,
   children: i,
@@ -1690,7 +1690,7 @@ const I = G(function({
   width: k,
   ...z
 }, S) {
-  const D = h !== void 0, T = `${l}-tooltip`, E = v(() => {
+  const D = h !== void 0, N = `${l}-tooltip`, E = v(() => {
     o && ea(o, a);
   }, [a, o]), R = /* @__PURE__ */ f(
     Ot,
@@ -1707,7 +1707,7 @@ const I = G(function({
       type: u,
       value: b,
       width: k,
-      ...D ? { "data-tooltip-id": T } : {},
+      ...D ? { "data-tooltip-id": N } : {},
       ...z,
       children: [
         s !== void 0 && /* @__PURE__ */ n(I, { icon: s, iconSize: "xs", iconType: "fa-light" }),
@@ -1721,7 +1721,7 @@ const I = G(function({
     ee,
     {
       disabled: !D,
-      id: T,
+      id: N,
       place: $,
       tip: h,
       width: k,
@@ -2406,7 +2406,7 @@ const I = G(function({
   var Qe;
   const w = F(), k = t ? void 0 : i, z = (e == null ? void 0 : e.value) ?? m, [S, D] = L(
     ((Qe = p.find((O) => O.value === z)) == null ? void 0 : Qe.name) ?? ""
-  ), [T, E] = L(z), [R, M] = L(p), [V, A] = L(!1), { contains: K } = ki({ sensitivity: "base" }), J = B(null), se = B(null), We = B(null), Xe = B(null), Je = B(null), Zt = Z(() => p.map(
+  ), [N, E] = L(z), [R, M] = L(p), [V, A] = L(!1), { contains: K } = ki({ sensitivity: "base" }), J = B(null), se = B(null), We = B(null), Xe = B(null), Je = B(null), Zt = Z(() => p.map(
     (O) => K(O.name, S) || V ? /* @__PURE__ */ n(Ci, { children: O.name }, O.value) : null
   ), [K, S, p, V]), Qt = v(
     (O) => {
@@ -2435,7 +2435,7 @@ const I = G(function({
     items: R,
     menuTrigger: "focus",
     shouldCloseOnBlur: !0,
-    selectedKey: T,
+    selectedKey: N,
     onBlur: ti,
     onInputChange: Qt,
     onKeyDown: Ze,
@@ -2564,7 +2564,7 @@ const I = G(function({
   value: m,
   weight: b
 }) => e ? /* @__PURE__ */ n(
-  Tt,
+  Nt,
   {
     control: e,
     name: c,
@@ -2748,7 +2748,7 @@ const I = G(function({
     width: 100%;
   `}
 `, ha = ({ state: e, date: t }) => {
-  const i = B(null), a = Ti(t, Ni()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Fi({ date: t }, e, i), p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(p || d) ? "range" : "";
+  const i = B(null), a = Ni(t, Ti()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Fi({ date: t }, e, i), p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.start) : l, d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? et(t, e.highlightedRange.end) : l, g = l && !s && !(p || d) ? "range" : "";
   return /* @__PURE__ */ n(ua, { id: g, ...r, children: /* @__PURE__ */ f(
     "div",
     {
@@ -2901,7 +2901,7 @@ const I = G(function({
         I,
         {
           icon: t,
-          iconColor: N.palette.gray[e ? 400 : 700],
+          iconColor: T.palette.gray[e ? 400 : 700],
           iconSize: "xs",
           iconType: "fa-light"
         }
@@ -2941,7 +2941,7 @@ const I = G(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: i } = ve(), a = Nt({ ...t, createCalendar: ke, locale: i }), { prevButtonProps: r, nextButtonProps: o, title: l } = Ft(t, a);
+  const { locale: i } = ve(), a = Tt({ ...t, createCalendar: ke, locale: i }), { prevButtonProps: r, nextButtonProps: o, title: l } = Ft(t, a);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ n(
       _e,
@@ -3172,7 +3172,7 @@ const I = G(function({
       m(E);
     },
     value: W.isNil($) || W.isEmpty($) || $ === "-" ? null : Vi($.replace(/\//gu, "-"))
-  }), { close: w } = b, { groupProps: k, fieldProps: z, buttonProps: S, dialogProps: D, calendarProps: T } = jt(
+  }), { close: w } = b, { groupProps: k, fieldProps: z, buttonProps: S, dialogProps: D, calendarProps: N } = jt(
     { ...u, "aria-label": l ?? s, name: s },
     b,
     h
@@ -3212,7 +3212,7 @@ const I = G(function({
             placement: "bottom start",
             state: b,
             triggerRef: h,
-            children: /* @__PURE__ */ n(Ye, { ...D, children: /* @__PURE__ */ n(wa, { onClose: w, props: T }) })
+            children: /* @__PURE__ */ n(Ye, { ...D, children: /* @__PURE__ */ n(wa, { onClose: w, props: N }) })
           }
         ) : null
       ]
@@ -3240,7 +3240,7 @@ const I = G(function({
     /* @__PURE__ */ n(Ue, { state: r }),
     /* @__PURE__ */ n(Ge, { children: /* @__PURE__ */ n(H, { onClick: e, variant: "ghost", children: "Cancel" }) })
   ] });
-}, Ta = y.div`
+}, Na = y.div`
   ${({ theme: e, $disabled: t, $show: i }) => `
     border-color: ${i ? e.palette.error[500] : e.palette.gray[300]};
     display: flex;
@@ -3251,7 +3251,7 @@ const I = G(function({
       background: ${t ? e.palette.gray[200] : e.palette.white};
     }
   `}
-`, Na = ({
+`, Ta = ({
   disabled: e = !1,
   error: t,
   label: i,
@@ -3288,7 +3288,7 @@ const I = G(function({
     startFieldProps: z,
     endFieldProps: S,
     buttonProps: D,
-    dialogProps: T,
+    dialogProps: N,
     calendarProps: E
   } = Mi(
     { ...g, "aria-label": i ?? a },
@@ -3305,7 +3305,7 @@ const I = G(function({
       tooltip: o,
       children: [
         /* @__PURE__ */ f(
-          Ta,
+          Na,
           {
             $disabled: e,
             $show: t !== void 0,
@@ -3362,7 +3362,7 @@ const I = G(function({
             placement: "bottom start",
             state: b,
             triggerRef: $,
-            children: /* @__PURE__ */ n(Ye, { ...T, children: /* @__PURE__ */ n(Ia, { onClose: w, props: E }) })
+            children: /* @__PURE__ */ n(Ye, { ...N, children: /* @__PURE__ */ n(Ia, { onClose: w, props: E }) })
           }
         ) : null
       ]
@@ -3389,7 +3389,7 @@ const I = G(function({
   props: i,
   timeState: a
 }) => {
-  const r = F(), { locale: o } = ve(), l = Nt({ ...i, createCalendar: ke, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: p } = Ft(i, l);
+  const r = F(), { locale: o } = ve(), l = Tt({ ...i, createCalendar: ke, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: p } = Ft(i, l);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ n(
       _e,
@@ -3532,7 +3532,7 @@ const I = G(function({
   weight: k,
   ...z
 }) => {
-  const { required: S, onBlur: D, onChange: T } = z, E = F(), R = e ? void 0 : o, M = l && s && !e, V = v(
+  const { required: S, onBlur: D, onChange: N } = z, E = F(), R = e ? void 0 : o, M = l && s && !e, V = v(
     (A) => {
       A.key === "Enter" && A.preventDefault();
     },
@@ -3577,7 +3577,7 @@ const I = G(function({
                   onPaste: u,
                   placeholder: h,
                   type: w,
-                  ...$ ? $(d, { required: S, onBlur: D, onChange: T }) : { ...z }
+                  ...$ ? $(d, { required: S, onBlur: D, onChange: N }) : { ...z }
                 }
               ),
               R ? /* @__PURE__ */ n(
@@ -3644,7 +3644,7 @@ const I = G(function({
   watch: $,
   weight: m
 }) => {
-  const b = F(), w = t ? void 0 : i, k = B(null), z = $ == null ? void 0 : $(c), S = Ra(z), D = g == null ? void 0 : g(c, { required: d }), T = v(() => {
+  const b = F(), w = t ? void 0 : i, k = B(null), z = $ == null ? void 0 : $(c), S = Ra(z), D = g == null ? void 0 : g(c, { required: d }), N = v(() => {
     const M = Pe("change", c, void 0);
     u && u(c, ""), D && D.onChange(M);
   }, [D, c, u]), E = v(
@@ -3692,7 +3692,7 @@ const I = G(function({
                     icon: "xmark",
                     iconSize: "lg",
                     iconType: "fa-light",
-                    onClick: T,
+                    onClick: N,
                     variant: "ghost",
                     width: "20px"
                   }
@@ -3741,7 +3741,7 @@ const I = G(function({
             multiple: s,
             name: c,
             onChange: E,
-            onClick: T,
+            onClick: N,
             ref: k,
             required: void 0,
             type: "file",
@@ -3780,7 +3780,7 @@ const I = G(function({
       i && i.onChange(J), c && c(J);
     },
     [i, s, c]
-  ), T = v(
+  ), N = v(
     (V) => {
       k(V.target.value);
     },
@@ -3840,7 +3840,7 @@ const I = G(function({
                 autoComplete: "off",
                 id: s,
                 onBlur: E,
-                onChange: T,
+                onChange: N,
                 onKeyDown: R,
                 placeholder: S.length === 0 ? d : void 0,
                 ref: i == null ? void 0 : i.ref,
@@ -3879,7 +3879,7 @@ const I = G(function({
   value: h,
   weight: $
 }) => t ? /* @__PURE__ */ n(
-  Tt,
+  Nt,
   {
     control: t,
     name: s,
@@ -3977,7 +3977,7 @@ const I = G(function({
       u && u(s, M ? R : void 0), c && c(E), k(Number(R));
     },
     [s, c, u]
-  ), T = v(
+  ), N = v(
     (E) => {
       E.key === "Enter" && E.preventDefault();
     },
@@ -4000,7 +4000,7 @@ const I = G(function({
             id: a ?? s,
             max: o,
             min: l,
-            onKeyDown: T,
+            onKeyDown: N,
             placeholder: p,
             required: g,
             step: 10 ** -b,
@@ -4278,7 +4278,7 @@ const I = G(function({
   const d = F(), g = B(null), u = e ? void 0 : t, [h, $] = L(!1), [m, b] = L(""), { refs: w, floatingStyles: k } = Lt({
     placement: "bottom-start",
     whileElementsMounted: zt
-  }), { inputValue: z, handlePhoneValueChange: S, country: D, setCountry: T } = Ui({
+  }), { inputValue: z, handlePhoneValueChange: S, country: D, setCountry: N } = Ui({
     countries: tt,
     defaultCountry: "us",
     forceDialCode: !0,
@@ -4287,9 +4287,9 @@ const I = G(function({
     $((A) => !A), h || b("");
   }, [h]), R = v(
     (A) => () => {
-      T(A), $(!1), b("");
+      N(A), $(!1), b("");
     },
-    [T, $]
+    [N, $]
   ), M = v(
     (A) => {
       A.key.length === 1 ? b((K) => K + A.key) : A.key === "Backspace" && b((K) => K.slice(0, -1));
@@ -4436,11 +4436,11 @@ const I = G(function({
   weight: w,
   value: k
 }) => {
-  const z = F(), S = (b == null ? void 0 : b(s)) ?? k, D = o && r && !e, T = e ? void 0 : t;
+  const z = F(), S = (b == null ? void 0 : b(s)) ?? k, D = o && r && !e, N = e ? void 0 : t;
   return /* @__PURE__ */ n(
     q,
     {
-      error: T,
+      error: N,
       helpLink: i,
       helpText: a,
       htmlFor: s,
@@ -4454,14 +4454,14 @@ const I = G(function({
         ae,
         {
           className: `
-          ${e ? "disabled" : ""} ${T ? "error" : ""} ${D ? "success" : ""}
+          ${e ? "disabled" : ""} ${N ? "error" : ""} ${D ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ n(
               "textarea",
               {
                 "aria-hidden": !1,
-                "aria-invalid": T ? "true" : "false",
+                "aria-invalid": N ? "true" : "false",
                 "aria-label": s,
                 "aria-required": h,
                 className: p ? "sr-block" : "",
@@ -4475,7 +4475,7 @@ const I = G(function({
                 ...u == null ? void 0 : u(s, { required: h })
               }
             ),
-            T ? /* @__PURE__ */ n(
+            N ? /* @__PURE__ */ n(
               I,
               {
                 icon: "exclamation-circle",
@@ -5417,15 +5417,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       }
     `
   })
-), ge = y.div.attrs({
-  className: "comp-modal overflow-auto"
-})`
+), ge = y.div`
   align-items: center;
   background-color: ${({ $bgColor: e = "rgb(52 64 84 / 70%)" }) => e};
   display: flex;
-  position: ${({ $position: e = "fixed" }) => e};
-  inset: ${({ $inset: e = 0 }) => e};
-  top: ${({ $top: e = 0 }) => e};
   justify-content: center;
   z-index: 99999;
 `, ue = y(x)`
@@ -5862,7 +5857,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     }
   );
 }, de = G(function({
-  color: t = N.palette.gray[100],
+  color: t = T.palette.gray[100],
   mt: i = 0.5,
   mb: a = 0.5,
   width: r,
@@ -6083,7 +6078,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ]
     }
   );
-}, Tr = y(Re)`
+}, Nr = y(Re)`
   padding: 7px 8px;
 
   &[aria-selected="true"] {
@@ -6108,7 +6103,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     [a.group]: [a]
   } : i,
   {}
-), Nr = y.input`
+), Tr = y.input`
   ${({ theme: e }) => `
     background: none;
     border: none !important;
@@ -6197,7 +6192,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       }
     ),
     /* @__PURE__ */ n(
-      Nr,
+      Tr,
       {
         ...o,
         id: t,
@@ -6335,7 +6330,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         children: o.map((g) => {
           const u = `li-checkbox-${g.name}`;
           return /* @__PURE__ */ n(
-            Tr,
+            Nr,
             {
               selected: g.visible,
               value: u,
@@ -6388,111 +6383,119 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     l !== g && s(g);
   }, [l]);
   return i.isOpen ? Q(
-    /* @__PURE__ */ n(ge, { "aria-label": i.name, "aria-modal": "true", children: /* @__PURE__ */ f(ue, { $size: "md", flexDirection: "column", children: [
-      /* @__PURE__ */ f(
-        x,
-        {
-          display: "flex",
-          justify: "space-between",
-          px: 1.25,
-          py: 1.25,
-          children: [
-            /* @__PURE__ */ n(Y, { size: "sm", children: t }),
-            /* @__PURE__ */ n(
-              _,
-              {
-                icon: "close",
-                iconColor: r.palette.gray[400],
-                iconSize: "xs",
-                iconTransform: "grow-2",
-                iconType: "fa-light",
-                id: "modal-close",
-                onClick: i.close,
-                px: 0.25,
-                py: 0.25,
-                variant: "ghost"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ n(de, { mb: 0, mt: 0 }),
-      /* @__PURE__ */ f(
-        x,
-        {
-          display: "flex",
-          gap: 1.25,
-          onScroll: d,
-          px: 1.25,
-          ref: o,
-          scroll: "y",
-          width: "100%",
-          children: [
-            /* @__PURE__ */ n(
-              jr,
-              {
-                columns: i.columns,
-                formId: "columns-visibility",
-                onChangeHandler: c,
-                variant: a
-              }
-            ),
-            /* @__PURE__ */ n(
-              x,
-              {
-                borderLeft: `2px solid ${r.palette.gray[100]}`,
-                height: l ? `${l}px` : "auto"
-              }
-            ),
-            /* @__PURE__ */ n(
-              Ir,
-              {
-                description: "Click and drag to reorder the columns",
-                items: i.columns,
-                onClickClose: p,
-                onReorder: i.setColumns,
-                title: "Reorder columns"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ n(de, { mb: 0, mt: 0 }),
-      /* @__PURE__ */ f(
-        x,
-        {
-          display: "flex",
-          justify: "space-between",
-          px: 1.25,
-          py: 1.25,
-          children: [
-            /* @__PURE__ */ n(
-              H,
-              {
-                disabled: !i.hasChanged,
-                form: "columns-visibility",
-                id: "columns-modal-cancel",
-                justify: "center",
-                onClick: i.resetToDefault,
-                type: "reset",
-                variant: "tertiary",
-                children: "Reset to default"
-              }
-            ),
-            /* @__PURE__ */ n(
-              H,
-              {
-                id: "columns-modal-submit",
-                justify: "center",
-                onClick: i.close,
-                variant: "primary",
-                children: "Save"
-              }
-            )
-          ]
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ n(
+      ge,
+      {
+        "aria-label": i.name,
+        "aria-modal": "true",
+        className: "comp-modal fixed inset-0 overflow-auto",
+        children: /* @__PURE__ */ f(ue, { $size: "md", flexDirection: "column", children: [
+          /* @__PURE__ */ f(
+            x,
+            {
+              display: "flex",
+              justify: "space-between",
+              px: 1.25,
+              py: 1.25,
+              children: [
+                /* @__PURE__ */ n(Y, { size: "sm", children: t }),
+                /* @__PURE__ */ n(
+                  _,
+                  {
+                    icon: "close",
+                    iconColor: r.palette.gray[400],
+                    iconSize: "xs",
+                    iconTransform: "grow-2",
+                    iconType: "fa-light",
+                    id: "modal-close",
+                    onClick: i.close,
+                    px: 0.25,
+                    py: 0.25,
+                    variant: "ghost"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(de, { mb: 0, mt: 0 }),
+          /* @__PURE__ */ f(
+            x,
+            {
+              display: "flex",
+              gap: 1.25,
+              onScroll: d,
+              px: 1.25,
+              ref: o,
+              scroll: "y",
+              width: "100%",
+              children: [
+                /* @__PURE__ */ n(
+                  jr,
+                  {
+                    columns: i.columns,
+                    formId: "columns-visibility",
+                    onChangeHandler: c,
+                    variant: a
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  x,
+                  {
+                    borderLeft: `2px solid ${r.palette.gray[100]}`,
+                    height: l ? `${l}px` : "auto"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  Ir,
+                  {
+                    description: "Click and drag to reorder the columns",
+                    items: i.columns,
+                    onClickClose: p,
+                    onReorder: i.setColumns,
+                    title: "Reorder columns"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(de, { mb: 0, mt: 0 }),
+          /* @__PURE__ */ f(
+            x,
+            {
+              display: "flex",
+              justify: "space-between",
+              px: 1.25,
+              py: 1.25,
+              children: [
+                /* @__PURE__ */ n(
+                  H,
+                  {
+                    disabled: !i.hasChanged,
+                    form: "columns-visibility",
+                    id: "columns-modal-cancel",
+                    justify: "center",
+                    onClick: i.resetToDefault,
+                    type: "reset",
+                    variant: "tertiary",
+                    children: "Reset to default"
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  H,
+                  {
+                    id: "columns-modal-submit",
+                    justify: "center",
+                    onClick: i.close,
+                    variant: "primary",
+                    children: "Save"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    ),
     document.getElementById(e) ?? document.body
   ) : /* @__PURE__ */ n("div", {});
 }, Lr = y(Re)`
@@ -6613,7 +6616,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       );
     case "dateRange":
       return /* @__PURE__ */ n(
-        Na,
+        Ta,
         {
           label: t.label,
           name: String(t.key),
@@ -6754,30 +6757,38 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   U(() => {
     s(e), Ar(e, d);
   }, [e, s, d]);
-  const m = /* @__PURE__ */ n(ge, { $bgColor: "transparent", onClick: $, children: /* @__PURE__ */ f(
-    ue,
+  const m = /* @__PURE__ */ n(
+    ge,
     {
-      $size: "fixed",
-      flexDirection: "column",
-      gap: 1.25,
-      style: { overflow: "hidden" },
-      children: [
-        g && /* @__PURE__ */ n(we, { onChange: u }),
-        /* @__PURE__ */ f("form", { id: i, onSubmit: p(h), children: [
-          /* @__PURE__ */ n(
-            Rr,
-            {
-              control: o,
-              items: l,
-              register: c,
-              setValue: d
-            }
-          ),
-          /* @__PURE__ */ n(H, { mt: 1, type: "submit", children: "Apply" })
-        ] })
-      ]
+      $bgColor: "transparent",
+      className: "comp-modal fixed inset-0 overflow-auto",
+      onClick: $,
+      children: /* @__PURE__ */ f(
+        ue,
+        {
+          $size: "fixed",
+          flexDirection: "column",
+          gap: 1.25,
+          style: { overflow: "hidden" },
+          children: [
+            g && /* @__PURE__ */ n(we, { onChange: u }),
+            /* @__PURE__ */ f("form", { id: i, onSubmit: p(h), children: [
+              /* @__PURE__ */ n(
+                Rr,
+                {
+                  control: o,
+                  items: l,
+                  register: c,
+                  setValue: d
+                }
+              ),
+              /* @__PURE__ */ n(H, { mt: 1, type: "submit", children: "Apply" })
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
   return a ? Q(
     m,
     document.getElementById("portals") ?? document.body
@@ -6804,26 +6815,26 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         ...b.minValue ? [String(b.minValue)] : [],
         ...b.maxValue ? [String(b.maxValue)] : []
       ];
-      p((T) => w.length > 0 ? { ...T, [d]: w } : T);
-      const k = (T) => {
+      p((N) => w.length > 0 ? { ...N, [d]: w } : N);
+      const k = (N) => {
         var E, R;
         return {
-          ...T,
-          options: (E = T.options) == null ? void 0 : E.map((M) => ({
+          ...N,
+          options: (E = N.options) == null ? void 0 : E.map((M) => ({
             ...M,
             checked: b.checkbox.includes(M.value) || b.radio === M.value
           })),
-          value: ["text", "select"].includes(T.type) ? ((R = b.text) == null ? void 0 : R[`${String(T.key)}-${T.filterFn ?? "caseInsensitive"}`]) ?? T.value : T.value,
-          minValue: ["numberRange", "dateRange"].includes(T.type) ? b.minValue : T.minValue,
-          maxValue: ["numberRange", "dateRange"].includes(T.type) ? b.maxValue : T.maxValue
+          value: ["text", "select"].includes(N.type) ? ((R = b.text) == null ? void 0 : R[`${String(N.key)}-${N.filterFn ?? "caseInsensitive"}`]) ?? N.value : N.value,
+          minValue: ["numberRange", "dateRange"].includes(N.type) ? b.minValue : N.minValue,
+          maxValue: ["numberRange", "dateRange"].includes(N.type) ? b.maxValue : N.maxValue
         };
-      }, z = (T) => T.label === d ? {
-        ...T,
-        filterOptions: T.filterOptions.map(k)
-      } : T, S = r.map(z);
-      o((T) => T.map(z));
+      }, z = (N) => N.label === d ? {
+        ...N,
+        filterOptions: N.filterOptions.map(k)
+      } : N, S = r.map(z);
+      o((N) => N.map(z));
       const D = S.flatMap(
-        ({ filterOptions: T }) => T
+        ({ filterOptions: N }) => N
       );
       i(D), s([]);
     },
@@ -6858,13 +6869,13 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           R,
           M,
           E
-        ]).filter(Boolean), D = z.flatMap(({ options: E }) => E ?? []).filter(({ checked: E = !1 }) => E).map(({ value: E }) => E), T = [
+        ]).filter(Boolean), D = z.flatMap(({ options: E }) => E ?? []).filter(({ checked: E = !1 }) => E).map(({ value: E }) => E), N = [
           ...S,
           ...D
         ];
-        return T.length === 0 ? w : {
+        return N.length === 0 ? w : {
           ...w,
-          [k]: T
+          [k]: N
         };
       },
       {}
@@ -6940,11 +6951,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ge,
       {
         $bgColor: "transparent",
-        $inset: "unset",
-        $position: "absolute",
-        $top: "55px",
         "aria-label": a.name,
         "aria-modal": "true",
+        className: "comp-modal absolute top-[55px] overflow-auto",
         children: /* @__PURE__ */ f(
           ue,
           {
@@ -7004,6 +7013,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         $bgColor: "transparent",
         "aria-label": o.name,
         "aria-modal": "true",
+        className: "comp-modal fixed inset-0 overflow-auto",
         children: /* @__PURE__ */ f(
           ue,
           {
@@ -7355,6 +7365,7 @@ const he = ({
     {
       "aria-label": s.name,
       "aria-modal": "true",
+      className: "comp-modal fixed inset-0 overflow-auto",
       id: "modal-wrapper",
       children: /* @__PURE__ */ f(
         ue,
@@ -8506,7 +8517,7 @@ const he = ({
   I,
   {
     icon: e,
-    iconColor: N.palette.white,
+    iconColor: T.palette.white,
     iconSize: "xs",
     iconTransform: "shrink-2",
     iconType: "fa-light"
@@ -8987,7 +8998,7 @@ const he = ({
       }
     )
   ] });
-}, To = y.div`
+}, No = y.div`
   display: flex;
   height: 80px;
   max-width: 1440px;
@@ -9017,7 +9028,7 @@ const he = ({
     );
     right: 0;
   }
-`, No = y.div`
+`, To = y.div`
   display: flex;
   gap: 40px;
   animation: clients-animation 50s linear infinite;
@@ -9051,9 +9062,9 @@ const he = ({
 ], hs = ({
   fusion: e = !1,
   logos: t = Fo
-}) => /* @__PURE__ */ f(To, { children: [
+}) => /* @__PURE__ */ f(No, { children: [
   e && /* @__PURE__ */ n(kt, { className: "left" }),
-  /* @__PURE__ */ n(No, { children: [...t, ...t].map(
+  /* @__PURE__ */ n(To, { children: [...t, ...t].map(
     (i, a) => /* @__PURE__ */ n(
       re,
       {
@@ -9133,11 +9144,11 @@ const he = ({
   padding: 0;
 
   &:hover p {
-    color: ${N.palette.primary[200]};
+    color: ${T.palette.primary[200]};
   }
 
   &:hover span {
-    color: ${N.palette.primary[200]};
+    color: ${T.palette.primary[200]};
   }
 `, $s = ({
   message: e,
@@ -9537,7 +9548,7 @@ const he = ({
   x,
   {
     alignItems: "center",
-    bgColor: N.palette.primary[25],
+    bgColor: T.palette.primary[25],
     borderRadius: "8px",
     gap: 0.5,
     justify: "center",
@@ -9546,7 +9557,7 @@ const he = ({
     children: /* @__PURE__ */ n(
       C,
       {
-        bgGradient: N.palette.gradients["01"],
+        bgGradient: T.palette.gradients["01"],
         fontWeight: "semibold",
         size: "xs",
         textFill: "transparent",
@@ -9662,7 +9673,7 @@ const Oo = {
           /* @__PURE__ */ n(
             Y,
             {
-              color: N.palette.gray[900],
+              color: T.palette.gray[900],
               fontWeight: "semibold",
               size: "sm",
               sizeSm: "xs",
@@ -9672,7 +9683,7 @@ const Oo = {
           /* @__PURE__ */ n(
             C,
             {
-              color: N.palette.gray[400],
+              color: T.palette.gray[400],
               fontWeight: "semibold",
               pb: i === "essential" ? 1.25 : 0,
               size: "sm",
@@ -10142,29 +10153,29 @@ const Oo = {
   ) }) : null;
 }, Xo = {
   critical: {
-    bgColor: N.palette.primary[700],
-    colorL: N.palette.gray[800],
-    colorR: N.palette.white
+    bgColor: T.palette.primary[700],
+    colorL: T.palette.gray[800],
+    colorR: T.palette.white
   },
   disable: {
-    bgColor: N.palette.gray[200],
-    colorL: N.palette.gray[400],
-    colorR: N.palette.gray[400]
+    bgColor: T.palette.gray[200],
+    colorL: T.palette.gray[400],
+    colorR: T.palette.gray[400]
   },
   high: {
-    bgColor: N.palette.error[500],
-    colorL: N.palette.gray[800],
-    colorR: N.palette.white
+    bgColor: T.palette.error[500],
+    colorL: T.palette.gray[800],
+    colorR: T.palette.white
   },
   low: {
-    bgColor: N.palette.warning[200],
-    colorL: N.palette.gray[800],
-    colorR: N.palette.gray[800]
+    bgColor: T.palette.warning[200],
+    colorL: T.palette.gray[800],
+    colorR: T.palette.gray[800]
   },
   medium: {
-    bgColor: N.palette.warning[500],
-    colorL: N.palette.gray[800],
-    colorR: N.palette.gray[800]
+    bgColor: T.palette.warning[500],
+    colorL: T.palette.gray[800],
+    colorR: T.palette.gray[800]
   }
 }, Is = ({
   textL: e,
@@ -10205,20 +10216,20 @@ const Oo = {
   ] });
 }, Jo = (e, t) => {
   const i = {
-    critical: N.palette.primary[700],
-    high: N.palette.error[500],
-    low: N.palette.warning[200],
-    medium: N.palette.warning[500],
-    none: N.palette.gray[200]
+    critical: T.palette.primary[700],
+    high: T.palette.error[500],
+    low: T.palette.warning[200],
+    medium: T.palette.warning[500],
+    none: T.palette.gray[200]
   }, a = {
-    disabled: N.palette.gray[400],
-    enabled: N.palette.gray[800]
+    disabled: T.palette.gray[400],
+    enabled: T.palette.gray[800]
   }, r = {
-    critical: N.palette.white,
-    high: N.palette.white,
-    low: N.palette.gray[800],
-    medium: N.palette.gray[800],
-    none: N.palette.gray[400]
+    critical: T.palette.white,
+    high: T.palette.white,
+    low: T.palette.gray[800],
+    medium: T.palette.gray[800],
+    none: T.palette.gray[400]
   };
   return {
     iconColor: t < 1 ? i.none : i[e],
@@ -10260,7 +10271,7 @@ const Oo = {
       ]
     }
   );
-}, Ts = ({
+}, Ns = ({
   critical: e,
   high: t,
   medium: i,
@@ -10288,7 +10299,7 @@ const Oo = {
       display: block;
     }
   `}
-`, Ns = ({
+`, Ts = ({
   visibleElement: e,
   hiddenElement: t
 }) => /* @__PURE__ */ f(Zo, { children: [
@@ -11307,7 +11318,7 @@ const Oo = {
 ] }) });
 export {
   Wl as $,
-  Nl as A,
+  Tl as A,
   je as B,
   Me as C,
   Il as D,
@@ -11330,7 +11341,7 @@ export {
   ca as U,
   _t as V,
   za as W,
-  Na as X,
+  Ta as X,
   Ll as Y,
   Rl as Z,
   Aa as _,
@@ -11350,8 +11361,8 @@ export {
   zs as aB,
   we as aC,
   Is as aD,
-  Ts as aE,
-  Ns as aF,
+  Ns as aE,
+  Ts as aF,
   Fs as aG,
   Ds as aH,
   js as aI,
@@ -11453,12 +11464,12 @@ export {
   Ur as by,
   xt as bz,
   Vt as c,
-  Ne as d,
+  Te as d,
   Se as e,
   Fe as f,
   ze as g,
   xn as h,
-  Te as i,
+  Ne as i,
   Ie as j,
   De as k,
   Fl as l,
@@ -11473,7 +11484,7 @@ export {
   Ke as u,
   ie as v,
   Ul as w,
-  Tl as x,
-  N as y,
+  Nl as x,
+  T as y,
   zl as z
 };