@cfx-dev/ui-components 4.2.15 → 4.2.17

package/dist/components/Icons/cfx-icons/Undo.js

@@ -4,10 +4,10 @@ function e(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons/UpArrow.js

@@ -4,10 +4,10 @@ function e(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons/UpChevron.js

@@ -4,10 +4,10 @@ function t(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons/Upload.js

@@ -4,10 +4,10 @@ function e(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons/UpvotesBurst.js

@@ -4,9 +4,9 @@ function e(o) {
   return /* @__PURE__ */ t(
     "svg",
     {
-      ...o,
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg",
+      ...o,
       children: /* @__PURE__ */ t(
         "path",
         {

package/dist/components/Icons/cfx-icons/UpvotesRecurring.js

@@ -4,10 +4,10 @@ function t(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons/User.js

@@ -4,10 +4,10 @@ function e(r) {
   return /* @__PURE__ */ t(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: [
         /* @__PURE__ */ C(
           "path",

package/dist/components/Icons/cfx-icons/Users.js

@@ -4,10 +4,10 @@ function s(t) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      ...t,
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
+      ...t,
       children: [
         /* @__PURE__ */ C(
           "path",

package/dist/components/Icons/cfx-icons/Verified.js

@@ -4,10 +4,10 @@ function t(r) {
   return /* @__PURE__ */ C(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ C(
         "path",
         {

package/dist/components/Icons/cfx-icons/Visibility.js

@@ -4,10 +4,10 @@ function o(i) {
   return /* @__PURE__ */ t(
     "svg",
     {
-      ...i,
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
+      ...i,
       children: /* @__PURE__ */ t(
         "path",
         {

package/dist/components/Icons/cfx-icons/VisibilityOff.js

@@ -4,10 +4,10 @@ function o(t) {
   return /* @__PURE__ */ C(
     "svg",
     {
-      ...t,
       viewBox: "0 0 16 16",
       fill: "currentColor",
       xmlns: "http://www.w3.org/2000/svg",
+      ...t,
       children: /* @__PURE__ */ C(
         "path",
         {

package/dist/components/Icons/cfx-icons/Warning.js

@@ -4,10 +4,10 @@ function t(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons-big/Confirm.js

@@ -4,10 +4,10 @@ function n(o) {
   return /* @__PURE__ */ t(
     "svg",
     {
-      ...o,
       viewBox: "0 0 64 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...o,
       children: [
         /* @__PURE__ */ r(
           "circle",

package/dist/components/Icons/cfx-icons-big/Like.js

@@ -4,10 +4,10 @@ function r(o) {
   return /* @__PURE__ */ t(
     "svg",
     {
-      ...o,
       viewBox: "0 0 64 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...o,
       children: /* @__PURE__ */ t(
         "path",
         {

package/dist/components/Icons/cfx-icons-big/Subscriptions.js

@@ -4,10 +4,10 @@ function i(o) {
   return /* @__PURE__ */ r(
     "svg",
     {
-      ...o,
       viewBox: "0 0 64 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...o,
       children: [
         /* @__PURE__ */ C(
           "path",

package/dist/components/Icons/cfx-icons-big/Upload.js

@@ -4,10 +4,10 @@ function e(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 64 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

package/dist/components/Icons/cfx-icons-big/Warning.js

@@ -4,10 +4,10 @@ function t(r) {
   return /* @__PURE__ */ o(
     "svg",
     {
-      ...r,
       viewBox: "0 0 64 64",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
+      ...r,
       children: /* @__PURE__ */ o(
         "path",
         {

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
 };