@matbea-ui/matbea-ui 0.1.7 → 0.2.0

package/dist/matbea-ui.es13.js

@@ -1,188 +0,0 @@
-import { j as T } from "./matbea-ui.es30.js";
-import { useState as q, useRef as d, useId as pt, useMemo as wt, useCallback as I, useLayoutEffect as bt, useEffect as K } from "react";
-import { TooltipWrapper as gt, TooltipTrigger as vt, TooltipBubble as Tt, TooltipContentText as Et, TooltipArrow as Lt } from "./matbea-ui.es44.js";
-const o = 8, l = 12, V = 12, xt = {
-  top: ["top", "bottom", "right", "left"],
-  bottom: ["bottom", "top", "right", "left"],
-  left: ["left", "right", "top", "bottom"],
-  right: ["right", "left", "top", "bottom"]
-}, M = (p, A, a) => Math.min(Math.max(p, A), a), kt = ({
-  content: p,
-  children: A,
-  position: a = "top",
-  open: Y,
-  defaultOpen: Z = !1,
-  onOpenChange: B,
-  showDelay: X = 150,
-  hideDelay: _ = 150,
-  interactive: j = !1,
-  disabled: c = !1,
-  hideOnClick: J = !1,
-  maxWidth: E
-}) => {
-  const [Q, tt] = q(Z), P = typeof Y == "boolean", i = P ? !!Y : Q, H = d(null), L = d(null), w = d(null), x = d(null), R = d(null), u = d(null), N = pt(), S = wt(
-    () => ({
-      top: -9999,
-      left: -9999,
-      arrowX: 0,
-      arrowY: 0,
-      placement: a
-    }),
-    [a]
-  ), [f, W] = q(S), y = () => {
-    x.current && (clearTimeout(x.current), x.current = null), R.current && (clearTimeout(R.current), R.current = null);
-  }, s = I(
-    (e) => {
-      P || tt(e), e || W(S), B?.(e);
-    },
-    [S, P, B]
-  ), D = I(() => {
-    c || (y(), x.current = setTimeout(() => s(!0), X));
-  }, [c, s, X]), $ = I(() => {
-    c || (y(), R.current = setTimeout(() => s(!1), _));
-  }, [c, s, _]), et = () => {
-    c || D();
-  }, nt = () => {
-    c || $();
-  }, rt = () => {
-    c || D();
-  }, ot = () => {
-    c || $();
-  }, ct = () => {
-    J && s(!1);
-  }, it = () => {
-    j && y();
-  }, st = () => {
-    j && $();
-  }, G = I(() => {
-    if (typeof window > "u" || !L.current || !w.current)
-      return;
-    const e = L.current.getBoundingClientRect(), t = w.current.getBoundingClientRect(), r = window.innerWidth, h = window.innerHeight, m = e.left + e.width / 2, z = e.top + e.height / 2, lt = (n) => {
-      switch (n) {
-        case "top":
-          return e.top >= t.height + l + o;
-        case "bottom":
-          return h - e.bottom >= t.height + l + o;
-        case "left":
-          return e.left >= t.width + l + o;
-        case "right":
-          return r - e.right >= t.width + l + o;
-        default:
-          return !0;
-      }
-    }, b = xt[a].find((n) => lt(n)) ?? a;
-    let g = 0, v = 0;
-    switch (b) {
-      case "top":
-        g = e.top - t.height - l, v = m - t.width / 2;
-        break;
-      case "bottom":
-        g = e.bottom + l, v = m - t.width / 2;
-        break;
-      case "left":
-        g = z - t.height / 2, v = e.left - t.width - l;
-        break;
-      case "right":
-      default:
-        g = z - t.height / 2, v = e.right + l;
-        break;
-    }
-    const at = Math.max(r - o * 2, 0), ut = Math.max(h - o * 2, 0), ft = o, ht = r - t.width - o, mt = o, dt = h - t.height - o, C = t.width >= at ? o : M(v, ft, ht), F = t.height >= ut ? o : M(g, mt, dt);
-    let O = 0, k = 0;
-    if (b === "top" || b === "bottom") {
-      const n = Math.max(t.width / 2 - V, 0);
-      O = M(
-        m - (C + t.width / 2),
-        -n,
-        n
-      ), k = 0;
-    } else {
-      const n = Math.max(t.height / 2 - V, 0);
-      k = M(
-        z - (F + t.height / 2),
-        -n,
-        n
-      ), O = 0;
-    }
-    W((n) => n.top === F && n.left === C && n.arrowX === O && n.arrowY === k && n.placement === b ? n : {
-      top: F,
-      left: C,
-      arrowX: O,
-      arrowY: k,
-      placement: b
-    });
-  }, [a]);
-  bt(() => {
-    if (!i)
-      return;
-    const e = w.current, t = L.current;
-    if (!e || !t) return;
-    const r = () => {
-      u.current !== null && cancelAnimationFrame(u.current), u.current = window.requestAnimationFrame(() => {
-        u.current = null, G();
-      });
-    };
-    r();
-    const m = typeof window < "u" && "ResizeObserver" in window ? new ResizeObserver(r) : null;
-    return m?.observe(e), m?.observe(t), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
-      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0), m?.disconnect(), u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
-    };
-  }, [i, G]), K(() => y, []), K(() => {
-    if (!i) return;
-    const e = (r) => {
-      r.key === "Escape" && s(!1);
-    }, t = (r) => {
-      const h = r.target;
-      H.current?.contains(h) || w.current?.contains(h) || s(!1);
-    };
-    return document.addEventListener("keydown", e), document.addEventListener("pointerdown", t), () => {
-      document.removeEventListener("keydown", e), document.removeEventListener("pointerdown", t);
-    };
-  }, [i, s]);
-  const U = {
-    top: f.top,
-    left: f.left,
-    "--tooltip-arrow-x": `${f.arrowX}px`,
-    "--tooltip-arrow-y": `${f.arrowY}px`
-  };
-  return E !== void 0 && (U.maxWidth = typeof E == "number" ? `${E}px` : E), /* @__PURE__ */ T.jsxs(gt, { ref: H, "data-disabled": c, children: [
-    /* @__PURE__ */ T.jsx(
-      vt,
-      {
-        ref: L,
-        tabIndex: c ? -1 : 0,
-        "aria-describedby": i ? N : void 0,
-        onMouseEnter: et,
-        onMouseLeave: nt,
-        onFocus: rt,
-        onBlur: ot,
-        onClick: ct,
-        "data-open": i,
-        children: A
-      }
-    ),
-    /* @__PURE__ */ T.jsxs(
-      Tt,
-      {
-        ref: w,
-        id: N,
-        role: "tooltip",
-        "aria-hidden": !i,
-        $visible: i,
-        $interactive: j,
-        $placement: f.placement,
-        style: U,
-        "data-placement": f.placement,
-        onMouseEnter: it,
-        onMouseLeave: st,
-        children: [
-          ["string", "number"].includes(typeof p) ? /* @__PURE__ */ T.jsx(Et, { variant: "body-m", children: p }) : p,
-          /* @__PURE__ */ T.jsx(Lt, { $placement: f.placement })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  kt as Tooltip
-};

package/dist/matbea-ui.es14.js

@@ -1,12 +0,0 @@
-import { j as o } from "./matbea-ui.es30.js";
-import { maskEmail as t } from "./matbea-ui.es27.js";
-import { UserAccountStyled as m, UserAccountText as s } from "./matbea-ui.es45.js";
-import "react";
-import { UserIcon as e } from "./matbea-ui.es46.js";
-const a = ({ email: r }) => /* @__PURE__ */ o.jsxs(m, { children: [
-  /* @__PURE__ */ o.jsx(e, {}),
-  /* @__PURE__ */ o.jsx(s, { variant: "body-m-semibold", children: t(r) })
-] });
-export {
-  a as UserAccount
-};

package/dist/matbea-ui.es15.js

@@ -1,31 +0,0 @@
-import { j as t } from "./matbea-ui.es30.js";
-import { useCallback as a } from "react";
-import { Tab as c } from "./matbea-ui.es47.js";
-import { TabRow as p } from "./matbea-ui.es48.js";
-const j = ({
-  size: e = "m",
-  activeId: i,
-  items: m,
-  onChange: r,
-  className: s
-}) => {
-  const l = a(
-    (o) => {
-      r(o);
-    },
-    [r]
-  );
-  return /* @__PURE__ */ t.jsx(p, { role: "tablist", className: s, children: m.map((o) => /* @__PURE__ */ t.jsx(
-    c,
-    {
-      ...o,
-      size: e,
-      active: o.id === i,
-      onSelect: l
-    },
-    o.id
-  )) });
-};
-export {
-  j as TabList
-};

package/dist/matbea-ui.es16.js

@@ -1,25 +0,0 @@
-import { j as i } from "./matbea-ui.es30.js";
-import { TableStyled as t, TableHead as h, TableRow as r, TableHeader as s, TableBody as x, TableCell as j } from "./matbea-ui.es49.js";
-const p = ({ columns: a, data: l }) => /* @__PURE__ */ i.jsxs(t, { children: [
-  /* @__PURE__ */ i.jsx(h, { children: /* @__PURE__ */ i.jsx(r, { children: a.map((e) => /* @__PURE__ */ i.jsx(
-    s,
-    {
-      width: e.width,
-      align: e.align || "left",
-      children: e.name
-    },
-    e.id
-  )) }) }),
-  /* @__PURE__ */ i.jsx(x, { children: l.map((e) => /* @__PURE__ */ i.jsx(r, { children: a.map((d) => /* @__PURE__ */ i.jsx(
-    j,
-    {
-      width: d.width,
-      align: d.align || "left",
-      children: d.render ? d.render(e) : e[d.id]
-    },
-    d.id
-  )) }, e.id)) })
-] });
-export {
-  p as Table
-};

package/dist/matbea-ui.es17.js

@@ -1,40 +0,0 @@
-import { j as c } from "./matbea-ui.es30.js";
-import { useId as p, useState as j, useCallback as a } from "react";
-import { SwitcherRoot as w, Track as I, Thumb as y } from "./matbea-ui.es50.js";
-const g = ({
-  checked: s,
-  defaultChecked: l = !1,
-  disabled: e = !1,
-  onChange: i,
-  id: u,
-  className: f
-}) => {
-  const h = p(), m = u ?? h, r = s !== void 0, [x, d] = j(l), o = r ? s : x, n = a(() => {
-    if (e) return;
-    const t = !o;
-    r || d(t), i?.(t);
-  }, [o, r, e, i]), k = a(
-    (t) => {
-      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n());
-    },
-    [n]
-  );
-  return /* @__PURE__ */ c.jsx(w, { className: f, children: /* @__PURE__ */ c.jsx(
-    I,
-    {
-      id: m,
-      role: "switch",
-      "aria-checked": o,
-      "aria-disabled": e,
-      tabIndex: e ? -1 : 0,
-      onClick: n,
-      onKeyDown: k,
-      disabled: e,
-      $checked: o,
-      children: /* @__PURE__ */ c.jsx(y, { $checked: o, $disabled: e })
-    }
-  ) });
-};
-export {
-  g as Switcher
-};

package/dist/matbea-ui.es18.js

@@ -1,43 +0,0 @@
-import { j as t } from "./matbea-ui.es30.js";
-import { useId as L, useState as m, useCallback as p } from "react";
-import { Label as C, HiddenInput as j, Box as u, CheckIcon as I } from "./matbea-ui.es51.js";
-const b = ({
-  checked: n,
-  defaultChecked: i = !1,
-  disabled: e = !1,
-  name: d,
-  value: x,
-  onChange: r,
-  className: f
-}) => {
-  const s = L(), c = n !== void 0, [l, a] = m(i), o = c ? n : l, k = p(
-    (h) => {
-      e || (c || a(h.target.checked), r?.(h.target.checked));
-    },
-    [e, c, r]
-  );
-  return /* @__PURE__ */ t.jsxs(C, { htmlFor: s, disabled: e, className: f, children: [
-    /* @__PURE__ */ t.jsx(
-      j,
-      {
-        id: s,
-        type: "checkbox",
-        checked: o,
-        disabled: e,
-        onChange: k,
-        name: d,
-        value: x
-      }
-    ),
-    /* @__PURE__ */ t.jsx(u, { $checked: o, $disabled: e, children: o && /* @__PURE__ */ t.jsx(I, { viewBox: "0 0 15 11", children: /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        d: "M5.00034 11L0 6.18738L1.42838 4.81262L5.00185 8.24806L5.00034 8.24951L13.5716 0L15 1.37476L6.42872 9.62524L5.00135 10.999L5.00034 11Z",
-        fill: "#fff"
-      }
-    ) }) })
-  ] });
-};
-export {
-  b as Checkbox
-};

package/dist/matbea-ui.es19.js

@@ -1,25 +0,0 @@
-import { j as i } from "./matbea-ui.es30.js";
-import "react";
-import { InfoIcon as e } from "./matbea-ui.es34.js";
-import { WithdrawIcon as c } from "./matbea-ui.es52.js";
-import { ApplicationDataStyled as s, ApplicationDataContent as r, ApplicationDataLabel as l, ApplicationDataValue as m } from "./matbea-ui.es53.js";
-import { Tooltip as a } from "./matbea-ui.es13.js";
-const D = ({
-  label: t,
-  statusValue: o,
-  withdraw: p,
-  info: n
-}) => /* @__PURE__ */ i.jsxs(s, { children: [
-  /* @__PURE__ */ i.jsxs(r, { children: [
-    /* @__PURE__ */ i.jsx(l, { children: t }),
-    n && /* @__PURE__ */ i.jsx(a, { content: n, children: /* @__PURE__ */ i.jsx(e, { size: 18 }) })
-  ] }),
-  /* @__PURE__ */ i.jsxs(r, { children: [
-    ["number", "string"].includes(typeof o) && /* @__PURE__ */ i.jsx(m, { children: o }),
-    !["number", "string"].includes(typeof o) && o,
-    p && /* @__PURE__ */ i.jsx(c, { size: 18 })
-  ] })
-] });
-export {
-  D as ApplicationData
-};

package/dist/matbea-ui.es2.js

@@ -1,38 +0,0 @@
-import { j as e } from "./matbea-ui.es30.js";
-import { StyledButton as d, IconSlot as n } from "./matbea-ui.es31.js";
-const p = ({
-  variant: a = "primary",
-  size: f = "default",
-  form: h = "default",
-  fullWidth: u = !1,
-  icon: t,
-  iconPosition: s = "left",
-  children: r,
-  disabled: y,
-  ...$
-}) => {
-  const o = !!r, l = !!t && (!o || s === "only"), x = !!t && !l && s === "left", c = !!t && !l && s === "right";
-  return /* @__PURE__ */ e.jsxs(
-    d,
-    {
-      type: "button",
-      $variant: a,
-      $size: f,
-      $form: h,
-      $fullWidth: u,
-      $hasIcon: !!t && o,
-      $iconOnly: l,
-      disabled: y,
-      ...$,
-      children: [
-        x && /* @__PURE__ */ e.jsx(n, { $iconOnly: !1, children: t }),
-        (!l || !t) && r,
-        l && t && /* @__PURE__ */ e.jsx(n, { $iconOnly: !0, children: t }),
-        c && /* @__PURE__ */ e.jsx(n, { $iconOnly: !1, children: t })
-      ]
-    }
-  );
-};
-export {
-  p as Button
-};

package/dist/matbea-ui.es20.js

@@ -1,13 +0,0 @@
-import { j as i } from "./matbea-ui.es30.js";
-import { ApplicationInfoStyled as p, ApplicationInfoDataContainer as a, ApplicationDataActions as r } from "./matbea-ui.es54.js";
-const l = ({
-  children: t,
-  actions: o,
-  variant: n = "primary"
-}) => /* @__PURE__ */ i.jsxs(p, { $variant: n, children: [
-  /* @__PURE__ */ i.jsx(a, { children: t }),
-  o && /* @__PURE__ */ i.jsx(r, { children: o })
-] });
-export {
-  l as ApplicationInfo
-};

package/dist/matbea-ui.es21.js

@@ -1,33 +0,0 @@
-import { j as t } from "./matbea-ui.es30.js";
-import { useMemo as e } from "react";
-import { ClockIcon as c } from "./matbea-ui.es55.js";
-import { SuccessfullSmallIcon as a } from "./matbea-ui.es56.js";
-import { WarningIcon as l } from "./matbea-ui.es57.js";
-import { ApplicationStatusStyled as p, ApplicationStatusContent as i, ApplicationStatusLabel as u, ApplicationStatusValue as m } from "./matbea-ui.es58.js";
-const A = ({
-  label: n,
-  statusValue: r,
-  type: s
-}) => {
-  const o = e(() => {
-    switch (s) {
-      case "success":
-        return /* @__PURE__ */ t.jsx(a, { size: 18 });
-      case "warning":
-        return /* @__PURE__ */ t.jsx(l, { size: 18 });
-      case "pending":
-      default:
-        return /* @__PURE__ */ t.jsx(c, { size: 18 });
-    }
-  }, [s]);
-  return /* @__PURE__ */ t.jsxs(p, { children: [
-    /* @__PURE__ */ t.jsx(i, { children: /* @__PURE__ */ t.jsx(u, { children: n }) }),
-    /* @__PURE__ */ t.jsxs(i, { children: [
-      o,
-      /* @__PURE__ */ t.jsx(m, { $type: s, children: r })
-    ] })
-  ] });
-};
-export {
-  A as ApplicationStatus
-};

package/dist/matbea-ui.es22.js

@@ -1,16 +0,0 @@
-import { j as e } from "./matbea-ui.es30.js";
-import { BalanceRowStyled as o, BalanceCell as l, BalanceCellActions as a } from "./matbea-ui.es59.js";
-const x = ({
-  valueLabel: n,
-  count: r,
-  amount: c,
-  actions: s
-}) => /* @__PURE__ */ e.jsxs(o, { children: [
-  /* @__PURE__ */ e.jsx(l, { children: n }),
-  /* @__PURE__ */ e.jsx(l, { children: r }),
-  /* @__PURE__ */ e.jsx(l, { children: c }),
-  /* @__PURE__ */ e.jsx(a, { children: s })
-] });
-export {
-  x as BalanceRow
-};

package/dist/matbea-ui.es23.js

@@ -1,25 +0,0 @@
-import { j as r } from "./matbea-ui.es30.js";
-import { CurrencyNameStyled as o, CurrencyNameLongname as s, CurrencyNameShortname as a, CurrencyNameNetwork as i } from "./matbea-ui.es60.js";
-const j = ({
-  icon: m,
-  network: e,
-  longName: c,
-  shortName: n
-}) => /* @__PURE__ */ r.jsxs(
-  o,
-  {
-    $icon: !!m,
-    $longname: !!c,
-    $shortname: !!n,
-    $network: !!e,
-    children: [
-      m,
-      /* @__PURE__ */ r.jsx(s, { children: c }),
-      n && /* @__PURE__ */ r.jsx(a, { children: n }),
-      e && /* @__PURE__ */ r.jsx(i, { children: e })
-    ]
-  }
-);
-export {
-  j as CurrencyName
-};

package/dist/matbea-ui.es24.js

@@ -1,36 +0,0 @@
-import { j as r } from "./matbea-ui.es30.js";
-import { CurrencyRateCard as h, CurrencyRateBody as C, CurrencyRateBox as c, CurrencyRatePriceLabel as s, CurrencyRateAmount as t } from "./matbea-ui.es61.js";
-import { CurrencyName as R } from "./matbea-ui.es23.js";
-const f = ({
-  longName: i,
-  shortName: x,
-  network: o,
-  icon: j,
-  buyLabel: d,
-  sellLabel: m,
-  buyValue: e,
-  sellValue: n
-}) => /* @__PURE__ */ r.jsxs(h, { children: [
-  /* @__PURE__ */ r.jsx(
-    R,
-    {
-      longName: i,
-      shortName: x,
-      network: o,
-      icon: j
-    }
-  ),
-  (e || n) && /* @__PURE__ */ r.jsxs(C, { children: [
-    e && /* @__PURE__ */ r.jsxs(c, { children: [
-      /* @__PURE__ */ r.jsx(s, { children: d }),
-      /* @__PURE__ */ r.jsx(t, { children: e })
-    ] }),
-    n && /* @__PURE__ */ r.jsxs(c, { children: [
-      /* @__PURE__ */ r.jsx(s, { children: m }),
-      /* @__PURE__ */ r.jsx(t, { children: n })
-    ] })
-  ] })
-] });
-export {
-  f as CurrencyRate
-};

package/dist/matbea-ui.es25.js

@@ -1,29 +0,0 @@
-import { j as s } from "./matbea-ui.es30.js";
-import { formatCardNumber as h } from "./matbea-ui.es27.js";
-import { RequisitesStyled as d, RequisitesItemLabel as i, RequisitesItemValue as t } from "./matbea-ui.es62.js";
-import { CopyButton as c } from "./matbea-ui.es63.js";
-const q = ({
-  cardHolderLabel: r,
-  cardHolderName: o,
-  cardNumberLabel: x,
-  cardNumber: e,
-  merchantLabel: n,
-  merchantName: j,
-  descriptionLabel: l,
-  description: m
-}) => /* @__PURE__ */ s.jsxs(d, { children: [
-  /* @__PURE__ */ s.jsx(i, { children: r }),
-  /* @__PURE__ */ s.jsx(t, { children: o }),
-  /* @__PURE__ */ s.jsx(i, { children: x }),
-  /* @__PURE__ */ s.jsxs(t, { children: [
-    e && h(e),
-    e && /* @__PURE__ */ s.jsx(c, { text: e.toString() })
-  ] }),
-  /* @__PURE__ */ s.jsx(i, { children: n }),
-  /* @__PURE__ */ s.jsx(t, { children: j }),
-  /* @__PURE__ */ s.jsx(i, { children: l }),
-  /* @__PURE__ */ s.jsx(t, { children: m })
-] });
-export {
-  q as Requisites
-};

package/dist/matbea-ui.es26.js

@@ -1,30 +0,0 @@
-import { j as s } from "./matbea-ui.es30.js";
-import { useMemo as a } from "react";
-import { ClockIcon as c } from "./matbea-ui.es55.js";
-import { SuccessfullSmallIcon as e } from "./matbea-ui.es56.js";
-import { TransactionStatusStyled as i, TransactionStatusLabel as u, TransactionStatusContent as l, TransactionStatusValue as m } from "./matbea-ui.es64.js";
-const p = ({
-  label: n,
-  statusValue: r,
-  type: t
-}) => {
-  const o = a(() => {
-    switch (t) {
-      case "success":
-        return /* @__PURE__ */ s.jsx(e, { size: 18 });
-      case "pending":
-      default:
-        return /* @__PURE__ */ s.jsx(c, { size: 18 });
-    }
-  }, [t]);
-  return /* @__PURE__ */ s.jsxs(i, { children: [
-    /* @__PURE__ */ s.jsx(u, { children: n }),
-    /* @__PURE__ */ s.jsxs(l, { children: [
-      o,
-      /* @__PURE__ */ s.jsx(m, { children: r })
-    ] })
-  ] });
-};
-export {
-  p as TransactionStatus
-};

package/dist/matbea-ui.es27.js

@@ -1,20 +0,0 @@
-const l = (r, e = 4, c = 7) => {
-  const t = r.trim();
-  if (!t) return t;
-  const o = t.lastIndexOf(".");
-  if (o <= 0 || o === t.length - 1)
-    return t;
-  const s = t.slice(o + 1), n = t.slice(0, o).replace(/[@.]/g, "").slice(0, e), a = "*".repeat(c);
-  return `${n}${a}${s}`;
-}, d = (r) => r.toString().padStart(16, "0").replace(/(\d{4})(?=\d)/g, "$1 "), g = async (r) => {
-  try {
-    await navigator.clipboard.writeText(r), console.log("Скопировано в буфер обмена");
-  } catch (e) {
-    console.error("Ошибка копирования:", e);
-  }
-};
-export {
-  g as copyToClipboard,
-  d as formatCardNumber,
-  l as maskEmail
-};

package/dist/matbea-ui.es28.js

@@ -1,13 +0,0 @@
-import { colors as m } from "./matbea-ui.es29.js";
-const e = {
-  colors: m,
-  media: {
-    maxWidth: {
-      mobile: "@media (max-width: 375px)",
-      tablet: "@media (max-width: 834px)"
-    }
-  }
-};
-export {
-  e as theme
-};

package/dist/matbea-ui.es29.js

@@ -1,41 +0,0 @@
-const r = {
-  primary: {
-    primaryBlue: "#2D58B6",
-    hoverBlue: "#3163F0",
-    activeBlue: "#244AB7",
-    lightBlue2: "#6D93FF",
-    darkBlue: "#202D52",
-    darkBlue2: "#1F2635",
-    darkBlue3: "#131A2A",
-    white: "#FFFFFF"
-  },
-  gray: {
-    lightGray2: "#D9D9D9",
-    lightGray3: "#D0D1D8",
-    darkGray: "#9296A5",
-    lightGray: "#F3F3F5",
-    darkGray2: "#5E6F8D",
-    lightBlueGray: "#EFF2FB",
-    lightBlueGray2: "#F1F4F9"
-  },
-  accent: {
-    red: "#F84545",
-    green: "#1CD850",
-    greenLight: "#A7FFC0",
-    green2: "#00BC9E",
-    green2Light: "#00D6B3",
-    green2Dark: "#009E85",
-    orange: "#FFA63E",
-    purple: "#843CF0"
-  },
-  icon: {
-    iconPrimary: "#202D52",
-    iconSecondary: "#202D52",
-    iconThirty: "#5E6F8D",
-    iconFourth: "#FFA63E",
-    iconFive: "#2D5B86"
-  }
-};
-export {
-  r as colors
-};