@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.
- package/dist/CarouselControls-CJ3tupLr.js +41 -0
- package/dist/Combination-BNueeiCk.js +2227 -0
- package/dist/{Combination-N-vN9BB-.js → Combination-DFRGuWx2.js} +50 -48
- package/dist/{DropdownContent-BTzahw95.js → DropdownContent-DCqFWnzj.js} +10 -10
- package/dist/assets/all_css.css +2 -1
- package/dist/assets/css/Button.css +1 -1
- package/dist/assets/css/CarouselControls.css +1 -0
- package/dist/assets/css/CarouselItem.css +1 -0
- package/dist/assets/css/RangeInput.css +1 -1
- package/dist/assets/css/Text.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/assets/general/themes.css +1 -1
- package/dist/cfxIcons-YyDWNxmM.js +110 -0
- package/dist/cfxIconsXLarge-Dw37ZSw2.js +110 -0
- package/dist/components/Accordion/AccordionShowcase.js +2 -2
- package/dist/components/Badge/BadgeShowcase.js +3 -3
- package/dist/components/BurgerMenu/BurgerMenuShowcase.js +4 -4
- package/dist/components/Carousel/Carousel.d.ts +24 -0
- package/dist/components/Carousel/Carousel.js +125 -0
- package/dist/components/Carousel/Carousel.types.d.ts +41 -0
- package/dist/components/Carousel/Carousel.types.js +1 -0
- package/dist/components/Carousel/CarouselControls.d.ts +8 -0
- package/dist/components/Carousel/CarouselControls.js +8 -0
- package/dist/components/Carousel/CarouselItem.d.ts +11 -0
- package/dist/components/Carousel/CarouselItem.js +85 -0
- package/dist/components/Carousel/CarouselShowcase.d.ts +6 -0
- package/dist/components/Carousel/CarouselShowcase.js +177 -0
- package/dist/components/Carousel/index.d.ts +4 -0
- package/dist/components/Carousel/index.js +6 -0
- package/dist/components/Carousel/playIcon.d.ts +6 -0
- package/dist/components/Carousel/playIcon.js +25 -0
- package/dist/components/Checkbox/Checkbox.js +7 -7
- package/dist/components/Checkbox/CheckboxShowcase.js +5 -5
- package/dist/components/ClipboardButton/ClipboardButton.js +9 -9
- package/dist/components/ControlBox/ControlBox.js +10 -10
- package/dist/components/Decorate/Decorate.js +5 -5
- package/dist/components/DropdownContent/DropdownContent.js +1 -1
- package/dist/components/DropdownContent/index.js +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +12 -12
- package/dist/components/DropdownSelect/DropdownSelect.js +1 -1
- package/dist/components/DropdownSelect/DropdownSelectShowcase.js +4 -4
- package/dist/components/Flex/FlexShowcase.js +4 -4
- package/dist/components/Flyout/Flyout.js +1 -1
- package/dist/components/Flyout/FlyoutShowcase.js +3 -3
- package/dist/components/FormField/FormFieldShowcase.js +1 -1
- package/dist/components/Icon/Icon.js +2 -2
- package/dist/components/Icons/IconsShowcase.js +1 -1
- package/dist/components/Icons/cfx-icons/Close.js +2 -2
- package/dist/components/Icons/cfx-icons/Copy.js +3 -3
- package/dist/components/Icons/cfx-icons/DownChevron.js +2 -2
- package/dist/components/Icons/cfx-icons/Filter.js +6 -6
- package/dist/components/Icons/cfx-icons/Heart.js +2 -2
- package/dist/components/Icons/cfx-icons/HeartFilled.js +2 -2
- package/dist/components/Icons/cfx-icons/LeftArrow.js +2 -2
- package/dist/components/Icons/cfx-icons/LeftChevron.js +2 -2
- package/dist/components/Icons/cfx-icons/MoreInfo.js +4 -4
- package/dist/components/Icons/cfx-icons/Play.js +5 -5
- package/dist/components/Icons/cfx-icons/Plus.js +2 -2
- package/dist/components/Icons/cfx-icons/Refresh.js +3 -3
- package/dist/components/Icons/cfx-icons/Search.js +2 -2
- package/dist/components/Icons/cfx-icons/ServerList.js +2 -2
- package/dist/components/Icons/cfx-icons/ServerReconnect.js +7 -7
- package/dist/components/Icons/cfx-icons/Square.js +3 -3
- package/dist/components/Icons/cfx-icons/SquareFilled.js +7 -7
- package/dist/components/Icons/cfx-icons/Trash.js +2 -2
- package/dist/components/Icons/cfx-icons/Undo.js +3 -3
- package/dist/components/Icons/cfx-icons/User.js +5 -5
- package/dist/components/Icons/cfx-icons/Users.js +3 -3
- package/dist/components/Icons/cfx-icons/Verified.js +4 -4
- package/dist/components/Icons/cfx-icons/Warning.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Close.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Copy.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/DownChevron.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Filter.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Heart.js +5 -5
- package/dist/components/Icons/cfx-iconsXLarge/HeartFilled.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/LeftArrow.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/LeftChevron.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/MoreInfo.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/Play.js +5 -5
- package/dist/components/Icons/cfx-iconsXLarge/Plus.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Refresh.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/Search.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/ServerList.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/ServerReconnect.js +7 -7
- package/dist/components/Icons/cfx-iconsXLarge/Square.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/SquareFilled.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/Trash.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Undo.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/User.js +5 -5
- package/dist/components/Icons/cfx-iconsXLarge/Users.js +3 -3
- package/dist/components/Icons/cfx-iconsXLarge/Verified.js +4 -4
- package/dist/components/Icons/cfx-iconsXLarge/VisibilityOff.js +2 -2
- package/dist/components/Icons/cfx-iconsXLarge/Warning.js +2 -2
- package/dist/components/Icons/index.js +2 -2
- package/dist/components/InfoPanel/InfoPanelShowcase.js +9 -9
- package/dist/components/Input/InputShowcase.js +19 -19
- package/dist/components/Input/RichInput.js +1 -1
- package/dist/components/InputDropzone/InputDropzone.js +340 -304
- package/dist/components/Link/LinkShowcase.js +5 -5
- package/dist/components/Logos/LogosShowcase.js +2 -2
- package/dist/components/Logos/cfx/Icon.js +7 -7
- package/dist/components/Logos/cfx/Logo.js +3 -3
- package/dist/components/Logos/cfx/Wordmark.js +2 -2
- package/dist/components/Logos/discord/Icon.js +5 -5
- package/dist/components/Logos/fivem/Icon.js +2 -2
- package/dist/components/Logos/fivem/WhiteLogo.js +2 -2
- package/dist/components/Logos/github/Icon.js +7 -7
- package/dist/components/Logos/google/Icon.js +6 -6
- package/dist/components/Logos/google/Wordmark.js +3 -3
- package/dist/components/Logos/index.js +7 -7
- package/dist/components/Logos/patreon/Icon.js +7 -7
- package/dist/components/Logos/patreon/Wordmark.js +5 -5
- package/dist/components/Logos/redm/CompositeLogo.js +2 -2
- package/dist/components/Logos/rockstar/Icon.js +2 -2
- package/dist/components/Logos/tebex/Icon.js +7 -7
- package/dist/components/Logos/tebex/Wordmark.js +2 -2
- package/dist/components/Logos/x/Icon.js +3 -3
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/ModalShowcase.js +3 -3
- package/dist/components/OnScreenSensor.js +1 -1
- package/dist/components/Overlay/Overlay.js +1 -1
- package/dist/components/Popover/PopoverShowcase.js +6 -6
- package/dist/components/Prose/Prose.js +3 -3
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Scrollable/ScrollableShowcase.js +2 -2
- package/dist/components/Select/Select.js +109 -109
- package/dist/components/Select/SelectShowcase.js +21 -21
- package/dist/components/Skeleton/SkeletonShowcase.js +4 -4
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +14 -14
- package/dist/components/TableResponsiveText/TableResponsiveText.js +2 -2
- package/dist/components/Tabular/TabularShowcase.js +12 -12
- package/dist/components/Title/Title.js +81 -77
- package/dist/{index-CfQtbUfi.js → index-8cuIcSMB.js} +5 -5
- package/dist/index-BcJ929FX.js +20 -0
- package/dist/{index-kbBuAY0m.js → index-BcnrbBqR.js} +2 -2
- package/dist/{index-BgyFvlVL.js → index-Bg26abkD.js} +2 -2
- package/dist/{index-9LBuZ7x4.js → index-BzirdFxK.js} +5 -5
- package/dist/{index-Cl_RnsqN.js → index-CUyjBl1Y.js} +2 -2
- package/dist/index-CZVyC53C.js +20 -0
- package/dist/{index-DwfZyjnS.js → index-CaQzR2YA.js} +2 -2
- package/dist/{index-D5SMGei3.js → index-CzUzkeQx.js} +9 -9
- package/dist/{index-Cy4ZbWBL.js → index-DqqOUOlj.js} +2 -2
- package/dist/{index-3ctv5u9o.js → index-DwdZ_SPo.js} +2 -2
- package/dist/{index-Bj7QGXdt.js → index-DxFgF-nY.js} +2 -2
- package/dist/main.d.ts +11 -2
- package/dist/main.js +279 -257
- package/dist/utils/contexts/AnalyticsContext/AnalyticsContext.d.ts +12 -0
- package/dist/utils/contexts/AnalyticsContext/AnalyticsContext.js +9 -0
- package/dist/utils/contexts/AnalyticsContext/AnalyticsProvider.d.ts +9 -0
- package/dist/utils/contexts/AnalyticsContext/AnalyticsProvider.js +33 -0
- package/dist/utils/contexts/AnalyticsContext/index.d.ts +6 -0
- package/dist/utils/contexts/AnalyticsContext/index.js +10 -0
- package/dist/utils/contexts/AnalyticsContext/useAnalytics.d.ts +1 -0
- package/dist/utils/contexts/AnalyticsContext/useAnalytics.js +8 -0
- package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.d.ts +7 -0
- package/dist/utils/contexts/AnalyticsContext/useSiteLinkClick.js +22 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.d.ts +11 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContext.js +11 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.d.ts +6 -0
- package/dist/utils/contexts/MediaQueryContext/MediaQueryContextProvider.js +38 -0
- package/dist/utils/contexts/MediaQueryContext/index.d.ts +4 -0
- package/dist/utils/contexts/MediaQueryContext/index.js +8 -0
- package/dist/utils/contexts/MediaQueryContext/useMediaQuery.d.ts +2 -0
- package/dist/utils/contexts/MediaQueryContext/useMediaQuery.js +8 -0
- package/dist/utils/contexts/StoreContext/StoreContext.d.ts +15 -0
- package/dist/utils/contexts/StoreContext/StoreContext.js +21 -0
- package/dist/utils/contexts/StoreContext/index.d.ts +2 -0
- package/dist/utils/contexts/StoreContext/index.js +4 -0
- package/dist/utils/formatBytes.d.ts +1 -0
- package/dist/utils/formatBytes.js +12 -0
- package/dist/utils/hooks/useCarousel.d.ts +11 -0
- package/dist/utils/hooks/useCarousel.js +1276 -0
- package/dist/utils/hooks/useOutlet.js +1 -1
- package/dist/utils/truncateWithEllipsis.d.ts +1 -0
- package/dist/utils/truncateWithEllipsis.js +6 -0
- package/package.json +2 -1
- package/dist/Combination-CcTTSYNP.js +0 -2209
- package/dist/assets/css/CountryFlag.css +0 -1
- package/dist/cfxIcons-0xD_EEXT.js +0 -110
- package/dist/cfxIconsXLarge-D0vz6Yd_.js +0 -110
- package/dist/components/CountryFlag/CountryFlag.d.ts +0 -12
- package/dist/components/CountryFlag/CountryFlag.js +0 -25
- package/dist/components/CountryFlag/index.d.ts +0 -2
- package/dist/components/CountryFlag/index.js +0 -4
- package/dist/index-B_NGoq0d.js +0 -20
- 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
|
|
2
|
+
import c from "react";
|
|
3
3
|
import a from "../Flex/Flex.js";
|
|
4
|
-
import { Text as
|
|
4
|
+
import { Text as t } from "../Text/Text.js";
|
|
5
5
|
import "../../utils/ui/ui.js";
|
|
6
|
-
import { Select as
|
|
7
|
-
const
|
|
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 [
|
|
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(
|
|
45
|
+
/* @__PURE__ */ e(t, { children: "Default" }),
|
|
46
46
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
47
|
-
|
|
47
|
+
u,
|
|
48
48
|
{
|
|
49
|
-
value:
|
|
49
|
+
value: d,
|
|
50
50
|
onChange: r,
|
|
51
|
-
options:
|
|
51
|
+
options: i
|
|
52
52
|
}
|
|
53
53
|
) })
|
|
54
54
|
] }),
|
|
55
55
|
/* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
|
|
56
|
-
/* @__PURE__ */ e(
|
|
56
|
+
/* @__PURE__ */ e(t, { children: "Placeholder" }),
|
|
57
57
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
58
|
-
|
|
58
|
+
u,
|
|
59
59
|
{
|
|
60
60
|
placeholder: "Placeholder",
|
|
61
61
|
onChange: r,
|
|
62
|
-
options:
|
|
62
|
+
options: i
|
|
63
63
|
}
|
|
64
64
|
) })
|
|
65
65
|
] }),
|
|
66
66
|
/* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
|
|
67
|
-
/* @__PURE__ */ e(
|
|
67
|
+
/* @__PURE__ */ e(t, { children: "Disabled" }),
|
|
68
68
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
69
|
-
|
|
69
|
+
u,
|
|
70
70
|
{
|
|
71
71
|
disabled: !0,
|
|
72
|
-
value:
|
|
72
|
+
value: d,
|
|
73
73
|
onChange: r,
|
|
74
|
-
options:
|
|
74
|
+
options: i
|
|
75
75
|
}
|
|
76
76
|
) })
|
|
77
77
|
] }),
|
|
78
78
|
/* @__PURE__ */ l(a, { gap: "medium", vertical: !0, children: [
|
|
79
|
-
/* @__PURE__ */ e(
|
|
79
|
+
/* @__PURE__ */ e(t, { children: "Full Width" }),
|
|
80
80
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
81
|
-
|
|
81
|
+
u,
|
|
82
82
|
{
|
|
83
83
|
fullWidth: !0,
|
|
84
|
-
value:
|
|
84
|
+
value: d,
|
|
85
85
|
onChange: r,
|
|
86
|
-
options:
|
|
86
|
+
options: i
|
|
87
87
|
}
|
|
88
88
|
) })
|
|
89
89
|
] })
|
|
90
90
|
] });
|
|
91
91
|
}
|
|
92
|
-
const s =
|
|
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
|
|
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), [
|
|
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(
|
|
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(
|
|
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-
|
|
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 {
|
|
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
|
|
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:
|
|
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 =
|
|
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
|
|
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 =
|
|
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 =
|
|
119
|
+
E.displayName = F;
|
|
120
120
|
function B(e) {
|
|
121
121
|
return e ? "checked" : "unchecked";
|
|
122
122
|
}
|
|
123
|
-
var
|
|
124
|
-
const
|
|
125
|
-
switchUnset:
|
|
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(
|
|
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(
|
|
158
|
+
/* @__PURE__ */ l(X, { className: f })
|
|
159
159
|
] });
|
|
160
160
|
}
|
|
161
|
-
const
|
|
161
|
+
const at = M.memo(tt);
|
|
162
162
|
export {
|
|
163
|
-
|
|
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
|
|
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(
|
|
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
|
|
4
|
+
import { Text as l } from "../Text/Text.js";
|
|
5
5
|
import "../../utils/ui/ui.js";
|
|
6
|
-
import { Tabular as
|
|
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(
|
|
40
|
+
/* @__PURE__ */ e(l, { children: "Default" }),
|
|
41
41
|
/* @__PURE__ */ e(
|
|
42
|
-
|
|
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(
|
|
51
|
+
/* @__PURE__ */ e(l, { children: "Size small" }),
|
|
52
52
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
53
|
-
|
|
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(
|
|
63
|
+
/* @__PURE__ */ e(l, { children: "Size medium" }),
|
|
64
64
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
65
|
-
|
|
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(
|
|
75
|
+
/* @__PURE__ */ e(l, { children: "Size large" }),
|
|
76
76
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
77
|
-
|
|
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
|
|
88
|
+
const p = d.memo(o);
|
|
89
89
|
export {
|
|
90
|
-
|
|
90
|
+
p as default
|
|
91
91
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { clsx as
|
|
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
|
|
7
|
-
import { mergeRefs as
|
|
8
|
-
const
|
|
9
|
-
wrapper:
|
|
10
|
-
appearance:
|
|
11
|
-
animated:
|
|
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:
|
|
20
|
-
shortcut:
|
|
19
|
+
root: F,
|
|
20
|
+
shortcut: I
|
|
21
21
|
}, _ = 10, j = "title-outlet";
|
|
22
|
-
function D(
|
|
23
|
-
|
|
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: `${
|
|
26
|
-
left: `${
|
|
27
|
-
maxWidth: `calc(100vw - ${
|
|
28
|
-
animationDelay: `${
|
|
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
|
|
32
|
-
const {
|
|
33
|
-
x:
|
|
34
|
-
y:
|
|
35
|
-
width:
|
|
36
|
-
height:
|
|
37
|
-
} =
|
|
38
|
-
let
|
|
39
|
-
switch (
|
|
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
|
-
|
|
45
|
+
t = r + s / 2, i = e - _;
|
|
42
46
|
break;
|
|
43
47
|
case "top-left":
|
|
44
|
-
|
|
48
|
+
t = r, i = e - _;
|
|
45
49
|
break;
|
|
46
50
|
case "bottom":
|
|
47
|
-
|
|
51
|
+
t = r + s / 2, i = e + u + _;
|
|
48
52
|
break;
|
|
49
53
|
case "bottom-left":
|
|
50
|
-
|
|
54
|
+
t = r, i = e + u + _;
|
|
51
55
|
break;
|
|
52
56
|
case "bottom-right":
|
|
53
|
-
|
|
57
|
+
t = r + s, i = e + u + _;
|
|
54
58
|
break;
|
|
55
59
|
case "left":
|
|
56
|
-
|
|
60
|
+
t = r - _, i = e + u / 2;
|
|
57
61
|
break;
|
|
58
62
|
case "right":
|
|
59
|
-
|
|
63
|
+
t = r + s + _, i = e + u / 2;
|
|
60
64
|
break;
|
|
61
65
|
}
|
|
62
|
-
return [
|
|
66
|
+
return [t, i];
|
|
63
67
|
}
|
|
64
|
-
function
|
|
68
|
+
function z(n) {
|
|
65
69
|
const {
|
|
66
|
-
title:
|
|
67
|
-
children:
|
|
68
|
-
animated:
|
|
69
|
-
fixedOn:
|
|
70
|
-
delay:
|
|
71
|
-
className:
|
|
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:
|
|
77
|
+
active: i = !1,
|
|
74
78
|
rootClassName: v = ""
|
|
75
|
-
} =
|
|
76
|
-
m.current =
|
|
77
|
-
const T =
|
|
78
|
-
|
|
79
|
-
t &&
|
|
80
|
-
}, [
|
|
81
|
-
if (!
|
|
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
|
|
84
|
-
m.current &&
|
|
85
|
-
},
|
|
86
|
-
t ||
|
|
87
|
-
}, w = (
|
|
88
|
-
m.current || (
|
|
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
|
|
91
|
-
|
|
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
|
|
95
|
-
if (!
|
|
98
|
+
const M = a.useMemo(() => {
|
|
99
|
+
if (!g || !c)
|
|
96
100
|
return null;
|
|
97
|
-
const
|
|
98
|
-
|
|
99
|
-
|
|
101
|
+
const f = L(
|
|
102
|
+
x.wrapper,
|
|
103
|
+
x[`fixed-on-${e}`],
|
|
100
104
|
{
|
|
101
|
-
[
|
|
105
|
+
[x.animated]: r
|
|
102
106
|
},
|
|
103
|
-
|
|
107
|
+
u
|
|
104
108
|
);
|
|
105
|
-
return /* @__PURE__ */
|
|
109
|
+
return /* @__PURE__ */ b(T, { children: /* @__PURE__ */ b(
|
|
106
110
|
"div",
|
|
107
111
|
{
|
|
108
|
-
className:
|
|
109
|
-
style:
|
|
110
|
-
children: /* @__PURE__ */
|
|
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
|
-
}, [
|
|
114
|
-
() => typeof
|
|
115
|
-
[
|
|
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__ */
|
|
118
|
-
|
|
119
|
-
|
|
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
|
-
|
|
125
|
-
|
|
126
|
-
|
|
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-
|
|
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
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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 {
|
|
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
|
|
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
|
|
46
|
+
function b(l) {
|
|
47
47
|
const i = A.useContext(P);
|
|
48
48
|
return l || i || "ltr";
|
|
49
49
|
}
|
|
50
50
|
export {
|
|
51
|
-
|
|
52
|
-
|
|
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.
|
|
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.
|
|
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
|
+
};
|