@thewhileloop/whileui 1.1.1 → 1.2.1
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 +505 -38
- package/dist/blocks/chat/chat.d.ts.map +1 -1
- package/dist/blocks/chat/chat.js +15 -5
- 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 +23 -1
- 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/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 +39 -6
- 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 +5 -3
- 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 -25
- 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.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.js +9 -2
- 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 +8 -4
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +159 -14
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/alert-dialog/index.d.ts +1 -1
- package/dist/components/alert-dialog/index.d.ts.map +1 -1
- package/dist/components/alert-dialog/index.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.map +1 -1
- package/dist/components/numeric-input/numeric-input.js +15 -3
- 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 +6 -1
- 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 +10 -1
|
@@ -1,20 +1,53 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React, { createContext, useContext, useState } from 'react';
|
|
3
|
-
import { View, Modal, Pressable, Text, } from 'react-native';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';
|
|
3
|
+
import { View, Modal, Pressable, Text, Alert, Platform, StyleSheet, } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
+
import { useThemeColors } from '../../lib/theme-colors';
|
|
6
|
+
import { useFrostedSurface } from '../../lib/frosted-surface';
|
|
7
|
+
function emptyNativeCopy() {
|
|
8
|
+
return {
|
|
9
|
+
title: '',
|
|
10
|
+
message: '',
|
|
11
|
+
confirmLabel: 'OK',
|
|
12
|
+
cancelLabel: 'Cancel',
|
|
13
|
+
onConfirm: null,
|
|
14
|
+
onCancel: null,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
function textFromNode(node) {
|
|
18
|
+
if (node == null || typeof node === 'boolean')
|
|
19
|
+
return '';
|
|
20
|
+
if (typeof node === 'string' || typeof node === 'number')
|
|
21
|
+
return String(node);
|
|
22
|
+
if (Array.isArray(node))
|
|
23
|
+
return node.map(textFromNode).filter(Boolean).join(' ');
|
|
24
|
+
if (React.isValidElement(node)) {
|
|
25
|
+
return textFromNode(node.props.children);
|
|
26
|
+
}
|
|
27
|
+
return '';
|
|
28
|
+
}
|
|
29
|
+
/** Pressable children may be a render function; native alert only supports static labels. */
|
|
30
|
+
function textFromPressableChildren(children) {
|
|
31
|
+
if (typeof children === 'function')
|
|
32
|
+
return '';
|
|
33
|
+
return textFromNode(children);
|
|
34
|
+
}
|
|
35
|
+
const fallbackNativeRef = { current: emptyNativeCopy() };
|
|
5
36
|
const AlertDialogContext = createContext({
|
|
6
37
|
open: false,
|
|
7
38
|
setOpen: () => { },
|
|
39
|
+
nativeCopyRef: fallbackNativeRef,
|
|
8
40
|
});
|
|
9
41
|
// ─── Components ──────────────────────────────────────────────
|
|
10
42
|
function AlertDialog({ defaultOpen = false, open: controlledOpen, onOpenChange, children, }) {
|
|
11
43
|
const [internalOpen, setInternalOpen] = useState(defaultOpen);
|
|
12
44
|
const open = controlledOpen ?? internalOpen;
|
|
45
|
+
const nativeCopyRef = useRef(emptyNativeCopy());
|
|
13
46
|
const setOpen = (value) => {
|
|
14
47
|
setInternalOpen(value);
|
|
15
48
|
onOpenChange?.(value);
|
|
16
49
|
};
|
|
17
|
-
return (_jsx(AlertDialogContext.Provider, { value: { open, setOpen }, children: children }));
|
|
50
|
+
return (_jsx(AlertDialogContext.Provider, { value: { open, setOpen, nativeCopyRef }, children: children }));
|
|
18
51
|
}
|
|
19
52
|
function AlertDialogTrigger({ className, children, asChild, ...props }) {
|
|
20
53
|
const { setOpen } = useContext(AlertDialogContext);
|
|
@@ -30,9 +63,79 @@ function AlertDialogTrigger({ className, children, asChild, ...props }) {
|
|
|
30
63
|
}
|
|
31
64
|
return (_jsx(Pressable, { className: cn(className), onPress: () => setOpen(true), ...props, children: children }));
|
|
32
65
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
66
|
+
const nativeHiddenStyle = StyleSheet.create({
|
|
67
|
+
root: {
|
|
68
|
+
position: 'absolute',
|
|
69
|
+
width: 1,
|
|
70
|
+
height: 1,
|
|
71
|
+
opacity: 0,
|
|
72
|
+
overflow: 'hidden',
|
|
73
|
+
left: -4096,
|
|
74
|
+
top: 0,
|
|
75
|
+
},
|
|
76
|
+
}).root;
|
|
77
|
+
function AlertDialogContent({ className, children, presentation = 'modal', frosted = false, blurIntensity, blurTintToken, style, ...props }) {
|
|
78
|
+
const { open, setOpen, nativeCopyRef } = useContext(AlertDialogContext);
|
|
79
|
+
const colors = useThemeColors();
|
|
80
|
+
const frostedSurface = useFrostedSurface({
|
|
81
|
+
frosted,
|
|
82
|
+
blurIntensity,
|
|
83
|
+
blurTintToken,
|
|
84
|
+
defaultTintToken: 'surfaceTranslucent',
|
|
85
|
+
defaultBlurPreset: 'medium',
|
|
86
|
+
});
|
|
87
|
+
const contentStyle = [frostedSurface.surfaceStyle, style];
|
|
88
|
+
const useNativeAlert = presentation === 'native' && (Platform.OS === 'ios' || Platform.OS === 'android');
|
|
89
|
+
const prevOpenRef = useRef(false);
|
|
90
|
+
const nativeAlertShownForOpenRef = useRef(false);
|
|
91
|
+
useLayoutEffect(() => {
|
|
92
|
+
if (!useNativeAlert)
|
|
93
|
+
return;
|
|
94
|
+
if (!open) {
|
|
95
|
+
nativeAlertShownForOpenRef.current = false;
|
|
96
|
+
prevOpenRef.current = false;
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
const isNewOpenCycle = !prevOpenRef.current;
|
|
100
|
+
prevOpenRef.current = true;
|
|
101
|
+
if (!isNewOpenCycle || nativeAlertShownForOpenRef.current) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
nativeAlertShownForOpenRef.current = true;
|
|
105
|
+
const snap = { ...nativeCopyRef.current };
|
|
106
|
+
const buttons = [
|
|
107
|
+
{
|
|
108
|
+
text: snap.cancelLabel || 'Cancel',
|
|
109
|
+
style: 'cancel',
|
|
110
|
+
onPress: () => {
|
|
111
|
+
snap.onCancel?.();
|
|
112
|
+
setOpen(false);
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
text: snap.confirmLabel || 'OK',
|
|
117
|
+
style: 'destructive',
|
|
118
|
+
onPress: () => {
|
|
119
|
+
snap.onConfirm?.();
|
|
120
|
+
setOpen(false);
|
|
121
|
+
},
|
|
122
|
+
},
|
|
123
|
+
];
|
|
124
|
+
const options = Platform.OS === 'android'
|
|
125
|
+
? {
|
|
126
|
+
cancelable: true,
|
|
127
|
+
onDismiss: () => setOpen(false),
|
|
128
|
+
}
|
|
129
|
+
: undefined;
|
|
130
|
+
Alert.alert(snap.title || '', snap.message || undefined, buttons, options);
|
|
131
|
+
}, [open, useNativeAlert, setOpen, nativeCopyRef]);
|
|
132
|
+
if (useNativeAlert) {
|
|
133
|
+
return (_jsx(View, { pointerEvents: "none", style: nativeHiddenStyle, collapsable: false, importantForAccessibility: "no-hide-descendants", children: children }));
|
|
134
|
+
}
|
|
135
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", presentationStyle: Platform.OS === 'ios' ? 'overFullScreen' : undefined, statusBarTranslucent: Platform.OS === 'android', 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] }) }) }));
|
|
136
|
+
}
|
|
137
|
+
function useAlertDialogNativeCopy() {
|
|
138
|
+
return useContext(AlertDialogContext).nativeCopyRef;
|
|
36
139
|
}
|
|
37
140
|
function AlertDialogHeader({ className, ...props }) {
|
|
38
141
|
return _jsx(View, { className: cn('flex flex-col gap-1.5 pb-4', className), ...props });
|
|
@@ -40,14 +143,42 @@ function AlertDialogHeader({ className, ...props }) {
|
|
|
40
143
|
function AlertDialogFooter({ className, ...props }) {
|
|
41
144
|
return _jsx(View, { className: cn('flex flex-row justify-end gap-2 pt-4', className), ...props });
|
|
42
145
|
}
|
|
43
|
-
function AlertDialogTitle({ className, ...props }) {
|
|
44
|
-
|
|
146
|
+
function AlertDialogTitle({ className, children, ...props }) {
|
|
147
|
+
const nativeCopyRef = useAlertDialogNativeCopy();
|
|
148
|
+
useLayoutEffect(() => {
|
|
149
|
+
nativeCopyRef.current.title = textFromNode(children);
|
|
150
|
+
return () => {
|
|
151
|
+
nativeCopyRef.current.title = '';
|
|
152
|
+
};
|
|
153
|
+
}, [children, nativeCopyRef]);
|
|
154
|
+
return (_jsx(Text, { className: cn('text-lg font-semibold text-foreground', className), ...props, children: children }));
|
|
45
155
|
}
|
|
46
|
-
function AlertDialogDescription({ className, ...props }) {
|
|
47
|
-
|
|
156
|
+
function AlertDialogDescription({ className, children, ...props }) {
|
|
157
|
+
const nativeCopyRef = useAlertDialogNativeCopy();
|
|
158
|
+
useLayoutEffect(() => {
|
|
159
|
+
nativeCopyRef.current.message = textFromNode(children);
|
|
160
|
+
return () => {
|
|
161
|
+
nativeCopyRef.current.message = '';
|
|
162
|
+
};
|
|
163
|
+
}, [children, nativeCopyRef]);
|
|
164
|
+
return (_jsx(Text, { className: cn('text-sm text-muted-foreground', className), ...props, children: children }));
|
|
48
165
|
}
|
|
49
166
|
function AlertDialogAction({ className, children, asChild, ...props }) {
|
|
50
|
-
const { setOpen } = useContext(AlertDialogContext);
|
|
167
|
+
const { setOpen, nativeCopyRef } = useContext(AlertDialogContext);
|
|
168
|
+
const onPressRef = useRef(props.onPress);
|
|
169
|
+
onPressRef.current = props.onPress;
|
|
170
|
+
useLayoutEffect(() => {
|
|
171
|
+
nativeCopyRef.current.confirmLabel = textFromPressableChildren(children);
|
|
172
|
+
nativeCopyRef.current.onConfirm = () => {
|
|
173
|
+
const h = onPressRef.current;
|
|
174
|
+
if (h)
|
|
175
|
+
h();
|
|
176
|
+
};
|
|
177
|
+
return () => {
|
|
178
|
+
nativeCopyRef.current.confirmLabel = 'OK';
|
|
179
|
+
nativeCopyRef.current.onConfirm = null;
|
|
180
|
+
};
|
|
181
|
+
}, [children, nativeCopyRef]);
|
|
51
182
|
const handlePress = (e) => {
|
|
52
183
|
props.onPress?.(e);
|
|
53
184
|
setOpen(false);
|
|
@@ -59,10 +190,24 @@ function AlertDialogAction({ className, children, asChild, ...props }) {
|
|
|
59
190
|
...props,
|
|
60
191
|
});
|
|
61
192
|
}
|
|
62
|
-
return (_jsx(Pressable, { className: cn('inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 active:bg-primary
|
|
193
|
+
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
194
|
}
|
|
64
195
|
function AlertDialogCancel({ className, children, ...props }) {
|
|
65
|
-
const { setOpen } = useContext(AlertDialogContext);
|
|
196
|
+
const { setOpen, nativeCopyRef } = useContext(AlertDialogContext);
|
|
197
|
+
const onPressRef = useRef(props.onPress);
|
|
198
|
+
onPressRef.current = props.onPress;
|
|
199
|
+
useLayoutEffect(() => {
|
|
200
|
+
nativeCopyRef.current.cancelLabel = textFromPressableChildren(children);
|
|
201
|
+
nativeCopyRef.current.onCancel = () => {
|
|
202
|
+
const h = onPressRef.current;
|
|
203
|
+
if (h)
|
|
204
|
+
h();
|
|
205
|
+
};
|
|
206
|
+
return () => {
|
|
207
|
+
nativeCopyRef.current.cancelLabel = 'Cancel';
|
|
208
|
+
nativeCopyRef.current.onCancel = null;
|
|
209
|
+
};
|
|
210
|
+
}, [children, nativeCopyRef]);
|
|
66
211
|
return (_jsx(Pressable, { className: cn('inline-flex items-center justify-center rounded-md border border-border bg-transparent px-4 py-2 active:bg-accent', className), onPress: (e) => {
|
|
67
212
|
props.onPress?.(e);
|
|
68
213
|
setOpen(false);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, type AlertDialogProps, type AlertDialogTriggerProps, type AlertDialogContentProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogTitleProps, type AlertDialogDescriptionProps, type AlertDialogActionProps, type AlertDialogCancelProps, } from './alert-dialog';
|
|
1
|
+
export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, type AlertDialogProps, type AlertDialogTriggerProps, type AlertDialogContentProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogTitleProps, type AlertDialogDescriptionProps, type AlertDialogActionProps, type AlertDialogCancelProps, type AlertDialogPresentation, } from './alert-dialog';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,EAChC,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAWlB,MAAM,gBAAgB,CAAC"}
|
|
@@ -18,12 +18,12 @@ const badgeVariants = tv({
|
|
|
18
18
|
success: 'bg-success',
|
|
19
19
|
warning: 'bg-warning',
|
|
20
20
|
info: 'bg-info',
|
|
21
|
-
soft: 'bg-primary
|
|
22
|
-
'soft-secondary': 'bg-secondary
|
|
23
|
-
'soft-destructive': 'bg-destructive
|
|
24
|
-
'soft-success': 'bg-success
|
|
25
|
-
'soft-warning': 'bg-warning
|
|
26
|
-
'soft-info': 'bg-info
|
|
21
|
+
soft: 'bg-primary-soft',
|
|
22
|
+
'soft-secondary': 'bg-secondary-soft',
|
|
23
|
+
'soft-destructive': 'bg-destructive-soft',
|
|
24
|
+
'soft-success': 'bg-success-soft',
|
|
25
|
+
'soft-warning': 'bg-warning-soft',
|
|
26
|
+
'soft-info': 'bg-info-soft',
|
|
27
27
|
},
|
|
28
28
|
},
|
|
29
29
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAQrD,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,qDAAqD;IAC3D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE,qCAAqC;YAC9C,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAQrD,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,qDAAqD;IAC3D,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE,qCAAqC;YAC9C,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,iBAAiB;YACvB,gBAAgB,EAAE,mBAAmB;YACrC,kBAAkB,EAAE,qBAAqB;YACzC,cAAc,EAAE,iBAAiB;YACjC,cAAc,EAAE,iBAAiB;YACjC,WAAW,EAAE,cAAc;SAC5B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC3B,IAAI,EAAE,uBAAuB;IAC7B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,yBAAyB;YAClC,SAAS,EAAE,2BAA2B;YACtC,WAAW,EAAE,6BAA6B;YAC1C,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,yBAAyB;YAClC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE,cAAc;YACpB,gBAAgB,EAAE,2BAA2B;YAC7C,kBAAkB,EAAE,kBAAkB;YACtC,cAAc,EAAE,cAAc;YAC9B,cAAc,EAAE,cAAc;YAC9B,WAAW,EAAE,WAAW;SACzB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAMH,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc;IAC/E,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YACvC,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,YAClE,QAAQ,GACJ,GACe,CACzB,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAkB;IAC9E,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC;IAE/C,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACvF,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAGL,IAAI,EACJ,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAGL,IAAI,EACJ,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAkBrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBlB,CAAC;AAEH,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBtB,CAAC;AAIH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7D,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B;AAID,QAAA,MAAM,MAAM,0EAiCX,CAAC;AAMF,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAcjB;kBApBQ,UAAU;;;AAwBnB,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAErE;kBAFQ,UAAU;;;AAQnB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { Pressable, Text, View, } from 'react-native';
|
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
6
|
import { useResolveFontFamily } from '../../lib/font-context';
|
|
7
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
7
8
|
const ButtonContext = createContext({
|
|
8
9
|
variant: 'default',
|
|
9
10
|
size: 'default',
|
|
@@ -13,10 +14,10 @@ const buttonVariants = tv({
|
|
|
13
14
|
base: 'flex-row items-center justify-center gap-2 rounded-md',
|
|
14
15
|
variants: {
|
|
15
16
|
variant: {
|
|
16
|
-
default: 'bg-primary active:bg-primary
|
|
17
|
-
destructive: 'bg-destructive active:bg-destructive
|
|
17
|
+
default: 'bg-primary active:bg-primary-active',
|
|
18
|
+
destructive: 'bg-destructive active:bg-destructive-active',
|
|
18
19
|
outline: 'border border-input bg-background active:bg-accent',
|
|
19
|
-
secondary: 'bg-secondary active:bg-secondary
|
|
20
|
+
secondary: 'bg-secondary active:bg-secondary-active',
|
|
20
21
|
ghost: 'active:bg-accent',
|
|
21
22
|
link: '',
|
|
22
23
|
},
|
|
@@ -56,8 +57,13 @@ const buttonTextVariants = tv({
|
|
|
56
57
|
},
|
|
57
58
|
});
|
|
58
59
|
// ─── Components ──────────────────────────────────────────────
|
|
59
|
-
const Button = React.forwardRef(({ className, variant = 'default', size = 'default', disabled, children, ...props }, ref) => {
|
|
60
|
-
|
|
60
|
+
const Button = React.forwardRef(({ className, variant = 'default', size = 'default', disabled, children, style: styleProp, ...props }, ref) => {
|
|
61
|
+
const interaction = useInteractionTokens();
|
|
62
|
+
const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
|
|
63
|
+
disabled: Boolean(disabled),
|
|
64
|
+
pressedVariant: variant === 'link' ? 'none' : 'strong',
|
|
65
|
+
});
|
|
66
|
+
return (_jsx(ButtonContext.Provider, { value: { variant, size }, children: _jsx(Pressable, { ref: ref, className: cn(buttonVariants({ variant, size }), className), style: interactiveStyle, disabled: disabled, ...props, children: children }) }));
|
|
61
67
|
});
|
|
62
68
|
Button.displayName = 'Button';
|
|
63
69
|
// ─── Sub-components ──────────────────────────────────────────
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, type ViewProps, type TextProps } from 'react-native';
|
|
3
3
|
import { type VariantProps } from '../../lib/tv';
|
|
4
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
4
5
|
declare const cardVariants: import("tailwind-variants").TVReturnType<{
|
|
5
6
|
padding: {
|
|
6
7
|
none: string;
|
|
@@ -79,7 +80,7 @@ declare const cardVariants: import("tailwind-variants").TVReturnType<{
|
|
|
79
80
|
false: string;
|
|
80
81
|
};
|
|
81
82
|
}>, unknown, unknown, undefined>>;
|
|
82
|
-
export interface CardProps extends ViewProps, VariantProps<typeof cardVariants
|
|
83
|
+
export interface CardProps extends ViewProps, VariantProps<typeof cardVariants>, FrostedSurfaceProps {
|
|
83
84
|
}
|
|
84
85
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<View>>;
|
|
85
86
|
export interface CardHeaderProps extends ViewProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,KAAK,SAAS,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpG,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIxF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAkBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,mBAAmB;CAAG;AAE9E,QAAA,MAAM,IAAI,wEAwCT,CAAC;AAMF,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,QAAA,MAAM,UAAU,8EAEd,CAAC;AAMH,MAAM,WAAW,cAAe,SAAQ,SAAS;CAAG;AAEpD,QAAA,MAAM,SAAS,oGAUd,CAAC;AAMF,MAAM,WAAW,oBAAqB,SAAQ,SAAS;CAAG;AAE1D,QAAA,MAAM,eAAe,0GAIpB,CAAC;AAMF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;CAAG;AAEtD,QAAA,MAAM,WAAW,+EAEf,CAAC;AAMH,MAAM,WAAW,eAAgB,SAAQ,SAAS;CAAG;AAErD,QAAA,MAAM,UAAU,8EAEd,CAAC;AAMH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { Text } from '../text';
|
|
5
5
|
import { cn } from '../../lib/cn';
|
|
6
6
|
import { tv } from '../../lib/tv';
|
|
7
|
+
import { useFrostedSurface } from '../../lib/frosted-surface';
|
|
7
8
|
// ─── Card ────────────────────────────────────────────────────
|
|
8
9
|
const cardVariants = tv({
|
|
9
10
|
base: 'rounded-xl border border-border bg-card',
|
|
@@ -24,8 +25,16 @@ const cardVariants = tv({
|
|
|
24
25
|
unstyled: false,
|
|
25
26
|
},
|
|
26
27
|
});
|
|
27
|
-
const Card = React.forwardRef(({ className, padding, unstyled, ...props }, ref) => {
|
|
28
|
-
|
|
28
|
+
const Card = React.forwardRef(({ className, padding, unstyled, frosted = false, blurIntensity, blurTintToken, style, children, ...props }, ref) => {
|
|
29
|
+
const frostedSurface = useFrostedSurface({
|
|
30
|
+
frosted,
|
|
31
|
+
blurIntensity,
|
|
32
|
+
blurTintToken,
|
|
33
|
+
defaultTintToken: 'card',
|
|
34
|
+
defaultBlurPreset: 'subtle',
|
|
35
|
+
});
|
|
36
|
+
const cardStyle = [frostedSurface.surfaceStyle, style];
|
|
37
|
+
return (_jsxs(View, { ref: ref, className: cn(cardVariants({ padding, unstyled }), frosted && 'relative overflow-hidden bg-transparent', className), style: cardStyle, ...props, children: [frostedSurface.overlay, children] }));
|
|
29
38
|
});
|
|
30
39
|
Card.displayName = 'Card';
|
|
31
40
|
const CardHeader = React.forwardRef(({ className, ...props }, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAqCf;kBA5CQ,QAAQ;;;AAgDjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -2,9 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { Pressable, View } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
5
6
|
function Checkbox({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled = false, className, ...props }) {
|
|
6
7
|
const [internalChecked, setInternalChecked] = useState(defaultChecked);
|
|
7
8
|
const isChecked = controlledChecked ?? internalChecked;
|
|
9
|
+
const interaction = useInteractionTokens();
|
|
10
|
+
const interactiveStyle = withInteractivePressableStyle(undefined, interaction, {
|
|
11
|
+
disabled,
|
|
12
|
+
pressedVariant: 'default',
|
|
13
|
+
});
|
|
8
14
|
const handleToggle = () => {
|
|
9
15
|
if (disabled)
|
|
10
16
|
return;
|
|
@@ -12,7 +18,7 @@ function Checkbox({ checked: controlledChecked, defaultChecked = false, onChecke
|
|
|
12
18
|
setInternalChecked(newValue);
|
|
13
19
|
onCheckedChange?.(newValue);
|
|
14
20
|
};
|
|
15
|
-
return (_jsx(Pressable, { onPress: handleToggle, disabled: disabled, hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, accessibilityRole: "checkbox", accessibilityState: { checked: isChecked, disabled }, children: _jsx(View, { className: cn('h-5 w-5 items-center justify-center rounded border', isChecked ? 'border-primary bg-primary' : 'border-border bg-muted',
|
|
21
|
+
return (_jsx(Pressable, { onPress: handleToggle, disabled: disabled, style: interactiveStyle, hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }, accessibilityRole: "checkbox", accessibilityState: { checked: isChecked, disabled }, children: _jsx(View, { className: cn('h-5 w-5 items-center justify-center rounded border', isChecked ? 'border-primary bg-primary' : 'border-border bg-muted', className), ...props, children: isChecked && _jsx(View, { className: "h-2.5 w-2.5 rounded-sm bg-primary-foreground" }) }) }));
|
|
16
22
|
}
|
|
17
23
|
Checkbox.displayName = 'Checkbox';
|
|
18
24
|
export { Checkbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,6BAA6B,EAAE,MAAM,8BAA8B,CAAC;AAUnG,SAAS,QAAQ,CAAC,EAChB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,GAAG,KAAK,EACM;IACd,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,iBAAiB,IAAI,eAAe,CAAC;IACvD,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,gBAAgB,GAAG,6BAA6B,CAAC,SAAS,EAAE,WAAW,EAAE;QAC7E,QAAQ;QACR,cAAc,EAAE,SAAS;KAC1B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,MAAM,QAAQ,GAAG,CAAC,SAAS,CAAC;QAC5B,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC7B,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,gBAAgB,EACvB,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACrD,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAEpD,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,wBAAwB,EAClE,SAAS,CACV,KACG,KAAK,YAER,SAAS,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,GAAG,GAC1E,GACG,CACb,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ViewProps, type PressableProps } from 'react-native';
|
|
3
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
3
4
|
export interface ContextMenuProps {
|
|
4
5
|
children: React.ReactNode;
|
|
5
6
|
}
|
|
@@ -7,7 +8,7 @@ export interface ContextMenuTriggerProps extends PressableProps {
|
|
|
7
8
|
className?: string;
|
|
8
9
|
asChild?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export interface ContextMenuContentProps extends ViewProps {
|
|
11
|
+
export interface ContextMenuContentProps extends ViewProps, FrostedSurfaceProps {
|
|
11
12
|
className?: string;
|
|
12
13
|
}
|
|
13
14
|
export interface ContextMenuItemProps extends PressableProps {
|
|
@@ -28,7 +29,7 @@ declare function ContextMenuTrigger({ className, children, asChild, ...props }:
|
|
|
28
29
|
declare namespace ContextMenuTrigger {
|
|
29
30
|
var displayName: string;
|
|
30
31
|
}
|
|
31
|
-
declare function ContextMenuContent({ className, children, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function ContextMenuContent({ className, children, frosted, blurIntensity, blurTintToken, style, ...props }: ContextMenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
32
33
|
declare namespace ContextMenuContent {
|
|
33
34
|
var displayName: string;
|
|
34
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEjG,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAgBxF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAwB,SAAQ,SAAS,EAAE,mBAAmB;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,yBAA0B,SAAQ,SAAS;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAKlD;kBALQ,WAAW;;;AAOpB,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CAyB9F;kBAzBQ,kBAAkB;;;AA2B3B,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAe,EACf,aAAa,EACb,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA8BzB;kBAtCQ,kBAAkB;;;AAwC3B,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAYrE;kBAZQ,eAAe;;;AAcxB,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAUjF;kBAVQ,gBAAgB;;;AAYzB,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAE/E;kBAFQ,oBAAoB;;;AAW7B,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
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 { useFrostedSurface } from '../../lib/frosted-surface';
|
|
5
6
|
const ContextMenuContext = createContext({
|
|
6
7
|
open: false,
|
|
7
8
|
setOpen: () => { },
|
|
@@ -26,9 +27,17 @@ function ContextMenuTrigger({ className, children, asChild, ...props }) {
|
|
|
26
27
|
}
|
|
27
28
|
return (_jsx(Pressable, { className: cn(className), onLongPress: () => setOpen(true), delayLongPress: 300, ...props, children: children }));
|
|
28
29
|
}
|
|
29
|
-
function ContextMenuContent({ className, children, ...props }) {
|
|
30
|
+
function ContextMenuContent({ className, children, frosted = false, blurIntensity, blurTintToken, style, ...props }) {
|
|
30
31
|
const { open, setOpen } = useContext(ContextMenuContext);
|
|
31
|
-
|
|
32
|
+
const frostedSurface = useFrostedSurface({
|
|
33
|
+
frosted,
|
|
34
|
+
blurIntensity,
|
|
35
|
+
blurTintToken,
|
|
36
|
+
defaultTintToken: 'popover',
|
|
37
|
+
defaultBlurPreset: 'medium',
|
|
38
|
+
});
|
|
39
|
+
const contentStyle = [frostedSurface.surfaceStyle, style];
|
|
40
|
+
return (_jsx(Modal, { visible: open, transparent: true, animationType: "slide", onRequestClose: () => setOpen(false), children: _jsx(Pressable, { className: "flex-1 justify-end", onPress: () => setOpen(false), children: _jsxs(Pressable, { className: cn('w-full rounded-t-xl border-t border-x border-border p-2 pb-8 shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-popover', className), style: contentStyle, onPress: (e) => e.stopPropagation(), ...props, children: [frostedSurface.overlay, children] }) }) }));
|
|
32
41
|
}
|
|
33
42
|
function ContextMenuItem({ className, ...props }) {
|
|
34
43
|
const { setOpen } = useContext(ContextMenuContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../src/components/context-menu/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-row/data-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"data-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-row/data-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAWnB,CAAC;AAiDH,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAwB,SAAQ,SAAS;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,2EAQZ,CAAC;AAIF,QAAA,MAAM,WAAW,+EAIf,CAAC;AAIH,QAAA,MAAM,aAAa,iFAEjB,CAAC;AAIH,QAAA,MAAM,YAAY,gFAYjB,CAAC;AAIF,QAAA,MAAM,YAAY,gFAWhB,CAAC;AAIH,QAAA,MAAM,kBAAkB,sFAiBvB,CAAC;AAIF,QAAA,MAAM,YAAY,gFAWhB,CAAC;AAIH,OAAO,EACL,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,eAAe,GAChB,CAAC"}
|