@cfx-dev/ui-components 4.5.21 → 5.0.1

package/dist/cfxIcons-0xD_EEXT.js

@@ -0,0 +1,110 @@
+import r from "./components/Icons/cfx-icons/Close.js";
+import o from "./components/Icons/cfx-icons/Controller.js";
+import m from "./components/Icons/cfx-icons/Copy.js";
+import t from "./components/Icons/cfx-icons/DownArrow.js";
+import i from "./components/Icons/cfx-icons/DownChevron.js";
+import p from "./components/Icons/cfx-icons/Download.js";
+import f from "./components/Icons/cfx-icons/Expand.js";
+import e from "./components/Icons/cfx-icons/ExternalLink.js";
+import n from "./components/Icons/cfx-icons/Filter.js";
+import l from "./components/Icons/cfx-icons/Folder.js";
+import a from "./components/Icons/cfx-icons/Heart.js";
+import s from "./components/Icons/cfx-icons/HeartFilled.js";
+import c from "./components/Icons/cfx-icons/Help.js";
+import u from "./components/Icons/cfx-icons/LeftArrow.js";
+import d from "./components/Icons/cfx-icons/LeftChevron.js";
+import S from "./components/Icons/cfx-icons/Map.js";
+import h from "./components/Icons/cfx-icons/Menu.js";
+import v from "./components/Icons/cfx-icons/Minus.js";
+import C from "./components/Icons/cfx-icons/More.js";
+import U from "./components/Icons/cfx-icons/MoreInfo.js";
+import w from "./components/Icons/cfx-icons/Pencil.js";
+import g from "./components/Icons/cfx-icons/Play.js";
+import y from "./components/Icons/cfx-icons/Plus.js";
+import M from "./components/Icons/cfx-icons/Radio.js";
+import R from "./components/Icons/cfx-icons/Refresh.js";
+import b from "./components/Icons/cfx-icons/RightArrow.js";
+import T from "./components/Icons/cfx-icons/RightChevron.js";
+import A from "./components/Icons/cfx-icons/Search.js";
+import F from "./components/Icons/cfx-icons/ServerList.js";
+import L from "./components/Icons/cfx-icons/ServerReconnect.js";
+import P from "./components/Icons/cfx-icons/Sort.js";
+import _ from "./components/Icons/cfx-icons/Square.js";
+import k from "./components/Icons/cfx-icons/SquareFilled.js";
+import q from "./components/Icons/cfx-icons/SquareTick.js";
+import x from "./components/Icons/cfx-icons/Stop.js";
+import D from "./components/Icons/cfx-icons/Success.js";
+import H from "./components/Icons/cfx-icons/Tick.js";
+import I from "./components/Icons/cfx-icons/Transfer.js";
+import O from "./components/Icons/cfx-icons/Trash.js";
+import V from "./components/Icons/cfx-icons/Undo.js";
+import j from "./components/Icons/cfx-icons/UpArrow.js";
+import E from "./components/Icons/cfx-icons/UpChevron.js";
+import z from "./components/Icons/cfx-icons/Upload.js";
+import B from "./components/Icons/cfx-icons/Users.js";
+import W from "./components/Icons/cfx-icons/Visibility.js";
+import G from "./components/Icons/cfx-icons/VisibilityOff.js";
+import J from "./components/Icons/cfx-icons/Warning.js";
+import K from "./components/Icons/cfx-icons/Cart.js";
+import N from "./components/Icons/cfx-icons/User.js";
+import Q from "./components/Icons/cfx-icons/Verified.js";
+import X from "./components/Icons/cfx-icons/UpvotesBurst.js";
+import Y from "./components/Icons/cfx-icons/UpvotesRecurring.js";
+const Xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Cart: K,
+  Close: r,
+  Controller: o,
+  Copy: m,
+  DownArrow: t,
+  DownChevron: i,
+  Download: p,
+  Expand: f,
+  ExternalLink: e,
+  Filter: n,
+  Folder: l,
+  Heart: a,
+  HeartFilled: s,
+  Help: c,
+  LeftArrow: u,
+  LeftChevron: d,
+  Map: S,
+  Menu: h,
+  Minus: v,
+  More: C,
+  MoreInfo: U,
+  Pencil: w,
+  Play: g,
+  Plus: y,
+  Radio: M,
+  Refresh: R,
+  RightArrow: b,
+  RightChevron: T,
+  Search: A,
+  ServerList: F,
+  ServerReconnect: L,
+  Sort: P,
+  Square: _,
+  SquareFilled: k,
+  SquareTick: q,
+  Stop: x,
+  Success: D,
+  Tick: H,
+  Transfer: I,
+  Trash: O,
+  Undo: V,
+  UpArrow: j,
+  UpChevron: E,
+  Upload: z,
+  UpvotesBurst: X,
+  UpvotesRecurring: Y,
+  User: N,
+  Users: B,
+  Verified: Q,
+  Visibility: W,
+  VisibilityOff: G,
+  Warning: J
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Xr as I
+};

package/dist/cfxIconsXLarge-D0vz6Yd_.js

@@ -0,0 +1,110 @@
+import r from "./components/Icons/cfx-iconsXLarge/Close.js";
+import o from "./components/Icons/cfx-iconsXLarge/Controller.js";
+import m from "./components/Icons/cfx-iconsXLarge/Copy.js";
+import t from "./components/Icons/cfx-iconsXLarge/DownArrow.js";
+import i from "./components/Icons/cfx-iconsXLarge/DownChevron.js";
+import p from "./components/Icons/cfx-iconsXLarge/Download.js";
+import f from "./components/Icons/cfx-iconsXLarge/Expand.js";
+import e from "./components/Icons/cfx-iconsXLarge/ExternalLink.js";
+import n from "./components/Icons/cfx-iconsXLarge/Filter.js";
+import l from "./components/Icons/cfx-iconsXLarge/Folder.js";
+import a from "./components/Icons/cfx-iconsXLarge/Heart.js";
+import s from "./components/Icons/cfx-iconsXLarge/HeartFilled.js";
+import c from "./components/Icons/cfx-iconsXLarge/Help.js";
+import u from "./components/Icons/cfx-iconsXLarge/LeftArrow.js";
+import d from "./components/Icons/cfx-iconsXLarge/LeftChevron.js";
+import S from "./components/Icons/cfx-iconsXLarge/Map.js";
+import h from "./components/Icons/cfx-iconsXLarge/Menu.js";
+import v from "./components/Icons/cfx-iconsXLarge/Minus.js";
+import C from "./components/Icons/cfx-iconsXLarge/More.js";
+import U from "./components/Icons/cfx-iconsXLarge/MoreInfo.js";
+import g from "./components/Icons/cfx-iconsXLarge/Pencil.js";
+import w from "./components/Icons/cfx-iconsXLarge/Play.js";
+import y from "./components/Icons/cfx-iconsXLarge/Plus.js";
+import M from "./components/Icons/cfx-iconsXLarge/Radio.js";
+import R from "./components/Icons/cfx-iconsXLarge/Refresh.js";
+import b from "./components/Icons/cfx-iconsXLarge/RightArrow.js";
+import L from "./components/Icons/cfx-iconsXLarge/RightChevron.js";
+import T from "./components/Icons/cfx-iconsXLarge/Search.js";
+import A from "./components/Icons/cfx-iconsXLarge/ServerList.js";
+import F from "./components/Icons/cfx-iconsXLarge/ServerReconnect.js";
+import P from "./components/Icons/cfx-iconsXLarge/Sort.js";
+import _ from "./components/Icons/cfx-iconsXLarge/Square.js";
+import k from "./components/Icons/cfx-iconsXLarge/SquareFilled.js";
+import q from "./components/Icons/cfx-iconsXLarge/SquareTick.js";
+import x from "./components/Icons/cfx-iconsXLarge/Stop.js";
+import D from "./components/Icons/cfx-iconsXLarge/Success.js";
+import H from "./components/Icons/cfx-iconsXLarge/Tick.js";
+import I from "./components/Icons/cfx-iconsXLarge/Transfer.js";
+import O from "./components/Icons/cfx-iconsXLarge/Trash.js";
+import V from "./components/Icons/cfx-iconsXLarge/Undo.js";
+import j from "./components/Icons/cfx-iconsXLarge/UpArrow.js";
+import E from "./components/Icons/cfx-iconsXLarge/UpChevron.js";
+import z from "./components/Icons/cfx-iconsXLarge/Upload.js";
+import B from "./components/Icons/cfx-iconsXLarge/Users.js";
+import W from "./components/Icons/cfx-iconsXLarge/Visibility.js";
+import X from "./components/Icons/cfx-iconsXLarge/VisibilityOff.js";
+import G from "./components/Icons/cfx-iconsXLarge/Warning.js";
+import J from "./components/Icons/cfx-iconsXLarge/Cart.js";
+import K from "./components/Icons/cfx-iconsXLarge/User.js";
+import N from "./components/Icons/cfx-iconsXLarge/Verified.js";
+import Q from "./components/Icons/cfx-iconsXLarge/UpvotesBurst.js";
+import Y from "./components/Icons/cfx-iconsXLarge/UpvotesRecurring.js";
+const Qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Cart: J,
+  Close: r,
+  Controller: o,
+  Copy: m,
+  DownArrow: t,
+  DownChevron: i,
+  Download: p,
+  Expand: f,
+  ExternalLink: e,
+  Filter: n,
+  Folder: l,
+  Heart: a,
+  HeartFilled: s,
+  Help: c,
+  LeftArrow: u,
+  LeftChevron: d,
+  Map: S,
+  Menu: h,
+  Minus: v,
+  More: C,
+  MoreInfo: U,
+  Pencil: g,
+  Play: w,
+  Plus: y,
+  Radio: M,
+  Refresh: R,
+  RightArrow: b,
+  RightChevron: L,
+  Search: T,
+  ServerList: A,
+  ServerReconnect: F,
+  Sort: P,
+  Square: _,
+  SquareFilled: k,
+  SquareTick: q,
+  Stop: x,
+  Success: D,
+  Tick: H,
+  Transfer: I,
+  Trash: O,
+  Undo: V,
+  UpArrow: j,
+  UpChevron: E,
+  Upload: z,
+  UpvotesBurst: Q,
+  UpvotesRecurring: Y,
+  User: K,
+  Users: B,
+  Verified: N,
+  Visibility: W,
+  VisibilityOff: X,
+  Warning: G
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Qr as I
+};

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-import { IconName } from '../Icon';
 import { BoxDisplayType } from '../RSC/Box/Box.types';
 
 export interface AccordionProps {
@@ -10,8 +9,6 @@ export declare const AccordionItem: React.FC<React.PropsWithChildren>;
 export declare const AccordionHeader: React.FC<React.PropsWithChildren>;
 export interface AccordionTriggerProps {
     text: string;
-    iconLeft?: IconName;
-    iconLeftClassName?: string;
     iconRightClassName?: string;
     className?: string;
     textClassName?: string;

package/dist/components/Accordion/Accordion.js

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

package/dist/components/Accordion/AccordionShowcase.js

@@ -3,7 +3,7 @@ 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 l, AccordionItem as o, AccordionHeader as r, AccordionTrigger as i, AccordionContent as n } from "./Accordion.js";
+import { Accordion as l, AccordionItem as o, AccordionHeader as r, AccordionTrigger as n, AccordionContent as i } 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,
@@ -18,12 +18,12 @@ function v() {
       /* @__PURE__ */ t(l, { children: [
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
               text: "Will I get banned from GTA:O?"
             }
           ) }),
-          /* @__PURE__ */ t(n, { children: [
+          /* @__PURE__ */ t(i, { children: [
             "Nope!",
             " ",
             /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
@@ -33,42 +33,39 @@ function v() {
         ] }),
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
-              text: "Can I cheat on FiveM?",
-              iconLeft: "Heart"
+              text: "Can I cheat on FiveM?"
             }
           ) }),
-          /* @__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(i, { 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__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
-              text: "Is this accordion any good?",
-              iconLeft: "Pencil"
+              text: "Is this accordion any good?"
             }
           ) }),
-          /* @__PURE__ */ e(n, { children: "Obviously!" })
+          /* @__PURE__ */ e(i, { children: "Obviously!" })
         ] }),
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
               text: "Who said?"
             }
           ) }),
-          /* @__PURE__ */ e(n, { children: "Me!" })
+          /* @__PURE__ */ e(i, { children: "Me!" })
         ] }),
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
-              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"
+              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__ */ t(n, { children: [
+          /* @__PURE__ */ t(i, { children: [
             "Nope!",
             " ",
             /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
@@ -78,12 +75,12 @@ function v() {
         ] }),
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
-              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!"
+              text: "Long long text, Long long text, Long long text, Long long text, Long long text, Long long Long long text, Long long text, Long long text, Long long text, Long long text, Long long 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__ */ t(n, { children: [
+          /* @__PURE__ */ t(i, { children: [
             "Nope!",
             " ",
             /* @__PURE__ */ e("a", { href: "https://cfx.re", children: "FiveM" }),
@@ -110,7 +107,7 @@ function v() {
       /* @__PURE__ */ t(l, { children: [
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(
-            i,
+            n,
             {
               text: "Will I get banned from GTA:O?",
               className: c.customTrigger,
@@ -119,7 +116,7 @@ function v() {
             }
           ),
           /* @__PURE__ */ t(
-            n,
+            i,
             {
               className: c.customContent,
               innerClassName: c.customContentInner,
@@ -135,14 +132,13 @@ function v() {
         ] }),
         /* @__PURE__ */ t(o, { children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            i,
+            n,
             {
-              text: "Can I cheat on FiveM?",
-              iconLeft: "Heart",
+              text: "Can I cheat on FiveM? (This should be preopened)",
               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!" })
+          /* @__PURE__ */ e(i, { 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!" })
         ] })
       ] })
     ] })