@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
package/dist/components/Grid.js
CHANGED
|
@@ -1,71 +1,144 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
return
|
|
3
|
+
import { ClientGrid, ServerGrid } from ".";
|
|
4
|
+
import { useLayout } from "../contexts/LayoutContext";
|
|
5
|
+
const Grid = forwardRef(({ cursor, l, m, s, style, hide, show, ...props }, ref) => {
|
|
6
|
+
// Check if component should be hidden based on layout context
|
|
7
|
+
const shouldHide = () => {
|
|
8
|
+
if (!hide && !show && !l?.hide && !m?.hide && !s?.hide && !l?.show && !m?.show && !s?.show)
|
|
9
|
+
return false;
|
|
10
|
+
try {
|
|
11
|
+
const { isBreakpoint } = useLayout();
|
|
12
|
+
// Check direct hide conditions
|
|
13
|
+
if (hide) {
|
|
14
|
+
if (typeof hide === 'boolean' && hide)
|
|
15
|
+
return true;
|
|
16
|
+
if (typeof hide === 'object' && hide.s && isBreakpoint('s'))
|
|
17
|
+
return true;
|
|
18
|
+
if (typeof hide === 'object' && hide.m && isBreakpoint('m'))
|
|
19
|
+
return true;
|
|
20
|
+
if (typeof hide === 'object' && hide.l && isBreakpoint('l'))
|
|
21
|
+
return true;
|
|
22
|
+
}
|
|
23
|
+
// Check hide conditions in responsive props
|
|
24
|
+
if (s?.hide) {
|
|
25
|
+
if (typeof s.hide === 'boolean' && s.hide && isBreakpoint('s'))
|
|
26
|
+
return true;
|
|
27
|
+
if (typeof s.hide === 'object' && s.hide.s && isBreakpoint('s'))
|
|
28
|
+
return true;
|
|
29
|
+
if (typeof s.hide === 'object' && s.hide.m && isBreakpoint('m'))
|
|
30
|
+
return true;
|
|
31
|
+
if (typeof s.hide === 'object' && s.hide.l && isBreakpoint('l'))
|
|
32
|
+
return true;
|
|
33
|
+
}
|
|
34
|
+
if (m?.hide) {
|
|
35
|
+
if (typeof m.hide === 'boolean' && m.hide && isBreakpoint('m'))
|
|
36
|
+
return true;
|
|
37
|
+
if (typeof m.hide === 'object' && m.hide.s && isBreakpoint('s'))
|
|
38
|
+
return true;
|
|
39
|
+
if (typeof m.hide === 'object' && m.hide.m && isBreakpoint('m'))
|
|
40
|
+
return true;
|
|
41
|
+
if (typeof m.hide === 'object' && m.hide.l && isBreakpoint('l'))
|
|
42
|
+
return true;
|
|
43
|
+
}
|
|
44
|
+
if (l?.hide) {
|
|
45
|
+
if (typeof l.hide === 'boolean' && l.hide && isBreakpoint('l'))
|
|
46
|
+
return true;
|
|
47
|
+
if (typeof l.hide === 'object' && l.hide.s && isBreakpoint('s'))
|
|
48
|
+
return true;
|
|
49
|
+
if (typeof l.hide === 'object' && l.hide.m && isBreakpoint('m'))
|
|
50
|
+
return true;
|
|
51
|
+
if (typeof l.hide === 'object' && l.hide.l && isBreakpoint('l'))
|
|
52
|
+
return true;
|
|
53
|
+
}
|
|
54
|
+
// Check direct show conditions
|
|
55
|
+
if (show) {
|
|
56
|
+
if (typeof show === 'boolean' && show)
|
|
57
|
+
return false;
|
|
58
|
+
if (typeof show === 'object' && show.s && isBreakpoint('s'))
|
|
59
|
+
return false;
|
|
60
|
+
if (typeof show === 'object' && show.m && isBreakpoint('m'))
|
|
61
|
+
return false;
|
|
62
|
+
if (typeof show === 'object' && show.l && isBreakpoint('l'))
|
|
63
|
+
return false;
|
|
64
|
+
// If show is specified but current breakpoint doesn't match, hide
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
// Check show conditions in responsive props
|
|
68
|
+
if (s?.show) {
|
|
69
|
+
if (typeof s.show === 'boolean' && s.show && isBreakpoint('s'))
|
|
70
|
+
return false;
|
|
71
|
+
if (typeof s.show === 'object' && s.show.s && isBreakpoint('s'))
|
|
72
|
+
return false;
|
|
73
|
+
if (typeof s.show === 'object' && s.show.m && isBreakpoint('m'))
|
|
74
|
+
return false;
|
|
75
|
+
if (typeof s.show === 'object' && s.show.l && isBreakpoint('l'))
|
|
76
|
+
return false;
|
|
77
|
+
// If show is specified but current breakpoint doesn't match, hide
|
|
78
|
+
if (isBreakpoint('s'))
|
|
79
|
+
return true;
|
|
80
|
+
}
|
|
81
|
+
if (m?.show) {
|
|
82
|
+
if (typeof m.show === 'boolean' && m.show && isBreakpoint('m'))
|
|
83
|
+
return false;
|
|
84
|
+
if (typeof m.show === 'object' && m.show.s && isBreakpoint('s'))
|
|
85
|
+
return false;
|
|
86
|
+
if (typeof m.show === 'object' && m.show.m && isBreakpoint('m'))
|
|
87
|
+
return false;
|
|
88
|
+
if (typeof m.show === 'object' && m.show.l && isBreakpoint('l'))
|
|
89
|
+
return false;
|
|
90
|
+
// If show is specified but current breakpoint doesn't match, hide
|
|
91
|
+
if (isBreakpoint('m'))
|
|
92
|
+
return true;
|
|
93
|
+
}
|
|
94
|
+
if (l?.show) {
|
|
95
|
+
if (typeof l.show === 'boolean' && l.show && isBreakpoint('l'))
|
|
96
|
+
return false;
|
|
97
|
+
if (typeof l.show === 'object' && l.show.s && isBreakpoint('s'))
|
|
98
|
+
return false;
|
|
99
|
+
if (typeof l.show === 'object' && l.show.m && isBreakpoint('m'))
|
|
100
|
+
return false;
|
|
101
|
+
if (typeof l.show === 'object' && l.show.l && isBreakpoint('l'))
|
|
102
|
+
return false;
|
|
103
|
+
// If show is specified but current breakpoint doesn't match, hide
|
|
104
|
+
if (isBreakpoint('l'))
|
|
105
|
+
return true;
|
|
106
|
+
}
|
|
107
|
+
return false;
|
|
10
108
|
}
|
|
11
|
-
|
|
12
|
-
|
|
109
|
+
catch {
|
|
110
|
+
// If LayoutProvider is not available, fall back to CSS classes
|
|
111
|
+
return false;
|
|
13
112
|
}
|
|
14
|
-
const parts = value.split("-");
|
|
15
|
-
if (parts.includes("alpha")) {
|
|
16
|
-
const [scheme, , weight] = parts;
|
|
17
|
-
return `${scheme}-${type}-alpha-${weight}`;
|
|
18
|
-
}
|
|
19
|
-
const [scheme, weight] = value.split("-");
|
|
20
|
-
return `${scheme}-${type}-${weight}`;
|
|
21
|
-
};
|
|
22
|
-
const parseDimension = (value, type) => {
|
|
23
|
-
if (value === undefined)
|
|
24
|
-
return undefined;
|
|
25
|
-
if (typeof value === "number")
|
|
26
|
-
return `${value}rem`;
|
|
27
|
-
if ([
|
|
28
|
-
"0",
|
|
29
|
-
"1",
|
|
30
|
-
"2",
|
|
31
|
-
"4",
|
|
32
|
-
"8",
|
|
33
|
-
"12",
|
|
34
|
-
"16",
|
|
35
|
-
"20",
|
|
36
|
-
"24",
|
|
37
|
-
"32",
|
|
38
|
-
"40",
|
|
39
|
-
"48",
|
|
40
|
-
"56",
|
|
41
|
-
"64",
|
|
42
|
-
"80",
|
|
43
|
-
"104",
|
|
44
|
-
"128",
|
|
45
|
-
"160",
|
|
46
|
-
].includes(value)) {
|
|
47
|
-
return `var(--static-space-${value})`;
|
|
48
|
-
}
|
|
49
|
-
if (["xs", "s", "m", "l", "xl"].includes(value)) {
|
|
50
|
-
return `var(--responsive-${type}-${value})`;
|
|
51
|
-
}
|
|
52
|
-
return undefined;
|
|
53
113
|
};
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
114
|
+
// Check if we need client-side functionality
|
|
115
|
+
const needsClientSide = () => {
|
|
116
|
+
// Custom cursor requires client-side
|
|
117
|
+
if (typeof cursor === 'object' && cursor)
|
|
118
|
+
return true;
|
|
119
|
+
// Responsive props require client-side
|
|
120
|
+
if (l || m || s)
|
|
121
|
+
return true;
|
|
122
|
+
// Dynamic styles require client-side
|
|
123
|
+
if (style && typeof style === 'object' && Object.keys(style).length > 0)
|
|
124
|
+
return true;
|
|
125
|
+
// Responsive hide/show requires client-side
|
|
126
|
+
if (hide && (typeof hide === 'object' && (hide.s || hide.m || hide.l)))
|
|
127
|
+
return true;
|
|
128
|
+
if (show && (typeof show === 'object' && (show.s || show.m || show.l)))
|
|
129
|
+
return true;
|
|
130
|
+
return false;
|
|
67
131
|
};
|
|
68
|
-
|
|
132
|
+
// If component should be hidden, don't render it
|
|
133
|
+
if (shouldHide()) {
|
|
134
|
+
return null;
|
|
135
|
+
}
|
|
136
|
+
// Use client component if any client-side functionality is needed
|
|
137
|
+
if (needsClientSide()) {
|
|
138
|
+
return _jsx(ClientGrid, { ref: ref, cursor: cursor, l: l, m: m, s: s, style: style, hide: hide, show: show, ...props });
|
|
139
|
+
}
|
|
140
|
+
// Use server component for static content
|
|
141
|
+
return _jsx(ServerGrid, { ref: ref, cursor: cursor, hide: hide, show: show, ...props });
|
|
69
142
|
});
|
|
70
143
|
Grid.displayName = "Grid";
|
|
71
144
|
export { Grid };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,17 +60,17 @@ const HoloFx = ({ children, shine, burn, texture, ...rest }) => {
|
|
|
60
60
|
document.removeEventListener("mousemove", handleMouseMove);
|
|
61
61
|
};
|
|
62
62
|
}, []);
|
|
63
|
-
return (_jsxs(Flex, { overflow: "hidden", className: styles.holoFx, ref: ref, ...rest, children: [_jsx(Flex, { fill: true, className: styles.base, children: children }), _jsx(Flex, { hide:
|
|
63
|
+
return (_jsxs(Flex, { overflow: "hidden", className: styles.holoFx, ref: ref, ...rest, children: [_jsx(Flex, { fill: true, className: styles.base, children: children }), _jsx(Flex, { m: { hide: true }, position: "absolute", fill: true, pointerEvents: "none", className: classNames(styles.overlay, styles.burn), style: {
|
|
64
64
|
["--burn-opacity"]: burnDefaults.opacity + "%",
|
|
65
65
|
filter: burnDefaults.filter,
|
|
66
66
|
mixBlendMode: burnDefaults.blending,
|
|
67
67
|
maskImage: burnDefaults.mask,
|
|
68
|
-
}, children: children }), _jsx(Flex, { hide:
|
|
68
|
+
}, children: children }), _jsx(Flex, { m: { hide: true }, position: "absolute", fill: true, pointerEvents: "none", className: classNames(styles.overlay, styles.shine), style: {
|
|
69
69
|
["--shine-opacity"]: shineDefaults.opacity + "%",
|
|
70
70
|
filter: shineDefaults.filter,
|
|
71
71
|
mixBlendMode: shineDefaults.blending,
|
|
72
72
|
maskImage: shineDefaults.mask,
|
|
73
|
-
}, children: children }), _jsx(Flex, { hide:
|
|
73
|
+
}, children: children }), _jsx(Flex, { m: { hide: true }, position: "absolute", fill: true, pointerEvents: "none", className: classNames(styles.overlay, styles.texture), style: {
|
|
74
74
|
["--texture-opacity"]: textureDefaults.opacity + "%",
|
|
75
75
|
backgroundImage: textureDefaults.image,
|
|
76
76
|
filter: textureDefaults.filter,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HoloFx.js","sourceRoot":"","sources":["../../src/components/HoloFx.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"HoloFx.js","sourceRoot":"","sources":["../../src/components/HoloFx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Column } from ".";
|
|
3
|
+
interface ListProps extends React.ComponentProps<typeof Column> {
|
|
4
|
+
as?: "ul" | "ol";
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
}
|
|
9
|
+
declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { List };
|
|
11
|
+
//# sourceMappingURL=List.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IAC7D,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,IAAI,+FAsBT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import styles from "./List.module.scss";
|
|
5
|
+
import { Column } from ".";
|
|
6
|
+
const List = forwardRef(({ as = "ul", className, children, style, ...props }, ref) => {
|
|
7
|
+
const listClass = classNames(styles.list, as === "ul" ? styles.unordered : styles.ordered, className);
|
|
8
|
+
if (as === "ol") {
|
|
9
|
+
return (_jsx(Column, { as: "ol", ref: ref, className: listClass, style: style, ...props, children: children }));
|
|
10
|
+
}
|
|
11
|
+
return (_jsx(Column, { as: "ul", ref: ref, className: listClass, style: style, ...props, children: children }));
|
|
12
|
+
});
|
|
13
|
+
List.displayName = "List";
|
|
14
|
+
export { List };
|
|
15
|
+
//# sourceMappingURL=List.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/components/List.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAS3B,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,EAAE,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,SAAS,GAAG,UAAU,CAC1B,MAAM,CAAC,IAAI,EACX,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC/C,SAAS,CACV,CAAC;IAEF,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC;QAChB,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YACpE,QAAQ,GACF,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,MAAM,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YACpE,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
.list {
|
|
2
|
+
margin: 0;
|
|
3
|
+
width: 100%;
|
|
4
|
+
|
|
5
|
+
&.unordered {
|
|
6
|
+
padding: 0 0 0 var(--static-space-20);
|
|
7
|
+
|
|
8
|
+
li {
|
|
9
|
+
padding-left: var(--static-space-8);
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&.ordered {
|
|
14
|
+
padding: 0 0 0 var(--static-space-20);
|
|
15
|
+
|
|
16
|
+
li {
|
|
17
|
+
padding-left: var(--static-space-16);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.listItem {
|
|
23
|
+
padding: 0;
|
|
24
|
+
font-size: inherit;
|
|
25
|
+
color: inherit;
|
|
26
|
+
|
|
27
|
+
&::marker {
|
|
28
|
+
color: var(--neutral-on-background-weak);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Text } from ".";
|
|
3
|
+
interface ListItemProps extends React.ComponentProps<typeof Text> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
}
|
|
8
|
+
declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
9
|
+
export { ListItem };
|
|
10
|
+
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/components/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAEzB,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,kGAUb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import classNames from "classnames";
|
|
4
|
+
import styles from "./List.module.scss";
|
|
5
|
+
import { Text } from ".";
|
|
6
|
+
const ListItem = forwardRef(({ className, children, style, ...props }, ref) => {
|
|
7
|
+
const listItemClass = classNames(styles.listItem, className);
|
|
8
|
+
return (_jsx(Text, { as: "li", className: listItemClass, style: style, ...props, children: children }));
|
|
9
|
+
});
|
|
10
|
+
ListItem.displayName = "ListItem";
|
|
11
|
+
export { ListItem };
|
|
12
|
+
//# sourceMappingURL=ListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/components/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAQzB,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YAC5D,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { CSSProperties } from "react";
|
|
1
|
+
import React, { CSSProperties, ReactNode } from "react";
|
|
2
2
|
import { Flex } from ".";
|
|
3
3
|
export interface MediaProps extends React.ComponentProps<typeof Flex> {
|
|
4
4
|
aspectRatio?: string;
|
|
@@ -11,6 +11,8 @@ export interface MediaProps extends React.ComponentProps<typeof Flex> {
|
|
|
11
11
|
unoptimized?: boolean;
|
|
12
12
|
sizes?: string;
|
|
13
13
|
priority?: boolean;
|
|
14
|
+
caption?: ReactNode;
|
|
15
|
+
fillWidth?: boolean;
|
|
14
16
|
}
|
|
15
17
|
declare const Media: React.FC<MediaProps>;
|
|
16
18
|
export { Media };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../src/components/Media.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../src/components/Media.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,aAAa,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAU,IAAI,EAAiB,MAAM,GAAG,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgO/B,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/components/Media.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect } from "react";
|
|
4
4
|
import Image from "next/image";
|
|
5
|
-
import { Flex, Skeleton } from ".";
|
|
6
|
-
const Media = ({ aspectRatio, height, alt = "", loading = false, objectFit = "cover", enlarge = false, src, unoptimized = false, priority, sizes = "100vw", ...rest }) => {
|
|
5
|
+
import { Column, Flex, Row, Skeleton } from ".";
|
|
6
|
+
const Media = ({ aspectRatio, height, alt = "", loading = false, objectFit = "cover", enlarge = false, src, unoptimized = false, priority, sizes = "100vw", caption, fillWidth = true, ...rest }) => {
|
|
7
7
|
const [isEnlarged, setIsEnlarged] = useState(false);
|
|
8
8
|
const imageRef = useRef(null);
|
|
9
9
|
const handleClick = () => {
|
|
@@ -69,22 +69,22 @@ const Media = ({ aspectRatio, height, alt = "", loading = false, objectFit = "co
|
|
|
69
69
|
};
|
|
70
70
|
const isVideo = src?.endsWith(".mp4");
|
|
71
71
|
const isYouTube = isYouTubeVideo(src);
|
|
72
|
-
return (_jsxs(_Fragment, { children: [_jsxs(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
72
|
+
return (_jsxs(_Fragment, { children: [_jsxs(Column, { fillWidth: fillWidth, position: rest.position, aspectRatio: aspectRatio, children: [_jsxs(Column, { as: caption ? "figure" : undefined, ref: imageRef, fillWidth: true, overflow: "hidden", zIndex: 0, margin: "0", cursor: enlarge ? "interactive" : undefined, style: {
|
|
73
|
+
outline: "none",
|
|
74
|
+
isolation: "isolate",
|
|
75
|
+
height: aspectRatio ? "" : height ? `${height}rem` : "100%",
|
|
76
|
+
aspectRatio,
|
|
77
|
+
borderRadius: isEnlarged ? "0" : undefined,
|
|
78
|
+
...calculateTransform(),
|
|
79
|
+
}, onClick: handleClick, ...rest, children: [loading && _jsx(Skeleton, { shape: "block" }), !loading && isVideo && (_jsx("video", { src: src, autoPlay: true, loop: true, muted: true, playsInline: true, style: {
|
|
80
|
+
width: "100%",
|
|
81
|
+
height: "100%",
|
|
82
|
+
objectFit: objectFit,
|
|
83
|
+
} })), !loading && isYouTube && (_jsx("iframe", { width: "100%", height: "100%", src: getYouTubeEmbedUrl(src), frameBorder: "0", allow: "accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, style: {
|
|
84
|
+
objectFit: objectFit,
|
|
85
|
+
} })), !loading && !isVideo && !isYouTube && (_jsx(Image, { src: src, alt: alt, priority: priority, sizes: sizes, unoptimized: unoptimized, fill: true, style: {
|
|
86
|
+
objectFit: objectFit,
|
|
87
|
+
} }))] }), caption && (_jsx(Row, { as: "figcaption", fillWidth: true, textVariant: "label-default-s", onBackground: "neutral-weak", paddingY: "12", paddingX: "24", horizontal: "center", align: "center", children: caption }))] }), isEnlarged && enlarge && (_jsx(Flex, { horizontal: "center", vertical: "center", position: "fixed", background: "overlay", pointerEvents: "none", onClick: handleClick, top: "0", left: "0", zIndex: isEnlarged ? 9 : undefined, opacity: isEnlarged ? 100 : 0, cursor: "interactive", transition: "macro-medium", style: {
|
|
88
88
|
backdropFilter: isEnlarged ? "var(--backdrop-filter)" : "0px",
|
|
89
89
|
width: "100vw",
|
|
90
90
|
height: "100vh",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../src/components/Media.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAiB,QAAQ,EAAE,MAAM,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../src/components/Media.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CondensedTShirtSizes } from "@/types";
|
|
1
2
|
import { Card } from ".";
|
|
2
3
|
export interface OgServiceConfig {
|
|
3
4
|
proxyImageUrl?: (url: string) => string;
|
|
@@ -12,23 +13,21 @@ export interface OgData {
|
|
|
12
13
|
image: string;
|
|
13
14
|
url: string;
|
|
14
15
|
}
|
|
15
|
-
|
|
16
|
-
favicon?: boolean;
|
|
17
|
-
domain?: boolean;
|
|
18
|
-
title?: boolean;
|
|
19
|
-
description?: boolean;
|
|
20
|
-
image?: boolean;
|
|
21
|
-
}
|
|
22
|
-
interface OgCardProps extends React.ComponentProps<typeof Card> {
|
|
16
|
+
interface OgCardProps extends Omit<React.ComponentProps<typeof Card>, "title"> {
|
|
23
17
|
url?: string;
|
|
24
18
|
sizes?: string;
|
|
19
|
+
size?: CondensedTShirtSizes;
|
|
25
20
|
ogData?: Partial<OgData> | null;
|
|
26
21
|
direction?: "column" | "row" | "column-reverse" | "row-reverse";
|
|
27
|
-
display?: OgDisplayOptions;
|
|
28
22
|
serviceConfig?: OgServiceConfig;
|
|
23
|
+
title?: string | false;
|
|
24
|
+
description?: string | false;
|
|
25
|
+
favicon?: string | false;
|
|
26
|
+
image?: string | false;
|
|
27
|
+
cardUrl?: string | false;
|
|
29
28
|
}
|
|
30
29
|
declare const OgCard: {
|
|
31
|
-
({ url, ogData: providedOgData, direction,
|
|
30
|
+
({ url, ogData: providedOgData, direction, sizes, size, serviceConfig, title, description, favicon, image, cardUrl, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
|
|
32
31
|
displayName: string;
|
|
33
32
|
};
|
|
34
33
|
export { OgCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OgCard.d.ts","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4B,IAAI,EAAY,MAAM,GAAG,CAAC;AAI7D,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,
|
|
1
|
+
{"version":3,"file":"OgCard.d.ts","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAA4B,IAAI,EAAY,MAAM,GAAG,CAAC;AAI7D,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAChE,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC1B;AAuCD,QAAA,MAAM,MAAM;mIAaT,WAAW;;CAwHb,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|