@retray-dev/ui-kit 5.4.0 → 6.1.0

package/dist/index.js

@@ -11,13 +11,12 @@ var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
 var Ionicons = require('@expo/vector-icons/Ionicons');
 var vectorIcons = require('@expo/vector-icons');
 var expoLinearGradient = require('expo-linear-gradient');
-var Animated11 = require('react-native-reanimated');
+var Animated12 = require('react-native-reanimated');
 var RNSlider = require('@react-native-community/slider');
 var bottomSheet = require('@gorhom/bottom-sheet');
-var picker = require('@react-native-picker/picker');
-var reactNativeWorklets = require('react-native-worklets');
-var reactNativeGestureHandler = require('react-native-gesture-handler');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var picker = require('@react-native-picker/picker');
+var sonnerNative = require('sonner-native');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -28,7 +27,7 @@ var Feather__default = /*#__PURE__*/_interopDefault(Feather);
 var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
-var Animated11__default = /*#__PURE__*/_interopDefault(Animated11);
+var Animated12__default = /*#__PURE__*/_interopDefault(Animated12);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
 // src/theme/ThemeProvider.tsx
@@ -142,6 +141,9 @@ function deriveColors(t, scheme) {
     successBorder,
     warningTint,
     warningBorder,
+    overlay: t.overlay ?? "rgba(0,0,0,0.45)",
+    accentResolved: t.accent ?? t.primary,
+    accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
     ring: t.primary,
     // focus ring always = primary
     input: t.border
@@ -188,13 +190,13 @@ function impactLight() {
   if (reactNative.Platform.OS === "web") return;
   getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
 }
-function notificationSuccess() {
+function impactMedium() {
   if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
+  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
 }
-function notificationError() {
+function notificationSuccess() {
   if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Error));
+  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -396,10 +398,10 @@ var TYPOGRAPHY = {
   },
   "uppercase-tag": {
     fontFamily: "Poppins-Bold",
-    fontSize: 8,
+    fontSize: 10,
     fontWeight: "700",
-    lineHeight: 10,
-    letterSpacing: 0.32,
+    lineHeight: 13,
+    letterSpacing: 0.8,
     textTransform: "uppercase"
   },
   "button-lg": {
@@ -451,13 +453,13 @@ function Button({
   const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (isDisabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver, stiffness: 600, damping: 35, mass: 0.8 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver, stiffness: 280, damping: 22, mass: 0.8 }).start();
   };
   const handlePress = (e) => {
-    impactLight();
+    impactMedium();
     onPress?.(e);
   };
   const containerVariantStyle = {
@@ -497,7 +499,15 @@ function Button({
       onPressOut: handlePressOut,
       ...props
     },
-    loading ? /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React26__default.default.createElement(
+    loading ? /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
+        allowFontScaling: true,
+        numberOfLines: 1
+      },
+      label
+    )) : /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
         style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
@@ -510,8 +520,8 @@ function Button({
 }
 var styles = reactNative.StyleSheet.create({
   base: {
-    borderRadius: RADIUS.xl,
-    // 32px — pill-shaped primary CTA (Airbnb spec)
+    borderRadius: RADIUS.md,
+    // 14px — Airbnb-aligned rounded rect (not pill)
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row"
@@ -528,6 +538,9 @@ var styles = reactNative.StyleSheet.create({
   },
   labelWithIcon: {
     marginHorizontal: s(6)
+  },
+  labelLoading: {
+    opacity: 0.6
   }
 });
 function ButtonGroup({ children, gap = 12, vertical = false, style }) {
@@ -729,22 +742,27 @@ function Text3({ variant = "body-md", color, style, children, ...props }) {
   );
 }
 var webInputResetStyle = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
-function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, ...props }) {
+function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, editable, ...props }) {
   const { colors } = useTheme();
   const [focused, setFocused] = React26.useState(false);
   const [showPassword, setShowPassword] = React26.useState(false);
+  const focusAnim = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const isDisabled = disabled || editable === false;
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
   const effectivePrefix = prefixIcon ? renderIcon(prefixIcon, 20, prefixIconColor ?? colors.foregroundMuted) : prefix;
   const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { onPress: () => setShowPassword(!showPassword), style: styles4.passwordToggle, activeOpacity: 0.6 }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : suffix;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles4.container, containerStyle] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.View,
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Animated.View,
     {
       style: [
         styles4.inputWrapper,
         {
-          borderColor: error ? colors.destructive : focused ? colors.primary : colors.border,
-          backgroundColor: colors.background
+          borderColor: error ? colors.destructive : focusAnim.interpolate({
+            inputRange: [0, 1],
+            outputRange: [colors.border, colors.primary]
+          }),
+          backgroundColor: isDisabled ? colors.surface : colors.background
         },
         inputWrapperStyle
       ]
@@ -763,15 +781,18 @@ function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, p
         ],
         onFocus: (e) => {
           setFocused(true);
+          reactNative.Animated.timing(focusAnim, { toValue: 1, duration: 120, easing: reactNative.Easing.out(reactNative.Easing.ease), useNativeDriver: false }).start();
           onFocus?.(e);
         },
         onBlur: (e) => {
           setFocused(false);
+          reactNative.Animated.timing(focusAnim, { toValue: 0, duration: 80, easing: reactNative.Easing.out(reactNative.Easing.ease), useNativeDriver: false }).start();
           onBlur?.(e);
         },
         placeholderTextColor: colors.foregroundMuted,
         allowFontScaling: true,
         secureTextEntry: effectiveSecure,
+        editable: isDisabled ? false : editable,
         ...props
       }
     ),
@@ -782,6 +803,9 @@ var styles4 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
+  containerDisabled: {
+    opacity: 0.6
+  },
   label: {
     fontFamily: "Poppins-Medium",
     fontSize: ms(14)
@@ -891,8 +915,9 @@ function Card({ children, variant = "elevated", onPress, style }) {
     reactNative.Animated.spring(scale2, {
       toValue: 0.98,
       useNativeDriver: nativeDriver3,
-      speed: 40,
-      bounciness: 0
+      stiffness: 400,
+      damping: 30,
+      mass: 1
     }).start();
   };
   const handlePressOut = () => {
@@ -900,8 +925,9 @@ function Card({ children, variant = "elevated", onPress, style }) {
     reactNative.Animated.spring(scale2, {
       toValue: 1,
       useNativeDriver: nativeDriver3,
-      speed: 40,
-      bounciness: 4
+      stiffness: 250,
+      damping: 24,
+      mass: 1
     }).start();
   };
   const handlePress = () => {
@@ -914,10 +940,10 @@ function Card({ children, variant = "elevated", onPress, style }) {
       backgroundColor: colors.card,
       borderColor: colors.border,
       shadowColor: "#000",
-      shadowOffset: { width: 0, height: 4 },
-      shadowOpacity: 0.06,
-      shadowRadius: 12,
-      elevation: 3
+      shadowOffset: { width: 0, height: 6 },
+      shadowOpacity: 0.1,
+      shadowRadius: 16,
+      elevation: 4
     },
     outlined: {
       backgroundColor: colors.card,
@@ -967,8 +993,8 @@ function CardFooter({ children, style }) {
 }
 var styles6 = reactNative.StyleSheet.create({
   card: {
-    borderRadius: 14,
-    // RADIUS.md — Airbnb property card spec
+    borderRadius: RADIUS.md,
+    // 14px — Airbnb property card spec
     borderWidth: 1
   },
   header: {
@@ -1014,11 +1040,13 @@ function Separator({ orientation = "horizontal", style }) {
 var styles7 = reactNative.StyleSheet.create({
   horizontal: {
     height: 1,
-    width: "100%"
+    width: "100%",
+    opacity: 0.7
   },
   vertical: {
     width: 1,
-    height: "100%"
+    height: "100%",
+    opacity: 0.7
   }
 });
 var sizeMap2 = {
@@ -1205,24 +1233,19 @@ var styles10 = reactNative.StyleSheet.create({
 });
 function AlertBanner({ title, description, variant = "default", icon, iconName, iconColor, style }) {
   const { colors } = useTheme();
-  const bgColor = variant === "destructive" ? colors.destructiveTint : variant === "success" ? colors.successTint : variant === "warning" ? colors.warningTint : colors.card;
-  const borderColor = variant === "destructive" ? colors.destructiveBorder : variant === "success" ? colors.successBorder : variant === "warning" ? colors.warningBorder : colors.border;
   const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.primary;
-  const titleColor = variant === "default" ? colors.foreground : accentColor;
-  const descColor = variant === "default" ? colors.foregroundMuted : accentColor;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 16, color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 17, color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: 17, color: accentColor }) : /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 16, color: accentColor });
-  const effectiveIcon = iconName ? renderIcon(iconName, 16, iconColor ?? accentColor) : icon ?? defaultIcon;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles11.container, { backgroundColor: bgColor, borderColor }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: titleColor }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: descColor }], allowFontScaling: true }, description) : null));
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor });
+  const effectiveIcon = iconName ? renderIcon(iconName, ms(16), iconColor ?? accentColor) : icon ?? defaultIcon;
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles11.container, { backgroundColor: colors.card }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null));
 }
 var styles11 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "flex-start",
-    borderWidth: 0.5,
-    borderRadius: 10,
-    paddingHorizontal: s(12),
-    paddingVertical: vs(10),
-    gap: s(10)
+    borderRadius: RADIUS.lg,
+    gap: s(8),
+    paddingVertical: vs(8),
+    paddingHorizontal: s(10)
   },
   iconSlot: {
     marginTop: vs(1)
@@ -1234,13 +1257,12 @@ var styles11 = reactNative.StyleSheet.create({
   title: {
     fontFamily: "Poppins-Medium",
     fontSize: ms(13),
-    lineHeight: ms(18)
+    lineHeight: ms(19)
   },
   description: {
     fontFamily: "Poppins-Regular",
     fontSize: ms(12),
-    lineHeight: ms(17),
-    opacity: 0.85
+    lineHeight: ms(17)
   }
 });
 function Progress({ value = 0, max = 100, variant = "default", style }) {
@@ -1284,7 +1306,7 @@ var styles12 = reactNative.StyleSheet.create({
     borderRadius: 9999
   }
 });
-function EmptyState({ icon, iconName, iconColor, title, description, action, size = "default", style }) {
+function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size = "default", style }) {
   const { colors } = useTheme();
   const isCompact = size === "compact";
   const effectiveIcon = iconName ? renderIcon(iconName, isCompact ? 32 : 48, iconColor ?? colors.foregroundMuted) : icon;
@@ -1317,7 +1339,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, siz
       },
       title
     ), description && !isCompact ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
-    action && !isCompact ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles13.action }, action) : null
+    !isCompact && (action ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React26__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
   );
 }
 var styles13 = reactNative.StyleSheet.create({
@@ -1326,30 +1348,29 @@ var styles13 = reactNative.StyleSheet.create({
     justifyContent: "center",
     borderWidth: 1,
     borderStyle: "dashed",
-    borderRadius: ms(12),
-    padding: s(32),
-    gap: vs(16)
-  },
-  containerCompact: {
-    padding: s(20),
-    gap: vs(10)
+    borderRadius: ms(12)
   },
+  containerCompact: {},
   iconWrapper: {
     width: s(80),
     height: s(80),
     borderRadius: ms(20),
     alignItems: "center",
-    justifyContent: "center"
+    justifyContent: "center",
+    marginTop: s(32)
   },
   iconWrapperCompact: {
     width: s(56),
     height: s(56),
-    borderRadius: ms(14)
+    borderRadius: ms(14),
+    marginTop: s(20)
   },
   textWrapper: {
     alignItems: "center",
     gap: vs(8),
-    maxWidth: s(320)
+    maxWidth: s(320),
+    paddingHorizontal: s(32),
+    marginTop: vs(16)
   },
   title: {
     fontFamily: "Poppins-Medium",
@@ -1357,7 +1378,8 @@ var styles13 = reactNative.StyleSheet.create({
     textAlign: "center"
   },
   titleCompact: {
-    fontSize: ms(15)
+    fontSize: ms(15),
+    marginTop: vs(10)
   },
   description: {
     fontFamily: "Poppins-Regular",
@@ -1366,7 +1388,9 @@ var styles13 = reactNative.StyleSheet.create({
     textAlign: "center"
   },
   action: {
-    marginTop: vs(8)
+    marginTop: vs(8),
+    marginBottom: s(32),
+    paddingHorizontal: s(32)
   }
 });
 var webInputResetStyle2 = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
@@ -1701,10 +1725,10 @@ function Toggle({
   }, [pressed, pressAnim]);
   const handlePressIn = () => {
     if (disabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, stiffness: 600, damping: 35, mass: 0.8 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, stiffness: 280, damping: 22, mass: 0.8 }).start();
   };
   const borderColor = pressAnim.interpolate({
     inputRange: [0, 1],
@@ -1899,10 +1923,10 @@ function TabTrigger({
   const { colors } = useTheme();
   const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver8, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver8, stiffness: 600, damping: 35, mass: 0.8 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver8, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver8, stiffness: 280, damping: 22, mass: 0.8 }).start();
   };
   const isUnderline = variant === "underline";
   return /* @__PURE__ */ React26__default.default.createElement(
@@ -1947,8 +1971,8 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     if (!layout) return;
     if (animate) {
       reactNative.Animated.parallel([
-        reactNative.Animated.spring(pillX, { toValue: layout.x, useNativeDriver: false, speed: 20, bounciness: 0 }),
-        reactNative.Animated.spring(pillWidth, { toValue: layout.width, useNativeDriver: false, speed: 20, bounciness: 0 })
+        reactNative.Animated.spring(pillX, { toValue: layout.x, useNativeDriver: false, stiffness: 380, damping: 38, mass: 1 }),
+        reactNative.Animated.spring(pillWidth, { toValue: layout.width, useNativeDriver: false, stiffness: 380, damping: 38, mass: 1 })
       ]).start();
     } else {
       pillX.setValue(layout.x);
@@ -2056,6 +2080,8 @@ var styles19 = reactNative.StyleSheet.create({
     fontSize: ms(14)
   }
 });
+var easingExpand = Animated12.Easing.bezier(0.23, 1, 0.32, 1);
+var easingCollapse = Animated12.Easing.in(Animated12.Easing.ease);
 function AccordionItemComponent({
   item,
   isOpen,
@@ -2063,28 +2089,28 @@ function AccordionItemComponent({
 }) {
   const { colors } = useTheme();
   const resolvedIcon = item.iconName ? renderIcon(item.iconName, ms(16), item.iconColor ?? colors.foregroundMuted) : item.icon;
-  const isExpanded = Animated11.useSharedValue(isOpen);
-  const height = Animated11.useSharedValue(0);
+  const isExpanded = Animated12.useSharedValue(isOpen);
+  const height = Animated12.useSharedValue(0);
   React26__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen]);
-  const derivedHeight = Animated11.useDerivedValue(
-    () => Animated11.withTiming(height.value * Number(isExpanded.value), {
+  const derivedHeight = Animated12.useDerivedValue(
+    () => Animated12.withTiming(height.value * Number(isExpanded.value), {
       duration: 220,
-      easing: isExpanded.value ? Animated11.Easing.out(Animated11.Easing.ease) : Animated11.Easing.in(Animated11.Easing.ease)
+      easing: isExpanded.value ? easingExpand : easingCollapse
     })
   );
-  const derivedRotation = Animated11.useDerivedValue(
-    () => Animated11.withTiming(isExpanded.value ? 1 : 0, {
+  const derivedRotation = Animated12.useDerivedValue(
+    () => Animated12.withTiming(isExpanded.value ? 1 : 0, {
       duration: 220,
-      easing: isExpanded.value ? Animated11.Easing.out(Animated11.Easing.ease) : Animated11.Easing.in(Animated11.Easing.ease)
+      easing: isExpanded.value ? easingExpand : easingCollapse
     })
   );
-  const bodyStyle = Animated11.useAnimatedStyle(() => ({
+  const bodyStyle = Animated12.useAnimatedStyle(() => ({
     height: derivedHeight.value,
     overflow: "hidden"
   }));
-  const rotationStyle = Animated11.useAnimatedStyle(() => ({
+  const rotationStyle = Animated12.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
   return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React26__default.default.createElement(
@@ -2097,8 +2123,8 @@ function AccordionItemComponent({
       }
     },
     /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger)),
-    /* @__PURE__ */ React26__default.default.createElement(Animated11__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
-  ), /* @__PURE__ */ React26__default.default.createElement(Animated11__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(Animated12__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React26__default.default.createElement(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2241,29 +2267,41 @@ var styles21 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
+var SCREEN_HEIGHT = reactNative.Dimensions.get("window").height;
+var DEFAULT_MAX_HEIGHT = SCREEN_HEIGHT * 0.85;
+var isAndroid = reactNative.Platform.OS === "android";
 function Sheet({
   open,
   onClose,
   title,
+  subtitle,
   description,
+  showCloseButton = false,
   children,
   style,
+  contentStyle,
   scrollable,
   maxHeight,
   keyboardBehavior,
-  keyboardOffset = 0
+  keyboardBlurBehavior = "restore",
+  enableBlurKeyboardOnGesture = true,
+  android_keyboardInputMode = "adjustPan",
+  footer,
+  snapPoints
 }) {
   const { colors } = useTheme();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const ref = React26.useRef(null);
+  const effectiveKeyboardBehavior = keyboardBehavior ?? "interactive";
   React26.useEffect(() => {
     if (open) {
-      impactLight();
+      impactMedium();
       ref.current?.present();
     } else {
       ref.current?.dismiss();
     }
   }, [open]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React26__default.default.createElement(
+  const renderBackdrop = React26.useCallback((props) => /* @__PURE__ */ React26__default.default.createElement(
     bottomSheet.BottomSheetBackdrop,
     {
       ...props,
@@ -2271,26 +2309,60 @@ function Sheet({
       appearsOnIndex: 0,
       pressBehavior: "close"
     }
-  );
-  const headerNode = title || description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.header }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null;
+  ), []);
+  const renderFooter = React26.useCallback((props) => {
+    if (!footer) return null;
+    return /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, footer);
+  }, [footer]);
+  const effectiveSubtitle = subtitle ?? description;
+  const showHeader = !!(title || effectiveSubtitle || showCloseButton);
+  const headerNode = showHeader ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.header }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      onPress: onClose,
+      style: styles22.closeButton,
+      activeOpacity: 0.6,
+      touchSoundDisabled: true
+    },
+    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
+  ) : null), effectiveSubtitle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : null) : null;
   const useScroll = scrollable || !!maxHeight;
-  const wrapKeyboard = (node) => {
-    if (!keyboardBehavior || keyboardBehavior === "none") return node;
-    const behavior = keyboardBehavior ?? reactNative.Platform.select({ ios: "padding", android: "height" });
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.KeyboardAvoidingView, { behavior, keyboardVerticalOffset: keyboardOffset }, node);
-  };
+  const effectiveMaxHeight = maxHeight ?? DEFAULT_MAX_HEIGHT;
+  const useDynamicSizing = !snapPoints;
   return /* @__PURE__ */ React26__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
-      enableDynamicSizing: true,
+      enableDynamicSizing: useDynamicSizing,
+      snapPoints,
+      maxDynamicContentSize: useDynamicSizing ? effectiveMaxHeight : void 0,
       onDismiss: onClose,
       backdropComponent: renderBackdrop,
+      footerComponent: footer ? renderFooter : void 0,
       backgroundStyle: [styles22.background, { backgroundColor: colors.card }],
       handleIndicatorStyle: [styles22.handle, { backgroundColor: colors.border }],
-      enablePanDownToClose: true
+      enablePanDownToClose: true,
+      topInset: insets.top,
+      keyboardBehavior: effectiveKeyboardBehavior,
+      keyboardBlurBehavior,
+      android_keyboardInputMode,
+      enableBlurKeyboardOnGesture
     },
-    /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: maxHeight ? { maxHeight } : void 0 }, wrapKeyboard(useScroll ? /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetScrollView, { contentContainerStyle: [styles22.content, style] }, headerNode, children) : /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, style] }, headerNode, children)))
+    useScroll ? /* @__PURE__ */ React26__default.default.createElement(
+      bottomSheet.BottomSheetScrollView,
+      {
+        contentContainerStyle: [
+          styles22.scrollContent,
+          style
+        ],
+        style: contentStyle,
+        showsVerticalScrollIndicator: true,
+        indicatorStyle: "black",
+        persistentScrollbar: isAndroid
+      },
+      headerNode,
+      children
+    ) : /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, children)
   );
 }
 var styles22 = reactNative.StyleSheet.create({
@@ -2303,26 +2375,43 @@ var styles22 = reactNative.StyleSheet.create({
     height: vs(4),
     borderRadius: ms(2)
   },
-  content: {
-    paddingHorizontal: s(24),
-    paddingBottom: vs(32)
-  },
   header: {
-    gap: vs(8),
-    marginBottom: vs(16)
+    paddingHorizontal: s(16),
+    paddingTop: vs(4),
+    paddingBottom: vs(12),
+    gap: vs(4)
+  },
+  headerRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
   },
   title: {
     fontFamily: "Poppins-SemiBold",
-    fontSize: ms(18)
+    fontSize: ms(18),
+    flex: 1
   },
-  description: {
+  subtitle: {
     fontFamily: "Poppins-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
+  },
+  closeButton: {
+    padding: s(4),
+    marginLeft: s(8)
+  },
+  content: {
+    paddingHorizontal: s(16),
+    paddingBottom: vs(32)
+  },
+  scrollContent: {
+    paddingHorizontal: s(16),
+    paddingBottom: vs(32),
+    paddingRight: s(16)
   }
 });
 var isIOS = reactNative.Platform.OS === "ios";
-var isAndroid = reactNative.Platform.OS === "android";
+var isAndroid2 = reactNative.Platform.OS === "android";
 var isWeb2 = reactNative.Platform.OS === "web";
 var nativeDriver9 = reactNative.Platform.OS !== "web";
 function Select({
@@ -2354,7 +2443,7 @@ function Select({
     if (isIOS) {
       setPendingValue(value);
       setPickerVisible(true);
-    } else if (isAndroid) {
+    } else if (isAndroid2) {
       pickerRef.current?.focus();
     }
   };
@@ -2396,7 +2485,7 @@ function Select({
       },
       selected?.label ?? placeholder
     ),
-    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-down", size: 20, color: colors.foregroundMuted })
+    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
   )) : null, isIOS ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Modal,
     {
@@ -2425,7 +2514,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid ? /* @__PURE__ */ React26__default.default.createElement(
+  ) : null, isAndroid2 ? /* @__PURE__ */ React26__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -2553,172 +2642,46 @@ var styles23 = reactNative.StyleSheet.create({
     fontSize: ms(15)
   }
 });
-var ToastContext = React26.createContext({
-  toast: () => {
-  },
-  dismiss: () => {
-  }
-});
 function useToast() {
-  return React26.useContext(ToastContext);
-}
-var SWIPE_THRESHOLD = 80;
-var VELOCITY_THRESHOLD = 800;
-function ToastNotification({ item, onDismiss }) {
-  const { colors } = useTheme();
-  const translateY = Animated11.useSharedValue(-80);
-  const translateX = Animated11.useSharedValue(0);
-  const opacity = Animated11.useSharedValue(0);
-  React26.useEffect(() => {
-    translateY.value = Animated11.withTiming(0, { duration: 120, easing: Animated11.Easing.out(Animated11.Easing.exp) });
-    opacity.value = Animated11.withTiming(1, { duration: 100 });
-    const timer = setTimeout(() => {
-      translateY.value = Animated11.withTiming(-80, { duration: 200 });
-      opacity.value = Animated11.withTiming(0, { duration: 200 }, (done) => {
-        if (done) reactNativeWorklets.scheduleOnRN(onDismiss);
-      });
-    }, item.duration ?? 3e3);
-    return () => clearTimeout(timer);
-  }, []);
-  const panGesture = reactNativeGestureHandler.Gesture.Pan().onUpdate((e) => {
-    translateX.value = e.translationX;
-  }).onEnd((e) => {
-    const shouldDismiss = Math.abs(translateX.value) > SWIPE_THRESHOLD || Math.abs(e.velocityX) > VELOCITY_THRESHOLD;
-    if (shouldDismiss) {
-      const direction = translateX.value > 0 ? 1 : -1;
-      translateX.value = Animated11.withTiming(direction * 500, { duration: 200 }, (done) => {
-        if (done) reactNativeWorklets.scheduleOnRN(onDismiss);
-      });
-      opacity.value = Animated11.withTiming(0, { duration: 150 });
-    } else {
-      translateX.value = Animated11.withSpring(0, { damping: 20, stiffness: 300 });
-    }
-  });
-  const animatedStyle = Animated11.useAnimatedStyle(() => ({
-    opacity: opacity.value,
-    transform: [{ translateY: translateY.value }, { translateX: translateX.value }]
-  }));
-  const variant = item.variant ?? "default";
-  const bgColor = {
-    default: colors.card,
-    destructive: colors.destructiveTint,
-    success: colors.successTint,
-    warning: colors.warningTint
-  }[variant];
-  const borderColor = {
-    default: colors.border,
-    destructive: colors.destructiveBorder,
-    success: colors.successBorder,
-    warning: colors.warningBorder
-  }[variant];
-  const accentColor = {
-    default: colors.primary,
-    destructive: colors.destructive,
-    success: colors.success,
-    warning: colors.warning
-  }[variant];
-  const titleColor = variant === "default" ? colors.foreground : accentColor;
-  const descColor = variant === "default" ? colors.foregroundMuted : accentColor;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 16, color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: "exclamation-circle", size: 16, color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: 17, color: accentColor }) : /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 16, color: accentColor });
-  const leftIcon = item.iconName ? renderIcon(item.iconName, 16, item.iconColor ?? accentColor) : item.icon ?? defaultIcon;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React26__default.default.createElement(Animated11__default.default.View, { style: [styles24.toast, { backgroundColor: bgColor, borderColor }, animatedStyle] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles24.leftIconContainer }, leftIcon), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles24.toastContent }, item.title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles24.toastTitle, { color: titleColor }], allowFontScaling: true }, item.title) : null, item.description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles24.toastDescription, { color: descColor }], allowFontScaling: true }, item.description) : null), item.action && /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
-    {
-      onPress: () => {
-        item.action.onPress();
-        onDismiss();
-      },
-      style: styles24.actionButton,
-      touchSoundDisabled: true
-    },
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles24.actionLabel, { color: accentColor }], allowFontScaling: true }, item.action.label)
-  ), /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles24.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 16, color: descColor }))));
+  return {
+    toast: sonnerNative.toast,
+    dismiss: sonnerNative.toast.dismiss
+  };
 }
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = React26.useState([]);
+  const { colorScheme } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const toast = React26.useCallback((item) => {
-    const id = Math.random().toString(36).slice(2);
-    if (item.variant === "success") {
-      notificationSuccess();
-    } else if (item.variant === "destructive") {
-      notificationError();
-    } else if (item.variant === "warning") {
-      notificationError();
-    } else {
-      impactLight();
+  return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, children, /* @__PURE__ */ React26__default.default.createElement(
+    sonnerNative.Toaster,
+    {
+      theme: colorScheme,
+      position: "top-center",
+      richColors: false,
+      gap: vs(8),
+      offset: insets.top + vs(8),
+      visibleToasts: 3,
+      closeButton: false,
+      swipeToDismissDirection: "up",
+      duration: 4e3,
+      toastOptions: {
+        style: {
+          borderRadius: ms(12),
+          paddingHorizontal: s(12),
+          paddingVertical: vs(10)
+        },
+        titleStyle: {
+          fontFamily: "Poppins-Medium",
+          fontSize: ms(13)
+        },
+        descriptionStyle: {
+          fontFamily: "Poppins-Regular",
+          fontSize: ms(12),
+          opacity: 0.85
+        }
+      }
     }
-    setToasts((prev) => [{ ...item, id }, ...prev].slice(0, 3));
-  }, []);
-  const dismiss = React26.useCallback((id) => {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  }, []);
-  return /* @__PURE__ */ React26__default.default.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles24.container, reactNative.Platform.OS === "web" && styles24.containerWeb, { top: insets.top + 8 }], pointerEvents: "box-none" }, toasts.map((item) => /* @__PURE__ */ React26__default.default.createElement(ToastNotification, { key: item.id, item, onDismiss: () => dismiss(item.id) }))));
+  ));
 }
-var styles24 = reactNative.StyleSheet.create({
-  container: {
-    position: "absolute",
-    left: s(16),
-    right: s(16),
-    gap: vs(8),
-    zIndex: 9999
-  },
-  containerWeb: {
-    left: void 0,
-    right: void 0,
-    alignSelf: "center",
-    width: s(400)
-  },
-  toast: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    borderRadius: ms(10),
-    borderWidth: 0.5,
-    paddingHorizontal: s(12),
-    paddingVertical: vs(10),
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.06,
-    shadowRadius: 4,
-    elevation: 3
-  },
-  toastContent: {
-    flex: 1,
-    gap: vs(2)
-  },
-  leftIconContainer: {
-    marginTop: vs(1),
-    alignItems: "center",
-    justifyContent: "center",
-    marginRight: s(10)
-  },
-  toastTitle: {
-    fontFamily: "Poppins-Medium",
-    fontSize: ms(13),
-    lineHeight: ms(18)
-  },
-  toastDescription: {
-    fontFamily: "Poppins-Regular",
-    fontSize: ms(12),
-    lineHeight: ms(17),
-    opacity: 0.85
-  },
-  actionButton: {
-    paddingHorizontal: s(8),
-    paddingVertical: vs(4),
-    marginLeft: s(4)
-  },
-  actionLabel: {
-    fontFamily: "Poppins-Medium",
-    fontSize: ms(12),
-    textDecorationLine: "underline"
-  },
-  dismissButton: {
-    padding: s(6),
-    marginLeft: s(2),
-    marginTop: vs(0)
-  }
-});
 function formatCurrency(raw, separator) {
   const digits = raw.replace(/\D/g, "");
   if (!digits) return "";
@@ -2776,6 +2739,12 @@ var variantFontSize = {
   medium: ms(18),
   small: ms(14)
 };
+var variantLetterSpacing = {
+  hero: -2,
+  large: -1,
+  medium: -0.5,
+  small: 0
+};
 function formatValue(value, prefix, showDecimals) {
   const num = typeof value === "string" ? parseFloat(value.replace(/[^0-9.-]/g, "")) : value;
   if (isNaN(num)) return `${prefix}0`;
@@ -2793,10 +2762,11 @@ function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor,
   const formatted = formatValue(value, prefix, showDecimals);
   const baseFontSize = variant ? variantFontSize[variant] : ms(56);
   const fontSize = maxFontSize ?? baseFontSize;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles25.container, style] }, /* @__PURE__ */ React26__default.default.createElement(
+  const letterSpacing = variant ? variantLetterSpacing[variant] : -2;
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles25.amount, { color: textColor ?? colors.foreground, fontSize }],
+      style: [styles24.amount, { color: textColor ?? colors.foreground, fontSize, letterSpacing }],
       allowFontScaling: true,
       numberOfLines: autoScale ? 1 : void 0,
       adjustsFontSizeToFit: autoScale,
@@ -2805,11 +2775,14 @@ function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor,
     formatted
   ));
 }
-var styles25 = reactNative.StyleSheet.create({
-  container: {},
+var styles24 = reactNative.StyleSheet.create({
+  container: {
+    alignSelf: "flex-start"
+  },
   amount: {
     fontFamily: "Poppins-Bold",
-    letterSpacing: -2
+    includeFontPadding: false,
+    textAlignVertical: "top"
   }
 });
 var nativeDriver10 = reactNative.Platform.OS !== "web";
@@ -2842,16 +2815,18 @@ function ListItem({
     reactNative.Animated.spring(scale2, {
       toValue: 0.97,
       useNativeDriver: nativeDriver10,
-      speed: 40,
-      bounciness: 0
+      stiffness: 350,
+      damping: 28,
+      mass: 0.9
     }).start();
   };
   const handlePressOut = () => {
     reactNative.Animated.spring(scale2, {
       toValue: 1,
       useNativeDriver: nativeDriver10,
-      speed: 40,
-      bounciness: 4
+      stiffness: 220,
+      damping: 20,
+      mass: 0.9
     }).start();
   };
   const handlePress = () => {
@@ -2862,7 +2837,7 @@ function ListItem({
   const effectiveRight = rightIcon ? renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted) : rightRender ?? trailing;
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
-    borderRadius: 12,
+    borderRadius: RADIUS.md,
     borderWidth: 1,
     borderColor: colors.border,
     shadowColor: "#000",
@@ -2871,10 +2846,10 @@ function ListItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles26.disabled] }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles25.disabled] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles26.container, cardStyle, style],
+      style: [styles25.container, cardStyle, style],
       onPress: onPress ? handlePress : void 0,
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
@@ -2882,11 +2857,11 @@ function ListItem({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    effectiveLeft ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.leftContainer }, effectiveLeft) : null,
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.content }, /* @__PURE__ */ React26__default.default.createElement(
+    effectiveLeft ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null,
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles26.title, { color: colors.foreground }, titleStyle],
+        style: [styles25.title, { color: colors.foreground }, titleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
@@ -2894,7 +2869,7 @@ function ListItem({
     ), subtitle ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles26.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
+        style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
@@ -2902,16 +2877,16 @@ function ListItem({
     ) : null, caption ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles26.caption, { color: colors.foregroundMuted }, captionStyle],
+        style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
         numberOfLines: 1,
         allowFontScaling: true
       },
       caption
     ) : null),
-    effectiveRight !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React26__default.default.createElement(
+    effectiveRight !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles26.rightText, { color: colors.foregroundMuted }],
+        style: [styles25.rightText, { color: colors.foregroundMuted }],
         allowFontScaling: true
       },
       effectiveRight
@@ -2920,17 +2895,20 @@ function ListItem({
     reactNative.View,
     {
       style: [
-        styles26.separator,
-        { backgroundColor: colors.border, marginLeft: effectiveLeft ? s(16) + s(44) + s(12) : s(16) }
+        styles25.separator,
+        {
+          backgroundColor: colors.border,
+          marginLeft: effectiveLeft ? s(44) + s(12) : 0
+        }
       ]
     }
   ) : null);
 }
-var styles26 = reactNative.StyleSheet.create({
+var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
-    paddingHorizontal: s(16),
+    paddingHorizontal: 0,
     paddingVertical: vs(10),
     gap: s(12)
   },
@@ -2976,13 +2954,160 @@ var styles26 = reactNative.StyleSheet.create({
   },
   separator: {
     height: reactNative.StyleSheet.hairlineWidth,
-    marginRight: s(16)
+    marginRight: 0
   },
   disabled: {
     opacity: 0.45
   }
 });
 var nativeDriver11 = reactNative.Platform.OS !== "web";
+function MenuItem({
+  label,
+  subtitle,
+  iconName,
+  icon,
+  iconColor,
+  rightRender,
+  showChevron = true,
+  onPress,
+  disabled = false,
+  variant = "plain",
+  showSeparator = false,
+  style,
+  labelStyle
+}) {
+  const { colors } = useTheme();
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
+  const handlePressIn = () => {
+    if (disabled) return;
+    reactNative.Animated.spring(scale2, {
+      toValue: 0.97,
+      useNativeDriver: nativeDriver11,
+      stiffness: 350,
+      damping: 28,
+      mass: 0.9
+    }).start();
+  };
+  const handlePressOut = () => {
+    reactNative.Animated.spring(scale2, {
+      toValue: 1,
+      useNativeDriver: nativeDriver11,
+      stiffness: 220,
+      damping: 20,
+      mass: 0.9
+    }).start();
+  };
+  const handlePress = () => {
+    selectionAsync();
+    onPress();
+  };
+  const resolvedIcon = iconName ? renderIcon(iconName, 22, iconColor ?? colors.foreground) : icon;
+  const cardStyle = variant === "card" ? {
+    backgroundColor: colors.card,
+    borderRadius: RADIUS.md,
+    borderWidth: 1,
+    borderColor: colors.border,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    elevation: 2
+  } : {};
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles26.disabled] }, /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      style: [styles26.container, cardStyle, style],
+      onPress: handlePress,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      disabled,
+      activeOpacity: 1,
+      touchSoundDisabled: true
+    },
+    resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.iconContainer }, resolvedIcon) : null,
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.labelContainer }, /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles26.label, { color: colors.foreground }, labelStyle],
+        numberOfLines: 1,
+        allowFontScaling: true
+      },
+      label
+    ), subtitle ? /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles26.subtitle, { color: colors.foregroundMuted }],
+        numberOfLines: 1,
+        allowFontScaling: true
+      },
+      subtitle
+    ) : null),
+    rightRender !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.View,
+      {
+        style: styles26.rightContainer,
+        onStartShouldSetResponder: () => true,
+        onResponderRelease: () => {
+        }
+      },
+      rightRender
+    ) : showChevron ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
+  ), showSeparator ? /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles26.separator,
+        {
+          backgroundColor: colors.border,
+          marginLeft: resolvedIcon ? s(22) + s(12) : 0,
+          opacity: 0.6
+        }
+      ]
+    }
+  ) : null);
+}
+var styles26 = reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 0,
+    paddingVertical: vs(16),
+    minHeight: vs(54),
+    gap: s(12)
+  },
+  iconContainer: {
+    width: s(22),
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0
+  },
+  labelContainer: {
+    flex: 1,
+    justifyContent: "center"
+  },
+  label: {
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(15)
+  },
+  subtitle: {
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(12),
+    marginTop: vs(1)
+  },
+  rightContainer: {
+    alignItems: "flex-end",
+    justifyContent: "center",
+    flexShrink: 0
+  },
+  separator: {
+    height: reactNative.StyleSheet.hairlineWidth,
+    marginRight: 0
+  },
+  disabled: {
+    opacity: 0.45
+  }
+});
+var nativeDriver12 = reactNative.Platform.OS !== "web";
 function Chip({ label, selected = false, onPress, icon, iconName, style }) {
   const { colors } = useTheme();
   const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
@@ -2998,7 +3123,7 @@ function Chip({ label, selected = false, onPress, icon, iconName, style }) {
   const handlePressIn = () => {
     reactNative.Animated.spring(scale2, {
       toValue: 0.95,
-      useNativeDriver: nativeDriver11,
+      useNativeDriver: nativeDriver12,
       speed: 40,
       bounciness: 0
     }).start();
@@ -3006,7 +3131,7 @@ function Chip({ label, selected = false, onPress, icon, iconName, style }) {
   const handlePressOut = () => {
     reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver11,
+      useNativeDriver: nativeDriver12,
       speed: 40,
       bounciness: 4
     }).start();
@@ -3115,7 +3240,7 @@ function ConfirmDialog({
   const ref = React26.useRef(null);
   React26.useEffect(() => {
     if (visible) {
-      impactLight();
+      impactMedium();
       ref.current?.present();
     } else {
       ref.current?.dismiss();
@@ -3147,7 +3272,10 @@ function ConfirmDialog({
         label: confirmLabel,
         variant: confirmVariant,
         fullWidth: true,
-        onPress: onConfirm,
+        onPress: () => {
+          notificationSuccess();
+          onConfirm();
+        },
         icon: /* @__PURE__ */ React26__default.default.createElement(
           vectorIcons.Feather,
           {
@@ -3163,7 +3291,10 @@ function ConfirmDialog({
         label: cancelLabel,
         variant: "secondary",
         fullWidth: true,
-        onPress: onCancel,
+        onPress: () => {
+          selectionAsync();
+          onCancel();
+        },
         icon: /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
       }
     )))
@@ -3312,7 +3443,7 @@ function useHover() {
 }
 
 // src/components/MediaCard/MediaCard.tsx
-var nativeDriver12 = reactNative.Platform.OS !== "web";
+var nativeDriver13 = reactNative.Platform.OS !== "web";
 var aspectRatioMap = {
   "1:1": 1,
   "4:3": 3 / 4,
@@ -3341,11 +3472,11 @@ function MediaCard({
   const { hovered, hoverHandlers } = useHover();
   const handlePressIn = () => {
     if (!onPress) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.98, useNativeDriver: nativeDriver12, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.98, useNativeDriver: nativeDriver13, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
     if (!onPress) return;
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver12, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver13, speed: 40, bounciness: 4 }).start();
   };
   const handlePress = () => {
     if (!onPress) return;
@@ -3441,6 +3572,7 @@ var styles31 = reactNative.StyleSheet.create({
   },
   meta: {
     paddingTop: vs(8),
+    paddingBottom: vs(4),
     gap: vs(2)
   },
   title: {
@@ -3459,7 +3591,7 @@ var styles31 = reactNative.StyleSheet.create({
     lineHeight: mvs(16)
   }
 });
-var nativeDriver13 = reactNative.Platform.OS !== "web";
+var nativeDriver14 = reactNative.Platform.OS !== "web";
 function CategoryChip({
   item,
   selected,
@@ -3468,10 +3600,10 @@ function CategoryChip({
   const { colors } = useTheme();
   const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver13, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver14, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver13, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver14, speed: 40, bounciness: 4 }).start();
   };
   const bgColor = selected ? colors.primary : colors.surface;
   const textColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
@@ -3576,7 +3708,7 @@ var styles32 = reactNative.StyleSheet.create({
     lineHeight: 14
   }
 });
-var nativeDriver14 = reactNative.Platform.OS !== "web";
+var nativeDriver15 = reactNative.Platform.OS !== "web";
 function Pressable2({
   children,
   onPress,
@@ -3594,7 +3726,7 @@ function Pressable2({
     if (disabled) return;
     reactNative.Animated.spring(scale2, {
       toValue: pressScale,
-      useNativeDriver: nativeDriver14,
+      useNativeDriver: nativeDriver15,
       speed: 40,
       bounciness: 0
     }).start();
@@ -3603,7 +3735,7 @@ function Pressable2({
     if (disabled) return;
     reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver14,
+      useNativeDriver: nativeDriver15,
       speed: 40,
       bounciness
     }).start();
@@ -3677,14 +3809,14 @@ function DetailRow({
       allowFontScaling: true
     },
     label
-  ) : label), separatorStyle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.spacer }), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.valueSide }, /* @__PURE__ */ React26__default.default.createElement(
+  ) : label), separatorStyle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.spacer }), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.valueSide }, typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Text,
     {
       style: [styles33.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
       allowFontScaling: true
     },
     value
-  ), resolvedRightIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.icon }, resolvedRightIcon) : null));
+  ) : value, resolvedRightIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.icon }, resolvedRightIcon) : null));
 }
 var styles33 = reactNative.StyleSheet.create({
   row: {
@@ -3740,6 +3872,14 @@ Object.defineProperty(exports, "BottomSheetModalProvider", {
   enumerable: true,
   get: function () { return bottomSheet.BottomSheetModalProvider; }
 });
+Object.defineProperty(exports, "SheetTextInput", {
+  enumerable: true,
+  get: function () { return bottomSheet.BottomSheetTextInput; }
+});
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonnerNative.toast; }
+});
 exports.Accordion = Accordion;
 exports.AlertBanner = AlertBanner;
 exports.Avatar = Avatar;
@@ -3770,6 +3910,7 @@ exports.Input = Input;
 exports.LabelValue = LabelValue;
 exports.ListItem = ListItem;
 exports.MediaCard = MediaCard;
+exports.MenuItem = MenuItem;
 exports.MonthPicker = MonthPicker;
 exports.Pressable = Pressable2;
 exports.Progress = Progress;