@cfx-dev/ui-components 4.5.4 → 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.d.ts

@@ -12,11 +12,23 @@ export interface TabularItem {
     ariaControls?: string;
     hasNotification?: boolean;
 }
+export interface TabularItemComponentProps {
+    disabled?: boolean;
+    type: HTMLButtonElement['type'];
+    role: HTMLButtonElement['role'];
+    className?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    'aria-label'?: string;
+    'aria-controls'?: string;
+    'data-text'?: React.ReactNode;
+    'aria-selected'?: boolean;
+}
 export interface TabularProps {
     items: TabularItem[];
     activeItem?: string;
     onActivate?: (id: string) => void;
     itemClassName?: string;
+    ItemComponent?: React.ElementType<TabularItemComponentProps>;
     className?: string;
     ariaLabel?: string;
     tabIndex?: number;
@@ -32,17 +44,6 @@ export declare namespace Tabular {
 export interface TabularRootProps extends React.PropsWithChildren, Pick<TabularProps, 'className' | 'ariaLabel' | 'tabIndex' | 'theme' | 'role' | 'size'> {
     style?: React.CSSProperties;
 }
-export interface TabularItemComponentProps {
-    disabled?: boolean;
-    type: HTMLButtonElement['type'];
-    role: HTMLButtonElement['role'];
-    className?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    'aria-label'?: string;
-    'aria-controls'?: string;
-    'data-text'?: React.ReactNode;
-    'aria-selected'?: boolean;
-}
 export interface TabularItemProps extends TabularItem {
     active: boolean;
     onClick: (id: string) => void;

package/dist/components/Tabular/Tabular.js

@@ -1,12 +1,12 @@
-import { jsx as m, jsxs as N } from "react/jsx-runtime";
-import d, { createElement as p } from "react";
-import { Dot as C } from "../Dot/Dot.js";
-import { clsx as n } 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", e = {
-  reset: k,
+import { jsx as b, jsxs as N } from "react/jsx-runtime";
+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 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,105 +20,110 @@ 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 o(b) {
+function n(f) {
   const {
     items: s,
-    activeItem: t,
-    onActivate: l,
-    itemClassName: i,
+    activeItem: i,
+    onActivate: e,
+    itemClassName: r,
     size: u = "medium",
+    className: c,
+    ItemComponent: m,
     ..._
-  } = b, c = d.useCallback((a) => {
-    l && l(a);
-  }, [l]), r = n(
-    e.root,
-    _.className
+  } = f, l = x.useCallback((t) => {
+    e && e(t);
+  }, [e]), o = d(
+    a.root,
+    c
   );
-  return /* @__PURE__ */ m(o.Root, { ..._, className: r, children: s.map((a) => /* @__PURE__ */ p(
-    o.Item,
+  return /* @__PURE__ */ b(n.Root, { ..._, className: o, children: s.map((t) => /* @__PURE__ */ C(
+    n.Item,
     {
-      ...a,
-      className: i,
-      key: a.id,
-      active: a.id === t,
-      onClick: c,
+      ...t,
+      Component: m,
+      className: r,
+      key: t.id,
+      active: t.id === i,
+      onClick: l,
       size: u
     }
   )) });
 }
-o.Root = function(s) {
+n.Root = function(s) {
   const {
-    children: t,
-    className: l,
-    ariaLabel: i,
+    children: i,
+    className: e,
+    ariaLabel: r,
     tabIndex: u,
-    theme: _ = "dark",
-    role: c = "tablist",
-    style: r
-  } = s, a = n(e.root, e[`theme-${_}`], l);
-  return /* @__PURE__ */ m(
+    theme: c = "dark",
+    role: m = "tablist",
+    style: _
+  } = s, l = d(a.root, a[`theme-${c}`], e);
+  return /* @__PURE__ */ b(
     "div",
     {
-      role: c,
-      "aria-label": i,
+      role: m,
+      "aria-label": r,
       tabIndex: u,
-      className: a,
-      style: r,
-      children: t
+      className: l,
+      style: _,
+      children: i
     }
   );
 };
-o.Item = function(s) {
+n.Item = function(s) {
   const {
-    id: t,
-    label: l,
-    onClick: i,
+    id: i,
+    label: e,
+    onClick: r,
     ariaLabel: u,
-    ariaControls: _,
-    className: c,
-    active: r = !1,
-    disabled: a = !1,
-    hasNotification: f = !1,
-    size: x,
-    Component: z
-  } = s, g = d.useCallback(() => {
-    a || i(t);
-  }, [a, i, t]), T = n(
-    e.reset,
-    e.item,
-    c,
-    v.getResponsiveFlatClassnames("tabular-size", x).map((h) => e[h]),
+    ariaControls: c,
+    className: m,
+    active: _ = !1,
+    disabled: l = !1,
+    hasNotification: o = !1,
+    size: t,
+    Component: z,
+    ...g
+  } = s, T = x.useCallback(() => {
+    l || r(i);
+  }, [l, r, i]), h = d(
+    a.reset,
+    a.item,
+    m,
+    k.getResponsiveFlatClassnames("tabular-size", t).map((p) => a[p]),
     {
-      [e.active]: r,
-      [e.hasNotification]: f
+      [a.active]: _,
+      [a.hasNotification]: o
     }
   );
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ b(
     z || "button",
     {
-      disabled: a,
+      disabled: l,
       type: "button",
       role: "tab",
-      className: T,
-      onClick: g,
+      className: h,
+      onClick: T,
       "aria-label": u,
-      "aria-controls": _,
-      "data-text": l,
-      "aria-selected": r,
-      children: /* @__PURE__ */ N("span", { className: e.content, children: [
-        l,
-        f && /* @__PURE__ */ m(C, { color: "green", className: e.notification })
+      "aria-controls": c,
+      "data-text": e,
+      "aria-selected": _,
+      ...g,
+      children: /* @__PURE__ */ N("span", { className: a.content, children: [
+        e,
+        o && /* @__PURE__ */ b(v, { color: "green", className: a.notification })
       ] })
     }
   );
 };
 export {
-  o as Tabular
+  n as Tabular
 };

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.4",
+  "version": "4.5.7",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",