@once-ui-system/core 1.2.9 → 1.3.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/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +65 -19
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/EmojiPicker.d.ts +17 -0
- package/dist/components/EmojiPicker.d.ts.map +1 -0
- package/dist/components/EmojiPicker.js +166 -0
- package/dist/components/EmojiPicker.js.map +1 -0
- package/dist/components/EmojiPickerDropdown.d.ts +11 -0
- package/dist/components/EmojiPickerDropdown.d.ts.map +1 -0
- package/dist/components/EmojiPickerDropdown.js +11 -0
- package/dist/components/EmojiPickerDropdown.js.map +1 -0
- package/dist/components/OgCard.d.ts +1 -0
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +10 -4
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/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 +16054 -0
- package/dist/hooks/useFetchOg.d.ts +2 -2
- package/dist/hooks/useFetchOg.d.ts.map +1 -1
- package/dist/hooks/useFetchOg.js +18 -4
- package/dist/hooks/useFetchOg.js.map +1 -1
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +10 -1
- package/dist/icons.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/styles/grid.scss +12 -12
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAKV,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,SAAS,EACV,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,eAAe,6FAiVpB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useState, useRef, useEffect, forwardRef, useImperativeHandle, useCallback, } from "react";
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
4
5
|
import { useFloating, shift, offset, flip, size, autoUpdate, } from "@floating-ui/react-dom";
|
|
5
|
-
import { Flex, Dropdown } from ".";
|
|
6
|
+
import { Flex, Dropdown, Column } from ".";
|
|
6
7
|
import styles from "./DropdownWrapper.module.scss";
|
|
7
8
|
const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeight, onSelect, closeAfterClick = true, isOpen: controlledIsOpen, onOpenChange, minWidth, maxWidth, fillWidth = false, placement = "bottom-start", className, style, }, ref) => {
|
|
8
9
|
const wrapperRef = useRef(null);
|
|
@@ -18,6 +19,11 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
|
|
|
18
19
|
}
|
|
19
20
|
onOpenChange?.(newIsOpen);
|
|
20
21
|
}, [onOpenChange, isControlled]);
|
|
22
|
+
// State to track if we're in a browser environment for portal rendering
|
|
23
|
+
const [isBrowser, setIsBrowser] = useState(false);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
setIsBrowser(true);
|
|
26
|
+
}, []);
|
|
21
27
|
const { x, y, strategy, refs, update } = useFloating({
|
|
22
28
|
placement: placement,
|
|
23
29
|
open: isOpen,
|
|
@@ -50,14 +56,24 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
|
|
|
50
56
|
setMounted(true);
|
|
51
57
|
}
|
|
52
58
|
}, [mounted]);
|
|
59
|
+
// Store the previously focused element to restore focus when dropdown closes
|
|
60
|
+
const previouslyFocusedElement = useRef(null);
|
|
53
61
|
useEffect(() => {
|
|
54
62
|
if (isOpen && mounted) {
|
|
63
|
+
// Store the currently focused element before focusing the dropdown
|
|
64
|
+
previouslyFocusedElement.current = document.activeElement;
|
|
55
65
|
requestAnimationFrame(() => {
|
|
56
66
|
if (dropdownRef.current) {
|
|
57
67
|
refs.setFloating(dropdownRef.current);
|
|
58
68
|
update();
|
|
59
69
|
// Reset focus index when opening
|
|
60
70
|
setFocusedIndex(-1);
|
|
71
|
+
// Find all focusable elements in the dropdown
|
|
72
|
+
const focusableElements = dropdownRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
73
|
+
// Focus the first focusable element
|
|
74
|
+
if (focusableElements.length > 0) {
|
|
75
|
+
focusableElements[0].focus();
|
|
76
|
+
}
|
|
61
77
|
// Set up initial keyboard navigation
|
|
62
78
|
const optionElements = dropdownRef.current
|
|
63
79
|
? Array.from(dropdownRef.current.querySelectorAll('.option, [role="option"], [data-value]'))
|
|
@@ -77,19 +93,31 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
|
|
|
77
93
|
}
|
|
78
94
|
});
|
|
79
95
|
}
|
|
96
|
+
else if (!isOpen && previouslyFocusedElement.current) {
|
|
97
|
+
// Restore focus when dropdown closes
|
|
98
|
+
previouslyFocusedElement.current.focus();
|
|
99
|
+
}
|
|
80
100
|
}, [isOpen, mounted, refs, update]);
|
|
81
101
|
const handleClickOutside = useCallback((event) => {
|
|
82
|
-
if
|
|
102
|
+
// Check if the click is inside the dropdown or the wrapper
|
|
103
|
+
const isClickInDropdown = dropdownRef.current && dropdownRef.current.contains(event.target);
|
|
104
|
+
const isClickInWrapper = wrapperRef.current && wrapperRef.current.contains(event.target);
|
|
105
|
+
// Only close if the click is outside both the dropdown and the wrapper
|
|
106
|
+
if (!isClickInDropdown && !isClickInWrapper) {
|
|
83
107
|
handleOpenChange(false);
|
|
84
108
|
setFocusedIndex(-1);
|
|
85
109
|
}
|
|
86
|
-
}, [handleOpenChange, wrapperRef]);
|
|
110
|
+
}, [handleOpenChange, wrapperRef, dropdownRef]);
|
|
87
111
|
const handleFocusOut = useCallback((event) => {
|
|
88
|
-
if
|
|
112
|
+
// Check if focus moved to the dropdown or stayed in the wrapper
|
|
113
|
+
const isFocusInDropdown = dropdownRef.current && dropdownRef.current.contains(event.relatedTarget);
|
|
114
|
+
const isFocusInWrapper = wrapperRef.current && wrapperRef.current.contains(event.relatedTarget);
|
|
115
|
+
// Only close if focus moved outside both the dropdown and the wrapper
|
|
116
|
+
if (!isFocusInDropdown && !isFocusInWrapper) {
|
|
89
117
|
handleOpenChange(false);
|
|
90
118
|
setFocusedIndex(-1);
|
|
91
119
|
}
|
|
92
|
-
}, [handleOpenChange, wrapperRef]);
|
|
120
|
+
}, [handleOpenChange, wrapperRef, dropdownRef]);
|
|
93
121
|
useEffect(() => {
|
|
94
122
|
const currentWrapperRef = wrapperRef.current;
|
|
95
123
|
document.addEventListener("mousedown", handleClickOutside);
|
|
@@ -114,6 +142,30 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
|
|
|
114
142
|
setFocusedIndex(-1);
|
|
115
143
|
return;
|
|
116
144
|
}
|
|
145
|
+
// Handle tab key for focus trapping
|
|
146
|
+
if (e.key === "Tab" && dropdownRef.current) {
|
|
147
|
+
// Find all focusable elements in the dropdown
|
|
148
|
+
const focusableElements = Array.from(dropdownRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
|
|
149
|
+
if (focusableElements.length === 0)
|
|
150
|
+
return;
|
|
151
|
+
// Get the first and last focusable elements
|
|
152
|
+
const firstElement = focusableElements[0];
|
|
153
|
+
const lastElement = focusableElements[focusableElements.length - 1];
|
|
154
|
+
// Handle tab and shift+tab to cycle through focusable elements
|
|
155
|
+
if (e.shiftKey) { // Shift+Tab
|
|
156
|
+
if (document.activeElement === firstElement) {
|
|
157
|
+
e.preventDefault();
|
|
158
|
+
lastElement.focus();
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
else { // Tab
|
|
162
|
+
if (document.activeElement === lastElement) {
|
|
163
|
+
e.preventDefault();
|
|
164
|
+
firstElement.focus();
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
return;
|
|
168
|
+
}
|
|
117
169
|
if (e.key === "ArrowDown" || e.key === "ArrowUp") {
|
|
118
170
|
e.preventDefault();
|
|
119
171
|
// Find all Option components in the dropdown
|
|
@@ -137,6 +189,8 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
|
|
|
137
189
|
el.classList.add("highlighted");
|
|
138
190
|
// Scroll into view if needed
|
|
139
191
|
el.scrollIntoView({ block: "nearest" });
|
|
192
|
+
// Focus the element
|
|
193
|
+
el.focus();
|
|
140
194
|
}
|
|
141
195
|
else {
|
|
142
196
|
el.classList.remove("highlighted");
|
|
@@ -159,29 +213,21 @@ const DropdownWrapper = forwardRef(({ trigger, dropdown, selectedOption, minHeig
|
|
|
159
213
|
}
|
|
160
214
|
}
|
|
161
215
|
}, [isOpen, focusedIndex, handleOpenChange, closeAfterClick]);
|
|
162
|
-
return (_jsxs(
|
|
163
|
-
...(minHeight && isOpen
|
|
164
|
-
? {
|
|
165
|
-
marginBottom: `${minHeight + 8}px`,
|
|
166
|
-
}
|
|
167
|
-
: {}),
|
|
216
|
+
return (_jsxs(Column, { fillWidth: fillWidth, transition: "macro-medium", style: {
|
|
168
217
|
...style,
|
|
169
218
|
}, className: className, ref: wrapperRef, onClick: (e) => {
|
|
170
219
|
if (!isOpen) {
|
|
171
220
|
handleOpenChange(true);
|
|
172
221
|
return;
|
|
173
222
|
}
|
|
174
|
-
|
|
175
|
-
dropdownRef.current &&
|
|
176
|
-
!dropdownRef.current.contains(e.target)) {
|
|
177
|
-
handleOpenChange(false);
|
|
178
|
-
setFocusedIndex(-1);
|
|
179
|
-
}
|
|
180
|
-
}, onKeyDown: handleKeyDown, tabIndex: -1, role: "button", "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [trigger, isOpen && dropdown && (_jsx(Flex, { zIndex: 1, className: styles.fadeIn, minWidth: minWidth, ref: dropdownRef, style: {
|
|
223
|
+
}, onKeyDown: handleKeyDown, tabIndex: -1, role: "button", "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [trigger, isOpen && dropdown && isBrowser && createPortal(_jsx(Flex, { zIndex: 1, className: styles.fadeIn, minWidth: minWidth, ref: dropdownRef, style: {
|
|
181
224
|
position: strategy,
|
|
182
225
|
top: y ?? 0,
|
|
183
226
|
left: x ?? 0,
|
|
184
|
-
}, role: "listbox",
|
|
227
|
+
}, role: "listbox", onKeyDown: handleKeyDown, onClick: (e) => {
|
|
228
|
+
// Prevent clicks inside the dropdown from bubbling up
|
|
229
|
+
e.stopPropagation();
|
|
230
|
+
}, children: _jsx(Dropdown, { minWidth: minWidth, radius: "l", selectedOption: selectedOption, onSelect: onSelect, children: dropdown }) }), document.body)] }));
|
|
185
231
|
});
|
|
186
232
|
DropdownWrapper.displayName = "DropdownWrapper";
|
|
187
233
|
export { DropdownWrapper };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,EAET,UAAU,EACV,mBAAmB,EACnB,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,EACL,WAAW,EACX,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,UAAU,GAEX,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../src/components/DropdownWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Flex } from ".";
|
|
2
|
+
import { StyleProps } from "@/interfaces";
|
|
3
|
+
import { gridColumns } from "@/types";
|
|
4
|
+
export interface EmojiPickerProps extends Omit<React.ComponentProps<typeof Flex>, "onSelect"> {
|
|
5
|
+
onSelect: (emoji: string) => void;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
background?: StyleProps["background"];
|
|
9
|
+
columns?: gridColumns;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
declare const EmojiPicker: {
|
|
13
|
+
({ onSelect, onClose, className, background, columns, style, ...flex }: EmojiPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
export { EmojiPicker };
|
|
17
|
+
//# sourceMappingURL=EmojiPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA8D,IAAI,EAAkC,MAAM,GAAG,CAAC;AAoErH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAMtC,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW;4EAAiF,gBAAgB;;CAuLjH,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useCallback, useRef, useEffect } from "react";
|
|
4
|
+
import { SegmentedControl, IconButton, Grid, Scroller, Text, Input, Icon, Column, Row } from ".";
|
|
5
|
+
import { useDebounce } from "../hooks/useDebounce";
|
|
6
|
+
const fallbackEmojiData = {
|
|
7
|
+
smileys: [
|
|
8
|
+
{ char: "😀", description: "grinning face" },
|
|
9
|
+
{ char: "😃", description: "grinning face with big eyes" },
|
|
10
|
+
{ char: "😄", description: "grinning face with smiling eyes" },
|
|
11
|
+
{ char: "😁", description: "beaming face with smiling eyes" },
|
|
12
|
+
{ char: "😆", description: "grinning squinting face" },
|
|
13
|
+
{ char: "😅", description: "grinning face with sweat" },
|
|
14
|
+
{ char: "🤣", description: "rolling on the floor laughing" },
|
|
15
|
+
{ char: "😂", description: "face with tears of joy" },
|
|
16
|
+
],
|
|
17
|
+
animals: [
|
|
18
|
+
{ char: "🐶", description: "dog face" },
|
|
19
|
+
{ char: "🐱", description: "cat face" },
|
|
20
|
+
{ char: "🐭", description: "mouse face" },
|
|
21
|
+
{ char: "🦊", description: "fox face" },
|
|
22
|
+
],
|
|
23
|
+
food: [
|
|
24
|
+
{ char: "🍎", description: "red apple" },
|
|
25
|
+
{ char: "🍐", description: "pear" },
|
|
26
|
+
{ char: "🍊", description: "tangerine" },
|
|
27
|
+
{ char: "🍋", description: "lemon" },
|
|
28
|
+
],
|
|
29
|
+
activities: [
|
|
30
|
+
{ char: "⚽", description: "soccer ball" },
|
|
31
|
+
{ char: "🏀", description: "basketball" },
|
|
32
|
+
{ char: "🏈", description: "american football" },
|
|
33
|
+
{ char: "⚾", description: "baseball" },
|
|
34
|
+
],
|
|
35
|
+
travel: [
|
|
36
|
+
{ char: "🚗", description: "car" },
|
|
37
|
+
{ char: "🚕", description: "taxi" },
|
|
38
|
+
{ char: "🚙", description: "sport utility vehicle" },
|
|
39
|
+
{ char: "🚌", description: "bus" },
|
|
40
|
+
],
|
|
41
|
+
objects: [
|
|
42
|
+
{ char: "💻", description: "laptop" },
|
|
43
|
+
{ char: "📱", description: "mobile phone" },
|
|
44
|
+
{ char: "💡", description: "light bulb" },
|
|
45
|
+
{ char: "🔍", description: "magnifying glass" },
|
|
46
|
+
],
|
|
47
|
+
symbols: [
|
|
48
|
+
{ char: "❤️", description: "red heart" },
|
|
49
|
+
{ char: "💔", description: "broken heart" },
|
|
50
|
+
{ char: "💯", description: "hundred points" },
|
|
51
|
+
{ char: "✨", description: "sparkles" },
|
|
52
|
+
],
|
|
53
|
+
flags: [
|
|
54
|
+
{ char: "🏁", description: "chequered flag" },
|
|
55
|
+
{ char: "🚩", description: "triangular flag" },
|
|
56
|
+
{ char: "🎌", description: "crossed flags" },
|
|
57
|
+
{ char: "🏴", description: "black flag" },
|
|
58
|
+
],
|
|
59
|
+
};
|
|
60
|
+
import generatedEmojiData from '../data/emoji-data.json';
|
|
61
|
+
const emojiData = Object.keys(generatedEmojiData).length > 0
|
|
62
|
+
? generatedEmojiData
|
|
63
|
+
: fallbackEmojiData;
|
|
64
|
+
const EmojiPicker = ({ onSelect, onClose, className, background, columns = "8", style, ...flex }) => {
|
|
65
|
+
const [inputValue, setInputValue] = useState("");
|
|
66
|
+
const searchQuery = useDebounce(inputValue, 300);
|
|
67
|
+
const [activeCategory, setActiveCategory] = useState("smileys");
|
|
68
|
+
const [focusedEmojiIndex, setFocusedEmojiIndex] = useState(-1);
|
|
69
|
+
const gridRef = useRef(null);
|
|
70
|
+
const getCategoryIcon = (category) => {
|
|
71
|
+
switch (category) {
|
|
72
|
+
case 'smileys': return 'smiley';
|
|
73
|
+
case 'animals': return 'paw';
|
|
74
|
+
case 'food': return 'food';
|
|
75
|
+
case 'activities': return 'ball';
|
|
76
|
+
case 'travel': return 'world';
|
|
77
|
+
case 'objects': return 'gift';
|
|
78
|
+
case 'symbols': return 'symbol';
|
|
79
|
+
case 'flags': return 'flag';
|
|
80
|
+
default: return 'smiley';
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
const categoryButtons = Object.keys(emojiData).map((category) => ({
|
|
84
|
+
value: category,
|
|
85
|
+
children: (_jsx(Icon, { name: getCategoryIcon(category), size: "s" })),
|
|
86
|
+
}));
|
|
87
|
+
const handleEmojiSelect = useCallback((emoji) => {
|
|
88
|
+
onSelect(emoji);
|
|
89
|
+
if (onClose) {
|
|
90
|
+
onClose();
|
|
91
|
+
}
|
|
92
|
+
}, [onSelect, onClose]);
|
|
93
|
+
const handleCategoryChange = useCallback((value) => {
|
|
94
|
+
setActiveCategory(value);
|
|
95
|
+
}, []);
|
|
96
|
+
const filteredEmojis = searchQuery
|
|
97
|
+
? Object.values(emojiData)
|
|
98
|
+
.flat()
|
|
99
|
+
.filter((emoji) => emoji.description.includes(searchQuery.toLowerCase()))
|
|
100
|
+
: emojiData[activeCategory] || [];
|
|
101
|
+
// Reset focused index when filtered emojis change
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
setFocusedEmojiIndex(-1);
|
|
104
|
+
}, [filteredEmojis]);
|
|
105
|
+
// Handle keyboard navigation
|
|
106
|
+
const handleKeyDown = useCallback((e) => {
|
|
107
|
+
if (filteredEmojis.length === 0)
|
|
108
|
+
return;
|
|
109
|
+
// Use provided columns prop for grid navigation
|
|
110
|
+
const emojisPerRow = Number(columns) || 6;
|
|
111
|
+
let newIndex = focusedEmojiIndex;
|
|
112
|
+
switch (e.key) {
|
|
113
|
+
case 'ArrowRight':
|
|
114
|
+
e.preventDefault();
|
|
115
|
+
newIndex = focusedEmojiIndex < filteredEmojis.length - 1 ? focusedEmojiIndex + 1 : 0;
|
|
116
|
+
break;
|
|
117
|
+
case 'ArrowLeft':
|
|
118
|
+
e.preventDefault();
|
|
119
|
+
newIndex = focusedEmojiIndex > 0 ? focusedEmojiIndex - 1 : filteredEmojis.length - 1;
|
|
120
|
+
break;
|
|
121
|
+
case 'ArrowDown':
|
|
122
|
+
e.preventDefault();
|
|
123
|
+
newIndex = focusedEmojiIndex + emojisPerRow;
|
|
124
|
+
if (newIndex >= filteredEmojis.length) {
|
|
125
|
+
// Wrap to the beginning of the appropriate column
|
|
126
|
+
newIndex = focusedEmojiIndex % emojisPerRow;
|
|
127
|
+
if (newIndex >= filteredEmojis.length)
|
|
128
|
+
newIndex = filteredEmojis.length - 1;
|
|
129
|
+
}
|
|
130
|
+
break;
|
|
131
|
+
case 'ArrowUp':
|
|
132
|
+
e.preventDefault();
|
|
133
|
+
newIndex = focusedEmojiIndex - emojisPerRow;
|
|
134
|
+
if (newIndex < 0) {
|
|
135
|
+
// Wrap to the end of the appropriate column
|
|
136
|
+
const rowsCount = Math.ceil(filteredEmojis.length / emojisPerRow);
|
|
137
|
+
newIndex = ((rowsCount - 1) * emojisPerRow) + (focusedEmojiIndex % emojisPerRow);
|
|
138
|
+
if (newIndex >= filteredEmojis.length) {
|
|
139
|
+
newIndex = filteredEmojis.length - 1;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
break;
|
|
143
|
+
case 'Enter':
|
|
144
|
+
case ' ':
|
|
145
|
+
if (focusedEmojiIndex >= 0 && focusedEmojiIndex < filteredEmojis.length) {
|
|
146
|
+
e.preventDefault();
|
|
147
|
+
handleEmojiSelect(filteredEmojis[focusedEmojiIndex].char);
|
|
148
|
+
}
|
|
149
|
+
break;
|
|
150
|
+
default:
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
setFocusedEmojiIndex(newIndex);
|
|
154
|
+
}, [filteredEmojis, focusedEmojiIndex, handleEmojiSelect, columns]);
|
|
155
|
+
return (_jsxs(Column, { gap: "16", background: background, className: className, style: style, "data-testid": "emoji-picker", height: 24, ...flex, children: [_jsx(Input, { id: "emoji-search", placeholder: "Search emojis", value: inputValue, height: "s", onChange: (e) => setInputValue(e.target.value), hasPrefix: _jsx(Icon, { size: "s", onBackground: "neutral-weak", name: "search" }), "aria-label": "Search emojis" }), _jsx(Scroller, { tabIndex: -1, direction: "column", fillHeight: true, fadeColor: background, children: filteredEmojis.length > 0 ? (_jsx(Grid, { gap: "2", fillWidth: true, columns: columns, "aria-label": searchQuery ? "Search results" : `${activeCategory} emojis`, ref: gridRef, onKeyDown: handleKeyDown, tabIndex: -1, role: "grid", children: filteredEmojis.map((emoji, index) => {
|
|
156
|
+
const isFocused = index === focusedEmojiIndex;
|
|
157
|
+
return (_jsx(IconButton, { tabIndex: (index === 0 || isFocused) ? 0 : -1, variant: "tertiary", size: "l", onClick: () => handleEmojiSelect(emoji.char), "aria-label": emoji.description, title: emoji.description, style: {
|
|
158
|
+
transform: isFocused ? 'scale(1.05)' : 'scale(1)',
|
|
159
|
+
background: isFocused ? 'var(--neutral-alpha-weak)' : 'transparent',
|
|
160
|
+
transition: 'transform 0.1s ease, outline 0.1s ease'
|
|
161
|
+
}, onFocus: () => setFocusedEmojiIndex(index), role: "gridcell", ref: isFocused ? (el) => el?.focus() : undefined, children: _jsx(Text, { variant: "heading-default-xl", children: emoji.char }) }, index));
|
|
162
|
+
}) })) : (_jsx(Row, { fill: true, center: true, align: "center", onBackground: "neutral-weak", children: "No results found" })) }), !searchQuery && (_jsx(SegmentedControl, { buttons: categoryButtons, onToggle: handleCategoryChange, defaultSelected: activeCategory, fillWidth: true }))] }));
|
|
163
|
+
};
|
|
164
|
+
EmojiPicker.displayName = "EmojiPicker";
|
|
165
|
+
export { EmojiPicker };
|
|
166
|
+
//# sourceMappingURL=EmojiPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../src/components/EmojiPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DropdownWrapper } from ".";
|
|
3
|
+
import { StyleProps, gridColumns } from "..";
|
|
4
|
+
export interface EmojiPickerDropdownProps extends Omit<React.ComponentProps<typeof DropdownWrapper>, 'dropdown'> {
|
|
5
|
+
onSelect: (emoji: string) => void;
|
|
6
|
+
background?: StyleProps["background"];
|
|
7
|
+
columns?: gridColumns;
|
|
8
|
+
}
|
|
9
|
+
declare const EmojiPickerDropdown: React.FC<EmojiPickerDropdownProps>;
|
|
10
|
+
export { EmojiPickerDropdown };
|
|
11
|
+
//# sourceMappingURL=EmojiPickerDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPickerDropdown.d.ts","sourceRoot":"","sources":["../../src/components/EmojiPickerDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAe,MAAM,GAAG,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,UAAU,CAAC;IAC9G,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2B3D,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { DropdownWrapper, EmojiPicker } from ".";
|
|
4
|
+
const EmojiPickerDropdown = ({ trigger, onSelect, closeAfterClick = true, background = "surface", columns = "8", ...dropdownProps }) => {
|
|
5
|
+
const handleEmojiSelect = (emoji) => {
|
|
6
|
+
onSelect(emoji);
|
|
7
|
+
};
|
|
8
|
+
return (_jsx(DropdownWrapper, { ...dropdownProps, trigger: trigger, dropdown: _jsx(EmojiPicker, { columns: columns, padding: "8", onSelect: handleEmojiSelect, onClose: closeAfterClick ? () => dropdownProps.onOpenChange?.(false) : undefined, background: background }) }));
|
|
9
|
+
};
|
|
10
|
+
export { EmojiPickerDropdown };
|
|
11
|
+
//# sourceMappingURL=EmojiPickerDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPickerDropdown.js","sourceRoot":"","sources":["../../src/components/EmojiPickerDropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AASjD,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,OAAO,EACP,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,SAAS,EACtB,OAAO,GAAG,GAAG,EACb,GAAG,aAAa,EACjB,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,aAAa,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EACN,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,GAAG,EACX,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,UAAU,EAAE,UAAU,GACtB,GAEJ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -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;
|
|
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,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAChE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC;AAoDD,QAAA,MAAM,MAAM;yFAQT,WAAW;;CAqGb,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -3,9 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { Column, Media, Text, Row, Card, Skeleton } from ".";
|
|
4
4
|
import { useOgData } from "../hooks/useFetchOg";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
|
+
// This function is now simplified since the main proxying happens in the useFetchOg hook
|
|
6
7
|
const getProxiedImageUrl = (imageUrl, proxyFn) => {
|
|
7
8
|
if (!imageUrl)
|
|
8
9
|
return "";
|
|
10
|
+
// Local URLs don't need proxying
|
|
9
11
|
if (imageUrl.startsWith("/")) {
|
|
10
12
|
return imageUrl;
|
|
11
13
|
}
|
|
@@ -51,18 +53,22 @@ const OgCard = ({ url, ogData: providedOgData, direction = "column", display, si
|
|
|
51
53
|
image: true,
|
|
52
54
|
...display,
|
|
53
55
|
};
|
|
54
|
-
const { ogData: fetchedOgData, loading } = useOgData(url || null, serviceConfig.fetchOgUrl);
|
|
56
|
+
const { ogData: fetchedOgData, loading } = useOgData(url || null, serviceConfig.fetchOgUrl, serviceConfig.proxyOgUrl);
|
|
55
57
|
const data = providedOgData || fetchedOgData;
|
|
58
|
+
// With our updated useOgData hook, images are already proxied through the API
|
|
59
|
+
// We only need additional proxying if a custom proxyImageUrl function is provided
|
|
56
60
|
const proxiedImageUrl = useMemo(() => {
|
|
57
|
-
return
|
|
61
|
+
return data?.image ? (serviceConfig.proxyImageUrl
|
|
62
|
+
? serviceConfig.proxyImageUrl(data.image)
|
|
63
|
+
: data.image) : "";
|
|
58
64
|
}, [data?.image, serviceConfig.proxyImageUrl]);
|
|
59
65
|
const faviconUrl = useMemo(() => {
|
|
60
|
-
return data?.faviconUrl ||
|
|
66
|
+
return data?.faviconUrl || (data?.url ? getFaviconUrl(data.url, serviceConfig.proxyFaviconUrl) : "");
|
|
61
67
|
}, [data?.faviconUrl, data?.url, serviceConfig.proxyFaviconUrl]);
|
|
62
68
|
if (!loading && (!data || (!data.image && !data.title))) {
|
|
63
69
|
return null;
|
|
64
70
|
}
|
|
65
|
-
return (_jsxs(Card, { href: data?.url, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium", ...card, children: [displayOptions.image && (proxiedImageUrl || loading) && (_jsx(Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: sizes, aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), _jsxs(Column, { fillWidth: true, paddingX: "12", paddingY: "12", gap: "8", children: [(displayOptions.favicon || displayOptions.domain) && (_jsxs(Row, { fillWidth: true, gap: "8", vertical: "center", children: [displayOptions.favicon && (_jsx(Media, { aspectRatio: "1/1", src: faviconUrl, loading: loading, minWidth: "16", maxWidth: "16", radius: "xs", border: "neutral-alpha-weak"
|
|
71
|
+
return (_jsxs(Card, { href: data?.url, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium", ...card, children: [displayOptions.image && (proxiedImageUrl || loading) && (_jsx(Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: sizes, aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), _jsxs(Column, { fillWidth: true, paddingX: "12", paddingY: "12", gap: "8", children: [(displayOptions.favicon || displayOptions.domain) && (_jsxs(Row, { fillWidth: true, gap: "8", vertical: "center", children: [displayOptions.favicon && (_jsx(Media, { aspectRatio: "1/1", src: faviconUrl, loading: loading, minWidth: "16", maxWidth: "16", radius: "xs", border: "neutral-alpha-weak" })), displayOptions.domain && (loading ? (_jsx(Skeleton, { shape: "line", width: "xs", height: "xs" })) : data?.url && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(data.url) })))] })), _jsxs(Column, { fillWidth: true, gap: "2", children: [displayOptions.title && (loading ? (_jsx(Skeleton, { shape: "line", width: "s", height: "s" })) : data?.title && (_jsx(Text, { variant: "label-default-s", children: data.title }))), displayOptions.description && (loading ? (_jsxs(Column, { fillWidth: true, paddingY: "8", gap: "8", children: [_jsx(Skeleton, { shape: "line", width: "xl", height: "xs" }), _jsx(Skeleton, { shape: "line", width: "l", height: "xs" })] })) : data?.description ? (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: data.description })) : null)] })] })] }));
|
|
66
72
|
};
|
|
67
73
|
OgCard.displayName = "OgCard";
|
|
68
74
|
export { OgCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAkChC,MAAM,kBAAkB,GAAG,CAAC,QAA4B,EAAE,OAAiC,EAAU,EAAE;IACrG,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IAEzB,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,6DAA6D;IAC7D,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,GAAuB,EAAU,EAAE;IAC3D,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IAEpB,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAE5B,IAAI,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;QAE7B,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAEtC,OAAO,MAAM,CAAC;IAChB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QACnD,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAElD,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1C,OAAO,YAAY,CAAC;IACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,GAAuB,EAAE,OAAiC,EAAU,EAAE;IAC3F,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IAEpB,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;QAE/B,MAAM,gBAAgB,GAAG,6CAA6C,MAAM,QAAQ,CAAC;QAErF,qEAAqE;QACrE,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAChE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACd,GAAG,EACH,MAAM,EAAE,cAAc,EACtB,SAAS,GAAG,QAAQ,EACpB,OAAO,EACP,KAAK,GAAG,OAAO,EACf,aAAa,GAAG,EAAE,EAClB,GAAG,IAAI,EACK,EAAE,EAAE;IAChB,MAAM,cAAc,GAAG;QACrB,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,IAAI;QACX,GAAG,OAAO;KACX,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,GAAG,IAAI,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAkChC,yFAAyF;AACzF,MAAM,kBAAkB,GAAG,CAAC,QAA4B,EAAE,OAAiC,EAAU,EAAE;IACrG,IAAI,CAAC,QAAQ;QAAE,OAAO,EAAE,CAAC;IAEzB,iCAAiC;IACjC,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,6DAA6D;IAC7D,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,GAAuB,EAAU,EAAE;IAC3D,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IAEpB,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAE5B,IAAI,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;QAE7B,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAEtC,OAAO,MAAM,CAAC;IAChB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;QACnD,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAElD,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1C,OAAO,YAAY,CAAC;IACtB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,GAAuB,EAAE,OAAiC,EAAU,EAAE;IAC3F,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IAEpB,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC;QAE/B,MAAM,gBAAgB,GAAG,6CAA6C,MAAM,QAAQ,CAAC;QAErF,qEAAqE;QACrE,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAChE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EACd,GAAG,EACH,MAAM,EAAE,cAAc,EACtB,SAAS,GAAG,QAAQ,EACpB,OAAO,EACP,KAAK,GAAG,OAAO,EACf,aAAa,GAAG,EAAE,EAClB,GAAG,IAAI,EACK,EAAE,EAAE;IAChB,MAAM,cAAc,GAAG;QACrB,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,IAAI;QACjB,KAAK,EAAE,IAAI;QACX,GAAG,OAAO;KACX,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,GAAG,IAAI,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACtH,MAAM,IAAI,GAAG,cAAc,IAAI,aAAa,CAAC;IAE7C,8EAA8E;IAC9E,kFAAkF;IAClF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,aAAa;YAC/C,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAE/C,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,IAAI,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvG,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IAEjE,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;QACxD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IACH,IAAI,EAAE,IAAI,EAAE,GAAG,EACf,SAAS,EAAE,SAAS,EACpB,SAAS,QACT,QAAQ,EAAE,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACnF,GAAG,EAAC,GAAG,EACP,MAAM,EAAC,GAAG,EACV,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,sBAAsB,KACzB,IAAI,aAEP,cAAc,CAAC,KAAK,IAAI,CAAC,eAAe,IAAI,OAAO,CAAC,IAAI,CACvD,KAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7E,QAAQ,EAAE,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7E,OAAO,EAAE,OAAO,EAChB,MAAM,EAAC,GAAG,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,MAAM,EAClB,MAAM,EAAC,oBAAoB,EAC3B,GAAG,EAAE,eAAe,GACpB,CACH,EACD,MAAC,MAAM,IAAC,SAAS,QAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,GAAG,EAAC,GAAG,aAClD,CAAC,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,MAAM,CAAC,IAAI,CACpD,MAAC,GAAG,IAAC,SAAS,QAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,aACrC,cAAc,CAAC,OAAO,IAAI,CACzB,KAAC,KAAK,IACJ,WAAW,EAAC,KAAK,EACjB,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,IAAI,EACb,QAAQ,EAAC,IAAI,EACb,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,oBAAoB,GAC3B,CACH,EACA,cAAc,CAAC,MAAM,IAAI,CACxB,OAAO,CAAC,CAAC,CAAC,CACR,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CACjD,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,CACf,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACxD,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,GACtB,CACR,CACF,IACG,CACP,EACD,MAAC,MAAM,IAAC,SAAS,QAAC,GAAG,EAAC,GAAG,aACtB,cAAc,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAClC,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,GAAG,CAC/C,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,IAAI,CACjB,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,YAC5B,IAAI,CAAC,KAAK,GACN,CACR,CAAC,EACD,cAAc,CAAC,WAAW,IAAI,CAC7B,OAAO,CAAC,CAAC,CAAC,CACR,MAAC,MAAM,IAAC,SAAS,QAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,GAAG,aACpC,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,EAChD,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,GAAG,IACxC,CACV,CAAC,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACxD,IAAI,CAAC,WAAW,GACZ,CACR,CAAC,CAAC,CAAC,IAAI,CACT,IACM,IACF,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -24,6 +24,8 @@ export * from "./Dialog";
|
|
|
24
24
|
export * from "./Dropdown";
|
|
25
25
|
export * from "./DropdownWrapper";
|
|
26
26
|
export * from "./ElementType";
|
|
27
|
+
export * from "./EmojiPicker";
|
|
28
|
+
export * from "./EmojiPickerDropdown";
|
|
27
29
|
export * from "./Fade";
|
|
28
30
|
export * from "./Feedback";
|
|
29
31
|
export * from "./Flex";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -24,6 +24,8 @@ export * from "./Dialog";
|
|
|
24
24
|
export * from "./Dropdown";
|
|
25
25
|
export * from "./DropdownWrapper";
|
|
26
26
|
export * from "./ElementType";
|
|
27
|
+
export * from "./EmojiPicker";
|
|
28
|
+
export * from "./EmojiPickerDropdown";
|
|
27
29
|
export * from "./Fade";
|
|
28
30
|
export * from "./Feedback";
|
|
29
31
|
export * from "./Flex";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
|