@cfx-dev/ui-components 4.2.16 → 4.2.17

package/dist/components/Logos/LogosShowcase.js

@@ -1,431 +1,34 @@
-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 { jsx as e, jsxs as n } from "react/jsx-runtime";
+import d from "react";
+import { Island as c } from "../Island/Island.js";
+import { Flex as m } from "../Layout/Flex/Flex.js";
+import { Pad as l } from "../Layout/Pad/Pad.js";
+import { Text as a } from "../Text/Text.js";
 import "../ui.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: "56px",
-              width: "114px"
-            },
-            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: "224px"
-            },
-            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: "503px"
-            },
-            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, {})
-          }
-        )
-      ] })
-    ] })
-  ] });
+import { Logos as p } from "./index.js";
+function h() {
+  const s = Object.entries(p).map(([r, i]) => ({
+    title: r,
+    folder: Object.entries(i).map(([o, t]) => ({
+      name: o,
+      Component: t
+    }))
+  }));
+  return /* @__PURE__ */ e(m, { gap: "xlarge", direction: "column", children: s.map(({
+    title: r,
+    folder: i
+  }) => /* @__PURE__ */ n(d.Fragment, { children: [
+    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(a, { centered: !0, as: "h2", size: "xlarge", children: r }) }) }),
+    /* @__PURE__ */ e(m, { gap: "large", direction: "column", children: i.map(({
+      name: o,
+      Component: t
+    }) => /* @__PURE__ */ n(m, { gap: "medium", alignItems: "flex-start", direction: "column", children: [
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(a, { children: o }) }) }),
+      /* @__PURE__ */ e(t, { height: "80px" })
+    ] }, o)) })
+  ] }, r)) });
 }
-const x = t.memo(d);
+const F = d.memo(h);
 export {
-  x as default
+  F as default
 };

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

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

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

@@ -1,83 +1,15 @@
-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)" }) }) })
-  ] });
+import { jsx as C } from "react/jsx-runtime";
+import L from "react";
+function o(H) {
+  return /* @__PURE__ */ C("svg", { viewBox: "0 0 575 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...H, children: /* @__PURE__ */ C(
+    "path",
+    {
+      fill: "white",
+      d: "M137.818 0H142.698V98.78H137.818V0ZM0.0126953 68.625H14.1827L18.2927 49H27.7127C32.4227 49 34.7777 51.425 34.7777 56.28C34.7777 58.68 34.6377 61.76 34.3627 65.51C34.3627 67.755 34.7027 69.24 35.3827 69.97H49.9377C48.7677 67.975 48.1827 65.61 48.1827 62.88C48.3777 58.805 48.4777 55.465 48.4777 52.855C48.4377 47.76 46.5877 44.765 42.9327 43.865V43.74C51.2227 42.565 55.3677 37.55 55.3677 28.7C55.3677 23.325 53.6977 19.535 50.3527 17.335C47.6177 15.54 43.4727 14.66 37.9177 14.7L11.3577 14.635L0.0126953 68.625ZM33.8127 25.885C38.9227 25.885 41.4777 27.76 41.4777 31.51C41.4377 36.445 38.2577 38.91 31.9477 38.91H20.6527L23.3727 25.88H33.8127V25.885ZM83.1327 70.03L66.9577 81.53L69.5477 99.565L55.5427 88.685L36.7177 100L45.5227 80.795L35.2577 69.855L51.8627 69.905L62.3727 51.87L65.2027 70.03H83.1327ZM64.1127 80.24L74.8577 72.66H62.9727L60.9127 59.52L53.3677 72.535H41.3577L48.6527 80.3L42.6177 93.33L55.7177 85.505L66.0427 93.515L64.1077 80.24H64.1127ZM277.428 10.975L314.388 89.025H268.538L267.038 70.48H246.013L244.513 89.025H198.793L235.753 10.975H250.843L249.583 26.65H263.498L262.238 10.975H277.458H277.438H277.428ZM266.013 57.565L264.033 33.17H249.053L247.073 57.565H266.008H266.013ZM366.823 84.145C374.038 84.145 380.338 81.955 385.723 77.575C391.103 73.215 394.193 66.98 394.983 58.905H387.263C386.468 64.85 384.113 69.355 380.193 72.445C376.293 75.53 371.828 77.075 366.803 77.075C360.128 77.075 354.788 74.675 350.743 69.88C346.718 65.06 344.693 58.45 344.693 50C344.693 41.55 346.693 34.92 350.743 30.12C354.793 25.32 360.128 22.925 366.803 22.925C371.643 22.925 375.833 24.155 379.383 26.595C382.928 29.035 385.388 32.955 386.808 38.34H394.608C393.023 30.81 389.708 25.155 384.658 21.445C379.608 17.73 373.663 15.855 366.803 15.855C357.918 15.855 350.678 18.94 345.048 25.115C339.418 31.31 336.598 39.59 336.598 50C336.598 60.41 339.413 68.69 345.048 74.885C350.678 81.06 357.938 84.145 366.803 84.145H366.823ZM426.623 23.57V17.335C425.163 17.21 423.598 17.145 421.953 17.145C413.128 17.145 408.728 21.59 408.728 30.455V35.315H400.928V41.74H408.728V82.665H416.068V41.74H426.163V35.315H416.068V30.265C416.068 25.8 418.198 23.57 422.408 23.57H426.623ZM474.018 35.315H465.488L461.898 40.365C458.893 44.515 455.848 48.815 452.718 53.215C450.213 49.545 447.148 45.27 443.538 40.365L439.868 35.315H431.233L448.398 58.45L430.313 82.69H438.843L441.323 79.205C443.703 75.765 447.478 70.61 452.608 63.685C456.093 68.4 459.783 73.53 463.708 79.1L466.273 82.69H474.908L456.823 58.45L473.988 35.315H474.008H474.018ZM490.603 73.485H481.343V82.665H490.603V73.485ZM524.268 34.56C517.363 34.56 512.273 37.605 509.043 43.655V35.31H502.078V82.68H509.423V55.69C509.423 51.165 510.798 47.7 513.553 45.325C516.303 42.925 520.103 41.735 524.943 41.735H526.778V34.665C526.108 34.6 525.278 34.58 524.293 34.58L524.273 34.56H524.268ZM552.468 83.785C557.913 83.785 562.358 82.345 565.818 79.51C569.283 76.675 571.618 72.92 572.848 68.265H565.233C563.398 74.125 559.203 77.07 552.653 77.07C548.358 77.07 544.958 75.775 542.413 73.21C539.868 70.645 538.428 66.745 538.053 61.55H574.033V58.985C574.033 51.895 572.113 45.99 568.258 41.275C564.398 36.56 558.828 34.205 552.278 34.205C545.728 34.205 540.448 36.48 536.443 41.005C532.438 45.53 530.438 51.395 530.438 58.985C530.438 66.575 532.483 72.605 536.548 77.07C540.613 81.535 545.913 83.765 552.463 83.765V83.785H552.468ZM538.263 54.96C538.868 50.37 540.413 46.865 542.893 44.49C545.373 42.09 548.503 40.9 552.298 40.9C556.323 40.9 559.558 42.215 561.978 44.84C564.398 47.47 565.773 50.845 566.148 54.935H538.238L538.258 54.955L538.263 54.96Z"
+    }
+  ) });
 }
-const h = H.memo(L);
+const M = L.memo(o);
 export {
-  h as default
+  M as default
 };

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

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

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

@@ -1,12 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-function e() {
+import e from "react";
+function n(t) {
   return /* @__PURE__ */ o(
     "svg",
     {
       viewBox: "0 0 95 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...t,
       children: /* @__PURE__ */ o(
         "path",
         {
@@ -17,7 +18,7 @@ function e() {
     }
   );
 }
-const H = t.memo(e);
+const i = e.memo(n);
 export {
-  H as default
+  i as default
 };

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

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