@once-ui-system/core 1.3.15 → 1.4.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/dist/components/Accordion.d.ts +1 -0
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.js +18 -10
- package/dist/components/Accordion.js.map +1 -1
- package/dist/components/AccordionGroup.d.ts +1 -0
- package/dist/components/AccordionGroup.d.ts.map +1 -1
- package/dist/components/AccordionGroup.js +18 -3
- package/dist/components/AccordionGroup.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts +33 -0
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -0
- package/dist/components/ArrowNavigationContext.js +60 -0
- package/dist/components/ArrowNavigationContext.js.map +1 -0
- package/dist/components/AutoScroll.js +1 -1
- package/dist/components/AutoScroll.js.map +1 -1
- package/dist/components/Button.d.ts +2 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +3 -3
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.module.scss +31 -8
- package/dist/components/Carousel.js +5 -5
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/ClientFlex.d.ts +7 -0
- package/dist/components/ClientFlex.d.ts.map +1 -0
- package/dist/components/ClientFlex.js +95 -0
- package/dist/components/ClientFlex.js.map +1 -0
- package/dist/components/ClientGrid.d.ts +7 -0
- package/dist/components/ClientGrid.d.ts.map +1 -0
- package/dist/components/ClientGrid.js +95 -0
- package/dist/components/ClientGrid.js.map +1 -0
- package/dist/components/Column.d.ts.map +1 -1
- package/dist/components/Column.js +1 -0
- package/dist/components/Column.js.map +1 -1
- package/dist/components/CountFx.d.ts +14 -0
- package/dist/components/CountFx.d.ts.map +1 -0
- package/dist/components/CountFx.js +195 -0
- package/dist/components/CountFx.js.map +1 -0
- package/dist/components/Cursor.d.ts +8 -0
- package/dist/components/Cursor.d.ts.map +1 -0
- package/dist/components/Cursor.js +79 -0
- package/dist/components/Cursor.js.map +1 -0
- package/dist/components/CursorCard.js +1 -1
- package/dist/components/CursorCard.js.map +1 -1
- package/dist/components/DateInput.d.ts +2 -0
- package/dist/components/DateInput.d.ts.map +1 -1
- package/dist/components/DateInput.js +8 -7
- package/dist/components/DateInput.js.map +1 -1
- package/dist/components/DatePicker.d.ts +3 -0
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +297 -23
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DateRangeInput.d.ts.map +1 -1
- package/dist/components/DateRangeInput.js +6 -3
- package/dist/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +3 -1
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +8 -0
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +237 -79
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/ElementType.js +1 -1
- package/dist/components/ElementType.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts +2 -3
- package/dist/components/EmojiPicker.d.ts.map +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/EmojiPickerDropdown.d.ts +2 -2
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -1
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +1 -1
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/Flex.d.ts +4 -3
- package/dist/components/Flex.d.ts.map +1 -1
- package/dist/components/Flex.js +135 -94
- package/dist/components/Flex.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +16 -0
- package/dist/components/FocusTrap.d.ts.map +1 -0
- package/dist/components/FocusTrap.js +82 -0
- package/dist/components/FocusTrap.js.map +1 -0
- package/dist/components/Grid.d.ts +3 -5
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Grid.js +135 -62
- package/dist/components/Grid.js.map +1 -1
- package/dist/components/HoloFx.js +3 -3
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/List.d.ts +11 -0
- package/dist/components/List.d.ts.map +1 -0
- package/dist/components/List.js +15 -0
- package/dist/components/List.js.map +1 -0
- package/dist/components/List.module.scss +30 -0
- package/dist/components/ListItem.d.ts +10 -0
- package/dist/components/ListItem.d.ts.map +1 -0
- package/dist/components/ListItem.js +12 -0
- package/dist/components/ListItem.js.map +1 -0
- package/dist/components/Media.d.ts +3 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +18 -18
- package/dist/components/Media.js.map +1 -1
- package/dist/components/OgCard.d.ts +9 -10
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +43 -29
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/Option.d.ts +1 -0
- package/dist/components/Option.d.ts.map +1 -1
- package/dist/components/Option.js +52 -13
- package/dist/components/Option.js.map +1 -1
- package/dist/components/Option.module.scss +14 -3
- package/dist/components/ProgressBar.d.ts +15 -0
- package/dist/components/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar.js +12 -0
- package/dist/components/ProgressBar.js.map +1 -0
- package/dist/components/RevealFx.d.ts +1 -1
- package/dist/components/RevealFx.d.ts.map +1 -1
- package/dist/components/RevealFx.js +3 -0
- package/dist/components/RevealFx.js.map +1 -1
- package/dist/components/RevealFx.module.scss +1 -1
- package/dist/components/Row.d.ts.map +1 -1
- package/dist/components/Row.js +1 -0
- package/dist/components/Row.js.map +1 -1
- package/dist/components/Select.d.ts +3 -2
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +82 -178
- package/dist/components/Select.js.map +1 -1
- package/dist/components/ServerFlex.d.ts +6 -0
- package/dist/components/ServerFlex.d.ts.map +1 -0
- package/dist/components/ServerFlex.js +123 -0
- package/dist/components/ServerFlex.js.map +1 -0
- package/dist/components/ServerGrid.d.ts +7 -0
- package/dist/components/ServerGrid.d.ts.map +1 -0
- package/dist/components/ServerGrid.js +74 -0
- package/dist/components/ServerGrid.js.map +1 -0
- package/dist/components/StylePanel.js +10 -10
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/Switch.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +1 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/index.d.ts +11 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +11 -0
- package/dist/components/index.js.map +1 -1
- package/dist/contexts/LayoutContext.d.ts +24 -0
- package/dist/contexts/LayoutContext.d.ts.map +1 -0
- package/dist/contexts/LayoutContext.js +72 -0
- package/dist/contexts/LayoutContext.js.map +1 -0
- package/dist/contexts/index.d.ts +1 -0
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/contexts/index.js +1 -0
- package/dist/contexts/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/data/emoji-data.json +8 -0
- package/dist/hooks/useArrowNavigation.d.ts +23 -0
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -0
- package/dist/hooks/useArrowNavigation.js +208 -0
- package/dist/hooks/useArrowNavigation.js.map +1 -0
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +8 -0
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +3 -2
- package/dist/icons.js.map +1 -1
- package/dist/interfaces.d.ts +56 -16
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.js +4 -4
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.js +2 -2
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/ChartHeader.js +1 -1
- package/dist/modules/data/ChartHeader.js.map +1 -1
- package/dist/modules/data/ChartStatus.d.ts +3 -1
- package/dist/modules/data/ChartStatus.d.ts.map +1 -1
- package/dist/modules/data/ChartStatus.js +3 -3
- package/dist/modules/data/ChartStatus.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/DataTooltip.js +2 -22
- package/dist/modules/data/DataTooltip.js.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.js +2 -2
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.js +2 -2
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.js +2 -2
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/data/interfaces.d.ts +2 -0
- package/dist/modules/data/interfaces.d.ts.map +1 -1
- package/dist/modules/navigation/HeadingLink.js +1 -1
- package/dist/modules/navigation/HeadingLink.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts +2 -0
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +8 -12
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js +1 -1
- package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/styles/border.scss +10 -0
- package/dist/styles/display.scss +116 -0
- package/dist/styles/flex.scss +305 -6
- package/dist/styles/global.scss +0 -33
- package/dist/styles/grid.scss +110 -24
- package/dist/styles/index.scss +13 -14
- package/dist/styles/position.scss +932 -0
- package/dist/types.d.ts +3 -2
- package/dist/types.d.ts.map +1 -1
- package/package.json +102 -100
- package/dist/styles/layout.scss +0 -119
- package/next-env.d.ts +0 -5
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { ServerFlex, Cursor } from ".";
|
|
5
|
+
import { useRef, useEffect, useCallback, useState } from "react";
|
|
6
|
+
import { useLayout } from "../contexts/LayoutContext";
|
|
7
|
+
export const ClientFlex = forwardRef(({ cursor, ...props }, ref) => {
|
|
8
|
+
const elementRef = useRef(null);
|
|
9
|
+
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
10
|
+
const { currentBreakpoint } = useLayout();
|
|
11
|
+
// Combine refs
|
|
12
|
+
const combinedRef = (node) => {
|
|
13
|
+
elementRef.current = node;
|
|
14
|
+
if (typeof ref === 'function') {
|
|
15
|
+
ref(node);
|
|
16
|
+
}
|
|
17
|
+
else if (ref) {
|
|
18
|
+
ref.current = node;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const appliedResponsiveStyles = useRef(new Set());
|
|
22
|
+
const baseStyleRef = useRef({});
|
|
23
|
+
// Responsive styles logic (client-side only)
|
|
24
|
+
const applyResponsiveStyles = useCallback(() => {
|
|
25
|
+
if (!elementRef.current)
|
|
26
|
+
return;
|
|
27
|
+
const element = elementRef.current;
|
|
28
|
+
// Update base styles when style prop changes
|
|
29
|
+
if (props.style) {
|
|
30
|
+
baseStyleRef.current = { ...props.style };
|
|
31
|
+
}
|
|
32
|
+
// Determine which responsive props to apply based on current breakpoint
|
|
33
|
+
let currentResponsiveProps = null;
|
|
34
|
+
if (currentBreakpoint === 'l' && props.l) {
|
|
35
|
+
currentResponsiveProps = props.l;
|
|
36
|
+
}
|
|
37
|
+
else if (currentBreakpoint === 'm' && props.m) {
|
|
38
|
+
currentResponsiveProps = props.m;
|
|
39
|
+
}
|
|
40
|
+
else if (currentBreakpoint === 's' && props.s) {
|
|
41
|
+
currentResponsiveProps = props.s;
|
|
42
|
+
}
|
|
43
|
+
// Clear only responsive styles, not base styles
|
|
44
|
+
appliedResponsiveStyles.current.forEach(key => {
|
|
45
|
+
element.style[key] = '';
|
|
46
|
+
});
|
|
47
|
+
appliedResponsiveStyles.current.clear();
|
|
48
|
+
// Reapply base styles
|
|
49
|
+
if (baseStyleRef.current) {
|
|
50
|
+
Object.entries(baseStyleRef.current).forEach(([key, value]) => {
|
|
51
|
+
element.style[key] = value;
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
// Apply new responsive styles if we have them for current breakpoint
|
|
55
|
+
if (currentResponsiveProps) {
|
|
56
|
+
if (currentResponsiveProps.style) {
|
|
57
|
+
Object.entries(currentResponsiveProps.style).forEach(([key, value]) => {
|
|
58
|
+
element.style[key] = value;
|
|
59
|
+
appliedResponsiveStyles.current.add(key);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
if (currentResponsiveProps.aspectRatio) {
|
|
63
|
+
element.style.aspectRatio = currentResponsiveProps.aspectRatio;
|
|
64
|
+
appliedResponsiveStyles.current.add('aspect-ratio');
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}, [props.l, props.m, props.s, props.style, currentBreakpoint]);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
applyResponsiveStyles();
|
|
70
|
+
}, [applyResponsiveStyles]);
|
|
71
|
+
// Detect touch device
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
const checkTouchDevice = () => {
|
|
74
|
+
const hasTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
|
|
75
|
+
const hasPointer = window.matchMedia('(pointer: fine)').matches;
|
|
76
|
+
setIsTouchDevice(hasTouch && !hasPointer);
|
|
77
|
+
};
|
|
78
|
+
checkTouchDevice();
|
|
79
|
+
const mediaQuery = window.matchMedia('(pointer: fine)');
|
|
80
|
+
const handlePointerChange = () => checkTouchDevice();
|
|
81
|
+
mediaQuery.addEventListener('change', handlePointerChange);
|
|
82
|
+
return () => {
|
|
83
|
+
mediaQuery.removeEventListener('change', handlePointerChange);
|
|
84
|
+
};
|
|
85
|
+
}, []);
|
|
86
|
+
// Determine if we should hide the default cursor
|
|
87
|
+
const shouldHideCursor = typeof cursor === 'object' && cursor && !isTouchDevice;
|
|
88
|
+
return (_jsxs(_Fragment, { children: [_jsx(ServerFlex, { ...props, ref: combinedRef, style: {
|
|
89
|
+
...props.style,
|
|
90
|
+
cursor: shouldHideCursor ? 'none' : props.style?.cursor
|
|
91
|
+
} }), typeof cursor === 'object' && cursor && !isTouchDevice && (_jsx(Cursor, { cursor: cursor, elementRef: elementRef }))] }));
|
|
92
|
+
});
|
|
93
|
+
ClientFlex.displayName = "ClientFlex";
|
|
94
|
+
export default ClientFlex;
|
|
95
|
+
//# sourceMappingURL=ClientFlex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClientFlex.js","sourceRoot":"","sources":["../../src/components/ClientFlex.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { GridProps, StyleProps, DisplayProps } from "../interfaces";
|
|
2
|
+
interface ClientGridProps extends GridProps, StyleProps, DisplayProps {
|
|
3
|
+
cursor?: StyleProps["cursor"];
|
|
4
|
+
}
|
|
5
|
+
export declare const ClientGrid: import("react").ForwardRefExoticComponent<ClientGridProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export default ClientGrid;
|
|
7
|
+
//# sourceMappingURL=ClientGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClientGrid.d.ts","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIpE,UAAU,eAAgB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,4GA4GrB,CAAC;AAGH,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
4
|
+
import { ServerGrid, Cursor } from ".";
|
|
5
|
+
import { useRef, useEffect, useCallback, useState } from "react";
|
|
6
|
+
import { useLayout } from "../contexts/LayoutContext";
|
|
7
|
+
export const ClientGrid = forwardRef(({ cursor, ...props }, ref) => {
|
|
8
|
+
const elementRef = useRef(null);
|
|
9
|
+
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
10
|
+
const { currentBreakpoint } = useLayout();
|
|
11
|
+
// Combine refs
|
|
12
|
+
const combinedRef = (node) => {
|
|
13
|
+
elementRef.current = node;
|
|
14
|
+
if (typeof ref === 'function') {
|
|
15
|
+
ref(node);
|
|
16
|
+
}
|
|
17
|
+
else if (ref) {
|
|
18
|
+
ref.current = node;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const appliedResponsiveStyles = useRef(new Set());
|
|
22
|
+
const baseStyleRef = useRef({});
|
|
23
|
+
// Responsive styles logic (client-side only)
|
|
24
|
+
const applyResponsiveStyles = useCallback(() => {
|
|
25
|
+
if (!elementRef.current)
|
|
26
|
+
return;
|
|
27
|
+
const element = elementRef.current;
|
|
28
|
+
// Update base styles when style prop changes
|
|
29
|
+
if (props.style) {
|
|
30
|
+
baseStyleRef.current = { ...props.style };
|
|
31
|
+
}
|
|
32
|
+
// Determine which responsive props to apply based on current breakpoint
|
|
33
|
+
let currentResponsiveProps = null;
|
|
34
|
+
if (currentBreakpoint === 'l' && props.l) {
|
|
35
|
+
currentResponsiveProps = props.l;
|
|
36
|
+
}
|
|
37
|
+
else if (currentBreakpoint === 'm' && props.m) {
|
|
38
|
+
currentResponsiveProps = props.m;
|
|
39
|
+
}
|
|
40
|
+
else if (currentBreakpoint === 's' && props.s) {
|
|
41
|
+
currentResponsiveProps = props.s;
|
|
42
|
+
}
|
|
43
|
+
// Clear only responsive styles, not base styles
|
|
44
|
+
appliedResponsiveStyles.current.forEach(key => {
|
|
45
|
+
element.style[key] = '';
|
|
46
|
+
});
|
|
47
|
+
appliedResponsiveStyles.current.clear();
|
|
48
|
+
// Reapply base styles
|
|
49
|
+
if (baseStyleRef.current) {
|
|
50
|
+
Object.entries(baseStyleRef.current).forEach(([key, value]) => {
|
|
51
|
+
element.style[key] = value;
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
// Apply new responsive styles if we have them for current breakpoint
|
|
55
|
+
if (currentResponsiveProps) {
|
|
56
|
+
if (currentResponsiveProps.style) {
|
|
57
|
+
Object.entries(currentResponsiveProps.style).forEach(([key, value]) => {
|
|
58
|
+
element.style[key] = value;
|
|
59
|
+
appliedResponsiveStyles.current.add(key);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
if (currentResponsiveProps.aspectRatio) {
|
|
63
|
+
element.style.aspectRatio = currentResponsiveProps.aspectRatio;
|
|
64
|
+
appliedResponsiveStyles.current.add('aspect-ratio');
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}, [props.l, props.m, props.s, props.style, currentBreakpoint]);
|
|
68
|
+
useEffect(() => {
|
|
69
|
+
applyResponsiveStyles();
|
|
70
|
+
}, [applyResponsiveStyles]);
|
|
71
|
+
// Detect touch device
|
|
72
|
+
useEffect(() => {
|
|
73
|
+
const checkTouchDevice = () => {
|
|
74
|
+
const hasTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
|
|
75
|
+
const hasPointer = window.matchMedia('(pointer: fine)').matches;
|
|
76
|
+
setIsTouchDevice(hasTouch && !hasPointer);
|
|
77
|
+
};
|
|
78
|
+
checkTouchDevice();
|
|
79
|
+
const mediaQuery = window.matchMedia('(pointer: fine)');
|
|
80
|
+
const handlePointerChange = () => checkTouchDevice();
|
|
81
|
+
mediaQuery.addEventListener('change', handlePointerChange);
|
|
82
|
+
return () => {
|
|
83
|
+
mediaQuery.removeEventListener('change', handlePointerChange);
|
|
84
|
+
};
|
|
85
|
+
}, []);
|
|
86
|
+
// Determine if we should hide the default cursor
|
|
87
|
+
const shouldHideCursor = typeof cursor === 'object' && cursor && !isTouchDevice;
|
|
88
|
+
return (_jsxs(_Fragment, { children: [_jsx(ServerGrid, { ...props, ref: combinedRef, style: {
|
|
89
|
+
...props.style,
|
|
90
|
+
cursor: shouldHideCursor ? 'none' : props.style?.cursor
|
|
91
|
+
} }), typeof cursor === 'object' && cursor && !isTouchDevice && (_jsx(Cursor, { cursor: cursor, elementRef: elementRef }))] }));
|
|
92
|
+
});
|
|
93
|
+
ClientGrid.displayName = "ClientGrid";
|
|
94
|
+
export default ClientGrid;
|
|
95
|
+
//# sourceMappingURL=ClientGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClientGrid.js","sourceRoot":"","sources":["../../src/components/ClientGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,MAAM,qHAMV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../src/components/Column.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAMzB,MAAM,MAAM,GAAG,UAAU,CAA8B,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACpF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACxC,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Text } from ".";
|
|
3
|
+
export interface CountFxProps extends React.ComponentProps<typeof Text> {
|
|
4
|
+
value: number;
|
|
5
|
+
speed?: number;
|
|
6
|
+
easing?: "linear" | "ease-out" | "ease-in-out";
|
|
7
|
+
format?: (value: number) => string;
|
|
8
|
+
separator?: string;
|
|
9
|
+
effect?: "simple" | "wheel" | "smooth";
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const CountFx: React.FC<CountFxProps>;
|
|
13
|
+
export { CountFx };
|
|
14
|
+
//# sourceMappingURL=CountFx.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CountFx.d.ts","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,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,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2RnC,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState, useRef } from "react";
|
|
4
|
+
import { Row, Text } from ".";
|
|
5
|
+
const CountFx = ({ value, speed = 1000, easing = "ease-out", format, separator, effect = "simple", children, ...text }) => {
|
|
6
|
+
const [displayValue, setDisplayValue] = useState(value);
|
|
7
|
+
const [animationProgress, setAnimationProgress] = useState(1);
|
|
8
|
+
const animationRef = useRef(undefined);
|
|
9
|
+
const previousValueRef = useRef(value);
|
|
10
|
+
// Default format function with separator support
|
|
11
|
+
const defaultFormat = (val) => {
|
|
12
|
+
if (separator) {
|
|
13
|
+
return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, separator);
|
|
14
|
+
}
|
|
15
|
+
return val.toString();
|
|
16
|
+
};
|
|
17
|
+
const formatValue = format || defaultFormat;
|
|
18
|
+
// Easing functions
|
|
19
|
+
const getEasing = (progress) => {
|
|
20
|
+
switch (easing) {
|
|
21
|
+
case "linear":
|
|
22
|
+
return progress;
|
|
23
|
+
case "ease-out":
|
|
24
|
+
return 1 - Math.pow(1 - progress, 3);
|
|
25
|
+
case "ease-in-out":
|
|
26
|
+
return progress < 0.5
|
|
27
|
+
? 2 * progress * progress
|
|
28
|
+
: 1 - Math.pow(-2 * progress + 2, 2) / 2;
|
|
29
|
+
default:
|
|
30
|
+
return 1 - Math.pow(1 - progress, 3);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
// Wheel animation: create digit wheels
|
|
34
|
+
const renderWheelDigits = (currentValue, targetValue) => {
|
|
35
|
+
const currentStr = currentValue.toString().padStart(targetValue.toString().length, '0');
|
|
36
|
+
const targetStr = targetValue.toString();
|
|
37
|
+
const maxLength = Math.max(currentStr.length, targetStr.length);
|
|
38
|
+
return Array.from({ length: maxLength }, (_, index) => {
|
|
39
|
+
const currentDigit = parseInt(currentStr[maxLength - 1 - index] || '0');
|
|
40
|
+
const targetDigit = parseInt(targetStr[maxLength - 1 - index] || '0');
|
|
41
|
+
// Calculate progress for this specific digit
|
|
42
|
+
const digitDifference = targetDigit - currentDigit;
|
|
43
|
+
const digitProgress = Math.abs(digitDifference) > 0 ?
|
|
44
|
+
Math.min(Math.abs(digitDifference) / 10, 1) : 1; // Progress based on how close to target
|
|
45
|
+
// Create wheel effect for this digit
|
|
46
|
+
const wheelDigits = [];
|
|
47
|
+
for (let i = 0; i <= 9; i++) {
|
|
48
|
+
const isActive = i === currentDigit;
|
|
49
|
+
// Calculate transition speed based on progress (slower as it approaches target)
|
|
50
|
+
const transitionDuration = 0.1 + (digitProgress * 0.2); // 0.1s to 0.3s
|
|
51
|
+
// Calculate position for wheel effect
|
|
52
|
+
let position = 0;
|
|
53
|
+
if (isActive) {
|
|
54
|
+
position = 0; // Current digit is centered
|
|
55
|
+
}
|
|
56
|
+
else if (i < currentDigit) {
|
|
57
|
+
position = -100; // Digits below current are above
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
position = 100; // Digits above current are below
|
|
61
|
+
}
|
|
62
|
+
wheelDigits.push(_jsx(Row, { center: true, position: "absolute", top: "0", left: "0", right: "0", bottom: "0", style: {
|
|
63
|
+
height: '1em',
|
|
64
|
+
width: '100%',
|
|
65
|
+
transform: `translateY(${position * 2}%)`,
|
|
66
|
+
transition: `all ${transitionDuration}s ease-out`,
|
|
67
|
+
pointerEvents: 'none',
|
|
68
|
+
}, children: i }, i));
|
|
69
|
+
}
|
|
70
|
+
return (_jsx(Row, { align: "center", overflow: "hidden", inline: true, style: {
|
|
71
|
+
height: '1em',
|
|
72
|
+
width: '0.8em',
|
|
73
|
+
marginLeft: '-0.125em',
|
|
74
|
+
marginRight: '-0.125em',
|
|
75
|
+
position: 'relative',
|
|
76
|
+
isolation: 'isolate',
|
|
77
|
+
}, children: wheelDigits }, index));
|
|
78
|
+
}).reverse();
|
|
79
|
+
};
|
|
80
|
+
// Smooth animation: animate each digit independently from start to target
|
|
81
|
+
const renderSmoothDigits = (startValue, targetValue, progress) => {
|
|
82
|
+
const startStr = startValue.toString().padStart(targetValue.toString().length, '0');
|
|
83
|
+
const targetStr = targetValue.toString();
|
|
84
|
+
const maxLength = Math.max(startStr.length, targetStr.length);
|
|
85
|
+
return Array.from({ length: maxLength }, (_, index) => {
|
|
86
|
+
const startDigit = parseInt(startStr[maxLength - 1 - index] || '0');
|
|
87
|
+
const targetDigit = parseInt(targetStr[maxLength - 1 - index] || '0');
|
|
88
|
+
// Calculate the shortest path between digits (handles wrapping around 0-9)
|
|
89
|
+
let digitDifference = targetDigit - startDigit;
|
|
90
|
+
if (Math.abs(digitDifference) > 5) {
|
|
91
|
+
// Take the shorter path around the wheel
|
|
92
|
+
digitDifference = digitDifference > 0 ? digitDifference - 10 : digitDifference + 10;
|
|
93
|
+
}
|
|
94
|
+
// Calculate the current digit position based on progress
|
|
95
|
+
const currentDigitPosition = startDigit + (digitDifference * progress);
|
|
96
|
+
// Create wheel effect for this digit
|
|
97
|
+
const wheelDigits = [];
|
|
98
|
+
for (let i = 0; i <= 9; i++) {
|
|
99
|
+
// Calculate the position of each digit in the wheel
|
|
100
|
+
let position = 0;
|
|
101
|
+
// Calculate the relative position of this digit to the current position
|
|
102
|
+
let relativePosition = i - currentDigitPosition;
|
|
103
|
+
// Handle wrapping around the wheel
|
|
104
|
+
if (relativePosition > 5)
|
|
105
|
+
relativePosition -= 10;
|
|
106
|
+
if (relativePosition < -5)
|
|
107
|
+
relativePosition += 10;
|
|
108
|
+
// Convert to percentage position
|
|
109
|
+
position = relativePosition * 200; // 200% for full wheel height
|
|
110
|
+
wheelDigits.push(_jsx(Row, { center: true, position: "absolute", top: "0", left: "0", right: "0", bottom: "0", style: {
|
|
111
|
+
height: '1em',
|
|
112
|
+
width: '100%',
|
|
113
|
+
transform: `translateY(${position}%)`,
|
|
114
|
+
transition: 'none', // No transition for smooth effect
|
|
115
|
+
pointerEvents: 'none',
|
|
116
|
+
}, children: i }, i));
|
|
117
|
+
}
|
|
118
|
+
return (_jsx(Row, { align: "center", overflow: "hidden", inline: true, style: {
|
|
119
|
+
height: '1em',
|
|
120
|
+
width: '0.8em',
|
|
121
|
+
marginLeft: '-0.125em',
|
|
122
|
+
marginRight: '-0.125em',
|
|
123
|
+
position: 'relative',
|
|
124
|
+
isolation: 'isolate',
|
|
125
|
+
}, children: wheelDigits }, index));
|
|
126
|
+
}).reverse();
|
|
127
|
+
};
|
|
128
|
+
useEffect(() => {
|
|
129
|
+
if (value === previousValueRef.current)
|
|
130
|
+
return;
|
|
131
|
+
const startValue = previousValueRef.current;
|
|
132
|
+
const endValue = value;
|
|
133
|
+
const difference = endValue - startValue;
|
|
134
|
+
let startTime;
|
|
135
|
+
const animate = (timestamp) => {
|
|
136
|
+
if (!startTime)
|
|
137
|
+
startTime = timestamp;
|
|
138
|
+
const elapsed = timestamp - startTime;
|
|
139
|
+
const progress = Math.min(elapsed / speed, 1);
|
|
140
|
+
const easedProgress = getEasing(progress);
|
|
141
|
+
if (effect === "wheel") {
|
|
142
|
+
// For wheel animation, we animate each digit independently
|
|
143
|
+
const currentValue = Math.floor(startValue + (difference * easedProgress));
|
|
144
|
+
setDisplayValue(currentValue);
|
|
145
|
+
}
|
|
146
|
+
else if (effect === "smooth") {
|
|
147
|
+
// For smooth animation, we track progress and animate digits independently
|
|
148
|
+
setAnimationProgress(easedProgress);
|
|
149
|
+
const currentValue = Math.floor(startValue + (difference * easedProgress));
|
|
150
|
+
setDisplayValue(currentValue);
|
|
151
|
+
}
|
|
152
|
+
else {
|
|
153
|
+
// Simple animation
|
|
154
|
+
const currentValue = startValue + (difference * easedProgress);
|
|
155
|
+
const currentStepValue = Math.floor(currentValue);
|
|
156
|
+
setDisplayValue(currentStepValue);
|
|
157
|
+
}
|
|
158
|
+
if (progress < 1) {
|
|
159
|
+
animationRef.current = requestAnimationFrame(animate);
|
|
160
|
+
}
|
|
161
|
+
else {
|
|
162
|
+
setDisplayValue(endValue);
|
|
163
|
+
setAnimationProgress(1);
|
|
164
|
+
previousValueRef.current = endValue;
|
|
165
|
+
}
|
|
166
|
+
};
|
|
167
|
+
if (animationRef.current) {
|
|
168
|
+
cancelAnimationFrame(animationRef.current);
|
|
169
|
+
}
|
|
170
|
+
animationRef.current = requestAnimationFrame(animate);
|
|
171
|
+
return () => {
|
|
172
|
+
if (animationRef.current) {
|
|
173
|
+
cancelAnimationFrame(animationRef.current);
|
|
174
|
+
}
|
|
175
|
+
};
|
|
176
|
+
}, [value, speed, easing, effect]);
|
|
177
|
+
// Cleanup on unmount
|
|
178
|
+
useEffect(() => {
|
|
179
|
+
return () => {
|
|
180
|
+
if (animationRef.current) {
|
|
181
|
+
cancelAnimationFrame(animationRef.current);
|
|
182
|
+
}
|
|
183
|
+
};
|
|
184
|
+
}, []);
|
|
185
|
+
if (effect === "wheel") {
|
|
186
|
+
return (_jsxs(Text, { ...text, style: { display: 'flex', alignItems: 'center', gap: '0.1em', ...text.style }, children: [renderWheelDigits(displayValue, value), children] }));
|
|
187
|
+
}
|
|
188
|
+
if (effect === "smooth") {
|
|
189
|
+
return (_jsxs(Text, { ...text, style: { display: 'flex', alignItems: 'center', gap: '0.1em', ...text.style }, children: [renderSmoothDigits(previousValueRef.current, value, animationProgress), children] }));
|
|
190
|
+
}
|
|
191
|
+
return (_jsxs(Text, { ...text, children: [formatValue(displayValue), children] }));
|
|
192
|
+
};
|
|
193
|
+
CountFx.displayName = "CountFx";
|
|
194
|
+
export { CountFx };
|
|
195
|
+
//# sourceMappingURL=CountFx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CountFx.js","sourceRoot":"","sources":["../../src/components/CountFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cursor.d.ts","sourceRoot":"","sources":["../../src/components/Cursor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,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,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8FxC,CAAC;AAGF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
5
|
+
import { Flex } from ".";
|
|
6
|
+
export const Cursor = ({ cursor, elementRef }) => {
|
|
7
|
+
const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
|
|
8
|
+
const [isHovering, setIsHovering] = useState(false);
|
|
9
|
+
const [isTouchDevice, setIsTouchDevice] = useState(false);
|
|
10
|
+
// Detect touch device
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const checkTouchDevice = () => {
|
|
13
|
+
// Check for touch capability
|
|
14
|
+
const hasTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
|
|
15
|
+
// Check for pointer capability (some devices have both mouse and touch)
|
|
16
|
+
const hasPointer = window.matchMedia('(pointer: fine)').matches;
|
|
17
|
+
// Consider it a touch device if it has touch but no fine pointer (mouse)
|
|
18
|
+
setIsTouchDevice(hasTouch && !hasPointer);
|
|
19
|
+
};
|
|
20
|
+
checkTouchDevice();
|
|
21
|
+
// Listen for changes in pointer capability (e.g., when external mouse is connected)
|
|
22
|
+
const mediaQuery = window.matchMedia('(pointer: fine)');
|
|
23
|
+
const handlePointerChange = () => checkTouchDevice();
|
|
24
|
+
mediaQuery.addEventListener('change', handlePointerChange);
|
|
25
|
+
return () => {
|
|
26
|
+
mediaQuery.removeEventListener('change', handlePointerChange);
|
|
27
|
+
};
|
|
28
|
+
}, []);
|
|
29
|
+
// Mouse tracking for custom cursor (only on non-touch devices)
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (!cursor || !elementRef.current || isTouchDevice)
|
|
32
|
+
return;
|
|
33
|
+
let animationFrameId;
|
|
34
|
+
const handleMouseMove = (e) => {
|
|
35
|
+
// Cancel previous animation frame to prevent multiple updates
|
|
36
|
+
if (animationFrameId) {
|
|
37
|
+
cancelAnimationFrame(animationFrameId);
|
|
38
|
+
}
|
|
39
|
+
// Schedule the update for the next animation frame
|
|
40
|
+
animationFrameId = requestAnimationFrame(() => {
|
|
41
|
+
setMousePosition({ x: e.clientX, y: e.clientY });
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
const handleMouseEnter = () => {
|
|
45
|
+
setIsHovering(true);
|
|
46
|
+
};
|
|
47
|
+
const handleMouseLeave = () => {
|
|
48
|
+
setIsHovering(false);
|
|
49
|
+
};
|
|
50
|
+
const element = elementRef.current;
|
|
51
|
+
if (element) {
|
|
52
|
+
element.addEventListener('mouseenter', handleMouseEnter);
|
|
53
|
+
element.addEventListener('mouseleave', handleMouseLeave);
|
|
54
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
55
|
+
}
|
|
56
|
+
return () => {
|
|
57
|
+
if (animationFrameId) {
|
|
58
|
+
cancelAnimationFrame(animationFrameId);
|
|
59
|
+
}
|
|
60
|
+
if (element) {
|
|
61
|
+
element.removeEventListener('mouseenter', handleMouseEnter);
|
|
62
|
+
element.removeEventListener('mouseleave', handleMouseLeave);
|
|
63
|
+
}
|
|
64
|
+
document.removeEventListener('mousemove', handleMouseMove);
|
|
65
|
+
};
|
|
66
|
+
}, [cursor, elementRef, isTouchDevice]);
|
|
67
|
+
// Don't render custom cursor on touch devices
|
|
68
|
+
if (isTouchDevice || !isHovering)
|
|
69
|
+
return null;
|
|
70
|
+
return createPortal(_jsx(Flex, { position: "fixed", pointerEvents: "none", zIndex: 10, style: {
|
|
71
|
+
left: mousePosition.x,
|
|
72
|
+
top: mousePosition.y,
|
|
73
|
+
transform: 'translate(-50%, -50%)',
|
|
74
|
+
transition: 'none'
|
|
75
|
+
}, children: cursor }), document.body);
|
|
76
|
+
};
|
|
77
|
+
Cursor.displayName = "Cursor";
|
|
78
|
+
export default Cursor;
|
|
79
|
+
//# sourceMappingURL=Cursor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cursor.js","sourceRoot":"","sources":["../../src/components/Cursor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ const CursorCard = forwardRef(({ trigger, overlay, placement = "bottom-left", cl
|
|
|
13
13
|
useImperativeHandle(ref, () => cardRef.current);
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
const checkTouchDevice = () => {
|
|
16
|
-
return "ontouchstart" in window
|
|
16
|
+
return "ontouchstart" in window;
|
|
17
17
|
};
|
|
18
18
|
setIsTouchDevice(checkTouchDevice());
|
|
19
19
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CursorCard.js","sourceRoot":"","sources":["../../src/components/CursorCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,EAET,UAAU,EACV,mBAAmB,EACnB,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACzB,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,GAAG,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAyB,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,OAAO,cAAc,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"CursorCard.js","sourceRoot":"","sources":["../../src/components/CursorCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ interface DateInputProps extends Omit<React.ComponentProps<typeof Input>, "onCha
|
|
|
10
10
|
className?: string;
|
|
11
11
|
style?: React.CSSProperties;
|
|
12
12
|
timePicker?: boolean;
|
|
13
|
+
minDate?: Date;
|
|
14
|
+
maxDate?: Date;
|
|
13
15
|
}
|
|
14
16
|
export declare const DateInput: React.FC<DateInputProps>;
|
|
15
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/components/DateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,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,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoF9C,CAAC"}
|