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

package/dist/{components-CW4oQ-Fo.mjs → components-KenCdE6Q.mjs}

@@ -4,7 +4,7 @@ import { ThemeProvider as Yn, styled as $, useTheme as N, css as Se, keyframes a
 import { u as rn, a as Kn, b as Xn, c as Zn, d as qn, l as V, e as st, f as Jn, o as ct, s as Qn, _ as P, $ as ei, g as ti, h as ni, i as ii, j as ri, k as ai, m as oi, n as li, p as si, q as an, C as dt, r as ci, t as di, v as pi, w as kt, x as Pe, y as gi, z as ui, A as on, B as ln, D as We, E as hi, F as fi, G as yi, H as $i, I as bi, J as ae, K as xi, L as sn, M as mi, N as cn, O as wi, P as vi, Q as ki, R as Ci, S as Si, T as zi, U as Oe, V as Ii, W as Ct, X as St, Y as zt, Z as Ti, a0 as Di, a1 as Ni, a2 as Ei, a3 as Fi, a4 as me, a5 as Ri, a6 as dn, a7 as pn, a8 as gn, a9 as Li, aa as Ai, ab as ji, ac as Pi, ad as Wi, ah as un, ai as Oi, aj as Hi, ak as Mi, al as Bi, am as Vi, an as Ui, ao as _i, ap as Gi, aq as Yi, ar as Ki, as as rt, at as Xi, au as It, av as Zi, aw as Tt, ax as qi, ay as Ji } from "./vendor-67gG3dYX.mjs";
 import { createPortal as $e } from "react-dom";
 import { Link as Qi, useLocation as er, NavLink as tr } from "react-router-dom";
-const de = (e) => ({
+const pe = (e) => ({
   getVariant: (t, n) => e(t)[n]
 }), nr = [
   // IPaddingModifiable
@@ -913,7 +913,7 @@ const A = q(function({
     default:
       return "circle-exclamation";
   }
-}, { getVariant: Cr } = de(
+}, { getVariant: Cr } = pe(
   (e) => ({
     error: `
       background: ${e.palette.error[50]};
@@ -997,7 +997,7 @@ const A = q(function({
 `, zr = $.div`
   padding-right: 4px;
   width: 100%;
-`, { getVariant: Ir } = de(
+`, { getVariant: Ir } = pe(
   (e) => ({
     ghost: `
       background: transparent;
@@ -1525,7 +1525,7 @@ const A = q(function({
       children: t && /* @__PURE__ */ i(Lr, { children: t <= 9 ? t : 9 })
     }
   );
-}), { getVariant: Ar } = de(
+}), { getVariant: Ar } = pe(
   (e) => ({
     default: `
       background-color: ${e.palette.gray[200]};
@@ -1636,7 +1636,7 @@ const A = q(function({
 
     ${Ar(e, n)}
   `}
-`, { getVariant: Pr } = de(
+`, { getVariant: Pr } = pe(
   (e) => ({
     highRelevance: `
       color: ${e.palette.primary[500]};
@@ -1686,7 +1686,7 @@ const A = q(function({
   ${mn}
 `, Or = $(Qi)`
   ${mn}
-`, pe = ({
+`, ge = ({
   children: e,
   color: t,
   download: n,
@@ -1795,7 +1795,7 @@ const A = q(function({
             }
           ) : void 0
         ] }),
-        s === void 0 ? void 0 : /* @__PURE__ */ i(pe, { href: s, children: c })
+        s === void 0 ? void 0 : /* @__PURE__ */ i(ge, { href: s, children: c })
       ]
     }
   );
@@ -2096,7 +2096,7 @@ const A = q(function({
     },
     [l, s]
   );
-  return t === "video" || Mr(["webm"], a) ? /* @__PURE__ */ i(Nt, { $opacity: r, children: /* @__PURE__ */ i(pe, { href: a, iconPosition: "hidden", children: /* @__PURE__ */ f(
+  return t === "video" || Mr(["webm"], a) ? /* @__PURE__ */ i(Nt, { $opacity: r, children: /* @__PURE__ */ i(ge, { href: a, iconPosition: "hidden", children: /* @__PURE__ */ f(
     "video",
     {
       controls: !0,
@@ -2258,7 +2258,7 @@ const A = q(function({
             tip: a
           }
         ) : null,
-        n ? /* @__PURE__ */ i(pe, { href: n, target: "_blank" }) : null
+        n ? /* @__PURE__ */ i(ge, { href: n, target: "_blank" }) : null
       ]
     }
   );
@@ -2531,7 +2531,7 @@ const A = q(function({
               }
             )
           ] }),
-          a && p === "down" ? /* @__PURE__ */ i(pe, { href: a, children: o }) : void 0
+          a && p === "down" ? /* @__PURE__ */ i(ge, { href: a, children: o }) : void 0
         ]
       }
     ) : void 0
@@ -2862,7 +2862,7 @@ const A = q(function({
       className: k,
       ref: p,
       children: [
-        d ? /* @__PURE__ */ i(pe, { href: d, onClick: T, children: z }) : z,
+        d ? /* @__PURE__ */ i(ge, { href: d, onClick: T, children: z }) : z,
         y && !x && !t ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "sm", iconType: "fa-light" }) : void 0,
         e.rendered === e.textValue ? void 0 : /* @__PURE__ */ i(se, { tagLabel: e.textValue, variant: "inactive" })
       ]
@@ -4086,7 +4086,7 @@ const A = q(function({
   const s = V.isNil(t) ? "" : t, c = String(n ?? s);
   return /* @__PURE__ */ f(b, { children: [
     /* @__PURE__ */ i(vn, { htmlFor: o, label: a, tooltip: l, weight: "bold" }),
-    c.startsWith("https://") ? /* @__PURE__ */ i(pe, { href: c, children: s }) : /* @__PURE__ */ i(D, { size: "md", children: s })
+    c.startsWith("https://") ? /* @__PURE__ */ i(ge, { href: c, children: s }) : /* @__PURE__ */ i(D, { size: "md", children: s })
   ] });
 }, yt = ({
   disabled: e = !1,
@@ -5706,7 +5706,7 @@ const A = q(function({
       width: n
     }
   );
-}, ue = lt.memo(Oa), Ha = $.label`
+}, de = lt.memo(Oa), Ha = $.label`
   ${({ theme: e }) => `
     align-items: center;
     display: flex;
@@ -5874,7 +5874,7 @@ const A = q(function({
               width: "100%",
               children: [
                 !p && n !== void 0 && /* @__PURE__ */ i(
-                  ue,
+                  de,
                   {
                     alt: e ?? "card image",
                     height: "32px",
@@ -5900,7 +5900,7 @@ const A = q(function({
           )
         ] }),
         p && /* @__PURE__ */ i(La, { children: /* @__PURE__ */ i(
-          ue,
+          de,
           {
             alt: e ?? "tag image",
             height: "40px",
@@ -6383,7 +6383,7 @@ ${y[8]}...` : (y.length < 8 && p(!1), t);
       ]
     }
   );
-}, { getVariant: Qa } = de(
+}, { getVariant: Qa } = pe(
   (e) => ({
     fixed: `
       height: auto;
@@ -6912,7 +6912,7 @@ ${y[8]}...` : (y.length < 8 && p(!1), t);
               iconType: r
             }
           ) : null,
-          a === void 0 ? y : /* @__PURE__ */ i(pe, { href: a, children: y })
+          a === void 0 ? y : /* @__PURE__ */ i(ge, { href: a, children: y })
         ] }) : null,
         p || c ? /* @__PURE__ */ i(
           A,
@@ -8432,7 +8432,7 @@ const De = ({
                 style: w ? { borderBottom: `1px solid ${y.palette.gray[200]}` } : void 0,
                 children: [
                   r,
-                  P.isObject(o) && P.isString(o.imageSrc) && /* @__PURE__ */ i(ro, { $framed: o.imageFramed, children: /* @__PURE__ */ i(ue, { alt: "modal-img", publicId: o.imageSrc }) }),
+                  P.isObject(o) && P.isString(o.imageSrc) && /* @__PURE__ */ i(ro, { $framed: o.imageFramed, children: /* @__PURE__ */ i(de, { alt: "modal-img", publicId: o.imageSrc }) }),
                   P.isObject(o) && P.isString(o.imageText) && /* @__PURE__ */ i(D, { size: "md", children: o.imageText })
                 ]
               }
@@ -8727,7 +8727,7 @@ const De = ({
 }) => {
   const s = (t ?? e) !== void 0;
   return /* @__PURE__ */ f(Go, { $padding: a, children: [
-    /* @__PURE__ */ i(Yo, { children: /* @__PURE__ */ i(ue, { alt: "empty-icon", publicId: r }) }),
+    /* @__PURE__ */ i(Yo, { children: /* @__PURE__ */ i(de, { alt: "empty-icon", publicId: r }) }),
     /* @__PURE__ */ i(
       J,
       {
@@ -9304,11 +9304,12 @@ const De = ({
     }
   `}
 `, tl = $.div`
-  ${({ theme: e }) => `
+  ${({ theme: e, $hasImage: t = !0 }) => `
     width: 48px;
     height: 48px;
-    border-radius: 12px;
-    background: ${e.palette.primary[25]};
+    border-radius: ${e.spacing[0.75]};
+    border: ${t ? `1px solid ${e.palette.gray[200]}` : "none"};
+    background: ${t ? e.palette.white : e.palette.primary[25]};
     display: flex;
     align-items: center;
     justify-content: center;
@@ -9318,20 +9319,24 @@ const De = ({
   href: t,
   icon: n,
   Link: r,
-  title: a
+  title: a,
+  publicId: o
 }) => {
-  const o = N(), l = r ?? "a";
+  const l = N(), s = r ?? "a";
   return /* @__PURE__ */ f(el, { "data-testid": a, children: [
-    /* @__PURE__ */ i(tl, { children: /* @__PURE__ */ i(
-      "i",
-      {
-        className: `fa-solid fa-${n} fill-gradient-01`,
-        style: { fontSize: 24 }
-      }
-    ) }),
+    /* @__PURE__ */ f(tl, { children: [
+      n ? /* @__PURE__ */ i(
+        "i",
+        {
+          className: `fa-solid fa-${n} fill-gradient-01`,
+          style: { fontSize: 24 }
+        }
+      ) : void 0,
+      o ? /* @__PURE__ */ i(de, { alt: a, height: 32, publicId: o, width: 32 }) : void 0
+    ] }),
     /* @__PURE__ */ i(J, { size: "sm", children: a }),
-    /* @__PURE__ */ i(D, { color: o.palette.gray[600], size: "lg", children: e }),
-    /* @__PURE__ */ i(l, { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(D, { color: o.palette.primary[600], size: "lg", children: [
+    /* @__PURE__ */ i(D, { color: l.palette.gray[600], size: "lg", children: e }),
+    /* @__PURE__ */ i(s, { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ f(D, { color: l.palette.primary[600], size: "lg", children: [
       "Learn more ",
       /* @__PURE__ */ i(A, { icon: "arrow-right", iconSize: "sm", iconType: "fa-light" })
     ] }) })
@@ -9366,7 +9371,7 @@ const De = ({
   lg: "56",
   md: "30",
   sm: "12"
-}, { getVariant: rl } = de(
+}, { getVariant: rl } = pe(
   (e) => ({
     blue: `stroke: ${e.palette.info[500]};`,
     red: `stroke: ${e.palette.primary[500]};`,
@@ -9451,7 +9456,7 @@ const De = ({
   header: { height: "35px", width: "160px" },
   icon: { height: "40px", width: "40px" },
   inline: { width: "150px" }
-}, Wc = ({ publicId: e, variant: t }) => /* @__PURE__ */ i(b, { ...pl[t], children: /* @__PURE__ */ i(ue, { alt: "logo", publicId: e }) }), gl = $(Oi).attrs(
+}, Wc = ({ publicId: e, variant: t }) => /* @__PURE__ */ i(b, { ...pl[t], children: /* @__PURE__ */ i(de, { alt: "logo", publicId: e }) }), gl = $(Oi).attrs(
   ({ autoplay: e = !0 }) => ({
     autoplay: e,
     className: "comp-lottie"
@@ -9505,7 +9510,7 @@ const De = ({
     e,
     /* @__PURE__ */ i(ke, {}),
     /* @__PURE__ */ i("li", { className: "commit-info", children: /* @__PURE__ */ i(
-      pe,
+      ge,
       {
         href: `https://github.com/fluidattacks/universe/tree/${t}`,
         iconPosition: "hidden",
@@ -9732,7 +9737,7 @@ const De = ({
       pt: 0.5,
       children: [
         r ? !1 : /* @__PURE__ */ i(b, { height: "24px", width: "24px", children: e === void 0 ? /* @__PURE__ */ i(
-          ue,
+          de,
           {
             alt: `${a} Logo`,
             height: "100%",
@@ -10152,7 +10157,7 @@ const De = ({
     ),
     /* @__PURE__ */ i(D, { color: t.palette.gray[800], size: "md", textAlign: "right", children: e + "%" })
   ] });
-}, { getVariant: Sl } = de(
+}, { getVariant: Sl } = pe(
   (e) => ({
     compliance: `
       display: inline-flex;
@@ -10542,7 +10547,7 @@ const De = ({
       textAlign: d ? "start" : "center",
       children: g
     }
-  ), z = /* @__PURE__ */ i(ue, { alt: y, height: k, publicId: m, width: x }), T = /* @__PURE__ */ i(
+  ), z = /* @__PURE__ */ i(de, { alt: y, height: k, publicId: m, width: x }), T = /* @__PURE__ */ i(
     b,
     {
       alignItems: "center",
@@ -11380,7 +11385,7 @@ const De = ({
       ]
     }
   ) });
-}, { getVariant: is } = de(
+}, { getVariant: is } = pe(
   (e) => ({
     completed: `
       background-color: ${e.palette.primary[500]};
@@ -11623,7 +11628,7 @@ const De = ({
       }
     )
   ] });
-}, ge = Gn({
+}, ue = Gn({
   containerRef: void 0,
   elementName: "",
   handleUnselectAll: void 0,
@@ -11921,7 +11926,7 @@ const De = ({
     border-right: 1px solid ${({ theme: e }) => e.palette.black};
   }
 `, fs = () => {
-  const e = N(), { table: t } = fe(ge), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, a = v(
+  const e = N(), { table: t } = fe(ue), { groupHeaders: n, tooltips: r } = (t == null ? void 0 : t.options.meta) ?? {}, a = v(
     (p) => () => {
       p.column.getCanSort() && (t == null || t.setPageIndex(0), p.column.toggleSorting());
     },
@@ -12056,7 +12061,7 @@ const De = ({
   display: flex;
   width: 100%;
 `, $s = () => {
-  const e = N(), { table: t } = fe(ge), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
+  const e = N(), { table: t } = fe(ue), { loading: n } = (t == null ? void 0 : t.options.meta) ?? {}, r = X(() => {
     const { enableRowSelection: s, enableMultiRowSelection: c } = (t == null ? void 0 : t.options) ?? {};
     return s || c ? 1 : 0;
   }, [t == null ? void 0 : t.options]), a = v(
@@ -12147,7 +12152,7 @@ const De = ({
     selected: o,
     tableSize: l,
     tableRef: s
-  } = fe(ge);
+  } = fe(ue);
   return /* @__PURE__ */ f("div", { ref: e, children: [
     t ? void 0 : /* @__PURE__ */ i(us, { $width: l, children: /* @__PURE__ */ f("div", { children: [
       /* @__PURE__ */ i("b", { children: `${o} ${n} ` }),
@@ -12195,7 +12200,7 @@ const De = ({
   }
   `}
 `, xs = () => {
-  const { table: e } = fe(ge), { 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(ue), { 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]), a = v(() => {
     e == null || e.previousPage();
@@ -12229,7 +12234,7 @@ const De = ({
     )
   ] });
 }, ms = 10, ws = 20, vs = 50, ks = 100, Cs = () => {
-  const e = N(), { table: t } = fe(ge), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, a] = R(!1), [o, l] = R(
+  const e = N(), { table: t } = fe(ue), n = (t == null ? void 0 : t.getRowCount()) ?? 0, [r, a] = R(!1), [o, l] = R(
     (t == null ? void 0 : t.getState().pagination.pageSize) ?? 10
   ), { refs: s, floatingStyles: c } = Oe({
     middleware: [ct({ mainAxis: 4 })],
@@ -12339,7 +12344,7 @@ const De = ({
     ) : void 0
   ] });
 }, Ss = () => {
-  const { table: e } = fe(ge), {
+  const { table: e } = fe(ue), {
     pagination: { pageIndex: t, pageSize: n } = { pageIndex: 0, pageSize: 10 }
   } = (e == null ? void 0 : e.getState()) ?? {}, r = (e == null ? void 0 : e.getRowCount()) ?? 0, a = v(
     (o, l, s) => {
@@ -12444,7 +12449,7 @@ const De = ({
 `, Es = 500, Jt = 300, Fs = ({
   children: e
 }) => {
-  const { table: t } = fe(ge), {
+  const { table: t } = fe(ue), {
     onSearch: n,
     search: r,
     searchPlaceholder: a = "Search"
@@ -12496,7 +12501,7 @@ const De = ({
   return U(() => {
     t.setPageIndex(0);
   }, [t]), /* @__PURE__ */ i(
-    ge.Provider,
+    ue.Provider,
     {
       value: {
         containerRef: n,
@@ -13064,7 +13069,7 @@ export {
   Ic as J,
   ke as K,
   Tc as L,
-  ue as M,
+  de as M,
   Dc as N,
   Br as O,
   Nc as P,
@@ -13125,7 +13130,7 @@ export {
   Pt as ae,
   cc as af,
   wa as ag,
-  pe as ah,
+  ge as ah,
   qe as ai,
   uo as aj,
   Pc as ak,
@@ -13178,7 +13183,7 @@ export {
   ts as bT,
   cs as bU,
   ds as bV,
-  ge as bW,
+  ue as bW,
   Xt as bX,
   fs as bY,
   $s as bZ,
@@ -13237,7 +13242,7 @@ export {
   He as s,
   Ra as t,
   mc as u,
-  de as v,
+  pe as v,
   wc as w,
   ye as x,
   vc as y,