@cfx-dev/ui-components 4.5.5 → 4.5.7

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/index.js

@@ -2,12 +2,12 @@ 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 { F as s } from "../../index-B_NGoq0d.js";
 import { G as t } from "../../index-zDYfHjPd.js";
 import { P as f } 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 as e } from "../../index-Cn_D8a9-.js";
 import { R } from "../../index-DmiGJpGO.js";
 import { T as x } from "../../index-Bj7QGXdt.js";
 import { V as C } from "../../index-DXAZagKA.js";

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/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-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/package.json

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