@fluidattacks/design 3.22.1 → 3.23.0

package/dist/{components-BvEDjsq2.mjs → components-C0ad1QHm.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as h, Fragment as Ke } from "react/jsx-runtime";
-import Lt, { forwardRef as Y, useState as E, useCallback as v, StrictMode as wn, useEffect as V, useRef as B, useMemo as Q, Fragment as Te, Children as Ve, isValidElement as vn, cloneElement as jt } from "react";
-import { X as kn, s as m, J as A, u as Et, a as Cn, b as Sn, c as zn, d as In, l as M, e as At, f as Tn, o as Rt, g as Nn, n as me, _ as W, $ as Dn, h as Fn, i as Ln, j as jn, k as En, m as An, p as Rn, q as Wn, r as Pn, t as Wt, C as Ze, v as On, w as Hn, x as Mn, y as st, z as Ne, A as Bn, B as Un, D as Pt, E as Ot, F as De, G as Gn, H as Vn, I as Yn, K as _n, L as Kn, M as ee, N as Zn, O as Ht, P as qn, Q as Mt, R as Jn, S as Xn, T as Qn, U as ei, V as ti, W as ni, Y as Bt, Z as ii, a0 as ct, a1 as dt, a2 as pt, a3 as ai, a4 as ri, a5 as oi, a6 as li, a7 as si, a8 as ci, a9 as di, aa as pi, ab as Ut, ac as gi, ad as ui, ae as fi, af as hi, ag as yi, ak as Gt, al as $i, am as bi, an as xi, ao as mi, ap as wi, aq as vi, ar as ki, as as Ci, at as Si, au as gt, av as zi, aw as ut, ax as Ii } from "./vendor-BzUP-0MT.mjs";
+import Lt, { forwardRef as Y, useState as A, useCallback as v, StrictMode as wn, useEffect as V, useRef as B, useMemo as Q, Fragment as Te, Children as Ve, isValidElement as vn, cloneElement as jt } from "react";
+import { X as kn, s as m, J as E, u as Et, a as Cn, b as Sn, c as zn, d as In, l as M, e as At, f as Tn, o as Rt, g as Nn, n as me, _ as W, $ as Dn, h as Fn, i as Ln, j as jn, k as En, m as An, p as Rn, q as Wn, r as Pn, t as Wt, C as Ze, v as On, w as Hn, x as Mn, y as st, z as Ne, A as Bn, B as Un, D as Pt, E as Ot, F as De, G as Gn, H as Vn, I as Yn, K as _n, L as Kn, M as ee, N as Zn, O as Ht, P as qn, Q as Mt, R as Jn, S as Xn, T as Qn, U as ei, V as ti, W as ni, Y as Bt, Z as ii, a0 as ct, a1 as dt, a2 as pt, a3 as ai, a4 as ri, a5 as oi, a6 as li, a7 as si, a8 as ci, a9 as di, aa as pi, ab as Ut, ac as gi, ad as ui, ae as fi, af as hi, ag as yi, ak as Gt, al as $i, am as bi, an as xi, ao as mi, ap as wi, aq as vi, ar as ki, as as Ci, at as Si, au as gt, av as zi, aw as ut, ax as Ii } from "./vendor-BzUP-0MT.mjs";
 import { createPortal as ue } from "react-dom";
 import { Link as Ti, useLocation as Ni, NavLink as Di } from "react-router-dom";
 const le = (e) => ({
@@ -829,7 +829,7 @@ const j = Y(function({
     `${d}-${r}`
   );
 }), Nl = Y(function({ aligned: t = "end", items: n, bgColor: a }, r) {
-  const o = A(), [l, s] = E(
+  const o = E(), [l, s] = A(
     n.map((p) => p.expanded ?? !1)
   ), c = v(
     (p) => (d) => {
@@ -1155,7 +1155,7 @@ const j = Y(function({
   hide: f = g === "" && u === "" && p === void 0,
   width: y
 }) => {
-  const $ = A(), [x, k] = E(!1), { refs: w, floatingStyles: C, context: S } = Et({
+  const $ = E(), [x, k] = A(!1), { refs: w, floatingStyles: C, context: S } = Et({
     middleware: [
       Tn({
         fallbackAxisSideDirection: "start"
@@ -1301,7 +1301,7 @@ const j = Y(function({
   id: p,
   ...d
 }, g) {
-  const [u, f] = E(l), y = v(() => {
+  const [u, f] = A(l), y = v(() => {
     f(!1);
   }, []);
   return V(() => {
@@ -1848,7 +1848,7 @@ const j = Y(function({
   textSpacing: c = 0,
   tooltip: p
 }) => {
-  const d = A();
+  const d = E();
   return /* @__PURE__ */ h(b, { width: "100%", children: [
     typeof o == "string" || p ? /* @__PURE__ */ h(
       b,
@@ -1953,7 +1953,7 @@ const j = Y(function({
   height: o = "auto",
   videoViewStatus: l
 }) => {
-  const [s, c] = E({
+  const [s, c] = A({
     start: !1,
     half: !1,
     end: !1
@@ -1993,7 +1993,7 @@ const j = Y(function({
   showMaximize: g = !0,
   videoViewStatus: u
 }) => {
-  const f = A(), [y, $] = E(!1), x = v(() => {
+  const f = E(), [y, $] = A(!1), x = v(() => {
     $(!0);
   }, []), k = v(() => {
     $(!1);
@@ -2094,7 +2094,7 @@ const j = Y(function({
   tooltip: r,
   weight: o = "normal"
 }) => {
-  const l = A(), s = `${e}-tooltip`, c = r !== void 0 && !M.isEmpty(r);
+  const l = E(), s = `${e}-tooltip`, c = r !== void 0 && !M.isEmpty(r);
   return /* @__PURE__ */ h(
     "label",
     {
@@ -2284,7 +2284,7 @@ const j = Y(function({
   value: u,
   weight: f
 }) => {
-  const y = A(), $ = u ? u.length : 0;
+  const y = E(), $ = u ? u.length : 0;
   return /* @__PURE__ */ h(ya, { id: t, children: [
     s === void 0 ? void 0 : /* @__PURE__ */ i(
       Xt,
@@ -2612,7 +2612,7 @@ const j = Y(function({
   watch: s
 }) => {
   var F, I, P;
-  const c = A(), p = B(null), d = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
+  const c = E(), p = B(null), d = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
     (N) => !Array.from(g).includes(N) && N !== "All"
   ), { optionProps: f, isSelected: y, isFocused: $, isDisabled: x } = Ln(
     { key: e.key },
@@ -2712,9 +2712,9 @@ const j = Y(function({
   weight: z
 }) => {
   var ot;
-  const T = A(), F = t ? void 0 : a, I = (e == null ? void 0 : e.value) ?? C, [P, N] = E(
+  const T = E(), F = t ? void 0 : a, I = (e == null ? void 0 : e.value) ?? C, [P, N] = A(
     ((ot = g.find((H) => H.value === I)) == null ? void 0 : ot.name) ?? ""
-  ), [O, te] = E(I), [re, de] = E(g), [G, Z] = E(!1), { contains: _ } = En({ sensitivity: "base" }), he = B(null), Ue = B(null), Ge = B(null), it = B(null), at = B(null), pn = Q(() => g.toSorted((H, q) => {
+  ), [O, te] = A(I), [re, de] = A(g), [G, Z] = A(!1), { contains: _ } = En({ sensitivity: "base" }), he = B(null), Ue = B(null), Ge = B(null), it = B(null), at = B(null), pn = Q(() => g.toSorted((H, q) => {
     const J = Array.from(n ?? []), ye = J.includes(H.value), lt = J.includes(q.value);
     return ye && !lt ? 1 : !ye && lt ? -1 : 0;
   }).map(
@@ -3325,7 +3325,7 @@ const j = Y(function({
   segment: e,
   state: t
 }) => {
-  const n = A(), a = B(null), o = { ...e, placeholder: {
+  const n = E(), a = B(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -3356,7 +3356,7 @@ const j = Y(function({
   error: t = !1,
   props: n
 }) => {
-  const a = A(), r = B(null), o = Gn({
+  const a = E(), r = B(null), o = Gn({
     ...n,
     createCalendar: De,
     locale: "en-US"
@@ -3403,7 +3403,7 @@ const j = Y(function({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
-  }), { timeValue: a } = n, r = !M.isNil(a) && a.hour < 12 ? "AM" : "PM", [o, l] = E(
+  }), { timeValue: a } = n, r = !M.isNil(a) && a.hour < 12 ? "AM" : "PM", [o, l] = A(
     M.isNil(a) ? "AM" : r
   ), { fieldProps: s } = _n(e, n, t), c = v(
     (p) => {
@@ -3758,7 +3758,7 @@ const j = Y(function({
   props: n,
   timeState: a
 }) => {
-  const r = A(), { locale: o } = Ne(), l = Pt({ ...n, createCalendar: De, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: p } = Ot(n, l);
+  const r = E(), { locale: o } = Ne(), l = Pt({ ...n, createCalendar: De, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: p } = Ot(n, l);
   return /* @__PURE__ */ h("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
       Qe,
@@ -3917,7 +3917,7 @@ const j = Y(function({
   weight: z,
   ...T
 }) => {
-  const { required: F, onBlur: I, onChange: P } = T, N = A(), O = e ? void 0 : o, [te, re] = E(""), de = v(
+  const { required: F, onBlur: I, onChange: P } = T, N = E(), O = e ? void 0 : o, [te, re] = A(""), de = v(
     (_) => {
       re(_.target.value), P == null || P(_);
     },
@@ -4272,7 +4272,7 @@ const j = Y(function({
   watch: y,
   weight: $
 }) => {
-  const x = A(), k = t ? void 0 : n, w = B(null), C = g == null ? void 0 : g(c, { required: d }), S = y == null ? void 0 : y(c), z = Za(S), T = v(() => {
+  const x = E(), k = t ? void 0 : n, w = B(null), C = g == null ? void 0 : g(c, { required: d }), S = y == null ? void 0 : y(c), z = Za(S), T = v(() => {
     const P = be("change", c, void 0);
     u && u(c, void 0), C && C.onChange(P);
   }, [C, c, u]), F = v(
@@ -4396,7 +4396,7 @@ const j = Y(function({
   value: f,
   weight: y
 }) => {
-  const $ = A(), x = e ? void 0 : t, [k, w] = E(""), C = c ? f : n == null ? void 0 : n.value, S = Q(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), z = v(
+  const $ = E(), x = e ? void 0 : t, [k, w] = A(""), C = c ? f : n == null ? void 0 : n.value, S = Q(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), z = v(
     (N) => {
       const te = [...new Set(N.filter(Boolean))].join(","), re = be("change", s, te);
       n && n.onChange(re), c && c(re);
@@ -4582,7 +4582,7 @@ const j = Y(function({
   setValue: u,
   value: f
 }) => {
-  const y = A(), $ = n ? void 0 : e, x = t < 0 ? 0 : t, [k, w] = E(
+  const y = E(), $ = n ? void 0 : e, x = t < 0 ? 0 : t, [k, w] = A(
     f ? W.toNumber(f) : 0
   ), C = v(() => {
     const F = (k - 10 ** -x).toFixed(x), I = Math.max(Number(l), Number(F));
@@ -4892,7 +4892,7 @@ const j = Y(function({
   watch: p,
   weight: d
 }) => {
-  const g = A(), u = B(null), f = e ? void 0 : t, y = (p == null ? void 0 : p(a)) ?? c, [$, x] = E(!1), [k, w] = E(""), { refs: C, floatingStyles: S } = Bt({
+  const g = E(), u = B(null), f = e ? void 0 : t, y = (p == null ? void 0 : p(a)) ?? c, [$, x] = A(!1), [k, w] = A(""), { refs: C, floatingStyles: S } = Bt({
     placement: "bottom-start",
     whileElementsMounted: At
   }), { inputRef: z, inputValue: T, handlePhoneValueChange: F, country: I, setCountry: P } = ii({
@@ -5064,7 +5064,7 @@ const j = Y(function({
   weight: w,
   value: C
 }) => {
-  const S = A(), z = (k == null ? void 0 : k(s)) ?? C, T = o && r && !e, F = e ? void 0 : t;
+  const S = E(), z = (k == null ? void 0 : k(s)) ?? C, T = o && r && !e, F = e ? void 0 : t;
   return /* @__PURE__ */ i(
     X,
     {
@@ -5252,7 +5252,7 @@ const j = Y(function({
   width: 40px;
   height: auto;
 `, rr = (e, t) => {
-  const [a, r] = E(0), [o, l] = E(0);
+  const [a, r] = A(0), [o, l] = A(0);
   return V(() => {
     o === 100 && (() => {
       r(
@@ -5280,7 +5280,7 @@ const j = Y(function({
   }), []);
   return Q(() => n.image(e).format(t), [n, e, t]);
 }, Me = (e) => {
-  const [t, n] = E(!1), a = v(() => {
+  const [t, n] = A(!1), a = v(() => {
     n(!0);
   }, []), r = v(() => {
     n(!1);
@@ -5305,7 +5305,7 @@ const j = Y(function({
       ...t.filter(({ locked: d }) => !d)
     ],
     [t]
-  ), [o, l] = E(r), s = v(
+  ), [o, l] = A(r), s = v(
     (d) => {
       const g = d.filter(({ locked: $ }) => !$), f = [...d.filter(({ locked: $ }) => $), ...g], y = f.map(({ name: $ }) => $);
       l(($) => [
@@ -5339,7 +5339,7 @@ const j = Y(function({
   () => W.debounce(e, t),
   [e, t]
 ), Yl = (e) => {
-  const [t, n] = E(), a = lr((r) => {
+  const [t, n] = A(), a = lr((r) => {
     n(r);
   }, (e == null ? void 0 : e.debounceWait) ?? 300);
   return [t, a];
@@ -5492,7 +5492,7 @@ const j = Y(function({
   isATag: p = !1,
   width: d = "fit-content"
 }) => {
-  const g = A();
+  const g = E();
   return /* @__PURE__ */ h(
     b,
     {
@@ -5671,7 +5671,7 @@ const j = Y(function({
   minWidth: a = "auto",
   height: r = "auto"
 }) => {
-  const o = A();
+  const o = E();
   return /* @__PURE__ */ h(
     b,
     {
@@ -5865,7 +5865,7 @@ const j = Y(function({
   specific: n,
   variant: a = "normal"
 }) => {
-  const r = A(), [o, l] = E(!1), [s, c] = E(!0), p = v(() => {
+  const r = E(), [o, l] = A(!1), [s, c] = A(!0), p = v(() => {
     l((f) => !f);
   }, [l]), d = v(() => {
     if (W.isNil(t) || W.isEmpty(t) || !W.isString(t))
@@ -6115,7 +6115,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   otherActions: a,
   onClose: r
 }) => {
-  const o = A(), l = v(() => {
+  const o = E(), l = v(() => {
     r == null || r(), n.close();
   }, [n, r]);
   return V(() => {
@@ -6321,7 +6321,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   box: n = !1,
   variant: a = "primary"
 }) => {
-  const r = A();
+  const r = E();
   return /* @__PURE__ */ i(
     b,
     {
@@ -6460,7 +6460,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   value: d,
   ...g
 }) => {
-  const f = A().palette.gray[t ? 300 : 800], y = t ? Ve.map(e, ($) => vn($) ? jt($, {
+  const f = E().palette.gray[t ? 300 : 800], y = t ? Ve.map(e, ($) => vn($) ? jt($, {
     disabled: t,
     ...$.props
   }) : $) : e;
@@ -6614,7 +6614,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   defaultCollapsed: a,
   onChange: r
 }) => {
-  const o = A(), [l, s] = E(a ?? !1), c = v(() => {
+  const o = E(), [l, s] = A(a ?? !1), c = v(() => {
     s((p) => !p);
   }, []);
   return /* @__PURE__ */ h(
@@ -6751,7 +6751,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   value: r,
   ...o
 }, l) {
-  const s = A(), [c, p] = E(!1), { refs: d, floatingStyles: g } = Bt(), u = v(() => {
+  const s = E(), [c, p] = A(!1), { refs: d, floatingStyles: g } = Bt(), u = v(() => {
     p(($) => !$);
   }, []), f = v(
     ($) => {
@@ -6824,7 +6824,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   onChangeHandler: n,
   variant: a
 }) => {
-  const r = B(null), [o, l] = E([]), [s, c] = E(""), p = v(
+  const r = B(null), [o, l] = A([]), [s, c] = A(""), p = v(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -6944,7 +6944,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: n,
   variant: a
 }) => {
-  const r = A(), o = B(null), [l, s] = E(void 0), c = v(
+  const r = E(), o = B(null), [l, s] = A(void 0), c = v(
     (g) => {
       const { checked: u, value: f } = g.target, y = n.columns.map(($) => {
         var x;
@@ -7248,7 +7248,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   ] }, l);
 }) }), qr = (e) => {
   var s, c, p, d, g;
-  const [t, n] = E([...e]), { control: a, register: r, handleSubmit: o, setValue: l } = Ut({
+  const [t, n] = A([...e]), { control: a, register: r, handleSubmit: o, setValue: l } = Ut({
     defaultValues: {
       checkbox: e.filter((u) => u.type === "checkboxes").flatMap(
         (u) => {
@@ -7381,9 +7381,9 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   setDirection: r,
   setHandler: o
 }) => {
-  const l = A(), [s, c] = E(e), [p, d] = E(
+  const l = E(), [s, c] = A(e), [p, d] = A(
     []
-  ), [g, u] = E({}), [f, y] = E(""), $ = v(
+  ), [g, u] = A({}), [f, y] = A(""), $ = v(
     (w) => () => {
       const C = s.find((z) => z.label === w), S = !(C != null && C.filterOptions.some(
         (z) => z.type === "dateRange" || z.type === "select"
@@ -7519,7 +7519,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: a,
   variant: r
 }) => {
-  const [o, l] = E("row"), [s, c] = E(!0), p = A(), d = B(null), g = /* @__PURE__ */ i(
+  const [o, l] = A("row"), [s, c] = A(!0), p = E(), d = B(null), g = /* @__PURE__ */ i(
     K,
     {
       icon: "close",
@@ -7794,7 +7794,7 @@ const ve = ({
   onSearch: s,
   variant: c = "ungrouped"
 }) => {
-  const p = Me("filters-modal"), [d, g] = E([]), [u, f] = E(
+  const p = Me("filters-modal"), [d, g] = A([]), [u, f] = A(
     Tt(d)
   ), y = a.map((C) => ({
     ...C,
@@ -7872,7 +7872,7 @@ const ve = ({
   size: u,
   id: f = "modal-container"
 }) => {
-  const y = A(), $ = /* @__PURE__ */ i(
+  const y = E(), $ = /* @__PURE__ */ i(
     rn,
     {
       "aria-label": s.name,
@@ -7942,7 +7942,7 @@ const ve = ({
   return [o, ({
     children: p
   }) => {
-    const [d, g] = E(n), u = v(() => {
+    const [d, g] = A(n), u = v(() => {
       g({ ...n });
     }, []), f = v((x) => () => {
       g(
@@ -7990,7 +7990,7 @@ const ve = ({
     );
   }];
 }, ts = () => {
-  const [e, t] = E(!1), [n, a] = E(), r = B(null), o = Me("confirm-dialog-modal"), l = v(
+  const [e, t] = A(!1), [n, a] = A(), r = B(null), o = Me("confirm-dialog-modal"), l = v(
     async (d) => (a(d), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -8030,7 +8030,7 @@ const ve = ({
 }, co = 2e3, ns = ({
   content: e
 }) => {
-  const [t, n] = E("Copy"), a = v(() => {
+  const [t, n] = A("Copy"), a = v(() => {
     navigator.clipboard.writeText(e).then(() => {
       n("Copied"), setTimeout(() => {
         n("Copy");
@@ -8097,7 +8097,7 @@ const ve = ({
   options: r,
   title: o
 }) => {
-  const l = A(), [s, c] = E(!1), p = s ? "chevron-up" : "chevron-down", { refs: d, floatingStyles: g } = Et({
+  const l = E(), [s, c] = A(!1), p = s ? "chevron-up" : "chevron-down", { refs: d, floatingStyles: g } = Et({
     middleware: [Rt({ mainAxis: 4 })],
     placement: "bottom-start"
   }), u = v(() => {
@@ -8258,7 +8258,7 @@ const ve = ({
   yupSchema: u,
   ...f
 }) => {
-  const y = A(), $ = Ut({
+  const y = E(), $ = Ut({
     ...f,
     mode: c ?? "all",
     resolver: u ? yi(u) : void 0
@@ -8405,7 +8405,7 @@ const ve = ({
   label: t,
   onSelect: n
 }) => {
-  const a = A(), r = v(() => {
+  const a = E(), r = v(() => {
     n && n(t);
   }, [n, t]);
   return /* @__PURE__ */ h(cn, { $isSelected: e, onClick: r, children: [
@@ -8429,7 +8429,7 @@ const ve = ({
   title: l,
   variant: s
 }) => {
-  const c = A(), [p, d] = E(t), [g, u] = E(""), f = v(
+  const c = E(), [p, d] = A(t), [g, u] = A(""), f = v(
     (x) => {
       d(
         (k) => k.filter(
@@ -8552,7 +8552,7 @@ const ve = ({
   variant: p = "centered",
   width: d = "318px"
 }) => {
-  const g = A(), u = p === "centered", f = l && /* @__PURE__ */ i(
+  const g = E(), u = p === "centered", f = l && /* @__PURE__ */ i(
     ie,
     {
       icon: r ?? n,
@@ -8609,7 +8609,7 @@ const ve = ({
   tabs: r,
   footer: o
 }) => {
-  const l = A();
+  const l = E();
   return /* @__PURE__ */ h(
     b,
     {
@@ -8797,7 +8797,7 @@ const ve = ({
   label: t,
   size: n
 }) => {
-  const a = A();
+  const a = E();
   return /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", children: [
     /* @__PURE__ */ h(So, { $size: n, viewBox: "0 0 100 100", children: [
       /* @__PURE__ */ i(Io, { $color: e, cx: "50", cy: "50", r: "45" }),
@@ -8840,7 +8840,7 @@ const ve = ({
   userInfo: r,
   setVisibility: o
 }) => {
-  const l = A(), { userName: s, email: c, phone: p, userRole: d } = r;
+  const l = E(), { userName: s, email: c, phone: p, userRole: d } = r;
   return fe(a, () => {
     o(!1);
   }), /* @__PURE__ */ h(Wr, { children: [
@@ -8908,7 +8908,7 @@ const ve = ({
   onClose: l,
   buttonSide: s = "end"
 }) => {
-  const c = A(), [p, d] = E(r), g = v(() => {
+  const c = E(), [p, d] = A(r), g = v(() => {
     d(!1), l == null || l();
   }, [l]);
   V(() => {
@@ -9021,7 +9021,7 @@ const ve = ({
   title: n,
   variant: a
 }) => {
-  const r = A(), o = v(() => {
+  const r = E(), o = v(() => {
     t == null || t();
   }, [t]);
   return /* @__PURE__ */ h(
@@ -9109,7 +9109,7 @@ const ve = ({
   tooltipMessage: c,
   ...p
 }, d) {
-  const g = n < 0 ? 0 : n, [u, f] = E(Number(a).toFixed(g)), y = v(
+  const g = n < 0 ? 0 : n, [u, f] = A(Number(a).toFixed(g)), y = v(
     (k) => {
       const w = M.toNumber(k.target.value);
       k.target.value.endsWith(".") ? f(k.target.value) : w >= Number(o) && w <= Number(r) && (f(String(w)), t && s(M.toNumber(w.toFixed(g)))), k.stopPropagation();
@@ -9157,7 +9157,7 @@ const ve = ({
   onlyLabel: a = !1,
   provider: r = "GitLab"
 }) => {
-  const o = A();
+  const o = E();
   return /* @__PURE__ */ h(
     b,
     {
@@ -9217,7 +9217,7 @@ const ve = ({
   manualOption: r,
   providers: o
 }) => {
-  const l = A(), [s, c] = E(!1), p = B(null);
+  const l = E(), [s, c] = A(!1), p = B(null);
   fe(
     p.current,
     () => {
@@ -9333,7 +9333,7 @@ const ve = ({
   onClick: t,
   text: n
 }) => {
-  const a = A(), r = /* @__PURE__ */ h(Wo, { children: [
+  const a = E(), r = /* @__PURE__ */ h(Wo, { children: [
     /* @__PURE__ */ i(j, { icon: "circle", iconClass: "ellipse-1", iconSize: "xs" }),
     /* @__PURE__ */ i(j, { icon: "circle", iconClass: "ellipse-2", iconSize: "xs" }),
     /* @__PURE__ */ i(j, { icon: "crown", iconClass: "icon", iconSize: "xs" })
@@ -9374,7 +9374,7 @@ const ve = ({
 }, ms = ({
   score: e
 }) => {
-  const t = A(), n = e <= 33 ? "priority-bars-low" : "priority-bars-medium", a = e > 66 || e === 0 ? "priority-bars-high" : n;
+  const t = E(), n = e <= 33 ? "priority-bars-low" : "priority-bars-medium", a = e > 66 || e === 0 ? "priority-bars-high" : n;
   return /* @__PURE__ */ h(b, { alignItems: "center", display: "inline-flex", gap: 0.25, children: [
     /* @__PURE__ */ i(
       j,
@@ -9616,7 +9616,7 @@ const ve = ({
   onClick: o,
   orientation: l = "horizontal"
 }) => {
-  const s = A(), c = {
+  const s = E(), c = {
     completed: "circle-check",
     disabled: "circle-dashed",
     error: "circle-exclamation",
@@ -9704,7 +9704,7 @@ const ve = ({
   highlightDescription: t = "",
   mobile: n
 }) => {
-  const a = A(), r = n ? "md" : "lg", o = typeof t == "string", l = o ? "" : new RegExp(`(${t.join("|")})`, "u");
+  const a = E(), r = n ? "md" : "lg", o = typeof t == "string", l = o ? "" : new RegExp(`(${t.join("|")})`, "u");
   return t.length > 0 ? /* @__PURE__ */ i(
     D,
     {
@@ -9764,7 +9764,7 @@ const ve = ({
   title: g,
   titleColor: u
 }) => {
-  const f = A(), { alt: y, src: $, width: x = "77px", height: k = "77px" } = c, w = v(() => {
+  const f = E(), { alt: y, src: $, width: x = "77px", height: k = "77px" } = c, w = v(() => {
     t == null || t.onClick();
   }, [t]), C = v(() => {
     r == null || r.onClick();
@@ -9902,37 +9902,57 @@ const ve = ({
 }, qo = m.div.attrs({
   className: "comp-scroll-up"
 })`
-  bottom: 15px;
   position: fixed;
-  right: 140px;
-  z-index: 100;
+  bottom: ${({ bottom: e }) => e ?? 15}px;
+  right: ${({ right: e }) => e ?? 140}px;
+  z-index: ${({ zIndex: e }) => e ?? 100};
+  left: ${({ left: e }) => e ?? 0}px;
 `, Cs = ({
   scrollerId: e = "dashboard",
-  visibleAt: t = 500
+  left: t,
+  visibleAt: n = 500,
+  bottom: a = 10,
+  right: r = 140,
+  zIndex: o = 100
 }) => {
-  const [n, a] = E(!1), [r, o] = E(null);
+  const [l, s] = A(!1), [c, p] = A(null), d = E();
   V(() => {
-    o(document.getElementById(e)), r == null || r.addEventListener("scroll", () => {
-      a(r.scrollTop > t);
+    p(document.getElementById(e)), c == null || c.addEventListener("scroll", () => {
+      s(c.scrollTop > n);
     });
-  }, [r, e, t]);
-  const l = v(() => {
-    r == null || r.scrollTo({
+  }, [c, e, n]);
+  const g = v(() => {
+    c == null || c.scrollTo({
       behavior: "smooth",
       top: 0
     });
-  }, [r]);
-  return n ? /* @__PURE__ */ i(qo, { children: /* @__PURE__ */ i(
-    K,
+  }, [c]);
+  return l ? /* @__PURE__ */ i(
+    qo,
     {
-      height: "40px",
-      icon: "arrow-up",
-      iconSize: "sm",
-      id: "scroll-up",
-      onClick: l,
-      width: "40px"
-    }
-  ) }) : null;
+      bottom: a,
+      right: r,
+      zIndex: o,
+      left: t,
+      children: /* @__PURE__ */ i(
+        K,
+        {
+          borderRadius: "50%",
+          height: "40px",
+          icon: "arrow-up",
+          iconSize: "sm",
+          id: "scroll-up",
+          onClick: g,
+          style: {
+            backgroundColor: d.palette.black,
+            borderRadius: "50%",
+            color: d.palette.white
+          },
+          width: "40px"
+        }
+      )
+    }
+  ) : null;
 }, Jo = {
   critical: {
     bgColor: L.palette.primary[700],
@@ -9964,7 +9984,7 @@ const ve = ({
   textR: t,
   variant: n
 }) => {
-  const a = A(), { bgColor: r, colorL: o, colorR: l } = Jo[n];
+  const a = E(), { bgColor: r, colorL: o, colorR: l } = Jo[n];
   return /* @__PURE__ */ h(b, { alignItems: "flex-start", display: "inline-flex", children: [
     e ? /* @__PURE__ */ i(
       b,
@@ -10095,7 +10115,7 @@ const ve = ({
   requiresUpgrade: r = !1,
   title: o
 }) => {
-  const l = A();
+  const l = E();
   return /* @__PURE__ */ h(
     b,
     {
@@ -10177,7 +10197,7 @@ const ve = ({
   secondaryOnClick: c,
   title: p
 }) => {
-  const d = A(), g = B(null), u = v(
+  const d = E(), g = B(null), u = v(
     (f) => () => {
       f(), r();
     },
@@ -10419,7 +10439,7 @@ const ve = ({
   );
   return /* @__PURE__ */ i("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ i(vi, { children: /* @__PURE__ */ i("input", { ...l, "aria-label": a, ref: r }) }) });
 }, ll = (e, t, n) => Math.round((n - e) / (t - e) * 100), Ns = (e) => {
-  const t = A(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, p = ki(), d = Ci({
+  const t = E(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, p = ki(), d = Ci({
     ...e,
     numberFormatter: p,
     onChange(y) {
@@ -10557,7 +10577,7 @@ const ve = ({
   button: { disabled: e = !1, text: t, type: n = "button", onClick: a },
   steps: r
 }) => {
-  const [o, l] = E(1), s = v(
+  const [o, l] = A(1), s = v(
     (c, p) => (
       // eslint-disable-next-line functional/functional-parameters
       () => {
@@ -10675,7 +10695,7 @@ const ve = ({
   type: l = "button",
   variant: s
 }) => {
-  const c = A(), p = /* @__PURE__ */ h(
+  const c = E(), p = /* @__PURE__ */ h(
     ul,
     {
       "aria-label": r ?? void 0,
@@ -10781,7 +10801,7 @@ const ve = ({
   title: n,
   size: a = "long"
 }) => {
-  const r = A();
+  const r = E();
   return /* @__PURE__ */ h(hl, { $size: a, className: "timeline-card", children: [
     /* @__PURE__ */ i(
       D,
@@ -10820,7 +10840,7 @@ const ve = ({
     }) })
   ] });
 }, Ls = ({ items: e }) => {
-  const t = B(null), [n, a] = E("long");
+  const t = B(null), [n, a] = A("long");
   return V(() => {
     t.current && a(t.current.offsetWidth <= 1100 ? "small" : "long");
   }, []), /* @__PURE__ */ i(b, { ref: t, width: "100%", children: /* @__PURE__ */ i(yl, { $size: n, children: e.map((r, o) => /* @__PURE__ */ i(
@@ -10866,7 +10886,7 @@ const ve = ({
   },
   target: ""
 }, Es = ({ run: e, steps: t, onFinish: n }) => {
-  const [a, r] = E(e), [o, l] = E(0), s = v(
+  const [a, r] = A(e), [o, l] = A(0), s = v(
     (c) => {
       const { action: p, index: d, status: g, type: u } = c;
       [gt.STEP_AFTER, gt.TARGET_NOT_FOUND].includes(