@once-ui-system/core 1.0.13 → 1.0.15
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/components/Accordion.js +15 -33
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.js +6 -24
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Arrow.js +15 -32
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/AutoScroll.js +7 -25
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Avatar.js +19 -30
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/AvatarGroup.js +14 -26
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +37 -59
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Badge.js +14 -61
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.js +5 -22
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +12 -29
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +12 -27
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.js +18 -32
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.js +18 -36
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +20 -35
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ColorInput.js +12 -27
- package/dist/components/ColorInput.js.map +1 -1
- package/dist/components/Column.js +6 -21
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CompareImage.js +15 -33
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CursorCard.js +23 -37
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.js +24 -35
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.js +40 -65
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.js +17 -35
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.js +15 -30
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.js +33 -87
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.js +6 -21
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.js +42 -45
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +10 -28
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/Fade.js +19 -33
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/Feedback.js +6 -21
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.js +18 -26
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FlipFx.js +29 -37
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/GlitchFx.js +13 -31
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Grid.js +18 -26
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/Heading.js +10 -24
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.js +35 -36
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +14 -32
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +15 -33
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InfiniteScroll.js +16 -63
- package/dist/components/InfiniteScroll.js.map +1 -1
- package/dist/components/InlineCode.js +8 -26
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +31 -49
- package/dist/components/Input.js.map +1 -1
- package/dist/components/InteractiveDetails.js +6 -9
- package/dist/components/InteractiveDetails.js.map +1 -1
- package/dist/components/Kbd.js +5 -22
- package/dist/components/Kbd.js.map +1 -1
- package/dist/components/LetterFx.js +13 -19
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/Line.js +6 -21
- package/dist/components/Line.js.map +1 -1
- package/dist/components/Logo.js +12 -30
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +14 -29
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +17 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/Media.js +25 -36
- package/dist/components/Media.js.map +1 -1
- package/dist/components/NavIcon.js +8 -26
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +11 -30
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OTPInput.js +16 -37
- package/dist/components/OTPInput.js.map +1 -1
- package/dist/components/OgCard.js +22 -30
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +15 -33
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Particle.d.ts +2 -3
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +14 -62
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/PasswordInput.js +8 -11
- package/dist/components/PasswordInput.js.map +1 -1
- package/dist/components/RadioButton.js +17 -35
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/RevealFx.js +18 -32
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/Row.js +6 -21
- package/dist/components/Row.js.map +1 -1
- package/dist/components/ScrollToTop.js +9 -28
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.js +30 -77
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.js +15 -32
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.js +32 -50
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Skeleton.js +8 -26
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/SmartLink.js +28 -34
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +8 -26
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +8 -26
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StyleOverlay.js +9 -27
- package/dist/components/StyleOverlay.js.map +1 -1
- package/dist/components/StylePanel.js +45 -63
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +18 -36
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +12 -29
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.js +8 -26
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/TagInput.js +9 -24
- package/dist/components/TagInput.js.map +1 -1
- package/dist/components/Text.js +10 -24
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.js +34 -81
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.js +10 -46
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/TiltFx.js +8 -26
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Toast.js +14 -20
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.js +10 -16
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +10 -27
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +11 -25
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/User.js +8 -25
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.js +8 -26
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/components/index.js +81 -97
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/DataThemeProvider.js +23 -19
- package/dist/contexts/DataThemeProvider.js.map +1 -1
- package/dist/contexts/IconProvider.js +9 -14
- package/dist/contexts/IconProvider.js.map +1 -1
- package/dist/contexts/ThemeProvider.js +43 -32
- package/dist/contexts/ThemeProvider.js.map +1 -1
- package/dist/contexts/ToastProvider.js +14 -15
- package/dist/contexts/ToastProvider.js.map +1 -1
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/index.js.map +1 -1
- package/dist/hooks/index.js +3 -19
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js +5 -7
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -11
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/hooks/useHeadingLinks.d.ts.map +1 -1
- package/dist/hooks/useHeadingLinks.js +5 -8
- package/dist/hooks/useHeadingLinks.js.map +1 -1
- package/dist/icons.js +31 -34
- package/dist/icons.js.map +1 -1
- package/dist/index.js +8 -24
- package/dist/index.js.map +1 -1
- package/dist/interfaces.js +1 -2
- package/dist/modules/code/CodeBlock.js +33 -84
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.js +30 -75
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +29 -45
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.js +4 -8
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.js +14 -17
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/Gradient.js +6 -11
- package/dist/modules/data/Gradient.js.map +1 -1
- package/dist/modules/data/Legend.js +8 -11
- package/dist/modules/data/Legend.js.map +1 -1
- package/dist/modules/data/LineBarChart.js +29 -77
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.js +42 -87
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.js +28 -78
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/Swatch.js +17 -12
- package/dist/modules/data/Swatch.js.map +1 -1
- package/dist/modules/data/index.js +11 -27
- package/dist/modules/data/index.js.map +1 -1
- package/dist/modules/data/interfaces.js +1 -2
- package/dist/modules/data/utils/colorDistribution.js +8 -12
- package/dist/modules/data/utils/colorDistribution.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +6 -9
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.js +19 -41
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/media/MediaUpload.js +16 -34
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/HeadingLink.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +33 -46
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/HeadingNav.js +24 -42
- package/dist/modules/navigation/HeadingNav.js.map +1 -1
- package/dist/modules/navigation/Kbar.js +52 -109
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +27 -44
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +10 -25
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/modules/navigation/index.js +5 -21
- package/dist/modules/navigation/index.js.map +1 -1
- package/dist/modules/seo/Meta.js +28 -19
- package/dist/modules/seo/Meta.js.map +1 -1
- package/dist/modules/seo/Schema.js +16 -17
- package/dist/modules/seo/Schema.js.map +1 -1
- package/dist/package.json +2 -4
- package/dist/types.js +1 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/devLogger.js +1 -4
- package/dist/utils/devLogger.js.map +1 -1
- package/dist/utils/index.js +1 -17
- package/dist/utils/index.js.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +18 -20
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Particle.d.ts","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Particle.d.ts","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,QAAQ,mGAkKb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,58 +1,10 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
-
var ownKeys = function(o) {
|
|
21
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
-
var ar = [];
|
|
23
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
-
return ar;
|
|
25
|
-
};
|
|
26
|
-
return ownKeys(o);
|
|
27
|
-
};
|
|
28
|
-
return function (mod) {
|
|
29
|
-
if (mod && mod.__esModule) return mod;
|
|
30
|
-
var result = {};
|
|
31
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
-
__setModuleDefault(result, mod);
|
|
33
|
-
return result;
|
|
34
|
-
};
|
|
35
|
-
})();
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.Particle = void 0;
|
|
49
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
|
-
const react_1 = __importStar(require("react"));
|
|
51
|
-
const _1 = require(".");
|
|
52
|
-
exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
|
|
53
|
-
var { display = true, density = 100, color = "brand-on-background-weak", size = "2", speed = 0.3, interactive = false, interactionRadius = 20, opacity = 100, children, className, style } = _a, rest = __rest(_a, ["display", "density", "color", "size", "speed", "interactive", "interactionRadius", "opacity", "children", "className", "style"]);
|
|
54
|
-
const containerRef = (0, react_1.useRef)(null);
|
|
55
|
-
(0, react_1.useEffect)(() => {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { useEffect, useRef } from "react";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
const Particle = React.forwardRef(({ density = 100, color = "brand-on-background-weak", size = "2", speed = 0.3, interactive = false, interactionRadius = 20, opacity = 100, children, className, style, ...rest }, forwardedRef) => {
|
|
6
|
+
const containerRef = useRef(null);
|
|
7
|
+
useEffect(() => {
|
|
56
8
|
if (forwardedRef && "current" in forwardedRef) {
|
|
57
9
|
forwardedRef.current = containerRef.current;
|
|
58
10
|
}
|
|
@@ -60,9 +12,7 @@ exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
|
|
|
60
12
|
forwardedRef(containerRef.current);
|
|
61
13
|
}
|
|
62
14
|
}, [forwardedRef]);
|
|
63
|
-
|
|
64
|
-
if (!display || !containerRef.current)
|
|
65
|
-
return;
|
|
15
|
+
useEffect(() => {
|
|
66
16
|
const container = containerRef.current;
|
|
67
17
|
const particles = [];
|
|
68
18
|
const particleTargets = new Map();
|
|
@@ -74,7 +24,9 @@ exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
|
|
|
74
24
|
const movementSpeed = speed * 0.08;
|
|
75
25
|
const repulsionStrength = 0.15 * (speed || 1);
|
|
76
26
|
const handleMouseMove = (e) => {
|
|
77
|
-
const rect = container
|
|
27
|
+
const rect = container?.getBoundingClientRect();
|
|
28
|
+
if (!rect)
|
|
29
|
+
return;
|
|
78
30
|
mousePosition = {
|
|
79
31
|
x: ((e.clientX - rect.left) / rect.width) * 100,
|
|
80
32
|
y: ((e.clientY - rect.top) / rect.height) * 100,
|
|
@@ -96,7 +48,7 @@ exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
|
|
|
96
48
|
particleEl.style.top = `${initialY}%`;
|
|
97
49
|
initialPositions.set(particleEl, { x: initialX, y: initialY });
|
|
98
50
|
particleTargets.set(particleEl, { x: initialX, y: initialY });
|
|
99
|
-
container
|
|
51
|
+
container?.appendChild(particleEl);
|
|
100
52
|
particles.push(particleEl);
|
|
101
53
|
return particleEl;
|
|
102
54
|
};
|
|
@@ -152,7 +104,6 @@ exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
|
|
|
152
104
|
});
|
|
153
105
|
};
|
|
154
106
|
}, [
|
|
155
|
-
display,
|
|
156
107
|
color,
|
|
157
108
|
size,
|
|
158
109
|
speed,
|
|
@@ -162,7 +113,8 @@ exports.Particle = react_1.default.forwardRef((_a, forwardedRef) => {
|
|
|
162
113
|
density,
|
|
163
114
|
containerRef,
|
|
164
115
|
]);
|
|
165
|
-
return ((
|
|
116
|
+
return (_jsx(Flex, { ref: containerRef, fill: true, pointerEvents: "none", className: className, style: style, ...rest, children: children }));
|
|
166
117
|
});
|
|
167
|
-
|
|
118
|
+
Particle.displayName = "Particle";
|
|
119
|
+
export { Particle };
|
|
168
120
|
//# sourceMappingURL=Particle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Particle.js","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Particle.js","sourceRoot":"","sources":["../../src/components/Particle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
const [showPassword, setShowPassword] = (0, react_1.useState)(false);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(_1.Input, Object.assign({}, props, { ref: ref, type: showPassword ? "text" : "password", hasSuffix: (0, jsx_runtime_1.jsx)(_1.IconButton, { onClick: () => {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, forwardRef } from "react";
|
|
4
|
+
import { Input, IconButton } from ".";
|
|
5
|
+
export const PasswordInput = forwardRef((props, ref) => {
|
|
6
|
+
const [showPassword, setShowPassword] = useState(false);
|
|
7
|
+
return (_jsx(Input, { ...props, ref: ref, type: showPassword ? "text" : "password", hasSuffix: _jsx(IconButton, { onClick: () => {
|
|
11
8
|
setShowPassword(!showPassword);
|
|
12
|
-
}, variant: "ghost", icon: showPassword ? "eyeOff" : "eye", size: "s", type: "button" }) }))
|
|
9
|
+
}, variant: "ghost", icon: showPassword ? "eyeOff" : "eye", size: "s", type: "button" }) }));
|
|
13
10
|
});
|
|
14
|
-
|
|
11
|
+
PasswordInput.displayName = "PasswordInput";
|
|
15
12
|
//# sourceMappingURL=PasswordInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/components/PasswordInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../src/components/PasswordInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,KAAK,EAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EACP,KAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;YACjC,CAAC,EACD,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,GACb,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
@@ -1,32 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.RadioButton = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const SharedInteractiveStyles_module_scss_1 = __importDefault(require("./SharedInteractiveStyles.module.scss"));
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, forwardRef } from "react";
|
|
4
|
+
import classNames from "classnames";
|
|
5
|
+
import { Flex, InteractiveDetails } from ".";
|
|
6
|
+
import styles from "./SharedInteractiveStyles.module.scss";
|
|
24
7
|
const generateId = () => `radio-${Math.random().toString(36).substring(2, 9)}`;
|
|
25
|
-
const RadioButton =
|
|
26
|
-
|
|
27
|
-
const [
|
|
28
|
-
|
|
29
|
-
(0, react_1.useEffect)(() => {
|
|
8
|
+
const RadioButton = forwardRef(({ style, className, isChecked: controlledIsChecked, name, value, onToggle, disabled, ...props }, ref) => {
|
|
9
|
+
const [isChecked, setIsChecked] = useState(controlledIsChecked || false);
|
|
10
|
+
const [radioId] = useState(generateId());
|
|
11
|
+
useEffect(() => {
|
|
30
12
|
if (controlledIsChecked !== undefined) {
|
|
31
13
|
setIsChecked(controlledIsChecked);
|
|
32
14
|
}
|
|
@@ -49,15 +31,15 @@ const RadioButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
49
31
|
toggleItem();
|
|
50
32
|
}
|
|
51
33
|
};
|
|
52
|
-
return ((
|
|
53
|
-
[
|
|
54
|
-
}), style: style, children: [(
|
|
55
|
-
[
|
|
56
|
-
[
|
|
57
|
-
}), children: (controlledIsChecked !== undefined ? controlledIsChecked : isChecked) && ((
|
|
34
|
+
return (_jsxs(Flex, { vertical: "center", gap: "16", zIndex: 1, className: classNames(styles.container, className, {
|
|
35
|
+
[styles.disabled]: disabled,
|
|
36
|
+
}), style: style, children: [_jsx("input", { type: "radio", ref: ref, name: name, value: value, checked: controlledIsChecked !== undefined ? controlledIsChecked : isChecked, onChange: toggleItem, disabled: disabled, className: styles.hidden, tabIndex: -1 }), _jsx(Flex, { role: "radio", "aria-checked": controlledIsChecked !== undefined ? controlledIsChecked : isChecked, "aria-labelledby": radioId, "aria-disabled": disabled, horizontal: "center", vertical: "center", radius: "full", onClick: toggleItem, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, cursor: disabled ? "not-allowed" : undefined, className: classNames(styles.element, {
|
|
37
|
+
[styles.checked]: controlledIsChecked !== undefined ? controlledIsChecked : isChecked,
|
|
38
|
+
[styles.disabled]: disabled,
|
|
39
|
+
}), children: (controlledIsChecked !== undefined ? controlledIsChecked : isChecked) && (_jsx(Flex, { style: {
|
|
58
40
|
backgroundColor: "var(--neutral-on-solid-strong)",
|
|
59
|
-
}, radius: "full", width: "12", height: "12", className:
|
|
41
|
+
}, radius: "full", width: "12", height: "12", className: styles.icon })) }), props.label && (_jsx(InteractiveDetails, { disabled: disabled, id: radioId, ...props, onClick: toggleItem }))] }));
|
|
60
42
|
});
|
|
61
|
-
exports.RadioButton = RadioButton;
|
|
62
43
|
RadioButton.displayName = "RadioButton";
|
|
44
|
+
export { RadioButton };
|
|
63
45
|
//# sourceMappingURL=RadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,30 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.RevealFx = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const RevealFx_module_scss_1 = __importDefault(require("./RevealFx.module.scss"));
|
|
22
|
-
const _1 = require(".");
|
|
23
|
-
const RevealFx = (0, react_1.forwardRef)((_a, ref) => {
|
|
24
|
-
var { children, speed = "medium", delay = 0, revealedByDefault = false, translateY, trigger, style, className } = _a, rest = __rest(_a, ["children", "speed", "delay", "revealedByDefault", "translateY", "trigger", "style", "className"]);
|
|
25
|
-
const [isRevealed, setIsRevealed] = (0, react_1.useState)(revealedByDefault);
|
|
26
|
-
const [maskRemoved, setMaskRemoved] = (0, react_1.useState)(false);
|
|
27
|
-
const transitionTimeoutRef = (0, react_1.useRef)(null);
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, forwardRef, useRef } from "react";
|
|
4
|
+
import styles from "./RevealFx.module.scss";
|
|
5
|
+
import { Flex } from ".";
|
|
6
|
+
const RevealFx = forwardRef(({ children, speed = "medium", delay = 0, revealedByDefault = false, translateY, trigger, style, className, ...rest }, ref) => {
|
|
7
|
+
const [isRevealed, setIsRevealed] = useState(revealedByDefault);
|
|
8
|
+
const [maskRemoved, setMaskRemoved] = useState(false);
|
|
9
|
+
const transitionTimeoutRef = useRef(null);
|
|
28
10
|
const getSpeedDurationMs = () => {
|
|
29
11
|
switch (speed) {
|
|
30
12
|
case "fast":
|
|
@@ -41,7 +23,7 @@ const RevealFx = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
41
23
|
const ms = getSpeedDurationMs();
|
|
42
24
|
return `${ms / 1000}s`;
|
|
43
25
|
};
|
|
44
|
-
|
|
26
|
+
useEffect(() => {
|
|
45
27
|
const timer = setTimeout(() => {
|
|
46
28
|
setIsRevealed(true);
|
|
47
29
|
// Always set a timeout to remove the mask after transition completes
|
|
@@ -56,7 +38,7 @@ const RevealFx = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
56
38
|
}
|
|
57
39
|
};
|
|
58
40
|
}, [delay]);
|
|
59
|
-
|
|
41
|
+
useEffect(() => {
|
|
60
42
|
if (trigger !== undefined) {
|
|
61
43
|
setIsRevealed(trigger);
|
|
62
44
|
// Reset mask removal state when trigger changes
|
|
@@ -82,13 +64,17 @@ const RevealFx = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
82
64
|
return undefined;
|
|
83
65
|
};
|
|
84
66
|
const translateValue = getTranslateYValue();
|
|
85
|
-
const revealStyle =
|
|
67
|
+
const revealStyle = {
|
|
68
|
+
transitionDuration: getSpeedDuration(),
|
|
69
|
+
transform: isRevealed ? "translateY(0)" : `translateY(${translateValue})`,
|
|
70
|
+
...style,
|
|
71
|
+
};
|
|
86
72
|
// If mask is removed after transition, use the no-mask classes
|
|
87
73
|
if (maskRemoved) {
|
|
88
|
-
return ((
|
|
74
|
+
return (_jsx(Flex, { fillWidth: true, ref: ref, style: revealStyle, className: `${styles.revealedNoMask} ${className || ""}`, ...rest, children: children }));
|
|
89
75
|
}
|
|
90
|
-
return ((
|
|
76
|
+
return (_jsx(Flex, { fillWidth: true, ref: ref, style: revealStyle, className: `${styles.revealFx} ${isRevealed ? styles.revealed : styles.hidden} ${className || ""}`, ...rest, children: children }));
|
|
91
77
|
});
|
|
92
|
-
exports.RevealFx = RevealFx;
|
|
93
78
|
RevealFx.displayName = "RevealFx";
|
|
79
|
+
export { RevealFx };
|
|
94
80
|
//# sourceMappingURL=RevealFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevealFx.js","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RevealFx.js","sourceRoot":"","sources":["../../src/components/RevealFx.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/Row.js
CHANGED
|
@@ -1,24 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.Row = void 0;
|
|
15
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
const react_1 = require("react");
|
|
17
|
-
const _1 = require(".");
|
|
18
|
-
const Row = (0, react_1.forwardRef)((_a, ref) => {
|
|
19
|
-
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
20
|
-
return ((0, jsx_runtime_1.jsx)(_1.Flex, Object.assign({ ref: ref }, rest, { children: children })));
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { Flex } from ".";
|
|
4
|
+
const Row = forwardRef(({ children, ...rest }, ref) => {
|
|
5
|
+
return (_jsx(Flex, { ref: ref, ...rest, children: children }));
|
|
21
6
|
});
|
|
22
|
-
exports.Row = Row;
|
|
23
7
|
Row.displayName = "Row";
|
|
8
|
+
export { Row };
|
|
24
9
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/components/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,GAAG,GAAG,UAAU,CAA2B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9E,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACrB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}
|
|
@@ -1,29 +1,11 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
t[p[i]] = s[p[i]];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
-
};
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.ScrollToTop = void 0;
|
|
19
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
20
|
-
const react_1 = require("react");
|
|
21
|
-
const _1 = require(".");
|
|
22
|
-
const ScrollToTop_module_scss_1 = __importDefault(require("./ScrollToTop.module.scss"));
|
|
23
|
-
const classnames_1 = __importDefault(require("classnames"));
|
|
24
|
-
const ScrollToTop = (_a) => {
|
|
25
|
-
var { children, offset = 300, className } = _a, rest = __rest(_a, ["children", "offset", "className"]);
|
|
26
|
-
const [isVisible, setIsVisible] = (0, react_1.useState)(false);
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect } from "react";
|
|
4
|
+
import { Flex } from ".";
|
|
5
|
+
import styles from "./ScrollToTop.module.scss";
|
|
6
|
+
import classNames from "classnames";
|
|
7
|
+
export const ScrollToTop = ({ children, offset = 300, className, ...rest }) => {
|
|
8
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
27
9
|
const handleScroll = () => {
|
|
28
10
|
setIsVisible(window.scrollY > offset);
|
|
29
11
|
};
|
|
@@ -33,11 +15,10 @@ const ScrollToTop = (_a) => {
|
|
|
33
15
|
behavior: "smooth",
|
|
34
16
|
});
|
|
35
17
|
};
|
|
36
|
-
|
|
18
|
+
useEffect(() => {
|
|
37
19
|
window.addEventListener("scroll", handleScroll);
|
|
38
20
|
return () => window.removeEventListener("scroll", handleScroll);
|
|
39
21
|
}, []);
|
|
40
|
-
return ((
|
|
22
|
+
return (_jsx(Flex, { onClick: scrollToTop, "aria-hidden": !isVisible, position: "fixed", bottom: "16", right: "16", className: classNames(styles.scrollToTop, className), "data-visible": isVisible, tabIndex: isVisible ? 0 : -1, zIndex: isVisible ? 8 : 0, cursor: "pointer", ...rest, children: children }));
|
|
41
23
|
};
|
|
42
|
-
exports.ScrollToTop = ScrollToTop;
|
|
43
24
|
//# sourceMappingURL=ScrollToTop.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../src/components/ScrollToTop.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,GAAG,IAAI,EAAoB,EAAE,EAAE;IAC9F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,IAAI,IACH,OAAO,EAAE,WAAW,iBACP,CAAC,SAAS,EACvB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,kBACtC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC5B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,MAAM,EAAC,SAAS,KACZ,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
|