@cfx-dev/ui-components 5.0.22 → 5.0.24

package/dist/components/Link/LinkShowcase.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import t from "react";
+import n from "react";
 import d from "../Flex/Flex.js";
 import { Text as r } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import n from "./ButtonLink.js";
+import t from "./ButtonLink.js";
 import l from "./Link.js";
 function c() {
   return /* @__PURE__ */ i(d, { gap: "large", vertical: !0, children: [
@@ -25,8 +25,8 @@ function c() {
     ] }),
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(r, { children: "ButtonLink - look like link but its button" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { children: "Link active" }) }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { disabled: !0, children: "Link disable" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { children: "Link active" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { disabled: !0, children: "Link disable" }) })
     ] }),
     /* @__PURE__ */ i(d, { gap: "medium", vertical: !0, children: [
       /* @__PURE__ */ e(r, { children: "Inside text" }),
@@ -66,7 +66,7 @@ function c() {
     ] })
   ] });
 }
-const f = t.memo(c);
+const f = n.memo(c);
 export {
   f as default
 };

package/dist/components/Logos/LogosShowcase.js

@@ -28,7 +28,7 @@ function h() {
     ] }, o)) })
   ] }, r)) });
 }
-const F = d.memo(h);
+const w = d.memo(h);
 export {
-  F as default
+  w as default
 };

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

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

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

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as C } from "react/jsx-runtime";
-import H from "react";
-function l(t) {
+import l from "react";
+function H(t) {
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -65,7 +65,7 @@ function l(t) {
     }
   );
 }
-const L = H.memo(l);
+const L = l.memo(H);
 export {
   L as default
 };

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

@@ -1,6 +1,6 @@
 import { jsx as C } from "react/jsx-runtime";
 import V from "react";
-function o(H) {
+function t(H) {
   return /* @__PURE__ */ C("svg", { viewBox: "0 0 305 89", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...H, children: /* @__PURE__ */ C(
     "path",
     {
@@ -9,7 +9,7 @@ function o(H) {
     }
   ) });
 }
-const L = V.memo(o);
+const L = V.memo(t);
 export {
   L as default
 };

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

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

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

@@ -34,7 +34,7 @@ function o(l) {
     }
   );
 }
-const n = H.memo(o);
+const a = H.memo(o);
 export {
-  n as default
+  a as default
 };

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

@@ -18,7 +18,7 @@ function e(o) {
     }
   );
 }
-const l = t.memo(e);
+const r = t.memo(e);
 export {
-  l as default
+  r as default
 };

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

@@ -1,15 +1,15 @@
-import { jsxs as e, jsx as C } from "react/jsx-runtime";
-import i from "react";
-function t(l) {
+import { jsxs as e, jsx as l } from "react/jsx-runtime";
+import t from "react";
+function i(C) {
   return /* @__PURE__ */ e(
     "svg",
     {
       viewBox: "0 0 25 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...l,
+      ...C,
       children: [
-        /* @__PURE__ */ C("g", { clipPath: "url(#clip0_11661_7309)", children: /* @__PURE__ */ C(
+        /* @__PURE__ */ l("g", { clipPath: "url(#clip0_11661_7309)", children: /* @__PURE__ */ l(
           "path",
           {
             fillRule: "evenodd",
@@ -18,12 +18,12 @@ function t(l) {
             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)" }) }) })
+        /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "clip0_11661_7309", children: /* @__PURE__ */ l("rect", { width: "24.4075", height: "24", fill: "white", transform: "translate(0.592529)" }) }) })
       ]
     }
   );
 }
-const o = i.memo(t);
+const o = t.memo(i);
 export {
   o as default
 };

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

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

package/dist/components/Logos/google/Wordmark.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as C } from "react/jsx-runtime";
 import t from "react";
-function r(i) {
+function d(i) {
   return /* @__PURE__ */ l(
     "svg",
     {
@@ -58,7 +58,7 @@ function r(i) {
     }
   );
 }
-const e = t.memo(r);
+const h = t.memo(d);
 export {
-  e as default
+  h as default
 };

package/dist/components/Logos/index.js

@@ -1,16 +1,16 @@
-import { C as o } from "../../index-BgyFvlVL.js";
-import { D as r } from "../../index-DwfZyjnS.js";
+import { C as o } from "../../index-Bg26abkD.js";
+import { D as r } from "../../index-CaQzR2YA.js";
 import { E as m } from "../../index-CndZSWbO.js";
-import { F as t } from "../../index-B_NGoq0d.js";
+import { F as t } from "../../index-BcJ929FX.js";
 import { G as s } from "../../index-SuteELrX.js";
 import { G as a } from "../../index-zDYfHjPd.js";
-import { P as i } from "../../index-kbBuAY0m.js";
+import { P as i } from "../../index-BcnrbBqR.js";
 import { P as p } from "../../index-D3KngHO9.js";
-import { Q as f } from "../../index-Cy4ZbWBL.js";
+import { Q as f } from "../../index-DqqOUOlj.js";
 import { R as e } from "../../index-BFDtbr-9.js";
-import { R } from "../../index-Cn_D8a9-.js";
+import { R } from "../../index-CZVyC53C.js";
 import { R as P } from "../../index-DmiGJpGO.js";
-import { T as c } from "../../index-Bj7QGXdt.js";
+import { T as c } from "../../index-DxFgF-nY.js";
 import { V as x } from "../../index-DXAZagKA.js";
 import { X as G } from "../../index-Bc4HE9pX.js";
 import { L as v } from "../../Logos.types-Bdec3F0Q.js";

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

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

package/dist/components/Logos/patreon/Wordmark.js

@@ -1,7 +1,7 @@
-import { jsxs as V, jsx as C } from "react/jsx-runtime";
-import o from "react";
-function r(H) {
-  return /* @__PURE__ */ V(
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+import V from "react";
+function o(H) {
+  return /* @__PURE__ */ t(
     "svg",
     {
       viewBox: "0 0 300 60",
@@ -27,7 +27,7 @@ function r(H) {
     }
   );
 }
-const M = o.memo(r);
+const M = V.memo(o);
 export {
   M as default
 };

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

@@ -245,7 +245,7 @@ function M(V) {
     }
   );
 }
-const i = L.memo(M);
+const t = L.memo(M);
 export {
-  i as default
+  t as default
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as L } from "react/jsx-runtime";
 import e from "react";
-function C(t) {
+function l(t) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -27,7 +27,7 @@ function C(t) {
     }
   );
 }
-const n = e.memo(C);
+const n = e.memo(l);
 export {
   n as default
 };

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

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

package/dist/components/Logos/tebex/Wordmark.js

@@ -29,7 +29,7 @@ function l(L) {
     }
   );
 }
-const r = e.memo(l);
+const t = e.memo(l);
 export {
-  r as default
+  t as default
 };

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

@@ -1,6 +1,6 @@
 import { jsx as L } from "react/jsx-runtime";
 import t from "react";
-function n(o) {
+function e(o) {
   return /* @__PURE__ */ L(
     "svg",
     {
@@ -18,7 +18,7 @@ function n(o) {
     }
   );
 }
-const l = t.memo(n);
+const r = t.memo(e);
 export {
-  l as default
+  r as default
 };

package/dist/components/Modal/Modal.js

@@ -13,7 +13,7 @@ import { ui as g } from "../../utils/ui/ui.js";
 import { ColorEnum as z } from "../../utils/ui/ui.types.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as F } from "../../utils/hooks/useKeyboardClose.js";
-import "../../index-Cl_RnsqN.js";
+import "../../index-CUyjBl1Y.js";
 const H = "cfxui__Modal__root__53283", I = "cfxui__Modal__colored__649d1", L = "cfxui__Modal__close__2df9b", T = "cfxui__Modal__header__bec76", j = "cfxui__Modal__footer__bb2fc", l = {
   root: H,
   colored: I,

package/dist/components/Modal/ModalShowcase.js

@@ -7,7 +7,7 @@ import "../../utils/links.js";
 import c from "../Input/Input.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import "../../index-Cl_RnsqN.js";
+import "../../index-CUyjBl1Y.js";
 import { LOREM_IPSUM as p } from "../../utils/loremipsum.js";
 import { Modal as r } from "./Modal.js";
 function s() {
@@ -62,7 +62,7 @@ function s() {
     }
   );
 }
-const b = i.memo(s);
+const _ = i.memo(s);
 export {
-  b as default
+  _ as default
 };

package/dist/components/OnScreenSensor.js

@@ -4,7 +4,7 @@ import { noop as c } from "../utils/functional.js";
 import { useDynamicRef as i } from "../utils/hooks/useDynamicRef.js";
 import "../utils/hooks/useGlobalKeyboardEvent.js";
 import "../utils/hooks/useKeyboardClose.js";
-import "../index-Cl_RnsqN.js";
+import "../index-CUyjBl1Y.js";
 const l = {
   width: "0",
   height: "0"

package/dist/components/Overlay/Overlay.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { F as m } from "../../Combination-N-vN9BB-.js";
+import { F as m } from "../../Combination-DFRGuWx2.js";
 import { Interactive as _ } from "../Interactive/Interactive.js";
 import { clsx as s } from "../../utils/clsx.js";
 import "react";

package/dist/components/Popover/PopoverShowcase.js

@@ -6,12 +6,12 @@ import m from "../Flex/Flex.js";
 import { usePopoverController as i } from "../../utils/hooks/usePopoverController.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import "../../index-Cl_RnsqN.js";
+import "../../index-CUyjBl1Y.js";
 import { Popover as l } from "./Popover.js";
-const v = "cfxui__PopoverShowcase__popover__432d2", c = {
-  popover: v
+const u = "cfxui__PopoverShowcase__popover__432d2", v = {
+  popover: u
 };
-function u() {
+function c() {
   const {
     active: e,
     wrapperRef: r,
@@ -35,7 +35,7 @@ function u() {
           onMouseDown: n,
           active: e,
           popover: /* @__PURE__ */ o("div", { style: { padding: "20px" }, children: "Popover content" }),
-          popoverClassName: c.popover,
+          popoverClassName: v.popover,
           children: () => /* @__PURE__ */ o(
             a,
             {
@@ -47,7 +47,7 @@ function u() {
     }
   );
 }
-const C = s.memo(u);
+const C = s.memo(c);
 export {
   C as default
 };

package/dist/components/Prose/Prose.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import { getTextOpacity as g, DEFAULT_TEXT_COLOR as f, lineHeightResponsiveValueFormatter as _, textSizeResponsiveValueFormatter as h } from "../Text/Text.js";
+import { DEFAULT_TEXT_COLOR as g, getTextOpacity as f, lineHeightResponsiveValueFormatter as _, textSizeResponsiveValueFormatter as h } from "../Text/Text.js";
 import { ui as e } from "../../utils/ui/ui.js";
 import { clsx as v } from "../../utils/clsx.js";
 import { getColor as R } from "../../utils/color.js";
@@ -16,8 +16,8 @@ function d(t) {
     children: l
   } = t, c = R({
     ...t,
-    color: i || f,
-    opacity: g(r)
+    color: i || g,
+    opacity: f(r)
   }), a = v(
     x.root,
     n,

package/dist/components/Range/Range.js

@@ -1,5 +1,5 @@
 import { jsxs as R, jsx as a } from "react/jsx-runtime";
-import { R as p, T as w, a as N, b as s } from "../../index-D5SMGei3.js";
+import { R as p, T as w, a as N, b as s } from "../../index-CzUzkeQx.js";
 import L from "react";
 import { clsx as r } from "../../utils/clsx.js";
 const k = "cfxui__Range__root__9b6c3", v = "cfxui__Range__disabled__1bbc7", I = "cfxui__Range__track__28130", T = "cfxui__Range__range__2adcc", V = "cfxui__Range__thumb__905e9", B = "cfxui__Range__thumbIcon__acb4e", e = {

package/dist/components/Scrollable/ScrollableShowcase.js

@@ -107,7 +107,7 @@ function c() {
     ] })
   ] });
 }
-const f = d.memo(c);
+const s = d.memo(c);
 export {
-  f as default
+  s as default
 };