@frosted-ui/react-native 0.0.1-canary.100
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/README.md +160 -0
- package/dist/components/accordion.d.ts +21 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +94 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/alert-dialog.d.ts +67 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +170 -0
- package/dist/components/alert-dialog.js.map +1 -0
- package/dist/components/aspect-ratio.d.ts +4 -0
- package/dist/components/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio.js +4 -0
- package/dist/components/aspect-ratio.js.map +1 -0
- package/dist/components/avatar.d.ts +23 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +128 -0
- package/dist/components/avatar.js.map +1 -0
- package/dist/components/badge.d.ts +15 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +81 -0
- package/dist/components/badge.js.map +1 -0
- package/dist/components/button.d.ts +14 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +81 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/callout.d.ts +23 -0
- package/dist/components/callout.d.ts.map +1 -0
- package/dist/components/callout.js +128 -0
- package/dist/components/callout.js.map +1 -0
- package/dist/components/card.d.ts +9 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +41 -0
- package/dist/components/card.js.map +1 -0
- package/dist/components/checkbox.d.ts +12 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +100 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/circular-progress.d.ts +21 -0
- package/dist/components/circular-progress.d.ts.map +1 -0
- package/dist/components/circular-progress.js +78 -0
- package/dist/components/circular-progress.js.map +1 -0
- package/dist/components/code.d.ts +18 -0
- package/dist/components/code.d.ts.map +1 -0
- package/dist/components/code.js +83 -0
- package/dist/components/code.js.map +1 -0
- package/dist/components/context-menu.d.ts +65 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +441 -0
- package/dist/components/context-menu.js.map +1 -0
- package/dist/components/dialog.d.ts +49 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +141 -0
- package/dist/components/dialog.js.map +1 -0
- package/dist/components/dropdown-menu.d.ts +65 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +441 -0
- package/dist/components/dropdown-menu.js.map +1 -0
- package/dist/components/heading.d.ts +15 -0
- package/dist/components/heading.d.ts.map +1 -0
- package/dist/components/heading.js +8 -0
- package/dist/components/heading.js.map +1 -0
- package/dist/components/hover-card.d.ts +24 -0
- package/dist/components/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card.js +49 -0
- package/dist/components/hover-card.js.map +1 -0
- package/dist/components/icon-button.d.ts +14 -0
- package/dist/components/icon-button.d.ts.map +1 -0
- package/dist/components/icon-button.js +81 -0
- package/dist/components/icon-button.js.map +1 -0
- package/dist/components/icon.d.ts +27 -0
- package/dist/components/icon.d.ts.map +1 -0
- package/dist/components/icon.js +30 -0
- package/dist/components/icon.js.map +1 -0
- package/dist/components/index.d.ts +37 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +49 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/label.d.ts +8 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +26 -0
- package/dist/components/label.js.map +1 -0
- package/dist/components/link.d.ts +19 -0
- package/dist/components/link.d.ts.map +1 -0
- package/dist/components/link.js +68 -0
- package/dist/components/link.js.map +1 -0
- package/dist/components/list.d.ts +37 -0
- package/dist/components/list.d.ts.map +1 -0
- package/dist/components/list.js +112 -0
- package/dist/components/list.js.map +1 -0
- package/dist/components/native-only-animated-view.d.ts +219 -0
- package/dist/components/native-only-animated-view.d.ts.map +1 -0
- package/dist/components/native-only-animated-view.js +26 -0
- package/dist/components/native-only-animated-view.js.map +1 -0
- package/dist/components/popover.d.ts +24 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +52 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/progress.d.ts +14 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +52 -0
- package/dist/components/progress.js.map +1 -0
- package/dist/components/radio-group.d.ts +18 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +122 -0
- package/dist/components/radio-group.js.map +1 -0
- package/dist/components/segmented-control.d.ts +21 -0
- package/dist/components/segmented-control.d.ts.map +1 -0
- package/dist/components/segmented-control.js +113 -0
- package/dist/components/segmented-control.js.map +1 -0
- package/dist/components/select.d.ts +58 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +491 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/separator.d.ts +12 -0
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +47 -0
- package/dist/components/separator.js.map +1 -0
- package/dist/components/skeleton.d.ts +28 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +137 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/slider.d.ts +30 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +248 -0
- package/dist/components/slider.js.map +1 -0
- package/dist/components/spinner.d.ts +17 -0
- package/dist/components/spinner.d.ts.map +1 -0
- package/dist/components/spinner.js +199 -0
- package/dist/components/spinner.js.map +1 -0
- package/dist/components/switch.d.ts +12 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +188 -0
- package/dist/components/switch.js.map +1 -0
- package/dist/components/tabs.d.ts +26 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +125 -0
- package/dist/components/tabs.js.map +1 -0
- package/dist/components/text-area.d.ts +16 -0
- package/dist/components/text-area.d.ts.map +1 -0
- package/dist/components/text-area.js +121 -0
- package/dist/components/text-area.js.map +1 -0
- package/dist/components/text-field.d.ts +35 -0
- package/dist/components/text-field.d.ts.map +1 -0
- package/dist/components/text-field.js +300 -0
- package/dist/components/text-field.js.map +1 -0
- package/dist/components/text.d.ts +23 -0
- package/dist/components/text.d.ts.map +1 -0
- package/dist/components/text.js +44 -0
- package/dist/components/text.js.map +1 -0
- package/dist/components/tooltip.d.ts +24 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +63 -0
- package/dist/components/tooltip.js.map +1 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +18 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/button-styles.d.ts +13 -0
- package/dist/lib/button-styles.d.ts.map +1 -0
- package/dist/lib/button-styles.js +115 -0
- package/dist/lib/button-styles.js.map +1 -0
- package/dist/lib/color-utils.d.ts +26 -0
- package/dist/lib/color-utils.d.ts.map +1 -0
- package/dist/lib/color-utils.js +48 -0
- package/dist/lib/color-utils.js.map +1 -0
- package/dist/lib/dialog-styles.d.ts +42 -0
- package/dist/lib/dialog-styles.d.ts.map +1 -0
- package/dist/lib/dialog-styles.js +162 -0
- package/dist/lib/dialog-styles.js.map +1 -0
- package/dist/lib/full-window-overlay.d.ts +11 -0
- package/dist/lib/full-window-overlay.d.ts.map +1 -0
- package/dist/lib/full-window-overlay.js +16 -0
- package/dist/lib/full-window-overlay.js.map +1 -0
- package/dist/lib/panel-styles.d.ts +32 -0
- package/dist/lib/panel-styles.d.ts.map +1 -0
- package/dist/lib/panel-styles.js +96 -0
- package/dist/lib/panel-styles.js.map +1 -0
- package/dist/lib/text-input-styles.d.ts +36 -0
- package/dist/lib/text-input-styles.d.ts.map +1 -0
- package/dist/lib/text-input-styles.js +88 -0
- package/dist/lib/text-input-styles.js.map +1 -0
- package/dist/lib/theme-context.d.ts +80 -0
- package/dist/lib/theme-context.d.ts.map +1 -0
- package/dist/lib/theme-context.js +97 -0
- package/dist/lib/theme-context.js.map +1 -0
- package/dist/lib/theme-tokens.d.ts +222 -0
- package/dist/lib/theme-tokens.d.ts.map +1 -0
- package/dist/lib/theme-tokens.js +158 -0
- package/dist/lib/theme-tokens.js.map +1 -0
- package/dist/lib/theme.d.ts +40 -0
- package/dist/lib/theme.d.ts.map +1 -0
- package/dist/lib/theme.js +194 -0
- package/dist/lib/theme.js.map +1 -0
- package/dist/lib/types.d.ts +18 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +2 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/use-theme-tokens.d.ts +593 -0
- package/dist/lib/use-theme-tokens.d.ts.map +1 -0
- package/dist/lib/use-theme-tokens.js +44 -0
- package/dist/lib/use-theme-tokens.js.map +1 -0
- package/docs/llm/COLOR_SYSTEM.md +799 -0
- package/docs/llm/COMPONENTS.md +1329 -0
- package/docs/llm/DESIGN_PATTERNS.md +2567 -0
- package/docs/llm/README.md +118 -0
- package/docs/llm/TYPOGRAPHY.md +516 -0
- package/package.json +106 -0
|
@@ -0,0 +1,491 @@
|
|
|
1
|
+
import { NativeOnlyAnimatedView } from '../components/native-only-animated-view';
|
|
2
|
+
import { Text, TextStyleContext } from '../components/text';
|
|
3
|
+
import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getButtonSizeStyle, getButtonVariantStyle, } from '../lib/button-styles';
|
|
4
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
5
|
+
import * as SelectPrimitive from '@rn-primitives/select';
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import { Platform, Pressable, ScrollView, StyleSheet, useWindowDimensions, View, } from 'react-native';
|
|
8
|
+
import { FadeIn, FadeOut } from 'react-native-reanimated';
|
|
9
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
10
|
+
import { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';
|
|
11
|
+
import Svg, { Path } from 'react-native-svg';
|
|
12
|
+
// Custom icons matching web version exactly
|
|
13
|
+
function SelectChevronIcon({ size, color }) {
|
|
14
|
+
// Chevron path scaled to fill a square viewBox
|
|
15
|
+
// Original web: viewBox="3.25 5.25 9.5 5.5", path="M4 6L8 10L12 6"
|
|
16
|
+
// Scaled to fit 0 0 12 12 viewBox while maintaining proportions
|
|
17
|
+
return (<Svg width={size} height={size} viewBox="0 0 12 12" fill="none">
|
|
18
|
+
<Path d="M2 4L6 8L10 4" stroke={color} strokeWidth={1.5} strokeLinecap="round" strokeLinejoin="round"/>
|
|
19
|
+
</Svg>);
|
|
20
|
+
}
|
|
21
|
+
function SelectCheckIcon({ size, color }) {
|
|
22
|
+
return (<Svg width={size} height={size} viewBox="0 0 9 9" fill={color}>
|
|
23
|
+
<Path fillRule="evenodd" clipRule="evenodd" d="M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z"/>
|
|
24
|
+
</Svg>);
|
|
25
|
+
}
|
|
26
|
+
const SelectContext = React.createContext({
|
|
27
|
+
size: '2',
|
|
28
|
+
labelMap: { current: new Map() },
|
|
29
|
+
value: undefined,
|
|
30
|
+
open: false,
|
|
31
|
+
});
|
|
32
|
+
const SelectTriggerContext = React.createContext({
|
|
33
|
+
variant: 'surface',
|
|
34
|
+
color: 'gray',
|
|
35
|
+
disabled: false,
|
|
36
|
+
});
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
38
|
+
const noop = () => { };
|
|
39
|
+
const SelectContentContext = React.createContext({
|
|
40
|
+
registerItemPosition: noop,
|
|
41
|
+
});
|
|
42
|
+
function SelectRoot({ size = '3', value, onValueChange, children, ...props }) {
|
|
43
|
+
const labelMapRef = React.useRef(new Map());
|
|
44
|
+
const [open, setOpen] = React.useState(false);
|
|
45
|
+
// Handle open state changes
|
|
46
|
+
const handleOpenChange = React.useCallback((isOpen) => {
|
|
47
|
+
setOpen(isOpen);
|
|
48
|
+
props.onOpenChange?.(isOpen);
|
|
49
|
+
}, [props.onOpenChange]);
|
|
50
|
+
// Intercept onValueChange to ensure we use the correct label from our map
|
|
51
|
+
const handleValueChange = React.useCallback((newValue) => {
|
|
52
|
+
if (newValue && labelMapRef.current.has(newValue.value)) {
|
|
53
|
+
// Use the label from our map (web primitive doesn't pass correct label)
|
|
54
|
+
const label = labelMapRef.current.get(newValue.value) ?? '';
|
|
55
|
+
onValueChange?.({ value: newValue.value, label });
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
onValueChange?.(newValue);
|
|
59
|
+
}
|
|
60
|
+
}, [onValueChange]);
|
|
61
|
+
// Cast types as the primitive types expect Option but we use { value, label }
|
|
62
|
+
const primitiveValue = value;
|
|
63
|
+
const primitiveOnChange = handleValueChange;
|
|
64
|
+
const contextValue = React.useMemo(() => ({ size, labelMap: labelMapRef, value, open }), [size, value, open]);
|
|
65
|
+
// Context must wrap the Root so it's available in the Portal
|
|
66
|
+
return (<SelectContext.Provider value={contextValue}>
|
|
67
|
+
<SelectPrimitive.Root {...props} value={primitiveValue} onValueChange={primitiveOnChange} onOpenChange={handleOpenChange}>
|
|
68
|
+
{children}
|
|
69
|
+
</SelectPrimitive.Root>
|
|
70
|
+
</SelectContext.Provider>);
|
|
71
|
+
}
|
|
72
|
+
function SelectValue({ placeholder, ...props }) {
|
|
73
|
+
const { size, value } = React.useContext(SelectContext);
|
|
74
|
+
const { variant, color, disabled } = React.useContext(SelectTriggerContext);
|
|
75
|
+
const { colors } = useThemeTokens();
|
|
76
|
+
// Get text size based on select size
|
|
77
|
+
const textSize = size === '1' ? '1' : size === '2' ? '2' : size === '3' ? '3' : '4';
|
|
78
|
+
const hasValue = !!value;
|
|
79
|
+
const displayValue = value?.label ?? placeholder ?? '';
|
|
80
|
+
// Get colors based on variant (matching web)
|
|
81
|
+
const gray = colors.palettes.gray;
|
|
82
|
+
const palette = colors.palettes[color ?? 'gray'];
|
|
83
|
+
// Text colors per variant:
|
|
84
|
+
// - surface: gray-12, placeholder: gray-a10, disabled: gray-a8
|
|
85
|
+
// - soft/ghost: accent-12, placeholder: accent-12 @ 0.6 opacity, disabled: gray-a8
|
|
86
|
+
let textColor;
|
|
87
|
+
if (disabled) {
|
|
88
|
+
textColor = gray.a8;
|
|
89
|
+
}
|
|
90
|
+
else if (variant === 'surface') {
|
|
91
|
+
textColor = hasValue ? gray['12'] : gray.a10;
|
|
92
|
+
}
|
|
93
|
+
else {
|
|
94
|
+
// soft or ghost - use accent color
|
|
95
|
+
textColor = palette['12'] || palette.a12;
|
|
96
|
+
}
|
|
97
|
+
return (<Text size={textSize} color="gray" style={{
|
|
98
|
+
color: textColor,
|
|
99
|
+
opacity: !disabled && !hasValue && (variant === 'soft' || variant === 'ghost') ? 0.6 : 1,
|
|
100
|
+
}} numberOfLines={1} ellipsizeMode="tail" {...props}>
|
|
101
|
+
{displayValue}
|
|
102
|
+
</Text>);
|
|
103
|
+
}
|
|
104
|
+
function SelectTrigger({ variant = 'surface', color = 'gray', style, disabled, children, ...props }) {
|
|
105
|
+
const { size, open } = React.useContext(SelectContext);
|
|
106
|
+
const { colors } = useThemeTokens();
|
|
107
|
+
const [pressed, setPressed] = React.useState(false);
|
|
108
|
+
const [hovered, setHovered] = React.useState(false);
|
|
109
|
+
const [focused, setFocused] = React.useState(false);
|
|
110
|
+
const gray = colors.palettes.gray;
|
|
111
|
+
const palette = colors.palettes[color ?? 'gray'];
|
|
112
|
+
// When select is open, apply pressed styles (matching web [data-state='open'])
|
|
113
|
+
const isPressed = pressed || open;
|
|
114
|
+
const sizeStyle = getButtonSizeStyle(size);
|
|
115
|
+
const variantStyle = getButtonVariantStyle(variant, colors, palette, gray, disabled ?? false, isPressed, hovered);
|
|
116
|
+
const shadowStyle = getButtonShadowStyle(variant, disabled ?? false, isPressed);
|
|
117
|
+
const focusStyle = getButtonFocusStyle(palette, focused, disabled ?? false);
|
|
118
|
+
const pressedFilter = getButtonPressedFilter(variant, isPressed, disabled ?? false);
|
|
119
|
+
// Get icon size based on select size
|
|
120
|
+
const iconSize = size === '1' ? 8 : size === '2' ? 10 : size === '3' ? 12 : 14;
|
|
121
|
+
// Icon color matches text color (uses currentColor on web)
|
|
122
|
+
// - surface: gray-12, disabled: gray-a8
|
|
123
|
+
// - soft/ghost: accent-12, disabled: gray-a8
|
|
124
|
+
const iconColor = disabled
|
|
125
|
+
? gray.a8
|
|
126
|
+
: variant === 'surface'
|
|
127
|
+
? gray['12']
|
|
128
|
+
: palette['12'] || palette.a12;
|
|
129
|
+
// Context value for SelectValue to access variant/color
|
|
130
|
+
const triggerContextValue = React.useMemo(() => ({ variant, color, disabled: disabled ?? false }), [variant, color, disabled]);
|
|
131
|
+
const triggerStyle = {
|
|
132
|
+
flexDirection: 'row',
|
|
133
|
+
alignItems: 'center',
|
|
134
|
+
justifyContent: 'space-between',
|
|
135
|
+
...sizeStyle,
|
|
136
|
+
...variantStyle,
|
|
137
|
+
...shadowStyle,
|
|
138
|
+
...focusStyle,
|
|
139
|
+
...pressedFilter,
|
|
140
|
+
gap: sizeStyle.gap,
|
|
141
|
+
...Platform.select({
|
|
142
|
+
web: {
|
|
143
|
+
cursor: disabled ? 'not-allowed' : 'pointer',
|
|
144
|
+
userSelect: 'none',
|
|
145
|
+
},
|
|
146
|
+
}),
|
|
147
|
+
};
|
|
148
|
+
const chevronContainer = {
|
|
149
|
+
width: iconSize,
|
|
150
|
+
height: iconSize,
|
|
151
|
+
opacity: variant === 'ghost' ? 1 : 0.9,
|
|
152
|
+
marginBottom: size === '2' || size === '3' || size === '4' ? (size === '2' ? -1 : -2) : 0,
|
|
153
|
+
};
|
|
154
|
+
const renderTriggerContent = () => (<>
|
|
155
|
+
{typeof children === 'function'
|
|
156
|
+
? children({ pressed, hovered })
|
|
157
|
+
: children}
|
|
158
|
+
<View style={chevronContainer}>
|
|
159
|
+
<SelectChevronIcon size={iconSize} color={iconColor}/>
|
|
160
|
+
</View>
|
|
161
|
+
</>);
|
|
162
|
+
// On web, use View instead of Pressable to avoid touch event conflicts
|
|
163
|
+
// Pressable's touch handling interferes with Radix's onClick on mobile web
|
|
164
|
+
if (Platform.OS === 'web') {
|
|
165
|
+
// Web-only props that aren't in RN's ViewProps
|
|
166
|
+
const webProps = {
|
|
167
|
+
onMouseDown: () => setPressed(true),
|
|
168
|
+
onMouseUp: () => setPressed(false),
|
|
169
|
+
onMouseEnter: () => setHovered(true),
|
|
170
|
+
onMouseLeave: () => {
|
|
171
|
+
setHovered(false);
|
|
172
|
+
setPressed(false);
|
|
173
|
+
},
|
|
174
|
+
onFocus: (e) => {
|
|
175
|
+
if (e.target?.matches?.(':focus-visible')) {
|
|
176
|
+
setFocused(true);
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
onBlur: () => setFocused(false),
|
|
180
|
+
tabIndex: disabled ? -1 : 0,
|
|
181
|
+
role: 'combobox',
|
|
182
|
+
'aria-disabled': disabled,
|
|
183
|
+
};
|
|
184
|
+
return (<SelectTriggerContext.Provider value={triggerContextValue}>
|
|
185
|
+
<SelectPrimitive.Trigger asChild disabled={disabled} {...props}>
|
|
186
|
+
<View style={[triggerStyle, style]} {...webProps}>
|
|
187
|
+
{renderTriggerContent()}
|
|
188
|
+
</View>
|
|
189
|
+
</SelectPrimitive.Trigger>
|
|
190
|
+
</SelectTriggerContext.Provider>);
|
|
191
|
+
}
|
|
192
|
+
// On native, use Pressable for proper touch handling
|
|
193
|
+
return (<SelectTriggerContext.Provider value={triggerContextValue}>
|
|
194
|
+
<SelectPrimitive.Trigger asChild disabled={disabled} {...props}>
|
|
195
|
+
<Pressable onPressIn={(e) => {
|
|
196
|
+
setPressed(true);
|
|
197
|
+
props.onPressIn?.(e);
|
|
198
|
+
}} onPressOut={(e) => {
|
|
199
|
+
setPressed(false);
|
|
200
|
+
props.onPressOut?.(e);
|
|
201
|
+
}} onFocus={(e) => {
|
|
202
|
+
props.onFocus?.(e);
|
|
203
|
+
}} onBlur={(e) => {
|
|
204
|
+
setFocused(false);
|
|
205
|
+
props.onBlur?.(e);
|
|
206
|
+
}} onHoverIn={(e) => {
|
|
207
|
+
setHovered(true);
|
|
208
|
+
props.onHoverIn?.(e);
|
|
209
|
+
}} onHoverOut={(e) => {
|
|
210
|
+
setHovered(false);
|
|
211
|
+
props.onHoverOut?.(e);
|
|
212
|
+
}} style={[triggerStyle, style]} disabled={disabled}>
|
|
213
|
+
{renderTriggerContent()}
|
|
214
|
+
</Pressable>
|
|
215
|
+
</SelectPrimitive.Trigger>
|
|
216
|
+
</SelectTriggerContext.Provider>);
|
|
217
|
+
}
|
|
218
|
+
// ============================================================================
|
|
219
|
+
// Select.Content
|
|
220
|
+
// ============================================================================
|
|
221
|
+
const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
|
|
222
|
+
function SelectContent({ portalHost, position = 'popper', ...props }) {
|
|
223
|
+
// Get context values before portal (context is lost in portal on native)
|
|
224
|
+
const selectContext = React.useContext(SelectContext);
|
|
225
|
+
const { size, labelMap, value, open } = selectContext;
|
|
226
|
+
const { colors, isDark } = useThemeTokens();
|
|
227
|
+
const { height: windowHeight } = useWindowDimensions();
|
|
228
|
+
const safeAreaInsets = useSafeAreaInsets();
|
|
229
|
+
// ScrollView ref and item positions for scroll-to-selected on native
|
|
230
|
+
const scrollViewRef = React.useRef(null);
|
|
231
|
+
const itemPositionsRef = React.useRef(new Map());
|
|
232
|
+
const hasScrolledRef = React.useRef(false);
|
|
233
|
+
// Content padding based on size
|
|
234
|
+
const contentPadding = size === '1' ? 4 : size === '2' ? 4 : size === '3' ? 4 : 4;
|
|
235
|
+
// Border radius based on size
|
|
236
|
+
const borderRadius = size === '1' ? 8 : size === '2' ? 10 : size === '3' ? 12 : 14;
|
|
237
|
+
// Calculate available height for native - account for safe areas and some padding
|
|
238
|
+
// Leave extra space for trigger (~60px) and visual breathing room (~40px)
|
|
239
|
+
const nativeMaxHeight = Math.max(150, windowHeight - safeAreaInsets.top - safeAreaInsets.bottom - 100);
|
|
240
|
+
// Insets for the primitive's collision detection
|
|
241
|
+
const contentInsets = {
|
|
242
|
+
top: safeAreaInsets.top + 8,
|
|
243
|
+
bottom: safeAreaInsets.bottom + 8,
|
|
244
|
+
left: safeAreaInsets.left + 8,
|
|
245
|
+
right: safeAreaInsets.right + 8,
|
|
246
|
+
};
|
|
247
|
+
// Register item position callback for native scroll-to-selected
|
|
248
|
+
const registerItemPosition = React.useCallback((itemValue, y) => {
|
|
249
|
+
itemPositionsRef.current.set(itemValue, y);
|
|
250
|
+
// Scroll to selected item once positions are registered (native only)
|
|
251
|
+
if (Platform.OS !== 'web' && !hasScrolledRef.current && value?.value === itemValue) {
|
|
252
|
+
hasScrolledRef.current = true;
|
|
253
|
+
// Use requestAnimationFrame to ensure ScrollView is mounted
|
|
254
|
+
requestAnimationFrame(() => {
|
|
255
|
+
scrollViewRef.current?.scrollTo({ y, animated: false });
|
|
256
|
+
});
|
|
257
|
+
}
|
|
258
|
+
}, [value?.value]);
|
|
259
|
+
// Reset scroll flag when content closes
|
|
260
|
+
React.useEffect(() => {
|
|
261
|
+
if (!open) {
|
|
262
|
+
hasScrolledRef.current = false;
|
|
263
|
+
}
|
|
264
|
+
}, [open]);
|
|
265
|
+
// Content context value for item position registration
|
|
266
|
+
const contentContextValue = React.useMemo(() => ({ registerItemPosition }), [registerItemPosition]);
|
|
267
|
+
// Re-create context value to provide inside portal
|
|
268
|
+
const contextValue = React.useMemo(() => ({ size, labelMap, value, open }), [size, labelMap, value, open]);
|
|
269
|
+
return (<SelectPrimitive.Portal hostName={portalHost}>
|
|
270
|
+
<FullWindowOverlay>
|
|
271
|
+
<SelectPrimitive.Overlay style={Platform.select({ native: StyleSheet.absoluteFill })}>
|
|
272
|
+
{/* Re-provide context inside portal since it's lost on native */}
|
|
273
|
+
<SelectContext.Provider value={contextValue}>
|
|
274
|
+
<SelectContentContext.Provider value={contentContextValue}>
|
|
275
|
+
<TextStyleContext.Provider value={{ size: '2', weight: 'regular', color: 'gray' }}>
|
|
276
|
+
<NativeOnlyAnimatedView entering={FadeIn} exiting={FadeOut}>
|
|
277
|
+
<SelectPrimitive.Content position={position} sideOffset={4} insets={Platform.OS !== 'web' ? contentInsets : undefined} style={{
|
|
278
|
+
backgroundColor: colors.panelSolid,
|
|
279
|
+
borderRadius,
|
|
280
|
+
minWidth: 128,
|
|
281
|
+
// Constrain max height on native to prevent overflow
|
|
282
|
+
...Platform.select({
|
|
283
|
+
web: {
|
|
284
|
+
// Shadow-5 from web: border + two shadow layers
|
|
285
|
+
// Light: 0 0 0 1px gray-a5, 0 12px 60px black-a3, 0 12px 32px -16px gray-a5
|
|
286
|
+
// Dark: 0 0 0 1px gray-a6, 0 12px 60px black-a5, 0 12px 32px -16px black-a7
|
|
287
|
+
boxShadow: isDark
|
|
288
|
+
? `0 0 0 1px ${colors.palettes.gray.a6}, 0 12px 60px ${colors.palettes.black.a5}, 0 12px 32px -16px ${colors.palettes.black.a7}`
|
|
289
|
+
: `0 0 0 1px ${colors.palettes.gray.a5}, 0 12px 60px ${colors.palettes.black.a3}, 0 12px 32px -16px ${colors.palettes.gray.a5}`,
|
|
290
|
+
overflow: 'hidden',
|
|
291
|
+
},
|
|
292
|
+
default: {
|
|
293
|
+
// Native approximation - can't do multiple shadows
|
|
294
|
+
// Note: overflow: 'hidden' clips shadows on iOS, so we don't use it here
|
|
295
|
+
maxHeight: nativeMaxHeight,
|
|
296
|
+
borderWidth: 1,
|
|
297
|
+
borderColor: isDark ? colors.palettes.gray.a6 : colors.palettes.gray.a5,
|
|
298
|
+
shadowColor: '#000000',
|
|
299
|
+
shadowOpacity: isDark ? 0.3 : 0.15,
|
|
300
|
+
shadowOffset: { width: 0, height: 12 },
|
|
301
|
+
shadowRadius: 30,
|
|
302
|
+
elevation: 12,
|
|
303
|
+
},
|
|
304
|
+
}),
|
|
305
|
+
}} {...props}>
|
|
306
|
+
<SelectPrimitive.Viewport style={{
|
|
307
|
+
width: 'auto',
|
|
308
|
+
borderRadius,
|
|
309
|
+
// On web, Radix calculates available height dynamically via CSS variable
|
|
310
|
+
...Platform.select({
|
|
311
|
+
web: {
|
|
312
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- CSS variable not in ViewStyle type
|
|
313
|
+
maxHeight: 'var(--radix-select-content-available-height)',
|
|
314
|
+
overflow: 'auto',
|
|
315
|
+
},
|
|
316
|
+
default: {
|
|
317
|
+
overflow: 'hidden',
|
|
318
|
+
},
|
|
319
|
+
}),
|
|
320
|
+
}}>
|
|
321
|
+
{Platform.OS === 'web' ? (<View style={{ padding: contentPadding }}>{props.children}</View>) : (<ScrollView ref={scrollViewRef} style={{ maxHeight: nativeMaxHeight - contentPadding * 2 - 2 }} // Account for padding and border
|
|
322
|
+
contentContainerStyle={{ padding: contentPadding }} showsVerticalScrollIndicator bounces={false}>
|
|
323
|
+
{props.children}
|
|
324
|
+
</ScrollView>)}
|
|
325
|
+
</SelectPrimitive.Viewport>
|
|
326
|
+
</SelectPrimitive.Content>
|
|
327
|
+
</NativeOnlyAnimatedView>
|
|
328
|
+
</TextStyleContext.Provider>
|
|
329
|
+
</SelectContentContext.Provider>
|
|
330
|
+
</SelectContext.Provider>
|
|
331
|
+
</SelectPrimitive.Overlay>
|
|
332
|
+
</FullWindowOverlay>
|
|
333
|
+
</SelectPrimitive.Portal>);
|
|
334
|
+
}
|
|
335
|
+
function SelectItem({ children, disabled, label, value, ...props }) {
|
|
336
|
+
const { size, labelMap } = React.useContext(SelectContext);
|
|
337
|
+
const { registerItemPosition } = React.useContext(SelectContentContext);
|
|
338
|
+
const { colors } = useThemeTokens();
|
|
339
|
+
const [pressed, setPressed] = React.useState(false);
|
|
340
|
+
const [hovered, setHovered] = React.useState(false);
|
|
341
|
+
const [focused, setFocused] = React.useState(false);
|
|
342
|
+
// Register label in the map when component mounts/updates
|
|
343
|
+
React.useEffect(() => {
|
|
344
|
+
labelMap.current.set(value, label);
|
|
345
|
+
return () => {
|
|
346
|
+
labelMap.current.delete(value);
|
|
347
|
+
};
|
|
348
|
+
}, [value, label, labelMap]);
|
|
349
|
+
// Register item position for native scroll-to-selected
|
|
350
|
+
const handleLayout = React.useCallback((e) => {
|
|
351
|
+
if (Platform.OS !== 'web') {
|
|
352
|
+
registerItemPosition(value, e.nativeEvent.layout.y);
|
|
353
|
+
}
|
|
354
|
+
}, [value, registerItemPosition]);
|
|
355
|
+
// Calculate sizes based on context size - memoize to ensure updates
|
|
356
|
+
const itemStyles = React.useMemo(() => {
|
|
357
|
+
const itemHeight = size === '1' ? 24 : size === '2' ? 32 : size === '3' ? 40 : 48;
|
|
358
|
+
const itemIndicatorWidth = itemHeight / 1.2;
|
|
359
|
+
const borderRadius = size === '1' ? 4 : size === '2' ? 6 : size === '3' ? 8 : 10;
|
|
360
|
+
return { itemHeight, itemIndicatorWidth, borderRadius };
|
|
361
|
+
}, [size]);
|
|
362
|
+
// Extract colors from theme - these will update when theme changes
|
|
363
|
+
const highlightColor = colors.palettes.gray.a4;
|
|
364
|
+
const textColor = disabled ? colors.palettes.gray.a8 : colors.palettes.gray['12'];
|
|
365
|
+
// Use gray background for hover, press, and keyboard focus
|
|
366
|
+
const isHighlighted = hovered || pressed || focused;
|
|
367
|
+
// Memoize style to include current theme colors
|
|
368
|
+
const itemStyle = React.useMemo(() => ({
|
|
369
|
+
flexDirection: 'row',
|
|
370
|
+
alignItems: 'center',
|
|
371
|
+
height: itemStyles.itemHeight,
|
|
372
|
+
paddingLeft: itemStyles.itemIndicatorWidth,
|
|
373
|
+
paddingRight: itemStyles.itemIndicatorWidth,
|
|
374
|
+
position: 'relative',
|
|
375
|
+
borderRadius: itemStyles.borderRadius,
|
|
376
|
+
backgroundColor: isHighlighted ? highlightColor : undefined,
|
|
377
|
+
...Platform.select({
|
|
378
|
+
web: {
|
|
379
|
+
cursor: disabled ? 'not-allowed' : 'default',
|
|
380
|
+
userSelect: 'none',
|
|
381
|
+
outline: 'none',
|
|
382
|
+
},
|
|
383
|
+
}),
|
|
384
|
+
}), [itemStyles, isHighlighted, highlightColor, disabled]);
|
|
385
|
+
// Handle focus - only track keyboard focus (focus-visible) on web
|
|
386
|
+
const handleFocus = React.useCallback(
|
|
387
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- cross-platform event type
|
|
388
|
+
(e) => {
|
|
389
|
+
if (Platform.OS === 'web') {
|
|
390
|
+
const target = e.target;
|
|
391
|
+
if (target?.matches?.(':focus-visible')) {
|
|
392
|
+
setFocused(true);
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
props.onFocus?.(e);
|
|
396
|
+
}, [props.onFocus]);
|
|
397
|
+
const handleBlur = React.useCallback(
|
|
398
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- cross-platform event type
|
|
399
|
+
(e) => {
|
|
400
|
+
setFocused(false);
|
|
401
|
+
props.onBlur?.(e);
|
|
402
|
+
}, [props.onBlur]);
|
|
403
|
+
// Web-specific hover handlers using native DOM events (more reliable after re-renders)
|
|
404
|
+
const webHoverProps = Platform.OS === 'web'
|
|
405
|
+
? {
|
|
406
|
+
onMouseEnter: () => setHovered(true),
|
|
407
|
+
onMouseLeave: () => setHovered(false),
|
|
408
|
+
}
|
|
409
|
+
: {};
|
|
410
|
+
return (<SelectPrimitive.Item disabled={disabled} value={value} label={label} onLayout={handleLayout} onHoverIn={Platform.OS !== 'web' ? () => setHovered(true) : undefined} onHoverOut={Platform.OS !== 'web' ? () => setHovered(false) : undefined} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onFocus={handleFocus} onBlur={handleBlur} style={itemStyle} {...webHoverProps} {...props}>
|
|
411
|
+
<SelectPrimitive.ItemIndicator style={{
|
|
412
|
+
position: 'absolute',
|
|
413
|
+
left: 0,
|
|
414
|
+
top: 0,
|
|
415
|
+
height: itemStyles.itemHeight,
|
|
416
|
+
width: itemStyles.itemIndicatorWidth,
|
|
417
|
+
alignItems: 'center',
|
|
418
|
+
justifyContent: 'center',
|
|
419
|
+
}}>
|
|
420
|
+
<SelectCheckIcon size={size === '1' ? 8 : size === '2' ? 10 : size === '3' ? 12 : 14} color={textColor}/>
|
|
421
|
+
</SelectPrimitive.ItemIndicator>
|
|
422
|
+
<View style={{ justifyContent: 'center', minHeight: itemStyles.itemHeight }}>
|
|
423
|
+
<Text size={size === '1' ? '1' : size === '2' ? '2' : size === '3' ? '3' : '4'} color="gray" style={{
|
|
424
|
+
color: textColor,
|
|
425
|
+
...(Platform.OS === 'web' ? { whiteSpace: 'nowrap' } : {}),
|
|
426
|
+
}}>
|
|
427
|
+
{children}
|
|
428
|
+
</Text>
|
|
429
|
+
</View>
|
|
430
|
+
</SelectPrimitive.Item>);
|
|
431
|
+
}
|
|
432
|
+
function SelectLabel({ children, ...props }) {
|
|
433
|
+
const { size } = React.useContext(SelectContext);
|
|
434
|
+
const { colors } = useThemeTokens();
|
|
435
|
+
const itemHeight = size === '1' ? 24 : size === '2' ? 32 : size === '3' ? 40 : 48;
|
|
436
|
+
const itemIndicatorWidth = itemHeight / 1.2;
|
|
437
|
+
return (<View style={{
|
|
438
|
+
flexDirection: 'row',
|
|
439
|
+
alignItems: 'center',
|
|
440
|
+
height: itemHeight,
|
|
441
|
+
paddingLeft: itemIndicatorWidth,
|
|
442
|
+
paddingRight: itemIndicatorWidth,
|
|
443
|
+
...Platform.select({
|
|
444
|
+
web: {
|
|
445
|
+
cursor: 'default',
|
|
446
|
+
userSelect: 'none',
|
|
447
|
+
},
|
|
448
|
+
}),
|
|
449
|
+
}}>
|
|
450
|
+
<Text size={size === '1' ? '0' : size === '2' ? '1' : size === '3' ? '2' : '3'} weight="semi-bold" color="gray" style={{ color: colors.palettes.gray.a10 }} {...props}>
|
|
451
|
+
{children}
|
|
452
|
+
</Text>
|
|
453
|
+
</View>);
|
|
454
|
+
}
|
|
455
|
+
function SelectSeparator({ ...props }) {
|
|
456
|
+
const { size } = React.useContext(SelectContext);
|
|
457
|
+
const { colors } = useThemeTokens();
|
|
458
|
+
const contentPadding = size === '1' ? 4 : size === '2' ? 4 : size === '3' ? 4 : 4;
|
|
459
|
+
return (<SelectPrimitive.Separator style={{
|
|
460
|
+
height: 1,
|
|
461
|
+
marginTop: 4,
|
|
462
|
+
marginBottom: 4,
|
|
463
|
+
marginLeft: -contentPadding + 1,
|
|
464
|
+
marginRight: -contentPadding + 1,
|
|
465
|
+
backgroundColor: colors.palettes.gray.a6,
|
|
466
|
+
...Platform.select({
|
|
467
|
+
web: {
|
|
468
|
+
pointerEvents: 'none',
|
|
469
|
+
},
|
|
470
|
+
}),
|
|
471
|
+
}} {...props}/>);
|
|
472
|
+
}
|
|
473
|
+
// ============================================================================
|
|
474
|
+
// Select.Group
|
|
475
|
+
// ============================================================================
|
|
476
|
+
const SelectGroup = SelectPrimitive.Group;
|
|
477
|
+
// ============================================================================
|
|
478
|
+
// Export composite component
|
|
479
|
+
// ============================================================================
|
|
480
|
+
const Select = {
|
|
481
|
+
Root: SelectRoot,
|
|
482
|
+
Trigger: SelectTrigger,
|
|
483
|
+
Value: SelectValue,
|
|
484
|
+
Content: SelectContent,
|
|
485
|
+
Item: SelectItem,
|
|
486
|
+
Label: SelectLabel,
|
|
487
|
+
Separator: SelectSeparator,
|
|
488
|
+
Group: SelectGroup,
|
|
489
|
+
};
|
|
490
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue, };
|
|
491
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Color } from '../lib/types';
|
|
2
|
+
import * as SeparatorPrimitive from '@rn-primitives/separator';
|
|
3
|
+
declare const separatorSizes: readonly ["1", "2", "3", "4"];
|
|
4
|
+
type SeparatorSize = (typeof separatorSizes)[number];
|
|
5
|
+
type SeparatorProps = SeparatorPrimitive.RootProps & {
|
|
6
|
+
size?: SeparatorSize;
|
|
7
|
+
color?: Color;
|
|
8
|
+
};
|
|
9
|
+
declare function Separator({ size, color, orientation, decorative, style, ...props }: SeparatorProps): import("react").JSX.Element;
|
|
10
|
+
export { Separator, separatorSizes };
|
|
11
|
+
export type { SeparatorProps, SeparatorSize };
|
|
12
|
+
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAG/D,QAAA,MAAM,cAAc,+BAAgC,CAAC;AAErD,KAAK,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAoBrD,KAAK,cAAc,GAAG,kBAAkB,CAAC,SAAS,GAAG;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,IAAU,EACV,KAAc,EACd,WAA0B,EAC1B,UAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,+BAsChB;AAED,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
2
|
+
import * as SeparatorPrimitive from '@rn-primitives/separator';
|
|
3
|
+
const separatorSizes = ['1', '2', '3', '4'];
|
|
4
|
+
// Size mapping from CSS:
|
|
5
|
+
// Size 1: var(--space-4) = 16px
|
|
6
|
+
// Size 2: var(--space-6) = 32px
|
|
7
|
+
// Size 3: var(--space-9) = 64px
|
|
8
|
+
// Size 4: 100%
|
|
9
|
+
function getSeparatorSize(size) {
|
|
10
|
+
switch (size) {
|
|
11
|
+
case '1':
|
|
12
|
+
return 16;
|
|
13
|
+
case '2':
|
|
14
|
+
return 32;
|
|
15
|
+
case '3':
|
|
16
|
+
return 64;
|
|
17
|
+
case '4':
|
|
18
|
+
return '100%';
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function Separator({ size = '1', color = 'gray', orientation = 'horizontal', decorative = true, style, ...props }) {
|
|
22
|
+
const { colors } = useThemeTokens();
|
|
23
|
+
const separatorColor = color !== 'gray' ? colors.palettes[color].a6 : colors.stroke;
|
|
24
|
+
const separatorSize = getSeparatorSize(size);
|
|
25
|
+
// Base style - thickness is always 1px
|
|
26
|
+
const baseStyle = {
|
|
27
|
+
backgroundColor: separatorColor,
|
|
28
|
+
flexShrink: 0,
|
|
29
|
+
};
|
|
30
|
+
// Orientation-based sizing
|
|
31
|
+
const orientationStyle = orientation === 'horizontal'
|
|
32
|
+
? {
|
|
33
|
+
height: 1,
|
|
34
|
+
width: separatorSize,
|
|
35
|
+
}
|
|
36
|
+
: {
|
|
37
|
+
width: 1,
|
|
38
|
+
height: separatorSize,
|
|
39
|
+
};
|
|
40
|
+
const combinedStyle = {
|
|
41
|
+
...baseStyle,
|
|
42
|
+
...orientationStyle,
|
|
43
|
+
};
|
|
44
|
+
return (<SeparatorPrimitive.Root decorative={decorative} orientation={orientation} style={[combinedStyle, style]} {...props}/>);
|
|
45
|
+
}
|
|
46
|
+
export { Separator, separatorSizes };
|
|
47
|
+
//# sourceMappingURL=separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../src/components/separator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAG/D,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAIrD,yBAAyB;AACzB,gCAAgC;AAChC,gCAAgC;AAChC,gCAAgC;AAChC,eAAe;AACf,SAAS,gBAAgB,CAAC,IAAmB;IAC3C,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAOD,SAAS,SAAS,CAAC,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,MAAM,EACd,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,GAAG,KAAK,EACO;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,cAAc,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;IAEpF,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,uCAAuC;IACvC,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,cAAc;QAC/B,UAAU,EAAE,CAAC;KACd,CAAC;IAEF,2BAA2B;IAC3B,MAAM,gBAAgB,GACpB,WAAW,KAAK,YAAY;QAC1B,CAAC,CAAC;YACE,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,aAAa;SACrB;QACH,CAAC,CAAC;YACE,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,aAAa;SACtB,CAAC;IAER,MAAM,aAAa,GAAc;QAC/B,GAAG,SAAS;QACZ,GAAG,gBAAgB;KACpB,CAAC;IAEF,OAAO,CACL,CAAC,kBAAkB,CAAC,IAAI,CACtB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAC9B,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type AvatarShape, type AvatarSize } from '../components/avatar';
|
|
2
|
+
import type { TextSize } from '../components/text';
|
|
3
|
+
import type { Color } from '../lib/types';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { type ViewProps } from 'react-native';
|
|
6
|
+
type SkeletonAvatarProps = ViewProps & {
|
|
7
|
+
size?: AvatarSize;
|
|
8
|
+
shape?: AvatarShape;
|
|
9
|
+
color?: Color;
|
|
10
|
+
};
|
|
11
|
+
declare function SkeletonAvatar({ size, shape, color, style, ...props }: SkeletonAvatarProps): React.JSX.Element;
|
|
12
|
+
type SkeletonTextProps = ViewProps & {
|
|
13
|
+
size?: TextSize;
|
|
14
|
+
color?: Color;
|
|
15
|
+
};
|
|
16
|
+
declare function SkeletonText({ size, color, style, ...props }: SkeletonTextProps): React.JSX.Element;
|
|
17
|
+
type SkeletonRectProps = ViewProps & {
|
|
18
|
+
color?: Color;
|
|
19
|
+
};
|
|
20
|
+
declare function SkeletonRect({ color, style, ...props }: SkeletonRectProps): React.JSX.Element;
|
|
21
|
+
declare const Skeleton: {
|
|
22
|
+
Avatar: typeof SkeletonAvatar;
|
|
23
|
+
Text: typeof SkeletonText;
|
|
24
|
+
Rect: typeof SkeletonRect;
|
|
25
|
+
};
|
|
26
|
+
export { Skeleton, SkeletonAvatar, SkeletonRect, SkeletonText };
|
|
27
|
+
export type { SkeletonAvatarProps, SkeletonRectProps, SkeletonTextProps };
|
|
28
|
+
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkB,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAoF9E,KAAK,mBAAmB,GAAG,SAAS,GAAG;IACrC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,IAAU,EACV,KAAgB,EAChB,KAAc,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAuBrB;AAMD,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,IAAU,EAAE,KAAc,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAqCvF;AAMD,KAAK,iBAAiB,GAAG,SAAS,GAAG;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,YAAY,CAAC,EAAE,KAAc,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAiB3E;AAMD,QAAA,MAAM,QAAQ;;;;CAIb,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC"}
|