@retray-dev/ui-kit 7.0.1 → 9.0.0

package/dist/index.js

@@ -1,8 +1,7 @@
 'use strict';
 
-var React26 = require('react');
+var React25 = require('react');
 var reactNative = require('react-native');
-var Animated9 = require('react-native-reanimated');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -10,27 +9,37 @@ var Feather = require('@expo/vector-icons/Feather');
 var FontAwesome5 = require('@expo/vector-icons/FontAwesome5');
 var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
 var Ionicons = require('@expo/vector-icons/Ionicons');
+var pressto = require('pressto');
+var Animated13 = require('react-native-reanimated');
+var expoFont = require('expo-font');
 var vectorIcons = require('@expo/vector-icons');
 var expoLinearGradient = require('expo-linear-gradient');
+var reactNativeEase = require('react-native-ease');
 var RNSlider = require('@react-native-community/slider');
 var bottomSheet = require('@gorhom/bottom-sheet');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var picker = require('@react-native-picker/picker');
 var sonnerNative = require('sonner-native');
+var reactNativeGestureHandler = require('react-native-gesture-handler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React26__default = /*#__PURE__*/_interopDefault(React26);
-var Animated9__default = /*#__PURE__*/_interopDefault(Animated9);
+var React25__default = /*#__PURE__*/_interopDefault(React25);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 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 Animated13__default = /*#__PURE__*/_interopDefault(Animated13);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
-// src/theme/ThemeProvider.tsx
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 
 // src/theme/colorUtils.ts
 function hexToRgb(hex) {
@@ -158,52 +167,186 @@ function deriveColors(t, scheme) {
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React26.createContext({
+var ThemeContext = React25.createContext({
   colors: deriveColors(defaultLight, "light"),
   colorScheme: "light"
 });
 function ThemeProvider({ children, theme, colorScheme = "system" }) {
   const systemScheme = reactNative.useColorScheme() ?? "light";
   const resolvedScheme = colorScheme === "system" ? systemScheme : colorScheme;
-  const colors = React26.useMemo(() => {
+  const colors = React25.useMemo(() => {
     const base = resolvedScheme === "dark" ? defaultDark : defaultLight;
     const override = resolvedScheme === "dark" ? theme?.dark : theme?.light;
     const merged = override ? { ...base, ...override } : base;
     return deriveColors(merged, resolvedScheme);
   }, [resolvedScheme, theme]);
-  return /* @__PURE__ */ React26__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
 }
 function useTheme() {
-  const context = React26.useContext(ThemeContext);
+  const context = React25.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
   return context;
 }
 var _haptics = null;
+var _hapticsLoaded = false;
 async function getHaptics() {
   if (reactNative.Platform.OS === "web") return null;
-  if (!_haptics) {
-    _haptics = await import('expo-haptics');
+  if (!_hapticsLoaded) {
+    _hapticsLoaded = true;
+    try {
+      _haptics = await import('expo-haptics');
+    } catch {
+      _haptics = null;
+    }
   }
   return _haptics;
 }
+var _pulsar = null;
+var _pulsarChecked = false;
+var _pulsarAvailable = false;
+function isPulsarNativeRegistered() {
+  try {
+    const g = globalThis;
+    if (typeof g.__turboModuleProxy === "function") {
+      return g.__turboModuleProxy("RNPulsar") != null;
+    }
+    return reactNative.NativeModules?.RNPulsar != null;
+  } catch {
+    return false;
+  }
+}
+function getPulsar() {
+  if (reactNative.Platform.OS === "web") return null;
+  if (!_pulsarChecked) {
+    _pulsarChecked = true;
+    try {
+      if (isPulsarNativeRegistered()) {
+        _pulsar = __require("react-native-pulsar");
+        _pulsarAvailable = true;
+      }
+    } catch {
+      _pulsar = null;
+      _pulsarAvailable = false;
+    }
+  }
+  return _pulsarAvailable ? _pulsar : null;
+}
 function selectionAsync() {
   if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => h?.selectionAsync());
+  getHaptics().then((h) => {
+    if (h) {
+      h.selectionAsync();
+    } else {
+      getPulsar()?.Presets.System.selection();
+    }
+  });
 }
 function impactLight() {
   if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  getHaptics().then((h) => {
+    if (h) {
+      h.impactAsync(h.ImpactFeedbackStyle.Light);
+    } else {
+      getPulsar()?.Presets.System.impactLight();
+    }
+  });
 }
 function impactMedium() {
   if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
+  getHaptics().then((h) => {
+    if (h) {
+      h.impactAsync(h.ImpactFeedbackStyle.Medium);
+    } else {
+      getPulsar()?.Presets.System.impactMedium();
+    }
+  });
+}
+function impactHeavy() {
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => {
+    if (h) {
+      h.impactAsync(h.ImpactFeedbackStyle.Heavy);
+    } else {
+      getPulsar()?.Presets.System.impactHeavy();
+    }
+  });
 }
 function notificationSuccess() {
   if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
+  getHaptics().then((h) => {
+    if (h) {
+      h.notificationAsync(h.NotificationFeedbackType.Success);
+    } else {
+      getPulsar()?.Presets.System.notificationSuccess();
+    }
+  });
+}
+function notificationError() {
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => {
+    if (h) {
+      h.notificationAsync(h.NotificationFeedbackType.Error);
+    } else {
+      getPulsar()?.Presets.System.notificationError();
+    }
+  });
+}
+function notificationWarning() {
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => {
+    if (h) {
+      h.notificationAsync(h.NotificationFeedbackType.Warning);
+    } else {
+      getPulsar()?.Presets.System.notificationWarning();
+    }
+  });
 }
+var richHaptics = {
+  /** Hammer strike — strong confirmation feedback. */
+  hammer: () => {
+    if (reactNative.Platform.OS === "web") return;
+    const p = getPulsar();
+    if (p) p.Presets.hammer();
+    else impactHeavy();
+  },
+  /** Pulse — rhythmic feedback for toggles or state changes. */
+  pulse: () => {
+    if (reactNative.Platform.OS === "web") return;
+    const p = getPulsar();
+    if (p) p.Presets.pulse();
+    else selectionAsync();
+  },
+  /** Buzz — continuous vibration for attention. */
+  buzz: () => {
+    if (reactNative.Platform.OS === "web") return;
+    const p = getPulsar();
+    if (p) p.Presets.buzz();
+    else impactMedium();
+  },
+  /** Flick — crisp click feedback. */
+  flick: () => {
+    if (reactNative.Platform.OS === "web") return;
+    const p = getPulsar();
+    if (p) p.Presets.flick();
+    else selectionAsync();
+  },
+  /** Soft — gentle, subtle feedback. */
+  soft: () => {
+    if (reactNative.Platform.OS === "web") return;
+    const p = getPulsar();
+    if (p) p.Presets.System.impactSoft();
+    else impactLight();
+  },
+  /** Rigid — firm, solid feedback. */
+  rigid: () => {
+    if (reactNative.Platform.OS === "web") return;
+    const p = getPulsar();
+    if (p) p.Presets.System.impactRigid();
+    else impactMedium();
+  }
+};
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
 var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
@@ -250,10 +393,10 @@ function Icon({ name, size, color, family }) {
   }
   if (!resolved) return null;
   const Component = resolved.component;
-  return React26__default.default.createElement(Component, { name, size, color });
+  return React25__default.default.createElement(Component, { name, size, color });
 }
 function renderIcon(name, size, color) {
-  return React26__default.default.createElement(Icon, { name, size, color });
+  return React25__default.default.createElement(Icon, { name, size, color });
 }
 
 // src/tokens.ts
@@ -453,10 +596,7 @@ var SPRINGS = {
   surfacePressIn: { stiffness: 380, damping: 30, mass: 0.95 },
   surfacePressOut: { stiffness: 220, damping: 20, mass: 0.95 },
   /** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
-  glide: { stiffness: 380, damping: 38, mass: 1 },
-  /** Elastic indicator — Switch thumb, RadioGroup dot. */
-  elastic: { stiffness: 320, damping: 22, mass: 0.7 }
-};
+  glide: { stiffness: 380, damping: 38, mass: 1 }};
 var TIMINGS = {
   /** Color/opacity transitions on toggles, checkboxes, switches. */
   state: { duration: 160 },
@@ -471,11 +611,27 @@ var TIMINGS = {
 };
 var EASINGS = {
   /** Material-style ease-out — natural deceleration for state changes. */
-  standard: Animated9.Easing.bezier(0.2, 0, 0, 1),
+  standard: Animated13.Easing.bezier(0.2, 0, 0, 1),
   /** Strong ease-out for expanding surfaces (Accordion open). */
-  expand: Animated9.Easing.bezier(0.23, 1, 0.32, 1),
+  expand: Animated13.Easing.bezier(0.23, 1, 0.32, 1),
   /** Quick ease-in for collapsing. */
-  collapse: Animated9.Easing.in(Animated9.Easing.ease)
+  collapse: Animated13.Easing.in(Animated13.Easing.ease)
+};
+var COLOR_TRANSITION = {
+  type: "timing",
+  duration: TIMINGS.state.duration,
+  easing: [0.2, 0, 0, 1]
+};
+var OPACITY_TRANSITION = {
+  type: "timing",
+  duration: TIMINGS.state.duration,
+  easing: [0.2, 0, 0, 1]
+};
+var SPRING_ELASTIC = {
+  type: "spring",
+  stiffness: 320,
+  damping: 22,
+  mass: 0.7
 };
 var PRESS_SCALE = {
   button: 0.95,
@@ -483,51 +639,36 @@ var PRESS_SCALE = {
   row: 0.97,
   chip: 0.94
 };
-function useHover() {
-  const [hovered, setHovered] = React26.useState(false);
-  const onMouseEnter = React26.useCallback(() => setHovered(true), []);
-  const onMouseLeave = React26.useCallback(() => setHovered(false), []);
-  if (reactNative.Platform.OS !== "web") {
-    return { hovered: false, hoverHandlers: {} };
-  }
-  return { hovered, hoverHandlers: { onMouseEnter, onMouseLeave } };
-}
-
-// src/utils/usePressScale.ts
-function usePressScale({
-  pressScale = PRESS_SCALE.button,
-  hoverScale = 1.02,
-  pressInSpring = SPRINGS.pressIn,
-  pressOutSpring = SPRINGS.pressOut,
-  disabled = false
-} = {}) {
-  const scale2 = Animated9.useSharedValue(1);
-  const { hovered, hoverHandlers } = useHover();
-  const onPressIn = React26.useCallback(() => {
-    if (disabled) return;
-    scale2.value = Animated9.withSpring(pressScale, pressInSpring);
-  }, [disabled, pressScale, pressInSpring, scale2]);
-  const onPressOut = React26.useCallback(() => {
-    if (disabled) return;
-    scale2.value = Animated9.withSpring(1, pressOutSpring);
-  }, [disabled, pressOutSpring, scale2]);
-  const hoverActive = reactNative.Platform.OS === "web" && hovered && hoverScale !== 1 && !disabled;
-  const animatedStyle = Animated9.useAnimatedStyle(() => ({
-    transform: [
-      { scale: scale2.value * (hoverActive ? hoverScale : 1) }
-    ]
-  }));
-  return {
-    animatedStyle,
-    onPressIn,
-    onPressOut,
-    hoverHandlers
-  };
-}
+var PressableButton = pressto.createAnimatedPressable((progress) => {
+  "worklet";
+  const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
+  return { transform: [{ scale: scale2 }] };
+});
+var PressableCard = pressto.createAnimatedPressable((progress) => {
+  "worklet";
+  const scale2 = 1 - (1 - PRESS_SCALE.card) * progress;
+  return { transform: [{ scale: scale2 }] };
+});
+var PressableRow = pressto.createAnimatedPressable((progress) => {
+  "worklet";
+  const scale2 = 1 - (1 - PRESS_SCALE.row) * progress;
+  return { transform: [{ scale: scale2 }] };
+});
+var PressableChip = pressto.createAnimatedPressable((progress) => {
+  "worklet";
+  const scale2 = 1 - (1 - PRESS_SCALE.chip) * progress;
+  return { transform: [{ scale: scale2 }] };
+});
+var PressableTab = pressto.createAnimatedPressable((progress) => {
+  "worklet";
+  const scale2 = 1 - (1 - PRESS_SCALE.button) * progress;
+  return { transform: [{ scale: scale2 }] };
+});
 
 // src/components/Button/Button.tsx
 var containerSizeStyles = {
-  sm: { paddingHorizontal: s(16), paddingVertical: vs(10), minHeight: 40 },
+  // AUDIT FIX: sm was 40pt — below Apple HIG 44pt minimum touch target.
+  sm: { paddingHorizontal: s(16), paddingVertical: vs(12), minHeight: 44 },
   md: { paddingHorizontal: s(24), paddingVertical: vs(14), minHeight: 48 },
   lg: { paddingHorizontal: s(28), paddingVertical: vs(16), minHeight: 56 }
 };
@@ -551,18 +692,13 @@ function ButtonBase({
   style,
   onPress,
   accessibilityLabel,
-  accessibilityHint,
-  ...props
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled: isDisabled
-  });
-  const handlePress = (e) => {
+  const handlePress = () => {
     impactMedium();
-    onPress?.(e);
+    onPress?.();
   };
   const containerVariantStyle = {
     primary: { backgroundColor: colors.primary },
@@ -585,56 +721,47 @@ function ButtonBase({
   const styleArray = Array.isArray(style) ? style : style ? [style] : [];
   const flatStyle = reactNative.StyleSheet.flatten(styleArray);
   const { flex, ...restStyle } = flatStyle || {};
-  return /* @__PURE__ */ React26__default.default.createElement(
-    Animated9__default.default.View,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React25__default.default.createElement(
+    PressableButton,
     {
-      style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }, animatedStyle],
-      ...hoverHandlers
+      style: [
+        styles.base,
+        containerVariantStyle,
+        containerSizeStyles[size],
+        fullWidth && styles.fullWidth,
+        isDisabled && styles.disabled,
+        restStyle
+      ],
+      enabled: !isDisabled,
+      onPress: handlePress,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      activateOnHover: true,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityHint,
+      accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.TouchableOpacity,
+    loading ? /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Text,
       {
-        style: [
-          styles.base,
-          containerVariantStyle,
-          containerSizeStyles[size],
-          fullWidth && styles.fullWidth,
-          isDisabled && styles.disabled,
-          restStyle
-        ],
-        disabled: isDisabled,
-        activeOpacity: 1,
-        touchSoundDisabled: true,
-        onPress: handlePress,
-        onPressIn,
-        onPressOut,
-        accessibilityRole: "button",
-        accessibilityLabel: accessibilityLabel ?? label,
-        accessibilityHint,
-        accessibilityState: { disabled: isDisabled, busy: loading },
-        ...props
+        style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
+        allowFontScaling: true,
+        numberOfLines: 1
       },
-      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],
-          allowFontScaling: true,
-          numberOfLines: 1
-        },
-        label
-      ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon))
-    )
-  );
+      label
+    )) : /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
+        allowFontScaling: true,
+        numberOfLines: 1
+      },
+      label
+    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon))
+  ));
 }
-var Button = React26__default.default.memo(ButtonBase);
+var Button = React25__default.default.memo(ButtonBase);
 var styles = reactNative.StyleSheet.create({
   base: {
     borderRadius: RADIUS.md,
@@ -660,7 +787,7 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 function ButtonGroup({ children, gap = 12, vertical = false, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -670,8 +797,8 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
         style
       ]
     },
-    React26__default.default.Children.map(children, (child) => {
-      if (!React26__default.default.isValidElement(child)) return child;
+    React25__default.default.Children.map(children, (child) => {
+      if (!React25__default.default.isValidElement(child)) return child;
       const childProps = child.props;
       const extraProps = {
         style: [child.props.style, { flex: 1 }]
@@ -679,7 +806,7 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
       if (!vertical && "label" in childProps && childProps["size"] === void 0) {
         extraProps["size"] = "sm";
       }
-      return React26__default.default.cloneElement(child, extraProps);
+      return React25__default.default.cloneElement(child, extraProps);
     })
   );
 }
@@ -695,7 +822,8 @@ var styles2 = reactNative.StyleSheet.create({
   }
 });
 var sizeMap = {
-  sm: { container: s(32), icon: 16 },
+  // AUDIT FIX: sm was 32pt — below Apple HIG 44pt minimum touch target.
+  sm: { container: s(44), icon: 18 },
   md: { container: s(44), icon: 20 },
   lg: { container: s(52), icon: 24 }
 };
@@ -711,18 +839,13 @@ function IconButtonBase({
   style,
   onPress,
   accessibilityLabel,
-  accessibilityHint,
-  ...props
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled: isDisabled
-  });
-  const handlePress = (e) => {
+  const handlePress = () => {
     impactLight();
-    onPress?.(e);
+    onPress?.();
   };
   const containerVariantStyle = {
     primary: { backgroundColor: colors.primary },
@@ -744,44 +867,34 @@ function IconButtonBase({
   const showBadge = badge !== void 0 && badge !== false && badge !== 0;
   const badgeCount = typeof badge === "number" ? Math.min(badge, 99) : null;
   const showCount = typeof badge === "number" && badge > 0;
-  return /* @__PURE__ */ React26__default.default.createElement(
-    Animated9__default.default.View,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React25__default.default.createElement(
+    PressableButton,
     {
-      style: [styles3.wrapper, animatedStyle],
-      ...hoverHandlers
+      style: [
+        styles3.base,
+        containerVariantStyle,
+        { width: containerSize, height: containerSize },
+        isDisabled && styles3.disabled,
+        style
+      ],
+      enabled: !isDisabled,
+      onPress: handlePress,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      activateOnHover: true,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? iconName ?? "icon button",
+      accessibilityHint,
+      accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.TouchableOpacity,
-      {
-        style: [
-          styles3.base,
-          containerVariantStyle,
-          { width: containerSize, height: containerSize },
-          isDisabled && styles3.disabled,
-          style
-        ],
-        disabled: isDisabled,
-        activeOpacity: 1,
-        touchSoundDisabled: true,
-        onPress: handlePress,
-        onPressIn,
-        onPressOut,
-        accessibilityRole: "button",
-        accessibilityLabel: accessibilityLabel ?? iconName ?? "icon button",
-        accessibilityHint,
-        accessibilityState: { disabled: isDisabled, busy: loading },
-        ...props
-      },
-      loading ? /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
-    ),
-    showBadge && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [
-      styles3.badge,
-      { backgroundColor: colors.primary },
-      showCount ? styles3.badgeCount : styles3.badgeDot
-    ] }, showCount && /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount))
-  );
+    loading ? /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
+  ), showBadge && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [
+    styles3.badge,
+    { backgroundColor: colors.primary },
+    showCount ? styles3.badgeCount : styles3.badgeDot
+  ] }, showCount && /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
 }
-var IconButton = React26__default.default.memo(IconButtonBase);
+var IconButton = React25__default.default.memo(IconButtonBase);
 var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
@@ -818,6 +931,22 @@ var styles3 = reactNative.StyleSheet.create({
     lineHeight: 14
   }
 });
+var warned = false;
+function warnIfFontsMissing() {
+  if (warned) return;
+  if (typeof __DEV__ !== "undefined" && !__DEV__) return;
+  warned = true;
+  try {
+    if (!expoFont.isLoaded("Sohne-Regular")) {
+      console.warn(
+        "[retray-ui-kit] Sohne fonts are not loaded \u2014 text will fall back to the system font. Load them at your app root before rendering any UI kit component:\n\n  import { useFonts } from 'expo-font'\n  import { SohneFonts } from '@retray-dev/ui-kit/fonts'\n\n  const [fontsLoaded] = useFonts(SohneFonts)\n  if (!fontsLoaded) return null\n"
+      );
+    }
+  } catch {
+  }
+}
+
+// src/components/Text/Text.tsx
 var variantStyles = {
   "display-hero": { ...TYPOGRAPHY["display-hero"], fontSize: ms(TYPOGRAPHY["display-hero"].fontSize), lineHeight: mvs(TYPOGRAPHY["display-hero"].lineHeight) },
   "display-xl": { ...TYPOGRAPHY["display-xl"], fontSize: ms(TYPOGRAPHY["display-xl"].fontSize), lineHeight: mvs(TYPOGRAPHY["display-xl"].lineHeight) },
@@ -856,10 +985,11 @@ var defaultColorVariant = {
   "button-sm": "foreground"
 };
 function TextBase({ variant = "body-md", color, style, children, ...props }) {
+  warnIfFontsMissing();
   const { colors } = useTheme();
   const colorKey = defaultColorVariant[variant] ?? "foreground";
   const resolvedColor = color ?? colors[colorKey];
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [variantStyles[variant], { color: resolvedColor }, style],
@@ -869,12 +999,12 @@ function TextBase({ variant = "body-md", color, style, children, ...props }) {
     children
   );
 }
-var Text3 = React26__default.default.memo(TextBase);
+var Text3 = React25__default.default.memo(TextBase);
 function useColorTransition(active, options = {}) {
   const { duration = TIMINGS.state.duration } = options;
-  const progress = Animated9.useSharedValue(active ? 1 : 0);
-  React26.useEffect(() => {
-    progress.value = Animated9.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
+  const progress = Animated13.useSharedValue(active ? 1 : 0);
+  React25.useEffect(() => {
+    progress.value = Animated13.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
   }, [active, duration, progress]);
   return progress;
 }
@@ -883,8 +1013,8 @@ function useColorTransition(active, options = {}) {
 var webInputResetStyle = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
 function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, ...props }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React26.useState(false);
-  const [showPassword, setShowPassword] = React26.useState(false);
+  const [focused, setFocused] = React25.useState(false);
+  const [showPassword, setShowPassword] = React25.useState(false);
   const focusProgress = useColorTransition(focused, {
     duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
   });
@@ -892,7 +1022,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
   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(
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => setShowPassword(!showPassword),
@@ -901,14 +1031,14 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityRole: "button",
       accessibilityLabel: showPassword ? "Hide password" : "Show password"
     },
-    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
   ) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : suffix;
-  const borderAnimStyle = Animated9.useAnimatedStyle(() => ({
-    borderColor: error ? colors.destructive : Animated9.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
-    borderWidth: error ? 2 : Animated9.interpolate(focusProgress.value, [0, 1], [1, 2])
+  const borderAnimStyle = Animated13.useAnimatedStyle(() => ({
+    borderColor: error ? colors.destructive : Animated13.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
+    borderWidth: error ? 2 : Animated13.interpolate(focusProgress.value, [0, 1], [1, 2])
   }));
-  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(
-    Animated9__default.default.View,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__default.default.createElement(
+    Animated13__default.default.View,
     {
       style: [
         styles4.inputWrapper,
@@ -916,9 +1046,9 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         inputWrapperStyle
       ]
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles4.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
-    /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [styles4.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
+    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
@@ -943,8 +1073,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         ...props
       }
     ),
-    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
-  ), error ? /* @__PURE__ */ React26__default.default.createElement(
+    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
+  ), error ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [styles4.helperText, { color: colors.destructive }],
@@ -952,7 +1082,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+  ) : null, !error && hint ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles4 = reactNative.StyleSheet.create({
   container: {
@@ -1055,9 +1185,19 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
   }[variant];
   const effectiveIcon = iconName ? renderIcon(iconName, sizeIconSize[size], iconColor ?? textColor) : icon;
   const content = children ?? label;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon, typeof content === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
+  const a11yLabel = typeof content === "string" ? content : label;
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.View,
+    {
+      style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style],
+      accessibilityRole: "text",
+      accessibilityLabel: a11yLabel
+    },
+    effectiveIcon,
+    typeof content === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content
+  );
 }
-var Badge = React26__default.default.memo(BadgeBase);
+var Badge = React25__default.default.memo(BadgeBase);
 var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
@@ -1071,12 +1211,6 @@ var styles5 = reactNative.StyleSheet.create({
 });
 function Card({ children, variant = "elevated", onPress, style, accessibilityLabel }) {
   const { colors } = useTheme();
-  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.card,
-    pressInSpring: SPRINGS.surfacePressIn,
-    pressOutSpring: SPRINGS.surfacePressOut,
-    disabled: !onPress
-  });
   const handlePress = () => {
     if (!onPress) return;
     impactLight();
@@ -1108,40 +1242,39 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
       elevation: 0
     }
   }[variant];
-  const cardContent = /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
+  const cardContent = /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: animatedStyle, ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.TouchableOpacity,
+    return /* @__PURE__ */ React25__default.default.createElement(
+      PressableCard,
       {
         onPress: handlePress,
-        onPressIn,
-        onPressOut,
-        activeOpacity: 1,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
+        activateOnHover: true,
         accessibilityRole: "button",
         accessibilityLabel
       },
       cardContent
-    ));
+    );
   }
   return cardContent;
 }
 function CardHeader({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
 }
 function CardTitle({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
 }
 function CardDescription({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
 }
 function CardContent({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
 }
 function CardFooter({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
 }
 var styles6 = reactNative.StyleSheet.create({
   card: {
@@ -1179,7 +1312,7 @@ var styles6 = reactNative.StyleSheet.create({
 });
 function Separator({ orientation = "horizontal", style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1212,17 +1345,38 @@ var labelFontSize = {
 };
 function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
+  const a11yLabel = label || "Loading";
   if (label) {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles8.wrapper }, /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }), /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Text,
+    return /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.View,
       {
-        style: [styles8.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
-        allowFontScaling: true
+        style: styles8.wrapper,
+        accessibilityRole: "progressbar",
+        accessibilityLabel: a11yLabel,
+        accessibilityState: { busy: true }
       },
-      label
-    ));
+      /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles8.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
+          allowFontScaling: true
+        },
+        label
+      )
+    );
   }
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props });
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.ActivityIndicator,
+    {
+      size: sizeMap2[size],
+      color: color ?? colors.primary,
+      accessibilityRole: "progressbar",
+      accessibilityLabel: a11yLabel,
+      accessibilityState: { busy: true },
+      ...props
+    }
+  );
 }
 var styles8 = reactNative.StyleSheet.create({
   wrapper: {
@@ -1243,23 +1397,23 @@ function Skeleton({
   style
 }) {
   const { colors, colorScheme } = useTheme();
-  const shimmer = Animated9.useSharedValue(0);
-  const [containerWidth, setContainerWidth] = React26.useState(300);
+  const shimmer = Animated13.useSharedValue(0);
+  const [containerWidth, setContainerWidth] = React25.useState(300);
   const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
-  React26.useEffect(() => {
-    shimmer.value = Animated9.withRepeat(
-      Animated9.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated9.Easing.linear }),
+  React25.useEffect(() => {
+    shimmer.value = Animated13.withRepeat(
+      Animated13.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated13.Easing.linear }),
       -1,
       false
     );
   }, [shimmer]);
-  const shimmerStyle = Animated9.useAnimatedStyle(() => ({
+  const shimmerStyle = Animated13.useAnimatedStyle(() => ({
     transform: [{ translateX: -containerWidth + shimmer.value * (containerWidth * 2) }]
   }));
   const resolvedWidth = preset === "circle" ? s(diameter) : preset === "text" ? "60%" : width;
   const resolvedHeight = preset === "circle" ? s(diameter) : preset === "text" ? 14 : height;
   const resolvedRadius = preset === "circle" ? 9999 : preset === "text" ? 4 : borderRadius;
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1272,7 +1426,7 @@ function Skeleton({
       accessibilityLabel: "Loading",
       accessibilityState: { busy: true }
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React25__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1283,11 +1437,66 @@ function Skeleton({
     ))
   );
 }
+var aspectRatioMap = {
+  "1:1": 1,
+  "4:3": 3 / 4,
+  "16:9": 9 / 16,
+  "4:5": 5 / 4,
+  "3:2": 2 / 3
+};
+function MediaCardSkeleton({ aspectRatio = "4:3", showSubtitle = true, style }) {
+  const ratio = aspectRatioMap[aspectRatio];
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "45%", height: vs(12), borderRadius: RADIUS.xs }) : null));
+}
+function ListItemSkeleton({ showAvatar = true, showSubtitle = true, style }) {
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React25__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "40%", height: vs(12), borderRadius: RADIUS.xs }) : null));
+}
+function ListSkeleton({
+  count = 6,
+  columns = 1,
+  gap = 12,
+  aspectRatio = "4:3",
+  showAvatar = true,
+  style
+}) {
+  if (columns <= 1) {
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React25__default.default.createElement(ListItemSkeleton, { key: i, showAvatar })));
+  }
+  const widthPct = `${100 / columns}%`;
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React25__default.default.createElement(MediaCardSkeleton, { aspectRatio }))));
+}
+Skeleton.MediaCard = MediaCardSkeleton;
+Skeleton.ListItem = ListItemSkeleton;
+Skeleton.List = ListSkeleton;
 var styles9 = reactNative.StyleSheet.create({
   base: {
     overflow: "hidden"
   }
 });
+var skeletonStyles = reactNative.StyleSheet.create({
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  fill: {
+    width: "100%",
+    height: "100%"
+  },
+  meta: {
+    paddingTop: vs(8),
+    gap: vs(6)
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(12),
+    paddingVertical: vs(8)
+  },
+  rowText: {
+    flex: 1,
+    gap: vs(6)
+  }
+});
 var sizeMap3 = {
   sm: s(28),
   md: s(40),
@@ -1317,13 +1526,13 @@ function getInitials(fallback, fallbackText) {
 }
 function AvatarBase({ src, fallback, fallbackText, size = "md", status, style }) {
   const { colors } = useTheme();
-  const [imageError, setImageError] = React26.useState(false);
+  const [imageError, setImageError] = React25.useState(false);
   const dimension = typeof size === "number" ? size : sizeMap3[size];
   const fontSize = typeof size === "number" ? size * 0.38 : fontSizeMap[size];
   const showFallback = !src || imageError;
   const statusSize = typeof size === "number" ? size * 0.25 : statusSizeMap[size];
   const statusColor = {
-    online: "#22c55e",
+    online: colors.success,
     offline: "transparent",
     busy: colors.destructive,
     away: colors.warning
@@ -1335,38 +1544,48 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     backgroundColor: colors.surface,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles10.wrapper, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.Image,
-    {
-      source: { uri: src },
-      style: { width: dimension, height: dimension },
-      onError: () => setImageError(true)
-    }
-  ) : /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.Text,
-    {
-      style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
-      allowFontScaling: true
-    },
-    getInitials(fallback, fallbackText)
-  )), status && /* @__PURE__ */ React26__default.default.createElement(
+  const a11yLabel = fallbackText || fallback || "Avatar";
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
-      style: [
-        styles10.statusDot,
-        {
-          width: statusSize,
-          height: statusSize,
-          borderRadius: statusSize / 2,
-          backgroundColor: statusColor[status],
-          borderWidth: status === "offline" ? 2 : 1.5,
-          borderColor: status === "offline" ? colors.border : colors.background
-        }
-      ]
-    }
-  ));
+      style: [styles10.wrapper, style],
+      accessibilityRole: "image",
+      accessibilityLabel: a11yLabel
+    },
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Image,
+      {
+        source: { uri: src },
+        style: { width: dimension, height: dimension },
+        onError: () => setImageError(true)
+      }
+    ) : /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
+        allowFontScaling: true
+      },
+      getInitials(fallback, fallbackText)
+    )),
+    status && /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.View,
+      {
+        style: [
+          styles10.statusDot,
+          {
+            width: statusSize,
+            height: statusSize,
+            borderRadius: statusSize / 2,
+            backgroundColor: statusColor[status],
+            borderWidth: status === "offline" ? 2 : 1.5,
+            borderColor: status === "offline" ? colors.border : colors.background
+          }
+        ]
+      }
+    )
+  );
 }
-var Avatar = React26__default.default.memo(AvatarBase);
+var Avatar = React25__default.default.memo(AvatarBase);
 var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -1391,24 +1610,27 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
   const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.foreground;
   const bgColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.15)" : "rgba(199, 40, 40, 0.10)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.15)" : "rgba(26, 122, 69, 0.10)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.15)" : "rgba(154, 82, 0, 0.10)" : colors.surface;
   const borderColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.30)" : "rgba(199, 40, 40, 0.25)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.30)" : "rgba(26, 122, 69, 0.25)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.30)" : "rgba(154, 82, 0, 0.25)" : colors.border;
-  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 }) : (
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
     // AUDIT FIX: default variant previously used colors.primary (near-black)
     // as the info icon tint — ambiguous and heavy. accentResolved gives it
     // a meaningful chromatic signal when an accent is defined.
-    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor })
+    /* @__PURE__ */ React25__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(
+  const a11yLabel = description ? `${title}. ${description}` : title;
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
         styles11.container,
         { backgroundColor: bgColor, borderWidth: 1, borderColor },
         style
-      ]
+      ],
+      accessibilityRole: "alert",
+      accessibilityLabel: a11yLabel
     },
-    /* @__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.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null)
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null)
   );
 }
 var styles11 = reactNative.StyleSheet.create({
@@ -1439,17 +1661,17 @@ var styles11 = reactNative.StyleSheet.create({
 function Progress({ value = 0, max = 100, variant = "default", style, accessibilityLabel }) {
   const { colors } = useTheme();
   const percent = Math.min(Math.max(value / max * 100, 0), 100);
-  const [trackWidth, setTrackWidth] = React26.useState(0);
-  const animatedWidth = Animated9.useSharedValue(0);
-  React26.useEffect(() => {
+  const [trackWidth, setTrackWidth] = React25.useState(0);
+  const animatedWidth = Animated13.useSharedValue(0);
+  React25.useEffect(() => {
     if (trackWidth === 0) return;
-    animatedWidth.value = Animated9.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
+    animatedWidth.value = Animated13.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
   }, [percent, trackWidth, animatedWidth]);
-  const indicatorAnimatedStyle = Animated9.useAnimatedStyle(() => ({
+  const indicatorAnimatedStyle = Animated13.useAnimatedStyle(() => ({
     width: animatedWidth.value
   }));
   const indicatorColor = variant === "success" ? colors.success : variant === "warning" ? colors.warning : variant === "destructive" ? colors.destructive : colors.primary;
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [styles12.track, { backgroundColor: colors.surface }, style],
@@ -1458,8 +1680,8 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
       accessibilityLabel,
       accessibilityValue: { min: 0, max: 100, now: Math.round(percent) }
     },
-    /* @__PURE__ */ React26__default.default.createElement(
-      Animated9__default.default.View,
+    /* @__PURE__ */ React25__default.default.createElement(
+      Animated13__default.default.View,
       {
         style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
       }
@@ -1482,7 +1704,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
   const { colors } = useTheme();
   const isCompact = size === "compact";
   const effectiveIcon = iconName ? renderIcon(iconName, isCompact ? 32 : 48, iconColor ?? colors.foregroundMuted) : icon;
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1492,7 +1714,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React26__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1503,15 +1725,15 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [styles13.title, isCompact && styles13.titleCompact, { color: colors.foreground }],
         allowFontScaling: true
       },
       title
-    ), description && !isCompact ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : 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)
+    ), description && !isCompact ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
+    !isCompact && (action ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React25__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
   );
 }
 var styles13 = reactNative.StyleSheet.create({
@@ -1520,9 +1742,12 @@ var styles13 = reactNative.StyleSheet.create({
     justifyContent: "center",
     borderWidth: 1,
     borderStyle: "dashed",
-    borderRadius: ms(12)
+    borderRadius: ms(12),
+    paddingBottom: vs(32)
+  },
+  containerCompact: {
+    paddingBottom: vs(20)
   },
-  containerCompact: {},
   iconWrapper: {
     width: s(80),
     height: s(80),
@@ -1561,7 +1786,6 @@ var styles13 = reactNative.StyleSheet.create({
   },
   action: {
     marginTop: vs(8),
-    marginBottom: s(32),
     paddingHorizontal: s(32)
   }
 });
@@ -1582,26 +1806,26 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React26.useState(false);
+  const [focused, setFocused] = React25.useState(false);
   const focusProgress = useColorTransition(focused, {
     duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
   });
   const resolvedPrefixIcon = prefixIcon ? renderIcon(prefixIcon, ms(16), prefixIconColor ?? colors.foregroundMuted) : prefixIconNode;
-  const borderAnimStyle = Animated9.useAnimatedStyle(() => ({
-    borderColor: error ? colors.destructive : Animated9.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
-    borderWidth: error ? 2 : Animated9.interpolate(focusProgress.value, [0, 1], [1, 2])
+  const borderAnimStyle = Animated13.useAnimatedStyle(() => ({
+    borderColor: error ? colors.destructive : Animated13.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
+    borderWidth: error ? 2 : Animated13.interpolate(focusProgress.value, [0, 1], [1, 2])
   }));
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React26__default.default.createElement(
-    Animated9__default.default.View,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__default.default.createElement(
+    Animated13__default.default.View,
     {
       style: [
         styles14.inputWrapper,
         { backgroundColor: colors.background }
       ]
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    resolvedPrefixIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
-    /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
+    resolvedPrefixIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TextInput,
       {
         multiline: true,
@@ -1630,7 +1854,7 @@ function Textarea({
         ...props
       }
     )
-  ), error ? /* @__PURE__ */ React26__default.default.createElement(
+  ), error ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [styles14.helperText, { color: colors.destructive }],
@@ -1638,7 +1862,7 @@ function Textarea({
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+  ) : null, !error && hint ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles14 = reactNative.StyleSheet.create({
   container: {
@@ -1690,41 +1914,39 @@ function Checkbox({
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { animatedStyle: scaleStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled
-  });
-  const progress = useColorTransition(checked);
-  const boxStyle = Animated9.useAnimatedStyle(() => ({
-    borderColor: Animated9.interpolateColor(progress.value, [0, 1], [colors.border, colors.primary]),
-    backgroundColor: Animated9.interpolateColor(progress.value, [0, 1], ["transparent", colors.primary])
-  }));
-  const checkStyle = Animated9.useAnimatedStyle(() => ({
-    opacity: Animated9.withTiming(checked ? 1 : 0, { duration: TIMINGS.state.duration, easing: EASINGS.standard })
-  }));
+  const handlePress = () => {
+    selectionAsync();
+    onCheckedChange?.(!checked);
+  };
   return (
     // AUDIT FIX: opacity was applied only to the box, leaving the label at full
     // opacity when disabled — a contradictory visual signal. Now the entire row
     // dims uniformly so label and control communicate the same disabled state.
-    /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.TouchableOpacity,
+    /* @__PURE__ */ React25__default.default.createElement(
+      PressableButton,
       {
         style: [styles15.row, disabled && styles15.rowDisabled, style],
-        onPress: () => {
-          selectionAsync();
-          onCheckedChange?.(!checked);
-        },
-        onPressIn,
-        onPressOut,
-        disabled,
-        activeOpacity: 1,
+        onPress: handlePress,
+        enabled: !disabled,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
         accessibilityRole: "checkbox",
         accessibilityLabel: accessibilityLabel ?? label,
         accessibilityState: { checked, disabled: !!disabled }
       },
-      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles15.box, boxStyle] }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: checkStyle }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] })))),
-      label ? /* @__PURE__ */ React26__default.default.createElement(
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          style: styles15.box,
+          animate: {
+            borderColor: checked ? colors.primary : colors.border,
+            backgroundColor: checked ? colors.primary : "transparent"
+          },
+          transition: COLOR_TRANSITION
+        },
+        /* @__PURE__ */ React25__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
+      ),
+      label ? /* @__PURE__ */ React25__default.default.createElement(
         reactNative.Text,
         {
           style: [styles15.label, { color: colors.foreground }],
@@ -1774,35 +1996,7 @@ var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
 var ICON_SIZE = s(13);
 function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel }) {
   const { colors } = useTheme();
-  const progress = Animated9.useSharedValue(checked ? 1 : 0);
-  React26.useEffect(() => {
-    progress.value = Animated9.withSpring(checked ? 1 : 0, SPRINGS.elastic);
-  }, [checked, progress]);
-  const thumbStyle = Animated9.useAnimatedStyle(() => ({
-    transform: [{ translateX: progress.value * THUMB_TRAVEL }]
-  }));
-  const trackStyle = Animated9.useAnimatedStyle(() => ({
-    backgroundColor: Animated9.interpolateColor(
-      progress.value,
-      [0, 1],
-      [colors.surfaceStrong, colors.primary]
-    )
-  }));
-  const trackBorderStyle = Animated9.useAnimatedStyle(() => ({
-    borderWidth: 1.5,
-    borderColor: Animated9.interpolateColor(
-      progress.value,
-      [0, 1],
-      [colors.border, "transparent"]
-    )
-  }));
-  const checkIconStyle = Animated9.useAnimatedStyle(() => ({
-    opacity: Animated9.withTiming(checked ? 1 : 0, { duration: TIMINGS.state.duration, easing: EASINGS.standard })
-  }));
-  const crossIconStyle = Animated9.useAnimatedStyle(() => ({
-    opacity: Animated9.withTiming(checked ? 0 : 1, { duration: TIMINGS.state.duration, easing: EASINGS.standard })
-  }));
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1, alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1, alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -1817,14 +2011,33 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
       accessibilityState: { checked, disabled: !!disabled },
       style: styles16.touchable
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.track, trackStyle] }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.trackBorder, trackBorderStyle], pointerEvents: "none" }), /* @__PURE__ */ React26__default.default.createElement(
-      Animated9__default.default.View,
+    /* @__PURE__ */ React25__default.default.createElement(
+      reactNativeEase.EaseView,
       {
-        style: [styles16.thumb, { backgroundColor: colors.primaryForeground }, thumbStyle]
+        style: styles16.track,
+        animate: { backgroundColor: checked ? colors.primary : colors.surfaceStrong },
+        transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.iconWrapper, checkIconStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })),
-      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.iconWrapper, crossIconStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted }))
-    ))
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          style: [styles16.trackBorder, { borderWidth: 1.5 }],
+          pointerEvents: "none",
+          animate: { borderColor: checked ? "transparent" : colors.border },
+          transition: COLOR_TRANSITION
+        }
+      ),
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          style: [styles16.thumb, { backgroundColor: colors.primaryForeground }],
+          animate: { translateX: checked ? THUMB_TRAVEL : 0 },
+          transition: SPRING_ELASTIC
+        },
+        /* @__PURE__ */ React25__default.default.createElement(reactNativeEase.EaseView, { style: styles16.iconWrapper, animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })),
+        /* @__PURE__ */ React25__default.default.createElement(reactNativeEase.EaseView, { style: styles16.iconWrapper, animate: { opacity: checked ? 0 : 1 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted }))
+      )
+    )
   ));
 }
 var styles16 = reactNative.StyleSheet.create({
@@ -1868,15 +2081,15 @@ function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconC
     return prop;
   };
   if (pressed) {
-    if (activeIconName) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
+    if (activeIconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
     const active = renderProp(activeIcon);
-    if (active) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, active);
-    return /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
+    if (active) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, active);
+    return /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
   }
-  if (iconName) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
+  if (iconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
   const custom = renderProp(icon);
-  if (custom) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, custom);
-  return /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });
+  if (custom) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, custom);
+  return /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });
 }
 var sizeStyles = {
   sm: { paddingHorizontal: s(12), paddingVertical: vs(8), minWidth: s(40), minHeight: vs(40) },
@@ -1898,75 +2111,61 @@ function Toggle({
   activeIconColor,
   disabled,
   style,
-  accessibilityLabel,
-  ...props
+  accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled
-  });
-  const progress = useColorTransition(pressed);
   const inactiveBorder = variant === "outline" ? colors.border : "transparent";
-  const surfaceStyle = Animated9.useAnimatedStyle(() => ({
-    borderColor: Animated9.interpolateColor(progress.value, [0, 1], [inactiveBorder, colors.primary]),
-    backgroundColor: Animated9.interpolateColor(progress.value, [0, 1], ["transparent", colors.surfaceStrong])
-  }));
-  const textStyle = Animated9.useAnimatedStyle(() => ({
-    color: Animated9.interpolateColor(progress.value, [0, 1], [colors.foreground, colors.primary])
-  }));
   const iconSize = iconSizeMap2[size];
-  return /* @__PURE__ */ React26__default.default.createElement(
-    Animated9__default.default.View,
+  const handlePress = () => {
+    selectionAsync();
+    onPressedChange?.(!pressed);
+  };
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React25__default.default.createElement(
+    PressableButton,
     {
-      style: [scaleStyle, disabled && styles17.disabled, style],
-      ...hoverHandlers
+      onPress: handlePress,
+      enabled: !disabled,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      activateOnHover: true,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityState: { selected: pressed, disabled: !!disabled }
     },
-    /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.TouchableOpacity,
+    /* @__PURE__ */ React25__default.default.createElement(
+      reactNativeEase.EaseView,
       {
-        onPress: () => {
-          selectionAsync();
-          onPressedChange?.(!pressed);
+        style: [styles17.base, sizeStyles[size], { borderWidth: 2 }],
+        animate: {
+          borderColor: pressed ? colors.primary : inactiveBorder,
+          backgroundColor: pressed ? colors.surfaceStrong : "transparent"
         },
-        onPressIn,
-        onPressOut,
-        disabled,
-        activeOpacity: 1,
-        touchSoundDisabled: true,
-        accessibilityRole: "button",
-        accessibilityLabel: accessibilityLabel ?? label,
-        accessibilityState: { selected: pressed, disabled: !!disabled },
-        ...props
+        transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React26__default.default.createElement(
-        Animated9__default.default.View,
+      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React25__default.default.createElement(
+        ToggleIcon,
+        {
+          pressed,
+          iconName,
+          activeIconName,
+          icon,
+          activeIcon,
+          iconColor,
+          activeIconColor,
+          iconSize,
+          primaryColor: colors.primary,
+          mutedColor: colors.foregroundMuted
+        }
+      ), label ? /* @__PURE__ */ React25__default.default.createElement(
+        reactNative.Text,
         {
-          style: [
-            styles17.base,
-            sizeStyles[size],
-            { borderWidth: 2 },
-            surfaceStyle
-          ]
+          style: [styles17.label, { color: pressed ? colors.primary : colors.foreground }],
+          allowFontScaling: true
         },
-        /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React26__default.default.createElement(
-          ToggleIcon,
-          {
-            pressed,
-            iconName,
-            activeIconName,
-            icon,
-            activeIcon,
-            iconColor,
-            activeIconColor,
-            iconSize,
-            primaryColor: colors.primary,
-            mutedColor: colors.foregroundMuted
-          }
-        ), label ? /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.Text, { style: [styles17.label, textStyle], allowFontScaling: true }, label) : null)
-      )
+        label
+      ) : null)
     )
-  );
+  ));
 }
 var styles17 = reactNative.StyleSheet.create({
   base: {
@@ -1986,6 +2185,49 @@ var styles17 = reactNative.StyleSheet.create({
     fontSize: ms(14)
   }
 });
+function useHover() {
+  const [hovered, setHovered] = React25.useState(false);
+  const onMouseEnter = React25.useCallback(() => setHovered(true), []);
+  const onMouseLeave = React25.useCallback(() => setHovered(false), []);
+  if (reactNative.Platform.OS !== "web") {
+    return { hovered: false, hoverHandlers: {} };
+  }
+  return { hovered, hoverHandlers: { onMouseEnter, onMouseLeave } };
+}
+
+// src/utils/usePressScale.ts
+function usePressScale({
+  pressScale = PRESS_SCALE.button,
+  hoverScale = 1.02,
+  pressInSpring = SPRINGS.pressIn,
+  pressOutSpring = SPRINGS.pressOut,
+  disabled = false
+} = {}) {
+  const scale2 = Animated13.useSharedValue(1);
+  const { hovered, hoverHandlers } = useHover();
+  const onPressIn = React25.useCallback(() => {
+    if (disabled) return;
+    scale2.value = Animated13.withSpring(pressScale, pressInSpring);
+  }, [disabled, pressScale, pressInSpring, scale2]);
+  const onPressOut = React25.useCallback(() => {
+    if (disabled) return;
+    scale2.value = Animated13.withSpring(1, pressOutSpring);
+  }, [disabled, pressOutSpring, scale2]);
+  const hoverActive = reactNative.Platform.OS === "web" && hovered && hoverScale !== 1 && !disabled;
+  const animatedStyle = Animated13.useAnimatedStyle(() => ({
+    transform: [
+      { scale: scale2.value * (hoverActive ? hoverScale : 1) }
+    ]
+  }));
+  return {
+    animatedStyle,
+    onPressIn,
+    onPressOut,
+    hoverHandlers
+  };
+}
+
+// src/components/RadioGroup/RadioGroup.tsx
 function RadioItem({
   option,
   selected,
@@ -1996,23 +2238,11 @@ function RadioItem({
     pressScale: PRESS_SCALE.button,
     disabled: option.disabled
   });
-  const colorProgress = useColorTransition(selected);
-  const dotScale = Animated9.useSharedValue(selected ? 1 : 0);
-  React26.useEffect(() => {
-    dotScale.value = Animated9.withSpring(selected ? 1 : 0, SPRINGS.elastic);
-  }, [selected, dotScale]);
-  const radioStyle = Animated9.useAnimatedStyle(() => ({
-    borderColor: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.border, colors.primary])
-  }));
-  const dotStyle = Animated9.useAnimatedStyle(() => ({
-    transform: [{ scale: dotScale.value }],
-    opacity: dotScale.value
-  }));
   return (
     // AUDIT FIX: opacity was applied only to the radio circle, leaving the label
     // at full opacity when disabled. The whole row now dims uniformly so users
     // get a single, consistent disabled signal across the entire item.
-    /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles18.row, option.disabled && styles18.rowDisabled],
@@ -2031,8 +2261,23 @@ function RadioItem({
         accessibilityLabel: option.label,
         accessibilityState: { checked: selected, disabled: !!option.disabled }
       },
-      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles18.radio, radioStyle] }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles18.dot, { backgroundColor: colors.primary }, dotStyle] }))),
-      /* @__PURE__ */ React26__default.default.createElement(
+      /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React25__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          style: styles18.radio,
+          animate: { borderColor: selected ? colors.primary : colors.border },
+          transition: COLOR_TRANSITION
+        },
+        /* @__PURE__ */ React25__default.default.createElement(
+          reactNativeEase.EaseView,
+          {
+            style: [styles18.dot, { backgroundColor: colors.primary }],
+            animate: { scale: selected ? 1 : 0, opacity: selected ? 1 : 0 },
+            transition: SPRING_ELASTIC
+          }
+        )
+      )),
+      /* @__PURE__ */ React25__default.default.createElement(
         reactNative.Text,
         {
           style: [styles18.label, { color: colors.foreground }],
@@ -2051,14 +2296,14 @@ function RadioGroup({
   style,
   accessibilityLabel
 }) {
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [styles18.container, orientation === "horizontal" && styles18.horizontal, style],
       accessibilityRole: "radiogroup",
       accessibilityLabel
     },
-    options.map((option) => /* @__PURE__ */ React26__default.default.createElement(
+    options.map((option) => /* @__PURE__ */ React25__default.default.createElement(
       RadioItem,
       {
         key: option.value,
@@ -2113,12 +2358,9 @@ function TabTrigger({
   variant
 }) {
   const { colors } = useTheme();
-  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.button
-  });
   const isUnderline = variant === "underline";
-  return /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React25__default.default.createElement(
+    PressableTab,
     {
       style: [
         styles19.trigger,
@@ -2126,16 +2368,13 @@ function TabTrigger({
         isUnderline && isActive && { borderBottomColor: colors.primary }
       ],
       onPress,
-      onPressIn,
-      onPressOut,
-      onLayout,
-      activeOpacity: 1,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "tab",
       accessibilityState: { selected: isActive },
       accessibilityLabel: tab.label
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -2149,29 +2388,29 @@ function TabTrigger({
         allowFontScaling: true
       },
       tab.label
-    )))
-  );
+    ))
+  ));
 }
 function Tabs({ tabs, variant = "pill", value, onValueChange, children, style }) {
-  const [internal, setInternal] = React26.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React25.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  const tabLayouts = React26.useRef({});
-  const pillX = Animated9.useSharedValue(0);
-  const pillWidth = Animated9.useSharedValue(0);
-  const initialised = React26.useRef(false);
-  const animatePill = React26.useCallback((tabValue, animate) => {
+  const tabLayouts = React25.useRef({});
+  const pillX = Animated13.useSharedValue(0);
+  const pillWidth = Animated13.useSharedValue(0);
+  const initialised = React25.useRef(false);
+  const animatePill = React25.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
-      pillX.value = Animated9.withSpring(layout.x, SPRINGS.glide);
-      pillWidth.value = Animated9.withSpring(layout.width, SPRINGS.glide);
+      pillX.value = Animated13.withSpring(layout.x, SPRINGS.glide);
+      pillWidth.value = Animated13.withSpring(layout.width, SPRINGS.glide);
     } else {
       pillX.value = layout.x;
       pillWidth.value = layout.width;
     }
   }, [pillX, pillWidth]);
-  React26.useEffect(() => {
+  React25.useEffect(() => {
     if (initialised.current) animatePill(active, true);
   }, [active, animatePill]);
   const handlePress = (v) => {
@@ -2179,11 +2418,11 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
-  const pillAnimatedStyle = Animated9.useAnimatedStyle(() => ({
+  const pillAnimatedStyle = Animated13.useAnimatedStyle(() => ({
     transform: [{ translateX: pillX.value }],
     width: pillWidth.value
   }));
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -2191,8 +2430,8 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       ],
       accessibilityRole: "tablist"
     },
-    variant === "pill" && /* @__PURE__ */ React26__default.default.createElement(
-      Animated9__default.default.View,
+    variant === "pill" && /* @__PURE__ */ React25__default.default.createElement(
+      Animated13__default.default.View,
       {
         style: [
           styles19.pill,
@@ -2213,7 +2452,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
         ]
       }
     ),
-    tabs.map((tab) => /* @__PURE__ */ React26__default.default.createElement(
+    tabs.map((tab) => /* @__PURE__ */ React25__default.default.createElement(
       TabTrigger,
       {
         key: tab.value,
@@ -2235,7 +2474,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
 }
 function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
 }
 var styles19 = reactNative.StyleSheet.create({
   list: {
@@ -2251,6 +2490,9 @@ var styles19 = reactNative.StyleSheet.create({
     borderBottomWidth: 1
   },
   pill: {},
+  triggerWrap: {
+    flex: 1
+  },
   trigger: {
     flex: 1,
     paddingVertical: vs(7),
@@ -2261,7 +2503,7 @@ var styles19 = reactNative.StyleSheet.create({
     zIndex: 1
   },
   triggerUnderline: {
-    flex: 0,
+    flex: 1,
     paddingVertical: vs(12),
     paddingHorizontal: s(16),
     borderRadius: 0,
@@ -2291,31 +2533,31 @@ function AccordionItemComponent({
 }) {
   const { colors } = useTheme();
   const resolvedIcon = item.iconName ? renderIcon(item.iconName, ms(16), item.iconColor ?? colors.foregroundMuted) : item.icon;
-  const isExpanded = Animated9.useSharedValue(isOpen);
-  const height = Animated9.useSharedValue(0);
-  React26__default.default.useEffect(() => {
+  const isExpanded = Animated13.useSharedValue(isOpen);
+  const height = Animated13.useSharedValue(0);
+  React25__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
-  const derivedHeight = Animated9.useDerivedValue(
-    () => Animated9.withTiming(height.value * Number(isExpanded.value), {
+  const derivedHeight = Animated13.useDerivedValue(
+    () => Animated13.withTiming(height.value * Number(isExpanded.value), {
       duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
       easing: isExpanded.value ? EASINGS.expand : EASINGS.collapse
     })
   );
-  const derivedRotation = Animated9.useDerivedValue(
-    () => Animated9.withTiming(isExpanded.value ? 1 : 0, {
+  const derivedRotation = Animated13.useDerivedValue(
+    () => Animated13.withTiming(isExpanded.value ? 1 : 0, {
       duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
       easing: isExpanded.value ? EASINGS.expand : EASINGS.collapse
     })
   );
-  const bodyStyle = Animated9.useAnimatedStyle(() => ({
+  const bodyStyle = Animated13.useAnimatedStyle(() => ({
     height: derivedHeight.value,
     overflow: "hidden"
   }));
-  const rotationStyle = Animated9.useAnimatedStyle(() => ({
+  const rotationStyle = Animated13.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(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Pressable,
     {
       style: ({ pressed }) => [styles20.trigger, { opacity: pressed ? 0.6 : 1 }],
@@ -2327,9 +2569,9 @@ function AccordionItemComponent({
       accessibilityState: { expanded: isOpen },
       accessibilityLabel: item.trigger
     },
-    /* @__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(Animated9__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(Animated9__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger)),
+    /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2337,11 +2579,11 @@ function AccordionItemComponent({
         height.value = e.nativeEvent.layout.height;
       }
     },
-    item.content
+    typeof item.content === "string" || typeof item.content === "number" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.contentText, { color: colors.foregroundMuted }], allowFontScaling: true }, item.content) : item.content
   )));
 }
 function Accordion({ items, type = "single", defaultValue, style }) {
-  const [openValues, setOpenValues] = React26.useState(() => {
+  const [openValues, setOpenValues] = React25.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -2354,7 +2596,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React25__default.default.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -2404,6 +2646,11 @@ var styles20 = reactNative.StyleSheet.create({
     paddingBottom: vs(12),
     position: "absolute",
     width: "100%"
+  },
+  contentText: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(14),
+    lineHeight: ms(20)
   }
 });
 function Slider({
@@ -2421,7 +2668,7 @@ function Slider({
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React26.useRef(value);
+  const lastSteppedValue = React25.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -2429,7 +2676,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [styles21.wrapper, style],
@@ -2442,8 +2689,8 @@ function Slider({
         text: formatValue2(value)
       }
     },
-    label || showValue ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React26__default.default.createElement(
+    label || showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React25__default.default.createElement(
       RNSlider__default.default,
       {
         value,
@@ -2491,14 +2738,14 @@ var SCREEN_HEIGHT = reactNative.Dimensions.get("window").height;
 var DEFAULT_MAX_HEIGHT = SCREEN_HEIGHT * 0.85;
 var isAndroid = reactNative.Platform.OS === "android";
 function SheetHeader({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
 }
 function SheetContent({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
 }
 function SheetFooter({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
 }
 function Sheet({
   open,
@@ -2517,13 +2764,17 @@ function Sheet({
   enableBlurKeyboardOnGesture = true,
   android_keyboardInputMode = "adjustPan",
   footer,
-  snapPoints
+  snapPoints,
+  responsive = false,
+  dialogMaxWidth = 480
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const ref = React26.useRef(null);
+  const { width: windowWidth } = reactNative.useWindowDimensions();
+  const ref = React25.useRef(null);
+  const asDialog = responsive && windowWidth >= BREAKPOINTS.wide;
   const effectiveKeyboardBehavior = keyboardBehavior ?? "interactive";
-  React26.useEffect(() => {
+  React25.useEffect(() => {
     if (open) {
       impactMedium();
       ref.current?.present();
@@ -2531,7 +2782,7 @@ function Sheet({
       ref.current?.dismiss();
     }
   }, [open]);
-  const renderBackdrop = React26.useCallback((props) => /* @__PURE__ */ React26__default.default.createElement(
+  const renderBackdrop = React25.useCallback((props) => /* @__PURE__ */ React25__default.default.createElement(
     bottomSheet.BottomSheetBackdrop,
     {
       ...props,
@@ -2540,16 +2791,16 @@ function Sheet({
       pressBehavior: "close"
     }
   ), []);
-  const childArray = React26__default.default.Children.toArray(children);
-  const customHeader = childArray.find((child) => React26__default.default.isValidElement(child) && child.type === SheetHeader);
-  const customContent = childArray.find((child) => React26__default.default.isValidElement(child) && child.type === SheetContent);
-  const customFooter = childArray.find((child) => React26__default.default.isValidElement(child) && child.type === SheetFooter);
+  const childArray = React25__default.default.Children.toArray(children);
+  const customHeader = childArray.find((child) => React25__default.default.isValidElement(child) && child.type === SheetHeader);
+  const customContent = childArray.find((child) => React25__default.default.isValidElement(child) && child.type === SheetContent);
+  const customFooter = childArray.find((child) => React25__default.default.isValidElement(child) && child.type === SheetFooter);
   const filteredChildren = customHeader || customContent || customFooter ? childArray.filter(
-    (child) => !React26__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
+    (child) => !React25__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
   ) : children;
   const effectiveSubtitle = subtitle ?? description;
   const showHeader = !!(title || effectiveSubtitle || showCloseButton) && !customHeader;
-  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.header, accessibilityRole: "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(
+  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles22.header, accessibilityRole: "header" }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: onClose,
@@ -2560,18 +2811,43 @@ function Sheet({
       accessibilityLabel: "Close",
       hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
     },
-    /* @__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;
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
+  ) : null), effectiveSubtitle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : null) : null;
   const contentNode = customContent ? customContent : filteredChildren;
   const effectiveFooter = customFooter ? customFooter : footer;
-  const renderFooter = React26.useCallback((props) => {
+  const renderFooter = React25.useCallback((props) => {
     if (!effectiveFooter) return null;
-    return /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
+    return /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
   }, [effectiveFooter]);
+  if (asDialog) {
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: onClose }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Pressable, { style: styles22.dialogBackdrop, onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close" }, /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Pressable,
+      {
+        style: [
+          styles22.dialogCard,
+          { backgroundColor: colors.card, maxWidth: dialogMaxWidth, maxHeight: SCREEN_HEIGHT * 0.85 }
+        ],
+        onPress: () => {
+        }
+      },
+      headerNode,
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNative.ScrollView,
+        {
+          contentContainerStyle: [styles22.dialogContent, style],
+          style: contentStyle,
+          showsVerticalScrollIndicator: true,
+          bounces: false
+        },
+        contentNode
+      ),
+      effectiveFooter
+    )));
+  }
   const useScroll = scrollable || !!maxHeight;
   const effectiveMaxHeight = maxHeight ?? DEFAULT_MAX_HEIGHT;
   const useDynamicSizing = !snapPoints;
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
@@ -2590,7 +2866,7 @@ function Sheet({
       android_keyboardInputMode,
       enableBlurKeyboardOnGesture
     },
-    useScroll ? /* @__PURE__ */ React26__default.default.createElement(
+    useScroll ? /* @__PURE__ */ React25__default.default.createElement(
       bottomSheet.BottomSheetScrollView,
       {
         contentContainerStyle: [
@@ -2604,7 +2880,7 @@ function Sheet({
       },
       headerNode,
       contentNode
-    ) : /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
+    ) : /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
   );
 }
 Sheet.Header = SheetHeader;
@@ -2663,6 +2939,24 @@ var styles22 = reactNative.StyleSheet.create({
     borderTopWidth: 1,
     flexDirection: "row",
     gap: s(12)
+  },
+  dialogBackdrop: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.5)",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: s(24)
+  },
+  dialogCard: {
+    width: "100%",
+    borderRadius: RADIUS.lg,
+    paddingTop: vs(16),
+    overflow: "hidden",
+    ...SHADOWS.xl
+  },
+  dialogContent: {
+    paddingHorizontal: s(16),
+    paddingBottom: vs(16)
   }
 });
 var isIOS = reactNative.Platform.OS === "ios";
@@ -2684,9 +2978,9 @@ function Select({
     pressScale: PRESS_SCALE.button,
     disabled
   });
-  const [pickerVisible, setPickerVisible] = React26.useState(false);
-  const [pendingValue, setPendingValue] = React26.useState(value);
-  const pickerRef = React26.useRef(null);
+  const [pickerVisible, setPickerVisible] = React25.useState(false);
+  const [pendingValue, setPendingValue] = React25.useState(value);
+  const pickerRef = React25.useRef(null);
   const selected = options.find((o) => o.value === value);
   const handleOpen = () => {
     if (disabled) return;
@@ -2708,7 +3002,7 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -2728,7 +3022,7 @@ function Select({
       accessibilityValue: { text: selected?.label ?? placeholder },
       accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
-    /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -2740,8 +3034,8 @@ function Select({
       },
       selected?.label ?? placeholder
     ),
-    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
-  )) : null, isIOS ? /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
+  )) : null, isIOS ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -2749,16 +3043,16 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React25__default.default.createElement(
       picker.Picker,
       {
         selectedValue: pendingValue ?? "",
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React26__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React26__default.default.createElement(
+      !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
+      options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
         picker.Picker.Item,
         {
           key: o.value,
@@ -2769,7 +3063,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid2 ? /* @__PURE__ */ React26__default.default.createElement(
+  ) : null, isAndroid2 ? /* @__PURE__ */ React25__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -2785,8 +3079,8 @@ function Select({
       prompt: label,
       style: styles23.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React26__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React26__default.default.createElement(
+    !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
+    options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -2795,7 +3089,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React26__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -2815,8 +3109,8 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React26__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
+    options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -2825,7 +3119,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
 }
 var styles23 = reactNative.StyleSheet.create({
   container: {
@@ -2906,7 +3200,7 @@ function useToast() {
 function ToastProvider({ children }) {
   const { colorScheme } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, children, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, children, /* @__PURE__ */ React25__default.default.createElement(
     sonnerNative.Toaster,
     {
       theme: colorScheme,
@@ -2957,7 +3251,6 @@ function CurrencyInput({
   containerStyle,
   style
 }) {
-  const { colors } = useTheme();
   const handleChange = (text) => {
     const withoutPrefix = prefix && text.startsWith(prefix) ? text.slice(prefix.length) : text;
     const formatted = formatCurrency(withoutPrefix, thousandsSeparator);
@@ -2967,10 +3260,14 @@ function CurrencyInput({
     const raw = parseFloat(formatted.replace(separatorRegex, "") || "0");
     onChangeValue?.(isNaN(raw) ? 0 : raw);
   };
-  const inputStyle = size === "large" ? { fontFamily: "Sohne-Regular", fontSize: ms(36) } : { fontFamily: "Sohne-Regular" };
-  const dollarIcon = renderIcon("dollar-sign", size === "large" ? 24 : 16, colors.foregroundMuted);
+  const isLarge = size === "large";
+  const inputStyle = isLarge ? { fontFamily: "Sohne-Regular", fontSize: ms(36) } : { fontFamily: "Sohne-Regular" };
+  const prefixStyle = {
+    fontFamily: "Sohne-Regular",
+    fontSize: isLarge ? ms(32) : ms(17)
+  };
   const displayValue = value && prefix && value.startsWith(prefix) ? value.slice(prefix.length) : value;
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     Input,
     {
       value: displayValue,
@@ -2981,9 +3278,10 @@ function CurrencyInput({
       hint,
       placeholder: placeholder ?? "0",
       editable,
-      prefix: dollarIcon,
+      prefix,
+      prefixStyle,
       containerStyle,
-      inputWrapperStyle: size === "large" ? { paddingVertical: vs(16), minHeight: 72 } : void 0,
+      inputWrapperStyle: isLarge ? { paddingVertical: vs(16), minHeight: 72 } : void 0,
       style: [inputStyle, style]
     }
   );
@@ -3018,7 +3316,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
   const baseFontSize = variant ? variantFontSize[variant] : ms(56);
   const fontSize = maxFontSize ?? baseFontSize;
   const letterSpacing = variant ? variantLetterSpacing[variant] : -2;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [styles24.amount, { color: textColor ?? colors.foreground, fontSize, letterSpacing }],
@@ -3030,7 +3328,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
     formatted
   ));
 }
-var CurrencyDisplay = React26__default.default.memo(CurrencyDisplayBase);
+var CurrencyDisplay = React25__default.default.memo(CurrencyDisplayBase);
 var styles24 = reactNative.StyleSheet.create({
   container: {
     alignSelf: "flex-start"
@@ -3065,12 +3363,6 @@ function ListItemBase({
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.row,
-    pressInSpring: SPRINGS.surfacePressIn,
-    pressOutSpring: SPRINGS.surfacePressOut,
-    disabled: !onPress || disabled
-  });
   const handlePress = () => {
     selectionAsync();
     onPress?.();
@@ -3089,65 +3381,58 @@ function ListItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? [title, subtitle, caption].filter(Boolean).join(". ");
-  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [animatedStyle, disabled && styles25.disabled], ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
+  const content = /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.Text,
     {
-      style: [styles25.container, cardStyle, style],
-      onPress: onPress ? handlePress : void 0,
-      onPressIn,
-      onPressOut,
-      disabled,
-      activeOpacity: 1,
-      touchSoundDisabled: true,
-      accessibilityRole: onPress ? "button" : void 0,
-      accessibilityLabel: onPress ? a11yLabel : void 0,
-      accessibilityState: onPress ? { disabled: !!disabled } : void 0
+      style: [styles25.title, { color: colors.foreground }, titleStyle],
+      numberOfLines: 2,
+      allowFontScaling: true
     },
-    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: [styles25.title, { color: colors.foreground }, titleStyle],
-        numberOfLines: 2,
-        allowFontScaling: true
-      },
-      title
-    ), subtitle ? /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Text,
-      {
-        style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
-        numberOfLines: 2,
-        allowFontScaling: true
-      },
-      subtitle
-    ) : null, caption ? /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Text,
-      {
-        style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
-        numberOfLines: 1,
-        allowFontScaling: true
-      },
-      caption
-    ) : null),
-    effectiveRight !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Text,
+    title
+  ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
+      numberOfLines: 2,
+      allowFontScaling: true
+    },
+    subtitle
+  ) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
+      numberOfLines: 1,
+      allowFontScaling: true
+    },
+    caption
+  ) : null), effectiveRight !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles25.rightText, { color: colors.foregroundMuted }],
+      allowFontScaling: true
+    },
+    effectiveRight
+  ) : effectiveRight) : showChevron ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null);
+  if (onPress) {
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React25__default.default.createElement(
+      PressableRow,
       {
-        style: [styles25.rightText, { color: colors.foregroundMuted }],
-        allowFontScaling: true
+        style: [styles25.container, cardStyle, style],
+        onPress: handlePress,
+        enabled: !disabled,
+        rippleColor: "transparent",
+        touchSoundDisabled: true,
+        activateOnHover: true,
+        accessibilityRole: "button",
+        accessibilityLabel: a11yLabel,
+        accessibilityState: { disabled: !!disabled }
       },
-      effectiveRight
-    ) : effectiveRight) : showChevron ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null
-  ), showSeparator ? /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.View,
-    {
-      style: [
-        styles25.separator,
-        { backgroundColor: colors.separator }
-      ]
-    }
-  ) : null);
+      content
+    ), showSeparator ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
+  }
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var ListItem = React26__default.default.memo(ListItemBase);
+var ListItem = React25__default.default.memo(ListItemBase);
 var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3203,17 +3488,17 @@ var styles25 = reactNative.StyleSheet.create({
 });
 function ListGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  const processedChildren = React26__default.default.Children.map(children, (child, index) => {
-    if (!React26__default.default.isValidElement(child)) return child;
+  const processedChildren = React25__default.default.Children.map(children, (child, index) => {
+    if (!React25__default.default.isValidElement(child)) return child;
     if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
       return child;
     }
     const childProps = child.props;
     const isListItem = "title" in childProps;
     if (!isListItem) return child;
-    const isLast = index === React26__default.default.Children.count(children) - 1;
+    const isLast = index === React25__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React26__default.default.cloneElement(child, {
+      return React25__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3231,21 +3516,21 @@ function ListGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
 }
 function ListGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
 }
 function ListGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
 }
 ListGroup.Header = ListGroupHeader;
 ListGroup.Footer = ListGroupFooter;
@@ -3292,12 +3577,6 @@ function MenuItemBase({
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.row,
-    pressInSpring: SPRINGS.surfacePressIn,
-    pressOutSpring: SPRINGS.surfacePressOut,
-    disabled
-  });
   const handlePress = () => {
     selectionAsync();
     onPress();
@@ -3315,22 +3594,21 @@ function MenuItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? (subtitle ? `${label}. ${subtitle}` : label);
-  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [animatedStyle, disabled && styles27.disabled], ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React25__default.default.createElement(
+    PressableRow,
     {
       style: [styles27.container, cardStyle, style],
       onPress: handlePress,
-      onPressIn,
-      onPressOut,
-      disabled,
-      activeOpacity: 1,
+      enabled: !disabled,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
+      activateOnHover: true,
       accessibilityRole: "button",
       accessibilityLabel: a11yLabel,
       accessibilityState: { disabled }
     },
-    resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React26__default.default.createElement(
+    resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.label, { color: colors.foreground }, labelStyle],
@@ -3338,7 +3616,7 @@ function MenuItemBase({
         allowFontScaling: true
       },
       label
-    ), subtitle ? /* @__PURE__ */ React26__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.subtitle, { color: colors.foregroundMuted }],
@@ -3347,7 +3625,7 @@ function MenuItemBase({
       },
       subtitle
     ) : null),
-    rightRender !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(
+    rightRender !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.View,
       {
         style: styles27.rightContainer,
@@ -3356,18 +3634,10 @@ function MenuItemBase({
         }
       },
       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: [
-        styles27.separator,
-        { backgroundColor: colors.separator }
-      ]
-    }
-  ) : null);
+    ) : showChevron ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
+  ), showSeparator ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles27.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var MenuItem = React26__default.default.memo(MenuItemBase);
+var MenuItem = React25__default.default.memo(MenuItemBase);
 var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3411,17 +3681,17 @@ var styles27 = reactNative.StyleSheet.create({
 });
 function MenuGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  const processedChildren = React26__default.default.Children.map(children, (child, index) => {
-    if (!React26__default.default.isValidElement(child)) return child;
+  const processedChildren = React25__default.default.Children.map(children, (child, index) => {
+    if (!React25__default.default.isValidElement(child)) return child;
     if (child.type === MenuGroupHeader || child.type === MenuGroupFooter) {
       return child;
     }
     const childProps = child.props;
     const isMenuItem = "onPress" in childProps;
     if (!isMenuItem) return child;
-    const isLast = index === React26__default.default.Children.count(children) - 1;
+    const isLast = index === React25__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React26__default.default.cloneElement(child, {
+      return React25__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3439,21 +3709,21 @@ function MenuGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.container, cardStyle, style] }, processedChildren);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.container, cardStyle, style] }, processedChildren);
 }
 function MenuGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
 }
 function MenuGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
 }
 MenuGroup.Header = MenuGroupHeader;
 MenuGroup.Footer = MenuGroupFooter;
@@ -3485,38 +3755,44 @@ var styles28 = reactNative.StyleSheet.create({
 });
 function ChipBase({ label, selected = false, onPress, icon, iconName, style, accessibilityLabel }) {
   const { colors } = useTheme();
-  const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.chip
-  });
-  const colorProgress = useColorTransition(selected);
-  const surfaceStyle = Animated9.useAnimatedStyle(() => ({
-    backgroundColor: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.surface, colors.primary]),
-    borderColor: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.border, colors.primary])
-  }));
-  const textStyle = Animated9.useAnimatedStyle(() => ({
-    color: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.foreground, colors.primaryForeground])
-  }));
   const handlePress = () => {
     selectionAsync();
     onPress?.();
   };
   const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
-  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles29.wrapper, scaleStyle, style], ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React25__default.default.createElement(
+    PressableChip,
     {
       onPress: handlePress,
-      onPressIn,
-      onPressOut,
-      activeOpacity: 1,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles29.chip, surfaceStyle] }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.Text, { style: [styles29.label, textStyle], allowFontScaling: true }, label))
+    /* @__PURE__ */ React25__default.default.createElement(
+      reactNativeEase.EaseView,
+      {
+        style: styles29.chip,
+        animate: {
+          backgroundColor: selected ? colors.primary : colors.surface,
+          borderColor: selected ? colors.primary : colors.border
+        },
+        transition: COLOR_TRANSITION
+      },
+      resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles29.label, { color: selected ? colors.primaryForeground : colors.foreground }],
+          allowFontScaling: true
+        },
+        label
+      )
+    )
   ));
 }
-var Chip = React26__default.default.memo(ChipBase);
+var Chip = React25__default.default.memo(ChipBase);
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
   const handlePress = (optionValue) => {
     if (!multiSelect) {
@@ -3524,20 +3800,20 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
       return;
     }
     const currentArray = Array.isArray(value) ? value : value ? [value] : [];
-    const isSelected2 = currentArray.includes(optionValue);
-    const newArray = isSelected2 ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
+    const isSelected3 = currentArray.includes(optionValue);
+    const newArray = isSelected3 ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
     onValueChange?.(newArray);
   };
-  const isSelected = (optionValue) => {
+  const isSelected2 = (optionValue) => {
     if (Array.isArray(value)) return value.includes(optionValue);
     return optionValue === value;
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React25__default.default.createElement(
     Chip,
     {
       key: opt.value,
       label: opt.label,
-      selected: isSelected(opt.value),
+      selected: isSelected2(opt.value),
       onPress: opt.disabled ? void 0 : () => handlePress(opt.value),
       iconName: opt.iconName,
       style: opt.disabled ? styles29.chipDisabled : void 0,
@@ -3589,8 +3865,8 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
-  const ref = React26.useRef(null);
-  React26.useEffect(() => {
+  const ref = React25.useRef(null);
+  React25.useEffect(() => {
     if (visible) {
       impactMedium();
       ref.current?.present();
@@ -3598,7 +3874,7 @@ function ConfirmDialog({
       ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React26__default.default.createElement(
+  const renderBackdrop = (props) => /* @__PURE__ */ React25__default.default.createElement(
     bottomSheet.BottomSheetBackdrop,
     {
       ...props,
@@ -3607,7 +3883,7 @@ function ConfirmDialog({
       pressBehavior: "close"
     }
   );
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
@@ -3618,7 +3894,7 @@ function ConfirmDialog({
       handleIndicatorStyle: [styles30.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles30.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React25__default.default.createElement(
       Button,
       {
         label: confirmLabel,
@@ -3628,7 +3904,7 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
-        icon: /* @__PURE__ */ React26__default.default.createElement(
+        icon: /* @__PURE__ */ React25__default.default.createElement(
           vectorIcons.Feather,
           {
             name: confirmVariant === "destructive" ? "trash-2" : "check",
@@ -3637,7 +3913,7 @@ function ConfirmDialog({
           }
         )
       }
-    ), /* @__PURE__ */ React26__default.default.createElement(
+    ), /* @__PURE__ */ React25__default.default.createElement(
       Button,
       {
         label: cancelLabel,
@@ -3647,7 +3923,7 @@ function ConfirmDialog({
           selectionAsync();
           onCancel();
         },
-        icon: /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
+        icon: /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
       }
     )))
   );
@@ -3685,9 +3961,9 @@ var styles30 = reactNative.StyleSheet.create({
 function LabelValueBase({ label, value, iconName, iconColor, style }) {
   const { colors } = useTheme();
   const resolvedIcon = iconName ? renderIcon(iconName, ms(14), iconColor ?? colors.foregroundMuted) : null;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var LabelValue = React26__default.default.memo(LabelValueBase);
+var LabelValue = React25__default.default.memo(LabelValueBase);
 var styles31 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3722,42 +3998,51 @@ var MONTH_NAMES = {
   pt: ["janeiro", "fevereiro", "mar\xE7o", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"],
   fr: ["janvier", "f\xE9vrier", "mars", "avril", "mai", "juin", "juillet", "ao\xFBt", "septembre", "octobre", "novembre", "d\xE9cembre"]
 };
-function MonthPicker({ value, onChange, locale = "en", formatLabel, style }) {
+function dateToMonthPickerValue(date) {
+  return { month: date.getMonth() + 1, year: date.getFullYear() };
+}
+function monthPickerValueToDate(value) {
+  return new Date(value.year, value.month - 1, 1);
+}
+var toIndex = (v) => v.year * 12 + (v.month - 1);
+var fromIndex = (i) => ({ year: Math.floor(i / 12), month: i % 12 + 1 });
+function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", formatLabel, style }) {
   const { colors } = useTheme();
+  const index = toIndex(value);
+  const minIndex = minValue ? toIndex(minValue) : -Infinity;
+  const maxIndex = maxValue ? toIndex(maxValue) : Infinity;
+  const prevDisabled = index - 1 < minIndex;
+  const nextDisabled = index + 1 > maxIndex;
   const getLabel = () => {
     if (formatLabel) return formatLabel(value);
     const names = MONTH_NAMES[locale] ?? MONTH_NAMES.en;
     return `${names[value.month - 1]} ${value.year}`;
   };
   const handlePrev = () => {
+    if (prevDisabled) return;
     selectionAsync();
-    if (value.month === 1) {
-      onChange({ month: 12, year: value.year - 1 });
-    } else {
-      onChange({ month: value.month - 1, year: value.year });
-    }
+    onChange(fromIndex(index - 1));
   };
   const handleNext = () => {
+    if (nextDisabled) return;
     selectionAsync();
-    if (value.month === 12) {
-      onChange({ month: 1, year: value.year + 1 });
-    } else {
-      onChange({ month: value.month + 1, year: value.year });
-    }
+    onChange(fromIndex(index + 1));
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles32.arrow,
+      style: [styles32.arrow, prevDisabled && styles32.arrowDisabled],
       onPress: handlePrev,
+      disabled: prevDisabled,
       activeOpacity: 0.6,
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: "Previous month",
+      accessibilityState: { disabled: prevDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
-    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
+  ), /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [styles32.label, { color: colors.foreground }],
@@ -3765,18 +4050,20 @@ function MonthPicker({ value, onChange, locale = "en", formatLabel, style }) {
       accessibilityLiveRegion: "polite"
     },
     getLabel()
-  ), /* @__PURE__ */ React26__default.default.createElement(
+  ), /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles32.arrow,
+      style: [styles32.arrow, nextDisabled && styles32.arrowDisabled],
       onPress: handleNext,
+      disabled: nextDisabled,
       activeOpacity: 0.6,
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: "Next month",
+      accessibilityState: { disabled: nextDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
-    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
 var styles32 = reactNative.StyleSheet.create({
@@ -3791,6 +4078,9 @@ var styles32 = reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
+  arrowDisabled: {
+    opacity: 0.3
+  },
   label: {
     fontFamily: "Sohne-Medium",
     fontSize: ms(17),
@@ -3799,7 +4089,7 @@ var styles32 = reactNative.StyleSheet.create({
     minWidth: s(160)
   }
 });
-var aspectRatioMap = {
+var aspectRatioMap2 = {
   "1:1": 1,
   "4:3": 3 / 4,
   "16:9": 9 / 16,
@@ -3836,10 +4126,10 @@ function MediaCardBase({
     impactLight();
     onPress();
   };
-  const ratio = aspectRatioMap[aspectRatio];
+  const ratio = aspectRatioMap2[aspectRatio];
   const resolvedActionIcon = actionIconName ? renderIcon(actionIconName, 18, actionActive ? colors.primary : colors.background) : actionIcon ?? renderIcon("heart", 18, actionActive ? colors.primary : colors.background);
   const a11yLabel = accessibilityLabel ?? [title, subtitle].filter(Boolean).join(". ");
-  const cardContent = /* @__PURE__ */ React26__default.default.createElement(
+  const cardContent = /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -3849,33 +4139,34 @@ function MediaCardBase({
       ],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Image,
       {
         source: imageSource,
         style: styles33.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React26__default.default.createElement(
+    ) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
-        onPress: () => {
+        onPress: (e) => {
+          e?.stopPropagation?.();
           impactLight();
           onActionPress?.();
         },
         activeOpacity: 0.8,
         touchSoundDisabled: true,
-        accessibilityRole: "button",
+        accessibilityRole: reactNative.Platform.OS === "web" && onPress ? void 0 : "button",
         accessibilityLabel: actionIconName ?? "action",
         accessibilityState: { selected: actionActive }
       },
       resolvedActionIcon
     )),
-    (title || subtitle || caption || footer) && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
+    (title || subtitle || caption || footer) && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
   );
   if (onPress) {
-    return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React26__default.default.createElement(
+    return /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -3891,7 +4182,7 @@ function MediaCardBase({
   }
   return cardContent;
 }
-var MediaCard = React26__default.default.memo(MediaCardBase);
+var MediaCard = React25__default.default.memo(MediaCardBase);
 var styles33 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
@@ -3949,7 +4240,7 @@ var styles33 = reactNative.StyleSheet.create({
     lineHeight: mvs(16)
   }
 });
-var CategoryChip = React26__default.default.memo(function CategoryChip2({
+var CategoryChip = React25__default.default.memo(function CategoryChip2({
   item,
   selected,
   onSelect
@@ -3958,17 +4249,9 @@ var CategoryChip = React26__default.default.memo(function CategoryChip2({
   const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
     pressScale: PRESS_SCALE.chip
   });
-  const progress = useColorTransition(selected);
-  const surfaceStyle = Animated9.useAnimatedStyle(() => ({
-    backgroundColor: Animated9.interpolateColor(progress.value, [0, 1], [colors.surface, colors.primary]),
-    borderColor: Animated9.interpolateColor(progress.value, [0, 1], [colors.border, colors.primary])
-  }));
-  const textColorStyle = Animated9.useAnimatedStyle(() => ({
-    color: Animated9.interpolateColor(progress.value, [0, 1], [colors.foregroundSubtle, colors.primaryForeground])
-  }));
   const iconColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
   const resolvedIcon = typeof item.icon === "string" ? renderIcon(item.icon, 16, iconColor) : item.icon ?? null;
-  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => onSelect(item.value),
@@ -3980,7 +4263,27 @@ var CategoryChip = React26__default.default.memo(function CategoryChip2({
       accessibilityLabel: item.label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles34.chip, surfaceStyle] }, resolvedIcon && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon), /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.Text, { style: [styles34.chipLabel, textColorStyle], allowFontScaling: true }, item.label), item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99))))
+    /* @__PURE__ */ React25__default.default.createElement(
+      reactNativeEase.EaseView,
+      {
+        style: styles34.chip,
+        animate: {
+          backgroundColor: selected ? colors.primary : colors.surface,
+          borderColor: selected ? colors.primary : colors.border
+        },
+        transition: COLOR_TRANSITION
+      },
+      resolvedIcon && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon),
+      /* @__PURE__ */ React25__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles34.chipLabel, { color: selected ? colors.primaryForeground : colors.foregroundSubtle }],
+          allowFontScaling: true
+        },
+        item.label
+      ),
+      item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
+    )
   ));
 });
 function CategoryStrip({
@@ -3993,7 +4296,7 @@ function CategoryStrip({
   accessibilityLabel
 }) {
   const selected = Array.isArray(value) ? value : value ? [value] : [];
-  const handlePress = React26.useCallback(
+  const handlePress = React25.useCallback(
     (v) => {
       selectionAsync();
       if (multiSelect) {
@@ -4006,7 +4309,7 @@ function CategoryStrip({
     },
     [multiSelect, value, onValueChange]
   );
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
@@ -4016,7 +4319,7 @@ function CategoryStrip({
       accessibilityRole: multiSelect ? void 0 : "radiogroup",
       accessibilityLabel
     },
-    categories.map((cat) => /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React26__default.default.createElement(
+    categories.map((cat) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React25__default.default.createElement(
       CategoryChip,
       {
         item: cat,
@@ -4067,49 +4370,33 @@ var styles34 = reactNative.StyleSheet.create({
     lineHeight: 14
   }
 });
-function Pressable2({
+function Pressable3({
   children,
   onPress,
-  pressScale = PRESS_SCALE.card,
+  pressScale: _pressScale = PRESS_SCALE.card,
   haptics = true,
   style,
   disabled,
-  hoverScale = 1.02,
-  ...touchableProps
+  hoverScale: _hoverScale = 1.02
 }) {
-  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale,
-    hoverScale,
-    pressInSpring: SPRINGS.surfacePressIn,
-    pressOutSpring: SPRINGS.surfacePressOut,
-    disabled
-  });
   const handlePress = () => {
     if (disabled || !onPress) return;
     if (haptics) impactLight();
     onPress();
   };
-  return /* @__PURE__ */ React26__default.default.createElement(
-    Animated9__default.default.View,
+  return /* @__PURE__ */ React25__default.default.createElement(
+    PressableCard,
     {
-      style: [animatedStyle, style],
-      ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
+      style,
+      onPress: handlePress,
+      enabled: !disabled,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      activateOnHover: true,
+      accessibilityRole: "button",
+      accessibilityState: { disabled: !!disabled }
     },
-    /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.TouchableOpacity,
-      {
-        onPress: handlePress,
-        onPressIn,
-        onPressOut,
-        activeOpacity: 1,
-        disabled,
-        touchSoundDisabled: true,
-        accessibilityRole: "button",
-        accessibilityState: { disabled: !!disabled },
-        ...touchableProps
-      },
-      children
-    )
+    children
   );
 }
 var weightMap = {
@@ -4144,23 +4431,23 @@ function DetailRowBase({
     borderColor: "rgba(128,128,128,0.3)",
     marginHorizontal: s(4)
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [styles35.labelText, { color: colors.foregroundMuted, fontFamily: weightMap[labelWeight] }, labelStyle],
       allowFontScaling: true
     },
     label
-  ) : label), separatorStyle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(
+  ) : label), separatorStyle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [styles35.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
       allowFontScaling: true
     },
     value
-  ) : value, resolvedRightIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
+  ) : value, resolvedRightIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
 }
-var DetailRow = React26__default.default.memo(DetailRowBase);
+var DetailRow = React25__default.default.memo(DetailRowBase);
 var styles35 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
@@ -4197,7 +4484,7 @@ var styles35 = reactNative.StyleSheet.create({
   }
 });
 function Form({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
 }
 function FormField({
   children,
@@ -4209,14 +4496,14 @@ function FormField({
   errorStyle
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
 }
 function FormSection({ children, title, description, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
 }
 function FormFooter({ children, style }) {
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
 }
 Form.Field = FormField;
 Form.Section = FormSection;
@@ -4265,7 +4552,7 @@ var defaultKeyExtractor = (item, index) => {
   return id !== void 0 ? String(id) : String(index);
 };
 function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, ref) {
-  const getItemLayout = React26.useCallback(
+  const getItemLayout = React25.useCallback(
     (_data, index) => ({
       length: itemHeight ?? 0,
       offset: (itemHeight ?? 0) * index,
@@ -4273,7 +4560,7 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }),
     [itemHeight]
   );
-  return /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.FlatList,
     {
       ref,
@@ -4285,7 +4572,899 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }
   );
 }
-var VirtualList = React26__default.default.forwardRef(VirtualListInner);
+var VirtualList = React25__default.default.forwardRef(VirtualListInner);
+function RetrayProvider({ children, theme, colorScheme = "system" }) {
+  return /* @__PURE__ */ React25__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles37.root }, /* @__PURE__ */ React25__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React25__default.default.createElement(ToastProvider, null, children)))));
+}
+var styles37 = reactNative.StyleSheet.create({
+  root: { flex: 1 }
+});
+function DefaultErrorFallback({
+  error,
+  reset,
+  title = "Something went wrong",
+  message
+}) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      style: [styles38.button, { backgroundColor: colors.primary }],
+      onPress: () => {
+        impactLight();
+        reset();
+      },
+      activeOpacity: 0.85,
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: "Try again"
+    },
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles38.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Try again")
+  ));
+}
+var ErrorBoundary = class extends React25__default.default.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { error: null };
+    this.reset = () => {
+      this.setState({ error: null });
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  render() {
+    const { error } = this.state;
+    if (error) {
+      const { fallback, title, message } = this.props;
+      if (typeof fallback === "function") {
+        return fallback({ error, reset: this.reset });
+      }
+      if (fallback !== void 0) {
+        return fallback;
+      }
+      return /* @__PURE__ */ React25__default.default.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
+    }
+    return this.props.children;
+  }
+};
+var styles38 = reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: s(32),
+    gap: vs(12)
+  },
+  iconCircle: {
+    width: s(64),
+    height: s(64),
+    borderRadius: RADIUS.full,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: vs(4)
+  },
+  title: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(18),
+    lineHeight: mvs(24),
+    textAlign: "center"
+  },
+  message: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(14),
+    lineHeight: mvs(20),
+    textAlign: "center"
+  },
+  button: {
+    marginTop: vs(8),
+    paddingHorizontal: s(20),
+    paddingVertical: vs(10),
+    borderRadius: RADIUS.md,
+    minHeight: vs(44),
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  buttonLabel: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(15)
+  }
+});
+function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
+  const progress = Animated13.useSharedValue(active ? 1 : 0);
+  React25.useEffect(() => {
+    progress.value = Animated13.withSpring(active ? 1 : 0, SPRINGS.glide);
+  }, [active, progress]);
+  const animatedStyle = Animated13.useAnimatedStyle(() => ({
+    width: size + progress.value * size * 1.5,
+    backgroundColor: Animated13.interpolateColor(progress.value, [0, 1], [inactiveColor, activeColor])
+  }));
+  const dot = /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
+  if (!onPress) return dot;
+  const handlePress = () => {
+    selectionAsync();
+    onPress();
+  };
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      onPress: handlePress,
+      activeOpacity: 0.7,
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: `Page ${index + 1} of ${total}${active ? ", current page" : ""}`,
+      hitSlop: { top: 8, bottom: 8, left: 4, right: 4 }
+    },
+    dot
+  );
+}
+function PagerDots({
+  count,
+  activeIndex,
+  onDotPress,
+  showControls = false,
+  dotSize = 8,
+  spacing = 8,
+  activeColor,
+  inactiveColor,
+  style
+}) {
+  const { colors } = useTheme();
+  const resolvedActive = activeColor ?? colors.primary;
+  const resolvedInactive = inactiveColor ?? colors.border;
+  const size = s(dotSize);
+  const hasControls = showControls !== false;
+  const canGoPrev = activeIndex > 0;
+  const canGoNext = activeIndex < count - 1;
+  const handlePrevious = () => {
+    if (!canGoPrev) return;
+    selectionAsync();
+    if (typeof showControls === "object" && showControls.onPrevious) {
+      showControls.onPrevious();
+    } else if (onDotPress) {
+      onDotPress(activeIndex - 1);
+    }
+  };
+  const handleNext = () => {
+    if (!canGoNext) return;
+    selectionAsync();
+    if (typeof showControls === "object" && showControls.onNext) {
+      showControls.onNext();
+    } else if (onDotPress) {
+      onDotPress(activeIndex + 1);
+    }
+  };
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.View,
+    {
+      style: [styles39.container, { gap: s(spacing) }, style],
+      accessibilityRole: "adjustable",
+      accessibilityLabel: `Page ${activeIndex + 1} of ${count}`
+    },
+    hasControls && /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.TouchableOpacity,
+      {
+        onPress: handlePrevious,
+        disabled: !canGoPrev,
+        activeOpacity: 0.7,
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel: "Previous page",
+        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        style: [styles39.controlBtn, !canGoPrev && styles39.controlBtnDisabled]
+      },
+      renderIcon("chevron-left", s(18), canGoPrev ? colors.foreground : colors.foregroundMuted)
+    ),
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles39.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React25__default.default.createElement(
+      Dot,
+      {
+        key: i,
+        active: i === activeIndex,
+        size,
+        activeColor: resolvedActive,
+        inactiveColor: resolvedInactive,
+        index: i,
+        total: count,
+        onPress: onDotPress ? () => onDotPress(i) : void 0
+      }
+    ))),
+    hasControls && /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.TouchableOpacity,
+      {
+        onPress: handleNext,
+        disabled: !canGoNext,
+        activeOpacity: 0.7,
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel: "Next page",
+        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        style: [styles39.controlBtn, !canGoNext && styles39.controlBtnDisabled]
+      },
+      renderIcon("chevron-right", s(18), canGoNext ? colors.foreground : colors.foregroundMuted)
+    )
+  );
+}
+var styles39 = reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  dotsRow: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  controlBtn: {
+    padding: s(4)
+  },
+  controlBtnDisabled: {
+    opacity: 0.3
+  }
+});
+function AppHeader({
+  title,
+  subtitle,
+  onBack,
+  backIconName = "chevron-left",
+  left,
+  right,
+  titleAlign = "auto",
+  bordered = true,
+  withSafeArea = true,
+  backgroundColor,
+  style
+}) {
+  const { colors } = useTheme();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const { width } = reactNative.useWindowDimensions();
+  const isWide = width >= BREAKPOINTS.wide;
+  const centered = titleAlign === "center" || titleAlign === "auto" && isWide;
+  const leftNode = left ?? (onBack ? /* @__PURE__ */ React25__default.default.createElement(
+    IconButton,
+    {
+      iconName: backIconName,
+      variant: "text",
+      size: "md",
+      onPress: onBack,
+      accessibilityLabel: "Go back"
+    }
+  ) : null);
+  const titleBlock = /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles40.titleBlock, centered && styles40.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles40.title, { color: colors.foreground }, centered && styles40.textCentered],
+      numberOfLines: 1,
+      allowFontScaling: true,
+      accessibilityRole: "header"
+    },
+    title
+  ) : null, subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles40.subtitle, { color: colors.foregroundMuted }, centered && styles40.textCentered],
+      numberOfLines: 1,
+      allowFontScaling: true
+    },
+    subtitle
+  ) : null);
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles40.container,
+        {
+          backgroundColor: backgroundColor ?? colors.background,
+          paddingTop: withSafeArea ? insets.top : 0,
+          borderBottomWidth: bordered ? reactNative.StyleSheet.hairlineWidth : 0,
+          borderBottomColor: colors.border
+        },
+        style
+      ]
+    },
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles40.bar }, centered ? /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)) : /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), titleBlock, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)))
+  );
+}
+var styles40 = reactNative.StyleSheet.create({
+  container: {
+    width: "100%"
+  },
+  bar: {
+    minHeight: vs(48),
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: s(8)
+  },
+  side: {
+    minWidth: s(44),
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "flex-start"
+  },
+  sideRight: {
+    justifyContent: "flex-end"
+  },
+  titleBlock: {
+    flex: 1,
+    justifyContent: "center",
+    paddingHorizontal: s(8),
+    gap: vs(1)
+  },
+  titleBlockCentered: {
+    alignItems: "center"
+  },
+  title: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(18),
+    lineHeight: mvs(24)
+  },
+  subtitle: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(16)
+  },
+  textCentered: {
+    textAlign: "center"
+  }
+});
+function isSelected(value, candidate) {
+  if (value == null) return false;
+  return Array.isArray(value) ? value.includes(candidate) : value === candidate;
+}
+function Cell({ item, selected, width, onPress }) {
+  const { colors } = useTheme();
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.chip,
+    disabled: item.disabled
+  });
+  const iconColor = selected ? colors.primary : colors.foregroundSubtle;
+  const iconNode = item.icon ?? (item.iconName ? renderIcon(item.iconName, ms(24), iconColor) : null);
+  return /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      onPress,
+      onPressIn,
+      onPressOut,
+      disabled: item.disabled,
+      activeOpacity: 1,
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityState: { selected, disabled: item.disabled },
+      accessibilityLabel: item.label ?? String(item.value),
+      ...hoverHandlers,
+      style: [
+        styles41.cell,
+        {
+          backgroundColor: selected ? colors.primary + "14" : colors.surface,
+          borderColor: selected ? colors.primary : "transparent"
+        },
+        item.disabled && styles41.cellDisabled
+      ]
+    },
+    iconNode,
+    item.label ? /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles41.label, { color: selected ? colors.primary : colors.foreground }],
+        numberOfLines: 1,
+        allowFontScaling: true
+      },
+      item.label
+    ) : null
+  ));
+}
+function SelectableGrid({
+  items,
+  value,
+  onChange,
+  multiple = false,
+  numColumns = 4,
+  gap = 12,
+  orientation = "grid",
+  style
+}) {
+  const [containerWidth, setContainerWidth] = React25.useState(0);
+  const gapPx = s(gap);
+  const cellWidth = containerWidth > 0 ? (containerWidth - gapPx * (numColumns - 1)) / numColumns - 0.5 : 0;
+  const horizCellWidth = s(72);
+  const handlePress = (item) => {
+    if (item.disabled) return;
+    selectionAsync();
+    onChange(item.value);
+  };
+  if (orientation === "horizontal") {
+    return /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.ScrollView,
+      {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: [styles41.horizontal, { gap: gapPx }, style],
+        accessibilityRole: multiple ? void 0 : "radiogroup"
+      },
+      items.map((item) => /* @__PURE__ */ React25__default.default.createElement(
+        Cell,
+        {
+          key: String(item.value),
+          item,
+          selected: isSelected(value, item.value),
+          width: horizCellWidth,
+          onPress: () => handlePress(item)
+        }
+      ))
+    );
+  }
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.View,
+    {
+      style: [styles41.grid, { gap: gapPx }, style],
+      onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
+      accessibilityRole: multiple ? void 0 : "radiogroup"
+    },
+    cellWidth > 0 ? items.map((item) => /* @__PURE__ */ React25__default.default.createElement(
+      Cell,
+      {
+        key: String(item.value),
+        item,
+        selected: isSelected(value, item.value),
+        width: cellWidth,
+        onPress: () => handlePress(item)
+      }
+    )) : null
+  );
+}
+var styles41 = reactNative.StyleSheet.create({
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  horizontal: {
+    flexDirection: "row",
+    paddingHorizontal: s(4)
+  },
+  cell: {
+    flex: 1,
+    borderRadius: RADIUS.md,
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: vs(4),
+    paddingHorizontal: s(12),
+    paddingVertical: vs(12)
+  },
+  cellDisabled: {
+    opacity: 0.4
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(12),
+    lineHeight: mvs(15),
+    textAlign: "center"
+  }
+});
+var normalize = (f) => typeof f === "string" ? { label: f, included: true } : { included: true, ...f };
+function PricingCard({
+  name,
+  price,
+  period,
+  description,
+  features = [],
+  ctaLabel,
+  onCtaPress,
+  badge,
+  highlighted = false,
+  footnote,
+  style
+}) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles42.card,
+        {
+          backgroundColor: colors.card,
+          borderColor: highlighted ? colors.primary : colors.border,
+          borderWidth: highlighted ? 2 : reactNative.StyleSheet.hairlineWidth
+        },
+        highlighted && SHADOWS.md,
+        style
+      ],
+      accessibilityRole: "summary"
+    },
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles42.header }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React25__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles42.priceRow }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
+    description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
+    features.length > 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles42.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: i, style: styles42.featureRow }, renderIcon(
+      f.included ? "check" : "minus",
+      ms(16),
+      f.included ? colors.success : colors.foregroundMuted
+    ), /* @__PURE__ */ React25__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [
+          styles42.featureLabel,
+          { color: f.included ? colors.foreground : colors.foregroundMuted },
+          !f.included && styles42.featureExcluded
+        ],
+        allowFontScaling: true
+      },
+      f.label
+    )))) : null,
+    ctaLabel ? /* @__PURE__ */ React25__default.default.createElement(
+      Button,
+      {
+        label: ctaLabel,
+        variant: highlighted ? "primary" : "secondary",
+        fullWidth: true,
+        onPress: onCtaPress,
+        style: styles42.cta
+      }
+    ) : null,
+    footnote ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
+  );
+}
+var styles42 = reactNative.StyleSheet.create({
+  card: {
+    borderRadius: RADIUS.md,
+    padding: s(16),
+    gap: vs(8)
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: s(8)
+  },
+  name: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(16),
+    lineHeight: mvs(20)
+  },
+  priceRow: {
+    flexDirection: "row",
+    alignItems: "baseline",
+    gap: s(3)
+  },
+  price: {
+    fontFamily: "Sohne-Bold",
+    fontSize: ms(28),
+    lineHeight: mvs(32),
+    letterSpacing: -0.5
+  },
+  period: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(16)
+  },
+  description: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  },
+  features: {
+    gap: vs(6),
+    marginTop: vs(2)
+  },
+  featureRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(6)
+  },
+  featureLabel: {
+    flex: 1,
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  },
+  featureExcluded: {
+    textDecorationLine: "line-through"
+  },
+  cta: {
+    marginTop: vs(2)
+  },
+  footnote: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(11),
+    lineHeight: mvs(14),
+    textAlign: "center"
+  }
+});
+function TabBar({
+  items,
+  activeKey,
+  onTabPress,
+  activeColor,
+  inactiveColor,
+  withSafeArea = true,
+  style
+}) {
+  const { colors } = useTheme();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const resolvedActive = activeColor ?? colors.primary;
+  const resolvedInactive = inactiveColor ?? colors.foregroundMuted;
+  return /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles43.container,
+        {
+          backgroundColor: colors.card,
+          borderTopColor: colors.border,
+          paddingBottom: withSafeArea ? insets.bottom : 0
+        },
+        style
+      ],
+      accessibilityRole: "tablist"
+    },
+    items.map((item) => {
+      const active = item.key === activeKey;
+      const tint = active ? resolvedActive : resolvedInactive;
+      const iconNode = item.icon ?? (item.iconName ? renderIcon(item.iconName, ms(24), tint) : null);
+      const showBadge = item.badge !== void 0 && item.badge !== false;
+      const badgeCount = typeof item.badge === "number" ? item.badge : void 0;
+      return /* @__PURE__ */ React25__default.default.createElement(
+        reactNative.TouchableOpacity,
+        {
+          key: item.key,
+          style: styles43.tab,
+          onPress: () => {
+            if (!active) selectionAsync();
+            onTabPress(item.key);
+          },
+          activeOpacity: 0.7,
+          touchSoundDisabled: true,
+          accessibilityRole: "tab",
+          accessibilityState: { selected: active },
+          accessibilityLabel: item.label ?? item.key
+        },
+        /* @__PURE__ */ React25__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React25__default.default.createElement(
+          reactNative.View,
+          {
+            style: [
+              styles43.badge,
+              { backgroundColor: colors.destructive, borderColor: colors.card },
+              badgeCount === void 0 && styles43.badgeDot
+            ]
+          },
+          badgeCount !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles43.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
+        ) : null),
+        item.label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles43.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
+      );
+    })
+  );
+}
+var styles43 = reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    borderTopWidth: reactNative.StyleSheet.hairlineWidth
+  },
+  tab: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingTop: vs(8),
+    paddingBottom: vs(6),
+    gap: vs(2),
+    minHeight: vs(48)
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(11),
+    lineHeight: mvs(14)
+  },
+  badge: {
+    position: "absolute",
+    top: -vs(4),
+    right: -s(10),
+    minWidth: s(16),
+    height: s(16),
+    borderRadius: s(8),
+    borderWidth: 1.5,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: s(3)
+  },
+  badgeDot: {
+    minWidth: s(10),
+    height: s(10),
+    borderRadius: s(5),
+    top: -vs(2),
+    right: -s(6),
+    paddingHorizontal: 0
+  },
+  badgeText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(9),
+    lineHeight: ms(11)
+  }
+});
+var MAX_SCALE = 3;
+var DOUBLE_TAP_SCALE = 2.5;
+function ZoomableImage({ source, width, height, onZoomChange }) {
+  const scale2 = Animated13.useSharedValue(1);
+  const savedScale = Animated13.useSharedValue(1);
+  const translateX = Animated13.useSharedValue(0);
+  const translateY = Animated13.useSharedValue(0);
+  const savedX = Animated13.useSharedValue(0);
+  const savedY = Animated13.useSharedValue(0);
+  const reportZoom = React25.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
+  const reset = () => {
+    "worklet";
+    scale2.value = Animated13.withTiming(1);
+    savedScale.value = 1;
+    translateX.value = Animated13.withTiming(0);
+    translateY.value = Animated13.withTiming(0);
+    savedX.value = 0;
+    savedY.value = 0;
+    Animated13.runOnJS(reportZoom)(false);
+  };
+  const pinch = reactNativeGestureHandler.Gesture.Pinch().onUpdate((e) => {
+    scale2.value = Math.max(1, Math.min(savedScale.value * e.scale, MAX_SCALE));
+  }).onEnd(() => {
+    savedScale.value = scale2.value;
+    if (scale2.value <= 1) {
+      reset();
+    } else {
+      Animated13.runOnJS(reportZoom)(true);
+    }
+  });
+  const pan = reactNativeGestureHandler.Gesture.Pan().onUpdate((e) => {
+    if (scale2.value <= 1) return;
+    translateX.value = savedX.value + e.translationX;
+    translateY.value = savedY.value + e.translationY;
+  }).onEnd(() => {
+    savedX.value = translateX.value;
+    savedY.value = translateY.value;
+  });
+  const doubleTap = reactNativeGestureHandler.Gesture.Tap().numberOfTaps(2).onEnd(() => {
+    if (scale2.value > 1) {
+      reset();
+    } else {
+      scale2.value = Animated13.withTiming(DOUBLE_TAP_SCALE);
+      savedScale.value = DOUBLE_TAP_SCALE;
+      Animated13.runOnJS(reportZoom)(true);
+    }
+  });
+  const composed = reactNativeGestureHandler.Gesture.Exclusive(doubleTap, reactNativeGestureHandler.Gesture.Simultaneous(pinch, pan));
+  const animatedStyle = Animated13.useAnimatedStyle(() => ({
+    transform: [
+      { translateX: translateX.value },
+      { translateY: translateY.value },
+      { scale: scale2.value }
+    ]
+  }));
+  return /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [{ width, height }, styles44.imageWrap] }, /* @__PURE__ */ React25__default.default.createElement(
+    Animated13__default.default.Image,
+    {
+      source,
+      style: [{ width, height }, animatedStyle],
+      resizeMode: "contain"
+    }
+  )));
+}
+function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
+  const { width, height } = reactNative.useWindowDimensions();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const [index, setIndex] = React25.useState(initialIndex);
+  const [pagingEnabled, setPagingEnabled] = React25.useState(true);
+  const scrollRef = React25__default.default.useRef(null);
+  React25__default.default.useEffect(() => {
+    if (!visible) return;
+    const handle = requestAnimationFrame(() => {
+      setIndex(initialIndex);
+      setPagingEnabled(true);
+      scrollRef.current?.scrollTo({ x: initialIndex * width, animated: false });
+    });
+    return () => cancelAnimationFrame(handle);
+  }, [visible, initialIndex, width]);
+  const dragY = Animated13.useSharedValue(0);
+  const DISMISS_THRESHOLD = height * 0.18;
+  const closeViewer = React25.useCallback(() => onClose(), [onClose]);
+  const swipeDown = reactNativeGestureHandler.Gesture.Pan().enabled(pagingEnabled).activeOffsetY(12).failOffsetX([-16, 16]).onUpdate((e) => {
+    dragY.value = Math.max(0, e.translationY);
+  }).onEnd((e) => {
+    if (e.translationY > DISMISS_THRESHOLD || e.velocityY > 800) {
+      Animated13.runOnJS(closeViewer)();
+    } else {
+      dragY.value = Animated13.withTiming(0);
+    }
+  });
+  React25__default.default.useEffect(() => {
+    if (visible) dragY.value = 0;
+  }, [visible, dragY]);
+  const dismissStyle = Animated13.useAnimatedStyle(() => ({
+    transform: [{ translateY: dragY.value }]
+  }));
+  const backdropStyle = Animated13.useAnimatedStyle(() => ({
+    opacity: 1 - Math.min(dragY.value / (height * 0.5), 0.85)
+  }));
+  const onMomentumEnd = (e) => {
+    const page = Math.round(e.nativeEvent.contentOffset.x / width);
+    setIndex(page);
+  };
+  const goTo = (page) => {
+    scrollRef.current?.scrollTo({ x: page * width, animated: true });
+    setIndex(page);
+  };
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles44.root }, /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [styles44.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: [styles44.container, dismissStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React25__default.default.createElement(Animated13__default.default.View, { style: styles44.root }, /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.ScrollView,
+    {
+      ref: scrollRef,
+      horizontal: true,
+      pagingEnabled: true,
+      scrollEnabled: pagingEnabled,
+      showsHorizontalScrollIndicator: false,
+      onMomentumScrollEnd: onMomentumEnd,
+      bounces: false
+    },
+    images.map((source, i) => /* @__PURE__ */ React25__default.default.createElement(
+      ZoomableImage,
+      {
+        key: i,
+        source,
+        width,
+        height,
+        onZoomChange: (zoomed) => setPagingEnabled(!zoomed)
+      }
+    ))
+  ))), /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      style: [styles44.closeButton, { top: insets.top + vs(8) }],
+      onPress: onClose,
+      activeOpacity: 0.7,
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close",
+      hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
+    },
+    renderIcon("x", 26, "#fff")
+  ), images.length > 1 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles44.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React25__default.default.createElement(
+    PagerDots,
+    {
+      count: images.length,
+      activeIndex: index,
+      onDotPress: goTo,
+      activeColor: "#fff",
+      inactiveColor: "rgba(255,255,255,0.4)"
+    }
+  )) : null)));
+}
+var styles44 = reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  container: {
+    flex: 1
+  },
+  backdrop: {
+    ...reactNative.StyleSheet.absoluteFillObject,
+    backgroundColor: "#000"
+  },
+  imageWrap: {
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  },
+  closeButton: {
+    position: "absolute",
+    right: s(12),
+    width: s(40),
+    height: s(40),
+    borderRadius: s(20),
+    backgroundColor: "rgba(0,0,0,0.4)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  dots: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    alignItems: "center"
+  }
+});
 
 // src/utils/typography.ts
 function getResponsiveFontSize(text, maxSize, steps = [
@@ -4315,6 +5494,7 @@ Object.defineProperty(exports, "toast", {
 });
 exports.Accordion = Accordion;
 exports.AlertBanner = AlertBanner;
+exports.AppHeader = AppHeader;
 exports.Avatar = Avatar;
 exports.BREAKPOINTS = BREAKPOINTS;
 exports.Badge = Badge;
@@ -4333,9 +5513,9 @@ exports.ChipGroup = ChipGroup;
 exports.ConfirmDialog = ConfirmDialog;
 exports.CurrencyDisplay = CurrencyDisplay;
 exports.CurrencyInput = CurrencyInput;
-exports.CurrencyInputLarge = CurrencyInput;
 exports.DetailRow = DetailRow;
 exports.EmptyState = EmptyState;
+exports.ErrorBoundary = ErrorBoundary;
 exports.Form = Form;
 exports.FormField = FormField;
 exports.FormFooter = FormFooter;
@@ -4343,6 +5523,7 @@ exports.FormSection = FormSection;
 exports.ICON_SIZES = ICON_SIZES;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
+exports.ImageViewer = ImageViewer;
 exports.Input = Input;
 exports.LabelValue = LabelValue;
 exports.ListGroup = ListGroup;
@@ -4355,13 +5536,17 @@ exports.MenuGroupFooter = MenuGroupFooter;
 exports.MenuGroupHeader = MenuGroupHeader;
 exports.MenuItem = MenuItem;
 exports.MonthPicker = MonthPicker;
-exports.Pressable = Pressable2;
+exports.PagerDots = PagerDots;
+exports.Pressable = Pressable3;
+exports.PricingCard = PricingCard;
 exports.Progress = Progress;
 exports.RADIUS = RADIUS;
 exports.RadioGroup = RadioGroup;
+exports.RetrayProvider = RetrayProvider;
 exports.SHADOWS = SHADOWS;
 exports.SPACING = SPACING;
 exports.Select = Select;
+exports.SelectableGrid = SelectableGrid;
 exports.Separator = Separator;
 exports.Sheet = Sheet;
 exports.Skeleton = Skeleton;
@@ -4369,6 +5554,7 @@ exports.Slider = Slider;
 exports.Spinner = Spinner;
 exports.Switch = Switch;
 exports.TYPOGRAPHY = TYPOGRAPHY;
+exports.TabBar = TabBar;
 exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.Text = Text3;
@@ -4378,10 +5564,20 @@ exports.ToastProvider = ToastProvider;
 exports.Toggle = Toggle;
 exports.VirtualList = VirtualList;
 exports.configureIconFamilies = configureIconFamilies;
+exports.dateToMonthPickerValue = dateToMonthPickerValue;
 exports.defaultDark = defaultDark;
 exports.defaultLight = defaultLight;
 exports.deriveColors = deriveColors;
 exports.getResponsiveFontSize = getResponsiveFontSize;
+exports.impactHeavy = impactHeavy;
+exports.impactLight = impactLight;
+exports.impactMedium = impactMedium;
+exports.monthPickerValueToDate = monthPickerValueToDate;
+exports.notificationError = notificationError;
+exports.notificationSuccess = notificationSuccess;
+exports.notificationWarning = notificationWarning;
 exports.renderIcon = renderIcon;
+exports.richHaptics = richHaptics;
+exports.selectionAsync = selectionAsync;
 exports.useTheme = useTheme;
 exports.useToast = useToast;