@cfx-dev/ui-components 4.5.5 → 4.5.8

package/dist/components/Logos/fivem/WhiteLogo.d.ts

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

package/dist/components/Logos/fivem/WhiteLogo.js

@@ -0,0 +1,24 @@
+import { jsx as L } from "react/jsx-runtime";
+import t from "react";
+function e(o) {
+  return /* @__PURE__ */ L(
+    "svg",
+    {
+      viewBox: "0 0 30 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ L(
+        "path",
+        {
+          d: "M9.919 15.243L11.299 11.106L11.308 11.082L11.506 10.488L12.853 6.441C12.94 6.177 13.186 6 13.465 6H16.297L16.702 7.221L17.011 8.151L14.656 10.506V10.494L14.644 10.518L9.916 15.246L9.919 15.243ZM8.221 20.334L7 24H10.636L13.201 15.354L8.221 20.334ZM17.86 10.698L15.433 13.125L18.646 24H22.285L17.86 10.698Z",
+          fill: "#F1F1E4"
+        }
+      )
+    }
+  );
+}
+const l = t.memo(e);
+export {
+  l as default
+};

package/dist/components/Logos/fivem/index.d.ts

@@ -4,3 +4,4 @@ export { default as Logo } from './Logo';
 export { default as LockupLandscape } from './LockupLandscape';
 export { default as LockupPortrait } from './LockupPortrait';
 export { default as Wordmark } from './Wordmark';
+export { default as WhiteLogo } from './WhiteLogo';

package/dist/components/Logos/fivem/index.js

@@ -4,11 +4,13 @@ import { default as p } from "./Logo.js";
 import { default as m } from "./LockupLandscape.js";
 import { default as u } from "./LockupPortrait.js";
 import { default as x } from "./Wordmark.js";
+import { default as c } from "./WhiteLogo.js";
 export {
   r as CompositeLogo,
   e as Icon,
   m as LockupLandscape,
   u as LockupPortrait,
   p as Logo,
+  c as WhiteLogo,
   x as Wordmark
 };

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+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/github/Icon.js

@@ -0,0 +1,29 @@
+import { jsxs as e, jsx as C } from "react/jsx-runtime";
+import i from "react";
+function t(l) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...l,
+      children: [
+        /* @__PURE__ */ C("g", { clipPath: "url(#clip0_11661_7309)", children: /* @__PURE__ */ C(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12.805 0C6.05253 0 0.592529 5.5 0.592529 12.305C0.592529 17.745 4.09003 22.3475 8.94253 23.9775C9.55003 24.1 9.77253 23.7125 9.77253 23.3875C9.77253 23.1025 9.75253 22.125 9.75253 21.105C6.35503 21.8375 5.64753 19.6375 5.64753 19.6375C5.10253 18.2125 4.29253 17.845 4.29253 17.845C3.18003 17.0925 4.37253 17.0925 4.37253 17.0925C5.60503 17.175 6.25253 18.355 6.25253 18.355C7.34503 20.23 9.10253 19.7 9.81253 19.3725C9.91253 18.5775 10.2375 18.0275 10.58 17.7225C7.87003 17.4375 5.02003 16.3775 5.02003 11.6525C5.02003 10.3075 5.50503 9.2075 6.27253 8.3525C6.15003 8.0475 5.72753 6.785 6.39503 5.0925C6.39503 5.0925 7.42503 4.7675 9.75253 6.355C10.7475 6.085 11.775 5.9475 12.805 5.9475C13.835 5.9475 14.8875 6.09 15.8575 6.355C18.1825 4.765 19.215 5.0925 19.215 5.0925C19.8825 6.7825 19.4575 8.0475 19.3375 8.3525C20.125 9.2075 20.59 10.3075 20.59 11.6525C20.59 16.38 17.74 17.4175 15.01 17.7225C15.455 18.11 15.84 18.8425 15.84 20.005C15.84 21.655 15.82 22.98 15.82 23.3875C15.82 23.7125 16.0425 24.1 16.65 23.9775C21.5025 22.3475 25 17.745 25 12.305C25.02 5.5 19.54 0 12.8075 0L12.805 0Z",
+            fill: "#F1F1E4"
+          }
+        ) }),
+        /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_11661_7309", children: /* @__PURE__ */ C("rect", { width: "24.4075", height: "24", fill: "white", transform: "translate(0.592529)" }) }) })
+      ]
+    }
+  );
+}
+const o = i.memo(t);
+export {
+  o as default
+};

package/dist/components/Logos/github/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from './Icon';

package/dist/components/Logos/github/index.js

@@ -0,0 +1,4 @@
+import { default as e } from "./Icon.js";
+export {
+  e as Icon
+};

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

@@ -3,6 +3,7 @@ import * as CfxBazaar from './cfxbazaar';
 import * as Discord from './discord';
 import * as ESX from './esx';
 import * as FiveM from './fivem';
+import * as Github from './github';
 import * as Google from './google';
 import * as Patreon from './patreon';
 import * as QBcore from './qbcore';
@@ -11,6 +12,7 @@ import * as RedM from './redm';
 import * as Rockstar from './rockstar';
 import * as Tebex from './tebex';
 import * as VorpCore from './vorpcore';
+import * as X from './x';
 export declare const Logos: {
     Cfx: typeof Cfx;
     FiveM: typeof FiveM;
@@ -25,5 +27,7 @@ export declare const Logos: {
     RedemRP: typeof RedemRP;
     Discord: typeof Discord;
     CfxBazaar: typeof CfxBazaar;
+    Github: typeof Github;
+    X: typeof X;
 };
 export * as LogoNames from './Logos.types';

package/dist/components/Logos/index.js

@@ -2,32 +2,36 @@ import { C as o } from "../../index-BgyFvlVL.js";
 import { C as r } from "../../index-BCMIaGt2.js";
 import { D as m } from "../../index-DwfZyjnS.js";
 import { E as a } from "../../index-CndZSWbO.js";
-import { F as s } from "../../index-D7JPdg13.js";
-import { G as t } from "../../index-zDYfHjPd.js";
-import { P as f } from "../../index-kbBuAY0m.js";
+import { F as t } from "../../index-B_NGoq0d.js";
+import { G as s } from "../../index-SuteELrX.js";
+import { G as f } from "../../index-zDYfHjPd.js";
+import { P as i } from "../../index-kbBuAY0m.js";
 import { Q as p } from "../../index-Cy4ZbWBL.js";
-import { R as i } from "../../index-BFDtbr-9.js";
-import { R as e } from "../../index-Jh-MtE10.js";
-import { R } from "../../index-DmiGJpGO.js";
-import { T as x } from "../../index-Bj7QGXdt.js";
-import { V as C } from "../../index-DXAZagKA.js";
-import { L as k } from "../../Logos.types-Bdec3F0Q.js";
-const T = {
+import { R as e } from "../../index-BFDtbr-9.js";
+import { R } from "../../index-Cn_D8a9-.js";
+import { R as x } from "../../index-DmiGJpGO.js";
+import { T as C } from "../../index-Bj7QGXdt.js";
+import { V as c } from "../../index-DXAZagKA.js";
+import { X as G } from "../../index-Bc4HE9pX.js";
+import { L as u } from "../../Logos.types-Bdec3F0Q.js";
+const h = {
   Cfx: o,
-  FiveM: s,
-  RedM: e,
-  Rockstar: R,
-  Google: t,
-  Patreon: f,
-  Tebex: x,
+  FiveM: t,
+  RedM: R,
+  Rockstar: x,
+  Google: f,
+  Patreon: i,
+  Tebex: C,
   QBcore: p,
   ESX: a,
-  VorpCore: C,
-  RedemRP: i,
+  VorpCore: c,
+  RedemRP: e,
   Discord: m,
-  CfxBazaar: r
+  CfxBazaar: r,
+  Github: s,
+  X: G
 };
 export {
-  k as LogoNames,
-  T as Logos
+  u as LogoNames,
+  h as Logos
 };

package/dist/components/Logos/redm/WhiteLogo.d.ts

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

package/dist/components/Logos/redm/WhiteLogo.js

@@ -0,0 +1,40 @@
+import { jsxs as o, jsx as L } from "react/jsx-runtime";
+import l from "react";
+function e(t) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 30 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: [
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M18.3867 17.7033L18.1967 17.6833L18.5167 16.06L18.7533 14.8667L18.7767 14.7533L18.7833 14.7267L18.6267 14.7033L18.4667 14.68L18.1333 14.63L17.9 14.5967L15.67 14.2667L15.6433 14.3967L15.53 14.9333L15.5167 15L15.4533 15.3L15.4367 15.3867L15.0467 17.57H12.9667L13.0833 15.9833L13.1467 15.1367V15.0867L13.1533 15.0367L13.1733 14.7733L13.18 14.6933L13.4 11.6767V9.46L13.4167 9.04L13.43 8.71667L13.4433 8.47L13.4633 7.99L13.48 7.62333L13.49 7.37333L13.55 5.16L11.2433 5.08667L10.2933 5.05333L10.3033 5.29333L10.2767 5.75333V8.13333L10.2567 8.41L10.2233 8.77667V12.29L10.1367 12.48L10.1433 12.6567L10.0933 13.4533L10.06 13.9933L10 14.2633V14.7533L10.0067 14.9933V24.9967H20.3033V24.35L20.7633 17.5933L19.0867 17.7033H18.3867ZM12.8467 22L13.01 21.19V20.62L12.8467 20.24H17.8733L17.82 21.0233L17.8733 22H12.8467Z",
+            fill: "#F1F1E4"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M10.25 5.81L10.2767 5.78333L10.25 5.75667V5.81Z",
+            fill: "#F1F1E4"
+          }
+        ),
+        /* @__PURE__ */ L(
+          "path",
+          {
+            d: "M18.2 5L17.8733 5.94L17.78 6.22L17.4567 7.16L17.3633 7.43667L17.24 7.79L16.9567 8.62333L16.5767 9.94333L16.3733 10.9033L18.0167 11.15L19.62 11.3867L19.98 9.97L20.6233 6.69333L20.69 6.36L20.74 6.09333L20.84 5.59L20.96 5H18.2Z",
+            fill: "#F1F1E4"
+          }
+        )
+      ]
+    }
+  );
+}
+const r = l.memo(e);
+export {
+  r as default
+};

package/dist/components/Logos/redm/index.d.ts

@@ -4,3 +4,4 @@ export { default as Logo } from './Logo';
 export { default as LockupLandscape } from './LockupLandscape';
 export { default as LockupPortrait } from './LockupPortrait';
 export { default as Wordmark } from './Wordmark';
+export { default as WhiteLogo } from './WhiteLogo';

package/dist/components/Logos/redm/index.js

@@ -4,11 +4,13 @@ import { default as p } from "./Logo.js";
 import { default as m } from "./LockupLandscape.js";
 import { default as u } from "./LockupPortrait.js";
 import { default as x } from "./Wordmark.js";
+import { default as c } from "./WhiteLogo.js";
 export {
   r as CompositeLogo,
   e as Icon,
   m as LockupLandscape,
   u as LockupPortrait,
   p as Logo,
+  c as WhiteLogo,
   x as Wordmark
 };

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+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/x/Icon.js

@@ -0,0 +1,24 @@
+import { jsx as L } from "react/jsx-runtime";
+import t from "react";
+function n(o) {
+  return /* @__PURE__ */ L(
+    "svg",
+    {
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: /* @__PURE__ */ L(
+        "path",
+        {
+          d: "M14.4923 11.1983L20.6848 4H19.2174L13.8404 10.2502L9.54583 4H4.59253L11.0868 13.4514L4.59253 21H6.06005L11.7383 14.3996L16.2737 21H21.227L14.4919 11.1983H14.4923ZM12.4823 13.5347L11.8243 12.5936L6.58882 5.10473H8.84284L13.068 11.1485L13.726 12.0896L19.2181 19.9455H16.9641L12.4823 13.5351V13.5347Z",
+          fill: "#F1F1E4"
+        }
+      )
+    }
+  );
+}
+const l = t.memo(n);
+export {
+  l as default
+};

package/dist/components/Logos/x/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from './Icon';

package/dist/components/Logos/x/index.js

@@ -0,0 +1,4 @@
+import { default as e } from "./Icon.js";
+export {
+  e as Icon
+};

package/dist/components/Tabular/Tabular.js

@@ -1,12 +1,12 @@
 import { jsx as b, jsxs as N } from "react/jsx-runtime";
-import x, { createElement as p } from "react";
-import { Dot as C } from "../Dot/Dot.js";
+import x, { createElement as C } from "react";
+import { Dot as v } from "../Dot/Dot.js";
 import { clsx as d } from "../../utils/clsx.js";
-import { ui as v } from "../../utils/ui/ui.js";
-const k = "cfxui__Tabular__reset__b1dbc", R = "cfxui__Tabular__item__98cc3", I = "cfxui__Tabular__root__0ff05", y = "cfxui__Tabular__active__1ae95", j = "cfxui__Tabular__hasNotification__c372f", A = "cfxui__Tabular__content__3a95a", a = {
-  reset: k,
+import { ui as k } from "../../utils/ui/ui.js";
+const R = "cfxui__Tabular__reset__b1dbc", I = "cfxui__Tabular__item__98cc3", y = "cfxui__Tabular__root__0ff05", j = "cfxui__Tabular__active__1ae95", A = "cfxui__Tabular__hasNotification__c372f", L = "cfxui__Tabular__content__3a95a", a = {
+  reset: R,
   "tabular-size-initial-large": "cfxui__Tabular__tabular-size-initial-large__9451f",
-  item: R,
+  item: I,
   "tabular-size-initial-small": "cfxui__Tabular__tabular-size-initial-small__4dad8",
   "tabular-size-small-large": "cfxui__Tabular__tabular-size-small-large__1390c",
   "tabular-size-small-small": "cfxui__Tabular__tabular-size-small-small__cc6e3",
@@ -20,35 +20,35 @@ const k = "cfxui__Tabular__reset__b1dbc", R = "cfxui__Tabular__item__98cc3", I =
   "tabular-size-large-small": "cfxui__Tabular__tabular-size-large-small__193f0",
   "tabular-size-xlarge-large": "cfxui__Tabular__tabular-size-xlarge-large__e1e19",
   "tabular-size-xlarge-small": "cfxui__Tabular__tabular-size-xlarge-small__9c3b6",
-  root: I,
+  root: y,
   "theme-dark": "cfxui__Tabular__theme-dark__80b8c",
   "theme-light": "cfxui__Tabular__theme-light__c05b9",
-  active: y,
-  hasNotification: j,
-  content: A
+  active: j,
+  hasNotification: A,
+  content: L
 };
 function n(f) {
   const {
     items: s,
     activeItem: i,
     onActivate: e,
-    itemClassName: _,
+    itemClassName: r,
     size: u = "medium",
     className: c,
     ItemComponent: m,
-    ...r
+    ..._
   } = f, l = x.useCallback((t) => {
     e && e(t);
   }, [e]), o = d(
     a.root,
     c
   );
-  return /* @__PURE__ */ b(n.Root, { ...r, className: o, children: s.map((t) => /* @__PURE__ */ p(
+  return /* @__PURE__ */ b(n.Root, { ..._, className: o, children: s.map((t) => /* @__PURE__ */ C(
     n.Item,
     {
       ...t,
       Component: m,
-      className: _,
+      className: r,
       key: t.id,
       active: t.id === i,
       onClick: l,
@@ -60,20 +60,20 @@ n.Root = function(s) {
   const {
     children: i,
     className: e,
-    ariaLabel: _,
+    ariaLabel: r,
     tabIndex: u,
     theme: c = "dark",
     role: m = "tablist",
-    style: r
+    style: _
   } = s, l = d(a.root, a[`theme-${c}`], e);
   return /* @__PURE__ */ b(
     "div",
     {
       role: m,
-      "aria-label": _,
+      "aria-label": r,
       tabIndex: u,
       className: l,
-      style: r,
+      style: _,
       children: i
     }
   );
@@ -82,24 +82,25 @@ n.Item = function(s) {
   const {
     id: i,
     label: e,
-    onClick: _,
+    onClick: r,
     ariaLabel: u,
     ariaControls: c,
     className: m,
-    active: r = !1,
+    active: _ = !1,
     disabled: l = !1,
     hasNotification: o = !1,
     size: t,
-    Component: z
-  } = s, g = x.useCallback(() => {
-    l || _(i);
-  }, [l, _, i]), T = d(
+    Component: z,
+    ...g
+  } = s, T = x.useCallback(() => {
+    l || r(i);
+  }, [l, r, i]), h = d(
     a.reset,
     a.item,
     m,
-    v.getResponsiveFlatClassnames("tabular-size", t).map((h) => a[h]),
+    k.getResponsiveFlatClassnames("tabular-size", t).map((p) => a[p]),
     {
-      [a.active]: r,
+      [a.active]: _,
       [a.hasNotification]: o
     }
   );
@@ -109,15 +110,16 @@ n.Item = function(s) {
       disabled: l,
       type: "button",
       role: "tab",
-      className: T,
-      onClick: g,
+      className: h,
+      onClick: T,
       "aria-label": u,
       "aria-controls": c,
       "data-text": e,
-      "aria-selected": r,
+      "aria-selected": _,
+      ...g,
       children: /* @__PURE__ */ N("span", { className: a.content, children: [
         e,
-        o && /* @__PURE__ */ b(C, { color: "green", className: a.notification })
+        o && /* @__PURE__ */ b(v, { color: "green", className: a.notification })
       ] })
     }
   );

package/dist/{index-D7JPdg13.js → index-B_NGoq0d.js}

@@ -4,6 +4,7 @@ import t from "./components/Logos/fivem/Logo.js";
 import m from "./components/Logos/fivem/LockupLandscape.js";
 import e from "./components/Logos/fivem/LockupPortrait.js";
 import p from "./components/Logos/fivem/Wordmark.js";
+import i from "./components/Logos/fivem/WhiteLogo.js";
 const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CompositeLogo: o,
@@ -11,6 +12,7 @@ const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   LockupLandscape: m,
   LockupPortrait: e,
   Logo: t,
+  WhiteLogo: i,
   Wordmark: p
 }, Symbol.toStringTag, { value: "Module" }));
 export {

package/dist/index-Bc4HE9pX.js

@@ -0,0 +1,8 @@
+import e from "./components/Logos/x/Icon.js";
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  t as X
+};

package/dist/{index-Jh-MtE10.js → index-Cn_D8a9-.js}

@@ -4,6 +4,7 @@ import t from "./components/Logos/redm/Logo.js";
 import m from "./components/Logos/redm/LockupLandscape.js";
 import e from "./components/Logos/redm/LockupPortrait.js";
 import p from "./components/Logos/redm/Wordmark.js";
+import i from "./components/Logos/redm/WhiteLogo.js";
 const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CompositeLogo: o,
@@ -11,6 +12,7 @@ const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   LockupLandscape: m,
   LockupPortrait: e,
   Logo: t,
+  WhiteLogo: i,
   Wordmark: p
 }, Symbol.toStringTag, { value: "Module" }));
 export {

package/dist/index-SuteELrX.js

@@ -0,0 +1,8 @@
+import e from "./components/Logos/github/Icon.js";
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  t as G
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.5.5",
+  "version": "4.5.8",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",