@cfx-dev/ui-components 5.0.22 → 5.0.24

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 (188) hide show
  1. package/dist/CarouselControls-CJ3tupLr.js +41 -0
  2. package/dist/Combination-BNueeiCk.js +2227 -0
  3. package/dist/{Combination-N-vN9BB-.js → Combination-DFRGuWx2.js} +50 -48
  4. package/dist/{DropdownContent-BTzahw95.js → DropdownContent-DCqFWnzj.js} +10 -10
  5. package/dist/assets/all_css.css +2 -1
  6. package/dist/assets/css/Button.css +1 -1
  7. package/dist/assets/css/CarouselControls.css +1 -0
  8. package/dist/assets/css/CarouselItem.css +1 -0
  9. package/dist/assets/css/RangeInput.css +1 -1
  10. package/dist/assets/css/Text.css +1 -1
  11. package/dist/assets/general/global.css +1 -1
  12. package/dist/assets/general/themes.css +1 -1
  13. package/dist/cfxIcons-YyDWNxmM.js +110 -0
  14. package/dist/cfxIconsXLarge-Dw37ZSw2.js +110 -0
  15. package/dist/components/Accordion/AccordionShowcase.js +2 -2
  16. package/dist/components/Badge/BadgeShowcase.js +3 -3
  17. package/dist/components/BurgerMenu/BurgerMenuShowcase.js +4 -4
  18. package/dist/components/Carousel/Carousel.d.ts +24 -0
  19. package/dist/components/Carousel/Carousel.js +125 -0
  20. package/dist/components/Carousel/Carousel.types.d.ts +41 -0
  21. package/dist/components/Carousel/Carousel.types.js +1 -0
  22. package/dist/components/Carousel/CarouselControls.d.ts +8 -0
  23. package/dist/components/Carousel/CarouselControls.js +8 -0
  24. package/dist/components/Carousel/CarouselItem.d.ts +11 -0
  25. package/dist/components/Carousel/CarouselItem.js +85 -0
  26. package/dist/components/Carousel/CarouselShowcase.d.ts +6 -0
  27. package/dist/components/Carousel/CarouselShowcase.js +177 -0
  28. package/dist/components/Carousel/index.d.ts +4 -0
  29. package/dist/components/Carousel/index.js +6 -0
  30. package/dist/components/Carousel/playIcon.d.ts +6 -0
  31. package/dist/components/Carousel/playIcon.js +25 -0
  32. package/dist/components/Checkbox/Checkbox.js +7 -7
  33. package/dist/components/Checkbox/CheckboxShowcase.js +5 -5
  34. package/dist/components/ClipboardButton/ClipboardButton.js +9 -9
  35. package/dist/components/ControlBox/ControlBox.js +10 -10
  36. package/dist/components/Decorate/Decorate.js +5 -5
  37. package/dist/components/DropdownContent/DropdownContent.js +1 -1
  38. package/dist/components/DropdownContent/index.js +1 -1
  39. package/dist/components/DropdownMenu/DropdownMenu.js +12 -12
  40. package/dist/components/DropdownSelect/DropdownSelect.js +1 -1
  41. package/dist/components/DropdownSelect/DropdownSelectShowcase.js +4 -4
  42. package/dist/components/Flex/FlexShowcase.js +4 -4
  43. package/dist/components/Flyout/Flyout.js +1 -1
  44. package/dist/components/Flyout/FlyoutShowcase.js +3 -3
  45. package/dist/components/FormField/FormFieldShowcase.js +1 -1
  46. package/dist/components/Icon/Icon.js +2 -2
  47. package/dist/components/Icons/IconsShowcase.js +1 -1
  48. package/dist/components/Icons/cfx-icons/Close.js +2 -2
  49. package/dist/components/Icons/cfx-icons/Copy.js +3 -3
  50. package/dist/components/Icons/cfx-icons/DownChevron.js +2 -2
  51. package/dist/components/Icons/cfx-icons/Filter.js +6 -6
  52. package/dist/components/Icons/cfx-icons/Heart.js +2 -2
  53. package/dist/components/Icons/cfx-icons/HeartFilled.js +2 -2
  54. package/dist/components/Icons/cfx-icons/LeftArrow.js +2 -2
  55. package/dist/components/Icons/cfx-icons/LeftChevron.js +2 -2
  56. package/dist/components/Icons/cfx-icons/MoreInfo.js +4 -4
  57. package/dist/components/Icons/cfx-icons/Play.js +5 -5
  58. package/dist/components/Icons/cfx-icons/Plus.js +2 -2
  59. package/dist/components/Icons/cfx-icons/Refresh.js +3 -3
  60. package/dist/components/Icons/cfx-icons/Search.js +2 -2
  61. package/dist/components/Icons/cfx-icons/ServerList.js +2 -2
  62. package/dist/components/Icons/cfx-icons/ServerReconnect.js +7 -7
  63. package/dist/components/Icons/cfx-icons/Square.js +3 -3
  64. package/dist/components/Icons/cfx-icons/SquareFilled.js +7 -7
  65. package/dist/components/Icons/cfx-icons/Trash.js +2 -2
  66. package/dist/components/Icons/cfx-icons/Undo.js +3 -3
  67. package/dist/components/Icons/cfx-icons/User.js +5 -5
  68. package/dist/components/Icons/cfx-icons/Users.js +3 -3
  69. package/dist/components/Icons/cfx-icons/Verified.js +4 -4
  70. package/dist/components/Icons/cfx-icons/Warning.js +2 -2
  71. package/dist/components/Icons/cfx-iconsXLarge/Close.js +2 -2
  72. package/dist/components/Icons/cfx-iconsXLarge/Copy.js +3 -3
  73. package/dist/components/Icons/cfx-iconsXLarge/DownChevron.js +2 -2
  74. package/dist/components/Icons/cfx-iconsXLarge/Filter.js +2 -2
  75. package/dist/components/Icons/cfx-iconsXLarge/Heart.js +5 -5
  76. package/dist/components/Icons/cfx-iconsXLarge/HeartFilled.js +2 -2
  77. package/dist/components/Icons/cfx-iconsXLarge/LeftArrow.js +2 -2
  78. package/dist/components/Icons/cfx-iconsXLarge/LeftChevron.js +2 -2
  79. package/dist/components/Icons/cfx-iconsXLarge/MoreInfo.js +4 -4
  80. package/dist/components/Icons/cfx-iconsXLarge/Play.js +5 -5
  81. package/dist/components/Icons/cfx-iconsXLarge/Plus.js +2 -2
  82. package/dist/components/Icons/cfx-iconsXLarge/Refresh.js +3 -3
  83. package/dist/components/Icons/cfx-iconsXLarge/Search.js +2 -2
  84. package/dist/components/Icons/cfx-iconsXLarge/ServerList.js +2 -2
  85. package/dist/components/Icons/cfx-iconsXLarge/ServerReconnect.js +7 -7
  86. package/dist/components/Icons/cfx-iconsXLarge/Square.js +3 -3
  87. package/dist/components/Icons/cfx-iconsXLarge/SquareFilled.js +4 -4
  88. package/dist/components/Icons/cfx-iconsXLarge/Trash.js +2 -2
  89. package/dist/components/Icons/cfx-iconsXLarge/Undo.js +4 -4
  90. package/dist/components/Icons/cfx-iconsXLarge/User.js +5 -5
  91. package/dist/components/Icons/cfx-iconsXLarge/Users.js +3 -3
  92. package/dist/components/Icons/cfx-iconsXLarge/Verified.js +4 -4
  93. package/dist/components/Icons/cfx-iconsXLarge/VisibilityOff.js +2 -2
  94. package/dist/components/Icons/cfx-iconsXLarge/Warning.js +2 -2
  95. package/dist/components/Icons/index.js +2 -2
  96. package/dist/components/InfoPanel/InfoPanelShowcase.js +9 -9
  97. package/dist/components/Input/InputShowcase.js +19 -19
  98. package/dist/components/Input/RichInput.js +1 -1
  99. package/dist/components/InputDropzone/InputDropzone.js +340 -304
  100. package/dist/components/Link/LinkShowcase.js +5 -5
  101. package/dist/components/Logos/LogosShowcase.js +2 -2
  102. package/dist/components/Logos/cfx/Icon.js +7 -7
  103. package/dist/components/Logos/cfx/Logo.js +3 -3
  104. package/dist/components/Logos/cfx/Wordmark.js +2 -2
  105. package/dist/components/Logos/discord/Icon.js +5 -5
  106. package/dist/components/Logos/fivem/Icon.js +2 -2
  107. package/dist/components/Logos/fivem/WhiteLogo.js +2 -2
  108. package/dist/components/Logos/github/Icon.js +7 -7
  109. package/dist/components/Logos/google/Icon.js +6 -6
  110. package/dist/components/Logos/google/Wordmark.js +3 -3
  111. package/dist/components/Logos/index.js +7 -7
  112. package/dist/components/Logos/patreon/Icon.js +7 -7
  113. package/dist/components/Logos/patreon/Wordmark.js +5 -5
  114. package/dist/components/Logos/redm/CompositeLogo.js +2 -2
  115. package/dist/components/Logos/rockstar/Icon.js +2 -2
  116. package/dist/components/Logos/tebex/Icon.js +7 -7
  117. package/dist/components/Logos/tebex/Wordmark.js +2 -2
  118. package/dist/components/Logos/x/Icon.js +3 -3
  119. package/dist/components/Modal/Modal.js +1 -1
  120. package/dist/components/Modal/ModalShowcase.js +3 -3
  121. package/dist/components/OnScreenSensor.js +1 -1
  122. package/dist/components/Overlay/Overlay.js +1 -1
  123. package/dist/components/Popover/PopoverShowcase.js +6 -6
  124. package/dist/components/Prose/Prose.js +3 -3
  125. package/dist/components/Range/Range.js +1 -1
  126. package/dist/components/Scrollable/ScrollableShowcase.js +2 -2
  127. package/dist/components/Select/Select.js +109 -109
  128. package/dist/components/Select/SelectShowcase.js +21 -21
  129. package/dist/components/Skeleton/SkeletonShowcase.js +4 -4
  130. package/dist/components/Slider/Slider.js +1 -1
  131. package/dist/components/Switch/Switch.js +14 -14
  132. package/dist/components/TableResponsiveText/TableResponsiveText.js +2 -2
  133. package/dist/components/Tabular/TabularShowcase.js +12 -12
  134. package/dist/components/Title/Title.js +81 -77
  135. package/dist/{index-CfQtbUfi.js → index-8cuIcSMB.js} +5 -5
  136. package/dist/index-BcJ929FX.js +20 -0
  137. package/dist/{index-kbBuAY0m.js → index-BcnrbBqR.js} +2 -2
  138. package/dist/{index-BgyFvlVL.js → index-Bg26abkD.js} +2 -2
  139. package/dist/{index-9LBuZ7x4.js → index-BzirdFxK.js} +5 -5
  140. package/dist/{index-Cl_RnsqN.js → index-CUyjBl1Y.js} +2 -2
  141. package/dist/index-CZVyC53C.js +20 -0
  142. package/dist/{index-DwfZyjnS.js → index-CaQzR2YA.js} +2 -2
  143. package/dist/{index-D5SMGei3.js → index-CzUzkeQx.js} +9 -9
  144. package/dist/{index-Cy4ZbWBL.js → index-DqqOUOlj.js} +2 -2
  145. package/dist/{index-3ctv5u9o.js → index-DwdZ_SPo.js} +2 -2
  146. package/dist/{index-Bj7QGXdt.js → index-DxFgF-nY.js} +2 -2
  147. package/dist/main.d.ts +11 -2
  148. package/dist/main.js +279 -257
  149. package/dist/utils/contexts/AnalyticsContext/AnalyticsContext.d.ts +12 -0
  150. package/dist/utils/contexts/AnalyticsContext/AnalyticsContext.js +9 -0
  151. package/dist/utils/contexts/AnalyticsContext/AnalyticsProvider.d.ts +9 -0
  152. package/dist/utils/contexts/AnalyticsContext/AnalyticsProvider.js +33 -0
  153. package/dist/utils/contexts/AnalyticsContext/index.d.ts +6 -0
  154. package/dist/utils/contexts/AnalyticsContext/index.js +10 -0
  155. package/dist/utils/contexts/AnalyticsContext/useAnalytics.d.ts +1 -0
  156. package/dist/utils/contexts/AnalyticsContext/useAnalytics.js +8 -0
  157. package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.d.ts +7 -0
  158. package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.js +22 -0
  159. package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.d.ts +11 -0
  160. package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.js +11 -0
  161. package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.d.ts +6 -0
  162. package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.js +38 -0
  163. package/dist/utils/contexts/MediaQueryContext/index.d.ts +4 -0
  164. package/dist/utils/contexts/MediaQueryContext/index.js +8 -0
  165. package/dist/utils/contexts/MediaQueryContext/useMediaQuery.d.ts +2 -0
  166. package/dist/utils/contexts/MediaQueryContext/useMediaQuery.js +8 -0
  167. package/dist/utils/contexts/StoreContext/StoreContext.d.ts +15 -0
  168. package/dist/utils/contexts/StoreContext/StoreContext.js +21 -0
  169. package/dist/utils/contexts/StoreContext/index.d.ts +2 -0
  170. package/dist/utils/contexts/StoreContext/index.js +4 -0
  171. package/dist/utils/formatBytes.d.ts +1 -0
  172. package/dist/utils/formatBytes.js +12 -0
  173. package/dist/utils/hooks/useCarousel.d.ts +11 -0
  174. package/dist/utils/hooks/useCarousel.js +1276 -0
  175. package/dist/utils/hooks/useOutlet.js +1 -1
  176. package/dist/utils/truncateWithEllipsis.d.ts +1 -0
  177. package/dist/utils/truncateWithEllipsis.js +6 -0
  178. package/package.json +2 -1
  179. package/dist/Combination-CcTTSYNP.js +0 -2209
  180. package/dist/assets/css/CountryFlag.css +0 -1
  181. package/dist/cfxIcons-0xD_EEXT.js +0 -110
  182. package/dist/cfxIconsXLarge-D0vz6Yd_.js +0 -110
  183. package/dist/components/CountryFlag/CountryFlag.d.ts +0 -12
  184. package/dist/components/CountryFlag/CountryFlag.js +0 -25
  185. package/dist/components/CountryFlag/index.d.ts +0 -2
  186. package/dist/components/CountryFlag/index.js +0 -4
  187. package/dist/index-B_NGoq0d.js +0 -20
  188. package/dist/index-Cn_D8a9-.js +0 -20
@@ -1,10 +1,10 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import d from "react";
2
+ import c from "react";
3
3
  import a from "../Flex/Flex.js";
4
- import { Text as i } from "../Text/Text.js";
4
+ import { Text as t } from "../Text/Text.js";
5
5
  import "../../utils/ui/ui.js";
6
- import { Select as t } from "./Select.js";
7
- const u = [
6
+ import { Select as u } from "./Select.js";
7
+ const i = [
8
8
  {
9
9
  value: "value",
10
10
  label: "Label"
@@ -39,57 +39,57 @@ const u = [
39
39
  }
40
40
  ];
41
41
  function n() {
42
- const [c, r] = d.useState("value");
42
+ const [d, r] = c.useState("value");
43
43
  return /* @__PURE__ */ l(a, { gap: "large", vertical: !0, children: [
44
44
  /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
45
- /* @__PURE__ */ e(i, { children: "Default" }),
45
+ /* @__PURE__ */ e(t, { children: "Default" }),
46
46
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
47
- t,
47
+ u,
48
48
  {
49
- value: c,
49
+ value: d,
50
50
  onChange: r,
51
- options: u
51
+ options: i
52
52
  }
53
53
  ) })
54
54
  ] }),
55
55
  /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
56
- /* @__PURE__ */ e(i, { children: "Placeholder" }),
56
+ /* @__PURE__ */ e(t, { children: "Placeholder" }),
57
57
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
58
- t,
58
+ u,
59
59
  {
60
60
  placeholder: "Placeholder",
61
61
  onChange: r,
62
- options: u
62
+ options: i
63
63
  }
64
64
  ) })
65
65
  ] }),
66
66
  /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
67
- /* @__PURE__ */ e(i, { children: "Disabled" }),
67
+ /* @__PURE__ */ e(t, { children: "Disabled" }),
68
68
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
69
- t,
69
+ u,
70
70
  {
71
71
  disabled: !0,
72
- value: c,
72
+ value: d,
73
73
  onChange: r,
74
- options: u
74
+ options: i
75
75
  }
76
76
  ) })
77
77
  ] }),
78
78
  /* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
79
- /* @__PURE__ */ e(i, { children: "Full Width" }),
79
+ /* @__PURE__ */ e(t, { children: "Full Width" }),
80
80
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
81
- t,
81
+ u,
82
82
  {
83
83
  fullWidth: !0,
84
- value: c,
84
+ value: d,
85
85
  onChange: r,
86
- options: u
86
+ options: i
87
87
  }
88
88
  ) })
89
89
  ] })
90
90
  ] });
91
91
  }
92
- const s = d.memo(n);
92
+ const s = c.memo(n);
93
93
  export {
94
94
  s as default
95
95
  };
@@ -7,7 +7,7 @@ import { DataTable as x } from "../DataTable/DataTable.js";
7
7
  import m from "../Flex/Flex.js";
8
8
  import { Text as r } from "../Text/Text.js";
9
9
  import "../../utils/ui/ui.js";
10
- import c from "./Skeleton.js";
10
+ import d from "./Skeleton.js";
11
11
  const g = [
12
12
  { text: "Header 1" },
13
13
  { text: "Header 2" },
@@ -16,7 +16,7 @@ const g = [
16
16
  { text: "Item" }
17
17
  ];
18
18
  function S() {
19
- const [l, a] = n(!0), [d, s] = n([]), i = () => {
19
+ const [l, a] = n(!0), [c, s] = n([]), i = () => {
20
20
  a(!0);
21
21
  const h = setTimeout(() => {
22
22
  s([
@@ -37,13 +37,13 @@ function S() {
37
37
  loading: l,
38
38
  includeRadio: !0,
39
39
  headers: g,
40
- data: l ? Array(3).fill(Array(5).fill(/* @__PURE__ */ e(c, { width: "100%", height: "small" }))) : d
40
+ data: l ? Array(3).fill(Array(5).fill(/* @__PURE__ */ e(d, { width: "100%", height: "small" }))) : c
41
41
  }
42
42
  ) }) }),
43
43
  /* @__PURE__ */ e(r, { children: "Skeleton in Text" }),
44
44
  /* @__PURE__ */ o(r, { children: [
45
45
  "This is a",
46
- /* @__PURE__ */ e(c, { width: "200px", height: "small" }),
46
+ /* @__PURE__ */ e(d, { width: "200px", height: "small" }),
47
47
  " ",
48
48
  "in Text"
49
49
  ] }),
@@ -1,5 +1,5 @@
1
1
  import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
- import { R as C, T as L, a as R, b as y } from "../../index-D5SMGei3.js";
2
+ import { R as C, T as L, a as R, b as y } from "../../index-CzUzkeQx.js";
3
3
  import i from "react";
4
4
  import { clsx as f } from "../../utils/clsx.js";
5
5
  const B = "cfxui__Slider__container__997ea", V = "cfxui__Slider__labels__2a966", j = "cfxui__Slider__root__a6c1b", T = "cfxui__Slider__track__570cb", E = "cfxui__Slider__range__5ae17", P = "cfxui__Slider__thumb__27d80", q = "cfxui__Slider__valueBubble__ebce8", a = {
@@ -1,10 +1,10 @@
1
1
  import { jsxs as x, jsx as l } from "react/jsx-runtime";
2
2
  import * as u from "react";
3
3
  import M from "react";
4
- import { b as R, u as H, c as j, P as k, a as A, d as q } from "../../index-CfQtbUfi.js";
4
+ import { a as R, u as H, P as k, c as j, b as A, d as q } from "../../index-8cuIcSMB.js";
5
5
  import { u as z } from "../../index-BZPx6jYI.js";
6
6
  import { clsx as N } from "../../utils/clsx.js";
7
- var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
7
+ var S = "Switch", [L] = q(S), [O, D] = L(S), P = u.forwardRef(
8
8
  (e, c) => {
9
9
  const {
10
10
  __scopeSwitch: t,
@@ -37,7 +37,7 @@ var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
37
37
  value: i,
38
38
  ...b,
39
39
  ref: v,
40
- onClick: A(e.onClick, (w) => {
40
+ onClick: j(e.onClick, (w) => {
41
41
  U((I) => !I), C && (y.current = w.isPropagationStopped(), y.current || w.stopPropagation());
42
42
  })
43
43
  }
@@ -62,7 +62,7 @@ var S = "Switch", [L, at] = j(S), [O, $] = L(S), P = u.forwardRef(
62
62
  P.displayName = S;
63
63
  var T = "SwitchThumb", g = u.forwardRef(
64
64
  (e, c) => {
65
- const { __scopeSwitch: t, ...o } = e, s = $(T, t);
65
+ const { __scopeSwitch: t, ...o } = e, s = D(T, t);
66
66
  return /* @__PURE__ */ l(
67
67
  k.span,
68
68
  {
@@ -75,7 +75,7 @@ var T = "SwitchThumb", g = u.forwardRef(
75
75
  }
76
76
  );
77
77
  g.displayName = T;
78
- var D = "SwitchBubbleInput", E = u.forwardRef(
78
+ var F = "SwitchBubbleInput", E = u.forwardRef(
79
79
  ({
80
80
  __scopeSwitch: e,
81
81
  control: c,
@@ -83,7 +83,7 @@ var D = "SwitchBubbleInput", E = u.forwardRef(
83
83
  bubbles: o = !0,
84
84
  ...s
85
85
  }, h) => {
86
- const a = u.useRef(null), r = R(a, h), i = z(t), f = q(c);
86
+ const a = u.useRef(null), r = R(a, h), i = z(t), f = A(c);
87
87
  return u.useEffect(() => {
88
88
  const d = a.current;
89
89
  if (!d) return;
@@ -116,13 +116,13 @@ var D = "SwitchBubbleInput", E = u.forwardRef(
116
116
  );
117
117
  }
118
118
  );
119
- E.displayName = D;
119
+ E.displayName = F;
120
120
  function B(e) {
121
121
  return e ? "checked" : "unchecked";
122
122
  }
123
- var F = P, W = g;
124
- const X = "cfxui__Switch__switchUnset__c8b03", G = "cfxui__Switch__switchRoot__f2911", J = "cfxui__Switch__primary__2653f", K = "cfxui__Switch__secondary__7f1cf", Q = "cfxui__Switch__alternative__33f60", V = "cfxui__Switch__switchThumb__9cbf5", n = {
125
- switchUnset: X,
123
+ var W = P, X = g;
124
+ const $ = "cfxui__Switch__switchUnset__c8b03", G = "cfxui__Switch__switchRoot__f2911", J = "cfxui__Switch__primary__2653f", K = "cfxui__Switch__secondary__7f1cf", Q = "cfxui__Switch__alternative__33f60", V = "cfxui__Switch__switchThumb__9cbf5", n = {
125
+ switchUnset: $,
126
126
  switchRoot: G,
127
127
  primary: J,
128
128
  secondary: K,
@@ -146,7 +146,7 @@ function tt(e) {
146
146
  checked: a,
147
147
  ...r
148
148
  } = e, i = Y(c, o, s), f = Z(t, o, s);
149
- return /* @__PURE__ */ x(F, { ...r, className: i, children: [
149
+ return /* @__PURE__ */ x(W, { ...r, className: i, children: [
150
150
  h && /* @__PURE__ */ l(
151
151
  "input",
152
152
  {
@@ -155,12 +155,12 @@ function tt(e) {
155
155
  value: a ? "on" : ""
156
156
  }
157
157
  ),
158
- /* @__PURE__ */ l(W, { className: f })
158
+ /* @__PURE__ */ l(X, { className: f })
159
159
  ] });
160
160
  }
161
- const it = M.memo(tt);
161
+ const at = M.memo(tt);
162
162
  export {
163
- it as default,
163
+ at as default,
164
164
  Y as getSwitchClassNames,
165
165
  Z as getSwitchThumbClassNames
166
166
  };
@@ -8,7 +8,7 @@ const _ = "cfxui__TableResponsiveText__root__0e257", f = "cfxui__TableResponsive
8
8
  root: _,
9
9
  text: f
10
10
  };
11
- function p(o) {
11
+ function d(o) {
12
12
  const {
13
13
  title: n,
14
14
  children: r,
@@ -26,7 +26,7 @@ function p(o) {
26
26
  }
27
27
  ) });
28
28
  }
29
- const y = l.memo(p);
29
+ const y = l.memo(d);
30
30
  export {
31
31
  y as default
32
32
  };
@@ -1,9 +1,9 @@
1
1
  import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
2
  import d from "react";
3
3
  import i from "../Flex/Flex.js";
4
- import { Text as r } from "../Text/Text.js";
4
+ import { Text as l } from "../Text/Text.js";
5
5
  import "../../utils/ui/ui.js";
6
- import { Tabular as l } from "./Tabular.js";
6
+ import { Tabular as r } from "./Tabular.js";
7
7
  const c = [
8
8
  {
9
9
  id: "item1",
@@ -37,9 +37,9 @@ function o() {
37
37
  const [a, m] = d.useState("item1");
38
38
  return /* @__PURE__ */ t(i, { gap: "large", vertical: !0, children: [
39
39
  /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
40
- /* @__PURE__ */ e(r, { children: "Default" }),
40
+ /* @__PURE__ */ e(l, { children: "Default" }),
41
41
  /* @__PURE__ */ e(
42
- l,
42
+ r,
43
43
  {
44
44
  items: c,
45
45
  activeItem: a,
@@ -48,9 +48,9 @@ function o() {
48
48
  )
49
49
  ] }),
50
50
  /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
51
- /* @__PURE__ */ e(r, { children: "Size small" }),
51
+ /* @__PURE__ */ e(l, { children: "Size small" }),
52
52
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
53
- l,
53
+ r,
54
54
  {
55
55
  size: "small",
56
56
  items: c,
@@ -60,9 +60,9 @@ function o() {
60
60
  ) })
61
61
  ] }),
62
62
  /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
63
- /* @__PURE__ */ e(r, { children: "Size medium" }),
63
+ /* @__PURE__ */ e(l, { children: "Size medium" }),
64
64
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
65
- l,
65
+ r,
66
66
  {
67
67
  size: "medium",
68
68
  items: c,
@@ -72,9 +72,9 @@ function o() {
72
72
  ) })
73
73
  ] }),
74
74
  /* @__PURE__ */ t(i, { gap: "medium", vertical: !0, children: [
75
- /* @__PURE__ */ e(r, { children: "Size large" }),
75
+ /* @__PURE__ */ e(l, { children: "Size large" }),
76
76
  /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
77
- l,
77
+ r,
78
78
  {
79
79
  size: "large",
80
80
  items: c,
@@ -85,7 +85,7 @@ function o() {
85
85
  ] })
86
86
  ] });
87
87
  }
88
- const I = d.memo(o);
88
+ const p = d.memo(o);
89
89
  export {
90
- I as default
90
+ p as default
91
91
  };
@@ -1,14 +1,14 @@
1
- import { jsx as h, jsxs as C, Fragment as M } from "react/jsx-runtime";
2
- import s from "react";
3
- import { clsx as O } from "../../utils/clsx.js";
1
+ import { jsx as b, jsxs as O, Fragment as R } from "react/jsx-runtime";
2
+ import a from "react";
3
+ import { clsx as L } from "../../utils/clsx.js";
4
4
  import "../../utils/hooks/useGlobalKeyboardEvent.js";
5
5
  import "../../utils/hooks/useKeyboardClose.js";
6
- import { useOutlet as y } from "../../utils/hooks/useOutlet.js";
7
- import { mergeRefs as N } from "../../utils/mergeRefs.js";
8
- const $ = "cfxui__Title__wrapper__ec63b", A = "cfxui__Title__appearance__9b5a4", F = "cfxui__Title__animated__151a8", I = "cfxui__Title__root__0f286", S = "cfxui__Title__shortcut__85352", p = {
9
- wrapper: $,
10
- appearance: A,
11
- animated: F,
6
+ import { useOutlet as S } from "../../utils/hooks/useOutlet.js";
7
+ import { mergeRefs as k } from "../../utils/mergeRefs.js";
8
+ const N = "cfxui__Title__wrapper__ec63b", $ = "cfxui__Title__appearance__9b5a4", A = "cfxui__Title__animated__151a8", F = "cfxui__Title__root__0f286", I = "cfxui__Title__shortcut__85352", x = {
9
+ wrapper: N,
10
+ appearance: $,
11
+ animated: A,
12
12
  "fixed-on-top": "cfxui__Title__fixed-on-top__100f6",
13
13
  "fixed-on-top-left": "cfxui__Title__fixed-on-top-left__ec383",
14
14
  "fixed-on-bottom": "cfxui__Title__fixed-on-bottom__a00c2",
@@ -16,112 +16,116 @@ const $ = "cfxui__Title__wrapper__ec63b", A = "cfxui__Title__appearance__9b5a4",
16
16
  "fixed-on-bottom-right": "cfxui__Title__fixed-on-bottom-right__58fb5",
17
17
  "fixed-on-left": "cfxui__Title__fixed-on-left__01d9d",
18
18
  "fixed-on-right": "cfxui__Title__fixed-on-right__2c799",
19
- root: I,
20
- shortcut: S
19
+ root: F,
20
+ shortcut: I
21
21
  }, _ = 10, j = "title-outlet";
22
- function D(l, f, [e, o]) {
23
- const r = l ? o : o - 20, n = l ? e : e + 16;
22
+ function D(n, c) {
23
+ var o;
24
+ return typeof n.computedStyleMap == "function" ? ((o = n.computedStyleMap().get(c)) == null ? void 0 : o.toString()) || "" : window.getComputedStyle(n).getPropertyValue(c) || "";
25
+ }
26
+ function G(n, c, [o, r]) {
27
+ const e = n ? r : r - 20, s = n ? o : o + 16;
24
28
  return {
25
- top: `${r}px`,
26
- left: `${n}px`,
27
- maxWidth: `calc(100vw - ${n}px - 10px)`,
28
- animationDelay: `${f}ms`
29
+ top: `${e}px`,
30
+ left: `${s}px`,
31
+ maxWidth: `calc(100vw - ${s}px - 10px)`,
32
+ animationDelay: `${c}ms`
29
33
  };
30
34
  }
31
- function G(l, f) {
32
- const {
33
- x: e,
34
- y: o,
35
- width: r,
36
- height: n
37
- } = l.getBoundingClientRect();
38
- let i = 0, t = 0;
39
- switch (f) {
35
+ function X(n, c) {
36
+ const o = D(n, "display") === "contents" ? n.children[0] : n, {
37
+ x: r,
38
+ y: e,
39
+ width: s,
40
+ height: u
41
+ } = o.getBoundingClientRect();
42
+ let t = 0, i = 0;
43
+ switch (c) {
40
44
  case "top":
41
- i = e + r / 2, t = o - _;
45
+ t = r + s / 2, i = e - _;
42
46
  break;
43
47
  case "top-left":
44
- i = e, t = o - _;
48
+ t = r, i = e - _;
45
49
  break;
46
50
  case "bottom":
47
- i = e + r / 2, t = o + n + _;
51
+ t = r + s / 2, i = e + u + _;
48
52
  break;
49
53
  case "bottom-left":
50
- i = e, t = o + n + _;
54
+ t = r, i = e + u + _;
51
55
  break;
52
56
  case "bottom-right":
53
- i = e + r, t = o + n + _;
57
+ t = r + s, i = e + u + _;
54
58
  break;
55
59
  case "left":
56
- i = e - _, t = o + n / 2;
60
+ t = r - _, i = e + u / 2;
57
61
  break;
58
62
  case "right":
59
- i = e + r + _, t = o + n / 2;
63
+ t = r + s + _, i = e + u / 2;
60
64
  break;
61
65
  }
62
- return [i, t];
66
+ return [t, i];
63
67
  }
64
- function H(l) {
68
+ function z(n) {
65
69
  const {
66
- title: f,
67
- children: e,
68
- animated: o = !0,
69
- fixedOn: r = "bottom",
70
- delay: n = 0,
71
- className: i = "",
70
+ title: c,
71
+ children: o,
72
+ animated: r = !0,
73
+ fixedOn: e = "bottom",
74
+ delay: s = 0,
75
+ className: u = "",
72
76
  suppressMouseActivation: t = !1,
73
- active: b = !1,
77
+ active: i = !1,
74
78
  rootClassName: v = ""
75
- } = l, m = s.useRef(r), d = s.useRef([0, 0]);
76
- m.current = r;
77
- const T = y(j), a = s.useRef(null), [E, x] = s.useState(!1);
78
- s.useEffect(() => {
79
- t && x(b);
80
- }, [b, t]), s.useEffect(() => {
81
- if (!a.current)
79
+ } = n, m = a.useRef(e), p = a.useRef([0, 0]);
80
+ m.current = e;
81
+ const T = S(j), l = a.useRef(null), [g, h] = a.useState(!1);
82
+ a.useEffect(() => {
83
+ t && h(i);
84
+ }, [i, t]), a.useEffect(() => {
85
+ if (!l.current)
82
86
  return;
83
- const c = a.current, g = (u) => {
84
- m.current && a.current ? d.current = G(a.current, m.current) : d.current = [u.clientX, u.clientY], t || x(!0);
85
- }, L = () => {
86
- t || x(!1);
87
- }, w = (u) => {
88
- m.current || (d.current = [u.clientX, u.clientY]);
87
+ const f = l.current, E = (d) => {
88
+ m.current && l.current ? p.current = X(l.current, m.current) : p.current = [d.clientX, d.clientY], t || h(!0);
89
+ }, y = () => {
90
+ t || h(!1);
91
+ }, w = (d) => {
92
+ m.current || (p.current = [d.clientX, d.clientY]);
89
93
  };
90
- return c.addEventListener("mouseenter", g), c.addEventListener("mouseleave", L), c.addEventListener("mousemove", w), () => {
91
- c && (c.removeEventListener("mouseenter", g), c.removeEventListener("mouseleave", L), c.removeEventListener("mousemove", w));
94
+ return f.addEventListener("mouseenter", E), f.addEventListener("mouseleave", y), f.addEventListener("mousemove", w), () => {
95
+ f && (f.removeEventListener("mouseenter", E), f.removeEventListener("mouseleave", y), f.removeEventListener("mousemove", w));
92
96
  };
93
97
  }, [t]);
94
- const R = s.useMemo(() => {
95
- if (!E || !f)
98
+ const M = a.useMemo(() => {
99
+ if (!g || !c)
96
100
  return null;
97
- const c = O(
98
- p.wrapper,
99
- p[`fixed-on-${r}`],
101
+ const f = L(
102
+ x.wrapper,
103
+ x[`fixed-on-${e}`],
100
104
  {
101
- [p.animated]: o
105
+ [x.animated]: r
102
106
  },
103
- i
107
+ u
104
108
  );
105
- return /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h(
109
+ return /* @__PURE__ */ b(T, { children: /* @__PURE__ */ b(
106
110
  "div",
107
111
  {
108
- className: c,
109
- style: D(!!r, n, d.current),
110
- children: /* @__PURE__ */ h("div", { className: O(p.root, v), children: f })
112
+ className: f,
113
+ style: G(!!e, s, p.current),
114
+ children: /* @__PURE__ */ b("div", { className: L(x.root, v), children: c })
111
115
  }
112
116
  ) });
113
- }, [E, f, r, o, T, n, i, v]), k = s.useMemo(
114
- () => typeof e == "function" ? e(a) : s.cloneElement(e, { ref: N(a, e.props.ref) }),
115
- [e, a]
117
+ }, [g, c, e, r, T, s, u, v]), C = a.useMemo(
118
+ () => typeof o == "function" ? o(l) : a.cloneElement(o, { ref: k(l, o.props.ref) }),
119
+ [o, l]
116
120
  );
117
- return /* @__PURE__ */ C(M, { children: [
118
- k,
119
- R
121
+ return /* @__PURE__ */ O(R, { children: [
122
+ C,
123
+ M
120
124
  ] });
121
125
  }
122
126
  export {
123
127
  j as TITLE_OUTLET_ID,
124
- H as Title,
125
- G as titleGetCoords,
126
- D as titleGetCssStyle
128
+ z as Title,
129
+ X as titleGetCoords,
130
+ G as titleGetCssStyle
127
131
  };
@@ -1,6 +1,6 @@
1
1
  import * as c from "react";
2
2
  import { jsx as y } from "react/jsx-runtime";
3
- import { r as w } from "./index-Cl_RnsqN.js";
3
+ import { r as w } from "./index-CUyjBl1Y.js";
4
4
  function v(t, n) {
5
5
  if (typeof t == "function")
6
6
  return t(n);
@@ -227,10 +227,10 @@ function M(t, n) {
227
227
  }
228
228
  export {
229
229
  F as P,
230
- k as a,
231
- j as b,
232
- B as c,
233
- T as d,
230
+ j as a,
231
+ T as b,
232
+ k as c,
233
+ B as d,
234
234
  x as e,
235
235
  z as f,
236
236
  M as g,
@@ -0,0 +1,20 @@
1
+ import o from "./components/Logos/fivem/CompositeLogo.js";
2
+ import t from "./components/Logos/fivem/Icon.js";
3
+ import r from "./components/Logos/fivem/Logo.js";
4
+ import e from "./components/Logos/fivem/LockupLandscape.js";
5
+ import m from "./components/Logos/fivem/LockupPortrait.js";
6
+ import p from "./components/Logos/fivem/Wordmark.js";
7
+ import a from "./components/Logos/fivem/WhiteLogo.js";
8
+ const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
9
+ __proto__: null,
10
+ CompositeLogo: o,
11
+ Icon: t,
12
+ LockupLandscape: e,
13
+ LockupPortrait: m,
14
+ Logo: r,
15
+ WhiteLogo: a,
16
+ Wordmark: p
17
+ }, Symbol.toStringTag, { value: "Module" }));
18
+ export {
19
+ _ as F
20
+ };
@@ -1,10 +1,10 @@
1
1
  import o from "./components/Logos/patreon/Icon.js";
2
2
  import r from "./components/Logos/patreon/Wordmark.js";
3
- const m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3
+ const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
4
4
  __proto__: null,
5
5
  Icon: o,
6
6
  Wordmark: r
7
7
  }, Symbol.toStringTag, { value: "Module" }));
8
8
  export {
9
- m as P
9
+ a as P
10
10
  };
@@ -2,7 +2,7 @@ import o from "./components/Logos/cfx/CompositeLogo.js";
2
2
  import r from "./components/Logos/cfx/Icon.js";
3
3
  import t from "./components/Logos/cfx/Logo.js";
4
4
  import e from "./components/Logos/cfx/Wordmark.js";
5
- const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
5
+ const p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
6
6
  __proto__: null,
7
7
  CompositeLogo: o,
8
8
  Icon: r,
@@ -10,5 +10,5 @@ const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
10
10
  Wordmark: e
11
11
  }, Symbol.toStringTag, { value: "Module" }));
12
12
  export {
13
- l as C
13
+ p as C
14
14
  };
@@ -1,8 +1,8 @@
1
1
  import * as A from "react";
2
2
  import r from "react";
3
- import { c as D, b as S, f as M } from "./index-CfQtbUfi.js";
3
+ import { d as D, a as S, f as M } from "./index-8cuIcSMB.js";
4
4
  import { jsx as d } from "react/jsx-runtime";
5
- function g(l) {
5
+ function h(l) {
6
6
  const i = l + "CollectionProvider", [N, _] = D(i), [v, f] = N(
7
7
  i,
8
8
  { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -43,11 +43,11 @@ function g(l) {
43
43
  ];
44
44
  }
45
45
  var P = A.createContext(void 0);
46
- function h(l) {
46
+ function b(l) {
47
47
  const i = A.useContext(P);
48
48
  return l || i || "ltr";
49
49
  }
50
50
  export {
51
- g as c,
52
- h as u
51
+ h as c,
52
+ b as u
53
53
  };
@@ -141,7 +141,7 @@ function D() {
141
141
  return y.H.useFormState(n, r, a);
142
142
  }, c.useFormStatus = function() {
143
143
  return y.H.useHostTransitionStatus();
144
- }, c.version = "19.1.0", c;
144
+ }, c.version = "19.2.4", c;
145
145
  }
146
146
  var s = {};
147
147
  /**
@@ -363,7 +363,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
363
363
  return y().useFormState(t, e, i);
364
364
  }, s.useFormStatus = function() {
365
365
  return y().useHostTransitionStatus();
366
- }, s.version = "19.1.0", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
366
+ }, s.version = "19.2.4", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
367
367
  }()), s;
368
368
  }
369
369
  function T() {
@@ -0,0 +1,20 @@
1
+ import o from "./components/Logos/redm/CompositeLogo.js";
2
+ import t from "./components/Logos/redm/Icon.js";
3
+ import r from "./components/Logos/redm/Logo.js";
4
+ import e from "./components/Logos/redm/LockupLandscape.js";
5
+ import m from "./components/Logos/redm/LockupPortrait.js";
6
+ import p from "./components/Logos/redm/Wordmark.js";
7
+ import a from "./components/Logos/redm/WhiteLogo.js";
8
+ const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
9
+ __proto__: null,
10
+ CompositeLogo: o,
11
+ Icon: t,
12
+ LockupLandscape: e,
13
+ LockupPortrait: m,
14
+ Logo: r,
15
+ WhiteLogo: a,
16
+ Wordmark: p
17
+ }, Symbol.toStringTag, { value: "Module" }));
18
+ export {
19
+ _ as R
20
+ };