@eyesee/ui-components 0.3.0 → 0.5.0

package/dist/components/Modal/Modal.js

@@ -1,70 +1,83 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useRef as N, Suspense as k } from "react";
-import C from "react-dom";
-import D from "../../hooks/useClickOutside.js";
-import { useEscapeKey as v } from "../../hooks/useEscapeKey.js";
-import { LoadingIcon as I } from "../icons-v2/LoadingIcon.js";
-import { XIcon as M } from "../icons-v2/XIcon.js";
-import { Button as b } from "../Button/Button.js";
-import l from "./Modal.module.scss.js";
-const r = {
-  default: "960px",
-  mediaQuery: "880px"
-}, A = ({
-  children: n = null,
-  onClose: s = () => {
-  },
-  visible: d = !1,
-  title: c = "",
-  icon: t = null,
-  description: m = null,
-  footer: i = null,
-  maxWidth: u = r,
-  loadingFallback: p = /* @__PURE__ */ e(I, { iconSize: "xl" }),
-  portalContainer: f
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { useRef as A, Suspense as E } from "react";
+import O from "react-dom";
+import _ from "../../hooks/useClickOutside.js";
+import { useEscapeKey as y } from "../../hooks/useEscapeKey.js";
+import { LoadingIcon as H } from "../icons-v2/LoadingIcon.js";
+import { XIcon as I } from "../icons-v2/XIcon.js";
+import { Button as T } from "../Button/Button.js";
+import e from "./Modal.module.scss.js";
+const o = {
+  default: "880px",
+  largeScreen: "960px"
+}, d = {
+  default: "480px",
+  largeScreen: "600px"
+}, $ = {
+  scroll: e.content,
+  fixed: `${e.content} ${e.contentFixed}`
+}, z = ({
+  children: s = null,
+  onClose: t,
+  visible: m = !1,
+  title: f = "",
+  icon: n = null,
+  description: u = null,
+  footer: c = null,
+  modalWidth: h = o,
+  bodyLayout: i = "scroll",
+  // 'scroll' or 'fixed'
+  modalHeight: p = d,
+  loadingFallback: x = /* @__PURE__ */ l(H, { iconSize: "xl" }),
+  portalContainer: g
 }) => {
-  const { default: h, mediaQuery: x } = {
-    ...r,
-    ...u
-  }, y = N(), o = () => s();
-  return D(y, o), v(o), d ? C.createPortal(
-    /* @__PURE__ */ a("div", { className: l.transition, children: [
-      /* @__PURE__ */ e("div", { className: l.backdrop, onClick: o }),
-      /* @__PURE__ */ e(
+  const { default: S, largeScreen: D } = {
+    ...o,
+    ...h
+  }, { default: L, largeScreen: N } = {
+    ...d,
+    ...p
+  }, k = A(), r = () => t == null ? void 0 : t();
+  return _(k, r), y(r), m ? O.createPortal(
+    /* @__PURE__ */ a("div", { className: e.transition, children: [
+      /* @__PURE__ */ l("div", { className: e.backdrop, onClick: r }),
+      /* @__PURE__ */ l(
         "dialog",
         {
-          className: l.modal,
+          className: `${e.modal}${i === "fixed" ? ` ${e.modalFixed}` : ""}`,
           open: !0,
           style: {
-            "--modal-width": h,
-            "--modal-width-media-query": x
+            "--modal-width": S,
+            "--modal-width-large-screen": D,
+            "--modal-height": L,
+            "--modal-height-large-screen": N
           },
-          children: /* @__PURE__ */ a(k, { fallback: p, children: [
-            /* @__PURE__ */ a("header", { className: l.header, children: [
-              t && t,
-              /* @__PURE__ */ a("div", { className: l.textContainer, children: [
-                /* @__PURE__ */ e("span", { className: l.title, children: c }),
-                /* @__PURE__ */ e("span", { className: l.description, children: m })
+          children: /* @__PURE__ */ a(E, { fallback: x, children: [
+            /* @__PURE__ */ a("header", { className: e.header, children: [
+              n && n,
+              /* @__PURE__ */ a("div", { className: e.textContainer, children: [
+                /* @__PURE__ */ l("span", { className: e.title, children: f }),
+                /* @__PURE__ */ l("span", { className: e.description, children: u })
               ] }),
-              /* @__PURE__ */ e(
-                b,
+              t && /* @__PURE__ */ l(
+                T,
                 {
                   variant: "neutral",
-                  icon: /* @__PURE__ */ e(M, {}),
+                  icon: /* @__PURE__ */ l(I, {}),
                   size: "xxxs",
-                  onClick: o
+                  onClick: r
                 }
               )
             ] }),
-            /* @__PURE__ */ e("section", { className: l.content, children: n }),
-            i && /* @__PURE__ */ e("footer", { children: i })
+            /* @__PURE__ */ l("section", { className: $[i], children: s }),
+            c && /* @__PURE__ */ l("footer", { children: c })
           ] })
         }
       )
     ] }),
-    f ?? document.getElementById("modal") ?? document.body
+    g ?? document.getElementById("modal") ?? document.body
   ) : null;
 };
 export {
-  A as Modal
+  z as Modal
 };

package/dist/components/Modal/Modal.module.scss.js

@@ -1,21 +1,25 @@
-const t = "_transition_11g3r_3", n = "_backdrop_11g3r_7", o = "_modal_11g3r_18", e = "_header_11g3r_37", r = "_textContainer_11g3r_45", _ = "_title_11g3r_53", c = "_description_11g3r_62", i = "_content_11g3r_70", a = {
+const t = "_transition_1nv4g_3", n = "_backdrop_1nv4g_7", o = "_modal_1nv4g_18", e = "_modalFixed_1nv4g_37", _ = "_header_1nv4g_45", i = "_textContainer_1nv4g_53", c = "_title_1nv4g_61", d = "_description_1nv4g_70", a = "_content_1nv4g_78", s = "_contentFixed_1nv4g_84", r = {
   transition: t,
   backdrop: n,
   modal: o,
-  header: e,
-  textContainer: r,
-  title: _,
-  description: c,
-  content: i
+  modalFixed: e,
+  header: _,
+  textContainer: i,
+  title: c,
+  description: d,
+  content: a,
+  contentFixed: s
 };
 export {
   n as backdrop,
-  i as content,
-  a as default,
-  c as description,
-  e as header,
+  a as content,
+  s as contentFixed,
+  r as default,
+  d as description,
+  _ as header,
   o as modal,
-  r as textContainer,
-  _ as title,
+  e as modalFixed,
+  i as textContainer,
+  c as title,
   t as transition
 };

package/dist/components/Tab/Tab.js

@@ -1,50 +1,52 @@
-import { jsx as t, jsxs as x } from "react/jsx-runtime";
-import j from "clsx";
+import { jsx as t, jsxs as j } from "react/jsx-runtime";
+import v from "clsx";
 import o from "./Tab.module.scss.js";
 import { Tooltip as w } from "../Tooltip/Tooltip.js";
 import { HelpIcon as T } from "../icons-v2/HelpIcon.js";
 const I = ({
   label: m = "Tab",
   startIcon: u,
-  variant: p,
-  spacing: f,
+  variant: f,
+  spacing: p,
   type: n,
   position: h,
-  underline: b,
+  underline: d,
   disabled: r = !1,
-  selected: s = !1,
-  onClick: e = () => {
+  selected: e = !1,
+  onClick: s = () => {
   },
   as: l = "button",
   tooltipText: a = null,
-  tooltipTitle: d = null
+  tooltipTitle: b = null,
+  shouldRemoveBorder: N = !1
 }) => {
-  const c = j(
+  const c = v(
     o.tab,
-    o[p],
+    o[f],
     o[n],
     o[l],
-    o[f],
+    o[p],
     o[h],
-    s && o.selected,
-    b && o.underline,
-    r && o.disabled
-  ), N = r || n === "color" && s ? "currentColor" : "var(--color--icon--default--default-lighter)", i = /* @__PURE__ */ x("span", { className: o.content, children: [
+    e && o.selected,
+    d && o.underline,
+    r && o.disabled,
+    N && o.shouldRemoveBorder
+  ), x = r || n === "color" && e ? "currentColor" : "var(--color--icon--default--default-lighter)", i = /* @__PURE__ */ j("span", { className: o.content, children: [
     u,
     /* @__PURE__ */ t("span", { children: m }),
     a && /* @__PURE__ */ t(
       w,
       {
-        title: d,
+        title: b,
         content: a,
         position: "bottom",
         showArrow: !0,
         disabled: r,
-        children: /* @__PURE__ */ t(T, { strokeColor: N })
+        children: /* @__PURE__ */ t(T, { strokeColor: x })
       }
     )
   ] });
-  return l === "span" ? /* @__PURE__ */ t("span", { className: c, onClick: e, "aria-disabled": r, children: i }) : /* @__PURE__ */ t("button", { className: c, disabled: r, onClick: e, type: "button", children: i });
+  return l === "span" ? /* @__PURE__ */ t("span", { className: c, onClick: s, "aria-disabled": r, children: i }) : /* @__PURE__ */ t("button", { className: c, disabled: r, onClick: s, type: "button", children: i });
 };
 export {
   I as Tab

package/dist/components/Tab/Tab.module.scss.js

@@ -1,43 +1,45 @@
-const _ = "_content_41muv_3", t = "_tab_41muv_9", n = "_span_41muv_13", o = "_sm_41muv_16", s = "_md_41muv_19", e = "_lg_41muv_22", c = "_xl_41muv_25", l = "_selected_41muv_28", u = "_primary_41muv_28", m = "_disabled_41muv_28", a = "_secondary_41muv_31", d = "_underline_41muv_34", r = "_button_41muv_44", v = "_outline_41muv_47", i = "_color_41muv_47", b = "_standalone_41muv_50", p = "_left_41muv_54", y = "_right_41muv_57", g = "_white_41muv_60", h = {
-  content: _,
-  tab: t,
-  span: n,
-  sm: o,
-  md: s,
-  lg: e,
-  xl: c,
+const c = "_content_c3gcs_3", s = "_tab_c3gcs_9", _ = "_span_c3gcs_14", t = "_sm_c3gcs_17", o = "_md_c3gcs_20", n = "_lg_c3gcs_23", e = "_xl_c3gcs_26", l = "_selected_c3gcs_29", d = "_primary_c3gcs_29", g = "_disabled_c3gcs_29", r = "_secondary_c3gcs_32", a = "_underline_c3gcs_35", i = "_button_c3gcs_45", u = "_outline_c3gcs_50", m = "_color_c3gcs_50", b = "_white_c3gcs_50", h = "_standalone_c3gcs_53", p = "_left_c3gcs_57", y = "_right_c3gcs_60", f = "_shouldRemoveBorder_c3gcs_63", x = {
+  content: c,
+  tab: s,
+  span: _,
+  sm: t,
+  md: o,
+  lg: n,
+  xl: e,
   selected: l,
-  primary: u,
-  disabled: m,
-  secondary: a,
-  underline: d,
-  button: r,
-  outline: v,
-  color: i,
-  standalone: b,
+  primary: d,
+  disabled: g,
+  secondary: r,
+  underline: a,
+  button: i,
+  outline: u,
+  color: m,
+  white: b,
+  standalone: h,
   left: p,
   right: y,
-  white: g
+  shouldRemoveBorder: f
 };
 export {
-  r as button,
-  i as color,
-  _ as content,
-  h as default,
-  m as disabled,
+  i as button,
+  m as color,
+  c as content,
+  x as default,
+  g as disabled,
   p as left,
-  e as lg,
-  s as md,
-  v as outline,
-  u as primary,
+  n as lg,
+  o as md,
+  u as outline,
+  d as primary,
   y as right,
-  a as secondary,
+  r as secondary,
   l as selected,
-  o as sm,
-  n as span,
-  b as standalone,
-  t as tab,
-  d as underline,
-  g as white,
-  c as xl
+  f as shouldRemoveBorder,
+  t as sm,
+  _ as span,
+  h as standalone,
+  s as tab,
+  a as underline,
+  b as white,
+  e as xl
 };

package/dist/components/Tabs/Tabs.js

@@ -1,62 +1,63 @@
-import { jsx as b } from "react/jsx-runtime";
-import { useMemo as h } from "react";
-import D from "clsx";
-import { Tab as E } from "../Tab/Tab.js";
-import { normalizeTabsOptions as F, normalizeTabOption as G, getTrimmedLabel as m } from "./tabsUtils.js";
-import x from "./Tabs.module.scss.js";
-const X = ({
-  options: l,
-  onTabChange: g = () => {
+import { jsx as x } from "react/jsx-runtime";
+import { useMemo as v } from "react";
+import E from "clsx";
+import { Tab as F } from "../Tab/Tab.js";
+import { normalizeTabsOptions as G, normalizeTabOption as H, getTrimmedLabel as f } from "./tabsUtils.js";
+import g from "./Tabs.module.scss.js";
+const Y = ({
+  options: e,
+  onTabChange: A = () => {
   },
-  selectedTab: u = l[0],
-  variant: v = "primary",
-  type: A = "outline",
-  spacing: I = "md",
-  gapSpacing: c = "md",
-  tabVariant: d = "text",
-  positionStandalone: j = !1,
-  underline: C = !1,
-  keyLabel: e = "label",
-  keyTooltipText: t = "tooltipText",
-  keyTooltipTitle: s = "tooltipTitle",
-  startIcon: M = null,
-  disabled: N = !1
+  selectedTab: c = e[0],
+  variant: j = "primary",
+  type: B = "outline",
+  spacing: C = "md",
+  gapSpacing: i = "none",
+  tabVariant: l = "text",
+  positionStandalone: M = !1,
+  underline: N = !1,
+  keyLabel: t = "label",
+  keyTooltipText: s = "tooltipText",
+  keyTooltipTitle: n = "tooltipTitle",
+  keyIcon: d = "icon",
+  startIcon: O = null,
+  disabled: P = !1
 }) => {
-  const a = h(
-    () => F(l, e, t, s),
-    [l, e, t, s]
-  ), f = h(
-    () => G(u, e, t, s),
-    [e, u, t, s]
-  ), O = (r) => {
-    r.disabled || g(r);
-  }, P = (r, n) => j && d === "button" || d === "text" || n <= 1 ? "standalone" : r === 0 ? "left" : r === n - 1 ? "right" : "middle", i = (l == null ? void 0 : l.filter((r) => !(r != null && r.hidden))) ?? [];
-  return /* @__PURE__ */ b("div", { className: D(x.tabsWrapper, x[c]), children: a == null ? void 0 : a.map((r) => {
+  const u = v(
+    () => G(e, t, s, n, d),
+    [e, t, s, n, d]
+  ), a = v(
+    () => H(c, t, s, n, d),
+    [t, c, s, n, d]
+  ), R = (r) => {
+    r.disabled || A(r);
+  }, W = (r, m) => M && l === "button" || l === "text" || m <= 1 ? "standalone" : r === 0 ? "left" : r === m - 1 ? "right" : "middle", b = (e == null ? void 0 : e.filter((r) => !(r != null && r.hidden))) ?? [];
+  return /* @__PURE__ */ x("div", { className: E(g.tabsWrapper, g[i]), children: u == null ? void 0 : u.map((r) => {
     if (r != null && r.hidden) return null;
-    const n = m(r.label) === m(f == null ? void 0 : f.label), W = i.findIndex(
-      ({ label: B }) => m(B) === m(r.label)
-    ), q = P(W, i.length), w = r.tooltipText || null, z = r.tooltipTitle || null;
-    return /* @__PURE__ */ b(
-      E,
+    const m = f(r.label) === f(a == null ? void 0 : a.label), h = b.findIndex(
+      ({ label: D }) => f(D) === f(r.label)
+    ), q = W(h, b.length), w = r.tooltipText || null, z = r.tooltipTitle || null;
+    return /* @__PURE__ */ x(
+      F,
       {
-        as: d === "text" ? "span" : "button",
+        as: l === "text" ? "span" : "button",
         label: r.label,
-        variant: v,
-        type: A,
-        underline: C,
-        spacing: I,
-        gapSpacing: c,
+        variant: j,
+        type: B,
+        underline: N,
+        spacing: C,
         position: q,
-        disabled: r.disabled || N,
-        selected: n,
-        onClick: () => O(r),
-        startIcon: M,
+        disabled: r.disabled || P,
+        selected: m,
+        onClick: () => R(r),
+        startIcon: r.icon ?? O,
         tooltipText: w,
-        tooltipTitle: z
+        tooltipTitle: z,
+        shouldRemoveBorder: i === "none" && l === "button" && h !== 0
       }
     );
   }) });
 };
 export {
-  X as Tabs
+  Y as Tabs
 };

package/dist/components/Tabs/Tabs.module.scss.js

@@ -1,17 +1,19 @@
-const s = "_tabsWrapper_jpdji_3", _ = "_xs_jpdji_13", p = "_sm_jpdji_16", t = "_md_jpdji_19", j = "_lg_jpdji_22", d = "_xl_jpdji_25", a = {
-  tabsWrapper: s,
-  xs: _,
-  sm: p,
+const _ = "_tabsWrapper_1lu79_3", s = "_none_1lu79_13", l = "_xs_1lu79_16", n = "_sm_1lu79_19", t = "_md_1lu79_22", o = "_lg_1lu79_25", e = "_xl_1lu79_28", a = {
+  tabsWrapper: _,
+  none: s,
+  xs: l,
+  sm: n,
   md: t,
-  lg: j,
-  xl: d
+  lg: o,
+  xl: e
 };
 export {
   a as default,
-  j as lg,
+  o as lg,
   t as md,
-  p as sm,
-  s as tabsWrapper,
-  d as xl,
-  _ as xs
+  s as none,
+  n as sm,
+  _ as tabsWrapper,
+  e as xl,
+  l as xs
 };

package/dist/components/Tabs/tabsUtils.js

@@ -1,17 +1,18 @@
-const n = (r, t, e, s) => {
+const o = (r, t, s, e, c) => {
   if (!r) return r;
-  const a = r[t], c = r[e], m = r[s];
+  const n = r[t], a = r[s], m = r[e], i = r[c];
   return {
     ...r,
-    label: a,
-    tooltipText: c,
-    tooltipTitle: m
+    label: n,
+    tooltipText: a,
+    tooltipTitle: m,
+    icon: i
   };
-}, i = (r = [], t, e, s) => Array.isArray(r) ? r.map(
-  (a) => n(a, t, e, s)
-) : [], o = (r) => (r == null ? void 0 : r.toLowerCase().trim()) ?? "";
+}, T = (r = [], t, s, e, c) => Array.isArray(r) ? r.map(
+  (n) => o(n, t, s, e, c)
+) : [], u = (r) => (r == null ? void 0 : r.toLowerCase().trim()) ?? "";
 export {
-  o as getTrimmedLabel,
-  n as normalizeTabOption,
-  i as normalizeTabsOptions
+  u as getTrimmedLabel,
+  o as normalizeTabOption,
+  T as normalizeTabsOptions
 };

package/dist/components/Tag/Tag.js

@@ -18,31 +18,21 @@ const f = {
 }) => {
   if (s == null || s === "") return null;
   const c = (u.includes(l) ? l : "rectangle") === "pill" ? e.shapePill : e.shapeRectangle;
-  return /* @__PURE__ */ o(
-    "span",
-    {
-      className: d(
-        e.tag,
-        c,
-        f[t] ?? e.stateDefault
-      ),
-      children: [
-        i && /* @__PURE__ */ a("span", { className: e.icon, "aria-hidden": !0, children: /* @__PURE__ */ a(m, { iconSize: "m" }) }),
-        /* @__PURE__ */ a("span", { className: e.label, children: s }),
-        r && n ? /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: e.dismiss,
-            onClick: n,
-            disabled: t === "disabled",
-            "aria-label": `Remove ${s}`,
-            children: /* @__PURE__ */ a("span", { className: e.dismissIcon, "aria-hidden": !0, children: /* @__PURE__ */ a(p, { iconSize: "m" }) })
-          }
-        ) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ o("span", { className: d(e.tag, c, f[t] ?? e.stateDefault), children: [
+    i && /* @__PURE__ */ a("span", { className: e.icon, "aria-hidden": !0, children: /* @__PURE__ */ a(m, { iconSize: "m" }) }),
+    /* @__PURE__ */ a("span", { className: e.label, children: s }),
+    r && n ? /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: e.dismiss,
+        onClick: n,
+        disabled: t === "disabled",
+        "aria-label": `Remove ${s}`,
+        children: /* @__PURE__ */ a("span", { className: e.dismissIcon, "aria-hidden": !0, children: /* @__PURE__ */ a(p, { iconSize: "m" }) })
+      }
+    ) : null
+  ] });
 };
 export {
   A as Tag

package/dist/components/TextHoverable/TextHoverable.js

@@ -1,14 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "clsx";
 import t from "./TextHoverable.module.scss.js";
-const x = ({ children: o, className: r, ...s }) => /* @__PURE__ */ e(
-  "span",
-  {
-    className: a(t.textHoverable, r),
-    ...s,
-    children: /* @__PURE__ */ e("span", { className: t.text, children: o })
-  }
-);
+const x = ({ children: o, className: r, ...s }) => /* @__PURE__ */ e("span", { className: a(t.textHoverable, r), ...s, children: /* @__PURE__ */ e("span", { className: t.text, children: o }) });
 export {
   x as TextHoverable
 };

package/dist/components/icons-v2/ColumnIcon.js

@@ -0,0 +1,15 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createIcon as t } from "./createIcon.js";
+const c = t(({ strokeColor: o, strokeWidth: r }) => /* @__PURE__ */ n(
+  "path",
+  {
+    d: "M16 4H5.33333C4.97971 4 4.64057 4.14048 4.39052 4.39052C4.14048 4.64057 4 4.97971 4 5.33333V26.6667C4 27.0203 4.14048 27.3594 4.39052 27.6095C4.64057 27.8595 4.97971 28 5.33333 28H16M16 4H26.6667C27.0203 4 27.3594 4.14048 27.6095 4.39052C27.8595 4.64057 28 4.97971 28 5.33333V26.6667C28 27.0203 27.8595 27.3594 27.6095 27.6095C27.3594 27.8595 27.0203 28 26.6667 28H16M16 4V28",
+    stroke: o,
+    strokeWidth: r,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+));
+export {
+  c as ColumnIcon
+};

package/dist/components/icons-v2/EyeSeeTokenIcon.js

@@ -0,0 +1,35 @@
+import { jsxs as t, Fragment as F, jsx as C } from "react/jsx-runtime";
+import { createIcon as e } from "./createIcon.js";
+const r = e(() => /* @__PURE__ */ t(F, { children: [
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M3.20215 16C3.20215 17.6809 3.53323 19.3454 4.17649 20.8984C4.81975 22.4513 5.76259 23.8624 6.95118 25.051C8.13977 26.2396 9.55083 27.1824 11.1038 27.8257C12.6568 28.4689 14.3212 28.8 16.0021 28.8C17.6831 28.8 19.3475 28.4689 20.9005 27.8257C22.4535 27.1824 23.8645 26.2396 25.0531 25.051C26.2417 23.8624 27.1845 22.4513 27.8278 20.8984C28.4711 19.3454 28.8021 17.6809 28.8021 16C28.8021 14.3191 28.4711 12.6546 27.8278 11.1017C27.1845 9.5487 26.2417 8.13764 25.0531 6.94905C23.8645 5.76046 22.4535 4.81761 20.9005 4.17435C19.3475 3.53109 17.6831 3.20001 16.0021 3.20001C14.3212 3.20001 12.6568 3.53109 11.1038 4.17435C9.55083 4.81761 8.13977 5.76046 6.95118 6.94905C5.76259 8.13764 4.81975 9.5487 4.17649 11.1017C3.53323 12.6546 3.20215 14.3191 3.20215 16Z",
+      fill: "#FFF5D0"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M28.0023 16C28.0023 14.4242 27.6913 12.8637 27.0883 11.4078C26.4852 9.95201 25.6025 8.62834 24.4883 7.51409C23.374 6.39984 22.0504 5.51714 20.5945 4.91409C19.1386 4.31103 17.5782 4.00002 16.0023 4.00002C14.4265 4.00002 12.8661 4.31103 11.4102 4.91409C9.95433 5.51714 8.63066 6.39984 7.51641 7.51409C6.40216 8.62834 5.51946 9.95201 4.91641 11.4078C4.31335 12.8637 4.00234 14.4242 4.00234 16C4.00234 17.5759 4.31335 19.1363 4.91641 20.5922C5.51946 22.048 6.40216 23.3717 7.51641 24.486C8.63066 25.6002 9.95433 26.4829 11.4102 27.086C12.8661 27.689 14.4265 28 16.0023 28C17.5782 28 19.1386 27.689 20.5945 27.086C22.0504 26.4829 23.374 25.6002 24.4883 24.486C25.6025 23.3717 26.4852 22.048 27.0883 20.5922C27.6913 19.1363 28.0023 17.5759 28.0023 16ZM29.6023 16C29.6023 17.786 29.2499 19.5547 28.5664 21.2047C27.8829 22.8546 26.8823 24.3544 25.6195 25.6172C24.3568 26.88 22.8569 27.8806 21.207 28.5641C19.557 29.2476 17.7883 29.6 16.0023 29.6C14.2164 29.6 12.4477 29.2476 10.7977 28.5641C9.14779 27.8806 7.64793 26.88 6.38516 25.6172C5.12238 24.3544 4.12174 22.8546 3.43828 21.2047C2.75482 19.5547 2.40234 17.786 2.40234 16C2.40234 14.214 2.75482 12.4454 3.43828 10.7953C4.12174 9.14547 5.12238 7.64561 6.38516 6.38284C7.64793 5.12007 9.14779 4.11942 10.7977 3.43596C12.4477 2.7525 14.2164 2.40002 16.0023 2.40002C17.7883 2.40002 19.557 2.7525 21.207 3.43596C22.8569 4.11942 24.3568 5.12007 25.6195 6.38284C26.8823 7.64561 27.8829 9.14547 28.5664 10.7953C29.2499 12.4454 29.6023 14.214 29.6023 16Z",
+      fill: "#FFCC14"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M11.4165 7.80666C11.2957 7.87527 11.1896 7.96711 11.1043 8.07689C11.0191 8.18666 10.9564 8.31221 10.9199 8.4463C10.8834 8.5804 10.8737 8.72039 10.8915 8.85823C10.9092 8.99607 10.9541 9.12904 11.0235 9.24948L14.9588 16.1375L11.0235 23.03C10.9541 23.1504 10.9092 23.2834 10.8915 23.4212C10.8737 23.5591 10.8834 23.6991 10.9199 23.8332C10.9564 23.9673 11.0191 24.0928 11.1043 24.2026C11.1896 24.3123 11.2957 24.4042 11.4165 24.4728C11.5746 24.567 11.7552 24.6164 11.9392 24.6157C12.1262 24.6157 12.3099 24.566 12.4716 24.4719C12.6332 24.3777 12.767 24.2424 12.8594 24.0797L17.3978 16.1375L12.8594 8.19975C12.7907 8.07888 12.6989 7.97278 12.5891 7.88755C12.4794 7.80231 12.3538 7.73962 12.2197 7.70309C12.0856 7.66656 11.9456 7.6569 11.8078 7.67467C11.6699 7.69245 11.537 7.7373 11.4165 7.80666Z",
+      fill: "#FFCC14"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M18.8302 7.4668C18.2523 7.4668 17.6873 7.63817 17.2068 7.95924C16.7263 8.28031 16.3518 8.73666 16.1306 9.27059C15.9095 9.80451 15.8516 10.392 15.9643 10.9588C16.0771 11.5256 16.3554 12.0463 16.764 12.4549C17.1727 12.8636 17.6933 13.1419 18.2601 13.2546C18.8269 13.3674 19.4145 13.3095 19.9484 13.0883C20.4823 12.8672 20.9387 12.4927 21.2597 12.0121C21.5808 11.5316 21.7522 10.9667 21.7522 10.3888C21.7522 9.61382 21.4443 8.87061 20.8963 8.32263C20.3484 7.77465 19.6051 7.4668 18.8302 7.4668ZM18.8302 11.4477C18.6208 11.4477 18.416 11.3856 18.2419 11.2692C18.0678 11.1529 17.9321 10.9875 17.8519 10.794C17.7718 10.6005 17.7508 10.3876 17.7917 10.1822C17.8325 9.9768 17.9334 9.78813 18.0814 9.64004C18.2295 9.49195 18.4182 9.3911 18.6236 9.35024C18.829 9.30939 19.0419 9.33036 19.2354 9.4105C19.4289 9.49064 19.5943 9.62636 19.7106 9.8005C19.827 9.97463 19.8891 10.1794 19.8891 10.3888C19.8879 10.6688 19.7758 10.937 19.5774 11.1346C19.3789 11.3323 19.1103 11.4432 18.8302 11.4432V11.4477Z",
+      fill: "#FFCC14"
+    }
+  )
+] }));
+export {
+  r as EyeSeeTokenIcon
+};