@cfx-dev/ui-components 1.0.0 → 2.0.1

package/dist/components/Layout/Scrollable/VirtualScrollable.js

@@ -1,10 +1,9 @@
 import { jsx as R } from "react/jsx-runtime";
 import N, { createElement as k, PureComponent as re } from "react";
-import { _ as ie } from "../../../extends-hS2Bh-Yp.js";
-import { _ as ne } from "../../../inheritsLoose-A8WKSWDx.js";
+import { _ as ie, a as ne } from "../../../inheritsLoose-CyjgKRgL.js";
 import { clsx as oe } from "../../../utils/clsx.js";
 import { Scrollable as le } from "./Scrollable.js";
-import { s as se } from "../../../Rail-CCuyJpf6.js";
+import { s as se } from "../../../Rail-rtPENZs2.js";
 function $(r) {
   if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
@@ -77,7 +76,7 @@ process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.We
 function pe(r) {
   var t, i = r.getItemOffset, l = r.getEstimatedTotalSize, a = r.getItemSize, I = r.getOffsetForIndexAndAlignment, m = r.getStartIndexForOffset, v = r.getStopIndexForStartIndex, S = r.initInstanceProps, y = r.shouldResetStyleCacheOnItemSizeChange, g = r.validateProps;
   return t = /* @__PURE__ */ function(w) {
-    ne(b, w);
+    ie(b, w);
     function b(p) {
       var e;
       return e = w.call(this, p) || this, e._instanceProps = S(e.props, $(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
@@ -236,7 +235,7 @@ function pe(r) {
         className: o,
         onScroll: Z,
         ref: this._outerRefSetter,
-        style: ie({
+        style: ne({
           position: "relative",
           height: u,
           width: Y,
@@ -378,7 +377,7 @@ function ge() {
 const Se = N.forwardRef(function(t, i) {
   return /* @__PURE__ */ R(le, { scrollerRef: i, ...t });
 });
-function _e(r) {
+function Oe(r) {
   const {
     className: t,
     itemCount: i,
@@ -405,5 +404,5 @@ function _e(r) {
   ) });
 }
 export {
-  _e as VirtualScrollable
+  Oe as VirtualScrollable
 };

package/dist/components/Layout/Scrollable/index.d.ts

@@ -0,0 +1,6 @@
+export { Rail } from './Rail';
+export { Scrollable } from './Scrollable';
+export { VirtualScrollable } from './VirtualScrollable';
+export type { VirtualScrollableProps } from './VirtualScrollable';
+export type { ScrollableProps } from './Scrollable';
+export type { RailProps } from './Rail';

package/dist/components/Layout/Scrollable/index.js

@@ -0,0 +1,8 @@
+import { R as o } from "../../../Rail-rtPENZs2.js";
+import { Scrollable as e } from "./Scrollable.js";
+import { VirtualScrollable as f } from "./VirtualScrollable.js";
+export {
+  o as Rail,
+  e as Scrollable,
+  f as VirtualScrollable
+};

package/dist/components/Logos/Logos.types.d.ts

@@ -0,0 +1,26 @@
+import * as Cfx from './cfx';
+import * as CfxBazaar from './cfxbazaar';
+import * as Discord from './discord';
+import * as ESX from './esx';
+import * as FiveM from './fivem';
+import * as Google from './google';
+import * as Patreon from './patreon';
+import * as QBcore from './qbcore';
+import * as RedemRP from './redemrp';
+import * as RedM from './redm';
+import * as Rockstar from './rockstar';
+import * as Tebex from './tebex';
+import * as VorpCore from './vorpcore';
+export type CfxLogoName = keyof typeof Cfx;
+export type FiveMLogoName = keyof typeof FiveM;
+export type RedMLogoName = keyof typeof RedM;
+export type RockstarLogoName = keyof typeof Rockstar;
+export type GoogleLogoName = keyof typeof Google;
+export type PatreonLogoName = keyof typeof Patreon;
+export type TebexLogoName = keyof typeof Tebex;
+export type QBcoreLogoName = keyof typeof QBcore;
+export type ESXLogoName = keyof typeof ESX;
+export type VorpCoreLogoName = keyof typeof VorpCore;
+export type RedemRPLogoName = keyof typeof RedemRP;
+export type DiscordLogoName = keyof typeof Discord;
+export type CfxBazaarLogoName = keyof typeof CfxBazaar;

package/dist/components/Logos/Logos.types.js

@@ -0,0 +1 @@
+

package/dist/components/Logos/LogosShowcase.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function LogosShowcase(): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof LogosShowcase>;
+export default _default;

package/dist/components/Logos/LogosShowcase.js

@@ -0,0 +1,430 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import t from "react";
+import { Flex as r } from "../Layout/Flex/Flex.js";
+import { Text as i } from "../Text/Text.js";
+import { Logos as c } from "./index.js";
+function d() {
+  return /* @__PURE__ */ l(r, { gap: "xlarge", vertical: !0, children: [
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Cfx" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Icon" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "64px",
+              width: "91px"
+            },
+            children: /* @__PURE__ */ e(c.Cfx.Icon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "60px",
+              width: "224px"
+            },
+            children: /* @__PURE__ */ e(c.Cfx.Wordmark, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "74px",
+              width: "335px"
+            },
+            children: /* @__PURE__ */ e(c.Cfx.Logo, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Composite Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "83px",
+              width: "471px"
+            },
+            children: /* @__PURE__ */ e(c.Cfx.CompositeLogo, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "FiveM" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Icon" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "44px",
+              width: "40px"
+            },
+            children: /* @__PURE__ */ e(c.FiveM.Icon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "23px",
+              width: "73px"
+            },
+            children: /* @__PURE__ */ e(c.FiveM.Wordmark, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "45px",
+              width: "107px"
+            },
+            children: /* @__PURE__ */ e(c.FiveM.Logo, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Lockup Landscape" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "44px",
+              width: "305px"
+            },
+            children: /* @__PURE__ */ e(c.FiveM.LockupLandscape, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Lockup Portrait" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "96px",
+              width: "93px"
+            },
+            children: /* @__PURE__ */ e(c.FiveM.LockupPortrait, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Composite Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "47px",
+              width: "398px"
+            },
+            children: /* @__PURE__ */ e(c.FiveM.CompositeLogo, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "RedM" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Icon" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "45px",
+              width: "29px"
+            },
+            children: /* @__PURE__ */ e(c.RedM.Icon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "33px",
+              width: "70px"
+            },
+            children: /* @__PURE__ */ e(c.RedM.Wordmark, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "46px",
+              width: "96px"
+            },
+            children: /* @__PURE__ */ e(c.RedM.Logo, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Lockup Landscape" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "46px",
+              width: "206px"
+            },
+            children: /* @__PURE__ */ e(c.RedM.LockupLandscape, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Lockup Portrait" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "59px",
+              width: "114px"
+            },
+            children: /* @__PURE__ */ e(c.RedM.LockupPortrait, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Composite Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "46px",
+              width: "299px"
+            },
+            children: /* @__PURE__ */ e(c.RedM.CompositeLogo, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Rockstar Games" }),
+    /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Icon" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "86px",
+            width: "84px"
+          },
+          children: /* @__PURE__ */ e(c.Rockstar.Icon, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Google" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Icon" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "64px",
+              width: "64px"
+            },
+            children: /* @__PURE__ */ e(c.Google.Icon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "68px",
+              width: "203px"
+            },
+            children: /* @__PURE__ */ e(c.Google.Wordmark, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Patreon" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Icon" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "64px",
+              width: "64px"
+            },
+            children: /* @__PURE__ */ e(c.Patreon.Icon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "60px",
+              width: "300px"
+            },
+            children: /* @__PURE__ */ e(c.Patreon.Wordmark, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Tebex" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Icon" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "64px",
+              width: "64px"
+            },
+            children: /* @__PURE__ */ e(c.Tebex.Icon, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "84px",
+              width: "168px"
+            },
+            children: /* @__PURE__ */ e(c.Tebex.Wordmark, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "QBcore" }),
+    /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Icon" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "81px",
+            width: "88px"
+          },
+          children: /* @__PURE__ */ e(c.QBcore.Icon, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "ESX" }),
+    /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Icon" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "60px",
+            width: "166px"
+          },
+          children: /* @__PURE__ */ e(c.ESX.Icon, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "VorpCore" }),
+    /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Icon" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "80px",
+            width: "134px"
+          },
+          children: /* @__PURE__ */ e(c.VorpCore.Icon, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Redem:RP" }),
+    /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Icon" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "45px",
+            width: "336px"
+          },
+          children: /* @__PURE__ */ e(c.RedemRP.Icon, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Discord" }),
+    /* @__PURE__ */ e(r, { gap: "large", vertical: !0, children: /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Icon" }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          style: {
+            height: "97px",
+            width: "128px"
+          },
+          children: /* @__PURE__ */ e(c.Discord.Icon, {})
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(i, { underlined: !0, color: "accent", as: "h2", size: "xlarge", children: "Cfx Bazaar" }),
+    /* @__PURE__ */ l(r, { gap: "large", vertical: !0, children: [
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Wordmark" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "60px",
+              width: "377px"
+            },
+            children: /* @__PURE__ */ e(c.CfxBazaar.Wordmark, {})
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l(r, { gap: "normal", vertical: !0, children: [
+        /* @__PURE__ */ e(i, { children: "Composite Logo" }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              height: "82px",
+              width: "542px"
+            },
+            children: /* @__PURE__ */ e(c.CfxBazaar.CompositeLogo, {})
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const g = t.memo(d);
+export {
+  g as default
+};

package/dist/components/Logos/cfx/CompositeLogo.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function CompositeLogo(): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CompositeLogo>;
+export default _default;

package/dist/components/Logos/cfx/CompositeLogo.js

@@ -0,0 +1,91 @@
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+import H from "react";
+function L() {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      viewBox: "0 0 503 83",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fill: "white",
+            d: "M116 0H120V81H116V0Z"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fill: "white",
+            d: "M12.3016 12L34.082 12.0516C38.6343 12.0172 42.0333 12.7374 44.2775 14.2109C47.0202 16.0172 48.3893 19.1234 48.3893 23.5308C48.3893 30.7877 44.9904 34.8996 38.1924 35.8651V35.967C41.19 36.7059 42.7055 39.1636 42.7389 43.34C42.7389 45.4792 42.6577 48.2195 42.4969 51.5595C42.4969 53.8006 42.975 55.7389 43.9342 57.3745H31.9986C31.4408 56.7762 31.1626 55.5581 31.1626 53.7174C31.3915 50.6413 31.5045 48.1191 31.5045 46.1492C31.5045 42.1707 29.5732 40.1808 25.7121 40.1808H17.9897L14.6212 56.274H3L12.3016 12ZM22.1551 21.2267L19.9239 31.9096H29.1849C34.3616 31.9096 36.9652 29.8867 37 25.8407C37 22.7647 34.905 21.2267 30.7149 21.2267H22.1551Z"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            fill: "white",
+            d: "M56.4565 57.4247L54.134 42.5337L45.5163 57.3228L31.9015 57.2812L40.3178 66.2539L33.0968 82L48.5342 72.7217L60.0178 81.6442L57.8937 66.8551L71.1579 57.4247H56.4565ZM57.1505 76.6829L48.6835 70.1133L37.9432 76.5294L42.891 65.8465L36.9073 59.4806H46.7536L52.9387 48.8063L54.6266 59.5825H64.3715L55.5626 65.7963L57.1505 76.6829Z"
+          }
+        ),
+        /* @__PURE__ */ t("g", { clipPath: "url(#clip0_223_2228)", children: [
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M230.499 9H218.02L219.054 21.8535H207.645L208.679 9H196.306L166 73H203.491L204.721 57.7933H221.96L223.19 73H260.788L230.481 9H230.499ZM205.594 47.2039L207.217 27.2017H219.5L221.122 47.2039H205.594Z"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M303.77 69C296.5 69 290.548 66.4685 285.93 61.4056C281.312 56.3256 279.002 49.5351 279.002 41C279.002 32.4649 281.312 25.6744 285.93 20.5944C290.548 15.5315 296.483 13 303.77 13C309.397 13 314.272 14.5394 318.411 17.584C322.55 20.6286 325.27 25.2639 326.57 31.4386H320.173C319.01 27.0257 316.991 23.81 314.084 21.8088C311.176 19.8076 307.738 18.7984 303.77 18.7984C298.296 18.7984 293.918 20.7654 290.599 24.6995C287.281 28.6335 285.639 34.0727 285.639 41C285.639 47.9273 287.298 53.3494 290.599 57.3005C293.918 61.2346 298.296 63.2016 303.77 63.2016C307.892 63.2016 311.552 61.9359 314.751 59.4044C317.966 56.8729 319.899 53.1784 320.549 48.3036H326.878C326.228 54.923 323.696 60.0373 319.283 63.6121C314.87 67.204 309.705 69 303.787 69H303.77Z"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M349.37 19.3286C345.915 19.3286 344.17 21.1588 344.17 24.8192V28.9585H352.449V34.2266H344.17V67.7856H338.15V34.2266H331.753V28.9585H338.15V24.9731C338.15 17.7037 341.759 14.0605 348.994 14.0605C350.345 14.0605 351.628 14.1118 352.825 14.2144V19.3286H349.37Z"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M391.67 28.9585L377.593 47.9273L392.422 67.8027H385.341L383.237 64.8607C380.021 60.2938 376.994 56.0861 374.137 52.2205C369.93 57.8992 366.834 62.124 364.884 64.9462L362.849 67.8027H355.853L370.682 47.9273L356.605 28.9585H363.687L366.697 33.0977C369.656 37.1173 372.17 40.6237 374.223 43.6341C376.789 40.025 379.286 36.5015 381.749 33.0977L384.691 28.9585H391.687H391.67Z"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M405.285 67.7856H397.69V60.2596H405.285V67.7856Z"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M432.908 28.3598C433.712 28.3598 434.396 28.3769 434.944 28.4282V34.2266H433.439C429.47 34.2266 426.357 35.2016 424.1 37.1686C421.842 39.1185 420.713 41.9578 420.713 45.6695V67.8027H414.692V28.9585H420.405V35.8002C423.056 30.84 427.23 28.3427 432.891 28.3427L432.908 28.3598Z"
+            }
+          ),
+          /* @__PURE__ */ C(
+            "path",
+            {
+              fill: "white",
+              d: "M456.016 68.6921C450.646 68.6921 446.301 66.8619 442.966 63.2016C439.63 59.5412 437.954 54.598 437.954 48.372C437.954 42.146 439.596 37.3396 442.88 33.628C446.164 29.9163 450.492 28.0519 455.863 28.0519C461.233 28.0519 465.8 29.9847 468.965 33.8503C472.129 37.7159 473.702 42.5565 473.702 48.372V50.4759H444.197C444.505 54.7349 445.685 57.9334 447.772 60.0373C449.859 62.1411 452.647 63.2016 456.17 63.2016C461.541 63.2016 464.979 60.7899 466.484 55.9835H472.728C471.718 59.7978 469.803 62.8766 466.963 65.2028C464.124 67.529 460.481 68.7092 456.016 68.7092V68.6921ZM444.351 45.0538H467.237C466.929 41.7013 465.8 38.9304 463.816 36.7752C461.832 34.62 459.181 33.5425 455.88 33.5425C452.767 33.5425 450.201 34.5174 448.166 36.4844C446.13 38.4343 444.864 41.3079 444.368 45.0709L444.351 45.0538Z"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_223_2228", children: /* @__PURE__ */ C("rect", { width: "335.003", height: "74", fill: "white", transform: "translate(168 4)" }) }) })
+      ]
+    }
+  );
+}
+const h = H.memo(L);
+export {
+  h as default
+};

package/dist/components/Logos/cfx/Icon.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Icon(): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Icon>;
+export default _default;

package/dist/components/Logos/cfx/Icon.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+function e() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 95 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          fill: "white",
+          d: "M64.4992 0H52.0201L53.054 12.8535H41.6446L42.6785 0H30.3064L0 64H37.4908L38.7209 48.7933H55.9599L57.19 64H94.7877L64.4813 0H64.4992ZM39.5944 38.2039L41.2167 18.2017H53.4997L55.122 38.2039H39.5944Z"
+        }
+      )
+    }
+  );
+}
+const H = t.memo(e);
+export {
+  H as default
+};

package/dist/components/Logos/cfx/Logo.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Logo(): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Logo>;
+export default _default;