@fluidattacks/design 3.25.16-pr.1 → 3.25.16-pr.2

package/dist/{components-BMslvlLD.mjs → components-h4-OteWw.mjs}

@@ -338,7 +338,7 @@ const oe = (e) => ({
   ), g = P(
     "gap",
     e.gap === void 0 ? void 0 : A.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), k = P("justify-self", e.justifySelf), w = P("align-items", e.alignItems), S = P("align-self", e.alignSelf), C = P("flex-wrap", e.wrap);
+  ), 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), w = P("align-items", e.alignItems), S = P("align-self", e.alignSelf), k = P("flex-wrap", e.wrap);
   return `
     ${t}
     ${n}
@@ -356,10 +356,10 @@ const oe = (e) => ({
     ${y}
     ${m}
     ${$}
-    ${k}
+    ${C}
     ${w}
     ${S}
-    ${C}
+    ${k}
   `;
 }, Oe = (e) => {
   const t = P("color", e.color), n = P("font-family", e.fontFamily), a = P("font-size", e.fontSize), r = P("font-weight", e.fontWeight), o = 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);
@@ -605,7 +605,7 @@ const oe = (e) => ({
   sizeSm: y,
   textFill: m,
   whiteSpace: $,
-  wordBreak: k,
+  wordBreak: C,
   ...w
 }, S) {
   return /* @__PURE__ */ i(
@@ -625,7 +625,7 @@ const oe = (e) => ({
       $sizeSm: y,
       $textFill: m,
       $whiteSpace: $,
-      $wordBreak: k,
+      $wordBreak: C,
       className: a,
       ref: S,
       ...w,
@@ -683,10 +683,10 @@ const oe = (e) => ({
   sizeSm: y,
   textFill: m,
   whiteSpace: $,
-  wordBreak: k,
+  wordBreak: C,
   fontStyle: w,
   ...S
-}, C) {
+}, k) {
   return /* @__PURE__ */ i(
     an,
     {
@@ -705,9 +705,9 @@ const oe = (e) => ({
       $sizeSm: y,
       $textFill: m,
       $whiteSpace: $,
-      $wordBreak: k,
+      $wordBreak: C,
       className: a,
-      ref: C,
+      ref: k,
       ...S,
       children: n
     }
@@ -1155,7 +1155,7 @@ const E = Z(function({
   hide: h = g === "" && u === "" && d === void 0,
   width: y
 }) => {
-  const m = F(), [$, k] = j(!1), { refs: w, floatingStyles: S, context: C } = _t({
+  const m = F(), [$, C] = j(!1), { refs: w, floatingStyles: S, context: k } = _t({
     middleware: [
       Hn({
         fallbackAxisSideDirection: "start"
@@ -1163,14 +1163,14 @@ const E = Z(function({
       it({ mainAxis: 10 }),
       Wn()
     ],
-    onOpenChange: k,
+    onOpenChange: C,
     open: $,
     placement: p,
     whileElementsMounted: nt
-  }), I = An(C, {
+  }), I = An(k, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), R = Ln(C), T = Pn(C, { role: r ? "label" : "tooltip" }), { getReferenceProps: z, getFloatingProps: O } = On([
+  }), R = Ln(k), T = Pn(k, { role: r ? "label" : "tooltip" }), { getReferenceProps: z, getFloatingProps: O } = On([
     I,
     R,
     T
@@ -1255,13 +1255,13 @@ const E = Z(function({
   tooltip: y,
   tooltipPlace: m,
   value: $,
-  variant: k = "primary",
+  variant: C = "primary",
   ...w
 }, S) {
-  const C = /* @__PURE__ */ i(
+  const k = /* @__PURE__ */ i(
     $a,
     {
-      $variant: k,
+      $variant: C,
       "aria-disabled": n,
       "aria-label": c,
       borderRadius: t,
@@ -1287,8 +1287,8 @@ const E = Z(function({
         }
       )
     }
-  ), R = (h + (k ?? "") + (c ?? a)).replace(/ /u, "_");
-  return y === void 0 ? C : /* @__PURE__ */ i(ee, { id: `${R}-tooltip`, place: m, tip: y, children: C });
+  ), R = (h + (C ?? "") + (c ?? a)).replace(/ /u, "_");
+  return y === void 0 ? k : /* @__PURE__ */ i(ee, { id: `${R}-tooltip`, place: m, tip: y, children: k });
 }), Cs = Z(function({
   autoHide: t = !1,
   children: n,
@@ -1717,10 +1717,10 @@ const E = Z(function({
   type: y = "button",
   tooltip: m,
   tooltipPlace: $ = "bottom",
-  underline: k = !1,
+  underline: C = !1,
   value: w,
   variant: S = "primary",
-  width: C,
+  width: k,
   ...I
 }, R) {
   const T = m !== void 0, z = `${s}-tooltip`, O = v(() => {
@@ -1731,7 +1731,7 @@ const E = Z(function({
       $size: r,
       $variant: S,
       "aria-disabled": n,
-      className: k ? "underline" : void 0,
+      className: C ? "underline" : void 0,
       disabled: n,
       id: s,
       name: p,
@@ -1739,7 +1739,7 @@ const E = Z(function({
       ref: R,
       type: y,
       value: w,
-      width: C,
+      width: k,
       ...T ? { "data-tooltip-id": z } : {},
       ...I,
       children: [
@@ -1772,7 +1772,7 @@ const E = Z(function({
       id: z,
       place: $,
       tip: m,
-      width: C,
+      width: k,
       children: D
     }
   ) : D;
@@ -1995,7 +1995,7 @@ const E = Z(function({
 }) => {
   const h = F(), [y, m] = j(!1), $ = v(() => {
     m(!0);
-  }, []), k = v(() => {
+  }, []), C = v(() => {
     m(!1);
   }, []);
   return /* @__PURE__ */ f(
@@ -2009,7 +2009,7 @@ const E = Z(function({
       flexDirection: "column",
       gap: 1,
       onHover: $,
-      onLeave: k,
+      onLeave: C,
       padding: [0.5, 0.5, 0.5, 0.5],
       width: "100%",
       children: [
@@ -2634,7 +2634,7 @@ const E = Z(function({
     { key: e.key },
     s,
     d
-  ), k = [
+  ), C = [
     y ? "selected" : "",
     m ? "focused" : "",
     $ ? "disabled" : ""
@@ -2648,7 +2648,7 @@ const E = Z(function({
     Un(u, H) && !Array.from(g).includes("All") ? (o == null || o("checkAll", "All vulnerability types"), r("All vulnerability types")) : (o == null || o("checkAll", ""), r(
       (H == null ? void 0 : H.length) <= 2 ? H.join(", ") : `${H.slice(0, 2).join(", ") + `, +${H.length - 2} more`}`
     ));
-  }, [g, u, n, r, o, l]), C = e.key === "All" ? /* @__PURE__ */ i(
+  }, [g, u, n, r, o, l]), k = e.key === "All" ? /* @__PURE__ */ i(
     fe,
     {
       ...a == null ? void 0 : a("checkAll", { onChange: w }),
@@ -2664,7 +2664,7 @@ const E = Z(function({
       name: `${n}Options`,
       value: e.key.toString()
     }
-  ), I = t && !$ ? C : /* @__PURE__ */ i(
+  ), I = t && !$ ? k : /* @__PURE__ */ i(
     N,
     {
       color: c.palette.gray[800],
@@ -2694,7 +2694,7 @@ const E = Z(function({
     {
       ...!t && !p ? h : {},
       $multiSelection: t,
-      className: k,
+      className: C,
       ref: d,
       children: [
         p ? /* @__PURE__ */ i(se, { href: p, onClick: R, children: I }) : I,
@@ -2721,10 +2721,10 @@ const E = Z(function({
   placeholder: y,
   register: m,
   required: $,
-  setValue: k,
+  setValue: C,
   tooltip: w,
   value: S,
-  watch: C,
+  watch: k,
   weight: I
 }) => {
   var ht;
@@ -2909,9 +2909,9 @@ const E = Z(function({
                     name: d,
                     register: m,
                     setInputValue: D,
-                    setValue: k,
+                    setValue: C,
                     state: te,
-                    watch: C
+                    watch: k
                   },
                   W.key
                 ))
@@ -2940,10 +2940,10 @@ const E = Z(function({
   placeholder: y,
   register: m,
   required: $,
-  setValue: k,
+  setValue: C,
   tooltip: w,
   value: S,
-  watch: C,
+  watch: k,
   weight: I
 }) => e ? /* @__PURE__ */ i(
   at,
@@ -2972,10 +2972,10 @@ const E = Z(function({
           placeholder: y,
           register: m,
           required: $,
-          setValue: k,
+          setValue: C,
           tooltip: w,
           value: S,
-          watch: C,
+          watch: k,
           weight: I
         }
       );
@@ -3576,7 +3576,7 @@ const E = Z(function({
       m(T);
     },
     ...!L.isNil(y) && !L.isEmpty(y) && ne(y).isValid() ? { defaultValue: li(y.replace(/\//gu, "-")) } : {}
-  }), { close: k } = $, { groupProps: w, fieldProps: S, buttonProps: C, dialogProps: I, calendarProps: R } = qt(
+  }), { close: C } = $, { groupProps: w, fieldProps: S, buttonProps: k, dialogProps: I, calendarProps: R } = qt(
     { ...u, "aria-label": s ?? l, name: l },
     $,
     h
@@ -3596,7 +3596,7 @@ const E = Z(function({
         /* @__PURE__ */ i(
           De,
           {
-            buttonProps: C,
+            buttonProps: k,
             datePickerRef: h,
             disabled: e,
             error: t,
@@ -3616,7 +3616,7 @@ const E = Z(function({
             placement: "bottom start",
             state: $,
             triggerRef: h,
-            children: /* @__PURE__ */ i(dt, { ...I, children: /* @__PURE__ */ i(_a, { onClose: k, props: R }) })
+            children: /* @__PURE__ */ i(dt, { ...I, children: /* @__PURE__ */ i(_a, { onClose: C, props: R }) })
           }
         ) : null
       ]
@@ -3687,10 +3687,10 @@ const E = Z(function({
     onChange(z) {
       m(z);
     }
-  }), { close: k } = $, {
+  }), { close: C } = $, {
     groupProps: w,
     startFieldProps: S,
-    endFieldProps: C,
+    endFieldProps: k,
     buttonProps: I,
     dialogProps: R,
     calendarProps: T
@@ -3728,7 +3728,7 @@ const E = Z(function({
                   fieldProps: {
                     ...S,
                     "aria-label": `${S["aria-label"]} ${a}`,
-                    validate: (z) => C.value && z > C.value ? "Start date must be less than or equal to end date" : null
+                    validate: (z) => k.value && z > k.value ? "Start date must be less than or equal to end date" : null
                   },
                   groupProps: w,
                   name: (d == null ? void 0 : d.name) ?? h,
@@ -3745,8 +3745,8 @@ const E = Z(function({
                   disabled: e,
                   error: t,
                   fieldProps: {
-                    ...C,
-                    "aria-label": `${C["aria-label"]} ${a}`,
+                    ...k,
+                    "aria-label": `${k["aria-label"]} ${a}`,
                     validate: (z) => S.value && z < S.value ? "End date must be greater than or equal to start date" : null
                   },
                   groupProps: w,
@@ -3766,7 +3766,7 @@ const E = Z(function({
             placement: "bottom start",
             state: $,
             triggerRef: y,
-            children: /* @__PURE__ */ i(dt, { ...R, children: /* @__PURE__ */ i(qa, { onClose: k, props: T }) })
+            children: /* @__PURE__ */ i(dt, { ...R, children: /* @__PURE__ */ i(qa, { onClose: C, props: T }) })
           }
         ) : null
       ]
@@ -3840,7 +3840,7 @@ const E = Z(function({
     value: L.isNil(p) || L.isEmpty(p) || p === "-" || ne(p, "YYYY/MM/DD hh:mm A").isValid() === !1 ? null : gi(
       ne(p, "YYYY/MM/DD hh:mm A").format("YYYY-MM-DDTHH:mm:ss")
     )
-  }), { close: h } = u, { groupProps: y, fieldProps: m, buttonProps: $, dialogProps: k, calendarProps: w } = qt(e, u, g), S = v(
+  }), { close: h } = u, { groupProps: y, fieldProps: m, buttonProps: $, dialogProps: C, calendarProps: w } = qt(e, u, g), S = v(
     (I) => {
       if (w.onChange && w.onChange(I), u.timeValue) {
         const R = Nt(
@@ -3852,7 +3852,7 @@ const E = Z(function({
         u.setDateValue(I);
     },
     [w, o, c, u]
-  ), C = v(
+  ), k = v(
     (I) => {
       if (I) {
         u.setTimeValue(I);
@@ -3897,10 +3897,10 @@ const E = Z(function({
             placement: "bottom start",
             state: u,
             triggerRef: g,
-            children: /* @__PURE__ */ i(dt, { ...k, children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i(dt, { ...C, children: /* @__PURE__ */ i(
               nr,
               {
-                handleTimeChange: C,
+                handleTimeChange: k,
                 onClose: h,
                 props: { ...w, onChange: S },
                 timeState: u
@@ -3945,10 +3945,10 @@ const E = Z(function({
   onPaste: y,
   placeholder: m,
   removeItemArray: $,
-  register: k,
+  register: C,
   suggestions: w,
   tooltip: S,
-  type: C = "text",
+  type: k = "text",
   weight: I,
   ...R
 }) => {
@@ -4001,8 +4001,8 @@ const E = Z(function({
                   onKeyDown: X,
                   onPaste: y,
                   placeholder: m,
-                  type: C,
-                  ...k ? k(u, { required: T, onBlur: z, onChange: ge }) : { ...R, onChange: ge }
+                  type: k,
+                  ...C ? C(u, { required: T, onBlur: z, onChange: ge }) : { ...R, onChange: ge }
                 }
               ),
               H ? /* @__PURE__ */ i(
@@ -4170,11 +4170,11 @@ const E = Z(function({
   value: $
 }) => {
   var S;
-  const k = v(() => {
+  const C = v(() => {
     t == null || t(o);
   }, [t, o]), w = v(
-    (C) => () => {
-      m == null || m(C);
+    (k) => () => {
+      m == null || m(k);
     },
     [m]
   );
@@ -4204,7 +4204,7 @@ const E = Z(function({
       {
         disabled: n,
         icon: "plus",
-        onClick: k,
+        onClick: C,
         variant: "ghost",
         width: "100%",
         children: e ?? "Add"
@@ -4231,13 +4231,13 @@ const E = Z(function({
   {
     control: n,
     name: `${d}.${m}`,
-    render: ({ field: $, fieldState: k }) => /* @__PURE__ */ i(
+    render: ({ field: $, fieldState: C }) => /* @__PURE__ */ i(
       Ft,
       {
         addText: e,
         append: t,
         disabled: a,
-        fieldState: k,
+        fieldState: C,
         fields: r,
         index: m,
         initValue: o,
@@ -4307,7 +4307,7 @@ const E = Z(function({
   watch: y,
   weight: m
 }) => {
-  const $ = F(), k = t ? void 0 : n, w = B(null), S = g == null ? void 0 : g(c, { required: p }), C = y == null ? void 0 : y(c), I = cr(C), R = v(() => {
+  const $ = F(), C = t ? void 0 : n, w = B(null), S = g == null ? void 0 : g(c, { required: p }), k = y == null ? void 0 : y(c), I = cr(k), R = v(() => {
     const O = we("change", c, void 0);
     u && u(c, void 0), S && S.onChange(O);
   }, [S, c, u]), T = v(
@@ -4331,7 +4331,7 @@ const E = Z(function({
   return /* @__PURE__ */ f(
     Q,
     {
-      error: k,
+      error: C,
       helpLink: r,
       helpText: o,
       htmlFor: s ?? c,
@@ -4343,7 +4343,7 @@ const E = Z(function({
         /* @__PURE__ */ f(
           ce,
           {
-            className: `${t ? "disabled" : ""} ${k ? "error" : ""}`,
+            className: `${t ? "disabled" : ""} ${C ? "error" : ""}`,
             children: [
               /* @__PURE__ */ i(lr, { $size: "xs", children: I }),
               /* @__PURE__ */ f(b, { alignItems: "center", display: "flex", gap: 0.625, children: [
@@ -4360,7 +4360,7 @@ const E = Z(function({
                     width: "20px"
                   }
                 ),
-                k && /* @__PURE__ */ i(
+                C && /* @__PURE__ */ i(
                   E,
                   {
                     icon: "exclamation-circle",
@@ -4431,7 +4431,7 @@ const E = Z(function({
   value: h,
   weight: y
 }) => {
-  const m = F(), $ = e ? void 0 : t, [k, w] = j(""), S = c ? h : n == null ? void 0 : n.value, C = K(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), I = v(
+  const m = F(), $ = e ? void 0 : t, [C, w] = j(""), S = c ? h : n == null ? void 0 : n.value, k = K(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), I = v(
     (D) => {
       const ie = [...new Set(D.filter(Boolean))].join(","), re = we("change", l, ie);
       n && n.onChange(re), c && c(re);
@@ -4444,21 +4444,21 @@ const E = Z(function({
     []
   ), T = v(
     (D) => {
-      const H = k.trim();
-      H.length && !C.includes(H) && (D.preventDefault(), I([...C, H]), w("")), n && n.onBlur();
+      const H = C.trim();
+      H.length && !k.includes(H) && (D.preventDefault(), I([...k, H]), w("")), n && n.onBlur();
     },
-    [k, n, I, C]
+    [C, n, I, k]
   ), z = v(
     (D) => {
-      const H = k.trim();
-      D.key === "Enter" && H.length === 0 && D.preventDefault(), ["Enter", ","].includes(D.key) && H.length > 0 && !C.includes(H) ? (D.preventDefault(), I([...C, H]), w("")) : D.key === "Backspace" && !H.length && C.length && (D.preventDefault(), d == null || d(C[C.length - 1]), I(C.slice(0, -1)));
+      const H = C.trim();
+      D.key === "Enter" && H.length === 0 && D.preventDefault(), ["Enter", ","].includes(D.key) && H.length > 0 && !k.includes(H) ? (D.preventDefault(), I([...k, H]), w("")) : D.key === "Backspace" && !H.length && k.length && (D.preventDefault(), d == null || d(k[k.length - 1]), I(k.slice(0, -1)));
     },
-    [k, d, I, C]
+    [C, d, I, k]
   ), O = v(
     (D) => () => {
-      d == null || d(D), I(C.filter((H) => H !== D));
+      d == null || d(D), I(k.filter((H) => H !== D));
     },
-    [d, I, C]
+    [d, I, k]
   );
   return /* @__PURE__ */ i(
     Q,
@@ -4478,7 +4478,7 @@ const E = Z(function({
           $overflowX: "auto",
           className: `${e ? "disabled" : ""} ${$ ? "error" : ""}`,
           children: [
-            C.map((D) => /* @__PURE__ */ i(
+            k.map((D) => /* @__PURE__ */ i(
               ae,
               {
                 disabled: e,
@@ -4499,10 +4499,10 @@ const E = Z(function({
                 onBlur: T,
                 onChange: R,
                 onKeyDown: z,
-                placeholder: C.length === 0 ? p : void 0,
+                placeholder: k.length === 0 ? p : void 0,
                 ref: n == null ? void 0 : n.ref,
                 type: "text",
-                value: k
+                value: C
               }
             ),
             $ ? /* @__PURE__ */ i(
@@ -4617,22 +4617,22 @@ const E = Z(function({
   setValue: u,
   value: h
 }) => {
-  const y = F(), m = n ? void 0 : e, $ = t < 0 ? 0 : t, [k, w] = j(
+  const y = F(), m = n ? void 0 : e, $ = t < 0 ? 0 : t, [C, w] = j(
     h ? L.toNumber(h) : 0
   ), S = v(() => {
-    const T = (k - 10 ** -$).toFixed($), z = Math.max(Number(s), Number(T));
+    const T = (C - 10 ** -$).toFixed($), z = Math.max(Number(s), Number(T));
     u && u(l, z, { shouldDirty: !0 }), w(z);
     const O = we("change", l, T);
     c && c(O);
-  }, [k, $, s, u, l, c]), C = v(() => {
-    const T = (k + 10 ** -$).toFixed($), z = Math.min(
+  }, [C, $, s, u, l, c]), k = v(() => {
+    const T = (C + 10 ** -$).toFixed($), z = Math.min(
       Number(o),
       Number(T) > Number(s) ? Number(T) : Number(s)
     );
     u && u(l, z, { shouldDirty: !0 }), w(z);
     const O = we("change", l, T);
     c && c(O);
-  }, [k, $, o, s, u, l, c]), I = v(
+  }, [C, $, o, s, u, l, c]), I = v(
     (T) => {
       const { value: z } = T.target, O = /\d+/u.test(z) && !L.isEmpty(z);
       u && u(l, O ? z : void 0), c && c(T), w(Number(z));
@@ -4667,7 +4667,7 @@ const E = Z(function({
             required: g,
             step: 10 ** -$,
             type: "number",
-            value: k,
+            value: C,
             ...p == null ? void 0 : p(l, {
               maxLength: r,
               max: o,
@@ -4706,7 +4706,7 @@ const E = Z(function({
             borderRadius: `0 ${y.spacing[0.5]} ${y.spacing[0.5]} 0`,
             disabled: n,
             icon: "plus",
-            onClick: C,
+            onClick: k,
             px: 0.75,
             py: 0.75
           }
@@ -4732,10 +4732,10 @@ const E = Z(function({
   register: y,
   required: m,
   setValue: $,
-  tooltip: k,
+  tooltip: C,
   value: w,
   watch: S,
-  weight: C
+  weight: k
 }) => /* @__PURE__ */ i(
   Q,
   {
@@ -4747,8 +4747,8 @@ const E = Z(function({
     linkPosition: l,
     maxLength: c,
     required: m,
-    tooltip: k,
-    weight: C,
+    tooltip: C,
+    weight: k,
     children: /* @__PURE__ */ i(
       Qe,
       {
@@ -4927,7 +4927,7 @@ const E = Z(function({
   watch: d,
   weight: p
 }) => {
-  const g = F(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [m, $] = j(!1), [k, w] = j(""), { refs: S, floatingStyles: C } = rt({
+  const g = F(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [m, $] = j(!1), [C, w] = j(""), { refs: S, floatingStyles: k } = rt({
     placement: "bottom-start",
     whileElementsMounted: nt
   }), { inputRef: I, inputValue: R, handlePhoneValueChange: T, country: z, setCountry: O } = hi({
@@ -4957,7 +4957,7 @@ const E = Z(function({
     []
   ), ge = $t.filter((G) => {
     const { name: X } = bt(G);
-    return X.toLowerCase().includes(k.toLowerCase());
+    return X.toLowerCase().includes(C.toLowerCase());
   });
   return de(
     S.floating.current,
@@ -5045,7 +5045,7 @@ const E = Z(function({
               }
             ),
             m && $e(
-              /* @__PURE__ */ i(fr, { ref: S.setFloating, style: C, children: ge.map((G) => {
+              /* @__PURE__ */ i(fr, { ref: S.setFloating, style: k, children: ge.map((G) => {
                 const { dialCode: X, iso2: Y, name: be } = bt(G);
                 return /* @__PURE__ */ f(
                   yr,
@@ -5095,11 +5095,11 @@ const E = Z(function({
   required: y,
   rows: m,
   tooltip: $,
-  watch: k,
+  watch: C,
   weight: w,
   value: S
 }) => {
-  const C = F(), I = (k == null ? void 0 : k(l)) ?? S, R = o && r && !e, T = e ? void 0 : t;
+  const k = F(), I = (C == null ? void 0 : C(l)) ?? S, R = o && r && !e, T = e ? void 0 : t;
   return /* @__PURE__ */ i(
     Q,
     {
@@ -5143,7 +5143,7 @@ const E = Z(function({
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
-                iconColor: C.palette.error[500],
+                iconColor: k.palette.error[500],
                 iconSize: "xs"
               }
             ) : void 0,
@@ -5152,7 +5152,7 @@ const E = Z(function({
               {
                 icon: "check-circle",
                 iconClass: "success-icon",
-                iconColor: C.palette.success[500],
+                iconColor: k.palette.success[500],
                 iconSize: "xs"
               }
             ) : void 0
@@ -5179,10 +5179,10 @@ const E = Z(function({
   title: y,
   value: m,
   isTouched: $,
-  isValid: k,
+  isValid: C,
   error: w,
   onChange: S,
-  register: C,
+  register: k,
   setValue: I,
   watch: R
 }) => {
@@ -5194,10 +5194,10 @@ const E = Z(function({
           disabled: n,
           error: w,
           isTouched: $,
-          isValid: k,
+          isValid: C,
           name: p,
           placeholder: g,
-          register: C
+          register: k
         }
       );
     if (s === "date")
@@ -5207,7 +5207,7 @@ const E = Z(function({
           disabled: n,
           error: w,
           name: p,
-          register: C,
+          register: k,
           setValue: I,
           watch: R
         }
@@ -5236,7 +5236,7 @@ const E = Z(function({
         name: p,
         onChange: S,
         placeholder: g,
-        register: C,
+        register: k,
         setValue: I,
         value: m,
         watch: R
@@ -5249,12 +5249,12 @@ const E = Z(function({
     l,
     s,
     $,
-    k,
+    C,
     r,
     p,
     S,
     g,
-    C,
+    k,
     I,
     m,
     R
@@ -5345,7 +5345,7 @@ const E = Z(function({
       const u = g.filter(({ locked: $ }) => !$), y = [...g.filter(({ locked: $ }) => $), ...u], m = y.map(({ name: $ }) => $);
       l(($) => [
         ...y,
-        ...$.filter(({ name: k }) => !m.includes(k))
+        ...$.filter(({ name: C }) => !m.includes(C))
       ]), a && a(y.map(({ id: $ }) => $));
     },
     [a]
@@ -6907,7 +6907,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       g(S.target.value), a == null || a(S);
     },
     [a]
-  ), k = v(() => {
+  ), C = v(() => {
     g(""), n == null || n();
   }, [n]);
   de(
@@ -6947,7 +6947,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
         iconColor: l.palette.gray[300],
         iconSize: "xs",
         iconType: "fa-light",
-        onClick: k,
+        onClick: C,
         px: 0.25,
         py: 0.25,
         type: "reset",
@@ -7545,10 +7545,10 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
     []
   ), [g, u] = j({}), [h, y] = j(""), m = v(
     (w) => () => {
-      const S = l.find((I) => I.label === w), C = !(S != null && S.filterOptions.some(
+      const S = l.find((I) => I.label === w), k = !(S != null && S.filterOptions.some(
         (I) => I.type === "dateRange" || I.type === "select"
       ));
-      o == null || o(C ?? !0), y(w), p((S == null ? void 0 : S.filterOptions) ?? []);
+      o == null || o(k ?? !0), y(w), p((S == null ? void 0 : S.filterOptions) ?? []);
     },
     [l, o]
   ), $ = v(
@@ -7561,7 +7561,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
         ...w.maxValue ? [String(w.maxValue)] : []
       ];
       u((z) => S.length > 0 ? { ...z, [h]: S } : z);
-      const C = (z) => {
+      const k = (z) => {
         var O, D;
         return {
           ...z,
@@ -7575,7 +7575,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
         };
       }, I = (z) => z.label === h ? {
         ...z,
-        filterOptions: z.filterOptions.map(C)
+        filterOptions: z.filterOptions.map(k)
       } : z, R = l.map(I);
       c((z) => z.map(I));
       const T = R.flatMap(
@@ -7584,30 +7584,30 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       n(T), p([]);
     },
     [l, n, h]
-  ), k = v(
+  ), C = v(
     (w, S) => {
-      const C = `li-filter-option-${w}`;
+      const k = `li-filter-option-${w}`;
       return /* @__PURE__ */ f(
         $o,
         {
           icon: S,
           onClick: m(w),
           style: { minWidth: "180px", writingMode: "horizontal-tb" },
-          value: C,
+          value: k,
           width: "100%",
           children: [
             w,
             g[w] === void 0 ? void 0 : /* @__PURE__ */ i(ae, { tagLabel: g[w].length.toString() })
           ]
         },
-        C
+        k
       );
     },
     [g, m]
   );
   return U(() => {
     const w = e.reduce(
-      (S, { label: C, filterOptions: I }) => {
+      (S, { label: k, filterOptions: I }) => {
         const R = I.flatMap(({ value: O, minValue: D, maxValue: H }) => [
           D,
           H,
@@ -7618,7 +7618,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
         ];
         return z.length === 0 ? S : {
           ...S,
-          [C]: z
+          [k]: z
         };
       },
       {}
@@ -7645,7 +7645,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
         ([w, S]) => /* @__PURE__ */ f(b, { style: { writingMode: "horizontal-tb" }, children: [
           /* @__PURE__ */ i(N, { color: s.palette.gray[400], mb: 0.25, size: "sm", children: w }),
           S.map(
-            ({ label: C, icon: I = "filter-list" }) => k(C, I)
+            ({ label: k, icon: I = "filter-list" }) => C(k, I)
           )
         ] }, w)
       )
@@ -7668,7 +7668,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
           selectedFilter: h
         }
       ) : e.map(
-        ({ label: w, icon: S = "filter-list" }) => k(w, S)
+        ({ label: w, icon: S = "filter-list" }) => C(w, S)
       )
     }
   );
@@ -7999,30 +7999,30 @@ const ze = ({
   onSearch: l,
   variant: c = "ungrouped"
 }) => {
-  const d = Ve("filters-modal"), [p, g] = j(!1), [u, h] = j([]), y = Lo(u), m = a.map((C) => ({
-    ...C,
-    filterOptions: C.filterOptions.map((I) => u.find(
+  const d = Ve("filters-modal"), [p, g] = j(!1), [u, h] = j([]), y = Lo(u), m = a.map((k) => ({
+    ...k,
+    filterOptions: k.filterOptions.map((I) => u.find(
       (T) => T.key === I.key && T.type === I.type && T.filterFn === I.filterFn
     ) ?? { ...I })
   })), $ = v(
-    (C) => {
-      h([...C]), Ze(C, t);
+    (k) => {
+      h([...k]), Ze(k, t);
     },
     [h, t]
-  ), k = v(() => {
+  ), C = v(() => {
     s && s(), d.isOpen || g(!0), d.toggle();
   }, [d, s]), w = v(
-    (C) => () => {
+    (k) => () => {
       s && s();
       const I = u.map(
-        (R) => R.key === C.key && R.type === C.type && R.filterFn === C.filterFn ? Po(R) : R
+        (R) => R.key === k.key && R.type === k.type && R.filterFn === k.filterFn ? Po(R) : R
       );
       h(I), Ze(I, t);
     },
     [u, s, t]
   );
   return U(() => {
-    const C = a.flatMap((T) => T.filterOptions), I = n();
+    const k = a.flatMap((T) => T.filterOptions), I = n();
     if ((() => {
       if (!I) return !1;
       try {
@@ -8032,10 +8032,10 @@ const ze = ({
         return !1;
       }
     })()) {
-      const T = jo(n, C);
+      const T = jo(n, k);
       h(T);
     } else
-      C.flatMap((z) => z.value).filter(Boolean).length > 0 || C.flatMap((z) => z.options).filter((z) => (z == null ? void 0 : z.checked) === !0).length > 0 ? (h(C), p && Ze(C, t)) : h(C);
+      k.flatMap((z) => z.value).filter(Boolean).length > 0 || k.flatMap((z) => z.options).filter((z) => (z == null ? void 0 : z.checked) === !0).length > 0 ? (h(k), p && Ze(k, t)) : h(k);
   }, [a, h, t, n, p]), U(() => {
     r && e !== void 0 && r(Ao(e, u)), o == null || o(u);
   }, [e, u, r, o]), { Filters: () => /* @__PURE__ */ f(
@@ -8053,7 +8053,7 @@ const ze = ({
           {
             icon: "filter",
             id: "filter-btn",
-            onClick: k,
+            onClick: C,
             tag: y.toString(),
             variant: "ghost"
           }
@@ -8088,17 +8088,14 @@ const ze = ({
   id: h = "modal-container",
   loading: y = !1
 }) => {
-  var R;
-  const m = F(), [$, k] = j(void 0), w = B(null), S = B(!1), C = (R = p == null ? void 0 : p.find((T) => T.isActive)) == null ? void 0 : R.id;
+  const m = F(), [$, C] = j(void 0), w = B(null), S = B(!1), k = Array.isArray(p) && p.length > 0;
   U(() => {
-    if (!y && w.current) {
-      const T = w.current.getBoundingClientRect().height;
-      T > 50 && (k(
-        (z) => z ? Math.max(z, T) : T
-      ), S.current = !0);
-    }
-    l.isOpen || (k(void 0), S.current = !1);
-  }, [y, l.isOpen, C]);
+    if (k && !y && !S.current && w.current) {
+      const R = w.current.getBoundingClientRect().height;
+      R > 50 && (C(R), S.current = !0);
+    }
+    l.isOpen || (C(void 0), S.current = !1);
+  }, [k, y, l.isOpen]);
   const I = /* @__PURE__ */ i(
     fn,
     {
@@ -8112,7 +8109,7 @@ const ze = ({
           "data-testid": h,
           flexDirection: "column",
           id: h,
-          style: $ ? { height: $ } : {},
+          style: k && $ ? { height: $ } : {},
           children: [
             !L.isEmpty(g) && !L.isNil(g) && /* @__PURE__ */ i(
               Ur,
@@ -8134,11 +8131,17 @@ const ze = ({
                 children: /* @__PURE__ */ i($n, { items: p })
               }
             ),
-            /* @__PURE__ */ i(Or, { children: y ? /* @__PURE__ */ i(yn, { size: "md" }) : /* @__PURE__ */ f("div", { ref: w, children: [
-              a,
-              L.isObject(o) && L.isString(o.imageSrc) && /* @__PURE__ */ i(Br, { $framed: o.imageFramed, children: /* @__PURE__ */ i(ue, { alt: "modal-img", publicId: o.imageSrc }) }),
-              L.isObject(o) && L.isString(o.imageText) && /* @__PURE__ */ i(N, { size: "sm", children: o.imageText })
-            ] }) }),
+            /* @__PURE__ */ i(
+              Or,
+              {
+                style: k && $ ? { overflowY: "auto", maxHeight: $ } : {},
+                children: y ? /* @__PURE__ */ i(yn, { size: "md" }) : /* @__PURE__ */ f("div", { ref: k ? w : void 0, children: [
+                  a,
+                  L.isObject(o) && L.isString(o.imageSrc) && /* @__PURE__ */ i(Br, { $framed: o.imageFramed, children: /* @__PURE__ */ i(ue, { alt: "modal-img", publicId: o.imageSrc }) }),
+                  L.isObject(o) && L.isString(o.imageText) && /* @__PURE__ */ i(N, { size: "sm", children: o.imageText })
+                ] })
+              }
+            ),
             /* @__PURE__ */ i(
               Vr,
               {
@@ -8174,18 +8177,18 @@ const ze = ({
       g({ ...n });
     }, []), h = v(($) => () => {
       g(
-        (k) => ({
-          ...k,
-          [$]: { ...k[$], state: !k[$].state }
+        (C) => ({
+          ...C,
+          [$]: { ...C[$], state: !C[$].state }
         })
       );
     }, []), y = !Object.values(p).every(
       ({ state: $ }) => $
     ), m = Object.entries(p).map(
-      ([$, { state: k, label: w }]) => /* @__PURE__ */ i(
+      ([$, { state: C, label: w }]) => /* @__PURE__ */ i(
         fe,
         {
-          defaultChecked: k,
+          defaultChecked: C,
           label: w,
           name: $,
           onChange: h($)
@@ -8491,8 +8494,8 @@ const ze = ({
     mode: c ?? "all",
     resolver: u ? Ii(u) : void 0
   });
-  function $(C) {
-    C.stopPropagation(), m.handleSubmit(d)(C);
+  function $(k) {
+    k.stopPropagation(), m.handleSubmit(d)(k);
   }
   const w = g ? `calc(100% - ${e ? "139px" : "83px"})` : "100%", S = p ? 1.5 : 0;
   return /* @__PURE__ */ i(zi, { ...m, children: /* @__PURE__ */ i(Uo, { onSubmit: $, children: /* @__PURE__ */ f(b, { scroll: "y", width: "100%", children: [
@@ -8664,7 +8667,7 @@ const ze = ({
   const c = F(), [d, p] = j(t), [g, u] = j(""), h = v(
     ($) => {
       p(
-        (k) => k.filter(
+        (C) => C.filter(
           (w) => String(w.name).toLowerCase().includes($.toLocaleLowerCase())
         )
       );
@@ -9259,19 +9262,19 @@ const ze = ({
   ...d
 }, p) {
   const g = n < 0 ? 0 : n, [u, h] = j(Number(a).toFixed(g)), y = v(
-    (k) => {
-      const w = M.toNumber(k.target.value);
-      k.target.value.endsWith(".") ? h(k.target.value) : w >= Number(o) && w <= Number(r) && (h(String(w)), t && l(M.toNumber(w.toFixed(g)))), k.stopPropagation();
+    (C) => {
+      const w = M.toNumber(C.target.value);
+      C.target.value.endsWith(".") ? h(C.target.value) : w >= Number(o) && w <= Number(r) && (h(String(w)), t && l(M.toNumber(w.toFixed(g)))), C.stopPropagation();
     },
     [t, g, r, o, l]
   ), m = v(
-    (k) => {
-      k.currentTarget.contains(k.relatedTarget) || h(Number(a).toFixed(g)), k.stopPropagation();
+    (C) => {
+      C.currentTarget.contains(C.relatedTarget) || h(Number(a).toFixed(g)), C.stopPropagation();
     },
     [g, a]
   ), $ = v(
-    (k) => {
-      k.stopPropagation(), k.key === "Enter" && !M.isEmpty(k.currentTarget.value) && l(M.toNumber(k.currentTarget.value));
+    (C) => {
+      C.stopPropagation(), C.key === "Enter" && !M.isEmpty(C.currentTarget.value) && l(M.toNumber(C.currentTarget.value));
     },
     [l]
   );
@@ -9913,11 +9916,11 @@ const ze = ({
   title: g,
   titleColor: u
 }) => {
-  const h = F(), { alt: y, src: m, width: $ = "77px", height: k = "77px" } = c, w = v(() => {
+  const h = F(), { alt: y, src: m, width: $ = "77px", height: C = "77px" } = c, w = v(() => {
     t == null || t.onClick();
   }, [t]), S = v(() => {
     r == null || r.onClick();
-  }, [r]), C = /* @__PURE__ */ i(
+  }, [r]), k = /* @__PURE__ */ i(
     le,
     {
       color: u,
@@ -9928,7 +9931,7 @@ const ze = ({
       textAlign: p ? "start" : "center",
       children: g
     }
-  ), I = /* @__PURE__ */ i(ue, { alt: y, height: k, publicId: m, width: $ }), R = /* @__PURE__ */ i(
+  ), I = /* @__PURE__ */ i(ue, { alt: y, height: C, publicId: m, width: $ }), R = /* @__PURE__ */ i(
     b,
     {
       alignItems: "center",
@@ -9967,12 +9970,12 @@ const ze = ({
                 flexDirection: "column",
                 width: "100%",
                 children: [
-                  p ? C : void 0,
+                  p ? k : void 0,
                   p ? /* @__PURE__ */ i(
                     b,
                     {
                       alignItems: "center",
-                      height: k,
+                      height: C,
                       justify: "center",
                       mr: 0,
                       children: /* @__PURE__ */ i(
@@ -9997,7 +10000,7 @@ const ze = ({
                       mb: 1.5,
                       mt: 1.5,
                       children: [
-                        p ? void 0 : C,
+                        p ? void 0 : k,
                         /* @__PURE__ */ i(
                           yl,
                           {
@@ -10345,9 +10348,9 @@ const ze = ({
   );
   return U(() => {
     const h = ["mousedown", "touchstart"], y = (m) => {
-      var C;
-      const $ = m.target, k = document.getElementById("helpBtn"), w = document.getElementById("filter-btn"), S = ($ === k || ((k == null ? void 0 : k.contains($)) ?? !1) || $ === w || (w == null ? void 0 : w.contains($))) ?? !1;
-      n && !S && !(((C = g.current) == null ? void 0 : C.contains($)) ?? !1) && r();
+      var k;
+      const $ = m.target, C = document.getElementById("helpBtn"), w = document.getElementById("filter-btn"), S = ($ === C || ((C == null ? void 0 : C.contains($)) ?? !1) || $ === w || (w == null ? void 0 : w.contains($))) ?? !1;
+      n && !S && !(((k = g.current) == null ? void 0 : k.contains($)) ?? !1) && r();
     };
     return h.forEach((m) => {
       document.addEventListener(m, y, { passive: !0 });
@@ -10437,7 +10440,7 @@ const ze = ({
                     description: y,
                     icon: m,
                     onClick: $,
-                    requiresUpgrade: k,
+                    requiresUpgrade: C,
                     title: w
                   }) => /* @__PURE__ */ i(
                     wl,
@@ -10446,7 +10449,7 @@ const ze = ({
                       description: y,
                       icon: m,
                       onClick: u($),
-                      requiresUpgrade: k,
+                      requiresUpgrade: C,
                       title: w
                     },
                     w