@once-ui-system/core 1.7.13 → 1.8.0
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/ai/catalog.json +195 -634
- package/ai/components/Banner.json +2 -2
- package/ai/components/BlobFx.json +2 -2
- package/ai/components/Carousel.json +1 -0
- package/ai/components/ChartHeader.json +2 -2
- package/ai/components/Checkbox.json +2 -1
- package/ai/components/CompareImage.json +2 -1
- package/ai/components/Dialog.json +2 -0
- package/ai/components/HoverCard.json +2 -2
- package/ai/components/InfiniteScroll.json +2 -2
- package/ai/components/OgCard.json +3 -2
- package/ai/components/RadioButton.json +2 -1
- package/ai/components/ScrollContainer.json +2 -2
- package/ai/components/SegmentedControl.json +2 -2
- package/ai/components/Select.json +1 -1
- package/ai/components/SplitView.json +2 -2
- package/ai/components/Swiper.json +1 -0
- package/ai/components/ThemeSwitcher.json +2 -2
- package/ai/components/Tooltip.json +2 -2
- package/ai/examples/blocks/content/chat1content.ts +2 -0
- package/ai/examples/dashboard.tsx +1 -1
- package/ai/examples/settings.tsx +32 -28
- package/ai/manifest.json +2 -2
- package/ai/spec.json +44 -63
- package/dist/ai/catalog.json +195 -634
- package/dist/ai/components/Banner.json +2 -2
- package/dist/ai/components/BlobFx.json +2 -2
- package/dist/ai/components/Carousel.json +1 -0
- package/dist/ai/components/ChartHeader.json +2 -2
- package/dist/ai/components/Checkbox.json +2 -1
- package/dist/ai/components/CompareImage.json +2 -1
- package/dist/ai/components/Dialog.json +2 -0
- package/dist/ai/components/HoverCard.json +2 -2
- package/dist/ai/components/InfiniteScroll.json +2 -2
- package/dist/ai/components/OgCard.json +3 -2
- package/dist/ai/components/RadioButton.json +2 -1
- package/dist/ai/components/ScrollContainer.json +2 -2
- package/dist/ai/components/SegmentedControl.json +2 -2
- package/dist/ai/components/Select.json +1 -1
- package/dist/ai/components/SplitView.json +2 -2
- package/dist/ai/components/Swiper.json +1 -0
- package/dist/ai/components/ThemeSwitcher.json +2 -2
- package/dist/ai/components/Tooltip.json +2 -2
- package/dist/ai/manifest.json +2 -2
- package/dist/ai/spec.json +44 -63
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts +1 -1
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +3 -3
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/Animation.d.ts +1 -1
- package/dist/components/Animation.d.ts.map +1 -1
- package/dist/components/Arrow.d.ts +1 -1
- package/dist/components/Arrow.d.ts.map +1 -1
- package/dist/components/Arrow.js +4 -4
- package/dist/components/Arrow.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts +2 -1
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
- package/dist/components/ArrowNavigationContext.js +5 -3
- package/dist/components/ArrowNavigationContext.js.map +1 -1
- package/dist/components/Avatar.d.ts +2 -2
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/AvatarGroup.js +1 -1
- package/dist/components/AvatarGroup.js.map +1 -1
- package/dist/components/Background.js +1 -1
- package/dist/components/Background.js.map +1 -1
- package/dist/components/Badge.js +1 -1
- package/dist/components/Badge.js.map +1 -1
- package/dist/components/Banner.d.ts.map +1 -1
- package/dist/components/Banner.js +1 -0
- package/dist/components/Banner.js.map +1 -1
- package/dist/components/BlobFx.d.ts +1 -1
- package/dist/components/BlobFx.d.ts.map +1 -1
- package/dist/components/BlobFx.js +3 -2
- package/dist/components/BlobFx.js.map +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Carousel.d.ts +3 -2
- package/dist/components/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel.js +5 -5
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/Checkbox.d.ts +1 -0
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox.js +5 -5
- package/dist/components/Checkbox.js.map +1 -1
- package/dist/components/Chip.js +1 -1
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/ClientFlex.d.ts.map +1 -1
- package/dist/components/ClientFlex.js +124 -5
- package/dist/components/ClientFlex.js.map +1 -1
- package/dist/components/CompareImage.d.ts +2 -1
- package/dist/components/CompareImage.d.ts.map +1 -1
- package/dist/components/CompareImage.js +4 -4
- package/dist/components/CompareImage.js.map +1 -1
- package/dist/components/CountFx.d.ts +1 -1
- package/dist/components/CountFx.d.ts.map +1 -1
- package/dist/components/CountFx.js +6 -6
- package/dist/components/CountFx.js.map +1 -1
- package/dist/components/CountdownFx.d.ts +1 -1
- package/dist/components/CountdownFx.d.ts.map +1 -1
- package/dist/components/CountdownFx.js +4 -4
- package/dist/components/CountdownFx.js.map +1 -1
- package/dist/components/Cursor.d.ts +1 -1
- package/dist/components/Cursor.d.ts.map +1 -1
- package/dist/components/Cursor.js +6 -6
- package/dist/components/Cursor.js.map +1 -1
- package/dist/components/DateInput.d.ts +1 -1
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +6 -5
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +5 -5
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts +2 -2
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +6 -4
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker.d.ts +1 -1
- package/dist/components/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker.js +3 -3
- package/dist/components/DateRangePicker.js.map +1 -1
- package/dist/components/Dialog.d.ts +2 -0
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +32 -15
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +1 -1
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +14 -11
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.d.ts +1 -1
- package/dist/components/ElementType.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/EmojiPickerDropdown.js +4 -2
- package/dist/components/EmojiPickerDropdown.js.map +1 -1
- package/dist/components/Fade.js +1 -1
- package/dist/components/Fade.js.map +1 -1
- package/dist/components/FlipFx.d.ts.map +1 -1
- package/dist/components/FlipFx.js +2 -4
- package/dist/components/FlipFx.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +1 -1
- package/dist/components/FocusTrap.d.ts.map +1 -1
- package/dist/components/FocusTrap.js +3 -3
- package/dist/components/FocusTrap.js.map +1 -1
- package/dist/components/GlitchFx.js +1 -1
- package/dist/components/GlitchFx.js.map +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/Heading.js.map +1 -1
- package/dist/components/HoloFx.d.ts +1 -1
- package/dist/components/HoloFx.d.ts.map +1 -1
- package/dist/components/HoloFx.js +17 -8
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/IconButton.js +1 -1
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/InlineCode.js +1 -1
- package/dist/components/InlineCode.js.map +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/Input.js.map +1 -1
- package/dist/components/LetterFx.js +1 -1
- package/dist/components/LetterFx.js.map +1 -1
- package/dist/components/ListItem.js +1 -1
- package/dist/components/ListItem.js.map +1 -1
- package/dist/components/Logo.d.ts +1 -1
- package/dist/components/Logo.d.ts.map +1 -1
- package/dist/components/Logo.js +6 -10
- package/dist/components/Logo.js.map +1 -1
- package/dist/components/LogoCloud.js +1 -1
- package/dist/components/LogoCloud.js.map +1 -1
- package/dist/components/Mask.js +1 -1
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/MasonryGrid.js +1 -1
- package/dist/components/MasonryGrid.js.map +1 -1
- package/dist/components/Media.d.ts +1 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +4 -4
- package/dist/components/Media.js.map +1 -1
- package/dist/components/MediaVideoPlayer.d.ts +1 -1
- package/dist/components/MediaVideoPlayer.d.ts.map +1 -1
- package/dist/components/MediaVideoPlayer.js +5 -5
- package/dist/components/MediaVideoPlayer.js.map +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +3 -3
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/NavIcon.js +1 -1
- package/dist/components/NavIcon.js.map +1 -1
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/OgCard.d.ts +3 -2
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +2 -2
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.js +1 -1
- package/dist/components/Option.js.map +1 -1
- package/dist/components/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar.js +1 -1
- package/dist/components/ProgressBar.js.map +1 -1
- package/dist/components/RadioButton.d.ts +1 -0
- package/dist/components/RadioButton.d.ts.map +1 -1
- package/dist/components/RadioButton.js +6 -6
- package/dist/components/RadioButton.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts +1 -1
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +3 -3
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/ScrollLock.d.ts +6 -1
- package/dist/components/ScrollLock.d.ts.map +1 -1
- package/dist/components/ScrollLock.js +39 -13
- package/dist/components/ScrollLock.js.map +1 -1
- package/dist/components/ScrollToTop.d.ts +4 -1
- package/dist/components/ScrollToTop.d.ts.map +1 -1
- package/dist/components/ScrollToTop.js +2 -1
- package/dist/components/ScrollToTop.js.map +1 -1
- package/dist/components/Scroller.d.ts +2 -2
- package/dist/components/Scroller.d.ts.map +1 -1
- package/dist/components/Scroller.js +4 -4
- package/dist/components/Scroller.js.map +1 -1
- package/dist/components/SegmentedControl.d.ts +1 -1
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +3 -3
- package/dist/components/SegmentedControl.js.map +1 -1
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +4 -2
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.js +1 -1
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/SharedInteractiveStyles.module.scss +4 -0
- package/dist/components/ShineFx.d.ts +1 -1
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +4 -3
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Skeleton.js.map +1 -1
- package/dist/components/Slider.js +1 -1
- package/dist/components/Slider.js.map +1 -1
- package/dist/components/Slider.module.scss +2 -2
- package/dist/components/SmartLink.js +1 -1
- package/dist/components/SmartLink.js.map +1 -1
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Spinner.js.map +1 -1
- package/dist/components/StatusIndicator.js +1 -1
- package/dist/components/StatusIndicator.js.map +1 -1
- package/dist/components/StylePanel.js +1 -1
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Swiper.d.ts +2 -1
- package/dist/components/Swiper.d.ts.map +1 -1
- package/dist/components/Swiper.js +5 -5
- package/dist/components/Swiper.js.map +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/Table.d.ts +3 -0
- package/dist/components/Table.d.ts.map +1 -1
- package/dist/components/Table.js +2 -1
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Tag.d.ts +1 -1
- package/dist/components/Tag.d.ts.map +1 -1
- package/dist/components/Tag.js +1 -1
- package/dist/components/Tag.js.map +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/Text.js.map +1 -1
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +1 -2
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeInit.d.ts.map +1 -1
- package/dist/components/ThemeInit.js +4 -1
- package/dist/components/ThemeInit.js.map +1 -1
- package/dist/components/TiltFx.d.ts +1 -1
- package/dist/components/TiltFx.d.ts.map +1 -1
- package/dist/components/TiltFx.js +16 -7
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Timeline.d.ts +2 -2
- package/dist/components/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline.js +3 -2
- package/dist/components/Timeline.js.map +1 -1
- package/dist/components/Toast.js +1 -1
- package/dist/components/Toast.js.map +1 -1
- package/dist/components/Toaster.d.ts +1 -1
- package/dist/components/Toaster.d.ts.map +1 -1
- package/dist/components/Toaster.js +4 -4
- package/dist/components/Toaster.js.map +1 -1
- package/dist/components/Toaster.module.scss +0 -2
- package/dist/components/ToggleButton.js +1 -1
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/TypeFx.d.ts +1 -1
- package/dist/components/TypeFx.d.ts.map +1 -1
- package/dist/components/TypeFx.js +3 -3
- package/dist/components/TypeFx.js.map +1 -1
- package/dist/components/User.js +1 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.d.ts +1 -1
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/UserMenu.js +4 -3
- package/dist/components/UserMenu.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/css/tokens.css.map +1 -1
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -1
- package/dist/hooks/useArrowNavigation.js +1 -0
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/hooks/useDebounce.d.ts +1 -1
- package/dist/hooks/useDebounce.d.ts.map +1 -1
- package/dist/hooks/useDebounce.js.map +1 -1
- package/dist/hooks/useResponsiveClasses.d.ts.map +1 -1
- package/dist/hooks/useResponsiveClasses.js +45 -2
- package/dist/hooks/useResponsiveClasses.js.map +1 -1
- package/dist/interfaces.d.ts +21 -36
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/internal/scrollLockState.d.ts +2 -0
- package/dist/internal/scrollLockState.d.ts.map +1 -0
- package/dist/internal/scrollLockState.js +12 -0
- package/dist/internal/scrollLockState.js.map +1 -0
- package/dist/modules/code/CodeBlock.impl.d.ts +2 -0
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.js +46 -12
- package/dist/modules/code/CodeBlock.impl.js.map +1 -1
- package/dist/modules/data/BarChart.impl.js +1 -1
- package/dist/modules/data/BarChart.impl.js.map +1 -1
- package/dist/modules/data/LineBarChart.impl.js +1 -1
- package/dist/modules/data/LineBarChart.impl.js.map +1 -1
- package/dist/modules/data/LineChart.impl.js +1 -1
- package/dist/modules/data/LineChart.impl.js.map +1 -1
- package/dist/modules/data/PieChart.impl.js +1 -1
- package/dist/modules/data/PieChart.impl.js.map +1 -1
- package/dist/modules/data/utils/formatDate.js +1 -1
- package/dist/modules/data/utils/formatDate.js.map +1 -1
- package/dist/modules/index.d.ts +2 -1
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/modules/index.js +2 -1
- package/dist/modules/index.js.map +1 -1
- package/dist/package.json +17 -6
- package/dist/styles/typography.scss +8 -0
- package/dist/tokens/typography.scss +2 -0
- package/dist/types.d.ts +1 -1
- package/dist/types.d.ts.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +33 -19
- package/scripts/generate-ai-spec.js +5 -5
- package/.eslintrc.json +0 -3
- package/ai/catalog.seed.json +0 -411
- package/dist/ai/catalog.seed.json +0 -411
- package/next.config.mjs +0 -14
|
@@ -5,6 +5,71 @@ import { ServerFlex, Cursor } from ".";
|
|
|
5
5
|
import { useRef, useEffect, useCallback, useState } from "react";
|
|
6
6
|
import { useLayout } from "..";
|
|
7
7
|
import { useResponsiveClasses } from "../hooks/useResponsiveClasses";
|
|
8
|
+
const parseDimension = (value, type) => {
|
|
9
|
+
if (value === undefined)
|
|
10
|
+
return undefined;
|
|
11
|
+
if (typeof value === "number")
|
|
12
|
+
return `${value}rem`;
|
|
13
|
+
if (typeof value === "string") {
|
|
14
|
+
if (value.endsWith("%") || value.endsWith("vh") || value.endsWith("dvh") || value.endsWith("vw") || value.startsWith("calc(")) {
|
|
15
|
+
return value;
|
|
16
|
+
}
|
|
17
|
+
if (["0", "1", "2", "4", "8", "12", "16", "20", "24", "32", "40", "48", "56", "64", "80", "104", "128", "160"].includes(value)) {
|
|
18
|
+
return `var(--static-space-${value})`;
|
|
19
|
+
}
|
|
20
|
+
if (["xs", "s", "m", "l", "xl"].includes(value)) {
|
|
21
|
+
return `var(--responsive-${type}-${value})`;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return undefined;
|
|
25
|
+
};
|
|
26
|
+
const parseSpacing = (value) => {
|
|
27
|
+
if (value === undefined)
|
|
28
|
+
return undefined;
|
|
29
|
+
if (typeof value === "number")
|
|
30
|
+
return `${value}rem`;
|
|
31
|
+
if (typeof value === "string") {
|
|
32
|
+
if (["0", "1", "2", "4", "8", "12", "16", "20", "24", "32", "40", "48", "56", "64", "80", "104", "128", "160"].includes(value)) {
|
|
33
|
+
return `var(--static-space-${value})`;
|
|
34
|
+
}
|
|
35
|
+
if (["xs", "s", "m", "l", "xl"].includes(value)) {
|
|
36
|
+
return `var(--responsive-space-${value})`;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
return undefined;
|
|
40
|
+
};
|
|
41
|
+
const generateBackgroundClass = (type, value) => {
|
|
42
|
+
if (value === "transparent")
|
|
43
|
+
return undefined;
|
|
44
|
+
if (["surface", "page", "overlay"].includes(value))
|
|
45
|
+
return `${value}-${type}`;
|
|
46
|
+
const parts = value.split("-");
|
|
47
|
+
if (parts.includes("alpha")) {
|
|
48
|
+
const [scheme, , weight] = parts;
|
|
49
|
+
return `${scheme}-${type}-alpha-${weight}`;
|
|
50
|
+
}
|
|
51
|
+
const [scheme, weight] = value.split("-");
|
|
52
|
+
return `${scheme}-${type}-${weight}`;
|
|
53
|
+
};
|
|
54
|
+
const generateBorderClass = (value) => {
|
|
55
|
+
if (value === true)
|
|
56
|
+
return "default-border";
|
|
57
|
+
if (value === "transparent")
|
|
58
|
+
return "transparent-border";
|
|
59
|
+
const parts = value.split("-");
|
|
60
|
+
if (parts.includes("alpha")) {
|
|
61
|
+
const [scheme, , weight] = parts;
|
|
62
|
+
return `${scheme}-border-alpha-${weight}`;
|
|
63
|
+
}
|
|
64
|
+
const [scheme, weight] = value.split("-");
|
|
65
|
+
return `${scheme}-border-${weight}`;
|
|
66
|
+
};
|
|
67
|
+
// Properties handled by CSS classes via useResponsiveClasses
|
|
68
|
+
const CLASS_BASED_PROPS = new Set([
|
|
69
|
+
"direction", "horizontal", "vertical", "center", "wrap", "flex",
|
|
70
|
+
"position", "hide", "overflow", "overflowX", "overflowY",
|
|
71
|
+
"top", "right", "bottom", "left",
|
|
72
|
+
]);
|
|
8
73
|
const ClientFlex = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref) => {
|
|
9
74
|
const elementRef = useRef(null);
|
|
10
75
|
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
@@ -66,16 +131,70 @@ const ClientFlex = forwardRef(({ cursor, hide, xl, l, m, s, xs, ...props }, ref)
|
|
|
66
131
|
}
|
|
67
132
|
// Apply new responsive styles if we have them for current breakpoint
|
|
68
133
|
if (currentResponsiveProps) {
|
|
134
|
+
const setStyle = (key, value) => {
|
|
135
|
+
element.style[key] = value;
|
|
136
|
+
appliedResponsiveStyles.current.add(key);
|
|
137
|
+
};
|
|
138
|
+
// Handle the style escape hatch
|
|
69
139
|
if (currentResponsiveProps.style) {
|
|
70
140
|
Object.entries(currentResponsiveProps.style).forEach(([key, value]) => {
|
|
71
|
-
|
|
72
|
-
appliedResponsiveStyles.current.add(key);
|
|
141
|
+
setStyle(key, value);
|
|
73
142
|
});
|
|
74
143
|
}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
144
|
+
// Handle inline-style-only props (not handled by CSS classes)
|
|
145
|
+
if (currentResponsiveProps.aspectRatio !== undefined)
|
|
146
|
+
setStyle("aspectRatio", currentResponsiveProps.aspectRatio);
|
|
147
|
+
if (currentResponsiveProps.width !== undefined)
|
|
148
|
+
setStyle("width", parseDimension(currentResponsiveProps.width, "width"));
|
|
149
|
+
if (currentResponsiveProps.height !== undefined)
|
|
150
|
+
setStyle("height", parseDimension(currentResponsiveProps.height, "height"));
|
|
151
|
+
if (currentResponsiveProps.maxWidth !== undefined && !["xs", "s", "m", "l", "xl"].includes(currentResponsiveProps.maxWidth))
|
|
152
|
+
setStyle("maxWidth", parseDimension(currentResponsiveProps.maxWidth, "width"));
|
|
153
|
+
if (currentResponsiveProps.minWidth !== undefined)
|
|
154
|
+
setStyle("minWidth", parseDimension(currentResponsiveProps.minWidth, "width"));
|
|
155
|
+
if (currentResponsiveProps.minHeight !== undefined)
|
|
156
|
+
setStyle("minHeight", parseDimension(currentResponsiveProps.minHeight, "height"));
|
|
157
|
+
if (currentResponsiveProps.maxHeight !== undefined)
|
|
158
|
+
setStyle("maxHeight", parseDimension(currentResponsiveProps.maxHeight, "height"));
|
|
159
|
+
// Handle numeric spacing (token-based spacing is handled by CSS classes in ServerFlex/useResponsiveClasses)
|
|
160
|
+
if (typeof currentResponsiveProps.padding === "number")
|
|
161
|
+
setStyle("padding", `${currentResponsiveProps.padding}rem`);
|
|
162
|
+
if (typeof currentResponsiveProps.paddingLeft === "number")
|
|
163
|
+
setStyle("paddingLeft", `${currentResponsiveProps.paddingLeft}rem`);
|
|
164
|
+
if (typeof currentResponsiveProps.paddingRight === "number")
|
|
165
|
+
setStyle("paddingRight", `${currentResponsiveProps.paddingRight}rem`);
|
|
166
|
+
if (typeof currentResponsiveProps.paddingTop === "number")
|
|
167
|
+
setStyle("paddingTop", `${currentResponsiveProps.paddingTop}rem`);
|
|
168
|
+
if (typeof currentResponsiveProps.paddingBottom === "number")
|
|
169
|
+
setStyle("paddingBottom", `${currentResponsiveProps.paddingBottom}rem`);
|
|
170
|
+
if (typeof currentResponsiveProps.paddingX === "number") {
|
|
171
|
+
setStyle("paddingLeft", `${currentResponsiveProps.paddingX}rem`);
|
|
172
|
+
setStyle("paddingRight", `${currentResponsiveProps.paddingX}rem`);
|
|
173
|
+
}
|
|
174
|
+
if (typeof currentResponsiveProps.paddingY === "number") {
|
|
175
|
+
setStyle("paddingTop", `${currentResponsiveProps.paddingY}rem`);
|
|
176
|
+
setStyle("paddingBottom", `${currentResponsiveProps.paddingY}rem`);
|
|
177
|
+
}
|
|
178
|
+
if (typeof currentResponsiveProps.margin === "number")
|
|
179
|
+
setStyle("margin", `${currentResponsiveProps.margin}rem`);
|
|
180
|
+
if (typeof currentResponsiveProps.marginLeft === "number")
|
|
181
|
+
setStyle("marginLeft", `${currentResponsiveProps.marginLeft}rem`);
|
|
182
|
+
if (typeof currentResponsiveProps.marginRight === "number")
|
|
183
|
+
setStyle("marginRight", `${currentResponsiveProps.marginRight}rem`);
|
|
184
|
+
if (typeof currentResponsiveProps.marginTop === "number")
|
|
185
|
+
setStyle("marginTop", `${currentResponsiveProps.marginTop}rem`);
|
|
186
|
+
if (typeof currentResponsiveProps.marginBottom === "number")
|
|
187
|
+
setStyle("marginBottom", `${currentResponsiveProps.marginBottom}rem`);
|
|
188
|
+
if (typeof currentResponsiveProps.marginX === "number") {
|
|
189
|
+
setStyle("marginLeft", `${currentResponsiveProps.marginX}rem`);
|
|
190
|
+
setStyle("marginRight", `${currentResponsiveProps.marginX}rem`);
|
|
191
|
+
}
|
|
192
|
+
if (typeof currentResponsiveProps.marginY === "number") {
|
|
193
|
+
setStyle("marginTop", `${currentResponsiveProps.marginY}rem`);
|
|
194
|
+
setStyle("marginBottom", `${currentResponsiveProps.marginY}rem`);
|
|
78
195
|
}
|
|
196
|
+
if (typeof currentResponsiveProps.gap === "number")
|
|
197
|
+
setStyle("gap", `${currentResponsiveProps.gap}rem`);
|
|
79
198
|
}
|
|
80
199
|
}, [xl, l, m, s, xs, props.style, currentBreakpoint]);
|
|
81
200
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClientFlex.js","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ClientFlex.js","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,9 +7,10 @@ interface CompareImageProps extends React.ComponentProps<typeof Flex> {
|
|
|
7
7
|
leftContent: SideContent;
|
|
8
8
|
rightContent: SideContent;
|
|
9
9
|
aspectRatio?: string;
|
|
10
|
+
unoptimized?: boolean;
|
|
10
11
|
}
|
|
11
12
|
declare const CompareImage: {
|
|
12
|
-
({ leftContent, rightContent, aspectRatio, ...rest }: CompareImageProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
({ leftContent, rightContent, aspectRatio, unoptimized, ...rest }: CompareImageProps): import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
displayName: string;
|
|
14
15
|
};
|
|
15
16
|
export { CompareImage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"CompareImage.d.ts","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAqB,MAAM,GAAG,CAAC;AAG5C,UAAU,WAAW;IACnB,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA6BD,QAAA,MAAM,YAAY;uEAMf,iBAAiB;;CAuFnB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -3,13 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState, useRef, useEffect, useCallback } from "react";
|
|
4
4
|
import { Flex, Media, IconButton } from ".";
|
|
5
5
|
import styles from "./CompareImage.module.scss";
|
|
6
|
-
const renderContent = (content, clipPath, aspectRatio) => {
|
|
6
|
+
const renderContent = (content, clipPath, aspectRatio, unoptimized) => {
|
|
7
7
|
if (typeof content.src === "string") {
|
|
8
|
-
return (_jsx(Media, { src: content.src, alt: content.alt || "", fill: true, aspectRatio: aspectRatio || "16/9", position: "absolute", style: { clipPath } }));
|
|
8
|
+
return (_jsx(Media, { src: content.src, alt: content.alt || "", fill: true, unoptimized: unoptimized, aspectRatio: aspectRatio || "16/9", position: "absolute", style: { clipPath } }));
|
|
9
9
|
}
|
|
10
10
|
return (_jsx(Flex, { fill: true, position: "absolute", style: { clipPath }, children: content.src }));
|
|
11
11
|
};
|
|
12
|
-
const CompareImage = ({ leftContent, rightContent, aspectRatio, ...rest }) => {
|
|
12
|
+
const CompareImage = ({ leftContent, rightContent, aspectRatio, unoptimized, ...rest }) => {
|
|
13
13
|
const [position, setPosition] = useState(50);
|
|
14
14
|
const isDraggingRef = useRef(false);
|
|
15
15
|
const containerRef = useRef(null);
|
|
@@ -47,7 +47,7 @@ const CompareImage = ({ leftContent, rightContent, aspectRatio, ...rest }) => {
|
|
|
47
47
|
document.removeEventListener("touchend", handleMouseUp);
|
|
48
48
|
};
|
|
49
49
|
}, [handleMouseMove, handleMouseUp, handleTouchMove]);
|
|
50
|
-
return (_jsxs(Flex, { ref: containerRef, aspectRatio: aspectRatio || "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`, aspectRatio), renderContent(rightContent, `inset(0 0 0 ${position}%)`, aspectRatio), _jsx(Flex, { position: "absolute", horizontal: "center", width: 3, className: styles.hitArea, top: "0", bottom: "0", style: {
|
|
50
|
+
return (_jsxs(Flex, { ref: containerRef, aspectRatio: aspectRatio || "16/9", fillWidth: true, style: { touchAction: "none" }, ...rest, children: [renderContent(leftContent, `inset(0 ${100 - position}% 0 0)`, aspectRatio, unoptimized), renderContent(rightContent, `inset(0 0 0 ${position}%)`, aspectRatio, unoptimized), _jsx(Flex, { position: "absolute", horizontal: "center", width: 3, className: styles.hitArea, top: "0", bottom: "0", style: {
|
|
51
51
|
left: `${position}%`,
|
|
52
52
|
cursor: "col-resize",
|
|
53
53
|
}, onMouseDown: handleMouseDown, onTouchStart: handleMouseDown, children: _jsx(Flex, { width: "1", fillHeight: true, background: "neutral-strong", zIndex: 2 }) }), _jsx(Flex, { radius: "l", background: "surface", fitHeight: true, className: styles.dragIcon, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAC5C,OAAO,MAAM,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"CompareImage.js","sourceRoot":"","sources":["../../src/components/CompareImage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,6 @@ export interface CountFxProps extends React.ComponentProps<typeof Text> {
|
|
|
10
10
|
effect?: "simple" | "wheel" | "smooth";
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
}
|
|
13
|
-
declare const CountFx: React.
|
|
13
|
+
declare const CountFx: React.ForwardRefExoticComponent<Omit<CountFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
14
14
|
export { CountFx };
|
|
15
15
|
//# sourceMappingURL=CountFx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountFx.d.ts","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"CountFx.d.ts","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAO,IAAI,EAAE,MAAM,GAAG,CAAC;AAE9B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,kGAyTX,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useEffect, useState, useRef } from "react";
|
|
3
|
+
import { useEffect, useState, useRef, forwardRef } from "react";
|
|
4
4
|
import { Row, Text } from ".";
|
|
5
|
-
const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator, decimals, effect = "simple", children, ...text }) => {
|
|
5
|
+
const CountFx = forwardRef(({ value, speed = 1000, easing = "ease-out", format, separator, decimals, effect = "simple", children, ...text }, ref) => {
|
|
6
6
|
const [displayValue, setDisplayValue] = useState(value);
|
|
7
7
|
const [animationProgress, setAnimationProgress] = useState(1);
|
|
8
8
|
const animationRef = useRef(undefined);
|
|
@@ -191,13 +191,13 @@ const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator,
|
|
|
191
191
|
};
|
|
192
192
|
}, []);
|
|
193
193
|
if (effect === "wheel") {
|
|
194
|
-
return (_jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderWheelDigits(displayValue, value), children] }));
|
|
194
|
+
return (_jsx("span", { ref: ref, children: _jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderWheelDigits(displayValue, value), children] }) }));
|
|
195
195
|
}
|
|
196
196
|
if (effect === "smooth") {
|
|
197
|
-
return (_jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderSmoothDigits(previousValueRef.current, value, animationProgress), children] }));
|
|
197
|
+
return (_jsx("span", { ref: ref, children: _jsxs(Text, { ...text, style: { display: "flex", alignItems: "center", gap: "0.1em", ...text.style }, children: [renderSmoothDigits(previousValueRef.current, value, animationProgress), children] }) }));
|
|
198
198
|
}
|
|
199
|
-
return (_jsxs(Text, { ...text, children: [formatValue(displayValue), children] }));
|
|
200
|
-
};
|
|
199
|
+
return (_jsx("span", { ref: ref, children: _jsxs(Text, { ...text, children: [formatValue(displayValue), children] }) }));
|
|
200
|
+
});
|
|
201
201
|
CountFx.displayName = "CountFx";
|
|
202
202
|
export { CountFx };
|
|
203
203
|
//# sourceMappingURL=CountFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountFx.js","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CountFx.js","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,6 @@ export interface CountdownFxProps extends Omit<CountFxProps, 'value' | 'format'
|
|
|
6
6
|
effect?: CountFxProps['effect'];
|
|
7
7
|
onComplete?: () => void;
|
|
8
8
|
}
|
|
9
|
-
declare const CountdownFx: React.
|
|
9
|
+
declare const CountdownFx: React.ForwardRefExoticComponent<Omit<CountdownFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
10
|
export { CountdownFx };
|
|
11
11
|
//# sourceMappingURL=CountdownFx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountdownFx.d.ts","sourceRoot":"","sources":["../../src/components/CountdownFx.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"CountdownFx.d.ts","sourceRoot":"","sources":["../../src/components/CountdownFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAsB,YAAY,EAAE,MAAM,GAAG,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC;IACvG,UAAU,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,OAAO,CAAC;IAC9C,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,WAAW,sGAkHf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useEffect, useState } from "react";
|
|
3
|
+
import { useEffect, useState, forwardRef } from "react";
|
|
4
4
|
import { Row, Text, CountFx } from ".";
|
|
5
|
-
const CountdownFx = ({ targetDate, format = "HH:MM:SS", effect = "wheel", onComplete, ...countFxProps }) => {
|
|
5
|
+
const CountdownFx = forwardRef(({ targetDate, format = "HH:MM:SS", effect = "wheel", onComplete, ...countFxProps }, ref) => {
|
|
6
6
|
const [timeRemaining, setTimeRemaining] = useState({
|
|
7
7
|
days: 0,
|
|
8
8
|
hours: 0,
|
|
@@ -38,12 +38,12 @@ const CountdownFx = ({ targetDate, format = "HH:MM:SS", effect = "wheel", onComp
|
|
|
38
38
|
const digits = paddedValue.split('');
|
|
39
39
|
return (_jsx(Row, { gap: "0", inline: true, children: digits.map((digit, index) => (_jsx(CountFx, { value: parseInt(digit), effect: effect, speed: 400, ...countFxProps }, `${key}-${index}`))) }, key));
|
|
40
40
|
};
|
|
41
|
-
const renderSeparator = () => (_jsx(Text, { ...countFxProps, style: { width: '0.5em', textAlign: 'center' }, children: ":" },
|
|
41
|
+
const renderSeparator = () => (_jsx(Text, { ...countFxProps, style: { width: '0.5em', textAlign: 'center' }, children: ":" }, "separator"));
|
|
42
42
|
if (timeRemaining.total === 0) {
|
|
43
43
|
return (_jsxs(Row, { gap: "0", align: "center", textVariant: countFxProps.variant, style: { fontVariantNumeric: 'tabular-nums' }, children: [format === "DD:HH:MM:SS" && (_jsxs(_Fragment, { children: [renderTimeUnit(0, 'days'), renderSeparator()] })), renderTimeUnit(0, 'hours'), renderSeparator(), renderTimeUnit(0, 'minutes'), format !== "MM:SS" && (_jsxs(_Fragment, { children: [renderSeparator(), renderTimeUnit(0, 'seconds')] }))] }));
|
|
44
44
|
}
|
|
45
45
|
return (_jsxs(Row, { gap: "0", align: "center", style: { fontVariantNumeric: 'tabular-nums' }, children: [format === "DD:HH:MM:SS" && timeRemaining.days > 0 && (_jsxs(_Fragment, { children: [renderTimeUnit(timeRemaining.days, 'days'), renderSeparator()] })), format !== "MM:SS" && (_jsxs(_Fragment, { children: [renderTimeUnit(format === "DD:HH:MM:SS" ? timeRemaining.hours : timeRemaining.days * 24 + timeRemaining.hours, 'hours'), renderSeparator()] })), renderTimeUnit(timeRemaining.minutes, 'minutes'), renderSeparator(), renderTimeUnit(timeRemaining.seconds, 'seconds')] }));
|
|
46
|
-
};
|
|
46
|
+
});
|
|
47
47
|
CountdownFx.displayName = "CountdownFx";
|
|
48
48
|
export { CountdownFx };
|
|
49
49
|
//# sourceMappingURL=CountdownFx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountdownFx.js","sourceRoot":"","sources":["../../src/components/CountdownFx.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CountdownFx.js","sourceRoot":"","sources":["../../src/components/CountdownFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ interface CursorProps {
|
|
|
3
3
|
cursor: React.ReactNode;
|
|
4
4
|
elementRef: React.RefObject<HTMLElement | null>;
|
|
5
5
|
}
|
|
6
|
-
export declare const Cursor: React.
|
|
6
|
+
export declare const Cursor: React.ForwardRefExoticComponent<CursorProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
7
|
export default Cursor;
|
|
8
8
|
//# sourceMappingURL=Cursor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../src/components/Cursor.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../src/components/Cursor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,UAAU,WAAW;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,MAAM,oFA+FjB,CAAC;AAGH,eAAe,MAAM,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useEffect, useState } from "react";
|
|
3
|
+
import { useEffect, useState, forwardRef } from "react";
|
|
4
4
|
import { createPortal } from "react-dom";
|
|
5
5
|
import { Flex } from ".";
|
|
6
|
-
export const Cursor = ({ cursor, elementRef }) => {
|
|
6
|
+
export const Cursor = forwardRef(({ cursor, elementRef }, ref) => {
|
|
7
7
|
const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
|
|
8
8
|
const [isHovering, setIsHovering] = useState(false);
|
|
9
9
|
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
@@ -64,16 +64,16 @@ export const Cursor = ({ cursor, elementRef }) => {
|
|
|
64
64
|
document.removeEventListener("mousemove", handleMouseMove);
|
|
65
65
|
};
|
|
66
66
|
}, [cursor, elementRef, isTouchDevice]);
|
|
67
|
-
// Don't render custom cursor on touch devices
|
|
68
|
-
if (isTouchDevice || !isHovering)
|
|
67
|
+
// Don't render custom cursor on touch devices or during SSR
|
|
68
|
+
if (isTouchDevice || !isHovering || typeof document === "undefined")
|
|
69
69
|
return null;
|
|
70
|
-
return createPortal(_jsx(Flex, { position: "fixed", pointerEvents: "none", zIndex: 10, style: {
|
|
70
|
+
return createPortal(_jsx(Flex, { ref: ref, position: "fixed", pointerEvents: "none", zIndex: 10, style: {
|
|
71
71
|
left: mousePosition.x,
|
|
72
72
|
top: mousePosition.y,
|
|
73
73
|
transform: "translate(-50%, -50%)",
|
|
74
74
|
transition: "none",
|
|
75
75
|
}, children: cursor }), document.body);
|
|
76
|
-
};
|
|
76
|
+
});
|
|
77
77
|
Cursor.displayName = "Cursor";
|
|
78
78
|
export default Cursor;
|
|
79
79
|
//# sourceMappingURL=Cursor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cursor.js","sourceRoot":"","sources":["../../src/components/Cursor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Cursor.js","sourceRoot":"","sources":["../../src/components/Cursor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,6 @@ interface DateInputProps extends Omit<React.ComponentProps<typeof Input>, "onCha
|
|
|
13
13
|
minDate?: Date;
|
|
14
14
|
maxDate?: Date;
|
|
15
15
|
}
|
|
16
|
-
export declare const DateInput: React.
|
|
16
|
+
export declare const DateInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=DateInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,KAAK,EAA+B,MAAM,GAAG,CAAC;AAEvD,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC7F,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAiBD,eAAO,MAAM,SAAS,oGAqFpB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useCallback, useEffect } from "react";
|
|
3
|
+
import { useState, useCallback, useEffect, forwardRef } from "react";
|
|
4
4
|
import { Input, DropdownWrapper, DatePicker } from ".";
|
|
5
5
|
const formatDate = (date, timePicker) => {
|
|
6
6
|
const options = {
|
|
@@ -15,7 +15,7 @@ const formatDate = (date, timePicker) => {
|
|
|
15
15
|
};
|
|
16
16
|
return date.toLocaleString("en-US", options);
|
|
17
17
|
};
|
|
18
|
-
export const DateInput = ({ id, label, placeholder, value, onChange, error, minHeight, className, style, timePicker = false, minDate, maxDate, ...rest }) => {
|
|
18
|
+
export const DateInput = forwardRef(({ id, label, placeholder, value, onChange, error, minHeight, className, style, timePicker = false, minDate, maxDate, ...rest }, ref) => {
|
|
19
19
|
const [isOpen, setIsOpen] = useState(false);
|
|
20
20
|
const [inputValue, setInputValue] = useState(value ? formatDate(value, timePicker) : "");
|
|
21
21
|
useEffect(() => {
|
|
@@ -36,8 +36,9 @@ export const DateInput = ({ id, label, placeholder, value, onChange, error, minH
|
|
|
36
36
|
const handleInputFocus = useCallback(() => {
|
|
37
37
|
setIsOpen(true);
|
|
38
38
|
}, []);
|
|
39
|
-
return (_jsx(DropdownWrapper, { trigger: _jsx(Input, { style: {
|
|
39
|
+
return (_jsx(DropdownWrapper, { ref: ref, trigger: _jsx(Input, { style: {
|
|
40
40
|
textOverflow: "ellipsis",
|
|
41
|
-
}, id: id, label: label, placeholder: placeholder, value: inputValue, error: error, readOnly: true, onFocus: handleInputFocus, ...rest }), dropdown: _jsx(DatePicker, { padding: "20", value: value, onChange: handleDateChange, timePicker: timePicker, minDate: minDate, maxDate: maxDate, autoFocus: true, isOpen: isOpen }, `datepicker-${isOpen ? "open" : "closed"}-${value?.getTime() || 0}`), fillWidth:
|
|
42
|
-
};
|
|
41
|
+
}, id: id, label: label, placeholder: placeholder, value: inputValue, error: error, readOnly: true, onFocus: handleInputFocus, ...rest }), dropdown: _jsx(DatePicker, { padding: "20", value: value, onChange: handleDateChange, timePicker: timePicker, minDate: minDate, maxDate: maxDate, autoFocus: true, isOpen: isOpen }, `datepicker-${isOpen ? "open" : "closed"}-${value?.getTime() || 0}`), fillWidth: false, minHeight: minHeight, isOpen: isOpen, onOpenChange: setIsOpen, className: className, closeAfterClick: !timePicker, disableTriggerClick: true, style: { ...style }, handleArrowNavigation: false }));
|
|
42
|
+
});
|
|
43
|
+
DateInput.displayName = "DateInput";
|
|
43
44
|
//# sourceMappingURL=DateInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,IAAI,EAcL,MAAM,GAAG,CAAC;AACX,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAIhD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,IAAI,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAE5E,OAAO,EACL,IAAI,EAcL,MAAM,GAAG,CAAC;AACX,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAIhD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE;QACN,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,IAAI,CAAC;KAChB,CAAC;IACF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,UAAU,qGAm3Bf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useState, forwardRef, useEffect, useCallback } from "react";
|
|
4
|
-
import classNames from "
|
|
4
|
+
import classNames from "clsx";
|
|
5
5
|
import { Flex, Text, Button, Grid, SegmentedControl, IconButton, RevealFx, NumberInput, DropdownWrapper, Option, Column, Icon, Row, ArrowNavigation, } from ".";
|
|
6
6
|
import { getLastOpenedDropdown, setLastOpenedDropdown, clearLastOpenedDropdown } from "../utils";
|
|
7
7
|
import styles from "./DatePicker.module.scss";
|
|
@@ -203,8 +203,8 @@ const DatePicker = forwardRef(({ value, onChange, timePicker = false, previousMo
|
|
|
203
203
|
};
|
|
204
204
|
const generateYearOptions = () => {
|
|
205
205
|
const currentYearNum = new Date().getFullYear();
|
|
206
|
-
const minYear = minDate ? minDate.getFullYear() : currentYearNum -
|
|
207
|
-
const maxYear = maxDate ? maxDate.getFullYear() : currentYearNum +
|
|
206
|
+
const minYear = minDate ? minDate.getFullYear() : currentYearNum - 25;
|
|
207
|
+
const maxYear = maxDate ? maxDate.getFullYear() : currentYearNum + 25;
|
|
208
208
|
const years = [];
|
|
209
209
|
for (let i = minYear; i <= maxYear; i++) {
|
|
210
210
|
years.push(i);
|
|
@@ -411,7 +411,7 @@ const DatePicker = forwardRef(({ value, onChange, timePicker = false, previousMo
|
|
|
411
411
|
clearLastOpenedDropdown();
|
|
412
412
|
}
|
|
413
413
|
} }, month));
|
|
414
|
-
}) }), "data-dropdown-id": "month-dropdown" }), _jsx(DropdownWrapper, {
|
|
414
|
+
}) }), "data-dropdown-id": "month-dropdown" }), _jsx(DropdownWrapper, { isNested: isNested, isOpen: isYearOpen, dropdownId: "year-dropdown", onOpenChange: (open) => {
|
|
415
415
|
setIsYearOpen(open);
|
|
416
416
|
// Update global tracking for keyboard navigation
|
|
417
417
|
if (open) {
|
|
@@ -425,7 +425,7 @@ const DatePicker = forwardRef(({ value, onChange, timePicker = false, previousMo
|
|
|
425
425
|
event.stopPropagation();
|
|
426
426
|
setIsYearOpen(true);
|
|
427
427
|
setLastOpenedDropdown("year-dropdown");
|
|
428
|
-
}, children: _jsxs(Row, { vertical: "center", gap: "4", children: [currentYear.toString(), _jsx(Icon, { name: "chevronDown", onBackground: "neutral-weak", size: "xs" })] }) }), dropdown: _jsx(
|
|
428
|
+
}, children: _jsxs(Row, { vertical: "center", gap: "4", children: [currentYear.toString(), _jsx(Icon, { name: "chevronDown", onBackground: "neutral-weak", size: "xs" })] }) }), dropdown: _jsx(Column, { fillWidth: true, padding: "4", gap: "2", overflowY: "auto", style: { maxHeight: "16rem" }, onClick: (event) => {
|
|
429
429
|
event.preventDefault();
|
|
430
430
|
event.stopPropagation();
|
|
431
431
|
}, children: generateYearOptions().map((year) => {
|