@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/index.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var React54 = require('react');
+var React55 = require('react');
 var reactNative = require('react-native');
 var reactNativeEase = require('react-native-ease');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -25,7 +26,26 @@ var reactNativeGestureHandler = require('react-native-gesture-handler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React54__default = /*#__PURE__*/_interopDefault(React54);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React55__default = /*#__PURE__*/_interopDefault(React55);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -35,12 +55,7 @@ var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 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, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+// src/theme/ThemeProvider.tsx
 
 // src/theme/colorUtils.ts
 function hexToRgb(hex) {
@@ -66,23 +81,6 @@ function componentToHex(c) {
 function rgbToHex(r, g, b) {
   return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
 }
-function withAlphaOnWhite(hex, alpha) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  const r = rgb.r * alpha + 255 * (1 - alpha);
-  const g = rgb.g * alpha + 255 * (1 - alpha);
-  const b = rgb.b * alpha + 255 * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
-function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
-  const rgb = hexToRgb(hex);
-  const bg = hexToRgb(bgHex);
-  if (!rgb || !bg) return hex;
-  const r = rgb.r * alpha + bg.r * (1 - alpha);
-  const g = rgb.g * alpha + bg.g * (1 - alpha);
-  const b = rgb.b * alpha + bg.b * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
 function mixWithBackground(fgHex, bgHex, opacity) {
   const fg = hexToRgb(fgHex);
   const bg = hexToRgb(bgHex);
@@ -92,13 +90,11 @@ function mixWithBackground(fgHex, bgHex, opacity) {
   const b = fg.b * opacity + bg.b * (1 - opacity);
   return rgbToHex(r, g, b);
 }
-function lighten(hex, amount) {
-  return withAlphaOnWhite(hex, 1 - amount);
-}
-function darken(hex, amount) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
+function createColorPair(fg, bg, dark) {
+  return {
+    tint: mixWithBackground(fg, dark ? bg : "#ffffff", dark ? 0.15 : 0.08),
+    border: mixWithBackground(fg, dark ? bg : "#ffffff", dark ? 0.45 : 0.3)
+  };
 }
 var defaultLight = {
   background: "#ffffff",
@@ -141,17 +137,16 @@ var defaultDark = {
 function deriveColors(t, scheme) {
   const dark = scheme === "dark";
   const bg = t.background;
+  const WHITE = "#ffffff";
+  const BLACK = "#000000";
   const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
   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);
-  const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
-  const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
-  const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
+  const surface = dark ? mixWithBackground(bg, BLACK, 0.94) : mixWithBackground(bg, BLACK, 0.96);
+  const surfaceStrong = dark ? mixWithBackground(bg, BLACK, 0.88) : mixWithBackground(bg, BLACK, 0.92);
+  const skeleton = dark ? mixWithBackground(bg, BLACK, 0.9) : mixWithBackground(bg, BLACK, 0.9);
+  const { tint: destructiveTint, border: destructiveBorder } = createColorPair(t.destructive, bg, dark);
+  const { tint: successTint, border: successBorder } = createColorPair(t.success, bg, dark);
+  const { tint: warningTint, border: warningBorder } = createColorPair(t.warning, bg, dark);
   return {
     ...t,
     foregroundSubtle,
@@ -170,64 +165,53 @@ function deriveColors(t, scheme) {
     accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
     ring: t.accent ?? t.primary,
     input: t.border,
-    separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
+    separator: dark ? mixWithBackground(t.border, WHITE, 0.78) : mixWithBackground(t.border, BLACK, 0.84)
   };
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React54.createContext(void 0);
+var ThemeContext = React55.createContext(void 0);
 function ThemeProvider({ children, theme, colorScheme = "system" }) {
   const systemScheme = reactNative.useColorScheme() ?? "light";
   const resolvedScheme = colorScheme === "system" ? systemScheme : colorScheme;
-  const colors = React54.useMemo(() => {
+  const colors = React55.useMemo(() => {
     const base = resolvedScheme === "dark" ? defaultDark : defaultLight;
     const override = resolvedScheme === "dark" ? theme?.dark : theme?.light;
     const merged = override ? { ...base, ...override } : base;
     return deriveColors(merged, resolvedScheme);
   }, [resolvedScheme, theme]);
-  return /* @__PURE__ */ React54__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
 }
 function useTheme() {
-  const context = React54.useContext(ThemeContext);
+  const context = React55.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
   return context;
 }
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
+  maybeHaptics()?.selectionAsync();
 }
 function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 function impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
 }
 function impactHeavy() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Heavy));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Heavy);
 }
 function notificationSuccess() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
+  maybeHaptics()?.notificationAsync(Haptics__namespace.NotificationFeedbackType.Success);
 }
 function notificationError() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Error));
+  maybeHaptics()?.notificationAsync(Haptics__namespace.NotificationFeedbackType.Error);
 }
 function notificationWarning() {
-  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Warning));
+  maybeHaptics()?.notificationAsync(Haptics__namespace.NotificationFeedbackType.Warning);
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -242,26 +226,20 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-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 = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  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;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
-  return React54__default.default.createElement(entry.component, { name, size, color });
+  return React55__default.default.createElement(entry.component, { name, size, color });
 }
 
 // src/tokens.ts
@@ -309,17 +287,17 @@ var SHADOWS = {
   },
   lg: {
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 6 },
-    shadowOpacity: 0.16,
-    shadowRadius: 16,
-    elevation: 10
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.12,
+    shadowRadius: 12,
+    elevation: 8
   },
   xl: {
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 12 },
-    shadowOpacity: 0.24,
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.18,
     shadowRadius: 24,
-    elevation: 18
+    elevation: 16
   }
 };
 var BREAKPOINTS = {
@@ -451,6 +429,20 @@ var TYPOGRAPHY = {
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
+  },
+  "code-sm": {
+    fontFamily: "SohneMono-Regular",
+    fontSize: 13,
+    fontWeight: "400",
+    lineHeight: 18,
+    letterSpacing: 0
+  },
+  "code-md": {
+    fontFamily: "SohneMono-Regular",
+    fontSize: 15,
+    fontWeight: "400",
+    lineHeight: 22,
+    letterSpacing: 0
   }
 };
 var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
@@ -537,12 +529,12 @@ function ButtonBase({
     destructive: colors.destructiveForeground
   }[variant];
   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 effectiveIcon = iconName ? /* @__PURE__ */ React55__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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       enabled: !isDisabled,
@@ -555,7 +547,7 @@ function ButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [
@@ -568,7 +560,7 @@ function ButtonBase({
         animate: { backgroundColor: animateBgColor, borderColor: animateBorderColor },
         transition: COLOR_TRANSITION
       },
-      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(
+      loading ? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles.label, { color: labelColor }, labelSizeStyles[size], styles.labelLoading],
@@ -576,7 +568,7 @@ function ButtonBase({
           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(
+      )) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles.label, { color: labelColor }, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
@@ -584,11 +576,11 @@ function ButtonBase({
           numberOfLines: 1
         },
         label
-      ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon))
+      ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon))
     )
   ));
 }
-var Button = React54__default.default.memo(ButtonBase);
+var Button = React55__default.default.memo(ButtonBase);
 var styles = reactNative.StyleSheet.create({
   base: {
     borderRadius: RADIUS.md,
@@ -611,7 +603,7 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 function ButtonGroup({ children, gap = 12, vertical = false, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -621,8 +613,8 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
         style
       ]
     },
-    React54__default.default.Children.map(children, (child) => {
-      if (!React54__default.default.isValidElement(child)) return child;
+    React55__default.default.Children.map(children, (child) => {
+      if (!React55__default.default.isValidElement(child)) return child;
       const childProps = child.props;
       const extraProps = {
         style: [child.props.style, { flex: 1 }]
@@ -630,7 +622,7 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
       if (!vertical && "label" in childProps && childProps["size"] === void 0) {
         extraProps["size"] = "sm";
       }
-      return React54__default.default.cloneElement(child, extraProps);
+      return React55__default.default.cloneElement(child, extraProps);
     })
   );
 }
@@ -687,11 +679,11 @@ 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 ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: iconSize, color: iconColor ?? defaultIconColor }) : icon;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React55__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;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -711,14 +703,14 @@ function IconButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
-  ), showBadge && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [
+    loading ? /* @__PURE__ */ React55__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
+  ), showBadge && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [
     styles3.badge,
     { backgroundColor: colors.primary },
     showCount ? styles3.badgeCount : styles3.badgeDot
-  ] }, showCount && /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
+  ] }, showCount && /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
 }
-var IconButton = React54__default.default.memo(IconButtonBase);
+var IconButton = React55__default.default.memo(IconButtonBase);
 var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
@@ -771,7 +763,9 @@ var variantStyles = {
   "micro-label": { ...TYPOGRAPHY["micro-label"], fontSize: ms(TYPOGRAPHY["micro-label"].fontSize), lineHeight: mvs(TYPOGRAPHY["micro-label"].lineHeight) },
   "uppercase-tag": { ...TYPOGRAPHY["uppercase-tag"], fontSize: ms(TYPOGRAPHY["uppercase-tag"].fontSize), lineHeight: mvs(TYPOGRAPHY["uppercase-tag"].lineHeight) },
   "button-lg": { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize), lineHeight: mvs(TYPOGRAPHY["button-lg"].lineHeight) },
-  "button-sm": { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize), lineHeight: mvs(TYPOGRAPHY["button-sm"].lineHeight) }
+  "button-sm": { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize), lineHeight: mvs(TYPOGRAPHY["button-sm"].lineHeight) },
+  "code-sm": { ...TYPOGRAPHY["code-sm"], fontSize: ms(TYPOGRAPHY["code-sm"].fontSize), lineHeight: mvs(TYPOGRAPHY["code-sm"].lineHeight) },
+  "code-md": { ...TYPOGRAPHY["code-md"], fontSize: ms(TYPOGRAPHY["code-md"].fontSize), lineHeight: mvs(TYPOGRAPHY["code-md"].lineHeight) }
 };
 var defaultColorVariant = {
   "display-hero": "foreground",
@@ -790,7 +784,9 @@ var defaultColorVariant = {
   "micro-label": "foreground",
   "uppercase-tag": "foregroundMuted",
   "button-lg": "foreground",
-  "button-sm": "foreground"
+  "button-sm": "foreground",
+  "code-sm": "foreground",
+  "code-md": "foreground"
 };
 var fontWarned = false;
 function warnIfFontsMissing() {
@@ -805,7 +801,7 @@ function TextBase({ variant = "body-md", color, style, uppercase, children, ...p
   const { colors } = useTheme();
   const colorKey = defaultColorVariant[variant] ?? "foreground";
   const resolvedColor = color ?? colors[colorKey];
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [variantStyles[variant], { color: resolvedColor }, uppercase && { textTransform: "uppercase" }, style],
@@ -815,19 +811,19 @@ function TextBase({ variant = "body-md", color, style, uppercase, children, ...p
     children
   );
 }
-var Text3 = React54__default.default.memo(TextBase);
+var Text3 = React55__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, autoCapitalize, autoCorrect, ...props }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React54.useState(false);
-  const [showPassword, setShowPassword] = React54.useState(false);
+  const [focused, setFocused] = React55.useState(false);
+  const [showPassword, setShowPassword] = React55.useState(false);
   const isDisabled = disabled || editable === false;
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
   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(
+  const effectivePrefix = prefixIcon ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: prefixIcon, size: 20, color: prefixIconColor ?? colors.foregroundMuted }) : prefix;
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => setShowPassword(!showPassword),
@@ -836,10 +832,10 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityRole: "button",
       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 ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: suffixIcon, size: 20, color: suffixIconColor ?? colors.foregroundMuted }) : suffix;
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
+  ) : suffixIcon ? /* @__PURE__ */ React55__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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React55__default.default.createElement(
     reactNativeEase.EaseView,
     {
       style: [
@@ -851,8 +847,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       animate: { borderColor },
       transition: COLOR_TRANSITION
     },
-    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
-    sheetMode ? /* @__PURE__ */ React54__default.default.createElement(
+    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
+    sheetMode ? /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetTextInput,
       {
         style: [
@@ -878,7 +874,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         autoCorrect: effectiveAutoCorrect,
         ...props
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
@@ -905,8 +901,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         ...props
       }
     ),
-    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles4.helperText, { color: colors.destructive }],
@@ -914,7 +910,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+  ) : null, !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles4 = reactNative.StyleSheet.create({
   container: {
@@ -1013,10 +1009,10 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
     destructiveOutline: colors.destructive,
     warningOutline: colors.warning
   }[variant];
-  const effectiveIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: sizeIconSize[size], color: iconColor ?? textColor }) : icon;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React55__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(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style],
@@ -1024,10 +1020,10 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
       accessibilityLabel: a11yLabel
     },
     effectiveIcon,
-    typeof content === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content
+    typeof content === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content
   );
 }
-var Badge = React54__default.default.memo(BadgeBase);
+var Badge = React55__default.default.memo(BadgeBase);
 var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
@@ -1072,9 +1068,9 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
       elevation: 0
     }
   }[variant];
-  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -1091,21 +1087,21 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
   return cardContent;
 }
 function CardHeader({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
 }
 function CardTitle({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
 }
 function CardDescription({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
 }
 function CardContent({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
 }
 function CardFooter({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
 }
 var styles6 = reactNative.StyleSheet.create({
   card: {
@@ -1141,9 +1137,19 @@ var styles6 = reactNative.StyleSheet.create({
     alignItems: "center"
   }
 });
-function Separator({ orientation = "horizontal", style }) {
+function Separator({ orientation = "horizontal", label, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(
+  if (label && orientation !== "vertical") {
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles7.row, style], accessibilityRole: "none" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles7.line, { backgroundColor: colors.separator }] }), /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles7.label, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      label
+    ), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles7.line, { backgroundColor: colors.separator }] }));
+  }
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1162,6 +1168,21 @@ var styles7 = reactNative.StyleSheet.create({
   vertical: {
     width: 1,
     height: "100%"
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(12)
+  },
+  line: {
+    flex: 1,
+    height: 1
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
   }
 });
 var sizeMap2 = {
@@ -1178,7 +1199,7 @@ function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
   const a11yLabel = label || "Cargando";
   if (label) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles8.wrapper,
@@ -1186,8 +1207,8 @@ function Spinner({ size = "md", color, label, ...props }) {
         accessibilityLabel: a11yLabel,
         accessibilityState: { busy: true }
       },
-      /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles8.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
@@ -1197,7 +1218,7 @@ function Spinner({ size = "md", color, label, ...props }) {
       )
     );
   }
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ActivityIndicator,
     {
       size: sizeMap2[size],
@@ -1230,9 +1251,9 @@ function Skeleton({
 }) {
   const { colors, colorScheme } = useTheme();
   const shimmer = Animated6.useSharedValue(0);
-  const [containerWidth, setContainerWidth] = React54.useState(300);
+  const [containerWidth, setContainerWidth] = React55.useState(300);
   const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.07)";
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     shimmer.value = Animated6.withRepeat(
       Animated6.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated6.Easing.linear }),
       -1,
@@ -1245,7 +1266,7 @@ function Skeleton({
   const resolvedWidth = preset === "circle" ? s(diameter) : preset === "text" ? "60%" : width;
   const resolvedHeight = preset === "circle" ? s(diameter) : preset === "text" ? 14 : height;
   const resolvedRadius = preset === "circle" ? 9999 : preset === "text" ? 4 : borderRadius;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1258,7 +1279,7 @@ function Skeleton({
       accessibilityLabel: "Cargando",
       accessibilityState: { busy: true }
     },
-    /* @__PURE__ */ React54__default.default.createElement(Animated6__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(Animated6__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React55__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1278,10 +1299,10 @@ var aspectRatioMap = {
 };
 function MediaCardSkeleton({ aspectRatio = "4:3", showSubtitle = true, style }) {
   const ratio = aspectRatioMap[aspectRatio];
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "45%", height: vs(12), borderRadius: RADIUS.xs }) : null));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "45%", height: vs(12), borderRadius: RADIUS.xs }) : null));
 }
 function ListItemSkeleton({ showAvatar = true, showSubtitle = true, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "40%", height: vs(12), borderRadius: RADIUS.xs }) : null));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React55__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "40%", height: vs(12), borderRadius: RADIUS.xs }) : null));
 }
 function ListSkeleton({
   count = 6,
@@ -1292,10 +1313,10 @@ function ListSkeleton({
   style
 }) {
   if (columns <= 1) {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(ListItemSkeleton, { key: i, showAvatar })));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React55__default.default.createElement(ListItemSkeleton, { key: i, showAvatar })));
   }
   const widthPct = `${100 / columns}%`;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React54__default.default.createElement(MediaCardSkeleton, { aspectRatio }))));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React55__default.default.createElement(MediaCardSkeleton, { aspectRatio }))));
 }
 Skeleton.MediaCard = MediaCardSkeleton;
 Skeleton.ListItem = ListItemSkeleton;
@@ -1358,7 +1379,7 @@ function getInitials(fallback, fallbackText) {
 }
 function AvatarBase({ src, fallback, fallbackText, size = "md", status, style }) {
   const { colors } = useTheme();
-  const [imageError, setImageError] = React54.useState(false);
+  const [imageError, setImageError] = React55.useState(false);
   const dimension = typeof size === "number" ? size : sizeMap3[size];
   const fontSize = typeof size === "number" ? size * 0.38 : fontSizeMap[size];
   const showFallback = !src || imageError;
@@ -1377,21 +1398,21 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     overflow: "hidden"
   };
   const a11yLabel = fallbackText || fallback || "Avatar";
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles10.wrapper, style],
       accessibilityRole: "image",
       accessibilityLabel: a11yLabel
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React55__default.default.createElement(
       expoImage.Image,
       {
         source: { uri: src },
         style: { width: dimension, height: dimension },
         onError: () => setImageError(true)
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
@@ -1399,7 +1420,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
       },
       getInitials(fallback, fallbackText)
     )),
-    status && /* @__PURE__ */ React54__default.default.createElement(
+    status && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1417,7 +1438,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     )
   );
 }
-var Avatar = React54__default.default.memo(AvatarBase);
+var Avatar = React55__default.default.memo(AvatarBase);
 function AvatarGroup({
   users,
   max = 3,
@@ -1430,7 +1451,7 @@ function AvatarGroup({
   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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles10.group, style], accessibilityLabel: `${users.length} avatares` }, visible.map((user, i) => /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       key: `${user.name}-${i}`,
@@ -1440,7 +1461,7 @@ function AvatarGroup({
         { zIndex: visible.length - i }
       ]
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       Avatar,
       {
         src: user.src,
@@ -1448,7 +1469,7 @@ function AvatarGroup({
         size
       }
     )
-  )), overflowCount > 0 ? /* @__PURE__ */ React54__default.default.createElement(
+  )), overflowCount > 0 ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -1467,7 +1488,7 @@ function AvatarGroup({
       accessibilityRole: "button",
       accessibilityLabel: `${overflowCount} avatares m\xE1s`
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles10.overflowText, { color: colors.foregroundMuted }],
@@ -1517,15 +1538,15 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
   const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.foreground;
   const bgColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.15)" : "rgba(199, 40, 40, 0.10)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.15)" : "rgba(26, 122, 69, 0.10)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.15)" : "rgba(154, 82, 0, 0.10)" : colors.surface;
   const borderColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.30)" : "rgba(199, 40, 40, 0.25)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.30)" : "rgba(26, 122, 69, 0.25)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.30)" : "rgba(154, 82, 0, 0.25)" : colors.border;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
     // AUDIT FIX: default variant previously used colors.primary (near-black)
     // as the info icon tint — ambiguous and heavy. accentResolved gives it
     // a meaningful chromatic signal when an accent is defined.
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor })
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor })
   );
-  const effectiveIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: ms(16), color: iconColor ?? accentColor }) : icon ?? defaultIcon;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React55__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(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1536,9 +1557,9 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
       accessibilityRole: "alert",
       accessibilityLabel: a11yLabel
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null),
-    onDismiss ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null),
+    onDismiss ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onDismiss,
@@ -1548,7 +1569,7 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
         accessibilityRole: "button",
         accessibilityLabel: "Descartar"
       },
-      /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(16), color: colors.foregroundMuted })
+      /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(16), color: colors.foregroundMuted })
     ) : null
   );
 }
@@ -1585,9 +1606,9 @@ var styles11 = reactNative.StyleSheet.create({
 function Progress({ value = 0, max = 100, variant = "default", style, accessibilityLabel }) {
   const { colors } = useTheme();
   const percent = Math.min(Math.max(value / max * 100, 0), 100);
-  const [trackWidth, setTrackWidth] = React54.useState(0);
+  const [trackWidth, setTrackWidth] = React55.useState(0);
   const animatedWidth = Animated6.useSharedValue(0);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (trackWidth === 0) return;
     animatedWidth.value = Animated6.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
   }, [percent, trackWidth, animatedWidth]);
@@ -1595,7 +1616,7 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
     width: animatedWidth.value
   }));
   const indicatorColor = variant === "success" ? colors.success : variant === "warning" ? colors.warning : variant === "destructive" ? colors.destructive : colors.primary;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles12.track, { backgroundColor: colors.surface }, style],
@@ -1604,7 +1625,7 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
       accessibilityLabel,
       accessibilityValue: { min: 0, max: 100, now: Math.round(percent) }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       Animated6__default.default.View,
       {
         style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
@@ -1627,8 +1648,8 @@ 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 ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: isCompact ? 32 : 48, color: iconColor ?? colors.foregroundMuted }) : icon;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  const effectiveIcon = iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: isCompact ? 32 : 48, color: iconColor ?? colors.foregroundMuted }) : icon;
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1638,7 +1659,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React54__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1649,15 +1670,15 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles13.title, isCompact && styles13.titleCompact, { color: colors.foreground }],
         allowFontScaling: true
       },
       title
-    ), description && !isCompact ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
-    !isCompact && (action ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React54__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
+    ), description && !isCompact ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
+    !isCompact && (action ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React55__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
   );
 }
 var styles13 = reactNative.StyleSheet.create({
@@ -1731,10 +1752,10 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React54.useState(false);
-  const resolvedPrefixIcon = prefixIcon ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: prefixIcon, size: ms(16), color: prefixIconColor ?? colors.foregroundMuted }) : prefixIconNode;
+  const [focused, setFocused] = React55.useState(false);
+  const resolvedPrefixIcon = prefixIcon ? /* @__PURE__ */ React55__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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles14.inputWrapper, { backgroundColor: colors.background }] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNativeEase.EaseView,
     {
       style: [styles14.borderOverlay, { borderWidth: error ? 2 : 1 }],
@@ -1742,7 +1763,7 @@ function Textarea({
       transition: COLOR_TRANSITION,
       pointerEvents: "none"
     }
-  ), resolvedPrefixIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null, /* @__PURE__ */ React54__default.default.createElement(
+  ), resolvedPrefixIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TextInput,
     {
       multiline: true,
@@ -1773,7 +1794,7 @@ function Textarea({
       accessibilityState: { disabled: !!disabled },
       ...props
     }
-  )), error ? /* @__PURE__ */ React54__default.default.createElement(
+  )), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles14.helperText, { color: colors.destructive }],
@@ -1781,7 +1802,7 @@ function Textarea({
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+  ) : null, !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles14 = reactNative.StyleSheet.create({
   container: {
@@ -1828,7 +1849,8 @@ function Checkbox({
   label,
   disabled,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -1839,7 +1861,7 @@ function Checkbox({
     // AUDIT FIX: opacity was applied only to the box, leaving the label at full
     // opacity when disabled — a contradictory visual signal. Now the entire row
     // dims uniformly so label and control communicate the same disabled state.
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       PressableButton,
       {
         style: [styles15.row, disabled && styles15.rowDisabled, style],
@@ -1849,9 +1871,10 @@ function Checkbox({
         touchSoundDisabled: true,
         accessibilityRole: "checkbox",
         accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityHint,
         accessibilityState: { checked, disabled: !!disabled }
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles15.box,
@@ -1861,9 +1884,9 @@ function Checkbox({
           },
           transition: COLOR_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
+        /* @__PURE__ */ React55__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
       ),
-      label ? /* @__PURE__ */ React54__default.default.createElement(
+      label ? /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles15.label, { color: colors.foreground }],
@@ -1912,10 +1935,10 @@ var THUMB_OFFSET = s(3);
 var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
 var ICON_SIZE = s(13);
 var DISABLED_OPACITY = 0.45;
-function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel }) {
+function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel, accessibilityHint }) {
   const { colors } = useTheme();
   const isDisabled = !!disabled;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       onPress: () => {
@@ -1927,17 +1950,18 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
       touchSoundDisabled: true,
       accessibilityRole: "switch",
       accessibilityLabel,
+      accessibilityHint,
       accessibilityState: { checked, disabled: isDisabled },
       style: styles16.touchable
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles16.trackContainer }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles16.trackContainer }, /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.track, isDisabled && styles16.disabledTrack],
         animate: { backgroundColor: checked ? colors.primary : colors.surfaceStrong },
         transition: COLOR_TRANSITION
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.trackBorder, { borderWidth: 1.5 }],
@@ -1945,30 +1969,30 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
         animate: { borderColor: checked ? "transparent" : colors.border },
         transition: COLOR_TRANSITION
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.thumb, { backgroundColor: colors.primaryForeground }],
         animate: { translateX: checked ? THUMB_TRAVEL : 0 },
         transition: SPRING_ELASTIC
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles16.iconWrapper,
           animate: { opacity: checked ? isDisabled ? DISABLED_OPACITY : 1 : 0 },
           transition: OPACITY_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })
+        /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })
       ),
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles16.iconWrapper,
           animate: { opacity: checked ? 0 : isDisabled ? DISABLED_OPACITY : 1 },
           transition: OPACITY_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted })
+        /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted })
       )
     ))
   ));
@@ -2023,15 +2047,15 @@ function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconC
     return prop;
   };
   if (pressed) {
-    if (activeIconName) return /* @__PURE__ */ React54__default.default.createElement(Icon, { name: activeIconName, size: iconSize, color: activeIconColor ?? primaryColor });
+    if (activeIconName) return /* @__PURE__ */ React55__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 (active) return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, active);
+    return /* @__PURE__ */ React55__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
   }
-  if (iconName) return /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: iconSize, color: iconColor ?? mutedColor });
+  if (iconName) return /* @__PURE__ */ React55__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 });
+  if (custom) return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, custom);
+  return /* @__PURE__ */ React55__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });
 }
 var sizeStyles = {
   sm: { paddingHorizontal: s(12), paddingVertical: vs(8), minWidth: s(40), minHeight: vs(40) },
@@ -2062,7 +2086,7 @@ function Toggle({
     selectionAsync();
     onPressedChange?.(!pressed);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       onPress: handlePress,
@@ -2074,7 +2098,7 @@ function Toggle({
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected: pressed, disabled: !!disabled }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles17.base, sizeStyles[size], { borderWidth: 2 }],
@@ -2084,7 +2108,7 @@ function Toggle({
         },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React55__default.default.createElement(
         ToggleIcon,
         {
           pressed,
@@ -2098,7 +2122,7 @@ function Toggle({
           primaryColor: colors.primary,
           mutedColor: colors.foregroundMuted
         }
-      ), label ? /* @__PURE__ */ React54__default.default.createElement(
+      ), label ? /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles17.label, { color: pressed ? colors.primary : colors.foreground }],
@@ -2133,7 +2157,7 @@ function RadioItem({
   onSelect
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [styles18.row, option.disabled && styles18.rowDisabled],
@@ -2150,14 +2174,14 @@ function RadioItem({
       accessibilityLabel: option.label,
       accessibilityState: { checked: selected, disabled: !!option.disabled }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles18.radio,
         animate: { borderColor: selected ? colors.primary : colors.border },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: [styles18.dot, { backgroundColor: colors.primary }],
@@ -2166,7 +2190,7 @@ function RadioItem({
         }
       )
     ),
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles18.label, { color: colors.foreground }],
@@ -2184,14 +2208,14 @@ function RadioGroup({
   style,
   accessibilityLabel
 }) {
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles18.container, orientation === "horizontal" && styles18.horizontal, style],
       accessibilityRole: "radiogroup",
       accessibilityLabel
     },
-    options.map((option) => /* @__PURE__ */ React54__default.default.createElement(
+    options.map((option) => /* @__PURE__ */ React55__default.default.createElement(
       RadioItem,
       {
         key: option.value,
@@ -2246,7 +2270,7 @@ function TabTrigger({
 }) {
   const { colors } = useTheme();
   const isUnderline = variant === "underline";
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React55__default.default.createElement(
     PressableTab,
     {
       style: [
@@ -2261,7 +2285,7 @@ function TabTrigger({
       accessibilityState: { selected: isActive },
       accessibilityLabel: tab.label
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -2279,14 +2303,14 @@ function TabTrigger({
   ));
 }
 function Tabs({ tabs, variant = "pill", value, onValueChange, children, style }) {
-  const [internal, setInternal] = React54.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React55.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  const tabLayouts = React54.useRef({});
+  const tabLayouts = React55.useRef({});
   const pillX = Animated6.useSharedValue(0);
   const pillWidth = Animated6.useSharedValue(0);
-  const initialised = React54.useRef(false);
-  const animatePill = React54.useCallback((tabValue, animate) => {
+  const initialised = React55.useRef(false);
+  const animatePill = React55.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
@@ -2297,7 +2321,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       pillWidth.value = layout.width;
     }
   }, [pillX, pillWidth]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (initialised.current) animatePill(active, true);
   }, [active, animatePill]);
   const handlePress = (v) => {
@@ -2309,7 +2333,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     transform: [{ translateX: pillX.value }],
     width: pillWidth.value
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -2317,7 +2341,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       ],
       accessibilityRole: "tablist"
     },
-    variant === "pill" && /* @__PURE__ */ React54__default.default.createElement(
+    variant === "pill" && /* @__PURE__ */ React55__default.default.createElement(
       Animated6__default.default.View,
       {
         style: [
@@ -2339,7 +2363,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
         ]
       }
     ),
-    tabs.map((tab) => /* @__PURE__ */ React54__default.default.createElement(
+    tabs.map((tab) => /* @__PURE__ */ React55__default.default.createElement(
       TabTrigger,
       {
         key: tab.value,
@@ -2361,7 +2385,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
 }
 function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
 }
 var styles19 = reactNative.StyleSheet.create({
   list: {
@@ -2419,32 +2443,28 @@ function AccordionItemComponent({
   onToggle
 }) {
   const { colors } = useTheme();
-  const resolvedIcon = item.iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: item.iconName, size: ms(16), color: item.iconColor ?? colors.foregroundMuted }) : item.icon;
+  const resolvedIcon = item.iconName ? /* @__PURE__ */ React55__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(() => {
+  React55__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
-  const derivedHeight = Animated6.useDerivedValue(
-    () => Animated6.withTiming(height.value * Number(isExpanded.value), {
-      duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
-      easing: isExpanded.value ? Animated6.Easing.bezier(0.23, 1, 0.32, 1) : Animated6.Easing.in(Animated6.Easing.ease)
-    })
-  );
-  const derivedRotation = Animated6.useDerivedValue(
-    () => Animated6.withTiming(isExpanded.value ? 1 : 0, {
+  const bodyStyle = Animated6.useAnimatedStyle(() => ({
+    height: Animated6.withTiming(height.value * Number(isExpanded.value), {
       duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
       easing: isExpanded.value ? Animated6.Easing.bezier(0.23, 1, 0.32, 1) : Animated6.Easing.in(Animated6.Easing.ease)
-    })
-  );
-  const bodyStyle = Animated6.useAnimatedStyle(() => ({
-    height: derivedHeight.value,
+    }),
     overflow: "hidden"
   }));
   const rotationStyle = Animated6.useAnimatedStyle(() => ({
-    transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
+    transform: [{
+      rotate: `${Animated6.withTiming(isExpanded.value ? 1 : 0, {
+        duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
+        easing: isExpanded.value ? Animated6.Easing.bezier(0.23, 1, 0.32, 1) : Animated6.Easing.in(Animated6.Easing.ease)
+      }) * 180}deg`
+    }]
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableRow,
     {
       onPress: () => {
@@ -2456,10 +2476,11 @@ function AccordionItemComponent({
       accessibilityRole: "button",
       accessibilityState: { expanded: isOpen },
       accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0,
+      accessibilityHint: item.accessibilityHint,
       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),
-    item.triggerActions ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),
+    item.triggerActions ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles20.triggerActions,
@@ -2467,8 +2488,8 @@ function AccordionItemComponent({
       },
       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(
+    /* @__PURE__ */ React55__default.default.createElement(Animated6__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React55__default.default.createElement(Animated6__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2476,11 +2497,11 @@ function AccordionItemComponent({
         height.value = e.nativeEvent.layout.height;
       }
     },
-    typeof item.content === "string" || typeof item.content === "number" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles20.contentText, { color: colors.foregroundMuted }], allowFontScaling: true }, item.content) : item.content
+    typeof item.content === "string" || typeof item.content === "number" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles20.contentText, { color: colors.foregroundMuted }], allowFontScaling: true }, item.content) : item.content
   )));
 }
 function Accordion({ items, type = "single", defaultValue, style }) {
-  const [openValues, setOpenValues] = React54.useState(() => {
+  const [openValues, setOpenValues] = React55.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -2493,7 +2514,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -2567,11 +2588,12 @@ function Slider({
   showValue = false,
   formatValue: formatValue2 = (v) => v.toFixed(2),
   accessibilityLabel,
+  accessibilityHint,
   disabled,
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React54.useRef(value);
+  const lastSteppedValue = React55.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -2579,12 +2601,13 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles21.wrapper, style],
       accessibilityRole: "adjustable",
       accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityHint,
       accessibilityValue: {
         min: minimumValue,
         max: maximumValue,
@@ -2592,8 +2615,8 @@ function Slider({
         text: formatValue2(value)
       }
     },
-    label || showValue ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React54__default.default.createElement(
+    label || showValue ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React55__default.default.createElement(
       RNSlider__default.default,
       {
         value,
@@ -2637,15 +2660,47 @@ var styles21 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
+function useSheetModal(visible, onDismiss) {
+  const ref = React55.useRef(null);
+  const state = React55.useRef("idle");
+  const onDismissRef = React55.useRef(onDismiss);
+  const [tick, setTick] = React55.useState(0);
+  React55.useEffect(() => {
+    onDismissRef.current = onDismiss;
+  });
+  React55.useEffect(() => {
+    if (visible) {
+      if (state.current === "idle") {
+        state.current = "presenting";
+        impactMedium();
+        ref.current?.present();
+        state.current = "presented";
+      }
+    } else {
+      if (state.current === "presented" || state.current === "presenting") {
+        state.current = "dismissing";
+        ref.current?.dismiss();
+      }
+    }
+  }, [visible, tick]);
+  const handleDismiss = React55.useCallback(() => {
+    state.current = "idle";
+    onDismissRef.current?.();
+    setTick((t) => t + 1);
+  }, []);
+  return { ref, handleDismiss };
+}
+
+// src/components/Sheet/Sheet.tsx
 function SheetHeader({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
 }
 function SheetContent({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
 }
 function SheetFooter({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
 }
 function Sheet({
   open,
@@ -2667,26 +2722,10 @@ function Sheet({
 }) {
   const { colors } = useTheme();
   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 && !isPresentedRef.current) {
-      impactMedium();
-      ref.current?.present();
-      wasOpened.current = true;
-      isPresentedRef.current = true;
-    } else if (!open && wasOpened.current && isPresentedRef.current) {
-      ref.current?.dismiss();
-    }
-  }, [open]);
-  const renderBackdrop = React54.useCallback(
-    (props) => /* @__PURE__ */ React54__default.default.createElement(
+  const { ref, handleDismiss } = useSheetModal(open, onClose);
+  const name = React55.useId();
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,
       {
         ...props,
@@ -2697,15 +2736,15 @@ function Sheet({
     ),
     []
   );
-  const childArray = React54__default.default.Children.toArray(children);
-  const customHeader = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetHeader);
-  const customContent = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetContent);
-  const customFooter = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetFooter);
+  const childArray = React55__default.default.Children.toArray(children);
+  const customHeader = childArray.find((child) => React55__default.default.isValidElement(child) && child.type === SheetHeader);
+  const customContent = childArray.find((child) => React55__default.default.isValidElement(child) && child.type === SheetContent);
+  const customFooter = childArray.find((child) => React55__default.default.isValidElement(child) && child.type === SheetFooter);
   const filteredChildren = customHeader || customContent || customFooter ? childArray.filter(
-    (child) => !React54__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
+    (child) => !React55__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
   ) : children;
   const showHeader = !!(title || subtitle || showCloseButton) && !customHeader;
-  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.header, { backgroundColor: colors.card }], accessibilityRole: "header" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React54__default.default.createElement(
+  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.header, { backgroundColor: colors.card }], accessibilityRole: "header" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: onClose,
@@ -2716,19 +2755,19 @@ function Sheet({
       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 })
-  ) : null), subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null) : null;
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
+  ) : null), subtitle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null) : null;
   const contentNode = customContent ? customContent : filteredChildren;
   const effectiveFooter = customFooter ? customFooter : footer;
-  const renderFooter = React54.useCallback(
+  const renderFooter = React55.useCallback(
     (props) => {
       if (!effectiveFooter) return null;
-      return /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
+      return /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
     },
     [effectiveFooter]
   );
   const useDynamicSizing = !snapPoints;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
@@ -2748,7 +2787,7 @@ function Sheet({
       android_keyboardInputMode,
       enableBlurKeyboardOnGesture
     },
-    scrollable ? /* @__PURE__ */ React54__default.default.createElement(
+    scrollable ? /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetScrollView,
       {
         contentContainerStyle: [styles22.scrollContent, style],
@@ -2759,7 +2798,7 @@ function Sheet({
       },
       headerNode,
       contentNode
-    ) : /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
+    ) : /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
   );
 }
 Sheet.Header = SheetHeader;
@@ -2832,13 +2871,26 @@ function Select({
   error,
   disabled,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
-  const [pickerVisible, setPickerVisible] = React54.useState(false);
-  const [pendingValue, setPendingValue] = React54.useState(value);
-  const pickerRef = React54.useRef(null);
+  const [pickerVisible, setPickerVisible] = React55.useState(false);
+  const [pendingValue, setPendingValue] = React55.useState(value);
+  const pickerRef = React55.useRef(null);
   const selected = options.find((o) => o.value === value);
+  function renderPickerItems(includePlaceholder, itemColor, disabledColor) {
+    return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, includePlaceholder ? /* @__PURE__ */ React55__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false, color: disabledColor }) : null, options.map((o) => /* @__PURE__ */ React55__default.default.createElement(
+      picker.Picker.Item,
+      {
+        key: o.value,
+        label: o.label,
+        value: o.value,
+        enabled: !o.disabled,
+        color: o.disabled ? disabledColor : itemColor
+      }
+    )));
+  }
   const handleOpen = () => {
     if (disabled) return;
     selectionAsync();
@@ -2859,7 +2911,7 @@ 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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -2876,10 +2928,11 @@ function Select({
       touchSoundDisabled: true,
       accessibilityRole: "combobox",
       accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityHint,
       accessibilityValue: { text: selected?.label ?? placeholder },
       accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -2891,8 +2944,8 @@ 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(
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
+  ) : null, isIOS ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -2900,27 +2953,17 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React54__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React55__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React55__default.default.createElement(
       picker.Picker,
       {
         selectedValue: pendingValue ?? "",
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
-        picker.Picker.Item,
-        {
-          key: o.value,
-          label: o.label,
-          value: o.value,
-          enabled: !o.disabled,
-          color: o.disabled ? colors.foregroundMuted : colors.foreground
-        }
-      ))
+      renderPickerItems(!value, colors.foreground, colors.foregroundMuted)
     ))
-  ) : null, isAndroid ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, isAndroid ? /* @__PURE__ */ React55__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -2936,17 +2979,8 @@ function Select({
       prompt: label,
       style: styles23.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
-      picker.Picker.Item,
-      {
-        key: o.value,
-        label: o.label,
-        value: o.value,
-        enabled: !o.disabled
-      }
-    ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(
+    renderPickerItems(!value)
+  ) : null, isWeb2 ? /* @__PURE__ */ React55__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -2966,17 +3000,8 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
-      picker.Picker.Item,
-      {
-        key: o.value,
-        label: o.label,
-        value: o.value,
-        enabled: !o.disabled
-      }
-    ))
-  ) : 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);
+    renderPickerItems(true)
+  ) : null, error ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles23 = reactNative.StyleSheet.create({
   container: {
@@ -3054,7 +3079,7 @@ function useToast() {
 function ToastProvider({ children }) {
   const { colorScheme } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, children, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, children, /* @__PURE__ */ React55__default.default.createElement(
     sonnerNative.Toaster,
     {
       theme: colorScheme,
@@ -3123,7 +3148,7 @@ function CurrencyInput({
     fontSize: isLarge ? ms(32) : ms(17)
   };
   const displayValue = value && prefix && value.startsWith(prefix) ? value.slice(prefix.length) : value;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     Input,
     {
       ...props,
@@ -3174,7 +3199,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
   const baseFontSize = variant ? variantFontSize[variant] : ms(56);
   const fontSize = maxFontSize ?? baseFontSize;
   const letterSpacing = variant ? variantLetterSpacing[variant] : -2;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles24.amount, { color: textColor ?? colors.foreground, fontSize, letterSpacing }],
@@ -3186,7 +3211,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
     formatted
   ));
 }
-var CurrencyDisplay = React54__default.default.memo(CurrencyDisplayBase);
+var CurrencyDisplay = React55__default.default.memo(CurrencyDisplayBase);
 var styles24 = reactNative.StyleSheet.create({
   container: {
     alignSelf: "flex-start"
@@ -3219,14 +3244,15 @@ function ListItemBase({
   subtitleStyle,
   subtitleNumberOfLines = 2,
   captionStyle,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
     selectionAsync();
     onPress?.();
   };
-  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 effectiveLeft = imageSource ? /* @__PURE__ */ React55__default.default.createElement(expoImage.Image, { source: imageSource, style: styles25.image }) : leftIcon ? /* @__PURE__ */ React55__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,
@@ -3240,7 +3266,7 @@ function ListItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? [title, subtitle, caption].filter(Boolean).join(". ");
-  const content = /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React54__default.default.createElement(
+  const content = /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.title, { color: colors.foreground }, titleStyle],
@@ -3248,7 +3274,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     title
-  ), subtitle ? /* @__PURE__ */ React54__default.default.createElement(
+  ), subtitle ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
@@ -3256,7 +3282,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     subtitle
-  ) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, caption ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
@@ -3264,16 +3290,16 @@ function ListItemBase({
       allowFontScaling: true
     },
     caption
-  ) : 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(
+  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, /* @__PURE__ */ React55__default.default.createElement(Icon, { name: rightIcon, size: 24, color: rightIconColor ?? colors.foregroundMuted })) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.rightText, { color: colors.foregroundMuted }],
       allowFontScaling: true
     },
     rightRender
-  ) : rightRender) : showChevron ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null : null);
+  ) : rightRender) : showChevron ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null : null);
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React55__default.default.createElement(
       PressableRow,
       {
         style: [styles25.container, cardStyle, style],
@@ -3284,14 +3310,15 @@ function ListItemBase({
         activateOnHover: true,
         accessibilityRole: "button",
         accessibilityLabel: a11yLabel,
+        accessibilityHint,
         accessibilityState: { disabled: !!disabled }
       },
       content
-    ), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
+    ), showSeparator ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var ListItem = React54__default.default.memo(ListItemBase);
+var ListItem = React55__default.default.memo(ListItemBase);
 var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3356,19 +3383,19 @@ var styles25 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
-function ListGroup({ children, variant = "plain", style }) {
+function ItemGroup({ children, variant = "plain", childPropKey, style }) {
   const { colors } = useTheme();
-  const processedChildren = React54__default.default.Children.map(children, (child, index) => {
-    if (!React54__default.default.isValidElement(child)) return child;
-    if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
+  const processedChildren = React55__default.default.Children.map(children, (child, index) => {
+    if (!React55__default.default.isValidElement(child)) return child;
+    if (child.type === ItemGroupHeader || child.type === ItemGroupFooter) {
       return child;
     }
     const childProps = child.props;
-    const isListItem = "title" in childProps;
-    if (!isListItem) return child;
-    const isLast = index === React54__default.default.Children.count(children) - 1;
+    const isTargetChild = childPropKey in childProps;
+    if (!isTargetChild) return child;
+    const isLast = index === React55__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React54__default.default.cloneElement(child, {
+      return React55__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3386,24 +3413,22 @@ function ListGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
 }
-function ListGroupHeader({ children, style }) {
+function ItemGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
 }
-function ListGroupFooter({ children, style }) {
+function ItemGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
 }
-ListGroup.Header = ListGroupHeader;
-ListGroup.Footer = ListGroupFooter;
 var styles26 = reactNative.StyleSheet.create({
   container: {
     overflow: "hidden"
@@ -3430,6 +3455,13 @@ var styles26 = reactNative.StyleSheet.create({
     fontSize: 12
   }
 });
+
+// src/components/ListGroup/index.tsx
+function ListGroup(props) {
+  return /* @__PURE__ */ React55__default.default.createElement(ItemGroup, { childPropKey: "title", ...props });
+}
+ListGroup.Header = ItemGroupHeader;
+ListGroup.Footer = ItemGroupFooter;
 function MenuItemBase({
   label,
   subtitle,
@@ -3444,14 +3476,15 @@ function MenuItemBase({
   showSeparator = false,
   style,
   labelStyle,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
     selectionAsync();
     onPress();
   };
-  const resolvedIcon = iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: iconName, size: 22, color: iconColor ?? colors.foreground }) : icon;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: 22, color: iconColor ?? colors.foreground }) : icon;
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
     borderRadius: RADIUS.md,
@@ -3464,7 +3497,7 @@ function MenuItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? (subtitle ? `${label}. ${subtitle}` : label);
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React55__default.default.createElement(
     PressableRow,
     {
       style: [styles27.container, cardStyle, style],
@@ -3475,10 +3508,11 @@ function MenuItemBase({
       activateOnHover: true,
       accessibilityRole: "button",
       accessibilityLabel: a11yLabel,
+      accessibilityHint,
       accessibilityState: { disabled }
     },
-    resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React54__default.default.createElement(
+    resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.label, { color: colors.foreground }, labelStyle],
@@ -3486,7 +3520,7 @@ function MenuItemBase({
         allowFontScaling: true
       },
       label
-    ), subtitle ? /* @__PURE__ */ React54__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.subtitle, { color: colors.foregroundMuted }],
@@ -3495,7 +3529,7 @@ function MenuItemBase({
       },
       subtitle
     ) : null),
-    rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(
+    rightRender !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles27.rightContainer,
@@ -3504,10 +3538,10 @@ function MenuItemBase({
         }
       },
       rightRender
-    ) : showChevron ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
-  ), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles27.separator, { backgroundColor: colors.separator }] }) : null);
+    ) : showChevron ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
+  ), showSeparator ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles27.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var MenuItem = React54__default.default.memo(MenuItemBase);
+var MenuItem = React55__default.default.memo(MenuItemBase);
 var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3549,88 +3583,19 @@ var styles27 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
-function MenuGroup({ children, variant = "plain", style }) {
-  const { colors } = useTheme();
-  const processedChildren = React54__default.default.Children.map(children, (child, index) => {
-    if (!React54__default.default.isValidElement(child)) return child;
-    if (child.type === MenuGroupHeader || child.type === MenuGroupFooter) {
-      return child;
-    }
-    const childProps = child.props;
-    const isMenuItem = "onPress" in childProps;
-    if (!isMenuItem) return child;
-    const isLast = index === React54__default.default.Children.count(children) - 1;
-    if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React54__default.default.cloneElement(child, {
-        showSeparator: true
-      });
-    }
-    return child;
-  });
-  const cardStyle = variant === "card" ? {
-    backgroundColor: colors.card,
-    borderRadius: RADIUS.md,
-    borderWidth: 1,
-    borderColor: colors.border,
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.06,
-    shadowRadius: 6,
-    elevation: 2,
-    paddingVertical: vs(4)
-  } : {};
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.container, cardStyle, style] }, processedChildren);
+function MenuGroup(props) {
+  return /* @__PURE__ */ React55__default.default.createElement(ItemGroup, { childPropKey: "onPress", ...props });
 }
-function MenuGroupHeader({ children, style }) {
-  const { colors } = useTheme();
-  if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
-  }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
-}
-function MenuGroupFooter({ children, style }) {
-  const { colors } = useTheme();
-  if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
-  }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
-}
-MenuGroup.Header = MenuGroupHeader;
-MenuGroup.Footer = MenuGroupFooter;
-var styles28 = reactNative.StyleSheet.create({
-  container: {
-    overflow: "hidden"
-  },
-  header: {
-    paddingHorizontal: s(16),
-    paddingTop: vs(12),
-    paddingBottom: vs(8),
-    borderBottomWidth: reactNative.StyleSheet.hairlineWidth
-  },
-  headerText: {
-    fontFamily: "Sohne-SemiBold",
-    fontSize: 13,
-    letterSpacing: 0.32,
-    textTransform: "uppercase"
-  },
-  footer: {
-    paddingHorizontal: s(16),
-    paddingTop: vs(8),
-    paddingBottom: vs(12)
-  },
-  footerText: {
-    fontFamily: "Sohne-Regular",
-    fontSize: 12
-  }
-});
+MenuGroup.Header = ItemGroupHeader;
+MenuGroup.Footer = ItemGroupFooter;
 function ChipBase({ label, selected = false, onPress, icon, iconName, style, accessibilityLabel }) {
   const { colors } = useTheme();
   const handlePress = () => {
     selectionAsync();
     onPress?.();
   };
-  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(
+  const resolvedIcon = iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: ms(13), color: selected ? colors.primaryForeground : colors.foreground }) : icon;
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.wrapper, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: handlePress,
@@ -3640,21 +3605,21 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: styles29.chip,
+        style: styles28.chip,
         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: styles29.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React54__default.default.createElement(
+      resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles28.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
-          style: [styles29.label, { color: selected ? colors.primaryForeground : colors.foreground }],
+          style: [styles28.label, { color: selected ? colors.primaryForeground : colors.foreground }],
           allowFontScaling: true
         },
         label
@@ -3662,7 +3627,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     )
   ));
 }
-var Chip = React54__default.default.memo(ChipBase);
+var Chip = React55__default.default.memo(ChipBase);
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
   const handlePress = (optionValue) => {
     if (!multiSelect) {
@@ -3678,7 +3643,7 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     if (Array.isArray(value)) return value.includes(optionValue);
     return optionValue === value;
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.group, style] }, options.map((opt) => /* @__PURE__ */ React55__default.default.createElement(
     Chip,
     {
       key: opt.value,
@@ -3686,12 +3651,12 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
       selected: isSelected2(opt.value),
       onPress: opt.disabled ? void 0 : () => handlePress(opt.value),
       iconName: opt.iconName,
-      style: opt.disabled ? styles29.chipDisabled : void 0,
+      style: opt.disabled ? styles28.chipDisabled : void 0,
       accessibilityLabel: opt.disabled ? `${opt.label}, no disponible` : opt.label
     }
   )));
 }
-var styles29 = reactNative.StyleSheet.create({
+var styles28 = reactNative.StyleSheet.create({
   wrapper: {},
   chip: {
     borderRadius: RADIUS.full,
@@ -3734,30 +3699,15 @@ function ConfirmDialog({
   loading = false,
   showCloseButton = false,
   onConfirm,
-  onCancel
+  onCancel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   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 && !isPresentedRef.current) {
-      impactMedium();
-      ref.current?.present();
-      wasOpened.current = true;
-      isPresentedRef.current = true;
-    } else if (!visible && wasOpened.current && isPresentedRef.current) {
-      ref.current?.dismiss();
-    }
-  }, [visible]);
-  const renderBackdrop = React54.useCallback(
-    (props) => /* @__PURE__ */ React54__default.default.createElement(
+  const { ref, handleDismiss } = useSheetModal(visible, onCancel);
+  const name = React55.useId();
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,
       {
         ...props,
@@ -3768,7 +3718,7 @@ function ConfirmDialog({
     ),
     []
   );
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
@@ -3776,24 +3726,24 @@ function ConfirmDialog({
       onDismiss: handleDismiss,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
-      backgroundStyle: { ...styles30.background, backgroundColor: colors.card },
-      handleIndicatorStyle: { ...styles30.handle, backgroundColor: colors.border },
+      backgroundStyle: { ...styles29.background, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles29.handle, backgroundColor: colors.border },
       enablePanDownToClose: true,
       topInset: insets.top
     },
-    /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.header, accessibilityRole: "header" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.headerRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetView, { style: styles29.content }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles29.header, accessibilityRole: "header" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles29.headerRow }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles29.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onCancel,
-        style: styles30.closeButton,
+        style: styles29.closeButton,
         activeOpacity: 0.6,
         touchSoundDisabled: true,
         accessibilityRole: "button",
         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 })
-    ) : null), subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles30.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
+    ) : null), subtitle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles29.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles29.actions }, /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: confirmLabel,
@@ -3805,7 +3755,8 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
-        icon: /* @__PURE__ */ React54__default.default.createElement(
+        accessibilityHint,
+        icon: /* @__PURE__ */ React55__default.default.createElement(
           vectorIcons.Feather,
           {
             name: confirmVariant === "destructive" ? "trash-2" : "check",
@@ -3814,7 +3765,7 @@ function ConfirmDialog({
           }
         )
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: cancelLabel,
@@ -3824,12 +3775,12 @@ function ConfirmDialog({
           selectionAsync();
           onCancel();
         },
-        icon: /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
+        icon: /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
       }
     )))
   );
 }
-var styles30 = reactNative.StyleSheet.create({
+var styles29 = reactNative.StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
     borderTopRightRadius: ms(16)
@@ -3874,11 +3825,11 @@ var styles30 = reactNative.StyleSheet.create({
 });
 function LabelValueBase({ label, value, iconName, iconColor, style }) {
   const { colors } = useTheme();
-  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);
+  const resolvedIcon = iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: ms(14), color: iconColor ?? colors.foregroundMuted }) : null;
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles30.container, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles30.labelSide }, resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles30.icon }, resolvedIcon) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles30.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles30.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var LabelValue = React54__default.default.memo(LabelValueBase);
-var styles31 = reactNative.StyleSheet.create({
+var LabelValue = React55__default.default.memo(LabelValueBase);
+var styles30 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3942,10 +3893,10 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
     selectionAsync();
     onChange(fromIndex(index + 1));
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles31.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles32.arrow, prevDisabled && styles32.arrowDisabled],
+      style: [styles31.arrow, prevDisabled && styles31.arrowDisabled],
       onPress: handlePrev,
       disabled: prevDisabled,
       activeOpacity: 0.6,
@@ -3955,19 +3906,19 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityState: { disabled: prevDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles32.label, { color: colors.foreground }],
+      style: [styles31.label, { color: colors.foreground }],
       allowFontScaling: true,
       accessibilityLiveRegion: "polite"
     },
     getLabel()
-  ), /* @__PURE__ */ React54__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles32.arrow, nextDisabled && styles32.arrowDisabled],
+      style: [styles31.arrow, nextDisabled && styles31.arrowDisabled],
       onPress: handleNext,
       disabled: nextDisabled,
       activeOpacity: 0.6,
@@ -3977,10 +3928,10 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityState: { disabled: nextDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
-var styles32 = reactNative.StyleSheet.create({
+var styles31 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -4003,6 +3954,39 @@ var styles32 = reactNative.StyleSheet.create({
     minWidth: s(160)
   }
 });
+function Pressable({
+  children,
+  onPress,
+  pressScale: _pressScale = PRESS_SCALE.card,
+  haptics = true,
+  style,
+  disabled,
+  hoverScale: _hoverScale = 1.02,
+  accessibilityRole,
+  accessibilityState,
+  accessibilityLabel
+}) {
+  const handlePress = () => {
+    if (disabled || !onPress) return;
+    if (haptics) impactLight();
+    onPress();
+  };
+  return /* @__PURE__ */ React55__default.default.createElement(
+    PressableCard,
+    {
+      style,
+      onPress: handlePress,
+      enabled: !disabled,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      activateOnHover: true,
+      accessibilityRole: accessibilityRole ?? "button",
+      accessibilityState: accessibilityState ?? { disabled: !!disabled },
+      accessibilityLabel
+    },
+    children
+  );
+}
 var aspectRatioMap2 = {
   "1:1": 1,
   "4:3": 3 / 4,
@@ -4034,19 +4018,19 @@ function MediaCardBase({
     onPress();
   };
   const ratio = aspectRatioMap2[aspectRatio];
-  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 resolvedActionIcon = actionIconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: actionIconName, size: 18, color: actionActive ? colors.primary : colors.background }) : actionIcon ?? /* @__PURE__ */ React55__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, { 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(
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles32.card, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles32.imageContainer, imageStyle] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React55__default.default.createElement(
     expoImage.Image,
     {
       source: imageSource,
-      style: styles33.image,
+      style: styles32.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(
+  ) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles32.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles32.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
+      style: [styles32.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
       onPress: (e) => {
         e?.stopPropagation?.();
         impactLight();
@@ -4059,9 +4043,9 @@ function MediaCardBase({
       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));
+  )), (title || subtitle || caption || footer) && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles32.meta }, title ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles32.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles32.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles32.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer));
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -4078,8 +4062,8 @@ function MediaCardBase({
   }
   return cardContent;
 }
-var MediaCard = React54__default.default.memo(MediaCardBase);
-var styles33 = reactNative.StyleSheet.create({
+var MediaCard = React55__default.default.memo(MediaCardBase);
+var styles32 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     overflow: "hidden",
@@ -4133,15 +4117,15 @@ var styles33 = reactNative.StyleSheet.create({
     lineHeight: mvs(16)
   }
 });
-var CategoryChip = React54__default.default.memo(function CategoryChip2({
+var CategoryChip = React55__default.default.memo(function CategoryChip2({
   item,
   selected,
   onSelect
 }) {
   const { colors } = useTheme();
   const iconColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
-  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(
+  const resolvedIcon = typeof item.icon === "string" ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: item.icon, size: 16, color: iconColor }) : item.icon ?? null;
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: () => onSelect(item.value),
@@ -4153,26 +4137,26 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
       accessibilityLabel: item.label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: styles34.chip,
+        style: styles33.chip,
         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: styles34.chipIcon }, resolvedIcon),
-      /* @__PURE__ */ React54__default.default.createElement(
+      resolvedIcon && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles33.chipIcon }, resolvedIcon),
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
-          style: [styles34.chipLabel, { color: selected ? colors.primaryForeground : colors.foregroundSubtle }],
+          style: [styles33.chipLabel, { color: selected ? colors.primaryForeground : colors.foregroundSubtle }],
           allowFontScaling: true
         },
         item.label
       ),
-      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)))
+      item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles33.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles33.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
     )
   );
 });
@@ -4186,7 +4170,7 @@ function CategoryStrip({
   accessibilityLabel
 }) {
   const selected = Array.isArray(value) ? value : value ? [value] : [];
-  const handlePress = React54.useCallback(
+  const handlePress = React55.useCallback(
     (v) => {
       selectionAsync();
       if (multiSelect) {
@@ -4199,17 +4183,17 @@ function CategoryStrip({
     },
     [multiSelect, value, onValueChange]
   );
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: [styles34.container, style],
-      style: styles34.scroll,
+      contentContainerStyle: [styles33.container, style],
+      style: styles33.scroll,
       accessibilityRole: multiSelect ? void 0 : "radiogroup",
       accessibilityLabel
     },
-    categories.map((cat) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React54__default.default.createElement(
+    categories.map((cat) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React55__default.default.createElement(
       CategoryChip,
       {
         item: cat,
@@ -4219,7 +4203,7 @@ function CategoryStrip({
     )))
   );
 }
-var styles34 = reactNative.StyleSheet.create({
+var styles33 = reactNative.StyleSheet.create({
   scroll: {
     flexGrow: 0
   },
@@ -4260,39 +4244,6 @@ var styles34 = reactNative.StyleSheet.create({
     lineHeight: 14
   }
 });
-function Pressable({
-  children,
-  onPress,
-  pressScale: _pressScale = PRESS_SCALE.card,
-  haptics = true,
-  style,
-  disabled,
-  hoverScale: _hoverScale = 1.02,
-  accessibilityRole,
-  accessibilityState,
-  accessibilityLabel
-}) {
-  const handlePress = () => {
-    if (disabled || !onPress) return;
-    if (haptics) impactLight();
-    onPress();
-  };
-  return /* @__PURE__ */ React54__default.default.createElement(
-    PressableCard,
-    {
-      style,
-      onPress: handlePress,
-      enabled: !disabled,
-      rippleColor: "transparent",
-      touchSoundDisabled: true,
-      activateOnHover: true,
-      accessibilityRole: accessibilityRole ?? "button",
-      accessibilityState: accessibilityState ?? { disabled: !!disabled },
-      accessibilityLabel
-    },
-    children
-  );
-}
 var weightMap = {
   normal: "Sohne-Regular",
   medium: "Sohne-Medium",
@@ -4315,8 +4266,8 @@ function DetailRowBase({
   valueStyle
 }) {
   const { colors } = useTheme();
-  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 resolvedLeftIcon = leftIconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: leftIconName, size: ms(14), color: leftIconColor ?? colors.foregroundMuted }) : leftIcon;
+  const resolvedRightIcon = rightIconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: rightIconName, size: ms(14), color: rightIconColor ?? colors.foregroundMuted }) : null;
   const separatorStyle = separator === "none" ? null : {
     flex: 1,
     height: 1,
@@ -4325,24 +4276,24 @@ function DetailRowBase({
     borderColor: "rgba(128,128,128,0.3)",
     marginHorizontal: s(4)
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles34.row, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles34.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles34.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles35.labelText, { color: colors.foregroundMuted, fontFamily: weightMap[labelWeight] }, labelStyle],
+      style: [styles34.labelText, { color: colors.foregroundMuted, fontFamily: weightMap[labelWeight] }, labelStyle],
       allowFontScaling: true
     },
     label
-  ) : label), separatorStyle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : label), separatorStyle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles34.spacer }), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles34.valueSide }, typeof value === "string" ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles35.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
+      style: [styles34.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
       allowFontScaling: true
     },
     value
-  ) : value, resolvedRightIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
+  ) : value, resolvedRightIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles34.icon }, resolvedRightIcon) : null));
 }
-var DetailRow = React54__default.default.memo(DetailRowBase);
-var styles35 = reactNative.StyleSheet.create({
+var DetailRow = React55__default.default.memo(DetailRowBase);
+var styles34 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -4378,7 +4329,7 @@ var styles35 = reactNative.StyleSheet.create({
   }
 });
 function Form({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles35.form, style] }, children);
 }
 function FormField({
   children,
@@ -4390,19 +4341,19 @@ function FormField({
   errorStyle
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles35.field, style] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles35.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles35.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
 }
 function FormSection({ children, title, description, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles35.section, style] }, title ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles35.sectionHeader }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles35.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles35.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
 }
 function FormFooter({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles35.footer, style] }, children);
 }
 Form.Field = FormField;
 Form.Section = FormSection;
 Form.Footer = FormFooter;
-var styles36 = reactNative.StyleSheet.create({
+var styles35 = reactNative.StyleSheet.create({
   form: {
     gap: vs(16)
   },
@@ -4442,9 +4393,9 @@ var styles36 = reactNative.StyleSheet.create({
   }
 });
 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)))));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles36.root }, /* @__PURE__ */ React55__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React55__default.default.createElement(ToastProvider, null, children)))));
 }
-var styles37 = reactNative.StyleSheet.create({
+var styles36 = reactNative.StyleSheet.create({
   root: { flex: 1 }
 });
 function DefaultErrorFallback({
@@ -4454,10 +4405,10 @@ function DefaultErrorFallback({
   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 }] }, /* @__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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles37.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles37.iconCircle, { backgroundColor: colors.destructiveTint }] }, /* @__PURE__ */ React55__default.default.createElement(Icon, { name: "alert-triangle", size: ms(28), color: colors.destructive })), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles37.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles37.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "Ocurri\xF3 un error inesperado."), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles38.button, { backgroundColor: colors.primary }],
+      style: [styles37.button, { backgroundColor: colors.primary }],
       onPress: () => {
         impactLight();
         reset();
@@ -4467,10 +4418,10 @@ function DefaultErrorFallback({
       accessibilityRole: "button",
       accessibilityLabel: "Intentar de nuevo"
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Intentar de nuevo")
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles37.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Intentar de nuevo")
   ));
 }
-var ErrorBoundary = class extends React54__default.default.Component {
+var ErrorBoundary = class extends React55__default.default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -4488,18 +4439,19 @@ var ErrorBoundary = class extends React54__default.default.Component {
     const { error } = this.state;
     if (error) {
       const { fallback, title, message } = this.props;
+      const componentStack = error.stack ?? "";
       if (typeof fallback === "function") {
-        return fallback({ error, reset: this.reset });
+        return fallback({ error, componentStack, reset: this.reset });
       }
       if (fallback !== void 0) {
         return fallback;
       }
-      return /* @__PURE__ */ React54__default.default.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
+      return /* @__PURE__ */ React55__default.default.createElement(DefaultErrorFallback, { error, componentStack, reset: this.reset, title, message });
     }
     return this.props.children;
   }
 };
-var styles38 = reactNative.StyleSheet.create({
+var styles37 = reactNative.StyleSheet.create({
   container: {
     flex: 1,
     alignItems: "center",
@@ -4543,20 +4495,20 @@ var styles38 = reactNative.StyleSheet.create({
 });
 function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
   const progress = Animated6.useSharedValue(active ? 1 : 0);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     progress.value = Animated6.withSpring(active ? 1 : 0, SPRINGS.glide);
   }, [active, progress]);
   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(Animated6__default.default.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
+  const dot = /* @__PURE__ */ React55__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(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       onPress: handlePress,
@@ -4565,7 +4517,7 @@ function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }
       accessibilityRole: "button",
       accessibilityLabel: `P\xE1gina ${index + 1} de ${total}${active ? ", p\xE1gina actual" : ""}`,
       hitSlop: { top: 10, bottom: 10, left: 18, right: 18 },
-      style: styles39.dotTouchable
+      style: styles38.dotTouchable
     },
     dot
   );
@@ -4606,14 +4558,14 @@ function PagerDots({
       onDotPress(activeIndex + 1);
     }
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
-      style: [styles39.container, { gap: s(spacing) }, style],
+      style: [styles38.container, { gap: s(spacing) }, style],
       accessibilityRole: "adjustable",
       accessibilityLabel: `P\xE1gina ${activeIndex + 1} de ${count}`
     },
-    hasControls && /* @__PURE__ */ React54__default.default.createElement(
+    hasControls && /* @__PURE__ */ React55__default.default.createElement(
       PressableButton,
       {
         onPress: handlePrevious,
@@ -4623,11 +4575,11 @@ function PagerDots({
         accessibilityRole: "button",
         accessibilityLabel: "P\xE1gina anterior",
         hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
-        style: [styles39.controlBtn, !canGoPrev && styles39.controlBtnDisabled]
+        style: [styles38.controlBtn, !canGoPrev && styles38.controlBtnDisabled]
       },
-      /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "chevron-left", size: s(18), color: canGoPrev ? colors.foreground : colors.foregroundMuted })
+      /* @__PURE__ */ React55__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(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles38.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React55__default.default.createElement(
       Dot,
       {
         key: i,
@@ -4640,7 +4592,7 @@ function PagerDots({
         onPress: onDotPress ? () => onDotPress(i) : void 0
       }
     ))),
-    hasControls && /* @__PURE__ */ React54__default.default.createElement(
+    hasControls && /* @__PURE__ */ React55__default.default.createElement(
       PressableButton,
       {
         onPress: handleNext,
@@ -4650,13 +4602,13 @@ function PagerDots({
         accessibilityRole: "button",
         accessibilityLabel: "P\xE1gina siguiente",
         hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
-        style: [styles39.controlBtn, !canGoNext && styles39.controlBtnDisabled]
+        style: [styles38.controlBtn, !canGoNext && styles38.controlBtnDisabled]
       },
-      /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "chevron-right", size: s(18), color: canGoNext ? colors.foreground : colors.foregroundMuted })
+      /* @__PURE__ */ React55__default.default.createElement(Icon, { name: "chevron-right", size: s(18), color: canGoNext ? colors.foreground : colors.foregroundMuted })
     )
   );
 }
-var styles39 = reactNative.StyleSheet.create({
+var styles38 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -4686,6 +4638,7 @@ function AppHeader({
   subtitle,
   onBack,
   backIconName = "chevron-left",
+  iconName,
   left,
   right,
   titleAlign = "auto",
@@ -4699,7 +4652,7 @@ function AppHeader({
   const { width } = reactNative.useWindowDimensions();
   const isWide = width >= BREAKPOINTS.wide;
   const centered = titleAlign === "center" || titleAlign === "auto" && isWide;
-  const leftNode = left ?? (onBack ? /* @__PURE__ */ React54__default.default.createElement(
+  const leftNode = left ?? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, onBack ? /* @__PURE__ */ React55__default.default.createElement(
     IconButton,
     {
       iconName: backIconName,
@@ -4708,30 +4661,30 @@ function AppHeader({
       onPress: onBack,
       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(
+  ) : null, iconName && !left ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles39.iconSlot }, /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: 20, color: colors.foreground })) : null);
+  const titleBlock = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles39.titleBlock, centered && styles39.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles40.title, { color: colors.foreground }, centered && styles40.textCentered],
+      style: [styles39.title, { color: colors.foreground }, centered && styles39.textCentered],
       numberOfLines: 1,
       allowFontScaling: true,
       accessibilityRole: "header"
     },
     title
-  ) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles40.subtitle, { color: colors.foregroundMuted }, centered && styles40.textCentered],
+      style: [styles39.subtitle, { color: colors.foregroundMuted }, centered && styles39.textCentered],
       numberOfLines: 1,
       allowFontScaling: true
     },
     subtitle
   ) : null);
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles40.container,
+        styles39.container,
         {
           backgroundColor: backgroundColor ?? colors.background,
           paddingTop: withSafeArea ? insets.top : 0,
@@ -4741,10 +4694,10 @@ function AppHeader({
         style
       ]
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.bar }, centered ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), titleBlock, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)))
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles39.bar }, centered ? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles39.side }, leftNode), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles39.side, styles39.sideRight] }, right)) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles39.side }, leftNode), titleBlock, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles39.side, styles39.sideRight] }, right)))
   );
 }
-var styles40 = reactNative.StyleSheet.create({
+var styles39 = reactNative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -4758,10 +4711,13 @@ var styles40 = reactNative.StyleSheet.create({
     minWidth: s(44),
     flexDirection: "row",
     alignItems: "center",
-    justifyContent: "flex-start"
+    justifyContent: "flex-start",
+    paddingLeft: s(8),
+    gap: s(4)
   },
   sideRight: {
-    justifyContent: "flex-end"
+    justifyContent: "flex-end",
+    paddingRight: s(8)
   },
   titleBlock: {
     flex: 1,
@@ -4782,6 +4738,12 @@ var styles40 = reactNative.StyleSheet.create({
     fontSize: ms(13),
     lineHeight: mvs(16)
   },
+  iconSlot: {
+    width: s(44),
+    height: s(44),
+    alignItems: "center",
+    justifyContent: "center"
+  },
   textCentered: {
     textAlign: "center"
   }
@@ -4792,9 +4754,11 @@ function isSelected(value, candidate) {
 }
 function Cell({ item, selected, width, onPress }) {
   const { colors } = useTheme();
+  const hasImage = !!item.imageUrl;
   const iconColor = selected ? colors.primary : colors.foregroundSubtle;
-  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(
+  const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: iconColor }) : null);
+  const imageSize = width - 4;
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress,
@@ -4804,27 +4768,44 @@ function Cell({ item, selected, width, onPress }) {
       activateOnHover: true,
       accessibilityRole: "button",
       accessibilityState: { selected, disabled: item.disabled },
-      accessibilityLabel: item.label ?? String(item.value),
-      style: [
-        { width },
-        styles41.cell,
-        {
-          backgroundColor: selected ? colors.primary + "14" : colors.surface,
-          borderColor: selected ? colors.primary : "transparent"
-        },
-        item.disabled && styles41.cellDisabled
-      ]
+      accessibilityLabel: item.label ?? String(item.value)
     },
-    iconNode,
-    item.label ? /* @__PURE__ */ React54__default.default.createElement(
-      reactNative.Text,
+    /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.View,
       {
-        style: [styles41.label, { color: selected ? colors.primary : colors.foreground }],
-        numberOfLines: 1,
-        allowFontScaling: true
+        style: [
+          { width },
+          styles40.cell,
+          hasImage && styles40.cellImage,
+          {
+            borderColor: selected ? colors.primary : "transparent"
+          },
+          item.disabled && styles40.cellDisabled
+        ]
       },
-      item.label
-    ) : null
+      hasImage ? /* @__PURE__ */ React55__default.default.createElement(
+        expoImage.Image,
+        {
+          source: item.imageUrl,
+          style: { width: imageSize, height: imageSize },
+          contentFit: "cover"
+        }
+      ) : null,
+      iconNode && !hasImage ? iconNode : null,
+      item.label ? /* @__PURE__ */ React55__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [
+            styles40.label,
+            hasImage && styles40.labelImage,
+            { color: selected ? colors.primary : colors.foreground }
+          ],
+          numberOfLines: 2,
+          allowFontScaling: true
+        },
+        item.label
+      ) : null
+    )
   );
 }
 function SelectableGrid({
@@ -4837,7 +4818,7 @@ function SelectableGrid({
   orientation = "grid",
   style
 }) {
-  const [containerWidth, setContainerWidth] = React54.useState(0);
+  const [containerWidth, setContainerWidth] = React55.useState(0);
   const gapPx = s(gap);
   const cellWidth = containerWidth > 0 ? (containerWidth - gapPx * (numColumns - 1)) / numColumns - 0.5 : 0;
   const horizCellWidth = s(72);
@@ -4847,15 +4828,15 @@ function SelectableGrid({
     onChange(item.value);
   };
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       reactNative.ScrollView,
       {
         horizontal: true,
         showsHorizontalScrollIndicator: false,
-        contentContainerStyle: [styles41.horizontal, { gap: gapPx }, style],
+        contentContainerStyle: [styles40.horizontal, { gap: gapPx }, style],
         accessibilityRole: multiple ? void 0 : "radiogroup"
       },
-      items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
+      items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
         Cell,
         {
           key: String(item.value),
@@ -4867,14 +4848,14 @@ function SelectableGrid({
       ))
     );
   }
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
-      style: [styles41.grid, { gap: gapPx }, style],
+      style: [styles40.grid, { gap: gapPx }, style],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
       accessibilityRole: multiple ? void 0 : "radiogroup"
     },
-    cellWidth > 0 ? items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
+    cellWidth > 0 ? items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
       Cell,
       {
         key: String(item.value),
@@ -4886,7 +4867,7 @@ function SelectableGrid({
     )) : null
   );
 }
-var styles41 = reactNative.StyleSheet.create({
+var styles40 = reactNative.StyleSheet.create({
   grid: {
     flexDirection: "row",
     flexWrap: "wrap"
@@ -4904,6 +4885,13 @@ var styles41 = reactNative.StyleSheet.create({
     paddingHorizontal: s(8),
     paddingVertical: vs(10)
   },
+  cellImage: {
+    padding: 0,
+    gap: 0,
+    overflow: "hidden",
+    alignItems: "stretch",
+    justifyContent: "flex-start"
+  },
   cellDisabled: {
     opacity: 0.4
   },
@@ -4912,9 +4900,14 @@ var styles41 = reactNative.StyleSheet.create({
     fontSize: ms(11),
     lineHeight: mvs(14),
     textAlign: "center"
+  },
+  labelImage: {
+    paddingHorizontal: s(6),
+    paddingBottom: vs(6),
+    paddingTop: vs(3)
   }
 });
-var SelectableCardContext = React54.createContext(null);
+var SelectableCardContext = React55.createContext(null);
 function SelectableCardGroup({
   type,
   value,
@@ -4924,7 +4917,7 @@ function SelectableCardGroup({
   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));
+  return /* @__PURE__ */ React55__default.default.createElement(SelectableCardContext.Provider, { value: { type, value, onValueChange, variant } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles41.group, { gap }, style] }, children));
 }
 function SelectableCard({
   value,
@@ -4935,7 +4928,7 @@ function SelectableCard({
   disabled = false,
   style
 }) {
-  const ctx = React54.useContext(SelectableCardContext);
+  const ctx = React55.useContext(SelectableCardContext);
   if (!ctx) {
     throw new Error("SelectableCard must be used inside <SelectableCard.Group>");
   }
@@ -4998,9 +4991,9 @@ function SelectableCard({
     }
     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(
+  const resolvedIcon = iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: ms(22), color: disabled ? colors.foregroundMuted : colors.foregroundMuted }) : icon;
+  const resolvedIconElement = resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles41.iconWrapper, disabled && { opacity: 0.45 }] }, resolvedIcon) : null;
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Pressable,
     {
       onPress: handlePress,
@@ -5009,20 +5002,20 @@ function SelectableCard({
       accessibilityLabel: `${title}${description ? `, ${description}` : ""}`,
       accessibilityState: { selected: isSelected2, disabled },
       style: [
-        styles42.card,
+        styles41.card,
         variantStyle,
-        isSelected2 && !disabled && styles42.cardSelected,
+        isSelected2 && !disabled && styles41.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(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles41.row }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles41.selectorContainer }, type === "radio" ? /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: styles42.radioCircle,
+        style: styles41.radioCircle,
         animate: { borderColor: !disabled && isSelected2 ? colors.primary : colors.border },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           animate: {
@@ -5031,38 +5024,38 @@ function SelectableCard({
           },
           transition: SPRING_ELASTIC
         },
-        /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles42.radioDot, { backgroundColor: colors.primary }] })
+        /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles41.radioDot, { backgroundColor: colors.primary }] })
       )
-    ) : /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: styles42.checkboxBox,
+        style: styles41.checkboxBox,
         animate: {
           borderColor: !disabled && isSelected2 ? colors.primary : colors.border,
           backgroundColor: !disabled && isSelected2 ? colors.primary : "transparent"
         },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__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 }] })
+        /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles41.checkmark, { borderColor: colors.primaryForeground }] })
       )
-    )), resolvedIconElement, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.textArea }, /* @__PURE__ */ React54__default.default.createElement(
+    )), resolvedIconElement, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles41.textArea }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles42.title, { color: disabled ? colors.foregroundMuted : colors.foreground }],
+        style: [styles41.title, { color: disabled ? colors.foregroundMuted : colors.foreground }],
         allowFontScaling: true,
         numberOfLines: 2
       },
       title
-    ), description ? /* @__PURE__ */ React54__default.default.createElement(
+    ), description ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles42.description, { color: disabled ? colors.foregroundMuted : colors.foregroundSubtle }],
+        style: [styles41.description, { color: disabled ? colors.foregroundMuted : colors.foregroundSubtle }],
         allowFontScaling: true,
         numberOfLines: 4
       },
@@ -5070,7 +5063,7 @@ function SelectableCard({
     ) : null))
   );
 }
-var styles42 = reactNative.StyleSheet.create({
+var styles41 = reactNative.StyleSheet.create({
   group: {
     width: "100%"
   },
@@ -5152,11 +5145,11 @@ function PricingCard({
   style
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles43.card,
+        styles42.card,
         {
           backgroundColor: colors.card,
           borderColor: highlighted ? colors.primary : colors.border,
@@ -5167,42 +5160,42 @@ function PricingCard({
       ],
       accessibilityRole: "summary"
     },
-    /* @__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(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles42.header }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles42.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React55__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles42.priceRow }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles42.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles42.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
+    description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles42.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
+    features.length > 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles42.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: i, style: styles42.featureRow }, /* @__PURE__ */ React55__default.default.createElement(
       Icon,
       {
         name: f.included ? "check" : "minus",
         size: ms(16),
         color: f.included ? colors.success : colors.foregroundMuted
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles43.featureLabel,
+          styles42.featureLabel,
           { color: f.included ? colors.foreground : colors.foregroundMuted },
-          !f.included && styles43.featureExcluded
+          !f.included && styles42.featureExcluded
         ],
         allowFontScaling: true
       },
       f.label
     )))) : null,
-    ctaLabel ? /* @__PURE__ */ React54__default.default.createElement(
+    ctaLabel ? /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: ctaLabel,
         variant: highlighted ? "primary" : "secondary",
         fullWidth: true,
         onPress: onCtaPress,
-        style: styles43.cta
+        style: styles42.cta
       }
     ) : null,
-    footnote ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
+    footnote ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles42.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
   );
 }
-var styles43 = reactNative.StyleSheet.create({
+var styles42 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     padding: s(16),
@@ -5281,11 +5274,11 @@ function TabBar({
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const resolvedActive = activeColor ?? colors.primary;
   const resolvedInactive = inactiveColor ?? colors.foregroundMuted;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles44.container,
+        styles43.container,
         {
           backgroundColor: colors.card,
           borderTopColor: colors.border,
@@ -5298,10 +5291,10 @@ function TabBar({
     items.map((item) => {
       const active = item.key === activeKey;
       const tint = active ? resolvedActive : resolvedInactive;
-      const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: item.iconName, size: ms(24), color: tint }) : null);
+      const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React55__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(
+      return /* @__PURE__ */ React55__default.default.createElement(
         PressableTab,
         {
           key: item.key,
@@ -5314,25 +5307,25 @@ function TabBar({
           accessibilityRole: "tab",
           accessibilityState: { selected: active },
           accessibilityLabel: item.label ?? item.key,
-          style: styles44.tab
+          style: styles43.tab
         },
-        /* @__PURE__ */ React54__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React54__default.default.createElement(
+        /* @__PURE__ */ React55__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React55__default.default.createElement(
           reactNative.View,
           {
             style: [
-              styles44.badge,
+              styles43.badge,
               { backgroundColor: colors.destructive, borderColor: colors.card },
-              badgeCount === void 0 && styles44.badgeDot
+              badgeCount === void 0 && styles43.badgeDot
             ]
           },
-          badgeCount !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles44.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
+          badgeCount !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
         ) : null),
-        item.label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles44.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
+        item.label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
       );
     })
   );
 }
-var styles44 = reactNative.StyleSheet.create({
+var styles43 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     borderTopWidth: reactNative.StyleSheet.hairlineWidth
@@ -5386,7 +5379,7 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
   const translateY = Animated6.useSharedValue(0);
   const savedX = Animated6.useSharedValue(0);
   const savedY = Animated6.useSharedValue(0);
-  const reportZoom = React54.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
+  const reportZoom = React55.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
   const reset = () => {
     "worklet";
     scale2.value = Animated6.withTiming(1);
@@ -5432,17 +5425,17 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
       { scale: scale2.value }
     ]
   }));
-  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" }))));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ width, height }, styles44.imageWrap], collapsable: false }, /* @__PURE__ */ React55__default.default.createElement(Animated6__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React55__default.default.createElement(expoImage.Image, { source, style: { width, height }, contentFit: "contain" }))));
 }
 function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
   const window = reactNative.useWindowDimensions();
   const width = window.width > 0 ? window.width : reactNative.Dimensions.get("window").width;
   const height = window.height > 0 ? window.height : reactNative.Dimensions.get("window").height;
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const [index, setIndex] = React54.useState(initialIndex);
-  const [pagingEnabled, setPagingEnabled] = React54.useState(true);
-  const scrollRef = React54__default.default.useRef(null);
-  React54__default.default.useEffect(() => {
+  const [index, setIndex] = React55.useState(initialIndex);
+  const [pagingEnabled, setPagingEnabled] = React55.useState(true);
+  const scrollRef = React55__default.default.useRef(null);
+  React55__default.default.useEffect(() => {
     if (!visible) return;
     const handle = requestAnimationFrame(() => {
       setIndex(initialIndex);
@@ -5453,7 +5446,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
   }, [visible, initialIndex, width]);
   const dragY = Animated6.useSharedValue(0);
   const DISMISS_THRESHOLD = height * 0.18;
-  const closeViewer = React54.useCallback(() => onClose(), [onClose]);
+  const closeViewer = React55.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) => {
@@ -5463,7 +5456,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       dragY.value = Animated6.withTiming(0);
     }
   });
-  React54__default.default.useEffect(() => {
+  React55__default.default.useEffect(() => {
     if (visible) dragY.value = 0;
   }, [visible, dragY]);
   const dismissStyle = Animated6.useAnimatedStyle(() => ({
@@ -5480,7 +5473,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: 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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles44.root }, /* @__PURE__ */ React55__default.default.createElement(Animated6__default.default.View, { style: [styles44.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React55__default.default.createElement(Animated6__default.default.View, { style: [styles44.container, dismissStyle] }, /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles44.root, collapsable: false }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       ref: scrollRef,
@@ -5491,7 +5484,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       onMomentumScrollEnd: onMomentumEnd,
       bounces: false
     },
-    images.map((source, i) => /* @__PURE__ */ React54__default.default.createElement(
+    images.map((source, i) => /* @__PURE__ */ React55__default.default.createElement(
       ZoomableImage,
       {
         key: i,
@@ -5501,7 +5494,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
         onZoomChange: (zoomed) => setPagingEnabled(!zoomed)
       }
     ))
-  ))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles45.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React54__default.default.createElement(
+  ))), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles44.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React55__default.default.createElement(
     IconButton,
     {
       iconName: "x",
@@ -5512,7 +5505,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       onPress: onClose,
       accessibilityLabel: "Cerrar"
     }
-  )), 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(
+  )), images.length > 1 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles44.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React55__default.default.createElement(
     PagerDots,
     {
       count: images.length,
@@ -5523,7 +5516,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     }
   )) : null)));
 }
-var styles45 = reactNative.StyleSheet.create({
+var styles44 = reactNative.StyleSheet.create({
   root: {
     flex: 1
   },
@@ -5561,8 +5554,8 @@ function SheetSelectChip({
     onPress();
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
-  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(
+  const resolvedIcon = option.iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: option.iconName, size: ms(13), color: iconColor }) : null;
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: option.disabled ? void 0 : handlePress,
@@ -5572,21 +5565,21 @@ function SheetSelectChip({
       accessibilityLabel: option.disabled ? `${option.label}, no disponible` : option.label,
       accessibilityState: { selected, disabled: option.disabled }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: [styles46.chip, option.disabled && styles46.chipDisabled],
+        style: [styles45.chip, option.disabled && styles45.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: styles46.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React54__default.default.createElement(
+      resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles45.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
-          style: [styles46.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
+          style: [styles45.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
           allowFontScaling: true
         },
         option.label
@@ -5620,7 +5613,7 @@ function SheetSelect({
     const newArray = alreadySelected ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
     onValueChange?.(newArray);
   };
-  const chips = options.map((opt) => /* @__PURE__ */ React54__default.default.createElement(
+  const chips = options.map((opt) => /* @__PURE__ */ React55__default.default.createElement(
     SheetSelectChip,
     {
       key: opt.value,
@@ -5629,17 +5622,17 @@ function SheetSelect({
       onPress: () => handlePress(opt.value)
     }
   ));
-  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(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles45.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles45.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles45.wrapContainer }, chips) : /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles46.scrollContent
+      contentContainerStyle: styles45.scrollContent
     },
     chips
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles46.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles45.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
 }
-var styles46 = reactNative.StyleSheet.create({
+var styles45 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -5694,33 +5687,39 @@ function ImageUpload({
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
-  allowsEditing = true,
   disabled = false,
   style,
   accessibilityLabel,
   onPickerStarting
 }) {
   const { colors } = useTheme();
-  const [imageLoaded, setImageLoaded] = React54.useState(false);
+  const [imageLoaded, setImageLoaded] = React55.useState(false);
+  const [isPicking, setIsPicking] = React55.useState(false);
   const handlePress = async () => {
-    if (disabled || loading) return;
+    if (disabled || loading || isPicking) return;
     impactLight();
     onPickerStarting?.();
-    let picker;
+    setIsPicking(true);
     try {
-      picker = __require("expo-image-picker");
+      const { launchImageLibrary } = await import('react-native-image-picker');
+      const result = await new Promise((resolve) => {
+        launchImageLibrary(
+          {
+            mediaType: "photo",
+            quality: 0.8,
+            selectionLimit: 1,
+            includeBase64: false
+          },
+          resolve
+        );
+      });
+      if (!result.didCancel && !result.errorCode && result.assets?.[0]?.uri) {
+        setImageLoaded(false);
+        onChange?.(result.assets[0].uri);
+      }
     } catch {
-      if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
-      return;
-    }
-    const result = await picker.launchImageLibraryAsync({
-      mediaTypes: ["images"],
-      allowsEditing,
-      quality: 0.8
-    });
-    if (!result.canceled && result.assets?.[0]) {
-      setImageLoaded(false);
-      onChange?.(result.assets[0].uri);
+    } finally {
+      setIsPicking(false);
     }
   };
   const containerStyle = {
@@ -5733,7 +5732,7 @@ function ImageUpload({
     backgroundColor: value && imageLoaded ? "transparent" : colors.surface,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableCard,
     {
       onPress: handlePress,
@@ -5745,7 +5744,7 @@ function ImageUpload({
       accessibilityState: { disabled: disabled || loading },
       style: [containerStyle, style]
     },
-    value ? /* @__PURE__ */ React54__default.default.createElement(
+    value ? /* @__PURE__ */ React55__default.default.createElement(
       expoImage.Image,
       {
         source: { uri: value },
@@ -5754,20 +5753,20 @@ function ImageUpload({
         onLoad: () => setImageLoaded(true),
         onError: () => setImageLoaded(true)
       }
-    ) : /* @__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(
+    ) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles46.placeholder }, /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles47.placeholderText, { color: colors.foregroundMuted }],
+        style: [styles46.placeholderText, { color: colors.foregroundMuted }],
         numberOfLines: 1,
         allowFontScaling: true
       },
       placeholder
     ) : 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
+    loading || isPicking ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles46.loadingOverlay, { backgroundColor: colors.overlay, borderRadius }] }, /* @__PURE__ */ React55__default.default.createElement(Spinner, { size: "md" })) : null,
+    value && !loading ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles46.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles46.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
   );
 }
-var styles47 = reactNative.StyleSheet.create({
+var styles46 = reactNative.StyleSheet.create({
   placeholder: {
     flex: 1,
     alignItems: "center",
@@ -5786,12 +5785,12 @@ var styles47 = reactNative.StyleSheet.create({
   },
   editBadge: {
     position: "absolute",
-    bottom: vs(8),
-    right: s(8)
+    bottom: vs(14),
+    right: s(14)
   },
   editBadgeInner: {
-    width: s(28),
-    height: s(28),
+    width: s(24),
+    height: s(24),
     borderRadius: 999,
     alignItems: "center",
     justifyContent: "center"
@@ -6025,29 +6024,21 @@ var CATEGORIES = [
     ]
   }
 ];
-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);
-        }
+  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;
+  return result;
 }
 function getCuratedCategories() {
-  if (!_categorized) {
-    _categorized = CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
-  }
-  return _categorized;
+  return CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
 }
 
 // src/components/IconPicker/IconPicker.tsx
@@ -6063,7 +6054,7 @@ function IconCell({ name, selected, size, onPress }) {
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
   const bg = selected ? colors.primary : "transparent";
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -6072,12 +6063,12 @@ function IconCell({ name, selected, size, onPress }) {
       accessibilityRole: "button",
       accessibilityState: { selected },
       accessibilityLabel: name,
-      style: [styles48.cell, { width: size, height: size, backgroundColor: bg }]
+      style: [styles47.cell, { width: size, height: size, backgroundColor: bg }]
     },
-    /* @__PURE__ */ React54__default.default.createElement(Icon, { name, size: ms(20), color: iconColor })
+    /* @__PURE__ */ React55__default.default.createElement(Icon, { name, size: ms(20), color: iconColor })
   );
 }
-var IconCellMemo = React54__default.default.memo(IconCell);
+var IconCellMemo = React55__default.default.memo(IconCell);
 function IconPicker({
   value,
   onChange,
@@ -6091,13 +6082,13 @@ function IconPicker({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const sheetRef = React54.useRef(null);
-  const catScrollRef = React54.useRef(null);
-  const [activeCategory, setActiveCategory] = React54.useState(null);
-  const [containerWidth, setContainerWidth] = React54.useState(() => reactNative.Dimensions.get("window").width - s(16) * 2);
-  const [ready, setReady] = React54.useState(false);
-  const sheetName = React54.useId();
-  const activeIcons = React54.useMemo(() => {
+  const sheetRef = React55.useRef(null);
+  const catScrollRef = React55.useRef(null);
+  const [activeCategory, setActiveCategory] = React55.useState(null);
+  const [containerWidth, setContainerWidth] = React55.useState(() => reactNative.Dimensions.get("window").width - s(16) * 2);
+  const [ready, setReady] = React55.useState(false);
+  const sheetName = React55.useId();
+  const activeIcons = React55.useMemo(() => {
     const allIcons = getAllCuratedIcons();
     if (activeCategory) {
       return getCuratedCategories().find((c) => c.name === activeCategory)?.icons ?? allIcons;
@@ -6106,36 +6097,36 @@ function IconPicker({
   }, [activeCategory]);
   const gapPx = s(gap);
   const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
-  const rows = React54.useMemo(() => {
+  const rows = React55.useMemo(() => {
     const result = [];
     for (let i = 0; i < activeIcons.length; i += numColumns) {
       result.push(activeIcons.slice(i, i + numColumns));
     }
     return result;
   }, [activeIcons, numColumns]);
-  const handleDismiss = React54.useCallback(() => {
+  const handleDismiss = React55.useCallback(() => {
     setActiveCategory(null);
     setReady(false);
   }, []);
-  const handleSelect = React54.useCallback(
+  const handleSelect = React55.useCallback(
     (iconName) => {
       onChange(iconName);
     },
     [onChange]
   );
-  const handleOpen = React54.useCallback(() => {
+  const handleOpen = React55.useCallback(() => {
     if (disabled) return;
     impactMedium();
     setActiveCategory(null);
     setReady(false);
     sheetRef.current?.present();
   }, [disabled]);
-  const renderBackdrop = React54.useCallback(
-    (props) => /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
     []
   );
-  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(
+  const selectedIcon = value ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: value, size: ms(28), color: colors.foreground }) : null;
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles47.triggerContainer, style] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles47.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handleOpen,
@@ -6146,26 +6137,26 @@ function IconPicker({
       accessibilityLabel: label ?? "Seleccionar icono",
       accessibilityState: { disabled },
       style: [
-        styles48.trigger,
+        styles47.trigger,
         {
           backgroundColor: disabled ? colors.surface : colors.background,
           width: TRIGGER_SIZE,
           height: TRIGGER_SIZE,
           borderColor: error ? colors.destructive : value ? colors.primary : colors.border
         },
-        disabled && styles48.triggerDisabled
+        disabled && styles47.triggerDisabled
       ]
     },
-    selectedIcon ?? /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "plus", size: ms(24), color: colors.foregroundMuted })
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+    selectedIcon ?? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: "plus", size: ms(24), color: colors.foregroundMuted })
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles48.helperText, { color: colors.destructive }],
+      style: [styles47.helperText, { color: colors.destructive }],
       allowFontScaling: true,
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : 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(
+  ) : null, !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles47.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React55__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref: sheetRef,
@@ -6174,37 +6165,37 @@ function IconPicker({
       enableDynamicSizing: true,
       maxDynamicContentSize: SCREEN_HEIGHT * 0.7,
       backdropComponent: renderBackdrop,
-      backgroundStyle: { ...styles48.sheetBackground, backgroundColor: colors.card },
-      handleIndicatorStyle: { ...styles48.handle, backgroundColor: colors.border },
+      backgroundStyle: { ...styles47.sheetBackground, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles47.handle, backgroundColor: colors.border },
       enablePanDownToClose: true,
       topInset: insets.top,
       android_keyboardInputMode: "adjustPan"
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetScrollView,
       {
-        contentContainerStyle: styles48.sheetContent,
+        contentContainerStyle: styles47.sheetContent,
         showsVerticalScrollIndicator: true
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.View,
         {
-          style: styles48.gridContainer,
+          style: styles47.gridContainer,
           onLayout: (e) => {
             setContainerWidth(e.nativeEvent.layout.width);
             setReady(true);
           }
         },
-        !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(
+        !ready ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles47.loader }, /* @__PURE__ */ React55__default.default.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles47.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React55__default.default.createElement(
           reactNativeGestureHandler.ScrollView,
           {
             ref: catScrollRef,
             horizontal: true,
             showsHorizontalScrollIndicator: false,
-            contentContainerStyle: styles48.categoryStrip,
-            style: styles48.categoryScroll
+            contentContainerStyle: styles47.categoryStrip,
+            style: styles47.categoryScroll
           },
-          /* @__PURE__ */ React54__default.default.createElement(
+          /* @__PURE__ */ React55__default.default.createElement(
             reactNative.TouchableOpacity,
             {
               onPress: () => setActiveCategory(null),
@@ -6214,18 +6205,18 @@ function IconPicker({
               accessibilityLabel: "Todas",
               accessibilityState: { selected: activeCategory === null },
               style: [
-                styles48.categoryChip,
+                styles47.categoryChip,
                 {
                   backgroundColor: activeCategory === null ? colors.primary : colors.surface,
                   borderColor: activeCategory === null ? colors.primary : colors.border
                 }
               ]
             },
-            /* @__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(
+            /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, /* @__PURE__ */ React55__default.default.createElement(Icon, { name: "grid", size: ms(14), color: activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle }), /* @__PURE__ */ React55__default.default.createElement(
               reactNative.Text,
               {
                 style: [
-                  styles48.categoryChipText,
+                  styles47.categoryChipText,
                   { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
                 ],
                 allowFontScaling: true,
@@ -6234,7 +6225,7 @@ function IconPicker({
               "Todas"
             ))
           ),
-          getCuratedCategories().map((cat) => /* @__PURE__ */ React54__default.default.createElement(
+          getCuratedCategories().map((cat) => /* @__PURE__ */ React55__default.default.createElement(
             reactNative.TouchableOpacity,
             {
               key: cat.name,
@@ -6245,18 +6236,18 @@ function IconPicker({
               accessibilityLabel: cat.labelEs,
               accessibilityState: { selected: activeCategory === cat.name },
               style: [
-                styles48.categoryChip,
+                styles47.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: 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(
+            /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, /* @__PURE__ */ React55__default.default.createElement(Icon, { name: cat.categoryIcon, size: ms(14), color: activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle }), /* @__PURE__ */ React55__default.default.createElement(
               reactNative.Text,
               {
                 style: [
-                  styles48.categoryChipText,
+                  styles47.categoryChipText,
                   { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
                 ],
                 allowFontScaling: true,
@@ -6265,7 +6256,7 @@ function IconPicker({
               cat.labelEs
             ))
           ))
-        ), /* @__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(
+        ), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles47.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles47.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React55__default.default.createElement(
           IconCellMemo,
           {
             key: name,
@@ -6277,12 +6268,12 @@ function IconPicker({
               sheetRef.current?.dismiss();
             }
           }
-        )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
+        )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
       )
     )
   ));
 }
-var styles48 = reactNative.StyleSheet.create({
+var styles47 = reactNative.StyleSheet.create({
   triggerContainer: {
     gap: vs(8)
   },
@@ -6379,7 +6370,8 @@ function NumberStepperBase({
   size = "md",
   disabled = false,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const canDecrement = value > min && !disabled;
@@ -6396,18 +6388,18 @@ 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: [styles49.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles48.container, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
-        styles49.button,
+        styles48.button,
         {
           width: buttonSize,
           height: buttonSize,
           backgroundColor: colors.surface,
           borderColor: colors.border
         },
-        !canDecrement && styles49.buttonDisabled
+        !canDecrement && styles48.buttonDisabled
       ],
       enabled: canDecrement,
       onPress: handleDecrement,
@@ -6415,14 +6407,15 @@ function NumberStepperBase({
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: `Disminuir, valor actual ${displayValue}`,
+      accessibilityHint,
       accessibilityState: { disabled: !canDecrement }
     },
-    /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
-  ), /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [
-        styles49.value,
+        styles48.value,
         {
           color: colors.foreground,
           fontSize: valueFontSize,
@@ -6435,18 +6428,18 @@ function NumberStepperBase({
       accessibilityRole: "text"
     },
     displayValue
-  ), /* @__PURE__ */ React54__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
-        styles49.button,
+        styles48.button,
         {
           width: buttonSize,
           height: buttonSize,
           backgroundColor: colors.surface,
           borderColor: colors.border
         },
-        !canIncrement && styles49.buttonDisabled
+        !canIncrement && styles48.buttonDisabled
       ],
       enabled: canIncrement,
       onPress: handleIncrement,
@@ -6454,13 +6447,14 @@ function NumberStepperBase({
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: `Aumentar, valor actual ${displayValue}`,
+      accessibilityHint,
       accessibilityState: { disabled: !canIncrement }
     },
-    /* @__PURE__ */ React54__default.default.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })
+    /* @__PURE__ */ React55__default.default.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })
   ));
 }
-var NumberStepper = React54__default.default.memo(NumberStepperBase);
-var styles49 = reactNative.StyleSheet.create({
+var NumberStepper = React55__default.default.memo(NumberStepperBase);
+var styles48 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -6495,8 +6489,8 @@ function StatsComponent({
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const [containerWidth, setContainerWidth] = React54.useState(0);
-  const handleLayout = React54.useCallback((e) => {
+  const [containerWidth, setContainerWidth] = React55.useState(0);
+  const handleLayout = React55.useCallback((e) => {
     const w = e.nativeEvent.layout.width;
     if (w > 0 && w !== containerWidth) {
       setContainerWidth(w);
@@ -6553,12 +6547,12 @@ function StatsComponent({
     }
   }[variant];
   const iconColorResolved = iconColor ?? colors.primary;
-  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));
+  const resolvedIcon = iconName ? /* @__PURE__ */ React55__default.default.createElement(Icon, { name: iconName, size: sizeStyles2.iconSize, color: iconColorResolved }) : icon;
+  const iconElement = resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles49.iconWrapper }, resolvedIcon) : null;
+  const valueElement = /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles49.value, { color: colors.foreground, fontFamily: sizeStyles2.valueFontFamily, fontSize: sizeStyles2.valueFontSize, lineHeight: sizeStyles2.valueLineHeight }], allowFontScaling: true }, value);
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles49.card, variantStyle, { padding: sizeStyles2.padding }, style], onLayout: handleLayout }, isCompact ? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, iconElement, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles49.compactValue }, valueElement), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle, fontSize: sizeStyles2.labelFontSize, lineHeight: sizeStyles2.labelLineHeight }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted, fontSize: sizeStyles2.descriptionFontSize, lineHeight: sizeStyles2.descriptionLineHeight }], allowFontScaling: true }, description) : null) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles49.valueRow }, iconElement, valueElement), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle, fontSize: sizeStyles2.labelFontSize, lineHeight: sizeStyles2.labelLineHeight }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted, fontSize: sizeStyles2.descriptionFontSize, lineHeight: sizeStyles2.descriptionLineHeight }], allowFontScaling: true }, description) : null));
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -6574,18 +6568,18 @@ function StatsComponent({
   return cardContent;
 }
 function StatsGroup({ children, gap = s(12), style }) {
-  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;
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles49.group, { gap }, style] }, React55__default.default.Children.map(children, (child) => {
+    if (!React55__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: styles50.groupItem }, React54__default.default.cloneElement(
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles49.groupItem }, React55__default.default.cloneElement(
       child,
       { style: mergedStyle }
     ));
   }));
 }
-var Stats = Object.assign(React54__default.default.memo(StatsComponent), { Group: StatsGroup });
-var styles50 = reactNative.StyleSheet.create({
+var Stats = Object.assign(React55__default.default.memo(StatsComponent), { Group: StatsGroup });
+var styles49 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     borderWidth: 1,
@@ -6635,6 +6629,197 @@ var styles50 = reactNative.StyleSheet.create({
     flex: 1
   }
 });
+function Image7({ src, fallback, aspectRatio, borderRadius = 0, style, ...props }) {
+  const { colors } = useTheme();
+  const [failed, setFailed] = React55.useState(false);
+  if (!src || failed) {
+    return fallback ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [style, { overflow: "hidden" }] }, fallback) : /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.View,
+      {
+        style: [
+          { backgroundColor: colors.skeleton, overflow: "hidden" },
+          borderRadius ? { borderRadius } : void 0,
+          aspectRatio ? { aspectRatio } : void 0,
+          style
+        ]
+      }
+    );
+  }
+  const imageStyle = {
+    ...aspectRatio ? { aspectRatio, width: "100%" } : {},
+    ...borderRadius ? { borderRadius } : {}
+  };
+  return /* @__PURE__ */ React55__default.default.createElement(
+    expoImage.Image,
+    {
+      source: { uri: src },
+      style: [imageStyle, style],
+      onError: () => setFailed(true),
+      ...props
+    }
+  );
+}
+function ScreenContainer({
+  children,
+  maxWidth = BREAKPOINTS.wide,
+  scroll = false,
+  backgroundColor,
+  paddingTop,
+  paddingBottom,
+  paddingHorizontal,
+  keyboard = false,
+  style: _style
+}) {
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const { colors } = useTheme();
+  const wrapperStyle = {
+    flex: 1,
+    backgroundColor: backgroundColor ?? colors.background,
+    paddingTop: paddingTop ?? insets.top,
+    paddingBottom: paddingBottom ?? insets.bottom,
+    paddingHorizontal: paddingHorizontal ?? 0,
+    ..._style
+  };
+  const inner = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles50.inner, { maxWidth: maxWidth || void 0 }] }, children);
+  const content = scroll ? /* @__PURE__ */ React55__default.default.createElement(
+    reactNative.ScrollView,
+    {
+      style: styles50.scroll,
+      contentContainerStyle: styles50.scrollContent,
+      keyboardShouldPersistTaps: "handled"
+    },
+    inner
+  ) : inner;
+  if (keyboard) {
+    return /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.KeyboardAvoidingView,
+      {
+        style: wrapperStyle,
+        behavior: reactNative.Platform.OS === "ios" ? "padding" : void 0,
+        keyboardVerticalOffset: reactNative.Platform.OS === "ios" ? 0 : 0
+      },
+      content
+    );
+  }
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: wrapperStyle }, content);
+}
+var styles50 = reactNative.StyleSheet.create({
+  scroll: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1
+  },
+  inner: {
+    flex: 1,
+    alignSelf: "center",
+    width: "100%"
+  }
+});
+function VirtualizedList({
+  sections,
+  renderItem,
+  emptyTitle = "Sin contenido",
+  emptyDescription,
+  emptyComponent,
+  refreshing = false,
+  onRefresh,
+  stickyHeaders = true,
+  headerColor,
+  style,
+  ...props
+}) {
+  const { colors } = useTheme();
+  const renderSectionHeader = React55.useCallback(
+    ({ section }) => {
+      if (!section.title) return null;
+      return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles51.sectionHeader, { backgroundColor: colors.background }] }, /* @__PURE__ */ React55__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles51.sectionHeaderText, { color: headerColor ?? colors.foregroundMuted }],
+          allowFontScaling: true
+        },
+        section.title
+      ));
+    },
+    [colors.background, colors.foregroundMuted, headerColor]
+  );
+  const keyExtractor = React55.useCallback(
+    (_item, index) => String(index),
+    []
+  );
+  const flatSections = sections.filter((s2) => s2.data.length > 0);
+  const hasData = flatSections.length > 0;
+  if (!hasData) {
+    if (emptyComponent) return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style }, emptyComponent);
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles51.empty, style] }, /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles51.emptyTitle, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      emptyTitle
+    ), emptyDescription ? /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles51.emptyDescription, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      emptyDescription
+    ) : null);
+  }
+  return /* @__PURE__ */ React55__default.default.createElement(
+    reactNative.SectionList,
+    {
+      sections: flatSections,
+      renderItem,
+      renderSectionHeader,
+      keyExtractor,
+      stickySectionHeadersEnabled: stickyHeaders,
+      refreshControl: onRefresh ? /* @__PURE__ */ React55__default.default.createElement(
+        reactNative.RefreshControl,
+        {
+          refreshing,
+          onRefresh,
+          tintColor: colors.primary
+        }
+      ) : void 0,
+      style,
+      showsVerticalScrollIndicator: false,
+      ...props
+    }
+  );
+}
+var styles51 = reactNative.StyleSheet.create({
+  sectionHeader: {
+    paddingHorizontal: s(16),
+    paddingTop: vs(16),
+    paddingBottom: vs(6)
+  },
+  sectionHeaderText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
+  },
+  empty: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: s(32),
+    gap: vs(8)
+  },
+  emptyTitle: {
+    fontFamily: "Sohne-Medium",
+    fontSize: 16,
+    textAlign: "center"
+  },
+  emptyDescription: {
+    fontFamily: "Sohne-Regular",
+    fontSize: 14,
+    textAlign: "center"
+  }
+});
 
 // src/utils/typography.ts
 function getResponsiveFontSize(text, maxSize, steps = [
@@ -6650,34 +6835,26 @@ function getResponsiveFontSize(text, maxSize, steps = [
   return maxSize - 8;
 }
 function useConfirmDialog(options) {
-  const [visible, setVisible] = React54.useState(false);
-  const [loading, setLoading] = React54.useState(false);
-  const mountedRef = React54.useRef(true);
-  const onConfirmRef = React54.useRef(options.onConfirm);
-  const onCancelRef = React54.useRef(options.onCancel);
-  React54.useEffect(() => {
+  const [visible, setVisible] = React55.useState(false);
+  const [loading, setLoading] = React55.useState(false);
+  const onConfirmRef = React55.useRef(options.onConfirm);
+  const onCancelRef = React55.useRef(options.onCancel);
+  React55.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 () => {
+  const open = React55.useCallback(() => setVisible(true), []);
+  const handleConfirm = React55.useCallback(async () => {
     setLoading(true);
     try {
       await onConfirmRef.current();
     } catch {
     } finally {
-      if (mountedRef.current) {
-        setLoading(false);
-        setVisible(false);
-      }
+      setLoading(false);
+      setVisible(false);
     }
   }, []);
-  const handleCancel = React54.useCallback(() => {
+  const handleCancel = React55.useCallback(() => {
     setVisible(false);
     onCancelRef.current?.();
   }, []);
@@ -6729,18 +6906,19 @@ exports.ICON_SIZES = ICON_SIZES;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.IconPicker = IconPicker;
+exports.Image = Image7;
 exports.ImageUpload = ImageUpload;
 exports.ImageViewer = ImageViewer;
 exports.Input = Input;
 exports.LabelValue = LabelValue;
 exports.ListGroup = ListGroup;
-exports.ListGroupFooter = ListGroupFooter;
-exports.ListGroupHeader = ListGroupHeader;
+exports.ListGroupFooter = ItemGroupFooter;
+exports.ListGroupHeader = ItemGroupHeader;
 exports.ListItem = ListItem;
 exports.MediaCard = MediaCard;
 exports.MenuGroup = MenuGroup;
-exports.MenuGroupFooter = MenuGroupFooter;
-exports.MenuGroupHeader = MenuGroupHeader;
+exports.MenuGroupFooter = ItemGroupFooter;
+exports.MenuGroupHeader = ItemGroupHeader;
 exports.MenuItem = MenuItem;
 exports.MonthPicker = MonthPicker;
 exports.NumberStepper = NumberStepper;
@@ -6753,12 +6931,16 @@ exports.RadioGroup = RadioGroup;
 exports.RetrayProvider = RetrayProvider;
 exports.SHADOWS = SHADOWS;
 exports.SPACING = SPACING;
+exports.ScreenContainer = ScreenContainer;
 exports.Select = Select;
 exports.SelectableCard = SelectableCard;
 exports.SelectableCardGroup = SelectableCardGroup;
 exports.SelectableGrid = SelectableGrid;
 exports.Separator = Separator;
 exports.Sheet = Sheet;
+exports.SheetContent = SheetContent;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
 exports.SheetSelect = SheetSelect;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
@@ -6774,6 +6956,7 @@ exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.ToastProvider = ToastProvider;
 exports.Toggle = Toggle;
+exports.VirtualizedList = VirtualizedList;
 exports.dateToMonthPickerValue = dateToMonthPickerValue;
 exports.defaultDark = defaultDark;
 exports.defaultLight = defaultLight;
@@ -6789,6 +6972,7 @@ exports.notificationSuccess = notificationSuccess;
 exports.notificationWarning = notificationWarning;
 exports.selectionAsync = selectionAsync;
 exports.useConfirmDialog = useConfirmDialog;
+exports.useSheetModal = useSheetModal;
 exports.useTheme = useTheme;
 exports.useToast = useToast;
 exports.withAlpha = withAlpha;