@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
|
@@ -4,6 +4,7 @@ import { Platform, Pressable, Text, TextInput, View } from 'react-native';
|
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
6
|
import { useThemeColors } from '../../lib/theme-colors';
|
|
7
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
7
8
|
const numericInputVariants = tv({
|
|
8
9
|
base: 'w-full flex-row items-center rounded-md border border-border bg-muted',
|
|
9
10
|
variants: {
|
|
@@ -34,14 +35,14 @@ const numericInputTextVariants = tv({
|
|
|
34
35
|
},
|
|
35
36
|
});
|
|
36
37
|
const stepperButtonVariants = tv({
|
|
37
|
-
base: 'h-full w-11 items-center justify-center
|
|
38
|
+
base: 'h-full w-11 items-center justify-center',
|
|
38
39
|
variants: {
|
|
39
40
|
size: {
|
|
40
41
|
default: 'px-3',
|
|
41
42
|
compact: 'px-2',
|
|
42
43
|
},
|
|
43
44
|
disabled: {
|
|
44
|
-
true: '
|
|
45
|
+
true: '',
|
|
45
46
|
false: '',
|
|
46
47
|
},
|
|
47
48
|
},
|
|
@@ -81,6 +82,7 @@ function roundToStepPrecision(value, step) {
|
|
|
81
82
|
}
|
|
82
83
|
const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suffix, value, defaultValue, onValueChange, min, max, step = 1, showSteppers = false, variant = 'default', size = 'default', editable = true, placeholderTextColor, onBlur, style: styleProp, ...props }, ref) => {
|
|
83
84
|
const colors = useThemeColors();
|
|
85
|
+
const interaction = useInteractionTokens();
|
|
84
86
|
const [internalText, setInternalText] = useState(() => toInputText(defaultValue));
|
|
85
87
|
const isControlled = value !== undefined;
|
|
86
88
|
const textValue = isControlled ? toInputText(value) : internalText;
|
|
@@ -126,12 +128,22 @@ const NumericInput = React.forwardRef(({ className, inputClassName, prefix, suff
|
|
|
126
128
|
};
|
|
127
129
|
const canDecrease = editable && (min === undefined || currentValue === null || currentValue > min);
|
|
128
130
|
const canIncrease = editable && (max === undefined || currentValue === null || currentValue < max);
|
|
131
|
+
const stepDownStyle = withInteractivePressableStyle(undefined, interaction, {
|
|
132
|
+
disabled: !canDecrease,
|
|
133
|
+
disabledVariant: 'subtle',
|
|
134
|
+
pressedVariant: 'default',
|
|
135
|
+
});
|
|
136
|
+
const stepUpStyle = withInteractivePressableStyle(undefined, interaction, {
|
|
137
|
+
disabled: !canIncrease,
|
|
138
|
+
disabledVariant: 'subtle',
|
|
139
|
+
pressedVariant: 'default',
|
|
140
|
+
});
|
|
129
141
|
const nudge = (delta) => {
|
|
130
142
|
const baseline = currentValue ?? min ?? 0;
|
|
131
143
|
const raw = baseline + delta * step;
|
|
132
144
|
applyNumericValue(roundToStepPrecision(raw, step));
|
|
133
145
|
};
|
|
134
|
-
return (_jsxs(View, { className: cn(numericInputVariants({ variant, size }), !editable
|
|
146
|
+
return (_jsxs(View, { className: cn(numericInputVariants({ variant, size }), className), style: !editable ? { opacity: interaction.disabledOpacity } : undefined, children: [prefix ? _jsx(View, { className: "shrink-0 pl-3", children: prefix }) : null, _jsx(View, { className: "min-w-0 flex-1", style: Platform.OS === 'web' ? { minWidth: 0, flex: 1 } : undefined, children: _jsx(TextInput, { ref: ref, className: cn(numericInputTextVariants({ size }), 'w-full outline-none', inputClassName), style: Platform.OS === 'web' ? [{ width: '100%', minWidth: 0 }, styleProp] : styleProp, value: textValue, onChangeText: handleTextChange, onBlur: handleBlur, keyboardType: "decimal-pad", editable: editable, placeholderTextColor: placeholderTextColor ?? colors.placeholder, ...props }) }), suffix ? _jsx(View, { className: "shrink-0 pr-3", children: suffix }) : null, showSteppers ? (_jsxs(View, { className: "h-full shrink-0 flex-row border-l border-border bg-muted", children: [_jsx(Pressable, { className: cn(stepperButtonVariants({ size, disabled: !canDecrease }), 'shrink-0 min-w-11 border-r border-border'), style: stepDownStyle, onPress: () => nudge(-1), disabled: !canDecrease, hitSlop: 4, accessibilityRole: "button", accessibilityLabel: "Decrease value", children: _jsx(Text, { className: "text-base font-medium text-foreground", children: "-" }) }), _jsx(Pressable, { className: cn(stepperButtonVariants({ size, disabled: !canIncrease }), 'shrink-0 min-w-11'), style: stepUpStyle, onPress: () => nudge(1), disabled: !canIncrease, hitSlop: 4, accessibilityRole: "button", accessibilityLabel: "Increase value", children: _jsx(Text, { className: "text-base font-medium text-foreground", children: "+" }) })] })) : null] }));
|
|
135
147
|
});
|
|
136
148
|
NumericInput.displayName = 'NumericInput';
|
|
137
149
|
export { NumericInput, numericInputVariants, numericInputTextVariants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numeric-input.js","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAuB,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"numeric-input.js","sourceRoot":"","sources":["../../../src/components/numeric-input/numeric-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/otp-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAsB,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { type ViewProps } from 'react-native';
|
|
2
|
+
declare const otpCellVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
+
size: {
|
|
4
|
+
default: string;
|
|
5
|
+
compact: string;
|
|
6
|
+
};
|
|
7
|
+
state: {
|
|
8
|
+
idle: string;
|
|
9
|
+
focused: string;
|
|
10
|
+
error: string;
|
|
11
|
+
errorFocused: string;
|
|
12
|
+
};
|
|
13
|
+
}, undefined, "items-center justify-center rounded-lg border bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
14
|
+
size: {
|
|
15
|
+
default: string;
|
|
16
|
+
compact: string;
|
|
17
|
+
};
|
|
18
|
+
state: {
|
|
19
|
+
idle: string;
|
|
20
|
+
focused: string;
|
|
21
|
+
error: string;
|
|
22
|
+
errorFocused: string;
|
|
23
|
+
};
|
|
24
|
+
}, {
|
|
25
|
+
size: {
|
|
26
|
+
default: string;
|
|
27
|
+
compact: string;
|
|
28
|
+
};
|
|
29
|
+
state: {
|
|
30
|
+
idle: string;
|
|
31
|
+
focused: string;
|
|
32
|
+
error: string;
|
|
33
|
+
errorFocused: string;
|
|
34
|
+
};
|
|
35
|
+
}>, {
|
|
36
|
+
size: {
|
|
37
|
+
default: string;
|
|
38
|
+
compact: string;
|
|
39
|
+
};
|
|
40
|
+
state: {
|
|
41
|
+
idle: string;
|
|
42
|
+
focused: string;
|
|
43
|
+
error: string;
|
|
44
|
+
errorFocused: string;
|
|
45
|
+
};
|
|
46
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
47
|
+
size: {
|
|
48
|
+
default: string;
|
|
49
|
+
compact: string;
|
|
50
|
+
};
|
|
51
|
+
state: {
|
|
52
|
+
idle: string;
|
|
53
|
+
focused: string;
|
|
54
|
+
error: string;
|
|
55
|
+
errorFocused: string;
|
|
56
|
+
};
|
|
57
|
+
}, undefined, "items-center justify-center rounded-lg border bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
58
|
+
size: {
|
|
59
|
+
default: string;
|
|
60
|
+
compact: string;
|
|
61
|
+
};
|
|
62
|
+
state: {
|
|
63
|
+
idle: string;
|
|
64
|
+
focused: string;
|
|
65
|
+
error: string;
|
|
66
|
+
errorFocused: string;
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
size: {
|
|
70
|
+
default: string;
|
|
71
|
+
compact: string;
|
|
72
|
+
};
|
|
73
|
+
state: {
|
|
74
|
+
idle: string;
|
|
75
|
+
focused: string;
|
|
76
|
+
error: string;
|
|
77
|
+
errorFocused: string;
|
|
78
|
+
};
|
|
79
|
+
}>, unknown, unknown, undefined>>;
|
|
80
|
+
export interface OTPInputProps extends Omit<ViewProps, 'children'> {
|
|
81
|
+
length?: number;
|
|
82
|
+
value?: string;
|
|
83
|
+
onValueChange?: (value: string) => void;
|
|
84
|
+
onComplete?: (code: string) => void;
|
|
85
|
+
variant?: 'default' | 'error';
|
|
86
|
+
size?: 'default' | 'compact';
|
|
87
|
+
secure?: boolean;
|
|
88
|
+
disabled?: boolean;
|
|
89
|
+
autoFocus?: boolean;
|
|
90
|
+
className?: string;
|
|
91
|
+
}
|
|
92
|
+
declare function OTPInput({ length, value: controlledValue, onValueChange, onComplete, variant, size, secure, disabled, autoFocus, className, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
|
|
93
|
+
declare namespace OTPInput {
|
|
94
|
+
var displayName: string;
|
|
95
|
+
}
|
|
96
|
+
export { OTPInput, otpCellVariants };
|
|
97
|
+
//# sourceMappingURL=otp-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../src/components/otp-input/otp-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAgBzE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAYnB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,QAAQ,CAAC,EAChB,MAAU,EACV,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,UAAU,EACV,OAAmB,EACnB,IAAgB,EAChB,MAAc,EACd,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAmGf;kBA/GQ,QAAQ;;;AA6IjB,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Platform, TextInput, View } from 'react-native';
|
|
4
|
+
import Animated, { useSharedValue, useAnimatedStyle, withSequence, withTiming, Easing, } from 'react-native-reanimated';
|
|
5
|
+
import { Text } from '../text';
|
|
6
|
+
import { cn } from '../../lib/cn';
|
|
7
|
+
import { tv } from '../../lib/tv';
|
|
8
|
+
import { useThemeColors } from '../../lib/theme-colors';
|
|
9
|
+
import { useInteractionTokens } from '../../lib/interaction-tokens';
|
|
10
|
+
// ─── Variants ─────────────────────────────────────────────────
|
|
11
|
+
const otpCellVariants = tv({
|
|
12
|
+
base: 'items-center justify-center rounded-lg border bg-muted',
|
|
13
|
+
variants: {
|
|
14
|
+
size: { default: 'h-12 w-11', compact: 'h-10 w-9' },
|
|
15
|
+
state: {
|
|
16
|
+
idle: 'border-border',
|
|
17
|
+
focused: 'border-primary border-2',
|
|
18
|
+
error: 'border-destructive',
|
|
19
|
+
errorFocused: 'border-destructive border-2',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: { size: 'default', state: 'idle' },
|
|
23
|
+
});
|
|
24
|
+
// ─── Component ───────────────────────────────────────────────
|
|
25
|
+
function OTPInput({ length = 6, value: controlledValue, onValueChange, onComplete, variant = 'default', size = 'default', secure = false, disabled = false, autoFocus = false, className, ...props }) {
|
|
26
|
+
const [internalValue, setInternalValue] = useState('');
|
|
27
|
+
const isControlled = controlledValue !== undefined;
|
|
28
|
+
const val = isControlled ? controlledValue : internalValue;
|
|
29
|
+
const [focused, setFocused] = useState(false);
|
|
30
|
+
const colors = useThemeColors();
|
|
31
|
+
const interaction = useInteractionTokens();
|
|
32
|
+
const shakeX = useSharedValue(0);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (variant !== 'error')
|
|
35
|
+
return;
|
|
36
|
+
const d = Math.round(interaction.motionFast / 4);
|
|
37
|
+
shakeX.value = withSequence(withTiming(8, { duration: d, easing: Easing.linear }), withTiming(-8, { duration: d, easing: Easing.linear }), withTiming(6, { duration: d, easing: Easing.linear }), withTiming(-6, { duration: d, easing: Easing.linear }), withTiming(0, { duration: d, easing: Easing.linear }));
|
|
38
|
+
}, [variant, shakeX, interaction.motionFast]);
|
|
39
|
+
const shakeStyle = useAnimatedStyle(() => ({
|
|
40
|
+
transform: [{ translateX: shakeX.value }],
|
|
41
|
+
}));
|
|
42
|
+
const update = (text) => {
|
|
43
|
+
const cleaned = text.replace(/[^0-9]/g, '').slice(0, length);
|
|
44
|
+
if (!isControlled)
|
|
45
|
+
setInternalValue(cleaned);
|
|
46
|
+
onValueChange?.(cleaned);
|
|
47
|
+
if (cleaned.length === length)
|
|
48
|
+
onComplete?.(cleaned);
|
|
49
|
+
};
|
|
50
|
+
const isError = variant === 'error';
|
|
51
|
+
const cursorAt = focused ? Math.min(val.length, length - 1) : -1;
|
|
52
|
+
return (_jsxs(View, { className: cn(className), style: disabled ? { opacity: interaction.disabledOpacity } : undefined, ...props, children: [_jsx(Animated.View, { style: shakeStyle, className: "flex-row items-center justify-center gap-2", children: Array.from({ length }).map((_, i) => {
|
|
53
|
+
const digit = val[i];
|
|
54
|
+
const isCursor = cursorAt === i;
|
|
55
|
+
const state = isError
|
|
56
|
+
? isCursor
|
|
57
|
+
? 'errorFocused'
|
|
58
|
+
: 'error'
|
|
59
|
+
: isCursor
|
|
60
|
+
? 'focused'
|
|
61
|
+
: 'idle';
|
|
62
|
+
return (_jsx(View, { className: otpCellVariants({ size, state }), children: digit ? (_jsx(Text, { className: cn('text-foreground font-semibold', size === 'compact' ? 'text-base' : 'text-lg'), children: secure ? '●' : digit })) : isCursor ? (_jsx(CursorBlink, { color: isError ? colors.destructive : colors.primary })) : null }, i));
|
|
63
|
+
}) }), _jsx(TextInput, { value: val, onChangeText: update, onFocus: () => setFocused(true), onBlur: () => setFocused(false), keyboardType: "number-pad", textContentType: "oneTimeCode", autoComplete: Platform.OS === 'android' ? 'sms-otp' : 'one-time-code', maxLength: length, autoFocus: autoFocus, editable: !disabled, caretHidden: true, className: "outline-none", style: {
|
|
64
|
+
position: 'absolute',
|
|
65
|
+
top: 0,
|
|
66
|
+
left: 0,
|
|
67
|
+
right: 0,
|
|
68
|
+
bottom: 0,
|
|
69
|
+
color: 'transparent',
|
|
70
|
+
}, accessibilityLabel: `Enter ${length}-digit verification code` })] }));
|
|
71
|
+
}
|
|
72
|
+
// ─── Cursor Blink ─────────────────────────────────────────────
|
|
73
|
+
function CursorBlink({ color }) {
|
|
74
|
+
const opacity = useSharedValue(1);
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
const cycle = () => {
|
|
77
|
+
opacity.value = withSequence(withTiming(0, { duration: 400 }), withTiming(1, { duration: 400 }));
|
|
78
|
+
};
|
|
79
|
+
cycle();
|
|
80
|
+
const id = setInterval(cycle, 800);
|
|
81
|
+
return () => clearInterval(id);
|
|
82
|
+
}, [opacity]);
|
|
83
|
+
const style = useAnimatedStyle(() => ({ opacity: opacity.value }));
|
|
84
|
+
return (_jsx(Animated.View, { style: [{ width: 2, height: 20, borderRadius: 1, backgroundColor: color }, style] }));
|
|
85
|
+
}
|
|
86
|
+
OTPInput.displayName = 'OTPInput';
|
|
87
|
+
export { OTPInput, otpCellVariants };
|
|
88
|
+
//# sourceMappingURL=otp-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"otp-input.js","sourceRoot":"","sources":["../../../src/components/otp-input/otp-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as PopoverPrimitive from '@rn-primitives/popover';
|
|
3
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
3
4
|
export interface PopoverProps {
|
|
4
5
|
onOpenChange?: (open: boolean) => void;
|
|
5
6
|
children: React.ReactNode;
|
|
@@ -7,7 +8,7 @@ export interface PopoverProps {
|
|
|
7
8
|
export interface PopoverTriggerProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger> {
|
|
8
9
|
className?: string;
|
|
9
10
|
}
|
|
10
|
-
export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content
|
|
11
|
+
export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, FrostedSurfaceProps {
|
|
11
12
|
className?: string;
|
|
12
13
|
portalHost?: string;
|
|
13
14
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIxF,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CACzE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EAAE,mBAAmB;IAC5F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CACvE,OAAO,gBAAgB,CAAC,KAAK,CAC9B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,iBAAS,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAExD;AAED,QAAA,MAAM,cAAc,yHAKlB,CAAC;AAGH,QAAA,MAAM,cAAc,yGAyDnB,CAAC;AAGF,QAAA,MAAM,YAAY,uGAKhB,CAAC;AAOH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,16 +1,29 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Platform, StyleSheet } from 'react-native';
|
|
4
4
|
import * as PopoverPrimitive from '@rn-primitives/popover';
|
|
5
5
|
import { cn } from '../../lib/cn';
|
|
6
|
+
import { useFrostedSurface } from '../../lib/frosted-surface';
|
|
6
7
|
// ─── Components ──────────────────────────────────────────────
|
|
7
8
|
function Popover({ onOpenChange, children }) {
|
|
8
9
|
return _jsx(PopoverPrimitive.Root, { onOpenChange: onOpenChange, children: children });
|
|
9
10
|
}
|
|
10
11
|
const PopoverTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(PopoverPrimitive.Trigger, { ref: ref, className: cn(className), ...props })));
|
|
11
12
|
PopoverTrigger.displayName = 'PopoverTrigger';
|
|
12
|
-
const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalHost, ...props }, ref) => {
|
|
13
|
-
|
|
13
|
+
const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalHost, children, style, frosted = false, blurIntensity, blurTintToken, ...props }, ref) => {
|
|
14
|
+
const frostedSurface = useFrostedSurface({
|
|
15
|
+
frosted,
|
|
16
|
+
blurIntensity,
|
|
17
|
+
blurTintToken,
|
|
18
|
+
defaultTintToken: 'popover',
|
|
19
|
+
defaultBlurPreset: 'subtle',
|
|
20
|
+
});
|
|
21
|
+
const resolvedStyle = StyleSheet.flatten([
|
|
22
|
+
Platform.OS === 'web' ? undefined : contentStyles,
|
|
23
|
+
frostedSurface.surfaceStyle,
|
|
24
|
+
style,
|
|
25
|
+
]);
|
|
26
|
+
return (_jsx(PopoverPrimitive.Portal, { hostName: portalHost, children: _jsx(PopoverPrimitive.Overlay, { style: Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined, children: _jsxs(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: cn('z-50 w-72 rounded-lg border border-border p-4 shadow-lg relative overflow-hidden', frosted ? 'bg-transparent' : 'bg-popover', 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1', className), style: resolvedStyle, ...props, children: [frostedSurface.overlay, children] }) }) }));
|
|
14
27
|
});
|
|
15
28
|
PopoverContent.displayName = 'PopoverContent';
|
|
16
29
|
const PopoverClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(PopoverPrimitive.Close, { ref: ref, className: cn(className), ...props })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAA4B,MAAM,2BAA2B,CAAC;AA2BxF,gEAAgE;AAEhE,SAAS,OAAO,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAgB;IACvD,OAAO,KAAC,gBAAgB,CAAC,IAAI,IAAC,YAAY,EAAE,YAAY,YAAG,QAAQ,GAAyB,CAAC;AAC/F,CAAC;AAED,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5E,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAIrC,CACE,EACE,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,cAAc,GAAG,iBAAiB,CAAC;QACvC,OAAO;QACP,aAAa;QACb,aAAa;QACb,gBAAgB,EAAE,SAAS;QAC3B,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC;QACvC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;QACjD,cAAc,CAAC,YAAY;QAC3B,KAAK;KACN,CAAc,CAAC;IAEhB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,IAAC,QAAQ,EAAE,UAAU,YAC3C,KAAC,gBAAgB,CAAC,OAAO,IACvB,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YAElE,MAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,EACzC,iIAAiI,EACjI,SAAS,CACV,EACD,KAAK,EAAE,aAAa,KAChB,KAAK,aAER,cAAc,CAAC,OAAO,EACtB,QAAQ,IACgB,GACF,GACH,CAC3B,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,gBAAgB,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CAC1E,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,aAAa,GAAc;IAC/B,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -113,7 +113,7 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
113
113
|
true: string;
|
|
114
114
|
false: string;
|
|
115
115
|
};
|
|
116
|
-
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3
|
|
116
|
+
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
117
117
|
variant: {
|
|
118
118
|
default: string;
|
|
119
119
|
pill: string;
|
|
@@ -197,7 +197,7 @@ declare const segmentedControlItemVariants: import("tailwind-variants").TVReturn
|
|
|
197
197
|
true: string;
|
|
198
198
|
false: string;
|
|
199
199
|
};
|
|
200
|
-
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3
|
|
200
|
+
}, undefined, "min-h-10 min-w-0 flex-row items-center justify-center px-3", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
201
201
|
variant: {
|
|
202
202
|
default: string;
|
|
203
203
|
pill: string;
|
|
@@ -326,7 +326,7 @@ declare function SegmentedControl({ value: controlledValue, defaultValue, onValu
|
|
|
326
326
|
declare namespace SegmentedControl {
|
|
327
327
|
var displayName: string;
|
|
328
328
|
}
|
|
329
|
-
declare function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, ...props }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
|
|
329
|
+
declare function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, style: styleProp, ...props }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
|
|
330
330
|
declare namespace SegmentedControlItem {
|
|
331
331
|
var displayName: string;
|
|
332
332
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,QAAA,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAqB5B,CAAC;AAEH,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA+BhC,CAAC;AAEH,QAAA,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAgBpC,CAAC;AA8BH,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,6BAA8B,SAAQ,SAAS;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,aAAa,EACb,OAAmB,EACnB,IAAa,EACb,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiCvB;kBA5CQ,gBAAgB;;;AA8CzB,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAgD3B;kBAvDQ,oBAAoB;;;AAyD7B,iBAAS,wBAAwB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,2CAUvF;kBAVQ,wBAAwB;;;AAgBjC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,gCAAgC,GACjC,CAAC"}
|
|
@@ -3,6 +3,8 @@ import React, { createContext, useContext, useMemo, useState } from 'react';
|
|
|
3
3
|
import { Pressable, Text, View, } from 'react-native';
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
|
+
import { useInteractionTokens, withInteractivePressableStyle } from '../../lib/interaction-tokens';
|
|
7
|
+
import { useVisualTokens } from '../../lib/visual-tokens';
|
|
6
8
|
const segmentedControlVariants = tv({
|
|
7
9
|
base: 'w-full flex-row items-center rounded-lg bg-muted p-1',
|
|
8
10
|
variants: {
|
|
@@ -26,7 +28,7 @@ const segmentedControlVariants = tv({
|
|
|
26
28
|
},
|
|
27
29
|
});
|
|
28
30
|
const segmentedControlItemVariants = tv({
|
|
29
|
-
base: 'min-h-10 min-w-0 flex-row items-center justify-center px-3
|
|
31
|
+
base: 'min-h-10 min-w-0 flex-row items-center justify-center px-3',
|
|
30
32
|
variants: {
|
|
31
33
|
variant: {
|
|
32
34
|
default: 'rounded-md',
|
|
@@ -41,11 +43,11 @@ const segmentedControlItemVariants = tv({
|
|
|
41
43
|
compact: 'min-h-9 py-1.5',
|
|
42
44
|
},
|
|
43
45
|
disabled: {
|
|
44
|
-
true: '
|
|
46
|
+
true: '',
|
|
45
47
|
false: '',
|
|
46
48
|
},
|
|
47
49
|
wrap: {
|
|
48
|
-
true: '
|
|
50
|
+
true: 'grow-0',
|
|
49
51
|
false: 'flex-1',
|
|
50
52
|
},
|
|
51
53
|
},
|
|
@@ -101,17 +103,29 @@ function SegmentedControl({ value: controlledValue, defaultValue = '', onValueCh
|
|
|
101
103
|
const contextValue = useMemo(() => ({ value, onValueChange: handleValueChange, variant, size, wrap: shouldWrap, disabled }), [value, variant, size, shouldWrap, disabled]);
|
|
102
104
|
return (_jsx(SegmentedControlContext.Provider, { value: contextValue, children: _jsx(View, { className: cn(segmentedControlVariants({ variant, wrap: shouldWrap, size }), className), accessibilityRole: "radiogroup", ...props, children: children }) }));
|
|
103
105
|
}
|
|
104
|
-
function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, ...props }) {
|
|
106
|
+
function SegmentedControlItem({ value: itemValue, className, children, disabled: itemDisabled, style: styleProp, ...props }) {
|
|
105
107
|
const { value, onValueChange, variant, size, wrap, disabled } = useContext(SegmentedControlContext);
|
|
106
108
|
const selected = value === itemValue;
|
|
107
109
|
const finalDisabled = disabled || Boolean(itemDisabled);
|
|
110
|
+
const interaction = useInteractionTokens();
|
|
111
|
+
const visual = useVisualTokens();
|
|
112
|
+
const interactiveStyle = withInteractivePressableStyle(styleProp, interaction, {
|
|
113
|
+
disabled: finalDisabled,
|
|
114
|
+
pressedVariant: 'default',
|
|
115
|
+
});
|
|
116
|
+
const wrapBasisStyle = wrap
|
|
117
|
+
? { flexBasis: `${visual.segmentedWrapBasisRatio * 100}%` }
|
|
118
|
+
: undefined;
|
|
108
119
|
return (_jsx(SegmentedControlItemContext.Provider, { value: { selected, size }, children: _jsx(Pressable, { className: cn(segmentedControlItemVariants({
|
|
109
120
|
variant,
|
|
110
121
|
selected,
|
|
111
122
|
size,
|
|
112
123
|
disabled: finalDisabled,
|
|
113
124
|
wrap,
|
|
114
|
-
}), className), onPress: () => onValueChange(itemValue), accessibilityRole: "radio", accessibilityState: { selected, disabled: finalDisabled }, disabled: finalDisabled,
|
|
125
|
+
}), className), onPress: () => onValueChange(itemValue), accessibilityRole: "radio", accessibilityState: { selected, disabled: finalDisabled }, disabled: finalDisabled, style: (state) => {
|
|
126
|
+
const baseStyle = typeof interactiveStyle === 'function' ? interactiveStyle(state) : interactiveStyle;
|
|
127
|
+
return [baseStyle, wrapBasisStyle ?? null];
|
|
128
|
+
}, hitSlop: 4, ...props, children: typeof children === 'string' ? (_jsx(SegmentedControlItemText, { children: children })) : (children) }) }));
|
|
115
129
|
}
|
|
116
130
|
function SegmentedControlItemText({ className, ...props }) {
|
|
117
131
|
const { selected, size } = useContext(SegmentedControlItemContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,
|
|
1
|
+
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ScrollView, View } from 'react-native';
|
|
3
3
|
import * as SelectPrimitive from '@rn-primitives/select';
|
|
4
|
+
import { type FrostedSurfaceProps } from '../../lib/frosted-surface';
|
|
4
5
|
export type SelectOption = SelectPrimitive.Option;
|
|
5
6
|
export type SelectTriggerRef = SelectPrimitive.TriggerRef;
|
|
6
7
|
export interface SelectProps {
|
|
@@ -18,7 +19,7 @@ export interface SelectValueProps {
|
|
|
18
19
|
className?: string;
|
|
19
20
|
placeholder?: string;
|
|
20
21
|
}
|
|
21
|
-
export interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content
|
|
22
|
+
export interface SelectContentProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>, FrostedSurfaceProps {
|
|
22
23
|
className?: string;
|
|
23
24
|
portalHost?: string;
|
|
24
25
|
insets?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,UAAU,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,UAAU,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AAIzD,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAOxF,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,CAAC;AAE1D,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACxE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,mBAAmB;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3E;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CACrE,OAAO,eAAe,CAAC,IAAI,CAC5B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CACtE,OAAO,eAAe,CAAC,KAAK,CAC7B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CACtE,OAAO,eAAe,CAAC,KAAK,CAC7B;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAC1E,OAAO,eAAe,CAAC,SAAS,CACjC;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,QAAA,MAAM,MAAM;;;;;;;;;;;8BAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW;;8BAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,uGAuBlB,CAAC;AAGF,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAyB,EACzB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,2CASlE;AAED,QAAA,MAAM,aAAa,iFAqElB,CAAC;AAGF,QAAA,MAAM,UAAU,8EAgCd,CAAC;AAGH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAEnE;kBAFQ,cAAc;;;AAKvB,QAAA,MAAM,WAAW,sGASf,CAAC;AAGH,QAAA,MAAM,eAAe,mFAanB,CAAC;AAGH;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,2CASzC;AAED,OAAO,EACL,sBAAsB,EACtB,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,cAAc,EACd,WAAW,EACX,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
|