@fluidattacks/design 3.25.14-pr.9 → 3.25.14

package/dist/{components-Do1h4Cy1.mjs → components-DEZR1Gxx.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as f, Fragment as et } from "react/jsx-runtime";
 import tt, { forwardRef as Z, useState as R, useCallback as v, StrictMode as Fn, useEffect as U, useRef as B, useMemo as K, Fragment as ye, Children as Xe, isValidElement as Ut, cloneElement as Gt, createContext as En, useContext as he } from "react";
-import { X as Rn, s as $, J as E, u as _t, a as jn, b as Ln, c as An, d as Pn, l as M, e as nt, f as On, o as it, g as Wn, n as Ce, _ as L, $ as Hn, h as Mn, i as Bn, j as Vn, k as Un, m as Gn, p as _n, q as Yn, r as Kn, t as Yt, C as at, v as Zn, w as Xn, x as qn, y as yt, z as Fe, A as Jn, B as Qn, D as Kt, E as Zt, F as Ee, G as ei, H as ti, I as ni, K as ii, L as ai, M as ne, N as ri, O as Xt, P as oi, Q as qt, R as li, S as si, T as ci, U as di, V as pi, W as gi, Y as rt, Z as ui, a0 as bt, a1 as $t, a2 as xt, a3 as hi, a4 as fi, a5 as yi, a6 as bi, a7 as $i, a8 as xi, a9 as mi, aa as wi, ab as Jt, ac as vi, ad as ki, ae as Ci, af as Si, ag as zi, ak as Qt, al as Ii, am as Ti, an as Ni, ao as Di, ap as Fi, aq as Ei, ar as Ri, as as ji, at as Li, au as Ai, av as Pi, aw as qe, ax as Oi, ay as mt, az as Wi, aA as wt, aB as Hi } from "./vendor-7juYbTH6.mjs";
+import { X as Rn, s as $, J as F, u as _t, a as jn, b as Ln, c as An, d as Pn, l as M, e as nt, f as On, o as it, g as Wn, n as Ce, _ as L, $ as Hn, h as Mn, i as Bn, j as Vn, k as Un, m as Gn, p as _n, q as Yn, r as Kn, t as Yt, C as at, v as Zn, w as Xn, x as qn, y as yt, z as Fe, A as Jn, B as Qn, D as Kt, E as Zt, F as Ee, G as ei, H as ti, I as ni, K as ii, L as ai, M as ne, N as ri, O as Xt, P as oi, Q as qt, R as li, S as si, T as ci, U as di, V as pi, W as gi, Y as rt, Z as ui, a0 as bt, a1 as $t, a2 as xt, a3 as hi, a4 as fi, a5 as yi, a6 as bi, a7 as $i, a8 as xi, a9 as mi, aa as wi, ab as Jt, ac as vi, ad as ki, ae as Ci, af as Si, ag as zi, ak as Qt, al as Ii, am as Ti, an as Ni, ao as Di, ap as Fi, aq as Ei, ar as Ri, as as ji, at as Li, au as Ai, av as Pi, aw as qe, ax as Oi, ay as mt, az as Wi, aA as wt, aB as Hi } from "./vendor-7juYbTH6.mjs";
 import { createPortal as be } from "react-dom";
 import { Link as Mi, useLocation as Bi, NavLink as Vi } from "react-router-dom";
 const oe = (e) => ({
@@ -785,7 +785,7 @@ $.div`
     transform: scale(1.2);
   }
 `;
-const F = Z(function({
+const E = Z(function({
   clickable: t,
   disabled: n,
   hoverColor: a,
@@ -829,7 +829,7 @@ const F = Z(function({
     `${p}-${r}`
   );
 }), vs = Z(function({ aligned: t = "end", items: n, bgColor: a }, r) {
-  const o = E(), [s, l] = R(
+  const o = F(), [s, l] = R(
     n.map((d) => d.expanded ?? !1)
   ), c = v(
     (d) => (p) => {
@@ -890,7 +890,7 @@ const F = Z(function({
                           }
                         ),
                         /* @__PURE__ */ i(
-                          F,
+                          E,
                           {
                             icon: g ? "chevron-up" : "chevron-down",
                             iconColor: o.palette.gray[400],
@@ -1155,7 +1155,7 @@ const F = Z(function({
   hide: h = g === "" && u === "" && d === void 0,
   width: y
 }) => {
-  const x = E(), [m, k] = R(!1), { refs: w, floatingStyles: S, context: C } = _t({
+  const x = F(), [m, k] = R(!1), { refs: w, floatingStyles: S, context: C } = _t({
     middleware: [
       On({
         fallbackAxisSideDirection: "start"
@@ -1186,7 +1186,7 @@ const F = Z(function({
         ref: w.setReference,
         width: y,
         children: r ? /* @__PURE__ */ i(
-          F,
+          E,
           {
             clickable: !0,
             disabled: t,
@@ -1276,7 +1276,7 @@ const F = Z(function({
       value: m,
       ...w,
       children: /* @__PURE__ */ i(
-        F,
+        E,
         {
           clickable: !1,
           icon: a,
@@ -1322,7 +1322,7 @@ const F = Z(function({
       ...p,
       children: /* @__PURE__ */ f(ua, { $variant: c, id: d, children: [
         r ? /* @__PURE__ */ i(
-          F,
+          E,
           {
             clickable: !1,
             icon: pa(c),
@@ -1594,7 +1594,7 @@ const F = Z(function({
   variant: l = "lowRelevance"
 }) => {
   const c = a.startsWith("https://"), d = /* @__PURE__ */ i(
-    F,
+    E,
     {
       icon: n === void 0 ? "arrow-up-right-from-square" : "arrow-down-to-bracket",
       iconSize: "xxs",
@@ -1661,7 +1661,7 @@ const F = Z(function({
       children: [
         /* @__PURE__ */ f(wa, { $fontSize: s, $variant: h, className: p, children: [
           t && /* @__PURE__ */ i(
-            F,
+            E,
             {
               icon: t,
               iconColor: n,
@@ -1744,7 +1744,7 @@ const F = Z(function({
       ...I,
       children: [
         l !== void 0 && /* @__PURE__ */ i(
-          F,
+          E,
           {
             icon: l,
             iconColor: c ?? void 0,
@@ -1754,7 +1754,7 @@ const F = Z(function({
         ),
         t,
         u || S === "link" ? /* @__PURE__ */ i(
-          F,
+          E,
           {
             icon: u ?? "arrow-right",
             iconSize: "xs",
@@ -1805,7 +1805,7 @@ const F = Z(function({
               /* @__PURE__ */ i(vt, { children: a[0].toUpperCase() }),
               o ? /* @__PURE__ */ i(N, { color: "#1d2939", display: "inline", ml: 0.5, size: "sm", children: a.split(" ")[0] }) : void 0,
               r ? /* @__PURE__ */ i(
-                F,
+                E,
                 {
                   clickable: !1,
                   icon: "ellipsis-v",
@@ -1823,7 +1823,7 @@ const F = Z(function({
             "!"
           ] }) : void 0,
           r ? /* @__PURE__ */ i(
-            F,
+            E,
             {
               clickable: !1,
               icon: "ellipsis-v",
@@ -1848,7 +1848,7 @@ const F = Z(function({
   textSpacing: c = 0,
   tooltip: d
 }) => {
-  const p = E();
+  const p = F();
   return /* @__PURE__ */ f(b, { width: "100%", children: [
     typeof o == "string" || d ? /* @__PURE__ */ f(
       b,
@@ -1993,7 +1993,7 @@ const F = Z(function({
   showMaximize: g = !0,
   videoViewStatus: u
 }) => {
-  const h = E(), [y, x] = R(!1), m = v(() => {
+  const h = F(), [y, x] = R(!1), m = v(() => {
     x(!0);
   }, []), k = v(() => {
     x(!1);
@@ -2094,7 +2094,7 @@ const F = Z(function({
   tooltip: r,
   weight: o = "normal"
 }) => {
-  const s = E(), l = `${e}-tooltip`, c = r !== void 0 && !M.isEmpty(r);
+  const s = F(), l = `${e}-tooltip`, c = r !== void 0 && !M.isEmpty(r);
   return /* @__PURE__ */ f(
     "label",
     {
@@ -2104,7 +2104,7 @@ const F = Z(function({
       children: [
         t,
         a && /* @__PURE__ */ i(
-          F,
+          E,
           {
             icon: "asterisk",
             iconColor: s.palette.error[500],
@@ -2297,7 +2297,7 @@ const F = Z(function({
   value: u,
   weight: h
 }) => {
-  const y = E(), x = u ? u.length : 0;
+  const y = F(), x = u ? u.length : 0;
   return /* @__PURE__ */ f(Na, { id: t, children: [
     l === void 0 ? void 0 : /* @__PURE__ */ i(
       sn,
@@ -2350,7 +2350,7 @@ const F = Z(function({
         children: [
           o && /* @__PURE__ */ f(et, { children: [
             /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: "circle-info",
                 iconColor: y.palette.gray[400],
@@ -2388,7 +2388,8 @@ const F = Z(function({
       ...s,
       popoverRef: a ?? l,
       triggerRef: o,
-      isNonModal: a ? !0 : void 0
+      isNonModal: a ? !0 : void 0,
+      shouldFlip: e === "dropdown"
     },
     r
   ), p = v(
@@ -2407,6 +2408,8 @@ const F = Z(function({
       ref: a ?? l,
       style: {
         ...d.style,
+        maxHeight: 300,
+        overflowY: "auto",
         ...e === "dropdown" ? {
           display: "flex",
           justifyContent: "center",
@@ -2588,7 +2591,7 @@ const F = Z(function({
           ...g
         }
       ),
-      /* @__PURE__ */ i(F, { disabled: n, icon: "check", iconSize: "sm" }),
+      /* @__PURE__ */ i(E, { disabled: n, icon: "check", iconSize: "sm" }),
       a ?? p
     ] }),
     d === void 0 ? void 0 : /* @__PURE__ */ i(
@@ -2625,7 +2628,7 @@ const F = Z(function({
   watch: l
 }) => {
   var T, z, O;
-  const c = E(), d = B(null), p = e.props.hrefLang, g = s.disabledKeys, u = Array.from(s.collection.getKeys()).filter(
+  const c = F(), d = B(null), p = e.props.hrefLang, g = s.disabledKeys, u = Array.from(s.collection.getKeys()).filter(
     (D) => !Array.from(g).includes(D) && D !== "All"
   ), { optionProps: h, isSelected: y, isFocused: x, isDisabled: m } = Bn(
     { key: e.key },
@@ -2695,7 +2698,7 @@ const F = Z(function({
       ref: d,
       children: [
         p ? /* @__PURE__ */ i(se, { href: p, onClick: j, children: I }) : I,
-        y && !m && !t ? /* @__PURE__ */ i(F, { icon: "check", iconSize: "xxs", iconType: "fa-light" }) : void 0,
+        y && !m && !t ? /* @__PURE__ */ i(E, { icon: "check", iconSize: "xxs", iconType: "fa-light" }) : void 0,
         e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(ae, { tagLabel: e.textValue, variant: "inactive" })
       ]
     }
@@ -2725,7 +2728,7 @@ const F = Z(function({
   weight: I
 }) => {
   var ht;
-  const j = E(), T = t ? void 0 : a, z = (e == null ? void 0 : e.value) ?? S, [O, D] = R(
+  const j = F(), T = t ? void 0 : a, z = (e == null ? void 0 : e.value) ?? S, [O, D] = R(
     ((ht = g.find((H) => H.value === z)) == null ? void 0 : ht.name) ?? ""
   ), [W, ie] = R(z), [re, ge] = R(g), [G, X] = R(!1), { contains: Y } = Un({ sensitivity: "base" }), $e = B(null), Ge = B(null), _e = B(null), Ye = B(null), Ke = B(null), wn = K(() => g.toSorted((H, q) => {
     const J = Array.from(n ?? []), xe = J.includes(H.value), ft = J.includes(q.value);
@@ -2855,7 +2858,7 @@ const F = Z(function({
                 }
               ),
               T ? /* @__PURE__ */ i(
-                F,
+                E,
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
@@ -3145,7 +3148,7 @@ const F = Z(function({
       ref: n,
       children: [
         c,
-        a ? /* @__PURE__ */ i(Oa, { children: /* @__PURE__ */ i(F, { clickable: !1, icon: "circle", iconSize: "xxs" }) }) : void 0
+        a ? /* @__PURE__ */ i(Oa, { children: /* @__PURE__ */ i(E, { clickable: !1, icon: "circle", iconSize: "xxs" }) }) : void 0
       ]
     }
   ) });
@@ -3284,7 +3287,7 @@ const F = Z(function({
       ref: a,
       type: "button",
       children: /* @__PURE__ */ i(
-        F,
+        E,
         {
           icon: t,
           iconColor: A.palette.gray[e ? 400 : 700],
@@ -3300,29 +3303,41 @@ const F = Z(function({
   nextButtonProps: n,
   title: a
 }) => {
-  const r = e.focusedDate, o = v(() => {
+  const r = e.focusedDate, o = F(), s = v(() => {
     e.setFocusedDate(r.add({ years: 1 }));
-  }, [r, e]), s = v(() => {
+  }, [r, e]), l = v(() => {
     e.setFocusedDate(r.subtract({ years: 1 }));
   }, [r, e]);
-  return /* @__PURE__ */ f("div", { className: "header flex items-start", children: [
-    /* @__PURE__ */ i(Je, { icon: "chevron-left", props: t }),
-    /* @__PURE__ */ f(ja, { children: [
-      a,
-      /* @__PURE__ */ f(La, { children: [
-        /* @__PURE__ */ i(zt, { "aria-label": "top", onClick: o, children: /* @__PURE__ */ i(F, { icon: "caret-up", iconClass: "fa-sharp", iconSize: "xxss" }) }),
-        /* @__PURE__ */ i(zt, { "aria-label": "bottom", onClick: s, children: /* @__PURE__ */ i(
-          F,
-          {
-            icon: "caret-down",
-            iconClass: "fa-sharp",
-            iconSize: "xxss"
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ i(Je, { icon: "chevron-right", props: n })
-  ] });
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: "header flex items-start",
+      style: {
+        position: "sticky",
+        top: 0,
+        zIndex: 2,
+        background: o.palette.white
+      },
+      children: [
+        /* @__PURE__ */ i(Je, { icon: "chevron-left", props: t }),
+        /* @__PURE__ */ f(ja, { children: [
+          a,
+          /* @__PURE__ */ f(La, { children: [
+            /* @__PURE__ */ i(zt, { "aria-label": "top", onClick: s, children: /* @__PURE__ */ i(E, { icon: "caret-up", iconClass: "fa-sharp", iconSize: "xxss" }) }),
+            /* @__PURE__ */ i(zt, { "aria-label": "bottom", onClick: l, children: /* @__PURE__ */ i(
+              E,
+              {
+                icon: "caret-down",
+                iconClass: "fa-sharp",
+                iconSize: "xxss"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ i(Je, { icon: "chevron-right", props: n })
+      ]
+    }
+  );
 }, Ga = ({
   onClose: e,
   props: t
@@ -3345,7 +3360,7 @@ const F = Z(function({
   segment: e,
   state: t
 }) => {
-  const n = E(), a = B(null), o = { ...e, placeholder: {
+  const n = F(), a = B(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -3376,7 +3391,7 @@ const F = Z(function({
   error: t = !1,
   props: n
 }) => {
-  const a = E(), r = B(null), o = ei({
+  const a = F(), r = B(null), o = ei({
     ...n,
     createCalendar: Ee,
     locale: "en-US"
@@ -3410,7 +3425,7 @@ const F = Z(function({
       }
     ),
     t ? /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: "exclamation-circle",
         iconColor: a.palette.error[500],
@@ -3778,7 +3793,7 @@ const F = Z(function({
   props: n,
   timeState: a
 }) => {
-  const r = E(), { locale: o } = Fe(), s = Kt({ ...n, createCalendar: Ee, locale: o }), { prevButtonProps: l, nextButtonProps: c, title: d } = Zt(n, s);
+  const r = F(), { locale: o } = Fe(), s = Kt({ ...n, createCalendar: Ee, locale: o }), { prevButtonProps: l, nextButtonProps: c, title: d } = Zt(n, s);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
       ct,
@@ -3937,7 +3952,7 @@ const F = Z(function({
   weight: I,
   ...j
 }) => {
-  const { required: T, onBlur: z, onChange: O } = j, D = E(), W = e ? void 0 : o, [ie, re] = R(""), ge = v(
+  const { required: T, onBlur: z, onChange: O } = j, D = F(), W = e ? void 0 : o, [ie, re] = R(""), ge = v(
     (Y) => {
       re(Y.target.value), O == null || O(Y);
     },
@@ -3969,7 +3984,7 @@ const F = Z(function({
           ${e ? "disabled" : ""} ${W ? "error" : ""} ${G ? "success" : ""}
         `,
             children: [
-              t ? /* @__PURE__ */ i(F, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
+              t ? /* @__PURE__ */ i(E, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
               /* @__PURE__ */ i(
                 "input",
                 {
@@ -3991,7 +4006,7 @@ const F = Z(function({
                 }
               ),
               W ? /* @__PURE__ */ i(
-                F,
+                E,
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
@@ -4000,7 +4015,7 @@ const F = Z(function({
                 }
               ) : void 0,
               G ? /* @__PURE__ */ i(
-                F,
+                E,
                 {
                   icon: "check-circle",
                   iconClass: "success-icon",
@@ -4292,7 +4307,7 @@ const F = Z(function({
   watch: y,
   weight: x
 }) => {
-  const m = E(), 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 = sr(C), j = v(() => {
+  const m = 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 = sr(C), j = v(() => {
     const O = we("change", c, void 0);
     u && u(c, void 0), S && S.onChange(O);
   }, [S, c, u]), T = v(
@@ -4346,7 +4361,7 @@ const F = Z(function({
                   }
                 ),
                 k && /* @__PURE__ */ i(
-                  F,
+                  E,
                   {
                     icon: "exclamation-circle",
                     iconClass: "error-icon",
@@ -4365,7 +4380,7 @@ const F = Z(function({
                     variant: "primary",
                     width: "96px",
                     children: [
-                      /* @__PURE__ */ i(F, { icon: "search", iconSize: "sm", mr: 0.5 }),
+                      /* @__PURE__ */ i(E, { icon: "search", iconSize: "sm", mr: 0.5 }),
                       "Add file"
                     ]
                   }
@@ -4416,7 +4431,7 @@ const F = Z(function({
   value: h,
   weight: y
 }) => {
-  const x = E(), m = e ? void 0 : t, [k, w] = R(""), S = c ? h : n == null ? void 0 : n.value, C = K(() => S && typeof S == "string" ? S.split(",").filter(Boolean) : [], [S]), I = v(
+  const x = F(), m = e ? void 0 : t, [k, w] = R(""), S = c ? h : n == null ? void 0 : n.value, C = 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);
@@ -4491,7 +4506,7 @@ const F = Z(function({
               }
             ),
             m ? /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
@@ -4576,7 +4591,7 @@ const F = Z(function({
       type: "button",
       ...o,
       children: /* @__PURE__ */ i(
-        F,
+        E,
         {
           icon: n,
           iconClass: "action",
@@ -4602,7 +4617,7 @@ const F = Z(function({
   setValue: u,
   value: h
 }) => {
-  const y = E(), x = n ? void 0 : e, m = t < 0 ? 0 : t, [k, w] = R(
+  const y = F(), x = n ? void 0 : e, m = t < 0 ? 0 : t, [k, w] = R(
     h ? L.toNumber(h) : 0
   ), S = v(() => {
     const T = (k - 10 ** -m).toFixed(m), z = Math.max(Number(s), Number(T));
@@ -4664,7 +4679,7 @@ const F = Z(function({
           }
         ),
         x && /* @__PURE__ */ i(
-          F,
+          E,
           {
             icon: "exclamation-circle",
             iconClass: "error-icon",
@@ -4912,7 +4927,7 @@ const F = Z(function({
   watch: d,
   weight: p
 }) => {
-  const g = E(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [x, m] = R(!1), [k, w] = R(""), { refs: S, floatingStyles: C } = rt({
+  const g = F(), u = B(null), h = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [x, m] = R(!1), [k, w] = R(""), { refs: S, floatingStyles: C } = rt({
     placement: "bottom-start",
     whileElementsMounted: nt
   }), { inputRef: I, inputValue: j, handlePhoneValueChange: T, country: z, setCountry: O } = ui({
@@ -4978,7 +4993,7 @@ const F = Z(function({
                 children: [
                   /* @__PURE__ */ i(xt, { iso2: z.iso2, size: "16px" }),
                   /* @__PURE__ */ i(
-                    F,
+                    E,
                     {
                       icon: "angle-down",
                       iconColor: g.palette.gray[400],
@@ -5018,7 +5033,7 @@ const F = Z(function({
                     }
                   ),
                   h ? /* @__PURE__ */ i(
-                    F,
+                    E,
                     {
                       icon: "exclamation-circle",
                       iconClass: "error-icon",
@@ -5084,7 +5099,7 @@ const F = Z(function({
   weight: w,
   value: S
 }) => {
-  const C = E(), I = (k == null ? void 0 : k(l)) ?? S, j = o && r && !e, T = e ? void 0 : t;
+  const C = F(), I = (k == null ? void 0 : k(l)) ?? S, j = o && r && !e, T = e ? void 0 : t;
   return /* @__PURE__ */ i(
     Q,
     {
@@ -5124,7 +5139,7 @@ const F = Z(function({
               }
             ),
             T ? /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
@@ -5133,7 +5148,7 @@ const F = Z(function({
               }
             ) : void 0,
             j ? /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: "check-circle",
                 iconClass: "success-icon",
@@ -5317,13 +5332,15 @@ const F = Z(function({
   const r = K(
     () => [
       // locked -> visible -> hidden
-      ...t.filter(({ locked: p }) => p).map(({ locked: p, ...g }) => ({ ...g, visible: !0, locked: p })),
+      ...t.filter(({ locked: p }) => p).map(({ locked: p, ...g }) => ({
+        ...g,
+        visible: !0,
+        locked: p
+      })),
       ...t.filter(({ locked: p }) => !p)
     ],
     [t]
-  ), [o, s] = R(r);
-  console.log("columns", o);
-  const l = v(
+  ), [o, s] = R(r), l = v(
     (p) => {
       const g = p.filter(({ locked: x }) => !x), h = [...p.filter(({ locked: x }) => x), ...g], y = h.map(({ name: x }) => x);
       s((x) => [
@@ -5335,17 +5352,16 @@ const F = Z(function({
   ), c = v(() => {
     const p = o.map((g) => {
       var h;
-      const u = g.locked || ((n == null ? void 0 : n.includes(g.id)) ?? !1);
-      return g.visible !== u && ((h = g.toggleVisibility) == null || h.call(g, u)), { ...g, visible: u };
+      const u = (n == null ? void 0 : n.includes(g.id)) ?? !1;
+      return (h = g.toggleVisibility) == null || h.call(g, u), {
+        ...g,
+        visible: u
+      };
     }).toSorted((g, u) => {
-      if (g.locked && !u.locked) return -1;
-      if (!g.locked && u.locked) return 1;
-      if (Number(u.visible) !== Number(g.visible))
-        return Number(u.visible) - Number(g.visible);
       const h = (n == null ? void 0 : n.indexOf(g.id)) ?? 0, y = (n == null ? void 0 : n.indexOf(u.id)) ?? 0;
-      return h - y;
+      return Number(u.visible) !== Number(g.visible) ? Number(u.visible) - Number(g.visible) : h - y;
     });
-    s(p), a == null || a(p.map(({ id: g }) => g));
+    s(p), a == null || a(n);
   }, [o, n, a]), d = K(() => fi(o, (p) => ((n == null ? void 0 : n.includes(p.id)) ?? !1) !== p.visible), [o, n]);
   return {
     setColumns: l,
@@ -5511,7 +5527,7 @@ const F = Z(function({
   isATag: d = !1,
   width: p = "fit-content"
 }) => {
-  const g = E();
+  const g = F();
   return /* @__PURE__ */ f(
     b,
     {
@@ -5556,7 +5572,7 @@ const F = Z(function({
                     width: "32px"
                   }
                 ),
-                a === void 0 ? void 0 : /* @__PURE__ */ i(F, { icon: a, iconSize: "sm", iconType: "fa-light" }),
+                a === void 0 ? void 0 : /* @__PURE__ */ i(E, { icon: a, iconSize: "sm", iconType: "fa-light" }),
                 /* @__PURE__ */ f(b, { display: "flex", flexDirection: "column", width: "100%", children: [
                   /* @__PURE__ */ i(
                     N,
@@ -5690,7 +5706,7 @@ const F = Z(function({
   minWidth: a = "auto",
   height: r = "auto"
 }) => {
-  const o = E();
+  const o = F();
   return /* @__PURE__ */ f(
     b,
     {
@@ -5733,7 +5749,7 @@ const F = Z(function({
   py: o = jt,
   ...s
 }) => {
-  const l = E();
+  const l = F();
   return /* @__PURE__ */ i(
     b,
     {
@@ -5907,7 +5923,7 @@ const F = Z(function({
   variant: a = "normal",
   expanded: r = !1
 }) => {
-  const o = E(), [s, l] = R(!1), [c, d] = R(!0), p = v(() => {
+  const o = F(), [s, l] = R(!1), [c, d] = R(!0), p = v(() => {
     l((y) => !y);
   }, [l]), g = v(() => {
     if (L.isNil(t) || L.isEmpty(t) || !L.isString(t))
@@ -5956,7 +5972,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
           c ? /* @__PURE__ */ f(V, { onClick: p, variant: "ghost", children: [
             s ? "Show Less" : "Show more",
             /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: s ? "chevron-up" : "chevron-down",
                 iconColor: o.palette.gray[700],
@@ -6159,7 +6175,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   otherActions: a,
   onClose: r
 }) => {
-  const o = E(), s = v(() => {
+  const o = F(), s = v(() => {
     r == null || r(), n.close();
   }, [n, r]);
   return U(() => {
@@ -6365,7 +6381,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   box: n = !1,
   variant: a = "primary"
 }) => {
-  const r = E();
+  const r = F();
   return /* @__PURE__ */ i(
     b,
     {
@@ -6504,7 +6520,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   value: p,
   ...g
 }) => {
-  const h = E().palette.gray[t ? 300 : 800], y = t ? Xe.map(e, (x) => Ut(x) ? Gt(x, {
+  const h = F().palette.gray[t ? 300 : 800], y = t ? Xe.map(e, (x) => Ut(x) ? Gt(x, {
     disabled: t,
     ...x.props
   }) : x) : e;
@@ -6522,7 +6538,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
       children: [
         n !== void 0 || p !== void 0 ? /* @__PURE__ */ f(b, { alignItems: "center", display: "flex", gap: 0.625, children: [
           n ? /* @__PURE__ */ i(
-            F,
+            E,
             {
               disabled: t,
               icon: n,
@@ -6534,7 +6550,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
           r === void 0 ? y : /* @__PURE__ */ i(se, { href: r, children: y })
         ] }) : null,
         d || c ? /* @__PURE__ */ i(
-          F,
+          E,
           {
             disabled: t,
             icon: c ?? "check",
@@ -6658,7 +6674,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   defaultCollapsed: a,
   onChange: r
 }) => {
-  const o = E(), [s, l] = R(a ?? !1), c = v(() => {
+  const o = F(), [s, l] = R(a ?? !1), c = v(() => {
     l((d) => !d);
   }, []);
   return /* @__PURE__ */ f(
@@ -6686,7 +6702,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
             children: [
               /* @__PURE__ */ i(N, { color: o.palette.gray[800], fontWeight: "bold", size: "sm", children: t }),
               /* @__PURE__ */ i(
-                F,
+                E,
                 {
                   icon: s ? "chevron-up" : "chevron-down",
                   iconColor: o.palette.gray[400],
@@ -6796,7 +6812,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   value: r,
   ...o
 }) => {
-  const s = B(null), l = E(), [c, d] = R(!1), [p, g] = R(r ?? ""), { refs: u, floatingStyles: h } = rt(), y = v(() => {
+  const s = B(null), l = F(), [c, d] = R(!1), [p, g] = R(r ?? ""), { refs: u, floatingStyles: h } = rt(), y = v(() => {
     d((S) => !S);
   }, []), x = v(
     (S) => {
@@ -6820,7 +6836,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   );
   const w = /* @__PURE__ */ f(io, { children: [
     /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: "magnifying-glass",
         iconColor: l.palette.gray[700],
@@ -6997,7 +7013,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   modalRef: n,
   variant: a
 }) => {
-  const r = E(), o = B(null), [s, l] = R(void 0), c = v(
+  const r = F(), o = B(null), [s, l] = R(void 0), c = v(
     (g) => {
       const { checked: u, value: h } = g.target, y = n.columns.map((x) => {
         var m;
@@ -7442,7 +7458,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   setDirection: r,
   setHandler: o
 }) => {
-  const s = E(), [l, c] = R(e), [d, p] = R(
+  const s = F(), [l, c] = R(e), [d, p] = R(
     []
   ), [g, u] = R({}), [h, y] = R(""), x = v(
     (w) => () => {
@@ -7580,7 +7596,7 @@ ${y[8]}...` : (y.length < 8 && d(!1), t);
   modalRef: a,
   variant: r
 }) => {
-  const [o, s] = R("row"), [l, c] = R(!0), d = E(), p = B(null), g = /* @__PURE__ */ i(
+  const [o, s] = R("row"), [l, c] = R(!0), d = F(), p = B(null), g = /* @__PURE__ */ i(
     _,
     {
       icon: "close",
@@ -7988,7 +8004,7 @@ const ze = ({
   size: u,
   id: h = "modal-container"
 }) => {
-  const y = E(), x = /* @__PURE__ */ i(
+  const y = F(), x = /* @__PURE__ */ i(
     fn,
     {
       "aria-label": l.name,
@@ -8213,7 +8229,7 @@ const ze = ({
   options: r,
   title: o
 }) => {
-  const s = E(), [l, c] = R(!1), d = l ? "chevron-up" : "chevron-down", { refs: p, floatingStyles: g } = _t({
+  const s = F(), [l, c] = R(!1), d = l ? "chevron-up" : "chevron-down", { refs: p, floatingStyles: g } = _t({
     middleware: [it({ mainAxis: 4 })],
     placement: "bottom-start"
   }), u = v(() => {
@@ -8254,7 +8270,7 @@ const ze = ({
           onClick: h.disabled ? void 0 : y,
           children: [
             /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: h.icon,
                 iconColor: h.iconColor ?? s.palette.gray[300],
@@ -8374,7 +8390,7 @@ const ze = ({
   yupSchema: u,
   ...h
 }) => {
-  const y = E(), x = Jt({
+  const y = F(), x = Jt({
     ...h,
     mode: c ?? "all",
     resolver: u ? zi(u) : void 0
@@ -8525,12 +8541,12 @@ const ze = ({
   label: t,
   onSelect: n
 }) => {
-  const a = E(), r = v(() => {
+  const a = F(), r = v(() => {
     n && n(t);
   }, [n, t]);
   return /* @__PURE__ */ f(xn, { $isSelected: e, onClick: r, children: [
     e ? /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: "check",
         iconColor: a.palette.gray[800],
@@ -8549,7 +8565,7 @@ const ze = ({
   title: s,
   variant: l
 }) => {
-  const c = E(), [d, p] = R(t), [g, u] = R(""), h = v(
+  const c = F(), [d, p] = R(t), [g, u] = R(""), h = v(
     (m) => {
       p(
         (k) => k.filter(
@@ -8628,7 +8644,7 @@ const ze = ({
                 children: [
                   l === "organization-selector" ? /* @__PURE__ */ i(xn, { onClick: n, children: /* @__PURE__ */ f(b, { alignItems: "center", display: "flex", children: [
                     /* @__PURE__ */ i(
-                      F,
+                      E,
                       {
                         icon: "square-plus",
                         iconColor: c.palette.gray[400],
@@ -8672,7 +8688,7 @@ const ze = ({
   variant: d = "centered",
   width: p = "318px"
 }) => {
-  const g = E(), u = d === "centered", h = s && /* @__PURE__ */ i(
+  const g = F(), u = d === "centered", h = s && /* @__PURE__ */ i(
     ee,
     {
       icon: r ?? n,
@@ -8729,7 +8745,7 @@ const ze = ({
   tabs: r,
   footer: o
 }) => {
-  const s = E();
+  const s = F();
   return /* @__PURE__ */ f(
     b,
     {
@@ -8917,7 +8933,7 @@ const ze = ({
   label: t,
   size: n
 }) => {
-  const a = E();
+  const a = F();
   return /* @__PURE__ */ f(b, { alignItems: "center", display: "flex", children: [
     /* @__PURE__ */ f(Uo, { $size: n, viewBox: "0 0 100 100", children: [
       /* @__PURE__ */ i(_o, { $color: e, cx: "50", cy: "50", r: "45" }),
@@ -8960,7 +8976,7 @@ const ze = ({
   userInfo: r,
   setVisibility: o
 }) => {
-  const s = E(), { userName: l, email: c, phone: d, userRole: p } = r;
+  const s = F(), { userName: l, email: c, phone: d, userRole: p } = r;
   return de(a, () => {
     o(!1);
   }), /* @__PURE__ */ f(qr, { children: [
@@ -9028,7 +9044,7 @@ const ze = ({
   onClose: s,
   buttonSide: l = "end"
 }) => {
-  const c = E(), [d, p] = R(r), g = v(() => {
+  const c = F(), [d, p] = R(r), g = v(() => {
     p(!1), s == null || s();
   }, [s]);
   U(() => {
@@ -9046,7 +9062,7 @@ const ze = ({
       }
     ),
     /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: o ?? "arrow-right",
         iconColor: c.palette.white,
@@ -9071,7 +9087,7 @@ const ze = ({
           l === "end" && t ? u : void 0
         ] }),
         /* @__PURE__ */ i(
-          F,
+          E,
           {
             clickable: !0,
             hoverColor: c.palette.primary[200],
@@ -9141,7 +9157,7 @@ const ze = ({
   title: n,
   variant: a
 }) => {
-  const r = E(), o = v(() => {
+  const r = F(), o = v(() => {
     t == null || t();
   }, [t]);
   return /* @__PURE__ */ f(
@@ -9152,10 +9168,10 @@ const ze = ({
       role: "alertdialog",
       children: [
         /* @__PURE__ */ f(Jo, { $variant: a, children: [
-          /* @__PURE__ */ i(F, { icon: "circle", iconClass: "ellipse-1", iconSize: "xs" }),
-          /* @__PURE__ */ i(F, { icon: "circle", iconClass: "ellipse-2", iconSize: "xs" }),
+          /* @__PURE__ */ i(E, { icon: "circle", iconClass: "ellipse-1", iconSize: "xs" }),
+          /* @__PURE__ */ i(E, { icon: "circle", iconClass: "ellipse-2", iconSize: "xs" }),
           /* @__PURE__ */ i(
-            F,
+            E,
             {
               icon: Qo(a),
               iconClass: "icon",
@@ -9277,7 +9293,7 @@ const ze = ({
   onlyLabel: a = !1,
   provider: r = "GitLab"
 }) => {
-  const o = E();
+  const o = F();
   return /* @__PURE__ */ f(
     b,
     {
@@ -9306,7 +9322,7 @@ const ze = ({
             width: "100%"
           }
         ) : /* @__PURE__ */ i(
-          F,
+          E,
           {
             icon: e,
             iconColor: "#000",
@@ -9337,7 +9353,7 @@ const ze = ({
   manualOption: r,
   providers: o
 }) => {
-  const s = E(), [l, c] = R(!1), d = B(null);
+  const s = F(), [l, c] = R(!1), d = B(null);
   de(
     d.current,
     () => {
@@ -9453,10 +9469,10 @@ const ze = ({
   onClick: t,
   text: n
 }) => {
-  const a = E(), r = /* @__PURE__ */ f(il, { children: [
-    /* @__PURE__ */ i(F, { icon: "circle", iconClass: "ellipse-1", iconSize: "xs" }),
-    /* @__PURE__ */ i(F, { icon: "circle", iconClass: "ellipse-2", iconSize: "xs" }),
-    /* @__PURE__ */ i(F, { icon: "crown", iconClass: "icon", iconSize: "xs" })
+  const a = F(), r = /* @__PURE__ */ f(il, { children: [
+    /* @__PURE__ */ i(E, { icon: "circle", iconClass: "ellipse-1", iconSize: "xs" }),
+    /* @__PURE__ */ i(E, { icon: "circle", iconClass: "ellipse-2", iconSize: "xs" }),
+    /* @__PURE__ */ i(E, { icon: "crown", iconClass: "icon", iconSize: "xs" })
   ] });
   return n !== void 0 ? /* @__PURE__ */ i(
     b,
@@ -9494,10 +9510,10 @@ const ze = ({
 }, gc = ({
   score: e
 }) => {
-  const t = E(), n = e <= 33 ? "priority-bars-low" : "priority-bars-medium", a = e > 66 || e === 0 ? "priority-bars-high" : n;
+  const t = F(), n = e <= 33 ? "priority-bars-low" : "priority-bars-medium", a = e > 66 || e === 0 ? "priority-bars-high" : n;
   return /* @__PURE__ */ f(b, { alignItems: "center", display: "inline-flex", gap: 0.25, children: [
     /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: a,
         iconClass: e <= 66 ? "fa-kit-duotone" : "",
@@ -9712,7 +9728,7 @@ const ze = ({
     default:
       return t.palette.gray[800];
   }
-}, pl = $(F)`
+}, pl = $(E)`
   box-sizing: border-box;
 
   border-right: ${({ theme: e, $variant: t }) => t === "in progress" ? `1px dashed ${mn("in progress", e)}` : "unset"};
@@ -9736,7 +9752,7 @@ const ze = ({
   onClick: o,
   orientation: s = "horizontal"
 }) => {
-  const l = E(), c = {
+  const l = F(), c = {
     completed: "circle-check",
     disabled: "circle-dashed",
     error: "circle-exclamation",
@@ -9824,7 +9840,7 @@ const ze = ({
   highlightDescription: t = "",
   mobile: n
 }) => {
-  const a = E(), r = n ? "md" : "lg", o = typeof t == "string", s = o ? "" : new RegExp(`(${t.join("|")})`, "u");
+  const a = F(), r = n ? "md" : "lg", o = typeof t == "string", s = o ? "" : new RegExp(`(${t.join("|")})`, "u");
   return t.length > 0 ? /* @__PURE__ */ i(
     N,
     {
@@ -9884,7 +9900,7 @@ const ze = ({
   title: g,
   titleColor: u
 }) => {
-  const h = E(), { alt: y, src: x, width: m = "77px", height: k = "77px" } = c, w = v(() => {
+  const h = F(), { alt: y, src: x, width: m = "77px", height: k = "77px" } = c, w = v(() => {
     t == null || t.onClick();
   }, [t]), S = v(() => {
     r == null || r.onClick();
@@ -10035,7 +10051,7 @@ const ze = ({
   right: r,
   zIndex: o = 100
 }) => {
-  const [s, l] = R(!1), [c, d] = R(null), p = E();
+  const [s, l] = R(!1), [c, d] = R(null), p = F();
   U(() => {
     d(document.getElementById(e)), c == null || c.addEventListener("scroll", () => {
       l(c.scrollTop > n);
@@ -10095,7 +10111,7 @@ const ze = ({
   textR: t,
   variant: n
 }) => {
-  const a = E(), { bgColor: r, colorL: o, colorR: s } = bl[n];
+  const a = F(), { bgColor: r, colorL: o, colorR: s } = bl[n];
   return /* @__PURE__ */ f(b, { alignItems: "flex-start", display: "inline-flex", children: [
     e ? /* @__PURE__ */ i(
       b,
@@ -10226,7 +10242,7 @@ const ze = ({
   requiresUpgrade: r = !1,
   title: o
 }) => {
-  const s = E();
+  const s = F();
   return /* @__PURE__ */ f(
     b,
     {
@@ -10251,7 +10267,7 @@ const ze = ({
             justify: "center",
             width: "24px",
             children: /* @__PURE__ */ i(
-              F,
+              E,
               {
                 icon: n,
                 iconColor: s.palette.gray[800],
@@ -10308,7 +10324,7 @@ const ze = ({
   secondaryOnClick: c,
   title: d
 }) => {
-  const p = E(), g = B(null), u = v(
+  const p = F(), g = B(null), u = v(
     (h) => () => {
       h(), r();
     },
@@ -10550,7 +10566,7 @@ const ze = ({
   );
   return /* @__PURE__ */ i("div", { ...o, className: `thumb ${l ? "dragging" : ""}`, children: /* @__PURE__ */ i(Ei, { children: /* @__PURE__ */ i("input", { ...s, "aria-label": a, ref: r }) }) });
 }, Il = (e, t, n) => Math.round((n - e) / (t - e) * 100), wc = (e) => {
-  const t = E(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: s, setValue: l, watch: c } = e, d = Ri(), p = ji({
+  const t = F(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: s, setValue: l, watch: c } = e, d = Ri(), p = ji({
     ...e,
     numberFormatter: d,
     onChange(y) {
@@ -10697,7 +10713,7 @@ const ze = ({
   return /* @__PURE__ */ i(Nl, { children: r.map((c, d) => {
     const { content: p, title: g, nextAction: u, previousAction: h } = c, y = d + 1, x = y === o ? "current" : "disabled", m = y < o ? "completed" : x;
     return /* @__PURE__ */ f(Dl, { children: [
-      /* @__PURE__ */ i(b, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(El, { $variant: m, children: m === "completed" ? /* @__PURE__ */ i(F, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : y }) }),
+      /* @__PURE__ */ i(b, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(El, { $variant: m, children: m === "completed" ? /* @__PURE__ */ i(E, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : y }) }),
       /* @__PURE__ */ f(b, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ i(
           le,
@@ -10878,10 +10894,10 @@ const ze = ({
     opacity: ${({ $variant: e }) => e === "asc" ? 0 : 1};
   }
 `, Mt = (e) => {
-  const t = E(), { variant: n } = e;
+  const t = F(), { variant: n } = e;
   return /* @__PURE__ */ f(Al, { $variant: n, children: [
     /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: "caret-up",
         iconColor: t.palette.gray[700],
@@ -10890,7 +10906,7 @@ const ze = ({
       }
     ),
     /* @__PURE__ */ i(
-      F,
+      E,
       {
         icon: "caret-down",
         iconColor: t.palette.gray[700],
@@ -11139,7 +11155,7 @@ const ze = ({
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
 `, Hl = () => {
-  const e = E(), { table: t } = he(pe), { groupHeaders: n, tooltips: a } = (t == null ? void 0 : t.options.meta) ?? {}, r = v(
+  const e = F(), { table: t } = he(pe), { groupHeaders: n, tooltips: a } = (t == null ? void 0 : t.options.meta) ?? {}, r = v(
     (d) => () => {
       d.column.getCanSort() && (t == null || t.setPageIndex(0), d.column.toggleSorting());
     },
@@ -11274,7 +11290,7 @@ const ze = ({
   display: flex;
   width: 100%;
 `, Bl = () => {
-  const e = E(), { table: t } = he(pe), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, a = K(() => {
+  const e = F(), { table: t } = he(pe), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, a = K(() => {
     const { enableRowSelection: l, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return l || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), r = v(
@@ -11334,7 +11350,7 @@ const ze = ({
                   onClick: o(l),
                   style: { cursor: "pointer", marginRight: "1rem" },
                   children: /* @__PURE__ */ i(
-                    F,
+                    E,
                     {
                       icon: l.getIsExpanded() ? "angle-up" : "angle-down",
                       iconSize: "xs",
@@ -11445,7 +11461,7 @@ const ze = ({
     )
   ] });
 }, Gl = 10, _l = 20, Yl = 50, Kl = 100, Zl = () => {
-  const e = E(), { table: t } = he(pe), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [a, r] = R(!1), [o, s] = R(
+  const e = F(), { table: t } = he(pe), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [a, r] = R(!1), [o, s] = R(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
   ), { refs: l, floatingStyles: c } = rt({
     middleware: [it({ mainAxis: 4 })],
@@ -11792,7 +11808,7 @@ const ze = ({
   type: s = "button",
   variant: l
 }) => {
-  const c = E(), d = /* @__PURE__ */ f(
+  const c = F(), d = /* @__PURE__ */ f(
     cs,
     {
       "aria-label": r ?? void 0,
@@ -11803,7 +11819,7 @@ const ze = ({
       type: s,
       children: [
         /* @__PURE__ */ i(
-          F,
+          E,
           {
             clickable: !1,
             icon: t ?? ds[l].icon,
@@ -11898,7 +11914,7 @@ const ze = ({
   title: n,
   size: a = "long"
 }) => {
-  const r = E();
+  const r = F();
   return /* @__PURE__ */ f(ps, { $size: a, className: "timeline-card", children: [
     /* @__PURE__ */ i(
       N,
@@ -12032,7 +12048,7 @@ export {
   Qs as P,
   ec as Q,
   tc as R,
-  F as S,
+  E as S,
   _ as T,
   nc as U,
   ic as V,