@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,8 +1,8 @@
1
1
  import o from "./components/Logos/discord/Icon.js";
2
- const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2
+ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3
3
  __proto__: null,
4
4
  Icon: o
5
5
  }, Symbol.toStringTag, { value: "Module" }));
6
6
  export {
7
- r as D
7
+ t as D
8
8
  };
@@ -1,7 +1,7 @@
1
1
  import * as d from "react";
2
2
  import { c as $ } from "./index-rKs9bXHr.js";
3
- import { u as ce, c as le, a as C, P as B, b as M, d as de } from "./index-CfQtbUfi.js";
4
- import { c as ue, u as fe } from "./index-9LBuZ7x4.js";
3
+ import { u as ce, c as C, P as B, a as M, b as le, d as de } from "./index-8cuIcSMB.js";
4
+ import { c as ue, u as fe } from "./index-BzirdFxK.js";
5
5
  import { u as me } from "./index-BZPx6jYI.js";
6
6
  import { jsx as v, jsxs as pe } from "react/jsx-runtime";
7
7
  var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
@@ -9,7 +9,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
9
9
  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
10
10
  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
11
11
  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
12
- }, I = "Slider", [z, he, Se] = ue(I), [W, Ke] = le(I, [
12
+ }, I = "Slider", [z, he, Se] = ue(I), [W] = de(I, [
13
13
  Se
14
14
  ]), [ge, K] = W(I), q = d.forwardRef(
15
15
  (e, t) => {
@@ -301,7 +301,7 @@ var O = "SliderThumb", oe = d.forwardRef(
301
301
  }
302
302
  ), be = d.forwardRef(
303
303
  (e, t) => {
304
- const { __scopeSlider: o, index: n, name: a, ...c } = e, r = K(O, o), s = Q(O, o), [l, h] = d.useState(null), S = M(t, (D) => h(D)), i = l ? r.form || !!l.closest("form") : !0, u = de(l), w = r.values[n], P = w === void 0 ? 0 : ie(w, r.min, r.max), g = xe(n, r.values.length), m = u == null ? void 0 : u[s.size], f = m ? De(m, P, s.direction) : 0;
304
+ const { __scopeSlider: o, index: n, name: a, ...c } = e, r = K(O, o), s = Q(O, o), [l, h] = d.useState(null), S = M(t, (D) => h(D)), i = l ? r.form || !!l.closest("form") : !0, u = le(l), w = r.values[n], P = w === void 0 ? 0 : ie(w, r.min, r.max), g = xe(n, r.values.length), m = u == null ? void 0 : u[s.size], f = m ? De(m, P, s.direction) : 0;
305
305
  return d.useEffect(() => {
306
306
  if (l)
307
307
  return r.thumbs.add(l), () => {
@@ -418,10 +418,10 @@ function Me(e, t) {
418
418
  const o = Math.pow(10, t);
419
419
  return Math.round(e * o) / o;
420
420
  }
421
- var ke = q, He = te, Ne = ne, ze = oe;
421
+ var Ke = q, ke = te, He = ne, Ne = oe;
422
422
  export {
423
- ke as R,
424
- He as T,
425
- Ne as a,
426
- ze as b
423
+ Ke as R,
424
+ ke as T,
425
+ He as a,
426
+ Ne as b
427
427
  };
@@ -1,8 +1,8 @@
1
1
  import e from "./components/Logos/qbcore/Icon.js";
2
- const r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2
+ const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3
3
  __proto__: null,
4
4
  Icon: e
5
5
  }, Symbol.toStringTag, { value: "Module" }));
6
6
  export {
7
- r as Q
7
+ t as Q
8
8
  };
@@ -1,5 +1,5 @@
1
1
  import * as a from "react";
2
- import { b as T, e as A } from "./index-CfQtbUfi.js";
2
+ import { a as T, e as A } from "./index-8cuIcSMB.js";
3
3
  function E(n, e) {
4
4
  return a.useReducer((r, t) => e[r][t] ?? r, n);
5
5
  }
@@ -35,7 +35,7 @@ function P(n) {
35
35
  if (e) {
36
36
  let i;
37
37
  const m = e.ownerDocument.defaultView ?? window, d = (u) => {
38
- const g = l(t.current).includes(u.animationName);
38
+ const g = l(t.current).includes(CSS.escape(u.animationName));
39
39
  if (u.target === e && g && (s("ANIMATION_END"), !o.current)) {
40
40
  const O = e.style.animationFillMode;
41
41
  e.style.animationFillMode = "forwards", i = m.setTimeout(() => {
@@ -1,10 +1,10 @@
1
1
  import o from "./components/Logos/tebex/Icon.js";
2
2
  import e from "./components/Logos/tebex/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: e
7
7
  }, Symbol.toStringTag, { value: "Module" }));
8
8
  export {
9
- m as T
9
+ a as T
10
10
  };
package/dist/main.d.ts CHANGED
@@ -2,6 +2,13 @@ export { mergeRefs } from './utils/mergeRefs';
2
2
  export { clsx } from './utils/clsx';
3
3
  export { getValue } from './utils/getValue';
4
4
  export type { ValueOrGetter } from './utils/getValue';
5
+ export { AnalyticsContext, AnalyticsProvider, useAnalytics, useSiteLinkClick, } from './utils/contexts/AnalyticsContext';
6
+ export { MediaQueryContext, MediaQueryContextProvider, useMediaQuery, } from './utils/contexts/MediaQueryContext';
7
+ export type { MediaQueryContextValueType } from './utils/contexts/MediaQueryContext';
8
+ export { createStoreContext } from './utils/contexts/StoreContext';
9
+ export type { StoreContextValueType, StoreSpliceType, } from './utils/contexts/StoreContext';
10
+ export { formatBytes } from './utils/formatBytes';
11
+ export { truncateWithEllipsis } from './utils/truncateWithEllipsis';
5
12
  export { useInstance, useDynamicRef, useGlobalKeyboardEvent, useKeyboardClose, useWindowResize, useOutlet, usePopoverController, useClipboardComponent, CLIPBOARD_TITLE_APPEARANCE, } from './utils/hooks';
6
13
  export type { OutletPosition, UseClipboardProps, } from './utils/hooks';
7
14
  export { formatDate, formatLocaleDate, formatShortDate, } from './utils/formatDate';
@@ -39,10 +46,12 @@ export { BackdropPortal, BACKDROP_OUTLET_ID } from './components/BackdropPortal'
39
46
  export type { BackdropPortalProps } from './components/BackdropPortal';
40
47
  export { Badge } from './components/Badge';
41
48
  export type { BadgeProps, BadgeColor, BadgeSize, } from './components/Badge';
49
+ export { Carousel } from './components/Carousel';
50
+ export { CarouselControls } from './components/Carousel';
51
+ export type { CarouselItemData } from './components/Carousel';
52
+ export type { CarouselProps } from './components/Carousel';
42
53
  export { ControlBox } from './components/ControlBox';
43
54
  export type { ControlBoxProps } from './components/ControlBox';
44
- export { CountryFlag } from './components/CountryFlag';
45
- export type { CountryFlagProps } from './components/CountryFlag';
46
55
  export { Decorate } from './components/Decorate';
47
56
  export type { DecorateProps } from './components/Decorate';
48
57
  export { Dot } from './components/Dot';