@thewhileloop/whileui 1.1.0 → 1.2.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/README.md +493 -39
- package/dist/blocks/chat/chat.d.ts.map +1 -1
- package/dist/blocks/chat/chat.js +17 -6
- package/dist/blocks/chat/chat.js.map +1 -1
- package/dist/blocks/commerce/feature-gate.d.ts +13 -0
- package/dist/blocks/commerce/feature-gate.d.ts.map +1 -0
- package/dist/blocks/commerce/feature-gate.js +13 -0
- package/dist/blocks/commerce/feature-gate.js.map +1 -0
- package/dist/blocks/commerce/index.d.ts +5 -0
- package/dist/blocks/commerce/index.d.ts.map +1 -1
- package/dist/blocks/commerce/index.js +5 -0
- package/dist/blocks/commerce/index.js.map +1 -1
- package/dist/blocks/commerce/metric-card.d.ts +3 -1
- package/dist/blocks/commerce/metric-card.d.ts.map +1 -1
- package/dist/blocks/commerce/metric-card.js +8 -1
- package/dist/blocks/commerce/metric-card.js.map +1 -1
- package/dist/blocks/commerce/plan-toggle.d.ts +12 -0
- package/dist/blocks/commerce/plan-toggle.d.ts.map +1 -0
- package/dist/blocks/commerce/plan-toggle.js +19 -0
- package/dist/blocks/commerce/plan-toggle.js.map +1 -0
- package/dist/blocks/commerce/pricing-card.d.ts +3 -1
- package/dist/blocks/commerce/pricing-card.d.ts.map +1 -1
- package/dist/blocks/commerce/pricing-card.js +9 -1
- package/dist/blocks/commerce/pricing-card.js.map +1 -1
- package/dist/blocks/commerce/product-card.d.ts +3 -1
- package/dist/blocks/commerce/product-card.d.ts.map +1 -1
- package/dist/blocks/commerce/product-card.js +16 -2
- package/dist/blocks/commerce/product-card.js.map +1 -1
- package/dist/blocks/commerce/subscription-card.d.ts +17 -0
- package/dist/blocks/commerce/subscription-card.d.ts.map +1 -0
- package/dist/blocks/commerce/subscription-card.js +18 -0
- package/dist/blocks/commerce/subscription-card.js.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts +12 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.js +9 -0
- package/dist/blocks/commerce/upgrade-banner.js.map +1 -0
- package/dist/blocks/commerce/usage-bar.d.ts +11 -0
- package/dist/blocks/commerce/usage-bar.d.ts.map +1 -0
- package/dist/blocks/commerce/usage-bar.js +33 -0
- package/dist/blocks/commerce/usage-bar.js.map +1 -0
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/date-range-picker-modal.js +16 -3
- package/dist/blocks/datepicker/date-range-picker-modal.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.js +3 -1
- package/dist/blocks/datepicker/datepicker-inline.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/datepicker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.js +16 -3
- package/dist/blocks/datepicker/datepicker-modal.js.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.d.ts.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.js +2 -1
- package/dist/blocks/datepicker/use-calendar-theme.js.map +1 -1
- package/dist/blocks/layout/app-shell.d.ts +5 -1
- package/dist/blocks/layout/app-shell.d.ts.map +1 -1
- package/dist/blocks/layout/app-shell.js +2 -2
- package/dist/blocks/layout/app-shell.js.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.d.ts +3 -2
- package/dist/blocks/layout/confirm-action-sheet.d.ts.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.js +23 -4
- package/dist/blocks/layout/confirm-action-sheet.js.map +1 -1
- package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -1
- package/dist/blocks/layout/form-modal-screen.js +26 -5
- package/dist/blocks/layout/form-modal-screen.js.map +1 -1
- package/dist/blocks/layout/index.d.ts +2 -1
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +1 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/layout/onboarding-screen.js +2 -2
- package/dist/blocks/layout/onboarding-screen.js.map +1 -1
- package/dist/blocks/layout/page-skeleton.d.ts +7 -1
- package/dist/blocks/layout/page-skeleton.d.ts.map +1 -1
- package/dist/blocks/layout/page-skeleton.js +7 -14
- package/dist/blocks/layout/page-skeleton.js.map +1 -1
- package/dist/blocks/layout/screen-skeleton.d.ts +16 -0
- package/dist/blocks/layout/screen-skeleton.d.ts.map +1 -0
- package/dist/blocks/layout/screen-skeleton.js +8 -0
- package/dist/blocks/layout/screen-skeleton.js.map +1 -0
- package/dist/blocks/layout/sheet.d.ts +3 -2
- package/dist/blocks/layout/sheet.d.ts.map +1 -1
- package/dist/blocks/layout/sheet.js +41 -9
- package/dist/blocks/layout/sheet.js.map +1 -1
- package/dist/blocks/layout/smart-input.d.ts.map +1 -1
- package/dist/blocks/layout/smart-input.js +8 -1
- package/dist/blocks/layout/smart-input.js.map +1 -1
- package/dist/blocks/lists/list-item.d.ts +3 -1
- package/dist/blocks/lists/list-item.d.ts.map +1 -1
- package/dist/blocks/lists/list-item.js +9 -1
- package/dist/blocks/lists/list-item.js.map +1 -1
- package/dist/blocks/lists/notification-item.d.ts +3 -1
- package/dist/blocks/lists/notification-item.d.ts.map +1 -1
- package/dist/blocks/lists/notification-item.js +10 -2
- package/dist/blocks/lists/notification-item.js.map +1 -1
- package/dist/blocks/lists/swipeable-item.d.ts.map +1 -1
- package/dist/blocks/lists/swipeable-item.js +7 -4
- package/dist/blocks/lists/swipeable-item.js.map +1 -1
- package/dist/blocks/navigation/bottom-nav.d.ts.map +1 -1
- package/dist/blocks/navigation/bottom-nav.js +9 -2
- package/dist/blocks/navigation/bottom-nav.js.map +1 -1
- package/dist/blocks/navigation/drawer-menu.d.ts +3 -2
- package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
- package/dist/blocks/navigation/drawer-menu.js +88 -29
- package/dist/blocks/navigation/drawer-menu.js.map +1 -1
- package/dist/blocks/navigation/header.d.ts +1 -1
- package/dist/blocks/navigation/header.d.ts.map +1 -1
- package/dist/blocks/navigation/header.js +12 -3
- package/dist/blocks/navigation/header.js.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts +3 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.js +12 -5
- package/dist/blocks/navigation/navigation-sidebar.js.map +1 -1
- package/dist/blocks/navigation/tab-bar.d.ts.map +1 -1
- package/dist/blocks/navigation/tab-bar.js +8 -2
- package/dist/blocks/navigation/tab-bar.js.map +1 -1
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.js +10 -4
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/alert/alert.js +4 -4
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.ts +3 -2
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +15 -4
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/badge/badge.js +6 -6
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +11 -5
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/card/card.d.ts +2 -1
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +12 -3
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.js +7 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/context-menu/context-menu.d.ts +3 -2
- package/dist/components/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/context-menu.js +12 -3
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/data-row/data-row.d.ts.map +1 -1
- package/dist/components/data-row/data-row.js +8 -5
- package/dist/components/data-row/data-row.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +3 -2
- package/dist/components/dialog/dialog.d.ts.map +1 -1
- package/dist/components/dialog/dialog.js +14 -3
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js +12 -3
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/form-field/form-field.d.ts.map +1 -1
- package/dist/components/form-field/form-field.js +6 -3
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/hover-card/hover-card.d.ts +2 -1
- package/dist/components/hover-card/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card/hover-card.js +17 -2
- package/dist/components/hover-card/hover-card.js.map +1 -1
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +3 -1
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/labeled-field/labeled-field.d.ts.map +1 -1
- package/dist/components/labeled-field/labeled-field.js +3 -1
- package/dist/components/labeled-field/labeled-field.js.map +1 -1
- package/dist/components/menubar/menubar.d.ts +3 -2
- package/dist/components/menubar/menubar.d.ts.map +1 -1
- package/dist/components/menubar/menubar.js +12 -3
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/numeric-input/numeric-input.d.ts +2 -2
- package/dist/components/numeric-input/numeric-input.d.ts.map +1 -1
- package/dist/components/numeric-input/numeric-input.js +18 -6
- package/dist/components/numeric-input/numeric-input.js.map +1 -1
- package/dist/components/otp-input/index.d.ts +2 -0
- package/dist/components/otp-input/index.d.ts.map +1 -0
- package/dist/components/otp-input/index.js +2 -0
- package/dist/components/otp-input/index.js.map +1 -0
- package/dist/components/otp-input/otp-input.d.ts +97 -0
- package/dist/components/otp-input/otp-input.d.ts.map +1 -0
- package/dist/components/otp-input/otp-input.js +88 -0
- package/dist/components/otp-input/otp-input.js.map +1 -0
- package/dist/components/popover/popover.d.ts +2 -1
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +16 -3
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/segmented-control/segmented-control.d.ts +3 -3
- package/dist/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +19 -5
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +30 -11
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.js +6 -2
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +7 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/tabs/tabs.d.ts +3 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js +9 -3
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts.map +1 -1
- package/dist/components/textarea/textarea.js +19 -6
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +12 -2
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/frosted-surface.d.ts +33 -0
- package/dist/lib/frosted-surface.d.ts.map +1 -0
- package/dist/lib/frosted-surface.js +181 -0
- package/dist/lib/frosted-surface.js.map +1 -0
- package/dist/lib/interaction-tokens.d.ts +26 -0
- package/dist/lib/interaction-tokens.d.ts.map +1 -0
- package/dist/lib/interaction-tokens.js +70 -0
- package/dist/lib/interaction-tokens.js.map +1 -0
- package/dist/lib/react-native-classname.d.ts +23 -0
- package/dist/lib/react-native-classname.d.ts.map +1 -0
- package/dist/lib/react-native-classname.js +2 -0
- package/dist/lib/react-native-classname.js.map +1 -0
- package/dist/lib/theme-colors.d.ts +33 -4
- package/dist/lib/theme-colors.d.ts.map +1 -1
- package/dist/lib/theme-colors.js +249 -37
- package/dist/lib/theme-colors.js.map +1 -1
- package/dist/lib/visual-tokens.d.ts +39 -0
- package/dist/lib/visual-tokens.d.ts.map +1 -0
- package/dist/lib/visual-tokens.js +91 -0
- package/dist/lib/visual-tokens.js.map +1 -0
- package/dist/vite.d.ts +47 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +110 -0
- package/dist/vite.js.map +1 -0
- package/package.json +16 -2
|
@@ -1,29 +1,75 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { View, Pressable, Platform, useWindowDimensions, StyleSheet, } from 'react-native';
|
|
3
|
+
import { View, Pressable, Platform, Modal, useWindowDimensions, StyleSheet, } from 'react-native';
|
|
4
4
|
import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, interpolate, } from 'react-native-reanimated';
|
|
5
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
6
|
import { Text } from '../../components/text';
|
|
6
7
|
import { cn } from '../../lib/cn';
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, maxWidth, className, style, }) {
|
|
8
|
+
import { useThemeColors } from '../../lib/theme-colors';
|
|
9
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
10
|
+
import { useVisualTokens } from '../../lib/visual-tokens';
|
|
11
|
+
import { useFrostedSurface, useFrostedBackdrop, } from '../../lib/frosted-surface';
|
|
12
|
+
export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, header, footer, maxWidth, className, style, frosted = false, blurIntensity, blurTintToken, }) {
|
|
13
|
+
const insets = useSafeAreaInsets();
|
|
14
|
+
const colors = useThemeColors();
|
|
15
|
+
const interaction = useInteractionTokens();
|
|
16
|
+
const visual = useVisualTokens();
|
|
17
|
+
const frostedSurface = useFrostedSurface({
|
|
18
|
+
frosted,
|
|
19
|
+
blurIntensity,
|
|
20
|
+
blurTintToken,
|
|
21
|
+
defaultTintToken: 'surfaceTranslucent',
|
|
22
|
+
defaultBlurPreset: 'medium',
|
|
23
|
+
});
|
|
24
|
+
const frostedBackdrop = useFrostedBackdrop({
|
|
25
|
+
frosted,
|
|
26
|
+
blurIntensity: typeof blurIntensity === 'number' && Number.isFinite(blurIntensity)
|
|
27
|
+
? blurIntensity * visual.frostedBackdropBlurScale
|
|
28
|
+
: undefined,
|
|
29
|
+
tintColor: colors.overlay,
|
|
30
|
+
});
|
|
12
31
|
const { width: screenWidth } = useWindowDimensions();
|
|
13
|
-
const rawWidth = screenWidth *
|
|
14
|
-
const effectiveMaxWidth = maxWidth ?? (Platform.OS === 'web' ?
|
|
32
|
+
const rawWidth = screenWidth * visual.drawerWidthRatio;
|
|
33
|
+
const effectiveMaxWidth = maxWidth ?? (Platform.OS === 'web' ? visual.drawerMaxWidthWeb : undefined);
|
|
15
34
|
const drawerWidth = effectiveMaxWidth != null ? Math.min(rawWidth, effectiveMaxWidth) : rawWidth;
|
|
35
|
+
const frostedInset = frosted ? visual.drawerFrostedInset : 0;
|
|
36
|
+
const cornerRadius = frosted ? visual.drawerFrostedRadius : 0;
|
|
37
|
+
const useFloatingFrostedDrawer = frosted && frostedInset > 0;
|
|
38
|
+
const contentTopPadding = insets.top + visual.drawerContentTopPadding;
|
|
16
39
|
const progress = useSharedValue(0);
|
|
40
|
+
const [mounted, setMounted] = React.useState(visible);
|
|
41
|
+
const closeTimerRef = React.useRef(null);
|
|
17
42
|
React.useEffect(() => {
|
|
43
|
+
if (visible)
|
|
44
|
+
setMounted(true);
|
|
45
|
+
}, [visible]);
|
|
46
|
+
React.useEffect(() => {
|
|
47
|
+
if (!mounted)
|
|
48
|
+
return;
|
|
49
|
+
if (closeTimerRef.current) {
|
|
50
|
+
clearTimeout(closeTimerRef.current);
|
|
51
|
+
closeTimerRef.current = null;
|
|
52
|
+
}
|
|
18
53
|
progress.value = withTiming(visible ? 1 : 0, {
|
|
19
|
-
duration: visible ?
|
|
54
|
+
duration: visible ? interaction.drawerOpenDuration : interaction.drawerCloseDuration,
|
|
20
55
|
easing: visible
|
|
21
56
|
? Easing.bezier(0.2, 0.8, 0.2, 1) // Swift, decelerating entrance
|
|
22
57
|
: Easing.bezier(0.4, 0, 1, 1), // Accelerating, sharp exit
|
|
23
58
|
});
|
|
24
|
-
|
|
59
|
+
if (!visible) {
|
|
60
|
+
closeTimerRef.current = setTimeout(() => {
|
|
61
|
+
setMounted(false);
|
|
62
|
+
}, interaction.drawerCloseDuration);
|
|
63
|
+
}
|
|
64
|
+
return () => {
|
|
65
|
+
if (closeTimerRef.current) {
|
|
66
|
+
clearTimeout(closeTimerRef.current);
|
|
67
|
+
closeTimerRef.current = null;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
}, [mounted, visible, progress, interaction.drawerOpenDuration, interaction.drawerCloseDuration]);
|
|
25
71
|
const backdropStyle = useAnimatedStyle(() => ({
|
|
26
|
-
opacity: progress.value
|
|
72
|
+
opacity: progress.value,
|
|
27
73
|
pointerEvents: progress.value > 0 ? 'auto' : 'none',
|
|
28
74
|
}));
|
|
29
75
|
const drawerStyle = useAnimatedStyle(() => ({
|
|
@@ -35,28 +81,41 @@ export function DrawerMenu({ visible, onClose, sections, activeKey, onSelect, he
|
|
|
35
81
|
const handleItemPress = (key) => {
|
|
36
82
|
onSelect?.(key);
|
|
37
83
|
};
|
|
38
|
-
|
|
84
|
+
if (!mounted)
|
|
85
|
+
return null;
|
|
86
|
+
const drawerTree = (_jsxs(Animated.View, { style: [StyleSheet.absoluteFill, containerStyle], children: [_jsxs(Animated.View, { style: [
|
|
87
|
+
StyleSheet.absoluteFill,
|
|
88
|
+
{ backgroundColor: frosted ? 'transparent' : colors.overlayStrong },
|
|
89
|
+
backdropStyle,
|
|
90
|
+
], children: [frostedBackdrop, _jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: onClose })] }), _jsxs(Animated.View, { style: [
|
|
39
91
|
{
|
|
40
92
|
position: 'absolute',
|
|
41
|
-
top:
|
|
42
|
-
bottom:
|
|
43
|
-
left:
|
|
44
|
-
width: drawerWidth,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
elevation: 16,
|
|
93
|
+
top: frostedInset,
|
|
94
|
+
bottom: frostedInset,
|
|
95
|
+
left: frostedInset,
|
|
96
|
+
width: Math.max(drawerWidth - frostedInset, 0),
|
|
97
|
+
borderTopRightRadius: cornerRadius,
|
|
98
|
+
borderBottomRightRadius: cornerRadius,
|
|
99
|
+
borderTopLeftRadius: useFloatingFrostedDrawer ? cornerRadius : 0,
|
|
100
|
+
borderBottomLeftRadius: useFloatingFrostedDrawer ? cornerRadius : 0,
|
|
50
101
|
},
|
|
51
102
|
drawerStyle,
|
|
103
|
+
frostedSurface.surfaceStyle,
|
|
52
104
|
style,
|
|
53
|
-
], className: cn(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
105
|
+
], className: cn(frosted
|
|
106
|
+
? 'border border-border shadow-xl relative overflow-hidden'
|
|
107
|
+
: 'border-r border-border rounded-r-2xl shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-background', className), children: [frostedSurface.overlay, _jsxs(View, { className: "flex-1 pb-8", style: { paddingTop: contentTopPadding }, children: [header && _jsx(View, { className: "px-5 pb-4 mb-2 border-b border-border", children: header }), _jsx(View, { className: "flex-1 px-3", children: sections.map((section, sectionIndex) => (_jsxs(View, { className: "mb-4", children: [section.title && (_jsx(Text, { className: "font-medium text-muted-foreground uppercase tracking-wide px-3 mb-2", style: { fontSize: visual.navSectionTitleFontSize }, children: section.title })), _jsx(View, { className: "gap-0.5", children: section.items.map((item) => {
|
|
108
|
+
const isActive = activeKey === item.key;
|
|
109
|
+
return (_jsxs(Pressable, { onPress: () => handleItemPress(item.key), className: cn('flex-row items-center gap-3 px-4 py-3 mx-1 rounded-xl transition-colors', isActive && 'bg-primary-soft-subtle'), style: withInteractivePressableStyle(undefined, interaction, {
|
|
110
|
+
pressedVariant: 'default',
|
|
111
|
+
}), children: [item.icon, _jsx(Text, { className: cn('flex-1 font-semibold tracking-tight', item.destructive
|
|
112
|
+
? 'text-destructive'
|
|
113
|
+
: isActive
|
|
114
|
+
? 'text-primary'
|
|
115
|
+
: 'text-foreground'), style: { fontSize: visual.drawerItemFontSize }, children: item.label }), item.badge !== undefined && (_jsx(View, { className: "bg-primary px-2 py-0.5 rounded-full items-center", style: { minWidth: visual.drawerBadgeMinWidth }, children: _jsx(Text, { className: "font-semibold text-primary-foreground", style: { fontSize: visual.navItemBadgeFontSize }, children: item.badge }) }))] }, item.key));
|
|
116
|
+
}) })] }, sectionIndex))) }), footer && _jsx(View, { className: "px-5 py-4 mt-auto border-t border-border", children: footer })] })] })] }));
|
|
117
|
+
if (Platform.OS !== 'android')
|
|
118
|
+
return drawerTree;
|
|
119
|
+
return (_jsx(Modal, { visible: mounted, transparent: true, animationType: "none", onRequestClose: onClose, statusBarTranslucent: true, presentationStyle: "overFullScreen", children: drawerTree }));
|
|
61
120
|
}
|
|
62
121
|
//# sourceMappingURL=drawer-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-menu.js","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,mBAAmB,EACnB,UAAU,GAGX,MAAM,cAAc,CAAC;AACtB,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"drawer-menu.js","sourceRoot":"","sources":["../../../src/blocks/navigation/drawer-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,UAAU,GAGX,MAAM,cAAc,CAAC;AACtB,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,iBAAiB,EACjB,kBAAkB,GAEnB,MAAM,2BAA2B,CAAC;AA6BnC,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,GAAG,KAAK,EACf,aAAa,EACb,aAAa,GACG;IAChB,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,OAAO;QACP,aAAa;QACb,aAAa;QACb,gBAAgB,EAAE,oBAAoB;QACtC,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,CAAC;IACH,MAAM,eAAe,GAAG,kBAAkB,CAAC;QACzC,OAAO;QACP,aAAa,EACX,OAAO,aAAa,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC;YACjE,CAAC,CAAC,aAAa,GAAG,MAAM,CAAC,wBAAwB;YACjD,CAAC,CAAC,SAAS;QACf,SAAS,EAAE,MAAM,CAAC,OAAO;KAC1B,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACvD,MAAM,iBAAiB,GACrB,QAAQ,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,iBAAiB,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IACjG,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,wBAAwB,GAAG,OAAO,IAAI,YAAY,GAAG,CAAC,CAAC;IAC7D,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,uBAAuB,CAAC;IACtE,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAuC,IAAI,CAAC,CAAC;IAE/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,OAAO;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACpC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC;QAED,QAAQ,CAAC,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC3C,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB;YACpF,MAAM,EAAE,OAAO;gBACb,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,+BAA+B;gBACjE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,2BAA2B;SAC7D,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,aAAa,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtC,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;gBAC1B,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBACpC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC,kBAAkB,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAElG,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,OAAO,EAAE,QAAQ,CAAC,KAAK;QACvB,aAAa,EAAE,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC,CAAC,CAAC;IAEJ,MAAM,WAAW,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC1C,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpF,CAAC,CAAC,CAAC;IAEJ,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC7C,aAAa,EAAE,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;KACpD,CAAC,CAAC,CAAC;IAEJ,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE;QACtC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,UAAU,GAAG,CACjB,MAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,aAE7D,MAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;oBACL,UAAU,CAAC,YAAY;oBACvB,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE;oBACnE,aAAa;iBACd,aAEA,eAAe,EAChB,KAAC,SAAS,IAAC,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,GAAI,IACjD,EAGhB,MAAC,QAAQ,CAAC,IAAI,IACZ,KAAK,EAAE;oBACL;wBACE,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,YAAY;wBACjB,MAAM,EAAE,YAAY;wBACpB,IAAI,EAAE,YAAY;wBAClB,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,YAAY,EAAE,CAAC,CAAC;wBAC9C,oBAAoB,EAAE,YAAY;wBAClC,uBAAuB,EAAE,YAAY;wBACrC,mBAAmB,EAAE,wBAAwB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;wBAChE,sBAAsB,EAAE,wBAAwB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;qBACpE;oBACD,WAAW;oBACX,cAAc,CAAC,YAAY;oBAC3B,KAAK;iBACN,EACD,SAAS,EAAE,EAAE,CACX,OAAO;oBACL,CAAC,CAAC,yDAAyD;oBAC3D,CAAC,CAAC,yEAAyE,EAC7E,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EAC5C,SAAS,CACV,aAEA,cAAc,CAAC,OAAO,EACvB,MAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,aAEnE,MAAM,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,YAAE,MAAM,GAAQ,EAGlF,KAAC,IAAI,IAAC,SAAS,EAAC,aAAa,YAC1B,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC,CACvC,MAAC,IAAI,IAAoB,SAAS,EAAC,MAAM,aACtC,OAAO,CAAC,KAAK,IAAI,CAChB,KAAC,IAAI,IACH,SAAS,EAAC,qEAAqE,EAC/E,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,uBAAuB,EAAE,YAElD,OAAO,CAAC,KAAK,GACT,CACR,EACD,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,YACtB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gDAC1B,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,CAAC;gDACxC,OAAO,CACL,MAAC,SAAS,IAER,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,EACxC,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,QAAQ,IAAI,wBAAwB,CACrC,EACD,KAAK,EAAE,6BAA6B,CAAC,SAAS,EAAE,WAAW,EAAE;wDAC3D,cAAc,EAAE,SAAS;qDAC1B,CAAC,aAED,IAAI,CAAC,IAAI,EACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,qCAAqC,EACrC,IAAI,CAAC,WAAW;gEACd,CAAC,CAAC,kBAAkB;gEACpB,CAAC,CAAC,QAAQ;oEACR,CAAC,CAAC,cAAc;oEAChB,CAAC,CAAC,iBAAiB,CACxB,EACD,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,kBAAkB,EAAE,YAE7C,IAAI,CAAC,KAAK,GACN,EACN,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,KAAC,IAAI,IACH,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,mBAAmB,EAAE,YAE/C,KAAC,IAAI,IACH,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,oBAAoB,EAAE,YAE/C,IAAI,CAAC,KAAK,GACN,GACF,CACR,KApCI,IAAI,CAAC,GAAG,CAqCH,CACb,CAAC;4CACJ,CAAC,CAAC,GACG,KAtDE,YAAY,CAuDhB,CACR,CAAC,GACG,EAGN,MAAM,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,0CAA0C,YAAE,MAAM,GAAQ,IAChF,IACO,IACF,CACjB,CAAC;IAEF,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS;QAAE,OAAO,UAAU,CAAC;IAEjD,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,WAAW,QACX,aAAa,EAAC,MAAM,EACpB,cAAc,EAAE,OAAO,EACvB,oBAAoB,QACpB,iBAAiB,EAAC,gBAAgB,YAEjC,UAAU,GACL,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -19,5 +19,5 @@ export interface HeaderBackButtonProps extends Omit<PressableProps, 'children'>
|
|
|
19
19
|
icon?: React.ReactNode;
|
|
20
20
|
label?: string;
|
|
21
21
|
}
|
|
22
|
-
export declare function HeaderBackButton({ icon, label, className, ...props }: HeaderBackButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function HeaderBackButton({ icon, label, className, style: styleProp, ...props }: HeaderBackButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
23
23
|
//# sourceMappingURL=header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAOpF,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAID,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,MAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAmDb;AAID,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAC7E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiBvB"}
|
|
@@ -2,11 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { View, Pressable } from 'react-native';
|
|
3
3
|
import { Text } from '../../components/text';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
5
6
|
// ─── Component ───────────────────────────────────────────────
|
|
6
7
|
export function Header({ title, subtitle, leftAction, rightActions, centerContent, transparent = false, border = true, className, ...props }) {
|
|
7
|
-
|
|
8
|
+
const interaction = useInteractionTokens();
|
|
9
|
+
return (_jsxs(View, { className: cn('flex-row items-center px-4 py-3', !transparent && 'bg-background', border && 'border-b border-border', className), ...props, children: [_jsx(View, { className: "min-w-12", children: leftAction }), _jsx(View, { className: "flex-1 items-center", children: centerContent || (_jsxs(View, { className: "items-center", children: [title && (_jsx(Text, { className: "text-base font-semibold text-foreground", numberOfLines: 1, children: title })), subtitle && (_jsx(Text, { className: "text-xs text-muted-foreground", numberOfLines: 1, children: subtitle }))] })) }), _jsx(View, { className: "min-w-12 flex-row items-center justify-end gap-2", children: rightActions?.map((action) => (_jsx(Pressable, { onPress: action.onPress, className: "rounded-full p-2 active:bg-accent", style: withInteractivePressableStyle(undefined, interaction, {
|
|
10
|
+
pressedVariant: 'default',
|
|
11
|
+
}), children: action.icon }, action.key))) })] }));
|
|
8
12
|
}
|
|
9
|
-
export function HeaderBackButton({ icon, label, className, ...props }) {
|
|
10
|
-
|
|
13
|
+
export function HeaderBackButton({ icon, label, className, style: styleProp, ...props }) {
|
|
14
|
+
const interaction = useInteractionTokens();
|
|
15
|
+
const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
|
|
16
|
+
disabled: Boolean(props.disabled),
|
|
17
|
+
pressedVariant: 'default',
|
|
18
|
+
});
|
|
19
|
+
return (_jsxs(Pressable, { className: cn('flex-row items-center gap-1 rounded-full py-1', className), style: interactiveStyle, ...props, children: [icon || _jsx(Text, { className: "text-xl text-primary", children: "\u2039" }), label && _jsx(Text, { className: "text-base text-primary", children: label })] }));
|
|
11
20
|
}
|
|
12
21
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/blocks/navigation/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuC,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/blocks/navigation/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuC,MAAM,cAAc,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAoBnG,gEAAgE;AAEhE,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,GAAG,KAAK,EACI;IACZ,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAE3C,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,CAAC,WAAW,IAAI,eAAe,EAC/B,MAAM,IAAI,wBAAwB,EAClC,SAAS,CACV,KACG,KAAK,aAGT,KAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YAAE,UAAU,GAAQ,EAG9C,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,YAClC,aAAa,IAAI,CAChB,MAAC,IAAI,IAAC,SAAS,EAAC,cAAc,aAC3B,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,SAAS,EAAC,yCAAyC,EAAC,aAAa,EAAE,CAAC,YACvE,KAAK,GACD,CACR,EACA,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,EAAC,aAAa,EAAE,CAAC,YAC7D,QAAQ,GACJ,CACR,IACI,CACR,GACI,EAGP,KAAC,IAAI,IAAC,SAAS,EAAC,kDAAkD,YAC/D,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,KAAC,SAAS,IAER,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,6BAA6B,CAAC,SAAS,EAAE,WAAW,EAAE;wBAC3D,cAAc,EAAE,SAAS;qBAC1B,CAAC,YAED,MAAM,CAAC,IAAI,IAPP,MAAM,CAAC,GAAG,CAQL,CACb,CAAC,GACG,IACF,CACR,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACc;IACtB,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,6BAA6B,CAAC,SAAS,EAAE,WAAW,EAAE;QAC7E,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;QACjC,cAAc,EAAE,SAAS;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,gBAAgB,KACnB,KAAK,aAER,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,uBAAS,EACvD,KAAK,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,IACvD,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -18,6 +18,8 @@ export interface NavigationSidebarProps extends ViewProps {
|
|
|
18
18
|
onSelect?: (key: string) => void;
|
|
19
19
|
header?: React.ReactNode;
|
|
20
20
|
footer?: React.ReactNode;
|
|
21
|
+
/** Pass a class for the scrollable area (e.g. for web scrollbar styling) */
|
|
22
|
+
scrollViewClassName?: string;
|
|
21
23
|
}
|
|
22
|
-
export declare function NavigationSidebar({ sections, activeKey, onSelect, header, footer, className, ...props }: NavigationSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare function NavigationSidebar({ sections, activeKey, onSelect, header, footer, scrollViewClassName, className, ...props }: NavigationSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
23
25
|
//# sourceMappingURL=navigation-sidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"navigation-sidebar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMrF,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,qBAAqB,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4EAA4E;IAC5E,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CA4FxB"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Pressable, ScrollView, View } from 'react-native';
|
|
2
|
+
import { Platform, Pressable, ScrollView, View } from 'react-native';
|
|
3
3
|
import { Text } from '../../components/text';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
6
|
+
import { useVisualTokens } from '../../lib/visual-tokens';
|
|
7
|
+
export function NavigationSidebar({ sections, activeKey, onSelect, header, footer, scrollViewClassName, className, ...props }) {
|
|
8
|
+
const interaction = useInteractionTokens();
|
|
9
|
+
const visual = useVisualTokens();
|
|
10
|
+
return (_jsxs(View, { className: cn('w-72 flex-1 min-h-0 flex-col border-r border-border bg-background', className), ...props, children: [header ? _jsx(View, { className: "shrink-0 border-b border-border px-4 py-4", children: header }) : null, _jsx(ScrollView, { className: cn('min-h-0 flex-1 px-3 py-4', scrollViewClassName), style: Platform.OS === 'web' ? { overflowY: 'scroll' } : undefined, children: _jsx(View, { className: "gap-4", children: sections.map((section, index) => (_jsxs(View, { className: "gap-1", children: [section.title ? (_jsx(Text, { className: "px-3 pb-1.5 font-semibold uppercase tracking-wider text-muted-foreground", style: { fontSize: visual.navSectionTitleFontSize }, children: section.title })) : null, section.items.map((item) => {
|
|
7
11
|
const isActive = activeKey === item.key;
|
|
8
|
-
return (_jsxs(Pressable, { onPress: () => onSelect?.(item.key), disabled: item.disabled, className: cn('min-h-
|
|
9
|
-
|
|
12
|
+
return (_jsxs(Pressable, { onPress: () => onSelect?.(item.key), disabled: item.disabled, className: cn('min-h-10 flex-row items-center gap-3 rounded-md border-l-2 border-transparent pl-3 pr-3 py-2', isActive && 'border-l-primary bg-primary-soft-subtle', !isActive && !item.disabled && 'web:hover:bg-muted-soft', item.disabled && ''), style: withInteractivePressableStyle(undefined, interaction, {
|
|
13
|
+
disabled: Boolean(item.disabled),
|
|
14
|
+
pressedVariant: 'default',
|
|
15
|
+
}), accessibilityRole: "button", accessibilityState: { selected: isActive, disabled: item.disabled }, children: [item.icon ? _jsx(View, { className: "shrink-0", children: item.icon }) : null, _jsxs(View, { className: "min-w-0 flex-1 gap-0.5", children: [_jsx(Text, { className: cn('font-medium', isActive ? 'text-primary' : 'text-foreground'), numberOfLines: 1, children: item.label }), item.description ? (_jsx(Text, { className: "text-xs text-muted-foreground", numberOfLines: 1, children: item.description })) : null] }), item.badge !== undefined ? (_jsx(View, { className: cn('min-w-5 rounded-full px-1.5 py-0.5', isActive ? 'bg-primary' : 'bg-muted'), children: _jsx(Text, { className: cn('font-medium', isActive ? 'text-primary-foreground' : 'text-muted-foreground'), style: { fontSize: visual.navItemBadgeFontSize }, children: item.badge }) })) : null] }, item.key));
|
|
16
|
+
})] }, index))) }) }), footer ? _jsx(View, { className: "shrink-0 border-t border-border px-4 py-4", children: footer }) : null] }));
|
|
10
17
|
}
|
|
11
18
|
//# sourceMappingURL=navigation-sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-sidebar.js","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"navigation-sidebar.js","sourceRoot":"","sources":["../../../src/blocks/navigation/navigation-sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/tab-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"tab-bar.d.ts","sourceRoot":"","sources":["../../../src/blocks/navigation/tab-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAOhG,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACvE,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;CAC5C;AA+CD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAmB,EACnB,UAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAqCb"}
|
|
@@ -2,9 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { View, Pressable, ScrollView } from 'react-native';
|
|
3
3
|
import { Text } from '../../components/text';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
5
6
|
// ─── Components ──────────────────────────────────────────────
|
|
6
|
-
function TabBarItemComponent({ item, isActive, variant, className, ...props }) {
|
|
7
|
+
function TabBarItemComponent({ item, isActive, variant, className, style: styleProp, ...props }) {
|
|
7
8
|
const { label, icon } = item;
|
|
9
|
+
const interaction = useInteractionTokens();
|
|
10
|
+
const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
|
|
11
|
+
disabled: Boolean(props.disabled),
|
|
12
|
+
pressedVariant: 'default',
|
|
13
|
+
});
|
|
8
14
|
const baseStyles = 'flex-row items-center justify-center gap-2 px-4 py-2';
|
|
9
15
|
const variantStyles = {
|
|
10
16
|
default: isActive ? 'border-b-2 border-primary' : 'border-b-2 border-transparent',
|
|
@@ -16,7 +22,7 @@ function TabBarItemComponent({ item, isActive, variant, className, ...props }) {
|
|
|
16
22
|
pills: isActive ? 'text-primary-foreground font-medium' : 'text-muted-foreground font-medium',
|
|
17
23
|
underline: isActive ? 'text-foreground font-medium' : 'text-muted-foreground font-medium',
|
|
18
24
|
};
|
|
19
|
-
return (_jsxs(Pressable, { className: cn(baseStyles, variantStyles[variant],
|
|
25
|
+
return (_jsxs(Pressable, { className: cn(baseStyles, variantStyles[variant], className), style: interactiveStyle, ...props, children: [icon && (_jsx(View, { className: isActive && variant === 'pills' ? 'text-primary-foreground' : '', children: icon })), _jsx(Text, { className: cn('text-sm', textStyles[variant]), children: label })] }));
|
|
20
26
|
}
|
|
21
27
|
export function TabBar({ items, activeKey, onSelect, variant = 'default', scrollable = false, className, ...props }) {
|
|
22
28
|
const content = (_jsx(View, { className: cn('flex-row', variant === 'pills' && 'gap-1 rounded-full bg-muted p-1', variant === 'default' && 'border-b border-border', !scrollable && 'justify-around', className), ...props, children: items.map((item) => (_jsx(TabBarItemComponent, { item: item, isActive: activeKey === item.key, variant: variant, onPress: () => onSelect(item.key) }, item.key))) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../../../src/blocks/navigation/tab-bar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAuC,MAAM,cAAc,CAAC;AAChG,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"tab-bar.js","sourceRoot":"","sources":["../../../src/blocks/navigation/tab-bar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ declare function AccordionItem({ value, className, children, ...props }: Accordi
|
|
|
26
26
|
declare namespace AccordionItem {
|
|
27
27
|
var displayName: string;
|
|
28
28
|
}
|
|
29
|
-
declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function AccordionTrigger({ className, children, style: styleProp, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
declare namespace AccordionTrigger {
|
|
31
31
|
var displayName: string;
|
|
32
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAYpF,KAAK,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AA4B3C,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,SAAS,CAAC,EACjB,IAAe,EACf,YAAY,EACZ,WAAkB,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA4BhB;kBAnCQ,SAAS;;;AAqClB,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAWlF;kBAXQ,aAAa;;;AAatB,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwBvB;kBA7BQ,gBAAgB;;;AA+BzB,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,kDA2BjF;kBA3BQ,gBAAgB;;;AAoCzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -3,6 +3,7 @@ import React, { createContext, useContext, useState, useCallback } from 'react';
|
|
|
3
3
|
import { View, Pressable } from 'react-native';
|
|
4
4
|
import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing, } from 'react-native-reanimated';
|
|
5
5
|
import { cn } from '../../lib/cn';
|
|
6
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
6
7
|
const AccordionContext = createContext({
|
|
7
8
|
type: 'single',
|
|
8
9
|
value: [],
|
|
@@ -41,20 +42,25 @@ function AccordionItem({ value, className, children, ...props }) {
|
|
|
41
42
|
const isOpen = selectedValues.includes(value);
|
|
42
43
|
return (_jsx(AccordionItemContext.Provider, { value: { value, isOpen }, children: _jsx(View, { className: cn('border-b border-border', className), ...props, children: children }) }));
|
|
43
44
|
}
|
|
44
|
-
function AccordionTrigger({ className, children, ...props }) {
|
|
45
|
+
function AccordionTrigger({ className, children, style: styleProp, ...props }) {
|
|
45
46
|
const { onValueChange } = useContext(AccordionContext);
|
|
46
47
|
const { value, isOpen } = useContext(AccordionItemContext);
|
|
47
|
-
|
|
48
|
+
const interaction = useInteractionTokens();
|
|
49
|
+
const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
|
|
50
|
+
pressedVariant: 'default',
|
|
51
|
+
});
|
|
52
|
+
return (_jsxs(Pressable, { className: cn('flex flex-row items-center justify-between py-4', className), onPress: () => onValueChange(value), style: interactiveStyle, ...props, children: [children, _jsx(View, { className: cn('border-foreground h-2 w-2 rotate-45 border-b-2 border-r-2 transition-transform', isOpen && 'rotate-[225deg]') })] }));
|
|
48
53
|
}
|
|
49
54
|
function AccordionContent({ className, children, ...props }) {
|
|
50
55
|
const { isOpen } = useContext(AccordionItemContext);
|
|
56
|
+
const interaction = useInteractionTokens();
|
|
51
57
|
const opacity = useSharedValue(isOpen ? 1 : 0);
|
|
52
58
|
React.useEffect(() => {
|
|
53
59
|
opacity.value = withTiming(isOpen ? 1 : 0, {
|
|
54
|
-
duration:
|
|
60
|
+
duration: interaction.motionNormal,
|
|
55
61
|
easing: Easing.inOut(Easing.ease),
|
|
56
62
|
});
|
|
57
|
-
}, [isOpen, opacity]);
|
|
63
|
+
}, [isOpen, opacity, interaction.motionNormal]);
|
|
58
64
|
const animatedStyle = useAnimatedStyle(() => ({
|
|
59
65
|
opacity: opacity.value,
|
|
60
66
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAuC,MAAM,cAAc,CAAC;AACpF,OAAO,QAAQ,EAAE,EACf,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,MAAM,GACP,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,10 +8,10 @@ const alertVariants = tv({
|
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
default: 'border-border bg-background',
|
|
11
|
-
destructive: 'border-destructive
|
|
12
|
-
success: 'border-success
|
|
13
|
-
warning: 'border-warning
|
|
14
|
-
info: 'border-info
|
|
11
|
+
destructive: 'border-destructive-soft-border bg-destructive-soft',
|
|
12
|
+
success: 'border-success-soft-border bg-success-soft',
|
|
13
|
+
warning: 'border-warning-soft-border bg-warning-soft',
|
|
14
|
+
info: 'border-info-soft-border bg-info-soft',
|
|
15
15
|
},
|
|
16
16
|
},
|
|
17
17
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,8BAA8B;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6BAA6B;YACtC,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,8BAA8B;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6BAA6B;YACtC,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE,4CAA4C;YACrD,OAAO,EAAE,4CAA4C;YACrD,IAAI,EAAE,sCAAsC;SAC7C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAIH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAmB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzF,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC7F,CAAC,CAAC,CAAC;AAEH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAM5B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1F,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAMtC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/B,OAAO,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClG,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ViewProps, type TextProps, type PressableProps } from 'react-native';
|
|
3
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
3
4
|
export interface AlertDialogProps {
|
|
4
5
|
defaultOpen?: boolean;
|
|
5
6
|
open?: boolean;
|
|
@@ -10,7 +11,7 @@ export interface AlertDialogTriggerProps extends PressableProps {
|
|
|
10
11
|
className?: string;
|
|
11
12
|
asChild?: boolean;
|
|
12
13
|
}
|
|
13
|
-
export interface AlertDialogContentProps extends ViewProps {
|
|
14
|
+
export interface AlertDialogContentProps extends ViewProps, FrostedSurfaceProps {
|
|
14
15
|
className?: string;
|
|
15
16
|
}
|
|
16
17
|
export interface AlertDialogHeaderProps extends ViewProps {
|
|
@@ -40,7 +41,7 @@ declare function AlertDialogTrigger({ className, children, asChild, ...props }:
|
|
|
40
41
|
declare namespace AlertDialogTrigger {
|
|
41
42
|
var displayName: string;
|
|
42
43
|
}
|
|
43
|
-
declare function AlertDialogContent({ className, children, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
declare function AlertDialogContent({ className, children, frosted, blurIntensity, blurTintToken, style, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
|
|
44
45
|
declare namespace AlertDialogContent {
|
|
45
46
|
var displayName: string;
|
|
46
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AACnE,OAAO,
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { createContext, useContext, useState } from 'react';
|
|
3
3
|
import { View, Modal, Pressable, Text, } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
+
import { useThemeColors } from '../../lib/theme-colors';
|
|
6
|
+
import { useFrostedSurface } from '../../lib/frosted-surface';
|
|
5
7
|
const AlertDialogContext = createContext({
|
|
6
8
|
open: false,
|
|
7
9
|
setOpen: () => { },
|
|
@@ -30,9 +32,18 @@ function AlertDialogTrigger({ className, children, asChild, ...props }) {
|
|
|
30
32
|
}
|
|
31
33
|
return (_jsx(Pressable, { className: cn(className), onPress: () => setOpen(true), ...props, children: children }));
|
|
32
34
|
}
|
|
33
|
-
function AlertDialogContent({ className, children, ...props }) {
|
|
35
|
+
function AlertDialogContent({ className, children, frosted = false, blurIntensity, blurTintToken, style, ...props }) {
|
|
34
36
|
const { open } = useContext(AlertDialogContext);
|
|
35
|
-
|
|
37
|
+
const colors = useThemeColors();
|
|
38
|
+
const frostedSurface = useFrostedSurface({
|
|
39
|
+
frosted,
|
|
40
|
+
blurIntensity,
|
|
41
|
+
blurTintToken,
|
|
42
|
+
defaultTintToken: 'surfaceTranslucent',
|
|
43
|
+
defaultBlurPreset: 'medium',
|
|
44
|
+
});
|
|
45
|
+
const contentStyle = [frostedSurface.surfaceStyle, style];
|
|
46
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", children: _jsx(View, { className: "flex-1 justify-center items-center px-4", style: { backgroundColor: colors.overlayStrong }, children: _jsxs(View, { className: cn('w-full max-w-lg rounded-lg border border-border p-6 shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-background', className), style: contentStyle, ...props, children: [frostedSurface.overlay, children] }) }) }));
|
|
36
47
|
}
|
|
37
48
|
function AlertDialogHeader({ className, ...props }) {
|
|
38
49
|
return _jsx(View, { className: cn('flex flex-col gap-1.5 pb-4', className), ...props });
|
|
@@ -59,7 +70,7 @@ function AlertDialogAction({ className, children, asChild, ...props }) {
|
|
|
59
70
|
...props,
|
|
60
71
|
});
|
|
61
72
|
}
|
|
62
|
-
return (_jsx(Pressable, { className: cn('inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 active:bg-primary
|
|
73
|
+
return (_jsx(Pressable, { className: cn('inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 active:bg-primary-active', className), onPress: handlePress, ...props, children: typeof children === 'string' ? (_jsx(Text, { className: "text-sm font-medium text-primary-foreground", children: children })) : (children) }));
|
|
63
74
|
}
|
|
64
75
|
function AlertDialogCancel({ className, children, ...props }) {
|
|
65
76
|
const { setOpen } = useContext(AlertDialogContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"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"}
|