@retray-dev/ui-kit 12.1.0 → 13.0.0

package/dist/{chunk-AKM4EPOT.mjs → chunk-S2VGME7X.mjs}

@@ -1,5 +1,5 @@
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-OULVKTWL.mjs → chunk-S44XWTTC.mjs}

@@ -1,10 +1,11 @@
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { SPRINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { SPRINGS } from './chunk-M53LC4Q7.mjs';
+import { PressableButton } from './chunk-IFYMBOEN.mjs';
+import { selectionAsync } from './chunk-ARONDO7M.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React, { useEffect } from 'react';
-import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import Animated, { useSharedValue, withSpring, useAnimatedStyle, interpolateColor } from 'react-native-reanimated';
 
 function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
@@ -13,7 +14,7 @@ function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }
     progress.value = withSpring(active ? 1 : 0, SPRINGS.glide);
   }, [active, progress]);
   const animatedStyle = useAnimatedStyle(() => ({
-    width: size + progress.value * size * 1.5,
+    width: size + progress.value * size,
     backgroundColor: interpolateColor(progress.value, [0, 1], [inactiveColor, activeColor])
   }));
   const dot = /* @__PURE__ */ React.createElement(Animated.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
@@ -23,14 +24,15 @@ function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }
     onPress();
   };
   return /* @__PURE__ */ React.createElement(
-    TouchableOpacity,
+    PressableButton,
     {
       onPress: handlePress,
-      activeOpacity: 0.7,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: `Page ${index + 1} of ${total}${active ? ", current page" : ""}`,
-      hitSlop: { top: 8, bottom: 8, left: 4, right: 4 }
+      accessibilityLabel: `P\xE1gina ${index + 1} de ${total}${active ? ", p\xE1gina actual" : ""}`,
+      hitSlop: { top: 10, bottom: 10, left: 18, right: 18 },
+      style: styles.dotTouchable
     },
     dot
   );
@@ -41,7 +43,7 @@ function PagerDots({
   onDotPress,
   showControls = false,
   dotSize = 8,
-  spacing = 8,
+  spacing = 4,
   activeColor,
   inactiveColor,
   style
@@ -76,21 +78,21 @@ function PagerDots({
     {
       style: [styles.container, { gap: s(spacing) }, style],
       accessibilityRole: "adjustable",
-      accessibilityLabel: `Page ${activeIndex + 1} of ${count}`
+      accessibilityLabel: `P\xE1gina ${activeIndex + 1} de ${count}`
     },
     hasControls && /* @__PURE__ */ React.createElement(
-      TouchableOpacity,
+      PressableButton,
       {
         onPress: handlePrevious,
-        disabled: !canGoPrev,
-        activeOpacity: 0.7,
+        enabled: canGoPrev,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
         accessibilityRole: "button",
-        accessibilityLabel: "Previous page",
-        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        accessibilityLabel: "P\xE1gina anterior",
+        hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         style: [styles.controlBtn, !canGoPrev && styles.controlBtnDisabled]
       },
-      renderIcon("chevron-left", s(18), canGoPrev ? colors.foreground : colors.foregroundMuted)
+      /* @__PURE__ */ React.createElement(Icon, { name: "chevron-left", size: s(18), color: canGoPrev ? colors.foreground : colors.foregroundMuted })
     ),
     /* @__PURE__ */ React.createElement(View, { style: [styles.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React.createElement(
       Dot,
@@ -106,18 +108,18 @@ function PagerDots({
       }
     ))),
     hasControls && /* @__PURE__ */ React.createElement(
-      TouchableOpacity,
+      PressableButton,
       {
         onPress: handleNext,
-        disabled: !canGoNext,
-        activeOpacity: 0.7,
+        enabled: canGoNext,
+        rippleColor: "transparent",
         touchSoundDisabled: true,
         accessibilityRole: "button",
-        accessibilityLabel: "Next page",
-        hitSlop: { top: 8, bottom: 8, left: 8, right: 8 },
+        accessibilityLabel: "P\xE1gina siguiente",
+        hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
         style: [styles.controlBtn, !canGoNext && styles.controlBtnDisabled]
       },
-      renderIcon("chevron-right", s(18), canGoNext ? colors.foreground : colors.foregroundMuted)
+      /* @__PURE__ */ React.createElement(Icon, { name: "chevron-right", size: s(18), color: canGoNext ? colors.foreground : colors.foregroundMuted })
     )
   );
 }
@@ -132,7 +134,15 @@ var styles = StyleSheet.create({
     alignItems: "center"
   },
   controlBtn: {
-    padding: s(4)
+    padding: s(4),
+    minHeight: 44,
+    justifyContent: "center"
+  },
+  dotTouchable: {
+    minHeight: 44,
+    paddingHorizontal: s(14),
+    justifyContent: "center",
+    alignItems: "center"
   },
   controlBtnDisabled: {
     opacity: 0.3

package/dist/{chunk-QSFV2P7O.mjs → chunk-SZEKQAOY.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { toast, Toaster } from 'sonner-native';

package/dist/{chunk-N4ZPVCJH.mjs → chunk-TETMEKZE.mjs}

@@ -1,8 +1,8 @@
-import { PressableButton } from './chunk-3DKJ2GIC.mjs';
-import { impactLight } from './chunk-EJ7ZPXOH.mjs';
+import { PressableButton } from './chunk-IFYMBOEN.mjs';
+import { impactLight } from './chunk-ARONDO7M.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -56,10 +56,10 @@ function NumberStepperBase({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: `Decrease, current value ${displayValue}`,
+      accessibilityLabel: `Disminuir, valor actual ${displayValue}`,
       accessibilityState: { disabled: !canDecrement }
     },
-    renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
+    /* @__PURE__ */ React.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
   ), /* @__PURE__ */ React.createElement(
     Text,
     {
@@ -73,7 +73,7 @@ function NumberStepperBase({
         }
       ],
       allowFontScaling: true,
-      accessibilityLabel: accessibilityLabel ?? `Quantity: ${displayValue}`,
+      accessibilityLabel: accessibilityLabel ?? `Cantidad: ${displayValue}`,
       accessibilityRole: "text"
     },
     displayValue
@@ -95,10 +95,10 @@ function NumberStepperBase({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: `Increase, current value ${displayValue}`,
+      accessibilityLabel: `Aumentar, valor actual ${displayValue}`,
       accessibilityState: { disabled: !canIncrement }
     },
-    renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
+    /* @__PURE__ */ React.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })
   ));
 }
 var NumberStepper = React.memo(NumberStepperBase);

package/dist/{chunk-2CBQKU7H.mjs → chunk-TMH263OK.mjs}

@@ -1,7 +1,7 @@
-import { PressableCard } from './chunk-3DKJ2GIC.mjs';
-import { impactLight } from './chunk-EJ7ZPXOH.mjs';
+import { PressableCard } from './chunk-IFYMBOEN.mjs';
+import { impactLight } from './chunk-ARONDO7M.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { vs, s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -49,7 +49,8 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
         touchSoundDisabled: true,
         activateOnHover: true,
         accessibilityRole: "button",
-        accessibilityLabel
+        accessibilityLabel,
+        accessibilityState: { disabled: false }
       },
       cardContent
     );

package/dist/{chunk-D3Y2T42P.mjs → chunk-U6DEBYU5.mjs}

@@ -1,9 +1,10 @@
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { PressableTab } from './chunk-IFYMBOEN.mjs';
+import { selectionAsync } from './chunk-ARONDO7M.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { ms, s, vs, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
-import { StyleSheet, View, TouchableOpacity, Text } from 'react-native';
+import { StyleSheet, View, Text } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 function TabBar({
@@ -36,23 +37,23 @@ function TabBar({
     items.map((item) => {
       const active = item.key === activeKey;
       const tint = active ? resolvedActive : resolvedInactive;
-      const iconNode = item.icon ?? (item.iconName ? renderIcon(item.iconName, ms(24), tint) : null);
+      const iconNode = item.icon ?? (item.iconName ? /* @__PURE__ */ React.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__ */ React.createElement(
-        TouchableOpacity,
+        PressableTab,
         {
           key: item.key,
-          style: styles.tab,
           onPress: () => {
             if (!active) selectionAsync();
             onTabPress(item.key);
           },
-          activeOpacity: 0.7,
+          rippleColor: "transparent",
           touchSoundDisabled: true,
           accessibilityRole: "tab",
           accessibilityState: { selected: active },
-          accessibilityLabel: item.label ?? item.key
+          accessibilityLabel: item.label ?? item.key,
+          style: styles.tab
         },
         /* @__PURE__ */ React.createElement(View, null, iconNode, showBadge ? /* @__PURE__ */ React.createElement(
           View,

package/dist/{chunk-4WFMPFZB.mjs → chunk-UOKFSFNJ.mjs}

@@ -1,5 +1,5 @@
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { selectionAsync } from './chunk-ARONDO7M.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { vs, ms } from './chunk-2CE3TQVY.mjs';
 import React, { useRef } from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-WOEWGSTU.mjs → chunk-URIH43IJ.mjs}

@@ -1,11 +1,9 @@
-import { usePressScale } from './chunk-YNROWHQJ.mjs';
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { PRESS_SCALE } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { PressableButton } from './chunk-IFYMBOEN.mjs';
+import { selectionAsync } from './chunk-ARONDO7M.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useRef } from 'react';
-import { Platform, StyleSheet, View, Text, TouchableOpacity, Modal } from 'react-native';
-import Animated from 'react-native-reanimated';
+import { Platform, StyleSheet, View, Text, Modal, TouchableOpacity } from 'react-native';
 import { Picker } from '@react-native-picker/picker';
 import { Entypo } from '@expo/vector-icons';
 
@@ -18,16 +16,13 @@ function Select({
   onValueChange,
   placeholder = "Select an option",
   label,
+  hint,
   error,
   disabled,
   style,
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
-    pressScale: PRESS_SCALE.button,
-    disabled
-  });
   const [pickerVisible, setPickerVisible] = useState(false);
   const [pendingValue, setPendingValue] = useState(value);
   const pickerRef = useRef(null);
@@ -52,20 +47,20 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style] }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb ? /* @__PURE__ */ React.createElement(Animated.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React.createElement(
-    TouchableOpacity,
+  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style] }, label ? /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb ? /* @__PURE__ */ React.createElement(
+    PressableButton,
     {
       style: [
         styles.trigger,
         {
           borderColor: error ? colors.destructive : colors.border,
           backgroundColor: colors.background
-        }
+        },
+        disabled && { opacity: 0.45 }
       ],
       onPress: handleOpen,
-      onPressIn,
-      onPressOut,
-      activeOpacity: 1,
+      enabled: !disabled,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "combobox",
       accessibilityLabel: accessibilityLabel ?? label,
@@ -85,7 +80,7 @@ function Select({
       selected?.label ?? placeholder
     ),
     /* @__PURE__ */ React.createElement(Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
-  )) : null, isIOS ? /* @__PURE__ */ React.createElement(
+  ) : null, isIOS ? /* @__PURE__ */ React.createElement(
     Modal,
     {
       visible: pickerVisible,
@@ -169,7 +164,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : !error && hint ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles = StyleSheet.create({
   container: {
@@ -193,9 +188,6 @@ var styles = StyleSheet.create({
     fontSize: ms(15),
     flex: 1
   },
-  chevron: {
-    marginLeft: s(8)
-  },
   helperText: {
     fontFamily: "Sohne-Regular",
     fontSize: ms(13)

package/dist/{chunk-JCZQOY4O.mjs → chunk-V2ZB2XNS.mjs}

@@ -1,8 +1,8 @@
-import { Button } from './chunk-DOGIPOF5.mjs';
-import { impactMedium, notificationSuccess, selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { Button } from './chunk-Y6YS33GM.mjs';
+import { impactMedium, notificationSuccess, selectionAsync } from './chunk-ARONDO7M.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { vs, mvs, ms, s } from './chunk-2CE3TQVY.mjs';
-import React, { useRef, useId, useEffect, useCallback } from 'react';
+import React, { useRef, useId, useCallback, useEffect } from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
 import { BottomSheetBackdrop, BottomSheetModal, BottomSheetView } from '@gorhom/bottom-sheet';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -12,8 +12,8 @@ function ConfirmDialog({
   visible,
   title,
   subtitle,
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
   confirmVariant = "primary",
   loading = false,
   showCloseButton = false,
@@ -24,13 +24,19 @@ function ConfirmDialog({
   const insets = useSafeAreaInsets();
   const ref = useRef(null);
   const wasOpened = useRef(false);
+  const isPresentedRef = useRef(false);
   const name = useId();
+  const handleDismiss = useCallback(() => {
+    isPresentedRef.current = false;
+    onCancel();
+  }, [onCancel]);
   useEffect(() => {
-    if (visible) {
+    if (visible && !isPresentedRef.current) {
       impactMedium();
       ref.current?.present();
       wasOpened.current = true;
-    } else if (wasOpened.current) {
+      isPresentedRef.current = true;
+    } else if (!visible && wasOpened.current && isPresentedRef.current) {
       ref.current?.dismiss();
     }
   }, [visible]);
@@ -51,7 +57,7 @@ function ConfirmDialog({
     {
       ref,
       name,
-      onDismiss: onCancel,
+      onDismiss: handleDismiss,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
       backgroundStyle: { ...styles.background, backgroundColor: colors.card },
@@ -67,7 +73,7 @@ function ConfirmDialog({
         activeOpacity: 0.6,
         touchSoundDisabled: true,
         accessibilityRole: "button",
-        accessibilityLabel: "Close",
+        accessibilityLabel: "Cerrar",
         hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
       },
       /* @__PURE__ */ React.createElement(Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })

package/dist/{chunk-P73V2EKS.mjs → chunk-WIPEDNSD.mjs}

@@ -1,9 +1,9 @@
-import { PressableChip } from './chunk-3DKJ2GIC.mjs';
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
+import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
+import { PressableChip } from './chunk-IFYMBOEN.mjs';
+import { selectionAsync } from './chunk-ARONDO7M.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { ms, mvs, s, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text, ScrollView } from 'react-native';
@@ -20,7 +20,7 @@ function SheetSelectChip({
     onPress();
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
-  const resolvedIcon = option.iconName ? renderIcon(option.iconName, ms(13), iconColor) : null;
+  const resolvedIcon = option.iconName ? /* @__PURE__ */ React.createElement(Icon, { name: option.iconName, size: ms(13), color: iconColor }) : null;
   return /* @__PURE__ */ React.createElement(
     PressableChip,
     {
@@ -28,7 +28,7 @@ function SheetSelectChip({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: option.disabled ? `${option.label}, unavailable` : option.label,
+      accessibilityLabel: option.disabled ? `${option.label}, no disponible` : option.label,
       accessibilityState: { selected, disabled: option.disabled }
     },
     /* @__PURE__ */ React.createElement(

package/dist/{chunk-BOVUP27T.mjs → chunk-XCIG6HT2.mjs}

@@ -1,6 +1,6 @@
-import { TIMINGS } from './chunk-DVK4G2GT.mjs';
+import { TIMINGS } from './chunk-M53LC4Q7.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-EMUWGDWC.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
@@ -13,12 +13,13 @@ function Skeleton({
   borderRadius = 6,
   preset = "base",
   diameter = 40,
+  backgroundColor,
   style
 }) {
   const { colors, colorScheme } = useTheme();
   const shimmer = useSharedValue(0);
   const [containerWidth, setContainerWidth] = useState(300);
-  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
+  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.07)";
   useEffect(() => {
     shimmer.value = withRepeat(
       withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Easing.linear }),
@@ -37,12 +38,12 @@ function Skeleton({
     {
       style: [
         styles.base,
-        { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: colors.surface },
+        { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: backgroundColor ?? colors.skeleton },
         style
       ],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
       accessibilityRole: "progressbar",
-      accessibilityLabel: "Loading",
+      accessibilityLabel: "Cargando",
       accessibilityState: { busy: true }
     },
     /* @__PURE__ */ React.createElement(Animated.View, { style: [StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React.createElement(

package/dist/chunk-Y6YS33GM.mjs

@@ -0,0 +1,131 @@
+import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
+import { PressableButton } from './chunk-IFYMBOEN.mjs';
+import { impactMedium } from './chunk-ARONDO7M.mjs';
+import { TYPOGRAPHY, RADIUS } from './chunk-QY3X2UYR.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { vs, s, mvs, ms } from './chunk-2CE3TQVY.mjs';
+import React from 'react';
+import { StyleSheet, View, ActivityIndicator, Text } from 'react-native';
+import { EaseView } from 'react-native-ease';
+
+var containerSizeStyles = {
+  // AUDIT FIX: sm was 40pt — below Apple HIG 44pt minimum touch target.
+  sm: { paddingHorizontal: s(16), paddingVertical: vs(12), minHeight: 44 },
+  md: { paddingHorizontal: s(24), paddingVertical: vs(14), minHeight: 48 },
+  lg: { paddingHorizontal: s(28), paddingVertical: vs(16), minHeight: 56 }
+};
+var labelSizeStyles = {
+  sm: { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize) },
+  md: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize) },
+  lg: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize + 1), lineHeight: mvs(24) }
+};
+var iconSizeMap = { sm: 16, md: 18, lg: 20 };
+function ButtonBase({
+  label,
+  variant = "primary",
+  size = "md",
+  loading = false,
+  fullWidth = false,
+  icon,
+  iconName,
+  iconColor,
+  iconPosition = "left",
+  disabled,
+  style,
+  onPress,
+  accessibilityLabel,
+  accessibilityHint
+}) {
+  const { colors } = useTheme();
+  const isDisabled = disabled || loading;
+  const handlePress = () => {
+    impactMedium();
+    onPress?.();
+  };
+  const isSecondary = variant === "secondary";
+  const borderWidth = isSecondary ? 1.5 : 0;
+  const animateBgColor = isDisabled ? { primary: colors.surface, secondary: "transparent", text: "transparent", destructive: colors.surface }[variant] : { primary: colors.primary, secondary: "transparent", text: "transparent", destructive: colors.destructive }[variant];
+  const animateBorderColor = isDisabled ? isSecondary ? colors.border : "transparent" : isSecondary ? colors.primary : "transparent";
+  const labelColor = isDisabled ? colors.foregroundMuted : {
+    primary: colors.primaryForeground,
+    secondary: colors.primary,
+    text: colors.accentResolved,
+    destructive: colors.destructiveForeground
+  }[variant];
+  const textColor = iconColor ?? labelColor;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React.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 = StyleSheet.flatten(styleArray);
+  const { flex, ...restStyle } = flatStyle || {};
+  return /* @__PURE__ */ React.createElement(View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React.createElement(
+    PressableButton,
+    {
+      enabled: !isDisabled,
+      onPress: handlePress,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      activateOnHover: true,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityHint,
+      accessibilityState: { disabled: isDisabled, busy: loading }
+    },
+    /* @__PURE__ */ React.createElement(
+      EaseView,
+      {
+        style: [
+          styles.base,
+          containerSizeStyles[size],
+          { borderWidth },
+          fullWidth && styles.fullWidth,
+          restStyle
+        ],
+        animate: { backgroundColor: animateBgColor, borderColor: animateBorderColor },
+        transition: COLOR_TRANSITION
+      },
+      loading ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          style: [styles.label, { color: labelColor }, labelSizeStyles[size], styles.labelLoading],
+          allowFontScaling: true,
+          numberOfLines: 1
+        },
+        label
+      )) : /* @__PURE__ */ React.createElement(React.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React.createElement(React.Fragment, null, effectiveIcon), /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          style: [styles.label, { color: labelColor }, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
+          allowFontScaling: true,
+          numberOfLines: 1
+        },
+        label
+      ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React.createElement(React.Fragment, null, effectiveIcon))
+    )
+  ));
+}
+var Button = React.memo(ButtonBase);
+var styles = StyleSheet.create({
+  base: {
+    borderRadius: RADIUS.md,
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row"
+  },
+  fullWidth: {
+    width: "100%"
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    flexShrink: 1
+  },
+  labelWithIcon: {
+    marginHorizontal: s(6)
+  },
+  labelLoading: {
+    opacity: 0.6
+  }
+});
+
+export { Button };