npm - @cfx-dev/ui-components - Versions diffs - 4.5.18 → 4.5.19 - Mend

@cfx-dev/ui-components 4.5.18 → 4.5.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components/Accordion/Accordion.d.ts +2 -0
package/dist/components/Accordion/Accordion.js +125 -107
package/dist/components/Accordion/AccordionShowcase.js +76 -63
package/package.json +1 -1

package/dist/components/Accordion/Accordion.d.ts CHANGED Viewed

@@ -15,11 +15,13 @@ export interface AccordionTriggerProps {
     iconRightClassName?: string;
     className?: string;
     textClassName?: string;
+    preopen?: boolean;
 }
 export declare const AccordionTrigger: React.FC<AccordionTriggerProps>;
 export interface AccordionContentProps extends React.PropsWithChildren {
     className?: string;
     innerClassName?: string;
     contentDisplay?: BoxDisplayType;
+    preopen?: boolean;
 }
 export declare const AccordionContent: React.FC<AccordionContentProps>;

package/dist/components/Accordion/Accordion.js CHANGED Viewed

@@ -1,156 +1,174 @@
-import { jsx as c, jsxs as T } from "react/jsx-runtime";
+import { jsx as i, jsxs as D } from "react/jsx-runtime";
 import e from "react";
-import { Icon as v } from "../Icon/Icon.js";
-import { Text as I } from "../Text/Text.js";
-import { ui as k } from "../../utils/ui/ui.js";
-import { clsx as p } from "../../utils/clsx.js";
-import { debounce as D } from "../../utils/execution.js";
-import { minmax as E } from "../../utils/math.js";
-const L = "cfxui__Accordion__iconFlip__367de", U = "cfxui__Accordion__triggerContainer__b92c1", F = "cfxui__Accordion__iconUp__28d27", $ = "cfxui__Accordion__iconDown__b9e95", S = "cfxui__Accordion__text__03dc4", W = "cfxui__Accordion__iconLeft__e348b", z = "cfxui__Accordion__iconRight__bbf0c", H = "cfxui__Accordion__content__5ecaf", O = "cfxui__Accordion__contentText__1384b", M = "cfxui__Accordion__open__ed604", j = "cfxui__Accordion__closed__be897", t = {
-  iconFlip: L,
-  triggerContainer: U,
-  iconUp: F,
-  iconDown: $,
-  text: S,
-  iconLeft: W,
-  iconRight: z,
-  content: H,
-  contentText: O,
-  open: M,
-  closed: j
-}, b = e.createContext(void 0), X = function(i) {
+import { Icon as y } from "../Icon/Icon.js";
+import { Text as N } from "../Text/Text.js";
+import { ui as E } from "../../utils/ui/ui.js";
+import { clsx as g } from "../../utils/clsx.js";
+import { debounce as L } from "../../utils/execution.js";
+import { minmax as U } from "../../utils/math.js";
+const F = "cfxui__Accordion__iconFlip__367de", $ = "cfxui__Accordion__triggerContainer__b92c1", S = "cfxui__Accordion__iconUp__28d27", W = "cfxui__Accordion__iconDown__b9e95", z = "cfxui__Accordion__text__03dc4", H = "cfxui__Accordion__iconLeft__e348b", M = "cfxui__Accordion__iconRight__bbf0c", O = "cfxui__Accordion__content__5ecaf", j = "cfxui__Accordion__contentText__1384b", B = "cfxui__Accordion__open__ed604", K = "cfxui__Accordion__closed__be897", o = {
+  iconFlip: F,
+  triggerContainer: $,
+  iconUp: S,
+  iconDown: W,
+  text: z,
+  iconLeft: H,
+  iconRight: M,
+  content: O,
+  contentText: j,
+  open: B,
+  closed: K
+}, I = e.createContext(void 0), Z = function(r) {
   const {
-    children: r,
-    className: _
-  } = i, [m, f] = e.useState({}), [d, s] = e.useState(null), a = e.useRef(null), n = e.useCallback((x) => {
-    f((u) => ({
+    children: s,
+    className: h
+  } = r, [p, x] = e.useState({}), [_, l] = e.useState(null), c = e.useRef(null), d = e.useCallback((t) => {
+    x((u) => ({
       ...u,
-      [x]: !u[x]
+      [t]: !u[t]
     }));
-  }, []), l = e.useMemo(() => ({
-    openItems: m,
-    toggleItem: n,
-    rootWidth: d
-  }), [m, n, d]), h = e.useCallback(() => {
-    a.current && s(a.current.getBoundingClientRect().width);
-  }, []), o = e.useMemo(() => D(h, 250), [h]);
-  return e.useEffect(() => (window.addEventListener("resize", o), () => {
-    window.removeEventListener("resize", o);
-  }), [o]), /* @__PURE__ */ c(b.Provider, { value: l, children: /* @__PURE__ */ c("div", { ref: a, className: _, role: "presentation", children: r }) });
-}, w = e.createContext(""), Y = function({
-  children: i
+  }, []), n = e.useCallback((t) => {
+    x((u) => ({
+      ...u,
+      [t]: !1
+    }));
+  }, []), f = e.useMemo(() => ({
+    openItems: p,
+    toggleItem: d,
+    closeItem: n,
+    rootWidth: _
+  }), [
+    p,
+    d,
+    n,
+    _
+  ]), m = e.useCallback(() => {
+    c.current && l(c.current.getBoundingClientRect().width);
+  }, []), a = e.useMemo(() => L(m, 250), [m]);
+  return e.useEffect(() => (window.addEventListener("resize", a), () => {
+    window.removeEventListener("resize", a);
+  }), [a]), /* @__PURE__ */ i(I.Provider, { value: f, children: /* @__PURE__ */ i("div", { ref: c, className: h, role: "presentation", children: s }) });
+}, v = e.createContext(""), ee = function({
+  children: r
 }) {
-  const r = e.useId();
-  return /* @__PURE__ */ c(w.Provider, { value: r, children: /* @__PURE__ */ c("div", { className: t.item, id: r, role: "region", "aria-labelledby": `${r}-header`, children: i }) });
-}, Z = function({
-  children: i
+  const s = e.useId();
+  return /* @__PURE__ */ i(v.Provider, { value: s, children: /* @__PURE__ */ i("div", { className: o.item, id: s, role: "region", "aria-labelledby": `${s}-header`, children: r }) });
+}, ne = function({
+  children: r
 }) {
-  return /* @__PURE__ */ c("div", { className: t.header, children: i });
-}, ee = function(i) {
+  return /* @__PURE__ */ i("div", { className: o.header, children: r });
+}, te = function(r) {
   const {
-    text: r,
-    iconLeft: _,
-    iconRightClassName: m,
-    iconLeftClassName: f,
-    className: d,
-    textClassName: s
-  } = i, a = e.useContext(b), n = e.useContext(w);
-  if (!a)
+    text: s,
+    iconLeft: h,
+    iconRightClassName: p,
+    iconLeftClassName: x,
+    className: _,
+    textClassName: l,
+    preopen: c = !1
+  } = r, d = e.useContext(I), n = e.useContext(v);
+  if (!d)
     throw new Error("AccordionTrigger must be used within an Accordion");
   const {
-    toggleItem: l,
-    openItems: h
-  } = a, o = h[n], [x, u] = e.useState(!1), [A, R] = e.useState(o ? "UpChevron" : "DownChevron"), N = e.useCallback(() => {
-    l(n);
-  }, [n, l]), y = e.useCallback((C) => {
-    (C.key === "Enter" || C.key === " ") && l(n);
-  }, [n, l]);
+    toggleItem: f,
+    closeItem: m,
+    openItems: a
+  } = d, t = typeof a[n] > "u" ? c : a[n], [u, R] = e.useState(!1), [b, T] = e.useState(t ? "UpChevron" : "DownChevron"), w = e.useCallback(() => {
+    if (t) {
+      m(n);
+      return;
+    }
+    f(n);
+  }, [t, f, n, m]), k = e.useCallback((A) => {
+    (A.key === "Enter" || A.key === " ") && w();
+  }, [w]);
   return e.useEffect(() => {
-    const C = setTimeout(() => {
-      R(o ? "UpChevron" : "DownChevron"), u(!1);
+    const A = setTimeout(() => {
+      T(t ? "UpChevron" : "DownChevron"), R(!1);
     }, 300);
-    return u(!0), () => clearTimeout(C);
-  }, [o]), /* @__PURE__ */ T(
+    return R(!0), () => clearTimeout(A);
+  }, [t]), /* @__PURE__ */ D(
     "div",
     {
-      className: p(t.triggerContainer, d),
-      onClick: N,
-      onKeyDown: y,
+      className: g(o.triggerContainer, _),
+      onClick: w,
+      onKeyDown: k,
       role: "button",
       tabIndex: 0,
-      "aria-expanded": o,
+      "aria-expanded": t,
       "aria-controls": `${n}-content`,
       id: `${n}-header`,
       children: [
-        _ && /* @__PURE__ */ c(v, { name: _, className: p(t.iconLeft, f) }),
-        /* @__PURE__ */ c(I, { size: "normal", className: p(t.text, s), children: r }),
-        /* @__PURE__ */ c(
-          v,
+        h && /* @__PURE__ */ i(y, { name: h, className: g(o.iconLeft, x) }),
+        /* @__PURE__ */ i(N, { size: "normal", className: g(o.text, l), children: s }),
+        /* @__PURE__ */ i(
+          y,
           {
-            className: p(t.iconRight, m, {
-              [t.iconFlip]: x,
-              [t.iconUp]: A === "UpChevron",
-              [t.iconDown]: A === "DownChevron"
+            className: g(o.iconRight, p, {
+              [o.iconFlip]: u,
+              [o.iconUp]: b === "UpChevron",
+              [o.iconDown]: b === "DownChevron"
             }),
-            name: A
+            name: b
           }
         )
       ]
     }
   );
-}, ne = function({
-  children: i,
-  className: r,
-  innerClassName: _,
-  contentDisplay: m = "inline-block"
+}, oe = function({
+  children: r,
+  className: s,
+  innerClassName: h,
+  contentDisplay: p = "inline-block",
+  preopen: x = !1
 }) {
-  const f = e.useContext(b), d = e.useContext(w), [s, a] = e.useState(null), n = e.useRef(null);
-  if (!f)
+  const _ = e.useContext(I), l = e.useContext(v), [c, d] = e.useState(null), n = e.useRef(null);
+  if (!_)
     throw new Error("AccordionContent must be used within an Accordion");
   const {
-    openItems: l,
-    rootWidth: h
-  } = f, o = l[d], x = e.useMemo(() => s === null ? 250 : E(s / 150 * 250, 350, 500), [s]);
+    openItems: f,
+    rootWidth: m
+  } = _, a = typeof f[l] > "u" ? x : f[l], t = e.useMemo(() => c === null ? 250 : U(c / 150 * 250, 350, 500), [c]);
   return e.useEffect(() => {
-    a(null);
-  }, [h]), e.useEffect(() => {
-    if (s === null && n.current) {
+    d(null);
+  }, [m]), e.useEffect(() => {
+    if (c === null && n.current) {
       const u = n.current.getBoundingClientRect().height;
-      a(u);
+      d(u);
     }
-  }, [s]), /* @__PURE__ */ c(
+  }, [c]), /* @__PURE__ */ i(
     "div",
     {
-      id: `${d}-content`,
+      id: `${l}-content`,
       role: "region",
-      "aria-labelledby": `${d}-header`,
-      className: p(t.content, r, {
-        [t.open]: o,
-        [t.closed]: !o
+      "aria-labelledby": `${l}-header`,
+      className: g(o.content, s, {
+        [o.open]: a,
+        [o.closed]: !a
       }),
       style: {
-        "--content-display": m,
-        "--content-height": k.q(100),
-        "--content-animation-time": `${x}ms`
+        "--content-display": p,
+        "--content-height": E.q(100),
+        "--content-animation-time": `${t}ms`
       },
-      children: /* @__PURE__ */ c(
-        I,
+      children: /* @__PURE__ */ i(
+        N,
         {
           color: "secondary",
           size: "normal",
           typographic: !0,
-          className: p(t.contentText, _),
+          className: g(o.contentText, h),
           ref: n,
-          children: i
+          children: r
         }
       )
     }
   );
 };
 export {
-  X as Accordion,
-  ne as AccordionContent,
-  Z as AccordionHeader,
-  Y as AccordionItem,
-  ee as AccordionTrigger
+  Z as Accordion,
+  oe as AccordionContent,
+  ne as AccordionHeader,
+  ee as AccordionItem,
+  te as AccordionTrigger
 };

package/dist/components/Accordion/AccordionShowcase.js CHANGED Viewed

@@ -1,141 +1,154 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import l from "react";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import s from "react";
 import a from "../Flex/Flex.js";
 import { Text as h } from "../Text/Text.js";
 import "../../utils/ui/ui.js";
-import { Accordion as s, AccordionItem as o, AccordionHeader as r, AccordionTrigger as i, AccordionContent as n } from "./Accordion.js";
-const u = "cfxui__AccordionShowcase__customTrigger__50550", d = "cfxui__AccordionShowcase__customTriggerIconRight__29b74", g = "cfxui__AccordionShowcase__customTriggerText__6f61c", m = "cfxui__AccordionShowcase__customContent__f7c2f", y = "cfxui__AccordionShowcase__customContentInner__f3d0e", c = {
+import { Accordion as l, AccordionItem as o, AccordionHeader as r, AccordionTrigger as i, AccordionContent as n } from "./Accordion.js";
+const u = "cfxui__AccordionShowcase__customTrigger__50550", d = "cfxui__AccordionShowcase__customTriggerIconRight__29b74", g = "cfxui__AccordionShowcase__customTriggerText__6f61c", y = "cfxui__AccordionShowcase__customContent__f7c2f", m = "cfxui__AccordionShowcase__customContentInner__f3d0e", c = {
   customTrigger: u,
   customTriggerIconRight: d,
   customTriggerText: g,
-  customContent: m,
-  customContentInner: y
+  customContent: y,
+  customContentInner: m
 };
 function v() {
-  return /* @__PURE__ */ e(a, { fullWidth: !0, vertical: !0, p: 2, gap: "large", children: [
-    /* @__PURE__ */ e(a, { fullWidth: !0, vertical: !0, children: [
-      /* @__PURE__ */ t(h, { size: "large", children: "Accordion" }),
-      /* @__PURE__ */ e(s, { children: [
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(a, { fullWidth: !0, vertical: !0, p: 2, gap: "large", children: [
+    /* @__PURE__ */ t(a, { fullWidth: !0, vertical: !0, children: [
+      /* @__PURE__ */ e(h, { size: "large", children: "Accordion" }),
+      /* @__PURE__ */ t(l, { children: [
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
             i,
             {
               text: "Will I get banned from GTA:O?"
             }
           ) }),
-          /* @__PURE__ */ e(n, { children: [
+          /* @__PURE__ */ t(n, { children: [
             "Nope!",
             " ",
-            /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
+            /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
             " ",
             "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it."
           ] })
         ] }),
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
             i,
             {
               text: "Can I cheat on FiveM?",
               iconLeft: "Heart"
             }
           ) }),
-          /* @__PURE__ */ t(n, { children: "Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned!" })
+          /* @__PURE__ */ e(n, { children: "Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned!" })
         ] }),
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
             i,
             {
               text: "Is this accordion any good?",
               iconLeft: "Pencil"
             }
           ) }),
-          /* @__PURE__ */ t(n, { children: "Obviously!" })
+          /* @__PURE__ */ e(n, { children: "Obviously!" })
         ] }),
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
             i,
             {
               text: "Who said?"
             }
           ) }),
-          /* @__PURE__ */ t(n, { children: "Me!" })
+          /* @__PURE__ */ e(n, { children: "Me!" })
         ] }),
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
             i,
             {
               text: "Long long text, Long long text, Long long text, Long long text, Long long text, Long long text to test the overflow, will it work? Let's see!",
               iconLeft: "MoreInfo"
             }
           ) }),
-          /* @__PURE__ */ e(n, { children: [
+          /* @__PURE__ */ t(n, { children: [
             "Nope!",
             " ",
-            /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
+            /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
             " ",
             "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it."
           ] })
         ] }),
-        /* @__PURE__ */ e(o, { children: [
-          /* @__PURE__ */ t(r, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
             i,
             {
               text: "Long long text, Long long text, Long long text, Long long text, Long long text, Long long text to test the overflow, will it work? Let's see!"
             }
           ) }),
-          /* @__PURE__ */ e(n, { children: [
+          /* @__PURE__ */ t(n, { children: [
             "Nope!",
             " ",
-            /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
+            /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
             " ",
             "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope!",
             " ",
-            /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
+            /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
             " ",
             "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope!",
             " ",
-            /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
+            /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
             " ",
             "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope!",
             " ",
-            /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
+            /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
             " ",
             "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it. Nope! FiveM does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it."
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e(a, { fullWidth: !0, vertical: !0, gap: "large", children: [
-      /* @__PURE__ */ t(h, { size: "large", children: "Accordion with custom styles" }),
-      /* @__PURE__ */ t(s, { children: /* @__PURE__ */ e(o, { children: [
-        /* @__PURE__ */ t(
-          i,
-          {
-            text: "Will I get banned from GTA:O?",
-            className: c.customTrigger,
-            textClassName: c.customTriggerText,
-            iconRightClassName: c.customTriggerIconRight
-          }
-        ),
-        /* @__PURE__ */ e(
-          n,
-          {
-            className: c.customContent,
-            innerClassName: c.customContentInner,
-            children: [
-              "Nope!",
-              " ",
-              /* @__PURE__ */ t("a", { href: "https://cfx.re", children: "FiveM" }),
-              " ",
-              "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it."
-            ]
-          }
-        )
-      ] }) })
+    /* @__PURE__ */ t(a, { fullWidth: !0, vertical: !0, gap: "large", children: [
+      /* @__PURE__ */ e(h, { size: "large", children: "Accordion with custom styles" }),
+      /* @__PURE__ */ t(l, { children: [
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              text: "Will I get banned from GTA:O?",
+              className: c.customTrigger,
+              textClassName: c.customTriggerText,
+              iconRightClassName: c.customTriggerIconRight
+            }
+          ),
+          /* @__PURE__ */ t(
+            n,
+            {
+              className: c.customContent,
+              innerClassName: c.customContentInner,
+              children: [
+                "Nope!",
+                " ",
+                /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
+                " ",
+                "does not interact with the Rockstar Online Services other than to validate your game copy the first time you launch it."
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(o, { children: [
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
+            i,
+            {
+              text: "Can I cheat on FiveM?",
+              iconLeft: "Heart",
+              preopen: !0
+            }
+          ) }),
+          /* @__PURE__ */ e(n, { preopen: !0, children: "Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned! Dont be a cheater, you will get banned!" })
+        ] })
+      ] })
     ] })
   ] });
 }
-const R = l.memo(v);
+const _ = s.memo(v);
 export {
-  R as default
+  _ as default
 };

package/package.json CHANGED Viewed

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