@fluidattacks/design 3.33.4 → 3.33.5

package/dist/{components-mePH8kmD.mjs → components-dwtjBSq5.mjs}

@@ -1,5 +1,5 @@
-import { jsx as i, jsxs as h, Fragment as ge } from "react/jsx-runtime";
-import tt, { forwardRef as ee, useState as R, useCallback as v, useEffect as G, useMemo as Z, StrictMode as Ai, useRef as V, Fragment as $e, Children as kt, isValidElement as En, cloneElement as An, createContext as Ln, useContext as he } from "react";
+import { jsx as i, jsxs as h, Fragment as pe } from "react/jsx-runtime";
+import tt, { forwardRef as ee, useState as R, useCallback as v, useEffect as G, useMemo as Z, StrictMode as Ai, useRef as V, Fragment as he, Children as kt, isValidElement as En, cloneElement as An, createContext as Ln, useContext as fe } from "react";
 import { ThemeProvider as Li, styled as m, useTheme as L, css as Ve, keyframes as jn } from "styled-components";
 import { C as ji, s as Ri, _ as O, A as Oi, l as Pi, p as Wi, c as Tt, u as Oe, a as Hi, b as Bi, d as Vi, e as Mi, f as U, g as nt, h as Rn, o as it, i as _i, $ as Gi, j as Ui, k as Yi, m as Xi, n as Ki, q as Zi, r as qi, t as Ji, v as Qi, w as On, x as Pn, y as Dt, z as er, B as tr, D as nr, E as qt, F as rt, G as ir, H as rr, I as Wn, J as ot, K as Hn, L as or, M as ar, N as lr, O as sr, P as cr, Q as te, R as dr, S as Bn, T as pr, U as Vn, V as Mn, W as gr, X as ur, Y as hr, Z as fr, a0 as yr, a1 as $r, a2 as Nt, a3 as br, a4 as Jt, a5 as Qt, a6 as en, a7 as je, a8 as xr, a9 as _n, aa as Gn, ab as Un, ac as mr, ad as wr, ae as vr, af as $t, ag as Yn, ah as kr, ai as Cr, aj as Sr, ak as zr, al as Ir, am as Tr, aq as Xn, ar as Dr, as as Nr, at as Fr, au as Er, av as Ar, aw as Lr, ax as jr, ay as Rr, az as Or, aA as Pr, aB as Ct, aC as Wr, aD as tn, aE as Hr, aF as nn, aG as Br } from "./vendor-D0NwKL2j.mjs";
 import { createPortal as Ne } from "react-dom";
@@ -1036,7 +1036,7 @@ const A = ee(function({
       clearInterval(l);
     };
   }, [e]), { cycle: r, progress: a, setCycle: o, setProgress: s };
-}, fe = (e, t, n = !1, r) => {
+}, ye = (e, t, n = !1, r) => {
   G(() => {
     var a;
     const o = (s) => {
@@ -1144,7 +1144,7 @@ const A = ee(function({
       width: n
     }
   );
-}, ye = tt.memo(ko), rn = {
+}, be = tt.memo(ko), rn = {
   external: "External pentester",
   scanner: "Fluid Attacks Scanner",
   pentester: "Fluid Attacks Pentester"
@@ -1153,7 +1153,7 @@ const A = ee(function({
   return /* @__PURE__ */ h($o, { $includeAuthor: !!e, $variant: t, children: [
     /* @__PURE__ */ h(bo, { $variant: t, children: [
       /* @__PURE__ */ i(
-        ye,
+        be,
         {
           alt: rn[t],
           height: "11px",
@@ -1251,7 +1251,7 @@ const A = ee(function({
       border-color: transparent;
     }
   `}
-`, be = m.div`
+`, $e = m.div`
   display: inline-block;
   content: "";
   height: 24px;
@@ -1327,8 +1327,8 @@ const A = ee(function({
               variant: p
             }
           ),
-          e ? /* @__PURE__ */ h(ge, { children: [
-            /* @__PURE__ */ i(be, {}),
+          e ? /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
             /* @__PURE__ */ h(
               D,
               {
@@ -1342,8 +1342,8 @@ const A = ee(function({
               }
             )
           ] }) : void 0,
-          l ? /* @__PURE__ */ h(ge, { children: [
-            /* @__PURE__ */ i(be, {}),
+          l ? /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
             /* @__PURE__ */ h(
               D,
               {
@@ -1357,8 +1357,8 @@ const A = ee(function({
               }
             )
           ] }) : void 0,
-          c ? /* @__PURE__ */ h(ge, { children: [
-            /* @__PURE__ */ i(be, {}),
+          c ? /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
             /* @__PURE__ */ h(
               D,
               {
@@ -1694,7 +1694,7 @@ const A = ee(function({
     T,
     j
   ]), F = Z(() => I.startsWith("top") ? "top" : I.startsWith("bottom") ? "bottom" : I.startsWith("left") ? "left" : I.startsWith("right") ? "right" : "bottom", [I]);
-  return t ? /* @__PURE__ */ i(Ai, { children: e }) : /* @__PURE__ */ h(ge, { children: [
+  return t ? /* @__PURE__ */ i(Ai, { children: e }) : /* @__PURE__ */ h(pe, { children: [
     /* @__PURE__ */ i(
       Lo,
       {
@@ -3013,7 +3013,7 @@ const A = ee(function({
         gap: 0.25,
         width: "100%",
         children: [
-          s && /* @__PURE__ */ h(ge, { children: [
+          s && /* @__PURE__ */ h(pe, { children: [
             /* @__PURE__ */ i(
               A,
               {
@@ -3347,7 +3347,7 @@ const A = ee(function({
     },
     [p, e.key, e.rendered, s, o]
   );
-  return fe(
+  return ye(
     document.getElementsByClassName("dropdown")[0],
     () => {
       t && s.close();
@@ -3485,7 +3485,7 @@ const A = ee(function({
   ), { listBoxProps: _t } = Qi(Fi, ie, Ee), { buttonProps: Ei } = On(Di, Fe), { width: Gt } = ((Kt = Ae.current) == null ? void 0 : Kt.getBoundingClientRect()) ?? {
     width: 240
   };
-  fe(
+  ye(
     Ae.current,
     () => {
       ie.isOpen && !p && ie.close();
@@ -4995,7 +4995,7 @@ const A = ee(function({
   placeholder: g,
   remove: u,
   tooltip: f
-}) => n && o ? /* @__PURE__ */ i($e, { children: o.map((y, b) => /* @__PURE__ */ i(
+}) => n && o ? /* @__PURE__ */ i(he, { children: o.map((y, b) => /* @__PURE__ */ i(
   Dt,
   {
     control: n,
@@ -5508,7 +5508,7 @@ const A = ee(function({
       children: "Replace file"
     }
   ) : void 0;
-  return /* @__PURE__ */ h($e, { children: [
+  return /* @__PURE__ */ h(he, { children: [
     !r && /* @__PURE__ */ h(
       Ta,
       {
@@ -6075,7 +6075,7 @@ const A = ee(function({
               )
             ]
           }
-        ) : /* @__PURE__ */ h(ge, { children: [
+        ) : /* @__PURE__ */ h(pe, { children: [
           /* @__PURE__ */ i(
             Ue,
             {
@@ -6374,7 +6374,7 @@ const A = ee(function({
     const { name: Y } = Qt(M);
     return Y.toLowerCase().includes(w.toLowerCase());
   });
-  return fe(
+  return ye(
     C.floating.current,
     () => {
       x(!1), S("");
@@ -6945,7 +6945,7 @@ const A = ee(function({
               width: "100%",
               children: [
                 !d && n !== void 0 && /* @__PURE__ */ i(
-                  ye,
+                  be,
                   {
                     alt: e ?? "card image",
                     height: "32px",
@@ -6971,7 +6971,7 @@ const A = ee(function({
           )
         ] }),
         d && /* @__PURE__ */ i(Za, { children: /* @__PURE__ */ i(
-          ye,
+          be,
           {
             alt: e ?? "tag image",
             height: "40px",
@@ -6982,7 +6982,7 @@ const A = ee(function({
       ]
     }
   );
-}, pe = m.div`
+}, ge = m.div`
   ${({ theme: e }) => `
     align-items: center;
     background-color: ${e.palette.gray[200]};
@@ -7019,45 +7019,45 @@ const A = ee(function({
     width: 0;
   }
 
-  input:checked + ${pe} {
+  input:checked + ${ge} {
     background-color: ${({ theme: e }) => e.palette.primary[500]};
   }
 
-  input:checked + ${pe} > div {
+  input:checked + ${ge} > div {
     transform: translateX(100%);
   }
 
-  input:checked + ${pe} > ${Ce} svg {
+  input:checked + ${ge} > ${Ce} svg {
     color: ${({ theme: e }) => e.palette.primary[500]};
   }
 
-  input:not(:checked) + ${pe} {
+  input:not(:checked) + ${ge} {
     background-color: ${({ theme: e }) => e.palette.gray[300]};
   }
 
-  input:not(:checked):not(:disabled) + ${pe} > ${Ce} svg {
+  input:not(:checked):not(:disabled) + ${ge} > ${Ce} svg {
     color: ${({ theme: e }) => e.palette.gray[500]};
   }
 
-  input:disabled + ${pe} > ${Ce} svg {
+  input:disabled + ${ge} > ${Ce} svg {
     color: ${({ theme: e }) => e.palette.white};
   }
 
-  input:disabled + ${pe} > ${Ce} {
+  input:disabled + ${ge} > ${Ce} {
     background-color: ${({ theme: e }) => e.palette.gray[400]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
   }
 
-  input:checked:disabled + ${pe} > ${Ce} {
+  input:checked:disabled + ${ge} > ${Ce} {
     color: ${({ theme: e }) => e.palette.white};
     left: 0.5px;
   }
 
-  input:disabled:not(:checked) + ${pe} > ${Ce} {
+  input:disabled:not(:checked) + ${ge} > ${Ce} {
     left: 1.5px;
   }
 
-  input:disabled + ${pe} {
+  input:disabled + ${ge} {
     cursor: not-allowed;
     background-color: ${({ theme: e }) => e.palette.gray[200]};
     border: 1px solid ${({ theme: e }) => e.palette.gray[400]};
@@ -7211,7 +7211,7 @@ const A = ee(function({
         type: "checkbox"
       }
     ),
-    /* @__PURE__ */ i(pe, { "aria-label": "Toggle Switch", id: `${s}Toggle`, children: /* @__PURE__ */ i(Ce, { children: o ? /* @__PURE__ */ i(A, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
+    /* @__PURE__ */ i(ge, { "aria-label": "Toggle Switch", id: `${s}Toggle`, children: /* @__PURE__ */ i(Ce, { children: o ? /* @__PURE__ */ i(A, { icon: t ? "check" : "times", iconSize: "md" }) : void 0 }) })
   ] }), C = () => {
     const k = S();
     return n && p ? /* @__PURE__ */ i(oe, { id: `${s}-tooltip`, place: g, tip: p, children: k }) : k;
@@ -8861,7 +8861,7 @@ ${b[8]}...` : (b.length < 8 && p(!1), n);
   register: n,
   setValue: r,
   watch: o
-}) => /* @__PURE__ */ i(ge, { children: t.map((a, s) => {
+}) => /* @__PURE__ */ i(pe, { children: t.map((a, s) => {
   const l = `${a.type}-${a.value}-${a.filterFn ?? "default"}`;
   return /* @__PURE__ */ h("div", { children: [
     /* @__PURE__ */ i(
@@ -9672,7 +9672,7 @@ const Ye = ({
                 style: k ? { borderBottom: `1px solid ${y.palette.gray[200]}` } : void 0,
                 children: [
                   r,
-                  O.isObject(a) && O.isString(a.imageSrc) && /* @__PURE__ */ i(fl, { $framed: a.imageFramed, children: /* @__PURE__ */ i(ye, { alt: "modal-img", publicId: a.imageSrc }) }),
+                  O.isObject(a) && O.isString(a.imageSrc) && /* @__PURE__ */ i(fl, { $framed: a.imageFramed, children: /* @__PURE__ */ i(be, { alt: "modal-img", publicId: a.imageSrc }) }),
                   O.isObject(a) && O.isString(a.imageText) && /* @__PURE__ */ i(D, { size: "md", children: a.imageText })
                 ]
               }
@@ -9869,14 +9869,14 @@ const Ye = ({
   }), u = v(() => {
     c((f) => !f);
   }, []);
-  return fe(
+  return ye(
     l ? p.floating.current : null,
     () => {
       c(!1);
     },
     !0,
     [document.getElementById(`dropdown-toggle-${n}`)]
-  ), /* @__PURE__ */ h($e, { children: [
+  ), /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ i(
       X,
       {
@@ -9967,7 +9967,7 @@ const Ye = ({
 }) => {
   const l = (t ?? e) !== void 0;
   return /* @__PURE__ */ h(Ql, { $padding: o, children: [
-    /* @__PURE__ */ i(es, { children: /* @__PURE__ */ i(ye, { alt: "empty-icon", publicId: r }) }),
+    /* @__PURE__ */ i(es, { children: /* @__PURE__ */ i(be, { alt: "empty-icon", publicId: r }) }),
     /* @__PURE__ */ i(
       Q,
       {
@@ -10251,7 +10251,7 @@ const Ye = ({
   groupedFilters: n,
   handleChangeId: r
 }, o) {
-  const a = L(), [s, l] = R(""), { values: c, updateSearch: d, setValues: p } = he(yt), { searchGlobal: g } = c, u = ls(n, g), f = Z(() => Object.values(c).filter(Boolean).length > 0, [c]), y = v(
+  const a = L(), [s, l] = R(""), { values: c, updateSearch: d, setValues: p } = fe(yt), { searchGlobal: g } = c, u = ls(n, g), f = Z(() => Object.values(c).filter(Boolean).length > 0, [c]), y = v(
     (w) => () => {
       r(w), l(w), d({ previousValue: c[w] ?? "" }), p((S) => ({ ...S, searchGlobal: "", search: "" }));
     },
@@ -10314,7 +10314,7 @@ const Ye = ({
               ) : void 0,
               S.map((k) => {
                 const z = c[k.id].split(",").filter((T) => T && T !== "-").length.toString();
-                return /* @__PURE__ */ i($e, { children: /* @__PURE__ */ h(
+                return /* @__PURE__ */ i(he, { children: /* @__PURE__ */ h(
                   Re,
                   {
                     as: "button",
@@ -10513,7 +10513,7 @@ const Ye = ({
     updateSearch: g,
     updateScrollHeight: u,
     values: f
-  } = he(yt), { search: y } = f, b = Z(() => o.filter(
+  } = fe(yt), { search: y } = f, b = Z(() => o.filter(
     (z) => {
       var T;
       return ((T = z.label) == null ? void 0 : T.toLowerCase().includes(y.toLowerCase())) ?? !1;
@@ -10552,7 +10552,7 @@ const Ye = ({
     o.length,
     g,
     w.length
-  ]), /* @__PURE__ */ i(ge, { children: (c == null ? void 0 : c({
+  ]), /* @__PURE__ */ i(pe, { children: (c == null ? void 0 : c({
     items: b,
     virtualItems: w,
     id: e,
@@ -10567,7 +10567,7 @@ const Ye = ({
     maxValue: l
   })) ?? null });
 }, vt = (e) => (e == null ? void 0 : e.split(",").filter((t) => t !== "")) ?? [], hs = ee(function({ label: t, options: n }, r) {
-  const o = L(), { id: a, searchState: s, values: l, setValues: c, scrollState: d } = he(yt), { includeSearch: p } = s, { height: g, ref: u } = d, f = g !== "fit-content", y = l[a], { search: b } = l, x = v(() => {
+  const o = L(), { id: a, searchState: s, values: l, setValues: c, scrollState: d } = fe(yt), { includeSearch: p } = s, { height: g, ref: u } = d, f = g !== "fit-content", y = l[a], { search: b } = l, x = v(() => {
     c((C) => ({ ...C, [a]: "" }));
   }, [c, a]), w = v(
     (C) => {
@@ -10688,7 +10688,7 @@ const Ye = ({
   ), z = v(() => {
     t.toggle(), c(null), b((T) => ({ ...T, searchGlobal: "", search: "" }));
   }, [t, c, b]);
-  return fe(
+  return ye(
     g.floating.current,
     () => {
       n.isOpen || (t.close(), c(null), b((T) => ({ ...T, searchGlobal: "", search: "" })));
@@ -11363,7 +11363,7 @@ const Ye = ({
                   }
                 ) : void 0,
                 c ? /* @__PURE__ */ i(
-                  ye,
+                  be,
                   {
                     alt: g,
                     height: r,
@@ -11500,7 +11500,7 @@ const Ye = ({
   header: { height: "35px", width: "160px" },
   icon: { height: "40px", width: "40px" },
   inline: { width: "150px" }
-}, ap = ({ publicId: e, variant: t }) => /* @__PURE__ */ i($, { ...Es[t], children: /* @__PURE__ */ i(ye, { alt: "logo", publicId: e }) }), As = m(Dr).attrs(
+}, ap = ({ publicId: e, variant: t }) => /* @__PURE__ */ i($, { ...Es[t], children: /* @__PURE__ */ i(be, { alt: "logo", publicId: e }) }), As = m(Dr).attrs(
   ({ autoplay: e = !0 }) => ({
     autoplay: e,
     className: "comp-lottie"
@@ -11522,7 +11522,7 @@ const Ye = ({
   setVisibility: a
 }) => {
   const s = L(), { userName: l, email: c, phone: d, userRole: p } = o;
-  return fe(r, () => {
+  return ye(r, () => {
     a(!1);
   }), /* @__PURE__ */ h(kl, { children: [
     /* @__PURE__ */ i("li", { className: "user-info", children: /* @__PURE__ */ h($, { display: "inline-flex", gap: 0.25, width: "100%", children: [
@@ -11781,7 +11781,7 @@ const Ye = ({
       pt: 0.5,
       children: [
         r ? !1 : /* @__PURE__ */ i($, { height: "24px", width: "24px", children: e === void 0 ? /* @__PURE__ */ i(
-          ye,
+          be,
           {
             alt: `${o} Logo`,
             height: "100%",
@@ -11821,7 +11821,7 @@ const Ye = ({
   providers: a
 }) => {
   const s = L(), [l, c] = R(!1), d = V(null);
-  fe(
+  ye(
     d.current,
     () => {
       c(!1);
@@ -11965,14 +11965,14 @@ const Ye = ({
     },
     [t]
   );
-  return fe(
+  return ye(
     a.reference.current,
     () => {
       o(!1);
     },
     !0,
     [a.floating.current]
-  ), /* @__PURE__ */ h($e, { children: [
+  ), /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ h(
       $,
       {
@@ -12650,7 +12650,7 @@ const Ye = ({
       lineSpacing: 1.5,
       size: o,
       textAlign: n ? "start" : "center",
-      children: a ? /* @__PURE__ */ h($e, { children: [
+      children: a ? /* @__PURE__ */ h(he, { children: [
         /* @__PURE__ */ i(
           Pe,
           {
@@ -12717,7 +12717,7 @@ const Ye = ({
       textAlign: p ? "start" : "center",
       children: g
     }
-  ), I = /* @__PURE__ */ i(ye, { alt: y, height: w, publicId: b, width: x }), z = /* @__PURE__ */ i(
+  ), I = /* @__PURE__ */ i(be, { alt: y, height: w, publicId: b, width: x }), z = /* @__PURE__ */ i(
     $,
     {
       alignItems: "center",
@@ -12972,7 +12972,7 @@ const Ye = ({
   const { refs: w, floatingStyles: S } = Nt({
     placement: "bottom-start"
   });
-  fe(
+  ye(
     w.floating.current,
     () => y(!1),
     !0
@@ -13685,7 +13685,7 @@ const Ye = ({
       headers: c ? d : void 0,
       children: n
     }
-  ) : /* @__PURE__ */ i($e, { children: n });
+  ) : /* @__PURE__ */ i(he, { children: n });
 }, Tc = (e) => {
   const { table: t } = e, { meta: n } = t.options, [r, o] = R(0), [, a] = t.getHeaderGroups(), s = t.getState(), l = Z(
     () => t.getAllLeafColumns().filter((g) => g.id !== "selection"),
@@ -14033,7 +14033,7 @@ const Ye = ({
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
 `, Ac = () => {
-  const e = L(), { table: t } = he(we), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, o = v(
+  const e = L(), { table: t } = fe(we), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, o = v(
     (d) => () => {
       d.column.getCanSort() && (t == null || t.setPageIndex(0), d.column.toggleSorting());
     },
@@ -14168,7 +14168,7 @@ const Ye = ({
   display: flex;
   width: 100%;
 `, jc = () => {
-  const e = L(), { table: t } = he(we), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = Z(() => {
+  const e = L(), { table: t } = fe(we), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = Z(() => {
     const { enableRowSelection: l, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return l || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), o = v(
@@ -14259,7 +14259,7 @@ const Ye = ({
     selected: a,
     tableSize: s,
     tableRef: l
-  } = he(we);
+  } = fe(we);
   return /* @__PURE__ */ h("div", { ref: e, children: [
     t ? void 0 : /* @__PURE__ */ i(Fc, { $width: s, children: /* @__PURE__ */ h("div", { children: [
       /* @__PURE__ */ i("b", { children: `${a} ${n} ` }),
@@ -14307,7 +14307,7 @@ const Ye = ({
   }
   `}
 `, Oc = () => {
-  const { table: e } = he(we), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, r = v(() => {
+  const { table: e } = fe(we), { pagination: { pageIndex: t } = { pageIndex: 0 } } = (e == null ? void 0 : e.getState()) ?? {}, n = (e == null ? void 0 : e.getPageCount()) ?? 0, r = v(() => {
     e == null || e.setPageIndex(t + 1);
   }, [t, e]), o = v(() => {
     e == null || e.previousPage();
@@ -14341,7 +14341,7 @@ const Ye = ({
     )
   ] });
 }, Pc = 10, Wc = 20, Hc = 50, Bc = 100, Vc = () => {
-  const e = L(), { table: t } = he(we), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, o] = R(!1), [a, s] = R(
+  const e = L(), { table: t } = fe(we), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, o] = R(!1), [a, s] = R(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
   ), { refs: l, floatingStyles: c } = Nt({
     middleware: [it({ mainAxis: 4 })],
@@ -14366,7 +14366,7 @@ const Ye = ({
     },
     [t, s]
   );
-  return fe(
+  return ye(
     l.reference.current,
     () => {
       o(!1);
@@ -14375,7 +14375,7 @@ const Ye = ({
     [l.floating.current]
   ), G(() => (window.addEventListener("scrollend", p, !0), () => {
     window.removeEventListener("scrollend", p, !0);
-  }), [p]), /* @__PURE__ */ h($e, { children: [
+  }), [p]), /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ h(
       $,
       {
@@ -14451,7 +14451,7 @@ const Ye = ({
     ) : void 0
   ] });
 }, Mc = () => {
-  const { table: e } = he(we), {
+  const { table: e } = fe(we), {
     pagination: { pageIndex: t, pageSize: n } = { pageIndex: 0, pageSize: 10 }
   } = (e == null ? void 0 : e.getState()) ?? {}, r = (e == null ? void 0 : e.getRowCount()) ?? 0, o = v(
     (a, s, l) => {
@@ -14556,7 +14556,7 @@ const Ye = ({
 `, Kc = 500, Fn = 300, Zc = ({
   children: e
 }) => {
-  const { table: t } = he(we), {
+  const { table: t } = fe(we), {
     onSearch: n,
     search: r,
     searchPlaceholder: o = "Search"
@@ -15114,7 +15114,7 @@ const Ye = ({
               ]
             }
           ),
-          d === "lg" ? /* @__PURE__ */ i(be, {}) : void 0,
+          d === "lg" ? /* @__PURE__ */ i($e, {}) : void 0,
           /* @__PURE__ */ h(
             $,
             {
@@ -15143,7 +15143,7 @@ const Ye = ({
               ]
             }
           ),
-          d === "lg" ? /* @__PURE__ */ i(be, {}) : void 0,
+          d === "lg" ? /* @__PURE__ */ i($e, {}) : void 0,
           /* @__PURE__ */ h($, { alignItems: "center", children: [
             /* @__PURE__ */ i(
               D,
@@ -15156,7 +15156,7 @@ const Ye = ({
               }
             ),
             p.map(
-              (S, C) => /* @__PURE__ */ h($e, { children: [
+              (S, C) => /* @__PURE__ */ h(he, { children: [
                 C > 0 ? /* @__PURE__ */ i(
                   D,
                   {
@@ -15188,18 +15188,19 @@ const Ye = ({
 }, Ap = ({
   technology: e,
   technique: t,
-  href: n,
-  id: r,
-  indx: o,
-  Link: a,
-  language: s,
-  lastUpdated: l,
-  score: c,
-  severity: d,
-  title: p
+  cwes: n,
+  href: r,
+  id: o,
+  indx: a,
+  Link: s,
+  language: l,
+  lastUpdated: c,
+  score: d,
+  severity: p,
+  title: g
 }) => {
-  const g = L(), u = a ?? "a";
-  return /* @__PURE__ */ h(Et, { $index: o, children: [
+  const u = L(), f = s ?? "a";
+  return /* @__PURE__ */ h(Et, { $index: a, children: [
     /* @__PURE__ */ h(
       $,
       {
@@ -15209,10 +15210,10 @@ const Ye = ({
         width: "100%",
         children: [
           /* @__PURE__ */ h($, { display: "flex", justify: "space-between", children: [
-            /* @__PURE__ */ i(D, { color: g.palette.gray[800], display: "inline", size: "lg", children: r }),
+            /* @__PURE__ */ i(D, { color: u.palette.gray[800], display: "inline", size: "lg", children: o }),
             /* @__PURE__ */ i(ae, { tagLabel: t })
           ] }),
-          /* @__PURE__ */ i(u, { href: n, children: /* @__PURE__ */ i(Q, { fontWeight: "bold", size: "sm", children: p }) })
+          /* @__PURE__ */ i(f, { href: r, children: /* @__PURE__ */ i(Q, { fontWeight: "bold", size: "sm", children: g }) })
         ]
       }
     ),
@@ -15228,32 +15229,32 @@ const Ye = ({
           /* @__PURE__ */ i(
             Ft,
             {
-              textL: c,
-              textR: Tt(d === "disable" ? "Unknown" : d),
-              variant: d
+              textL: d,
+              textR: Tt(p === "disable" ? "Unknown" : p),
+              variant: p
             }
           ),
-          /* @__PURE__ */ h(ge, { children: [
-            /* @__PURE__ */ i(be, {}),
+          /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
             /* @__PURE__ */ h(
               D,
               {
-                color: g.palette.gray[400],
+                color: u.palette.gray[400],
                 size: "lg",
                 whiteSpace: "nowrap",
                 children: [
                   /* @__PURE__ */ i("b", { children: "Language: " }),
-                  s
+                  l
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ h(ge, { children: [
-            /* @__PURE__ */ i(be, {}),
+          /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
             /* @__PURE__ */ h(
               D,
               {
-                color: g.palette.gray[400],
+                color: u.palette.gray[400],
                 size: "lg",
                 whiteSpace: "nowrap",
                 children: [
@@ -15263,17 +15264,53 @@ const Ye = ({
               }
             )
           ] }),
-          l ? /* @__PURE__ */ h(ge, { children: [
-            /* @__PURE__ */ i(be, {}),
+          /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
+            /* @__PURE__ */ i(
+              D,
+              {
+                color: u.palette.gray[400],
+                display: "inline",
+                fontWeight: "bold",
+                size: "lg",
+                children: "CWE ID(s): "
+              }
+            ),
+            n.map((y, b) => /* @__PURE__ */ h(he, { children: [
+              b > 0 ? /* @__PURE__ */ i(
+                D,
+                {
+                  color: u.palette.gray[400],
+                  display: "inline",
+                  size: "lg",
+                  children: " , "
+                }
+              ) : void 0,
+              /* @__PURE__ */ i(
+                "a",
+                {
+                  href: y.href,
+                  style: {
+                    color: u.palette.gray[400],
+                    fontSize: u.typography.text.lg,
+                    textDecoration: "underline"
+                  },
+                  children: y.key
+                }
+              )
+            ] }, y.key))
+          ] }),
+          c ? /* @__PURE__ */ h(pe, { children: [
+            /* @__PURE__ */ i($e, {}),
             /* @__PURE__ */ h(
               D,
               {
-                color: g.palette.gray[400],
+                color: u.palette.gray[400],
                 size: "lg",
                 whiteSpace: "nowrap",
                 children: [
                   /* @__PURE__ */ i("b", { children: "Last update time: " }),
-                  l
+                  c
                 ]
               }
             )
@@ -15297,7 +15334,7 @@ export {
   Ud as J,
   $ as K,
   Yd as L,
-  ye as M,
+  be as M,
   Be as N,
   Xd as O,
   Kd as P,
@@ -15423,7 +15460,7 @@ export {
   Ep as be,
   xo as bf,
   mo as bg,
-  fe as bh,
+  ye as bh,
   vo as bi,
   ei as bj,
   Me as bk,