@retray-dev/ui-kit 12.1.0 → 13.0.0

package/dist/index.js

@@ -2,6 +2,7 @@
 
 var React54 = require('react');
 var reactNative = require('react-native');
+var reactNativeEase = require('react-native-ease');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -10,12 +11,12 @@ 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 Animated12 = require('react-native-reanimated');
 var expoFont = require('expo-font');
 var bottomSheet = require('@gorhom/bottom-sheet');
-var reactNativeEase = require('react-native-ease');
 var vectorIcons = require('@expo/vector-icons');
+var Animated6 = require('react-native-reanimated');
 var expoLinearGradient = require('expo-linear-gradient');
+var expoImage = require('expo-image');
 var RNSlider = require('@react-native-community/slider');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var picker = require('@react-native-picker/picker');
@@ -31,7 +32,7 @@ var Feather__default = /*#__PURE__*/_interopDefault(Feather);
 var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
-var Animated12__default = /*#__PURE__*/_interopDefault(Animated12);
+var Animated6__default = /*#__PURE__*/_interopDefault(Animated6);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
@@ -52,6 +53,13 @@ function hexToRgb(hex) {
     b: parseInt(full.slice(4, 6), 16)
   };
 }
+function withAlpha(hex, alpha) {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+  return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
+}
+
+// src/theme/colors.ts
 function componentToHex(c) {
   return Math.round(Math.max(0, Math.min(255, c))).toString(16).padStart(2, "0");
 }
@@ -92,13 +100,6 @@ function darken(hex, amount) {
   if (!rgb) return hex;
   return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
 }
-function withAlpha(hex, alpha) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
-}
-
-// src/theme/colors.ts
 var defaultLight = {
   background: "#ffffff",
   foreground: "#1a1a1a",
@@ -144,6 +145,7 @@ function deriveColors(t, scheme) {
   const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
   const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
   const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
+  const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
   const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
   const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
   const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
@@ -156,6 +158,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,
@@ -172,10 +175,7 @@ function deriveColors(t, scheme) {
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React54.createContext({
-  colors: deriveColors(defaultLight, "light"),
-  colorScheme: "light"
-});
+var ThemeContext = React54.createContext(void 0);
 function ThemeProvider({ children, theme, colorScheme = "system" }) {
   const systemScheme = reactNative.useColorScheme() ?? "light";
   const resolvedScheme = colorScheme === "system" ? systemScheme : colorScheme;
@@ -195,11 +195,11 @@ function useTheme() {
   return context;
 }
 var _haptics = null;
-var _hapticsLoaded = false;
+var _loaded = false;
 async function getHaptics() {
   if (reactNative.Platform.OS === "web") return null;
-  if (!_hapticsLoaded) {
-    _hapticsLoaded = true;
+  if (!_loaded) {
+    _loaded = true;
     try {
       _haptics = await import('expo-haptics');
     } catch {
@@ -208,214 +208,60 @@ async function getHaptics() {
   }
   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) => {
-    if (h) {
-      h.selectionAsync();
-    } else {
-      getPulsar()?.Presets.System.selection();
-    }
-  });
+  getHaptics().then((h) => h?.selectionAsync());
 }
 function impactLight() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Light);
-    } else {
-      getPulsar()?.Presets.System.impactLight();
-    }
-  });
+  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
 }
 function impactMedium() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Medium);
-    } else {
-      getPulsar()?.Presets.System.impactMedium();
-    }
-  });
+  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
 }
 function impactHeavy() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.impactAsync(h.ImpactFeedbackStyle.Heavy);
-    } else {
-      getPulsar()?.Presets.System.impactHeavy();
-    }
-  });
+  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Heavy));
 }
 function notificationSuccess() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.notificationAsync(h.NotificationFeedbackType.Success);
-    } else {
-      getPulsar()?.Presets.System.notificationSuccess();
-    }
-  });
+  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
 }
 function notificationError() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.notificationAsync(h.NotificationFeedbackType.Error);
-    } else {
-      getPulsar()?.Presets.System.notificationError();
-    }
-  });
+  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Error));
 }
 function notificationWarning() {
-  if (reactNative.Platform.OS === "web") return;
-  getHaptics().then((h) => {
-    if (h) {
-      h.notificationAsync(h.NotificationFeedbackType.Warning);
-    } else {
-      getPulsar()?.Presets.System.notificationWarning();
-    }
-  });
+  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Warning));
 }
-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;
 var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
 var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
-var glyphMapOf = (mod) => mod.glyphMap ?? {};
 var ALL_FAMILIES = [
-  { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
-  { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
-  { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
-  { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
-  { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
-  { name: "Feather", component: Feather__default.default, getGlyphMap: () => glyphMapOf(Feather__default.default) }
+  { name: "Feather", component: Feather__default.default },
+  { name: "AntDesign", component: AntDesign__default.default },
+  { name: "Entypo", component: Entypo__default.default },
+  { name: "FontAwesome5", component: FontAwesome5__default.default },
+  { name: "MaterialIcons", component: MaterialIcons__default.default },
+  { name: "Ionicons", component: Ionicons__default.default }
 ];
-var activeFamilies = ALL_FAMILIES;
-var resolvedCache = null;
-function configureIconFamilies(families) {
-  const order = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
-  activeFamilies = order.length > 0 ? order : ALL_FAMILIES;
-  resolvedCache = null;
-}
-function buildCache(families) {
-  const cache = /* @__PURE__ */ new Map();
-  for (const family of families ?? activeFamilies) {
-    const glyphMap = family.getGlyphMap();
-    for (const iconName of Object.keys(glyphMap)) {
-      cache.set(iconName, family);
+var glyphCacheInitialized = false;
+function ensureGlyphCache() {
+  if (glyphCacheInitialized) return;
+  glyphCacheInitialized = true;
+  for (const entry of ALL_FAMILIES) {
+    try {
+      entry.glyphMap = entry.component.glyphMap;
+    } catch {
+      entry.glyphMap = {};
     }
   }
-  return cache;
-}
-function resolveFamily(name) {
-  if (!resolvedCache) {
-    resolvedCache = buildCache();
-  }
-  return resolvedCache.get(name) ?? null;
-}
-var cachedIconNames = null;
-function getValidIconNames(families) {
-  if (families && families.length > 0) {
-    const tempFamilies = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
-    if (tempFamilies.length === 0) return [];
-    const cache = buildCache(tempFamilies);
-    return Array.from(cache.keys());
-  }
-  if (!cachedIconNames) {
-    const cache = buildCache();
-    cachedIconNames = Array.from(cache.keys());
-  }
-  return cachedIconNames;
 }
 function Icon({ name, size, color, family }) {
-  let resolved = null;
-  if (family) {
-    resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
-  } else {
-    resolved = resolveFamily(name);
-  }
-  if (!resolved) return null;
-  const Component = resolved.component;
-  return React54__default.default.createElement(Component, { name, size, color });
-}
-function renderIcon(name, size, color) {
-  return React54__default.default.createElement(Icon, { name, size, color });
+  ensureGlyphCache();
+  const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
+    const glyphMap = f.glyphMap;
+    return glyphMap ? name in glyphMap : false;
+  });
+  if (!entry) return null;
+  return React54__default.default.createElement(entry.component, { name, size, color });
 }
 
 // src/tokens.ts
@@ -607,35 +453,25 @@ var TYPOGRAPHY = {
     letterSpacing: 0
   }
 };
+var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
+  "worklet";
+  return { transform: [{ scale: 1 - (1 - scale2) * progress }] };
+});
+var PressableButton = makePressable(0.95);
+var PressableCard = makePressable(0.98);
+var PressableRow = makePressable(0.97);
+var PressableChip = makePressable(0.94);
+var PressableTab = makePressable(0.95);
+
+// src/utils/animations.ts
 var SPRINGS = {
-  /** Tight, premium press feel — Buttons, Toggle, Tabs triggers. */
-  pressIn: { stiffness: 600, damping: 35, mass: 0.8 },
-  pressOut: { stiffness: 280, damping: 22, mass: 0.8 },
-  /** Slightly softer for larger surfaces — Card, ListItem, MenuItem. */
-  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 }};
 var TIMINGS = {
-  /** Color/opacity transitions on toggles, checkboxes, switches. */
   state: { duration: 160 },
-  /** Focus ring on inputs. */
-  focusIn: { duration: 140 },
-  focusOut: { duration: 100 },
-  /** Accordion / collapsible content. */
   expand: { duration: 240 },
   collapse: { duration: 200 },
-  /** Skeleton shimmer cycle (full pass). */
   shimmer: { duration: 1400 }
 };
-var EASINGS = {
-  /** Material-style ease-out — natural deceleration for state changes. */
-  standard: Animated12.Easing.bezier(0.2, 0, 0, 1),
-  /** Strong ease-out for expanding surfaces (Accordion open). */
-  expand: Animated12.Easing.bezier(0.23, 1, 0.32, 1),
-  /** Quick ease-in for collapsing. */
-  collapse: Animated12.Easing.in(Animated12.Easing.ease)
-};
 var COLOR_TRANSITION = {
   type: "timing",
   duration: TIMINGS.state.duration,
@@ -653,36 +489,7 @@ var SPRING_ELASTIC = {
   mass: 0.7
 };
 var PRESS_SCALE = {
-  button: 0.95,
-  card: 0.98,
-  row: 0.97,
-  chip: 0.94
-};
-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 }] };
-});
+  card: 0.98};
 
 // src/components/Button/Button.tsx
 var containerSizeStyles = {
@@ -719,38 +526,25 @@ function ButtonBase({
     impactMedium();
     onPress?.();
   };
-  const containerVariantStyle = {
-    primary: { backgroundColor: colors.primary },
-    secondary: { backgroundColor: "transparent", borderWidth: 1.5, borderColor: colors.primary },
-    text: { backgroundColor: "transparent" },
-    destructive: { backgroundColor: colors.destructive }
-  }[variant];
-  const labelVariantStyle = {
-    primary: { color: colors.primaryForeground },
-    secondary: { color: colors.primary },
-    // AUDIT FIX: was colors.foreground — visually indistinguishable from plain text,
-    // no affordance that it's a CTA. Now uses accentResolved so text-only buttons
-    // carry the brand voltage. Falls back to primary when no accent is defined.
-    text: { color: colors.accentResolved },
-    destructive: { color: colors.destructiveForeground }
+  const isSecondary = variant === "secondary";
+  const borderWidth = isSecondary ? 1.5 : 0;
+  const animateBgColor = isDisabled ? { primary: colors.surface, secondary: "transparent", text: "transparent", destructive: colors.surface }[variant] : { primary: colors.primary, secondary: "transparent", text: "transparent", destructive: colors.destructive }[variant];
+  const animateBorderColor = isDisabled ? isSecondary ? colors.border : "transparent" : isSecondary ? colors.primary : "transparent";
+  const labelColor = isDisabled ? colors.foregroundMuted : {
+    primary: colors.primaryForeground,
+    secondary: colors.primary,
+    text: colors.accentResolved,
+    destructive: colors.destructiveForeground
   }[variant];
-  const textColor = iconColor ?? labelVariantStyle.color;
-  const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], textColor) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
-  const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
+  const textColor = iconColor ?? labelColor;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: iconSizeMap[size], color: textColor }) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
+  const spinnerColor = isDisabled ? colors.foregroundMuted : variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
   const styleArray = Array.isArray(style) ? style : style ? [style] : [];
   const flatStyle = reactNative.StyleSheet.flatten(styleArray);
   const { flex, ...restStyle } = flatStyle || {};
   return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React54__default.default.createElement(
     PressableButton,
     {
-      style: [
-        styles.base,
-        containerVariantStyle,
-        containerSizeStyles[size],
-        fullWidth && styles.fullWidth,
-        isDisabled && styles.disabled,
-        restStyle
-      ],
       enabled: !isDisabled,
       onPress: handlePress,
       rippleColor: "transparent",
@@ -761,23 +555,37 @@ function ButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    loading ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.Text,
-      {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
-        allowFontScaling: true,
-        numberOfLines: 1
-      },
-      label
-    )) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.Text,
+    /* @__PURE__ */ React54__default.default.createElement(
+      reactNativeEase.EaseView,
       {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
-        allowFontScaling: true,
-        numberOfLines: 1
+        style: [
+          styles.base,
+          containerSizeStyles[size],
+          { borderWidth },
+          fullWidth && styles.fullWidth,
+          restStyle
+        ],
+        animate: { backgroundColor: animateBgColor, borderColor: animateBorderColor },
+        transition: COLOR_TRANSITION
       },
-      label
-    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon))
+      loading ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React54__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles.label, { color: labelColor }, labelSizeStyles[size], styles.labelLoading],
+          allowFontScaling: true,
+          numberOfLines: 1
+        },
+        label
+      )) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React54__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles.label, { color: labelColor }, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
+          allowFontScaling: true,
+          numberOfLines: 1
+        },
+        label
+      ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon))
+    )
   ));
 }
 var Button = React54__default.default.memo(ButtonBase);
@@ -791,9 +599,6 @@ var styles = reactNative.StyleSheet.create({
   fullWidth: {
     width: "100%"
   },
-  disabled: {
-    opacity: 0.45
-  },
   label: {
     fontFamily: "Sohne-Medium",
     flexShrink: 1
@@ -882,7 +687,7 @@ function IconButtonBase({
   }[variant];
   const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.foreground;
   const { container: containerSize, icon: iconSize } = sizeMap[size];
-  const resolvedIcon = iconName ? renderIcon(iconName, iconSize, iconColor ?? defaultIconColor) : icon;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: iconSize, color: iconColor ?? defaultIconColor }) : icon;
   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;
@@ -950,22 +755,6 @@ 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 { SohneFontNames } from '@retray-dev/ui-kit/fonts'\n  // Copy the SohneFonts boilerplate from CONSUMER.md into your App.tsx\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) },
@@ -1003,6 +792,14 @@ var defaultColorVariant = {
   "button-lg": "foreground",
   "button-sm": "foreground"
 };
+var fontWarned = false;
+function warnIfFontsMissing() {
+  if (fontWarned || typeof __DEV__ === "undefined" || !__DEV__) return;
+  fontWarned = true;
+  if (!expoFont.isLoaded("Sohne-Regular")) {
+    console.warn("[retray-ui-kit] Sohne fonts not loaded \u2014 text falls back to system font.");
+  }
+}
 function TextBase({ variant = "body-md", color, style, uppercase, children, ...props }) {
   warnIfFontsMissing();
   const { colors } = useTheme();
@@ -1020,14 +817,16 @@ function TextBase({ variant = "body-md", color, style, uppercase, children, ...p
 }
 var Text3 = React54__default.default.memo(TextBase);
 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, sheetMode = false, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, ...props }) {
+function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, sheetMode = false, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, autoCapitalize, autoCorrect, ...props }) {
   const { colors } = useTheme();
   const [focused, setFocused] = React54.useState(false);
   const [showPassword, setShowPassword] = React54.useState(false);
   const isDisabled = disabled || editable === false;
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
-  const effectivePrefix = prefixIcon ? renderIcon(prefixIcon, 20, prefixIconColor ?? colors.foregroundMuted) : prefix;
+  const effectiveAutoCapitalize = isPassword ? "none" : autoCapitalize;
+  const effectiveAutoCorrect = isPassword ? false : autoCorrect;
+  const effectivePrefix = prefixIcon ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: prefixIcon, size: 20, color: prefixIconColor ?? colors.foregroundMuted }) : prefix;
   const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
@@ -1035,10 +834,10 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       style: styles4.passwordToggle,
       activeOpacity: 0.6,
       accessibilityRole: "button",
-      accessibilityLabel: showPassword ? "Hide password" : "Show password"
+      accessibilityLabel: showPassword ? "Ocultar contrase\xF1a" : "Mostrar contrase\xF1a"
     },
     /* @__PURE__ */ React54__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
-  ) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : suffix;
+  ) : suffixIcon ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: suffixIcon, size: 20, color: suffixIconColor ?? colors.foregroundMuted }) : suffix;
   const borderColor = error ? colors.destructive : focused ? colors.primary : colors.border;
   return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
     reactNativeEase.EaseView,
@@ -1075,6 +874,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         secureTextEntry: effectiveSecure,
         editable: isDisabled ? false : editable,
         accessibilityLabel: accessibilityLabel ?? label,
+        autoCapitalize: effectiveAutoCapitalize,
+        autoCorrect: effectiveAutoCorrect,
         ...props
       }
     ) : /* @__PURE__ */ React54__default.default.createElement(
@@ -1099,6 +900,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         secureTextEntry: effectiveSecure,
         editable: isDisabled ? false : editable,
         accessibilityLabel: accessibilityLabel ?? label,
+        autoCapitalize: effectiveAutoCapitalize,
+        autoCorrect: effectiveAutoCorrect,
         ...props
       }
     ),
@@ -1210,7 +1013,7 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
     destructiveOutline: colors.destructive,
     warningOutline: colors.warning
   }[variant];
-  const effectiveIcon = iconName ? renderIcon(iconName, sizeIconSize[size], iconColor ?? textColor) : icon;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: sizeIconSize[size], color: iconColor ?? textColor }) : icon;
   const content = children ?? label;
   const a11yLabel = typeof content === "string" ? content : label;
   return /* @__PURE__ */ React54__default.default.createElement(
@@ -1279,7 +1082,8 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
         touchSoundDisabled: true,
         activateOnHover: true,
         accessibilityRole: "button",
-        accessibilityLabel
+        accessibilityLabel,
+        accessibilityState: { disabled: false }
       },
       cardContent
     );
@@ -1362,7 +1166,7 @@ var styles7 = reactNative.StyleSheet.create({
 });
 var sizeMap2 = {
   sm: "small",
-  md: "small",
+  md: "large",
   lg: "large"
 };
 var labelFontSize = {
@@ -1372,7 +1176,7 @@ var labelFontSize = {
 };
 function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
-  const a11yLabel = label || "Loading";
+  const a11yLabel = label || "Cargando";
   if (label) {
     return /* @__PURE__ */ React54__default.default.createElement(
       reactNative.View,
@@ -1421,20 +1225,21 @@ function Skeleton({
   borderRadius = 6,
   preset = "base",
   diameter = 40,
+  backgroundColor,
   style
 }) {
   const { colors, colorScheme } = useTheme();
-  const shimmer = Animated12.useSharedValue(0);
+  const shimmer = Animated6.useSharedValue(0);
   const [containerWidth, setContainerWidth] = React54.useState(300);
-  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
+  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.07)";
   React54.useEffect(() => {
-    shimmer.value = Animated12.withRepeat(
-      Animated12.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated12.Easing.linear }),
+    shimmer.value = Animated6.withRepeat(
+      Animated6.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated6.Easing.linear }),
       -1,
       false
     );
   }, [shimmer]);
-  const shimmerStyle = Animated12.useAnimatedStyle(() => ({
+  const shimmerStyle = Animated6.useAnimatedStyle(() => ({
     transform: [{ translateX: -containerWidth + shimmer.value * (containerWidth * 2) }]
   }));
   const resolvedWidth = preset === "circle" ? s(diameter) : preset === "text" ? "60%" : width;
@@ -1445,15 +1250,15 @@ function Skeleton({
     {
       style: [
         styles9.base,
-        { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: colors.surface },
+        { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: backgroundColor ?? colors.skeleton },
         style
       ],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
       accessibilityRole: "progressbar",
-      accessibilityLabel: "Loading",
+      accessibilityLabel: "Cargando",
       accessibilityState: { busy: true }
     },
-    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React54__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1580,7 +1385,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
       accessibilityLabel: a11yLabel
     },
     /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.Image,
+      expoImage.Image,
       {
         source: { uri: src },
         style: { width: dimension, height: dimension },
@@ -1613,6 +1418,66 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
   );
 }
 var Avatar = React54__default.default.memo(AvatarBase);
+function AvatarGroup({
+  users,
+  max = 3,
+  size = "sm",
+  overlap = vs(8),
+  onOverflowPress,
+  style
+}) {
+  const { colors } = useTheme();
+  const visible = users.slice(0, max);
+  const overflowCount = users.length - max;
+  const dimension = sizeMap3[size];
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles10.group, style], accessibilityLabel: `${users.length} avatares` }, visible.map((user, i) => /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.View,
+    {
+      key: `${user.name}-${i}`,
+      style: [
+        styles10.groupItem,
+        i > 0 && { marginLeft: -overlap },
+        { zIndex: visible.length - i }
+      ]
+    },
+    /* @__PURE__ */ React54__default.default.createElement(
+      Avatar,
+      {
+        src: user.src,
+        fallbackText: user.name,
+        size
+      }
+    )
+  )), overflowCount > 0 ? /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      style: [
+        styles10.overflowBadge,
+        {
+          width: dimension,
+          height: dimension,
+          borderRadius: dimension / 2,
+          backgroundColor: colors.surfaceStrong,
+          marginLeft: -overlap
+        }
+      ],
+      onPress: onOverflowPress,
+      disabled: !onOverflowPress,
+      activeOpacity: 0.7,
+      accessibilityRole: "button",
+      accessibilityLabel: `${overflowCount} avatares m\xE1s`
+    },
+    /* @__PURE__ */ React54__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles10.overflowText, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      "+",
+      overflowCount
+    )
+  ) : null);
+}
 var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -1629,6 +1494,21 @@ var styles10 = reactNative.StyleSheet.create({
     position: "absolute",
     bottom: 0,
     right: 0
+  },
+  group: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  groupItem: {
+    borderRadius: 999
+  },
+  overflowBadge: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  overflowText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(11)
   }
 });
 function AlertBanner({ title, description, variant = "default", icon, iconName, iconColor, onDismiss, style }) {
@@ -1643,7 +1523,7 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
     // a meaningful chromatic signal when an accent is defined.
     /* @__PURE__ */ React54__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;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: ms(16), color: iconColor ?? accentColor }) : icon ?? defaultIcon;
   const a11yLabel = description ? `${title}. ${description}` : title;
   return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
@@ -1663,9 +1543,10 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
       {
         onPress: onDismiss,
         style: styles11.dismissButton,
+        hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         activeOpacity: 0.6,
         accessibilityRole: "button",
-        accessibilityLabel: "Dismiss"
+        accessibilityLabel: "Descartar"
       },
       /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(16), color: colors.foregroundMuted })
     ) : null
@@ -1696,21 +1577,21 @@ var styles11 = reactNative.StyleSheet.create({
     fontSize: ms(12)
   },
   dismissButton: {
-    padding: s(4),
-    marginTop: vs(-2),
-    marginRight: -s(4)
+    padding: s(10),
+    marginTop: vs(-8),
+    marginRight: -s(10)
   }
 });
 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] = React54.useState(0);
-  const animatedWidth = Animated12.useSharedValue(0);
+  const animatedWidth = Animated6.useSharedValue(0);
   React54.useEffect(() => {
     if (trackWidth === 0) return;
-    animatedWidth.value = Animated12.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
+    animatedWidth.value = Animated6.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
   }, [percent, trackWidth, animatedWidth]);
-  const indicatorAnimatedStyle = Animated12.useAnimatedStyle(() => ({
+  const indicatorAnimatedStyle = Animated6.useAnimatedStyle(() => ({
     width: animatedWidth.value
   }));
   const indicatorColor = variant === "success" ? colors.success : variant === "warning" ? colors.warning : variant === "destructive" ? colors.destructive : colors.primary;
@@ -1724,7 +1605,7 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
       accessibilityValue: { min: 0, max: 100, now: Math.round(percent) }
     },
     /* @__PURE__ */ React54__default.default.createElement(
-      Animated12__default.default.View,
+      Animated6__default.default.View,
       {
         style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
       }
@@ -1746,7 +1627,7 @@ var styles12 = reactNative.StyleSheet.create({
 function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size = "default", style }) {
   const { colors } = useTheme();
   const isCompact = size === "compact";
-  const effectiveIcon = iconName ? renderIcon(iconName, isCompact ? 32 : 48, iconColor ?? colors.foregroundMuted) : icon;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: isCompact ? 32 : 48, color: iconColor ?? colors.foregroundMuted }) : icon;
   return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
@@ -1832,21 +1713,12 @@ var styles13 = reactNative.StyleSheet.create({
     paddingHorizontal: s(32)
   }
 });
-function useColorTransition(active, options = {}) {
-  const { duration = TIMINGS.state.duration } = options;
-  const progress = Animated12.useSharedValue(active ? 1 : 0);
-  React54.useEffect(() => {
-    progress.value = Animated12.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
-  }, [active, duration, progress]);
-  return progress;
-}
-
-// src/components/Textarea/Textarea.tsx
 var webInputResetStyle2 = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
 function Textarea({
   label,
   error,
   hint,
+  disabled,
   rows = 4,
   prefixIcon,
   prefixIconNode,
@@ -1860,54 +1732,48 @@ function Textarea({
 }) {
   const { colors } = useTheme();
   const [focused, setFocused] = React54.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 = Animated12.useAnimatedStyle(() => ({
-    borderColor: error ? colors.destructive : Animated12.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
-    borderWidth: error ? 2 : Animated12.interpolate(focusProgress.value, [0, 1], [1, 2])
-  }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
-    Animated12__default.default.View,
+  const resolvedPrefixIcon = prefixIcon ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: prefixIcon, size: ms(16), color: prefixIconColor ?? colors.foregroundMuted }) : prefixIconNode;
+  const borderColor = error ? colors.destructive : focused ? colors.primary : colors.border;
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles14.inputWrapper, { backgroundColor: colors.background }] }, /* @__PURE__ */ React54__default.default.createElement(
+    reactNativeEase.EaseView,
+    {
+      style: [styles14.borderOverlay, { borderWidth: error ? 2 : 1 }],
+      animate: { borderColor },
+      transition: COLOR_TRANSITION,
+      pointerEvents: "none"
+    }
+  ), resolvedPrefixIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null, /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.TextInput,
     {
+      multiline: true,
+      numberOfLines: rows,
+      textAlignVertical: "top",
+      editable: !disabled,
       style: [
-        styles14.inputWrapper,
-        { backgroundColor: colors.background }
-      ]
-    },
-    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    resolvedPrefixIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
-    /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.TextInput,
-      {
-        multiline: true,
-        numberOfLines: rows,
-        textAlignVertical: "top",
-        style: [
-          styles14.input,
-          {
-            color: colors.foreground,
-            minHeight: rows * vs(30)
-          },
-          webInputResetStyle2,
-          style
-        ],
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus?.(e);
-        },
-        onBlur: (e) => {
-          setFocused(false);
-          onBlur?.(e);
+        styles14.input,
+        {
+          color: colors.foreground,
+          minHeight: rows * vs(30)
         },
-        placeholderTextColor: colors.foregroundMuted,
-        allowFontScaling: true,
-        accessibilityLabel: accessibilityLabel ?? label,
-        ...props
-      }
-    )
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+        disabled && { opacity: 0.45 },
+        webInputResetStyle2,
+        style
+      ],
+      onFocus: (e) => {
+        setFocused(true);
+        onFocus?.(e);
+      },
+      onBlur: (e) => {
+        setFocused(false);
+        onBlur?.(e);
+      },
+      placeholderTextColor: colors.foregroundMuted,
+      allowFontScaling: true,
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityState: { disabled: !!disabled },
+      ...props
+    }
+  )), error ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles14.helperText, { color: colors.destructive }],
@@ -1928,8 +1794,6 @@ var styles14 = reactNative.StyleSheet.create({
     marginBottom: vs(2)
   },
   inputWrapper: {
-    // Border lives on borderOverlay (absolute); wrapper carries none so the
-    // focus weight change never reflows content.
     borderRadius: 8,
     paddingHorizontal: s(14),
     paddingVertical: vs(11),
@@ -2052,14 +1916,14 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
   const { colors } = useTheme();
   const isDisabled = !!disabled;
   return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.TouchableOpacity,
+    PressableButton,
     {
       onPress: () => {
         selectionAsync();
         onCheckedChange?.(!checked);
       },
-      disabled,
-      activeOpacity: 0.8,
+      enabled: !disabled,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "switch",
       accessibilityLabel,
@@ -2111,7 +1975,9 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
 }
 var styles16 = reactNative.StyleSheet.create({
   touchable: {
-    alignSelf: "flex-start"
+    alignSelf: "flex-start",
+    minHeight: 44,
+    justifyContent: "center"
   },
   trackContainer: {
     position: "relative",
@@ -2157,12 +2023,12 @@ function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconC
     return prop;
   };
   if (pressed) {
-    if (activeIconName) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
+    if (activeIconName) return /* @__PURE__ */ React54__default.default.createElement(Icon, { name: activeIconName, size: iconSize, color: activeIconColor ?? primaryColor });
     const active = renderProp(activeIcon);
     if (active) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, active);
     return /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
   }
-  if (iconName) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
+  if (iconName) return /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: iconSize, color: iconColor ?? mutedColor });
   const custom = renderProp(icon);
   if (custom) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, custom);
   return /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });
@@ -2261,106 +2127,52 @@ var styles17 = reactNative.StyleSheet.create({
     fontSize: ms(14)
   }
 });
-function useHover() {
-  const [hovered, setHovered] = React54.useState(false);
-  const onMouseEnter = React54.useCallback(() => setHovered(true), []);
-  const onMouseLeave = React54.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 = Animated12.useSharedValue(1);
-  const { hovered, hoverHandlers } = useHover();
-  const onPressIn = React54.useCallback(() => {
-    if (disabled) return;
-    scale2.value = Animated12.withSpring(pressScale, pressInSpring);
-  }, [disabled, pressScale, pressInSpring, scale2]);
-  const onPressOut = React54.useCallback(() => {
-    if (disabled) return;
-    scale2.value = Animated12.withSpring(1, pressOutSpring);
-  }, [disabled, pressOutSpring, scale2]);
-  const hoverActive = reactNative.Platform.OS === "web" && hovered && hoverScale !== 1 && !disabled;
-  const animatedStyle = Animated12.useAnimatedStyle(() => ({
-    transform: [
-      { scale: scale2.value * (hoverActive ? hoverScale : 1) }
-    ]
-  }));
-  return {
-    animatedStyle,
-    onPressIn,
-    onPressOut,
-    hoverHandlers
-  };
-}
-
-// src/components/RadioGroup/RadioGroup.tsx
 function RadioItem({
   option,
   selected,
   onSelect
 }) {
   const { colors } = useTheme();
-  const { animatedStyle: scaleStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled: option.disabled
-  });
-  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.
+  return /* @__PURE__ */ React54__default.default.createElement(
+    PressableButton,
+    {
+      style: [styles18.row, option.disabled && styles18.rowDisabled],
+      onPress: () => {
+        if (!option.disabled) {
+          selectionAsync();
+          onSelect();
+        }
+      },
+      enabled: !option.disabled,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "radio",
+      accessibilityLabel: option.label,
+      accessibilityState: { checked: selected, disabled: !!option.disabled }
+    },
     /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.TouchableOpacity,
+      reactNativeEase.EaseView,
       {
-        style: [styles18.row, option.disabled && styles18.rowDisabled],
-        onPress: () => {
-          if (!option.disabled) {
-            selectionAsync();
-            onSelect();
-          }
-        },
-        onPressIn,
-        onPressOut,
-        activeOpacity: 1,
-        touchSoundDisabled: true,
-        disabled: option.disabled,
-        accessibilityRole: "radio",
-        accessibilityLabel: option.label,
-        accessibilityState: { checked: selected, disabled: !!option.disabled }
+        style: styles18.radio,
+        animate: { borderColor: selected ? colors.primary : colors.border },
+        transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNativeEase.EaseView,
         {
-          style: styles18.radio,
-          animate: { borderColor: selected ? colors.primary : colors.border },
-          transition: COLOR_TRANSITION
-        },
-        /* @__PURE__ */ React54__default.default.createElement(
-          reactNativeEase.EaseView,
-          {
-            style: [styles18.dot, { backgroundColor: colors.primary }],
-            animate: { scale: selected ? 1 : 0, opacity: selected ? 1 : 0 },
-            transition: SPRING_ELASTIC
-          }
-        )
-      )),
-      /* @__PURE__ */ React54__default.default.createElement(
-        reactNative.Text,
-        {
-          style: [styles18.label, { color: colors.foreground }],
-          allowFontScaling: true
-        },
-        option.label
+          style: [styles18.dot, { backgroundColor: colors.primary }],
+          animate: { scale: selected ? 1 : 0, opacity: selected ? 1 : 0 },
+          transition: SPRING_ELASTIC
+        }
       )
+    ),
+    /* @__PURE__ */ React54__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles18.label, { color: colors.foreground }],
+        allowFontScaling: true
+      },
+      option.label
     )
   );
 }
@@ -2403,7 +2215,6 @@ var styles18 = reactNative.StyleSheet.create({
     alignItems: "center",
     gap: s(12)
   },
-  // AUDIT FIX: was opacity on the inner circle only
   rowDisabled: {
     opacity: 0.45
   },
@@ -2472,15 +2283,15 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
   const { colors } = useTheme();
   const active = value ?? internal;
   const tabLayouts = React54.useRef({});
-  const pillX = Animated12.useSharedValue(0);
-  const pillWidth = Animated12.useSharedValue(0);
+  const pillX = Animated6.useSharedValue(0);
+  const pillWidth = Animated6.useSharedValue(0);
   const initialised = React54.useRef(false);
   const animatePill = React54.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
-      pillX.value = Animated12.withSpring(layout.x, SPRINGS.glide);
-      pillWidth.value = Animated12.withSpring(layout.width, SPRINGS.glide);
+      pillX.value = Animated6.withSpring(layout.x, SPRINGS.glide);
+      pillWidth.value = Animated6.withSpring(layout.width, SPRINGS.glide);
     } else {
       pillX.value = layout.x;
       pillWidth.value = layout.width;
@@ -2494,7 +2305,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
-  const pillAnimatedStyle = Animated12.useAnimatedStyle(() => ({
+  const pillAnimatedStyle = Animated6.useAnimatedStyle(() => ({
     transform: [{ translateX: pillX.value }],
     width: pillWidth.value
   }));
@@ -2507,7 +2318,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       accessibilityRole: "tablist"
     },
     variant === "pill" && /* @__PURE__ */ React54__default.default.createElement(
-      Animated12__default.default.View,
+      Animated6__default.default.View,
       {
         style: [
           styles19.pill,
@@ -2608,46 +2419,56 @@ function AccordionItemComponent({
   onToggle
 }) {
   const { colors } = useTheme();
-  const resolvedIcon = item.iconName ? renderIcon(item.iconName, ms(16), item.iconColor ?? colors.foregroundMuted) : item.icon;
-  const isExpanded = Animated12.useSharedValue(isOpen);
-  const height = Animated12.useSharedValue(0);
+  const resolvedIcon = item.iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: item.iconName, size: ms(16), color: item.iconColor ?? colors.foregroundMuted }) : item.icon;
+  const isExpanded = Animated6.useSharedValue(isOpen);
+  const height = Animated6.useSharedValue(0);
   React54__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
-  const derivedHeight = Animated12.useDerivedValue(
-    () => Animated12.withTiming(height.value * Number(isExpanded.value), {
+  const derivedHeight = Animated6.useDerivedValue(
+    () => Animated6.withTiming(height.value * Number(isExpanded.value), {
       duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
-      easing: isExpanded.value ? EASINGS.expand : EASINGS.collapse
+      easing: isExpanded.value ? Animated6.Easing.bezier(0.23, 1, 0.32, 1) : Animated6.Easing.in(Animated6.Easing.ease)
     })
   );
-  const derivedRotation = Animated12.useDerivedValue(
-    () => Animated12.withTiming(isExpanded.value ? 1 : 0, {
+  const derivedRotation = Animated6.useDerivedValue(
+    () => Animated6.withTiming(isExpanded.value ? 1 : 0, {
       duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
-      easing: isExpanded.value ? EASINGS.expand : EASINGS.collapse
+      easing: isExpanded.value ? Animated6.Easing.bezier(0.23, 1, 0.32, 1) : Animated6.Easing.in(Animated6.Easing.ease)
     })
   );
-  const bodyStyle = Animated12.useAnimatedStyle(() => ({
+  const bodyStyle = Animated6.useAnimatedStyle(() => ({
     height: derivedHeight.value,
     overflow: "hidden"
   }));
-  const rotationStyle = Animated12.useAnimatedStyle(() => ({
+  const rotationStyle = Animated6.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
   return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.Pressable,
+    PressableRow,
     {
-      style: ({ pressed }) => [styles20.trigger, { opacity: pressed ? 0.6 : 1 }],
       onPress: () => {
         selectionAsync();
         onToggle();
       },
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityState: { expanded: isOpen },
-      accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0
+      accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0,
+      style: styles20.trigger
     },
     /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),
-    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
-  ), /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React54__default.default.createElement(
+    item.triggerActions ? /* @__PURE__ */ React54__default.default.createElement(
+      reactNative.View,
+      {
+        style: styles20.triggerActions,
+        onTouchEnd: (e) => e.stopPropagation()
+      },
+      item.triggerActions
+    ) : null,
+    /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2715,6 +2536,12 @@ var styles20 = reactNative.StyleSheet.create({
   chevron: {
     marginLeft: s(8)
   },
+  triggerActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(4),
+    marginLeft: s(8)
+  },
   // position:'absolute' is the key — the inner View escapes the animated wrapper's
   // clipped height so onLayout always reports the true content height.
   content: {
@@ -2842,13 +2669,19 @@ function Sheet({
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const ref = React54.useRef(null);
   const wasOpened = React54.useRef(false);
+  const isPresentedRef = React54.useRef(false);
   const name = React54.useId();
+  const handleDismiss = React54.useCallback(() => {
+    isPresentedRef.current = false;
+    onClose?.();
+  }, [onClose]);
   React54.useEffect(() => {
-    if (open) {
+    if (open && !isPresentedRef.current) {
       impactMedium();
       ref.current?.present();
       wasOpened.current = true;
-    } else if (wasOpened.current) {
+      isPresentedRef.current = true;
+    } else if (!open && wasOpened.current && isPresentedRef.current) {
       ref.current?.dismiss();
     }
   }, [open]);
@@ -2880,7 +2713,7 @@ function Sheet({
       activeOpacity: 0.6,
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: "Close",
+      accessibilityLabel: "Cerrar",
       hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
     },
     /* @__PURE__ */ React54__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
@@ -2900,7 +2733,7 @@ function Sheet({
     {
       ref,
       name,
-      onDismiss: onClose,
+      onDismiss: handleDismiss,
       enableDynamicSizing: useDynamicSizing,
       snapPoints,
       maxDynamicContentSize: useDynamicSizing && maxHeight ? maxHeight : void 0,
@@ -2995,16 +2828,13 @@ function Select({
   onValueChange,
   placeholder = "Select an option",
   label,
+  hint,
   error,
   disabled,
   style,
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled
-  });
   const [pickerVisible, setPickerVisible] = React54.useState(false);
   const [pendingValue, setPendingValue] = React54.useState(value);
   const pickerRef = React54.useRef(null);
@@ -3029,20 +2859,20 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(
+    PressableButton,
     {
       style: [
         styles23.trigger,
         {
           borderColor: error ? colors.destructive : colors.border,
           backgroundColor: colors.background
-        }
+        },
+        disabled && { opacity: 0.45 }
       ],
       onPress: handleOpen,
-      onPressIn,
-      onPressOut,
-      activeOpacity: 1,
+      enabled: !disabled,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "combobox",
       accessibilityLabel: accessibilityLabel ?? label,
@@ -3062,7 +2892,7 @@ function Select({
       selected?.label ?? placeholder
     ),
     /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
-  )) : null, isIOS ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, isIOS ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -3146,7 +2976,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles23 = reactNative.StyleSheet.create({
   container: {
@@ -3170,9 +3000,6 @@ var styles23 = reactNative.StyleSheet.create({
     fontSize: ms(15),
     flex: 1
   },
-  chevron: {
-    marginLeft: s(8)
-  },
   helperText: {
     fontFamily: "Sohne-Regular",
     fontSize: ms(13)
@@ -3399,7 +3226,7 @@ function ListItemBase({
     selectionAsync();
     onPress?.();
   };
-  const effectiveLeft = imageSource ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Image, { source: imageSource, style: styles25.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender;
+  const effectiveLeft = imageSource ? /* @__PURE__ */ React54__default.default.createElement(expoImage.Image, { source: imageSource, style: styles25.image }) : leftIcon ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: leftIcon, size: 24, color: leftIconColor ?? colors.foreground }) : leftRender;
   const hasRightContent = !!(rightIcon || rightActions && rightActions.length > 0 || rightRender !== void 0 || showChevron);
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
@@ -3437,7 +3264,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     caption
-  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted)) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, /* @__PURE__ */ React54__default.default.createElement(Icon, { name: rightIcon, size: 24, color: rightIconColor ?? colors.foregroundMuted })) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.rightText, { color: colors.foregroundMuted }],
@@ -3624,7 +3451,7 @@ function MenuItemBase({
     selectionAsync();
     onPress();
   };
-  const resolvedIcon = iconName ? renderIcon(iconName, 22, iconColor ?? colors.foreground) : icon;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: 22, color: iconColor ?? colors.foreground }) : icon;
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
     borderRadius: RADIUS.md,
@@ -3802,7 +3629,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     selectionAsync();
     onPress?.();
   };
-  const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: ms(13), color: selected ? colors.primaryForeground : colors.foreground }) : icon;
   return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React54__default.default.createElement(
     PressableChip,
     {
@@ -3860,14 +3687,14 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
       onPress: opt.disabled ? void 0 : () => handlePress(opt.value),
       iconName: opt.iconName,
       style: opt.disabled ? styles29.chipDisabled : void 0,
-      accessibilityLabel: opt.disabled ? `${opt.label}, unavailable` : opt.label
+      accessibilityLabel: opt.disabled ? `${opt.label}, no disponible` : opt.label
     }
   )));
 }
 var styles29 = reactNative.StyleSheet.create({
   wrapper: {},
   chip: {
-    borderRadius: 999,
+    borderRadius: RADIUS.full,
     paddingHorizontal: s(14),
     // AUDIT FIX: was vs(5) → ~28px total height — below WCAG 44px tap target.
     // vs(10) → ~44px total height meets WCAG 2.5.5 (AAA) minimum.
@@ -3901,8 +3728,8 @@ function ConfirmDialog({
   visible,
   title,
   subtitle,
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
   confirmVariant = "primary",
   loading = false,
   showCloseButton = false,
@@ -3913,13 +3740,19 @@ function ConfirmDialog({
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const ref = React54.useRef(null);
   const wasOpened = React54.useRef(false);
+  const isPresentedRef = React54.useRef(false);
   const name = React54.useId();
+  const handleDismiss = React54.useCallback(() => {
+    isPresentedRef.current = false;
+    onCancel();
+  }, [onCancel]);
   React54.useEffect(() => {
-    if (visible) {
+    if (visible && !isPresentedRef.current) {
       impactMedium();
       ref.current?.present();
       wasOpened.current = true;
-    } else if (wasOpened.current) {
+      isPresentedRef.current = true;
+    } else if (!visible && wasOpened.current && isPresentedRef.current) {
       ref.current?.dismiss();
     }
   }, [visible]);
@@ -3940,7 +3773,7 @@ function ConfirmDialog({
     {
       ref,
       name,
-      onDismiss: onCancel,
+      onDismiss: handleDismiss,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
       backgroundStyle: { ...styles30.background, backgroundColor: colors.card },
@@ -3956,7 +3789,7 @@ function ConfirmDialog({
         activeOpacity: 0.6,
         touchSoundDisabled: true,
         accessibilityRole: "button",
-        accessibilityLabel: "Close",
+        accessibilityLabel: "Cerrar",
         hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
       },
       /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
@@ -4041,7 +3874,7 @@ 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;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: ms(14), color: iconColor ?? colors.foregroundMuted }) : null;
   return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
 var LabelValue = React54__default.default.memo(LabelValueBase);
@@ -4118,7 +3951,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       activeOpacity: 0.6,
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: "Previous month",
+      accessibilityLabel: "Mes anterior",
       accessibilityState: { disabled: prevDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
@@ -4140,7 +3973,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       activeOpacity: 0.6,
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: "Next month",
+      accessibilityLabel: "Mes siguiente",
       accessibilityState: { disabled: nextDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
@@ -4195,71 +4028,53 @@ function MediaCardBase({
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { hovered, hoverHandlers } = useHover();
-  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.card,
-    pressInSpring: SPRINGS.surfacePressIn,
-    pressOutSpring: SPRINGS.surfacePressOut,
-    disabled: !onPress
-  });
   const handlePress = () => {
     if (!onPress) return;
     impactLight();
     onPress();
   };
   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 resolvedActionIcon = actionIconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: actionIconName, size: 18, color: actionActive ? colors.primary : colors.background }) : actionIcon ?? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "heart", size: 18, color: actionActive ? colors.primary : colors.background });
   const a11yLabel = accessibilityLabel ?? [title, subtitle].filter(Boolean).join(". ");
-  const cardContent = /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.View,
+  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.card, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React54__default.default.createElement(
+    expoImage.Image,
     {
-      style: [
-        styles33.card,
-        hovered && styles33.cardHovered,
-        style
-      ],
-      ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
-    },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.Image,
-      {
-        source: imageSource,
-        style: styles33.image,
-        resizeMode: "cover"
-      }
-    ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.TouchableOpacity,
-      {
-        style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
-        onPress: (e) => {
-          e?.stopPropagation?.();
-          impactLight();
-          onActionPress?.();
-        },
-        activeOpacity: 0.8,
-        touchSoundDisabled: true,
-        accessibilityRole: reactNative.Platform.OS === "web" && onPress ? void 0 : "button",
-        accessibilityLabel: actionIconName ?? "action",
-        accessibilityState: { selected: actionActive }
+      source: imageSource,
+      style: styles33.image,
+      contentFit: "cover"
+    }
+  ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
+      onPress: (e) => {
+        e?.stopPropagation?.();
+        impactLight();
+        onActionPress?.();
       },
-      resolvedActionIcon
-    )),
-    (title || subtitle || caption || footer) && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
-  );
+      activeOpacity: 0.8,
+      touchSoundDisabled: true,
+      accessibilityRole: reactNative.Platform.OS === "web" && onPress ? void 0 : "button",
+      accessibilityLabel: actionIconName ?? "acci\xF3n",
+      accessibilityState: { selected: actionActive }
+    },
+    resolvedActionIcon
+  )), (title || subtitle || caption || footer) && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer));
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.TouchableOpacity,
+    return /* @__PURE__ */ React54__default.default.createElement(
+      PressableCard,
       {
         onPress: handlePress,
-        onPressIn,
-        onPressOut,
-        activeOpacity: 1,
+        enabled: true,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
+        activateOnHover: true,
         accessibilityRole: "button",
-        accessibilityLabel: a11yLabel
+        accessibilityLabel: a11yLabel,
+        accessibilityState: { disabled: false }
       },
       cardContent
-    ));
+    );
   }
   return cardContent;
 }
@@ -4270,9 +4085,6 @@ var styles33 = reactNative.StyleSheet.create({
     overflow: "hidden",
     backgroundColor: "transparent"
   },
-  cardHovered: {
-    ...SHADOWS.md
-  },
   imageContainer: {
     borderRadius: RADIUS.md,
     overflow: "hidden"
@@ -4327,19 +4139,16 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
   onSelect
 }) {
   const { colors } = useTheme();
-  const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
-    pressScale: PRESS_SCALE.chip
-  });
   const iconColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
-  const resolvedIcon = typeof item.icon === "string" ? renderIcon(item.icon, 16, iconColor) : item.icon ?? null;
-  return /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.TouchableOpacity,
+  const resolvedIcon = typeof item.icon === "string" ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: item.icon, size: 16, color: iconColor }) : item.icon ?? null;
+  return /* @__PURE__ */ React54__default.default.createElement(
+    PressableChip,
     {
       onPress: () => onSelect(item.value),
-      onPressIn,
-      onPressOut,
-      activeOpacity: 1,
+      enabled: true,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
+      activateOnHover: true,
       accessibilityRole: "button",
       accessibilityLabel: item.label,
       accessibilityState: { selected }
@@ -4365,7 +4174,7 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
       ),
       item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
     )
-  ));
+  );
 });
 function CategoryStrip({
   categories,
@@ -4451,7 +4260,7 @@ var styles34 = reactNative.StyleSheet.create({
     lineHeight: 14
   }
 });
-function Pressable2({
+function Pressable({
   children,
   onPress,
   pressScale: _pressScale = PRESS_SCALE.card,
@@ -4506,8 +4315,8 @@ function DetailRowBase({
   valueStyle
 }) {
   const { colors } = useTheme();
-  const resolvedLeftIcon = leftIconName ? renderIcon(leftIconName, ms(14), leftIconColor ?? colors.foregroundMuted) : leftIcon;
-  const resolvedRightIcon = rightIconName ? renderIcon(rightIconName, ms(14), rightIconColor ?? colors.foregroundMuted) : null;
+  const resolvedLeftIcon = leftIconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: leftIconName, size: ms(14), color: leftIconColor ?? colors.foregroundMuted }) : leftIcon;
+  const resolvedRightIcon = rightIconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: rightIconName, size: ms(14), color: rightIconColor ?? colors.foregroundMuted }) : null;
   const separatorStyle = separator === "none" ? null : {
     flex: 1,
     height: 1,
@@ -4632,32 +4441,6 @@ var styles36 = reactNative.StyleSheet.create({
     paddingTop: vs(8)
   }
 });
-var defaultKeyExtractor = (item, index) => {
-  const id = item?.id;
-  return id !== void 0 ? String(id) : String(index);
-};
-function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, ref) {
-  const getItemLayout = React54.useCallback(
-    (_data, index) => ({
-      length: itemHeight ?? 0,
-      offset: (itemHeight ?? 0) * index,
-      index
-    }),
-    [itemHeight]
-  );
-  return /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.FlatList,
-    {
-      ref,
-      keyExtractor: keyExtractor ?? defaultKeyExtractor,
-      renderItem,
-      getItemLayout: itemHeight !== void 0 ? getItemLayout : void 0,
-      removeClippedSubviews: true,
-      ...props
-    }
-  );
-}
-var VirtualList = React54__default.default.forwardRef(VirtualListInner);
 function RetrayProvider({ children, theme, colorScheme = "system" }) {
   return /* @__PURE__ */ React54__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles37.root }, /* @__PURE__ */ React54__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React54__default.default.createElement(ToastProvider, null, children)))));
 }
@@ -4667,11 +4450,11 @@ var styles37 = reactNative.StyleSheet.create({
 function DefaultErrorFallback({
   error,
   reset,
-  title = "Something went wrong",
+  title = "Algo sali\xF3 mal",
   message
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "alert-triangle", size: ms(28), color: colors.destructive })), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "Ocurri\xF3 un error inesperado."), /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles38.button, { backgroundColor: colors.primary }],
@@ -4682,9 +4465,9 @@ function DefaultErrorFallback({
       activeOpacity: 0.85,
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: "Try again"
+      accessibilityLabel: "Intentar de nuevo"
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Try again")
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Intentar de nuevo")
   ));
 }
 var ErrorBoundary = class extends React54__default.default.Component {
@@ -4759,29 +4542,30 @@ var styles38 = reactNative.StyleSheet.create({
   }
 });
 function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
-  const progress = Animated12.useSharedValue(active ? 1 : 0);
+  const progress = Animated6.useSharedValue(active ? 1 : 0);
   React54.useEffect(() => {
-    progress.value = Animated12.withSpring(active ? 1 : 0, SPRINGS.glide);
+    progress.value = Animated6.withSpring(active ? 1 : 0, SPRINGS.glide);
   }, [active, progress]);
-  const animatedStyle = Animated12.useAnimatedStyle(() => ({
-    width: size + progress.value * size * 1.5,
-    backgroundColor: Animated12.interpolateColor(progress.value, [0, 1], [inactiveColor, activeColor])
+  const animatedStyle = Animated6.useAnimatedStyle(() => ({
+    width: size + progress.value * size,
+    backgroundColor: Animated6.interpolateColor(progress.value, [0, 1], [inactiveColor, activeColor])
   }));
-  const dot = /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
+  const dot = /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
   if (!onPress) return dot;
   const handlePress = () => {
     selectionAsync();
     onPress();
   };
   return /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.TouchableOpacity,
+    PressableButton,
     {
       onPress: handlePress,
-      activeOpacity: 0.7,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: `Page ${index + 1} of ${total}${active ? ", current page" : ""}`,
-      hitSlop: { top: 8, bottom: 8, left: 4, right: 4 }
+      accessibilityLabel: `P\xE1gina ${index + 1} de ${total}${active ? ", p\xE1gina actual" : ""}`,
+      hitSlop: { top: 10, bottom: 10, left: 18, right: 18 },
+      style: styles39.dotTouchable
     },
     dot
   );
@@ -4792,7 +4576,7 @@ function PagerDots({
   onDotPress,
   showControls = false,
   dotSize = 8,
-  spacing = 8,
+  spacing = 4,
   activeColor,
   inactiveColor,
   style
@@ -4827,21 +4611,21 @@ function PagerDots({
     {
       style: [styles39.container, { gap: s(spacing) }, style],
       accessibilityRole: "adjustable",
-      accessibilityLabel: `Page ${activeIndex + 1} of ${count}`
+      accessibilityLabel: `P\xE1gina ${activeIndex + 1} de ${count}`
     },
     hasControls && /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.TouchableOpacity,
+      PressableButton,
       {
         onPress: handlePrevious,
-        disabled: !canGoPrev,
-        activeOpacity: 0.7,
+        enabled: canGoPrev,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
         accessibilityRole: "button",
-        accessibilityLabel: "Previous page",
-        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        accessibilityLabel: "P\xE1gina anterior",
+        hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         style: [styles39.controlBtn, !canGoPrev && styles39.controlBtnDisabled]
       },
-      renderIcon("chevron-left", s(18), canGoPrev ? colors.foreground : colors.foregroundMuted)
+      /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "chevron-left", size: s(18), color: canGoPrev ? colors.foreground : colors.foregroundMuted })
     ),
     /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles39.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(
       Dot,
@@ -4857,18 +4641,18 @@ function PagerDots({
       }
     ))),
     hasControls && /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.TouchableOpacity,
+      PressableButton,
       {
         onPress: handleNext,
-        disabled: !canGoNext,
-        activeOpacity: 0.7,
+        enabled: canGoNext,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
         accessibilityRole: "button",
-        accessibilityLabel: "Next page",
-        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        accessibilityLabel: "P\xE1gina siguiente",
+        hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         style: [styles39.controlBtn, !canGoNext && styles39.controlBtnDisabled]
       },
-      renderIcon("chevron-right", s(18), canGoNext ? colors.foreground : colors.foregroundMuted)
+      /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "chevron-right", size: s(18), color: canGoNext ? colors.foreground : colors.foregroundMuted })
     )
   );
 }
@@ -4883,7 +4667,15 @@ var styles39 = reactNative.StyleSheet.create({
     alignItems: "center"
   },
   controlBtn: {
-    padding: s(4)
+    padding: s(4),
+    minHeight: 44,
+    justifyContent: "center"
+  },
+  dotTouchable: {
+    minHeight: 44,
+    paddingHorizontal: s(14),
+    justifyContent: "center",
+    alignItems: "center"
   },
   controlBtnDisabled: {
     opacity: 0.3
@@ -4914,7 +4706,7 @@ function AppHeader({
       variant: "text",
       size: "md",
       onPress: onBack,
-      accessibilityLabel: "Go back"
+      accessibilityLabel: "Atr\xE1s"
     }
   ) : null);
   const titleBlock = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.titleBlock, centered && styles40.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React54__default.default.createElement(
@@ -5000,26 +4792,21 @@ function isSelected(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__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(
-    reactNative.TouchableOpacity,
+  const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: iconColor }) : null);
+  return /* @__PURE__ */ React54__default.default.createElement(
+    PressableChip,
     {
       onPress,
-      onPressIn,
-      onPressOut,
-      disabled: item.disabled,
-      activeOpacity: 1,
+      enabled: !item.disabled,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
+      activateOnHover: true,
       accessibilityRole: "button",
       accessibilityState: { selected, disabled: item.disabled },
       accessibilityLabel: item.label ?? String(item.value),
-      ...hoverHandlers,
       style: [
+        { width },
         styles41.cell,
         {
           backgroundColor: selected ? colors.primary + "14" : colors.surface,
@@ -5038,7 +4825,7 @@ function Cell({ item, selected, width, onPress }) {
       },
       item.label
     ) : null
-  ));
+  );
 }
 function SelectableGrid({
   items,
@@ -5109,25 +4896,247 @@ var styles41 = reactNative.StyleSheet.create({
     paddingHorizontal: s(4)
   },
   cell: {
-    flex: 1,
     borderRadius: RADIUS.md,
     borderWidth: 2,
     alignItems: "center",
     justifyContent: "center",
     gap: vs(4),
-    paddingHorizontal: s(12),
-    paddingVertical: vs(12)
+    paddingHorizontal: s(8),
+    paddingVertical: vs(10)
   },
   cellDisabled: {
     opacity: 0.4
   },
   label: {
     fontFamily: "Sohne-Medium",
-    fontSize: ms(12),
-    lineHeight: mvs(15),
+    fontSize: ms(11),
+    lineHeight: mvs(14),
     textAlign: "center"
   }
 });
+var SelectableCardContext = React54.createContext(null);
+function SelectableCardGroup({
+  type,
+  value,
+  onValueChange,
+  variant = "elevated",
+  gap = s(8),
+  style,
+  children
+}) {
+  return /* @__PURE__ */ React54__default.default.createElement(SelectableCardContext.Provider, { value: { type, value, onValueChange, variant } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles42.group, { gap }, style] }, children));
+}
+function SelectableCard({
+  value,
+  title,
+  description,
+  iconName,
+  icon,
+  disabled = false,
+  style
+}) {
+  const ctx = React54.useContext(SelectableCardContext);
+  if (!ctx) {
+    throw new Error("SelectableCard must be used inside <SelectableCard.Group>");
+  }
+  const { colors } = useTheme();
+  const { type, value: selectedValue, onValueChange, variant } = ctx;
+  const isSelected2 = type === "radio" ? selectedValue === value : Array.isArray(selectedValue) && selectedValue.includes(value);
+  const handlePress = () => {
+    if (disabled) return;
+    impactLight();
+    if (type === "radio") {
+      onValueChange(value);
+    } else {
+      const arr = Array.isArray(selectedValue) ? selectedValue : [];
+      if (arr.includes(value)) {
+        onValueChange(arr.filter((v) => v !== value));
+      } else {
+        onValueChange([...arr, value]);
+      }
+    }
+  };
+  const variantStyle = (() => {
+    const borderWidth = 2;
+    const base = {
+      elevated: {
+        backgroundColor: colors.card,
+        borderWidth,
+        borderColor: "transparent"
+        // reserve space for selected border
+      },
+      outlined: {
+        backgroundColor: colors.card,
+        borderWidth,
+        borderColor: colors.border
+      },
+      filled: {
+        backgroundColor: colors.surfaceStrong,
+        borderWidth,
+        borderColor: colors.border
+      }
+    }[variant];
+    if (isSelected2 && !disabled) {
+      return {
+        ...base,
+        borderColor: colors.primary,
+        shadowColor: "transparent",
+        shadowOpacity: 0,
+        shadowRadius: 0,
+        elevation: 0
+      };
+    }
+    if (disabled) {
+      return {
+        ...base,
+        shadowColor: "transparent",
+        shadowOpacity: 0,
+        shadowRadius: 0,
+        elevation: 0,
+        borderColor: colors.border
+      };
+    }
+    return base;
+  })();
+  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: ms(22), color: disabled ? colors.foregroundMuted : colors.foregroundMuted }) : icon;
+  const resolvedIconElement = resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles42.iconWrapper, disabled && { opacity: 0.45 }] }, resolvedIcon) : null;
+  return /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.Pressable,
+    {
+      onPress: handlePress,
+      disabled,
+      accessibilityRole: type === "radio" ? "radio" : "checkbox",
+      accessibilityLabel: `${title}${description ? `, ${description}` : ""}`,
+      accessibilityState: { selected: isSelected2, disabled },
+      style: [
+        styles42.card,
+        variantStyle,
+        isSelected2 && !disabled && styles42.cardSelected,
+        style
+      ]
+    },
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.row }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.selectorContainer }, type === "radio" ? /* @__PURE__ */ React54__default.default.createElement(
+      reactNativeEase.EaseView,
+      {
+        style: styles42.radioCircle,
+        animate: { borderColor: !disabled && isSelected2 ? colors.primary : colors.border },
+        transition: COLOR_TRANSITION
+      },
+      /* @__PURE__ */ React54__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          animate: {
+            scale: !disabled && isSelected2 ? 1 : 0,
+            opacity: !disabled && isSelected2 ? 1 : 0
+          },
+          transition: SPRING_ELASTIC
+        },
+        /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles42.radioDot, { backgroundColor: colors.primary }] })
+      )
+    ) : /* @__PURE__ */ React54__default.default.createElement(
+      reactNativeEase.EaseView,
+      {
+        style: styles42.checkboxBox,
+        animate: {
+          borderColor: !disabled && isSelected2 ? colors.primary : colors.border,
+          backgroundColor: !disabled && isSelected2 ? colors.primary : "transparent"
+        },
+        transition: COLOR_TRANSITION
+      },
+      /* @__PURE__ */ React54__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          animate: { opacity: !disabled && isSelected2 ? 1 : 0 },
+          transition: OPACITY_TRANSITION
+        },
+        /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles42.checkmark, { borderColor: colors.primaryForeground }] })
+      )
+    )), resolvedIconElement, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.textArea }, /* @__PURE__ */ React54__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles42.title, { color: disabled ? colors.foregroundMuted : colors.foreground }],
+        allowFontScaling: true,
+        numberOfLines: 2
+      },
+      title
+    ), description ? /* @__PURE__ */ React54__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles42.description, { color: disabled ? colors.foregroundMuted : colors.foregroundSubtle }],
+        allowFontScaling: true,
+        numberOfLines: 4
+      },
+      description
+    ) : null))
+  );
+}
+var styles42 = reactNative.StyleSheet.create({
+  group: {
+    width: "100%"
+  },
+  card: {
+    borderRadius: RADIUS.md,
+    borderWidth: 1
+  },
+  cardSelected: {
+    backgroundColor: void 0
+    // overridden by variantStyle
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    padding: s(16),
+    gap: s(12)
+  },
+  selectorContainer: {
+    paddingTop: vs(1)
+  },
+  radioCircle: {
+    width: s(24),
+    height: s(24),
+    borderRadius: s(12),
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  radioDot: {
+    width: s(10),
+    height: s(10),
+    borderRadius: s(5)
+  },
+  checkboxBox: {
+    width: s(24),
+    height: s(24),
+    borderRadius: ms(4),
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkmark: {
+    width: s(12),
+    height: vs(7),
+    borderLeftWidth: 2,
+    borderBottomWidth: 2,
+    transform: [{ rotate: "-45deg" }, { translateY: -1 }]
+  },
+  iconWrapper: {
+    paddingTop: vs(1)
+  },
+  textArea: {
+    flex: 1,
+    gap: vs(4)
+  },
+  title: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(16),
+    lineHeight: mvs(22)
+  },
+  description: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  }
+});
 var normalize = (f) => typeof f === "string" ? { label: f, included: true } : { included: true, ...f };
 function PricingCard({
   name,
@@ -5147,7 +5156,7 @@ function PricingCard({
     reactNative.View,
     {
       style: [
-        styles42.card,
+        styles43.card,
         {
           backgroundColor: colors.card,
           borderColor: highlighted ? colors.primary : colors.border,
@@ -5158,20 +5167,23 @@ function PricingCard({
       ],
       accessibilityRole: "summary"
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.header }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React54__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.priceRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
-    description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
-    features.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: styles42.featureRow }, renderIcon(
-      f.included ? "check" : "minus",
-      ms(16),
-      f.included ? colors.success : colors.foregroundMuted
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles43.header }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React54__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles43.priceRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
+    description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
+    features.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles43.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: styles43.featureRow }, /* @__PURE__ */ React54__default.default.createElement(
+      Icon,
+      {
+        name: f.included ? "check" : "minus",
+        size: ms(16),
+        color: f.included ? colors.success : colors.foregroundMuted
+      }
     ), /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles42.featureLabel,
+          styles43.featureLabel,
           { color: f.included ? colors.foreground : colors.foregroundMuted },
-          !f.included && styles42.featureExcluded
+          !f.included && styles43.featureExcluded
         ],
         allowFontScaling: true
       },
@@ -5184,13 +5196,13 @@ function PricingCard({
         variant: highlighted ? "primary" : "secondary",
         fullWidth: true,
         onPress: onCtaPress,
-        style: styles42.cta
+        style: styles43.cta
       }
     ) : null,
-    footnote ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
+    footnote ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
   );
 }
-var styles42 = reactNative.StyleSheet.create({
+var styles43 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     padding: s(16),
@@ -5273,7 +5285,7 @@ function TabBar({
     reactNative.View,
     {
       style: [
-        styles43.container,
+        styles44.container,
         {
           backgroundColor: colors.card,
           borderTopColor: colors.border,
@@ -5286,41 +5298,41 @@ function TabBar({
     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 iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: tint }) : null);
       const showBadge = item.badge !== void 0 && item.badge !== false;
       const badgeCount = typeof item.badge === "number" ? item.badge : void 0;
       return /* @__PURE__ */ React54__default.default.createElement(
-        reactNative.TouchableOpacity,
+        PressableTab,
         {
           key: item.key,
-          style: styles43.tab,
           onPress: () => {
             if (!active) selectionAsync();
             onTabPress(item.key);
           },
-          activeOpacity: 0.7,
+          rippleColor: "transparent",
           touchSoundDisabled: true,
           accessibilityRole: "tab",
           accessibilityState: { selected: active },
-          accessibilityLabel: item.label ?? item.key
+          accessibilityLabel: item.label ?? item.key,
+          style: styles44.tab
         },
         /* @__PURE__ */ React54__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React54__default.default.createElement(
           reactNative.View,
           {
             style: [
-              styles43.badge,
+              styles44.badge,
               { backgroundColor: colors.destructive, borderColor: colors.card },
-              badgeCount === void 0 && styles43.badgeDot
+              badgeCount === void 0 && styles44.badgeDot
             ]
           },
-          badgeCount !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
+          badgeCount !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles44.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
         ) : null),
-        item.label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
+        item.label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles44.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
       );
     })
   );
 }
-var styles43 = reactNative.StyleSheet.create({
+var styles44 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     borderTopWidth: reactNative.StyleSheet.hairlineWidth
@@ -5368,22 +5380,22 @@ var styles43 = reactNative.StyleSheet.create({
 var MAX_SCALE = 3;
 var DOUBLE_TAP_SCALE = 2.5;
 function ZoomableImage({ source, width, height, onZoomChange }) {
-  const scale2 = Animated12.useSharedValue(1);
-  const savedScale = Animated12.useSharedValue(1);
-  const translateX = Animated12.useSharedValue(0);
-  const translateY = Animated12.useSharedValue(0);
-  const savedX = Animated12.useSharedValue(0);
-  const savedY = Animated12.useSharedValue(0);
+  const scale2 = Animated6.useSharedValue(1);
+  const savedScale = Animated6.useSharedValue(1);
+  const translateX = Animated6.useSharedValue(0);
+  const translateY = Animated6.useSharedValue(0);
+  const savedX = Animated6.useSharedValue(0);
+  const savedY = Animated6.useSharedValue(0);
   const reportZoom = React54.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
   const reset = () => {
     "worklet";
-    scale2.value = Animated12.withTiming(1);
+    scale2.value = Animated6.withTiming(1);
     savedScale.value = 1;
-    translateX.value = Animated12.withTiming(0);
-    translateY.value = Animated12.withTiming(0);
+    translateX.value = Animated6.withTiming(0);
+    translateY.value = Animated6.withTiming(0);
     savedX.value = 0;
     savedY.value = 0;
-    Animated12.runOnJS(reportZoom)(false);
+    Animated6.runOnJS(reportZoom)(false);
   };
   const pinch = reactNativeGestureHandler.Gesture.Pinch().onUpdate((e) => {
     scale2.value = Math.max(1, Math.min(savedScale.value * e.scale, MAX_SCALE));
@@ -5392,7 +5404,7 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
     if (scale2.value <= 1) {
       reset();
     } else {
-      Animated12.runOnJS(reportZoom)(true);
+      Animated6.runOnJS(reportZoom)(true);
     }
   });
   const pan = reactNativeGestureHandler.Gesture.Pan().onUpdate((e) => {
@@ -5407,20 +5419,20 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
     if (scale2.value > 1) {
       reset();
     } else {
-      scale2.value = Animated12.withTiming(DOUBLE_TAP_SCALE);
+      scale2.value = Animated6.withTiming(DOUBLE_TAP_SCALE);
       savedScale.value = DOUBLE_TAP_SCALE;
-      Animated12.runOnJS(reportZoom)(true);
+      Animated6.runOnJS(reportZoom)(true);
     }
   });
   const composed = reactNativeGestureHandler.Gesture.Exclusive(doubleTap, reactNativeGestureHandler.Gesture.Simultaneous(pinch, pan));
-  const animatedStyle = Animated12.useAnimatedStyle(() => ({
+  const animatedStyle = Animated6.useAnimatedStyle(() => ({
     transform: [
       { translateX: translateX.value },
       { translateY: translateY.value },
       { scale: scale2.value }
     ]
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ width, height }, styles44.imageWrap], collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Image, { source, style: { width, height }, resizeMode: "contain" }))));
+  return /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ width, height }, styles45.imageWrap], collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(expoImage.Image, { source, style: { width, height }, contentFit: "contain" }))));
 }
 function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
   const window = reactNative.useWindowDimensions();
@@ -5439,25 +5451,25 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     });
     return () => cancelAnimationFrame(handle);
   }, [visible, initialIndex, width]);
-  const dragY = Animated12.useSharedValue(0);
+  const dragY = Animated6.useSharedValue(0);
   const DISMISS_THRESHOLD = height * 0.18;
   const closeViewer = React54.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) {
-      Animated12.runOnJS(closeViewer)();
+      Animated6.runOnJS(closeViewer)();
     } else {
-      dragY.value = Animated12.withTiming(0);
+      dragY.value = Animated6.withTiming(0);
     }
   });
   React54__default.default.useEffect(() => {
     if (visible) dragY.value = 0;
   }, [visible, dragY]);
-  const dismissStyle = Animated12.useAnimatedStyle(() => ({
+  const dismissStyle = Animated6.useAnimatedStyle(() => ({
     transform: [{ translateY: dragY.value }]
   }));
-  const backdropStyle = Animated12.useAnimatedStyle(() => ({
+  const backdropStyle = Animated6.useAnimatedStyle(() => ({
     opacity: 1 - Math.min(dragY.value / (height * 0.5), 0.85)
   }));
   const onMomentumEnd = (e) => {
@@ -5468,7 +5480,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     scrollRef.current?.scrollTo({ x: page * width, animated: true });
     setIndex(page);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles44.root }, /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles44.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles44.container, dismissStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles44.root, collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles45.root }, /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [styles45.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [styles45.container, dismissStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.root, collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.ScrollView,
     {
       ref: scrollRef,
@@ -5489,7 +5501,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
         onZoomChange: (zoomed) => setPagingEnabled(!zoomed)
       }
     ))
-  ))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles44.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React54__default.default.createElement(
+  ))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles45.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React54__default.default.createElement(
     IconButton,
     {
       iconName: "x",
@@ -5498,9 +5510,9 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       style: { backgroundColor: "rgba(255,255,255,0.18)" },
       iconColor: "#fff",
       onPress: onClose,
-      accessibilityLabel: "Close"
+      accessibilityLabel: "Cerrar"
     }
-  )), images.length > 1 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles44.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React54__default.default.createElement(
+  )), images.length > 1 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles45.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React54__default.default.createElement(
     PagerDots,
     {
       count: images.length,
@@ -5511,7 +5523,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     }
   )) : null)));
 }
-var styles44 = reactNative.StyleSheet.create({
+var styles45 = reactNative.StyleSheet.create({
   root: {
     flex: 1
   },
@@ -5549,7 +5561,7 @@ function SheetSelectChip({
     onPress();
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
-  const resolvedIcon = option.iconName ? renderIcon(option.iconName, ms(13), iconColor) : null;
+  const resolvedIcon = option.iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: option.iconName, size: ms(13), color: iconColor }) : null;
   return /* @__PURE__ */ React54__default.default.createElement(
     PressableChip,
     {
@@ -5557,24 +5569,24 @@ function SheetSelectChip({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: option.disabled ? `${option.label}, unavailable` : option.label,
+      accessibilityLabel: option.disabled ? `${option.label}, no disponible` : option.label,
       accessibilityState: { selected, disabled: option.disabled }
     },
     /* @__PURE__ */ React54__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: [styles45.chip, option.disabled && styles45.chipDisabled],
+        style: [styles46.chip, option.disabled && styles46.chipDisabled],
         animate: {
           backgroundColor: selected ? colors.primary : colors.surface,
           borderColor: selected ? colors.primary : colors.border
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.chipIcon }, resolvedIcon) : null,
+      resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.chipIcon }, resolvedIcon) : null,
       /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
-          style: [styles45.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
+          style: [styles46.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
           allowFontScaling: true
         },
         option.label
@@ -5617,17 +5629,17 @@ function SheetSelect({
       onPress: () => handlePress(opt.value)
     }
   ));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles45.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles45.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.wrapContainer }, chips) : /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles46.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.wrapContainer }, chips) : /* @__PURE__ */ React54__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles45.scrollContent
+      contentContainerStyle: styles46.scrollContent
     },
     chips
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles45.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
+  ), error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles46.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
 }
-var styles45 = reactNative.StyleSheet.create({
+var styles46 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -5676,45 +5688,38 @@ function ImageUpload({
   value,
   onChange,
   loading = false,
-  placeholder = "Tap to add image",
+  placeholder = "Toca para a\xF1adir imagen",
   showPlaceholderText = true,
   width,
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
+  allowsEditing = true,
   disabled = false,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  onPickerStarting
 }) {
   const { colors } = useTheme();
+  const [imageLoaded, setImageLoaded] = React54.useState(false);
   const handlePress = async () => {
     if (disabled || loading) return;
     impactLight();
+    onPickerStarting?.();
     let picker;
     try {
-      const mod = await import('expo-image-picker/build/ExponentImagePicker');
-      picker = mod.default;
+      picker = __require("expo-image-picker");
     } catch {
-      try {
-        picker = await import('expo-image-picker');
-      } catch {
-        if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
-        return;
-      }
-    }
-    if (reactNative.Platform.OS !== "web") {
-      try {
-        const { status } = await picker.requestMediaLibraryPermissionsAsync();
-        if (status !== "granted") return;
-      } catch {
-      }
+      if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
+      return;
     }
     const result = await picker.launchImageLibraryAsync({
       mediaTypes: ["images"],
-      allowsEditing: true,
+      allowsEditing,
       quality: 0.8
     });
     if (!result.canceled && result.assets?.[0]) {
+      setImageLoaded(false);
       onChange?.(result.assets[0].uri);
     }
   };
@@ -5725,7 +5730,7 @@ function ImageUpload({
     borderWidth: value ? 0 : 1,
     borderStyle: "dashed",
     borderColor: colors.border,
-    backgroundColor: value ? "transparent" : colors.surface,
+    backgroundColor: value && imageLoaded ? "transparent" : colors.surface,
     overflow: "hidden"
   };
   return /* @__PURE__ */ React54__default.default.createElement(
@@ -5736,31 +5741,33 @@ function ImageUpload({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel ?? (value ? "Change image" : placeholder),
+      accessibilityLabel: accessibilityLabel ?? (value ? "Cambiar imagen" : placeholder),
       accessibilityState: { disabled: disabled || loading },
       style: [containerStyle, style]
     },
     value ? /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.Image,
+      expoImage.Image,
       {
         source: { uri: value },
         style: [reactNative.StyleSheet.absoluteFillObject, { borderRadius }],
-        resizeMode
+        contentFit: resizeMode === "stretch" ? "fill" : resizeMode,
+        onLoad: () => setImageLoaded(true),
+        onError: () => setImageLoaded(true)
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.placeholder }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.placeholder }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles46.placeholderText, { color: colors.foregroundMuted }],
+        style: [styles47.placeholderText, { color: colors.foregroundMuted }],
         numberOfLines: 1,
         allowFontScaling: true
       },
       placeholder
     ) : null),
-    loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md" })) : null,
-    value && !loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
+    loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md" })) : null,
+    value && !loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
   );
 }
-var styles46 = reactNative.StyleSheet.create({
+var styles47 = reactNative.StyleSheet.create({
   placeholder: {
     flex: 1,
     alignItems: "center",
@@ -5792,442 +5799,73 @@ var styles46 = reactNative.StyleSheet.create({
 });
 
 // src/utils/curatedIcons.ts
-var CURATED_ICONS = [
-  // ─── Food ────────────────────────────────────────────────────────────────────
-  {
-    name: "food",
-    label: "Food",
-    labelEs: "Comida",
-    categoryIcon: "coffee",
-    icons: [
-      // Bebidas
-      "beer-outline",
-      "wine-outline",
-      "cafe-outline",
-      "water-outline",
-      "coffee",
-      // Comida
-      "pizza-outline",
-      "fast-food-outline",
-      "fish-outline",
-      "ice-cream-outline",
-      "egg-outline",
-      "nutrition-outline",
-      // Servicio y operación
-      "restaurant-outline",
-      "server-outline",
-      "menu-outline",
-      "basket-outline",
-      "receipt-outline",
-      "pricetag-outline",
-      "pricetags-outline",
-      "reorder-four-outline",
-      "reorder-three-outline",
-      "cart-outline",
-      "cash-outline",
-      "wallet-outline",
-      "storefront-outline",
-      // Delivery / pedidos
-      "truck",
-      "package",
-      "shopping-bag",
-      "shopping-cart",
-      // Ubicación y reserva
-      "map-pin",
-      "home",
-      "calendar",
-      "clock",
-      // Experiencia
-      "star",
-      "heart",
-      "bookmark",
-      "thumbs-up",
-      "check",
-      "gift"
-    ]
-  },
-  // ─── Sports ──────────────────────────────────────────────────────────────────
-  {
-    name: "sports",
-    label: "Sports",
-    labelEs: "Deportes",
-    categoryIcon: "trophy-outline",
-    icons: [
-      // Deportes
-      "american-football-outline",
-      "baseball-outline",
-      "basketball-outline",
-      "bicycle-outline",
-      "football-outline",
-      "tennisball-outline",
-      "golf-outline",
-      "fitness-outline",
-      "car-sport-outline",
-      "game-controller-outline",
-      // Competición y logros
-      "trophy-outline",
-      "medal-outline",
-      "award",
-      "target",
-      "flag",
-      "crosshair",
-      // Outdoor
-      "compass-outline",
-      "map-outline",
-      "trail-sign-outline",
-      "bonfire-outline",
-      "snow-outline",
-      "flame-outline",
-      "sun",
-      "droplet",
-      "wind",
-      "map",
-      "map-pin",
-      "navigation",
-      "navigation-2",
-      // Rendimiento y métricas
-      "stats-chart-outline",
-      "trending-up-outline",
-      "trending-down-outline",
-      "bar-chart-outline",
-      "pie-chart-outline",
-      "analytics-outline",
-      "activity",
-      "zap",
-      "watch",
-      "trending-up",
-      "trending-down",
-      "bar-chart-2",
-      "clock",
-      "calendar"
-    ]
-  },
-  // ─── Business ────────────────────────────────────────────────────────────────
-  {
-    name: "business",
-    label: "Business",
-    labelEs: "Negocios",
-    categoryIcon: "briefcase",
-    icons: [
-      // Empresa
-      "briefcase",
-      "users",
-      "user",
-      "user-plus",
-      "user-check",
-      "user-x",
-      "briefcase-outline",
-      "business-outline",
-      "id-card-outline",
-      // Comercio y operación
-      "shopping-cart",
-      "shopping-bag",
-      "credit-card",
-      "dollar-sign",
-      "percent",
-      "tag",
-      "gift",
-      "cart-outline",
-      "cash-outline",
-      "wallet-outline",
-      "storefront-outline",
-      "pricetag-outline",
-      "pricetags-outline",
-      "receipt-outline",
-      "card-outline",
-      // Logística
-      "truck",
-      "package",
-      // Documentos
-      "file",
-      "file-text",
-      "file-plus",
-      "folder",
-      "paperclip",
-      "document-outline",
-      "document-text-outline",
-      "documents-outline",
-      "folder-outline",
-      // Comunicación de negocio
-      "mail",
-      "phone",
-      "phone-call",
-      "send",
-      "message-square",
-      "mail-outline",
-      // Análisis
-      "bar-chart",
-      "bar-chart-2",
-      "pie-chart",
-      "trending-up",
-      "trending-down",
-      "activity",
-      "globe"
-    ]
-  },
-  // ─── Objects ─────────────────────────────────────────────────────────────────
-  {
-    name: "objects",
-    label: "Objects",
-    labelEs: "Objetos",
-    categoryIcon: "package",
-    icons: [
-      // Archivos y carpetas
-      "file",
-      "file-text",
-      "file-plus",
-      "file-minus",
-      "folder",
-      "folder-plus",
-      "folder-minus",
-      "archive",
-      "save",
-      "paperclip",
-      "document-outline",
-      "document-text-outline",
-      "documents-outline",
-      "folder-outline",
-      "folder-open-outline",
-      "file-tray-outline",
-      "file-tray-full-outline",
-      "file-tray-stacked-outline",
-      "archive-outline",
-      "save-outline",
-      // Seguridad
-      "lock",
-      "unlock",
-      "key",
-      "shield",
-      "shield-off",
-      "lock-closed-outline",
-      "lock-open-outline",
-      "key-outline",
-      "shield-outline",
-      "shield-checkmark-outline",
-      // Dispositivos
-      "monitor",
-      "tablet",
-      "smartphone",
-      "tv",
-      "server",
-      "database",
-      "hard-drive",
-      "cpu",
-      "radio",
-      "laptop-outline",
-      "phone-portrait-outline",
-      "phone-landscape-outline",
-      "tablet-landscape-outline",
-      "tablet-portrait-outline",
-      "tv-outline",
-      "server-outline",
-      "hardware-chip-outline",
-      "watch-outline"
-    ]
-  },
-  // ─── Status ──────────────────────────────────────────────────────────────────
-  {
-    name: "status",
-    label: "Status",
-    labelEs: "Estado",
-    categoryIcon: "alert-circle",
-    icons: [
-      // Alertas
-      "alert-circle",
-      "alert-triangle",
-      "alert-octagon",
-      "info",
-      "help-circle",
-      "alert-circle-outline",
-      "alert-outline",
-      "information-circle-outline",
-      "help-circle-outline",
-      // Notificaciones
-      "bell",
-      "bell-off",
-      "notifications-outline",
-      "notifications-off-outline",
-      "notifications-circle-outline",
-      // Visibilidad
-      "eye",
-      "eye-off",
-      "eye-outline",
-      "eye-off-outline",
-      // Indicadores
-      "flag",
-      "zap",
-      "zap-off",
-      "loader",
-      "activity",
-      "flash-outline",
-      "bulb-outline",
-      // Éxito / error / advertencia
-      "check",
-      "check-circle",
-      "x",
-      "x-circle",
-      "x-octagon",
-      "slash",
-      "plus-circle",
-      "minus-circle",
-      "checkmark-circle-outline",
-      "checkmark-done-circle-outline",
-      "close-circle-outline",
-      "add-circle-outline",
-      "remove-circle-outline",
-      // Estados de proceso
-      "play-circle",
-      "pause-circle",
-      "stop-circle",
-      "play-circle-outline",
-      "pause-circle-outline",
-      "stop-circle-outline"
-    ]
-  },
-  // ─── Actions ─────────────────────────────────────────────────────────────────
+var CATEGORIES = [
   {
-    name: "actions",
+    name: "acciones",
     label: "Actions",
     labelEs: "Acciones",
-    categoryIcon: "edit-3",
+    categoryIcon: "zap",
     icons: [
-      // Crear / añadir
       "plus",
-      "plus-circle",
-      "plus-square",
-      "add-outline",
-      "add-circle-outline",
-      // Eliminar / quitar
-      "minus",
-      "minus-circle",
-      "minus-square",
-      "trash",
-      "trash-2",
       "x",
-      "x-circle",
-      "x-square",
-      "x-octagon",
-      "slash",
-      "trash-outline",
-      "trash-bin-outline",
-      "remove-outline",
-      "remove-circle-outline",
-      "close-circle-outline",
-      "backspace-outline",
-      "cut-outline",
-      // Confirmar
       "check",
-      "check-circle",
-      "check-square",
-      "checkmark-circle-outline",
-      // Editar
-      "edit",
       "edit-2",
-      "edit-3",
+      "search",
+      "settings",
+      "filter",
+      "trash-2",
       "copy",
-      "clipboard",
-      "scissors",
-      "create-outline",
-      "pencil-outline",
-      "duplicate-outline",
-      "copy-outline",
-      "clipboard-outline",
-      // Mover datos
+      "save",
+      "share-2",
       "download",
-      "download-cloud",
       "upload",
-      "upload-cloud",
-      "download-outline",
-      "cloud-download-outline",
-      "cloud-upload-outline"
+      "refresh-cw",
+      "lock",
+      "bookmark",
+      "heart",
+      "star",
+      "flag",
+      "link-2"
     ]
   },
-  // ─── Communication ───────────────────────────────────────────────────────────
   {
-    name: "communication",
+    name: "comunicacion",
     label: "Communication",
     labelEs: "Comunicaci\xF3n",
-    categoryIcon: "message-circle",
+    categoryIcon: "mail",
     icons: [
-      // Mensajería
+      "mail",
       "message-circle",
       "message-square",
-      "send",
-      "mail",
-      "inbox",
-      "at-sign",
-      "mail-outline",
-      "mail-open-outline",
-      "mail-unread-outline",
-      "chatbubble-outline",
-      "chatbubble-ellipses-outline",
-      "chatbubbles-outline",
-      "send-outline",
-      "attach-outline",
-      "at-outline",
-      "at-circle-outline",
-      // Llamadas
       "phone",
       "phone-call",
+      "phone-forwarded",
       "phone-incoming",
-      "phone-outgoing",
       "phone-missed",
       "phone-off",
-      "phone-forwarded",
-      "voicemail",
-      "call-outline",
-      "phone-portrait-outline",
-      "phone-landscape-outline",
-      // Personas
-      "user",
-      "user-plus",
-      "user-minus",
-      "user-check",
-      "user-x",
-      "users",
-      "person-outline",
-      "person-circle-outline",
-      "person-add-outline",
-      "person-remove-outline",
-      "people-outline",
-      "people-circle-outline",
-      // Reacciones
-      "smile",
-      "frown",
-      "meh",
-      "heart",
-      "thumbs-up",
-      "thumbs-down",
-      "happy-outline",
-      "sad-outline",
-      "heart-outline",
-      "thumbs-up-outline",
-      "thumbs-down-outline"
+      "phone-outgoing",
+      "send",
+      "at-sign",
+      "paperclip",
+      "inbox",
+      "volume",
+      "volume-1",
+      "volume-2",
+      "volume-x",
+      "mic",
+      "mic-off"
     ]
   },
-  // ─── Navigation ──────────────────────────────────────────────────────────────
   {
-    name: "navigation",
+    name: "navegacion",
     label: "Navigation",
     labelEs: "Navegaci\xF3n",
-    categoryIcon: "compass",
+    categoryIcon: "map-pin",
     icons: [
-      // Flechas cardinales
       "arrow-up",
       "arrow-down",
       "arrow-left",
       "arrow-right",
-      "arrow-up-left",
-      "arrow-up-right",
-      "arrow-down-left",
-      "arrow-down-right",
-      "arrow-up-outline",
-      "arrow-down-outline",
-      "arrow-back-outline",
-      "arrow-forward-outline",
-      "arrow-undo-outline",
-      "arrow-redo-outline",
-      // Chevrones
       "chevron-up",
       "chevron-down",
       "chevron-left",
@@ -6236,346 +5874,181 @@ var CURATED_ICONS = [
       "chevrons-down",
       "chevrons-left",
       "chevrons-right",
-      "chevron-up-outline",
-      "chevron-down-outline",
-      "chevron-back-outline",
-      "chevron-forward-outline",
-      "chevron-collapse-outline",
-      "chevron-expand-outline",
-      // Esquinas
+      "arrow-up-circle",
+      "arrow-down-circle",
+      "arrow-left-circle",
+      "arrow-right-circle",
       "corner-up-left",
       "corner-up-right",
       "corner-down-left",
-      "corner-down-right",
-      "corner-left-up",
-      "corner-left-down",
-      "corner-right-up",
-      "corner-right-down",
-      // Giro / refrescar
-      "refresh-cw",
-      "refresh-ccw",
-      "rotate-cw",
-      "rotate-ccw",
-      "refresh-outline",
-      "reload-outline",
-      // Orientación y mapa
-      "navigation",
-      "navigation-2",
-      "compass",
-      "map",
+      "corner-down-right"
+    ]
+  },
+  {
+    name: "comida",
+    label: "Food",
+    labelEs: "Comida",
+    categoryIcon: "coffee",
+    icons: [
+      "coffee",
+      "shopping-bag",
+      "shopping-cart",
+      "package",
+      "box",
+      "tag",
+      "truck",
+      "gift",
+      "award",
+      "star",
+      "heart",
+      "zap",
+      "sun",
+      "moon",
+      "cloud",
+      "droplet",
+      "thermometer",
+      "wind",
       "map-pin",
+      "home"
+    ]
+  },
+  {
+    name: "negocios",
+    label: "Business",
+    labelEs: "Negocios",
+    categoryIcon: "briefcase",
+    icons: [
+      "briefcase",
+      "dollar-sign",
+      "credit-card",
+      "bar-chart",
+      "bar-chart-2",
+      "pie-chart",
+      "trending-up",
+      "trending-down",
+      "activity",
       "target",
-      "crosshair",
-      "home",
-      "anchor",
-      "compass-outline",
-      "map-outline",
-      "location-outline",
-      "navigate-outline",
-      "pin-outline",
-      "home-outline"
+      "hash",
+      "percent",
+      "file-text",
+      "folder",
+      "clipboard",
+      "calendar",
+      "clock",
+      "database",
+      "archive",
+      "terminal"
+    ]
+  },
+  {
+    name: "perfil",
+    label: "Profile",
+    labelEs: "Perfil",
+    categoryIcon: "user",
+    icons: [
+      "user",
+      "users",
+      "user-check",
+      "user-x",
+      "user-plus",
+      "user-minus",
+      "key",
+      "shield",
+      "shield-off",
+      "lock",
+      "unlock",
+      "log-in",
+      "log-out",
+      "eye",
+      "eye-off",
+      "bell",
+      "bell-off",
+      "settings",
+      "tool",
+      "sliders"
     ]
   },
-  // ─── Media ───────────────────────────────────────────────────────────────────
   {
-    name: "media",
+    name: "multimedia",
     label: "Media",
-    labelEs: "Medios",
-    categoryIcon: "image",
+    labelEs: "Multimedia",
+    categoryIcon: "camera",
     icons: [
-      // Visual
-      "image",
-      "film",
-      "video",
-      "video-off",
       "camera",
       "camera-off",
-      "image-outline",
-      "images-outline",
-      "film-outline",
-      "videocam-outline",
-      "videocam-off-outline",
-      "camera-outline",
-      "camera-reverse-outline",
-      // Reproducción
-      "play",
-      "play-circle",
-      "pause",
-      "pause-circle",
-      "square",
-      "stop-circle",
-      "fast-forward",
-      "rewind",
-      "skip-forward",
-      "skip-back",
-      "repeat",
-      "shuffle",
-      "play-outline",
-      "pause-outline",
-      "play-circle-outline",
-      "pause-circle-outline",
-      "stop-circle-outline",
-      "play-back-outline",
-      "play-forward-outline",
-      "play-skip-back-outline",
-      "play-skip-forward-outline",
-      "repeat-outline",
-      "shuffle-outline",
-      // Audio
+      "video",
+      "video-off",
+      "film",
       "music",
+      "music-off",
       "headphones",
       "speaker",
-      "volume",
-      "volume-1",
-      "volume-2",
-      "volume-x",
-      "mic",
-      "mic-off",
-      "mic-outline",
-      "mic-off-outline",
-      "mic-circle-outline",
-      "musical-note-outline",
-      "musical-notes-outline",
-      "volume-high-outline",
-      "volume-low-outline",
-      "volume-medium-outline",
-      "volume-mute-outline",
-      "volume-off-outline"
+      "radio",
+      "image",
+      "images",
+      "play",
+      "pause",
+      "stop",
+      "skip-back",
+      "skip-forward",
+      "monitor",
+      "smart-phone",
+      "tablet"
     ]
   },
-  // ─── Layout ──────────────────────────────────────────────────────────────────
   {
-    name: "layout",
-    label: "Layout",
-    labelEs: "Dise\xF1o",
-    categoryIcon: "grid",
+    name: "texto",
+    label: "Text",
+    labelEs: "Texto",
+    categoryIcon: "type",
     icons: [
-      // Estructura
-      "grid",
-      "columns",
-      "sidebar",
-      "layout",
-      "list",
-      "menu",
-      "table",
-      "trello",
-      "grid-outline",
-      "list-outline",
-      "menu-outline",
-      "layers-outline",
-      // Alineación
+      "type",
+      "bold",
+      "italic",
+      "underline",
       "align-left",
       "align-center",
       "align-right",
       "align-justify",
-      // Tipografía
-      "bold",
-      "italic",
-      "underline",
-      "type",
-      "hash",
-      // Formas
+      "list",
+      "columns",
+      "sidebar",
+      "minimize-2",
+      "maximize-2",
+      "edit-3",
+      "feather",
       "circle",
       "square",
-      "triangle",
-      "hexagon",
-      "octagon",
-      "square-outline",
-      "triangle-outline",
-      "diamond-outline",
-      "shapes-outline",
-      // Herramientas de diseño
-      "pen-tool",
-      "crop",
-      "layers",
-      "filter",
-      "sliders",
-      "aperture",
-      "crop-outline",
-      "filter-outline",
-      "color-fill-outline",
-      "color-filter-outline",
-      "color-palette-outline",
-      "color-wand-outline",
-      "brush-outline",
-      // Edición
-      "edit",
-      "edit-2",
-      "edit-3",
-      "copy",
-      "trash",
-      "move",
-      "create-outline",
-      "pencil-outline",
-      "move-outline",
-      "resize-outline",
-      "duplicate-outline",
-      // Navegación UI
-      "more-horizontal",
-      "more-vertical",
-      "maximize",
-      "minimize",
-      "zoom-in",
-      "zoom-out",
-      "eye",
-      "eye-off",
-      "eye-outline",
-      "eye-off-outline",
-      "ellipsis-horizontal-circle-outline",
-      "ellipsis-vertical-circle-outline"
-    ]
-  },
-  // ─── Nature ──────────────────────────────────────────────────────────────────
-  {
-    name: "nature",
-    label: "Nature",
-    labelEs: "Naturaleza",
-    categoryIcon: "sunny-outline",
-    icons: [
-      // Sol, luna y estrellas
-      "sunny-outline",
-      "moon-outline",
-      "star-outline",
-      "star-half-outline",
-      "partly-sunny-outline",
-      "sun",
-      "moon",
-      "sunrise",
-      "sunset",
-      // Clima
-      "rainy-outline",
-      "thunderstorm-outline",
-      "snow-outline",
-      "cloudy-outline",
-      "cloudy-night-outline",
-      "cloud-outline",
-      "cloud-done-outline",
-      "cloud-download-outline",
-      "cloud-upload-outline",
-      "cloud-offline-outline",
-      "cloud-circle-outline",
-      "cloud",
-      "cloud-drizzle",
-      "cloud-lightning",
-      "cloud-rain",
-      "cloud-snow",
-      "cloud-off",
-      "umbrella-outline",
-      "thermometer-outline",
-      "droplet",
-      "wind",
-      // Agua y fuego
-      "water-outline",
-      "flame-outline",
-      "bonfire-outline",
-      "eyedrop-outline",
-      // Flora y fauna
-      "leaf-outline",
-      "flower-outline",
-      "bug-outline",
-      "fish-outline",
-      "paw-outline",
-      // Outdoor
-      "binoculars-outline",
-      "telescope-outline",
-      "compass-outline",
-      "map-outline",
-      "location-outline",
-      "flag-outline",
-      "trail-sign-outline",
-      "earth-outline",
-      "globe-outline",
-      "planet-outline",
-      "compass",
-      "map",
-      "map-pin",
-      "flag",
-      "navigation",
-      "navigation-2",
-      "target",
-      "crosshair",
-      "life-buoy"
-    ]
-  },
-  // ─── Brands ──────────────────────────────────────────────────────────────────
-  {
-    name: "brands",
-    label: "Brands",
-    labelEs: "Marcas",
-    categoryIcon: "globe",
-    icons: [
-      // Feather brand icons — outlined, consistent with the rest of the library
-      "github",
-      "gitlab",
-      "codepen",
-      "codesandbox",
-      "twitter",
-      "facebook",
-      "instagram",
-      "linkedin",
-      "youtube",
-      "dribbble",
-      "twitch",
-      "slack",
-      "figma",
-      "framer",
-      "chrome",
-      "rss",
-      // Filled / flat brand logos (FA5 brands) — kept in a second
-      // visual tier. Rendered as the brand's official silhouette.
-      // Visually consistent (all flat single-color) but heavier than the
-      // Feather outlined set above. Use these only when an outlined Feather
-      // version of the brand doesn't exist.
-      "reddit",
-      "tiktok",
-      "pinterest",
-      "whatsapp",
-      "discord",
-      "snapchat",
-      "telegram",
-      "viber",
-      "line",
-      "vimeo",
-      "tumblr",
-      "behance",
-      "medium",
-      "soundcloud",
-      "google",
-      "apple",
-      "android",
-      "windows",
-      "linux",
-      "amazon",
-      "paypal",
-      "stripe",
-      "shopify",
-      "dropbox",
-      "spotify",
-      "steam",
-      "atlassian",
-      "jira",
-      "confluence",
-      "bitbucket",
-      "jenkins",
-      "docker",
-      "aws",
-      "node",
-      "react",
-      "angular",
-      "wordpress",
-      "drupal",
-      "joomla",
-      "squarespace",
-      "wix",
-      "magento",
-      "terminal",
-      "pen-tool"
+      "plus-circle",
+      "minus-circle",
+      "x-circle"
     ]
   }
 ];
-var ALL_CURATED_ICONS = [
-  ...new Set(CURATED_ICONS.flatMap((c) => c.icons))
-];
+var _allIcons = null;
+var _categorized = null;
+function getAllCuratedIcons() {
+  if (!_allIcons) {
+    const seen = /* @__PURE__ */ new Set();
+    const result = [];
+    for (const cat of CATEGORIES) {
+      for (const name of cat.icons) {
+        if (!seen.has(name)) {
+          seen.add(name);
+          result.push(name);
+        }
+      }
+    }
+    _allIcons = result;
+  }
+  return _allIcons;
+}
+function getCuratedCategories() {
+  if (!_categorized) {
+    _categorized = CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
+  }
+  return _categorized;
+}
 
 // src/components/IconPicker/IconPicker.tsx
 var NUM_COLUMNS = 6;
@@ -6599,9 +6072,9 @@ function IconCell({ name, selected, size, onPress }) {
       accessibilityRole: "button",
       accessibilityState: { selected },
       accessibilityLabel: name,
-      style: [styles47.cell, { width: size, height: size, backgroundColor: bg }]
+      style: [styles48.cell, { width: size, height: size, backgroundColor: bg }]
     },
-    renderIcon(name, ms(20), iconColor)
+    /* @__PURE__ */ React54__default.default.createElement(Icon, { name, size: ms(20), color: iconColor })
   );
 }
 var IconCellMemo = React54__default.default.memo(IconCell);
@@ -6625,10 +6098,11 @@ function IconPicker({
   const [ready, setReady] = React54.useState(false);
   const sheetName = React54.useId();
   const activeIcons = React54.useMemo(() => {
+    const allIcons = getAllCuratedIcons();
     if (activeCategory) {
-      return CURATED_ICONS.find((c) => c.name === activeCategory)?.icons ?? ALL_CURATED_ICONS;
+      return getCuratedCategories().find((c) => c.name === activeCategory)?.icons ?? allIcons;
     }
-    return ALL_CURATED_ICONS;
+    return allIcons;
   }, [activeCategory]);
   const gapPx = s(gap);
   const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
@@ -6660,8 +6134,8 @@ function IconPicker({
     (props) => /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
     []
   );
-  const selectedIcon = value ? renderIcon(value, ms(28), colors.foreground) : null;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.triggerContainer, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
+  const selectedIcon = value ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: value, size: ms(28), color: colors.foreground }) : null;
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles48.triggerContainer, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles48.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handleOpen,
@@ -6672,26 +6146,26 @@ function IconPicker({
       accessibilityLabel: label ?? "Seleccionar icono",
       accessibilityState: { disabled },
       style: [
-        styles47.trigger,
+        styles48.trigger,
         {
           backgroundColor: disabled ? colors.surface : colors.background,
           width: TRIGGER_SIZE,
           height: TRIGGER_SIZE,
           borderColor: error ? colors.destructive : value ? colors.primary : colors.border
         },
-        disabled && styles47.triggerDisabled
+        disabled && styles48.triggerDisabled
       ]
     },
-    selectedIcon ?? renderIcon("plus", ms(24), colors.foregroundMuted)
+    selectedIcon ?? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "plus", size: ms(24), color: colors.foregroundMuted })
   ), error ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles47.helperText, { color: colors.destructive }],
+      style: [styles48.helperText, { color: colors.destructive }],
       allowFontScaling: true,
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles48.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React54__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref: sheetRef,
@@ -6700,8 +6174,8 @@ function IconPicker({
       enableDynamicSizing: true,
       maxDynamicContentSize: SCREEN_HEIGHT * 0.7,
       backdropComponent: renderBackdrop,
-      backgroundStyle: { ...styles47.sheetBackground, backgroundColor: colors.card },
-      handleIndicatorStyle: { ...styles47.handle, backgroundColor: colors.border },
+      backgroundStyle: { ...styles48.sheetBackground, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles48.handle, backgroundColor: colors.border },
       enablePanDownToClose: true,
       topInset: insets.top,
       android_keyboardInputMode: "adjustPan"
@@ -6709,26 +6183,26 @@ function IconPicker({
     /* @__PURE__ */ React54__default.default.createElement(
       bottomSheet.BottomSheetScrollView,
       {
-        contentContainerStyle: styles47.sheetContent,
+        contentContainerStyle: styles48.sheetContent,
         showsVerticalScrollIndicator: true
       },
       /* @__PURE__ */ React54__default.default.createElement(
         reactNative.View,
         {
-          style: styles47.gridContainer,
+          style: styles48.gridContainer,
           onLayout: (e) => {
             setContainerWidth(e.nativeEvent.layout.width);
             setReady(true);
           }
         },
-        !ready ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.loader }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React54__default.default.createElement(
+        !ready ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles48.loader }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles48.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React54__default.default.createElement(
           reactNativeGestureHandler.ScrollView,
           {
             ref: catScrollRef,
             horizontal: true,
             showsHorizontalScrollIndicator: false,
-            contentContainerStyle: styles47.categoryStrip,
-            style: styles47.categoryScroll
+            contentContainerStyle: styles48.categoryStrip,
+            style: styles48.categoryScroll
           },
           /* @__PURE__ */ React54__default.default.createElement(
             reactNative.TouchableOpacity,
@@ -6737,30 +6211,30 @@ function IconPicker({
               activeOpacity: 0.7,
               touchSoundDisabled: true,
               accessibilityRole: "button",
-              accessibilityLabel: "Todos",
+              accessibilityLabel: "Todas",
               accessibilityState: { selected: activeCategory === null },
               style: [
-                styles47.categoryChip,
+                styles48.categoryChip,
                 {
                   backgroundColor: activeCategory === null ? colors.primary : colors.surface,
                   borderColor: activeCategory === null ? colors.primary : colors.border
                 }
               ]
             },
-            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React54__default.default.createElement(
+            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles48.categoryChipInner }, /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "grid", size: ms(14), color: activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle }), /* @__PURE__ */ React54__default.default.createElement(
               reactNative.Text,
               {
                 style: [
-                  styles47.categoryChipText,
+                  styles48.categoryChipText,
                   { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
                 ],
                 allowFontScaling: true,
                 numberOfLines: 1
               },
-              "Todos"
+              "Todas"
             ))
           ),
-          CURATED_ICONS.map((cat) => /* @__PURE__ */ React54__default.default.createElement(
+          getCuratedCategories().map((cat) => /* @__PURE__ */ React54__default.default.createElement(
             reactNative.TouchableOpacity,
             {
               key: cat.name,
@@ -6771,18 +6245,18 @@ function IconPicker({
               accessibilityLabel: cat.labelEs,
               accessibilityState: { selected: activeCategory === cat.name },
               style: [
-                styles47.categoryChip,
+                styles48.categoryChip,
                 {
                   backgroundColor: activeCategory === cat.name ? colors.primary : colors.surface,
                   borderColor: activeCategory === cat.name ? colors.primary : colors.border
                 }
               ]
             },
-            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React54__default.default.createElement(
+            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles48.categoryChipInner }, /* @__PURE__ */ React54__default.default.createElement(Icon, { name: cat.categoryIcon, size: ms(14), color: activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle }), /* @__PURE__ */ React54__default.default.createElement(
               reactNative.Text,
               {
                 style: [
-                  styles47.categoryChipText,
+                  styles48.categoryChipText,
                   { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
                 ],
                 allowFontScaling: true,
@@ -6791,7 +6265,7 @@ function IconPicker({
               cat.labelEs
             ))
           ))
-        ), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles47.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React54__default.default.createElement(
+        ), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles48.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles48.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React54__default.default.createElement(
           IconCellMemo,
           {
             key: name,
@@ -6808,7 +6282,7 @@ function IconPicker({
     )
   ));
 }
-var styles47 = reactNative.StyleSheet.create({
+var styles48 = reactNative.StyleSheet.create({
   triggerContainer: {
     gap: vs(8)
   },
@@ -6922,33 +6396,33 @@ function NumberStepperBase({
   };
   const { button: buttonSize, icon: iconSize, valueFontSize, valueLineHeight, valueMinWidth } = sizeConfig[size];
   const displayValue = String(value);
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles48.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
     PressableButton,
     {
       style: [
-        styles48.button,
+        styles49.button,
         {
           width: buttonSize,
           height: buttonSize,
           backgroundColor: colors.surface,
           borderColor: colors.border
         },
-        !canDecrement && styles48.buttonDisabled
+        !canDecrement && styles49.buttonDisabled
       ],
       enabled: canDecrement,
       onPress: handleDecrement,
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: `Decrease, current value ${displayValue}`,
+      accessibilityLabel: `Disminuir, valor actual ${displayValue}`,
       accessibilityState: { disabled: !canDecrement }
     },
-    renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
+    /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
   ), /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [
-        styles48.value,
+        styles49.value,
         {
           color: colors.foreground,
           fontSize: valueFontSize,
@@ -6957,7 +6431,7 @@ function NumberStepperBase({
         }
       ],
       allowFontScaling: true,
-      accessibilityLabel: accessibilityLabel ?? `Quantity: ${displayValue}`,
+      accessibilityLabel: accessibilityLabel ?? `Cantidad: ${displayValue}`,
       accessibilityRole: "text"
     },
     displayValue
@@ -6965,28 +6439,28 @@ function NumberStepperBase({
     PressableButton,
     {
       style: [
-        styles48.button,
+        styles49.button,
         {
           width: buttonSize,
           height: buttonSize,
           backgroundColor: colors.surface,
           borderColor: colors.border
         },
-        !canIncrement && styles48.buttonDisabled
+        !canIncrement && styles49.buttonDisabled
       ],
       enabled: canIncrement,
       onPress: handleIncrement,
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: `Increase, current value ${displayValue}`,
+      accessibilityLabel: `Aumentar, valor actual ${displayValue}`,
       accessibilityState: { disabled: !canIncrement }
     },
-    renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
+    /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })
   ));
 }
 var NumberStepper = React54__default.default.memo(NumberStepperBase);
-var styles48 = reactNative.StyleSheet.create({
+var styles49 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -7015,6 +6489,7 @@ function StatsComponent({
   iconName,
   iconColor,
   variant = "elevated",
+  size = "default",
   onPress,
   style,
   accessibilityLabel
@@ -7033,6 +6508,27 @@ function StatsComponent({
     onPress();
   };
   const isCompact = containerWidth > 0 && containerWidth < COMPACT_THRESHOLD && !!(icon ?? iconName);
+  const sizeStyles2 = size === "compact" ? {
+    valueFontFamily: "Sohne-SemiBold",
+    valueFontSize: ms(16),
+    valueLineHeight: mvs(20),
+    labelFontSize: ms(11),
+    labelLineHeight: mvs(14),
+    descriptionFontSize: ms(10),
+    descriptionLineHeight: mvs(14),
+    iconSize: ms(18),
+    padding: s(12)
+  } : {
+    valueFontFamily: "Sohne-Bold",
+    valueFontSize: ms(21),
+    valueLineHeight: mvs(25),
+    labelFontSize: ms(13),
+    labelLineHeight: mvs(18),
+    descriptionFontSize: ms(12),
+    descriptionLineHeight: mvs(16),
+    iconSize: ms(20),
+    padding: s(16)
+  };
   const variantStyle = {
     elevated: {
       backgroundColor: colors.card,
@@ -7057,10 +6553,10 @@ function StatsComponent({
     }
   }[variant];
   const iconColorResolved = iconColor ?? colors.primary;
-  const resolvedIcon = iconName ? renderIcon(iconName, ms(22), iconColorResolved) : icon;
-  const iconElement = resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.iconWrapper }, resolvedIcon) : null;
-  const valueElement = /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.value, { color: colors.foreground }], allowFontScaling: true }, value);
-  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.card, variantStyle, style], onLayout: handleLayout }, isCompact ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, iconElement, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.compactValue }, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.valueRow }, iconElement, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null));
+  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: sizeStyles2.iconSize, color: iconColorResolved }) : icon;
+  const iconElement = resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles50.iconWrapper }, resolvedIcon) : null;
+  const valueElement = /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles50.value, { color: colors.foreground, fontFamily: sizeStyles2.valueFontFamily, fontSize: sizeStyles2.valueFontSize, lineHeight: sizeStyles2.valueLineHeight }], allowFontScaling: true }, value);
+  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles50.card, variantStyle, { padding: sizeStyles2.padding }, style], onLayout: handleLayout }, isCompact ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, iconElement, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles50.compactValue }, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles50.label, { color: colors.foregroundSubtle, fontSize: sizeStyles2.labelFontSize, lineHeight: sizeStyles2.labelLineHeight }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles50.description, { color: colors.foregroundMuted, fontSize: sizeStyles2.descriptionFontSize, lineHeight: sizeStyles2.descriptionLineHeight }], allowFontScaling: true }, description) : null) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles50.valueRow }, iconElement, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles50.label, { color: colors.foregroundSubtle, fontSize: sizeStyles2.labelFontSize, lineHeight: sizeStyles2.labelLineHeight }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles50.description, { color: colors.foregroundMuted, fontSize: sizeStyles2.descriptionFontSize, lineHeight: sizeStyles2.descriptionLineHeight }], allowFontScaling: true }, description) : null));
   if (onPress) {
     return /* @__PURE__ */ React54__default.default.createElement(
       PressableCard,
@@ -7078,18 +6574,18 @@ function StatsComponent({
   return cardContent;
 }
 function StatsGroup({ children, gap = s(12), style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.group, { gap }, style] }, React54__default.default.Children.map(children, (child) => {
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles50.group, { gap }, style] }, React54__default.default.Children.map(children, (child) => {
     if (!React54__default.default.isValidElement(child)) return child;
     const childStyle = child.props.style;
     const mergedStyle = childStyle ? [childStyle, { alignSelf: "stretch" }] : [{ alignSelf: "stretch" }];
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.groupItem }, React54__default.default.cloneElement(
+    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles50.groupItem }, React54__default.default.cloneElement(
       child,
       { style: mergedStyle }
     ));
   }));
 }
 var Stats = Object.assign(React54__default.default.memo(StatsComponent), { Group: StatsGroup });
-var styles49 = reactNative.StyleSheet.create({
+var styles50 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     borderWidth: 1,
@@ -7155,39 +6651,37 @@ function getResponsiveFontSize(text, maxSize, steps = [
 }
 function useConfirmDialog(options) {
   const [visible, setVisible] = React54.useState(false);
-  const [target, setTarget] = React54.useState(null);
   const [loading, setLoading] = React54.useState(false);
-  const open = React54.useCallback((t) => {
-    setTarget(t ?? null);
-    setVisible(true);
+  const mountedRef = React54.useRef(true);
+  const onConfirmRef = React54.useRef(options.onConfirm);
+  const onCancelRef = React54.useRef(options.onCancel);
+  React54.useEffect(() => {
+    onConfirmRef.current = options.onConfirm;
+    onCancelRef.current = options.onCancel;
+  });
+  React54.useEffect(() => {
+    return () => {
+      mountedRef.current = false;
+    };
   }, []);
+  const open = React54.useCallback(() => setVisible(true), []);
   const handleConfirm = React54.useCallback(async () => {
     setLoading(true);
     try {
-      await options.onConfirm();
+      await onConfirmRef.current();
+    } catch {
     } finally {
-      setLoading(false);
-      setVisible(false);
-      setTarget(null);
+      if (mountedRef.current) {
+        setLoading(false);
+        setVisible(false);
+      }
     }
-  }, [options]);
+  }, []);
   const handleCancel = React54.useCallback(() => {
     setVisible(false);
-    setTarget(null);
-    options.onCancel?.();
-  }, [options]);
-  return {
-    visible,
-    target,
-    loading,
-    open,
-    dialogProps: {
-      visible,
-      loading,
-      onConfirm: handleConfirm,
-      onCancel: handleCancel
-    }
-  };
+    onCancelRef.current?.();
+  }, []);
+  return { visible, loading, open, onConfirm: handleConfirm, onCancel: handleCancel };
 }
 
 Object.defineProperty(exports, "BottomSheetModalProvider", {
@@ -7206,6 +6700,7 @@ exports.Accordion = Accordion;
 exports.AlertBanner = AlertBanner;
 exports.AppHeader = AppHeader;
 exports.Avatar = Avatar;
+exports.AvatarGroup = AvatarGroup;
 exports.BREAKPOINTS = BREAKPOINTS;
 exports.Badge = Badge;
 exports.Button = Button;
@@ -7250,7 +6745,7 @@ exports.MenuItem = MenuItem;
 exports.MonthPicker = MonthPicker;
 exports.NumberStepper = NumberStepper;
 exports.PagerDots = PagerDots;
-exports.Pressable = Pressable2;
+exports.Pressable = Pressable;
 exports.PricingCard = PricingCard;
 exports.Progress = Progress;
 exports.RADIUS = RADIUS;
@@ -7259,6 +6754,8 @@ exports.RetrayProvider = RetrayProvider;
 exports.SHADOWS = SHADOWS;
 exports.SPACING = SPACING;
 exports.Select = Select;
+exports.SelectableCard = SelectableCard;
+exports.SelectableCardGroup = SelectableCardGroup;
 exports.SelectableGrid = SelectableGrid;
 exports.Separator = Separator;
 exports.Sheet = Sheet;
@@ -7277,14 +6774,12 @@ exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 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.getValidIconNames = getValidIconNames;
+exports.hexToRgb = hexToRgb;
 exports.impactHeavy = impactHeavy;
 exports.impactLight = impactLight;
 exports.impactMedium = impactMedium;
@@ -7292,8 +6787,6 @@ exports.monthPickerValueToDate = monthPickerValueToDate;
 exports.notificationError = notificationError;
 exports.notificationSuccess = notificationSuccess;
 exports.notificationWarning = notificationWarning;
-exports.renderIcon = renderIcon;
-exports.richHaptics = richHaptics;
 exports.selectionAsync = selectionAsync;
 exports.useConfirmDialog = useConfirmDialog;
 exports.useTheme = useTheme;