@retray-dev/ui-kit 12.2.0 → 13.0.0

package/dist/{chunk-C43HRKXH.mjs → chunk-OBV72JD4.mjs}

@@ -1,5 +1,5 @@
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.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-LPV4NJJK.mjs → chunk-PGQ6FMXS.mjs}

@@ -1,8 +1,9 @@
-import { PagerDots } from './chunk-OLVJFKXS.mjs';
-import { IconButton } from './chunk-LOBLCFMN.mjs';
+import { PagerDots } from './chunk-S44XWTTC.mjs';
+import { IconButton } from './chunk-ZTPYUU5C.mjs';
 import { s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useCallback } from 'react';
-import { StyleSheet, useWindowDimensions, Dimensions, Modal, View, ScrollView, Image } from 'react-native';
+import { Image } from 'expo-image';
+import { StyleSheet, useWindowDimensions, Dimensions, Modal, View, ScrollView } from 'react-native';
 import { Gesture, GestureHandlerRootView, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { useSharedValue, runOnJS, withTiming, useAnimatedStyle } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -62,7 +63,7 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
       { scale: scale.value }
     ]
   }));
-  return /* @__PURE__ */ React.createElement(GestureDetector, { gesture: composed }, /* @__PURE__ */ React.createElement(View, { style: [{ width, height }, styles.imageWrap], collapsable: false }, /* @__PURE__ */ React.createElement(Animated.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React.createElement(Image, { source, style: { width, height }, resizeMode: "contain" }))));
+  return /* @__PURE__ */ React.createElement(GestureDetector, { gesture: composed }, /* @__PURE__ */ React.createElement(View, { style: [{ width, height }, styles.imageWrap], collapsable: false }, /* @__PURE__ */ React.createElement(Animated.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React.createElement(Image, { source, style: { width, height }, contentFit: "contain" }))));
 }
 function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
   const window = useWindowDimensions();
@@ -140,7 +141,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       style: { backgroundColor: "rgba(255,255,255,0.18)" },
       iconColor: "#fff",
       onPress: onClose,
-      accessibilityLabel: "Close"
+      accessibilityLabel: "Cerrar"
     }
   )), images.length > 1 ? /* @__PURE__ */ React.createElement(View, { style: [styles.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React.createElement(
     PagerDots,

package/dist/{chunk-MEPSKGBO.mjs → chunk-PI6RULJX.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-F3YTWO3T.mjs → chunk-RA6SAAFE.mjs}

@@ -1,8 +1,9 @@
-import { PressableChip } from './chunk-3DKJ2GIC.mjs';
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.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 { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { s, mvs, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -14,7 +15,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     selectionAsync();
     onPress?.();
   };
-  const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: ms(13), color: selected ? colors.primaryForeground : colors.foreground }) : icon;
   return /* @__PURE__ */ React.createElement(View, { style: [styles.wrapper, style] }, /* @__PURE__ */ React.createElement(
     PressableChip,
     {
@@ -72,14 +73,14 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
       onPress: opt.disabled ? void 0 : () => handlePress(opt.value),
       iconName: opt.iconName,
       style: opt.disabled ? styles.chipDisabled : void 0,
-      accessibilityLabel: opt.disabled ? `${opt.label}, unavailable` : opt.label
+      accessibilityLabel: opt.disabled ? `${opt.label}, no disponible` : opt.label
     }
   )));
 }
 var styles = StyleSheet.create({
   wrapper: {},
   chip: {
-    borderRadius: 999,
+    borderRadius: RADIUS.full,
     paddingHorizontal: s(14),
     // AUDIT FIX: was vs(5) → ~28px total height — below WCAG 44px tap target.
     // vs(10) → ~44px total height meets WCAG 2.5.5 (AAA) minimum.

package/dist/{chunk-UNNRUJTM.mjs → chunk-RRKM4MKB.mjs}

@@ -1,8 +1,8 @@
-import { PressableButton } from './chunk-3DKJ2GIC.mjs';
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { COLOR_TRANSITION } 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 { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -16,12 +16,12 @@ function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconC
     return prop;
   };
   if (pressed) {
-    if (activeIconName) return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
+    if (activeIconName) return /* @__PURE__ */ React.createElement(Icon, { name: activeIconName, size: iconSize, color: activeIconColor ?? primaryColor });
     const active = renderProp(activeIcon);
     if (active) return /* @__PURE__ */ React.createElement(React.Fragment, null, active);
     return /* @__PURE__ */ React.createElement(FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
   }
-  if (iconName) return /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
+  if (iconName) return /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: iconSize, color: iconColor ?? mutedColor });
   const custom = renderProp(icon);
   if (custom) return /* @__PURE__ */ React.createElement(React.Fragment, null, custom);
   return /* @__PURE__ */ React.createElement(FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });

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

@@ -1,5 +1,5 @@
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.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-OLVJFKXS.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-YTXRIXNZ.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-YMYIEVZP.mjs → chunk-SZEKQAOY.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-YTXRIXNZ.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-ELGEOM7I.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-YTXRIXNZ.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-BXF4AMHY.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-YTXRIXNZ.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-NJG7DHVF.mjs → chunk-U6DEBYU5.mjs}

@@ -1,9 +1,10 @@
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.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-RJNLAH76.mjs → chunk-UOKFSFNJ.mjs}

@@ -1,5 +1,5 @@
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.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-HEDQPK4I.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-YTXRIXNZ.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-QXDGGOLC.mjs → chunk-V2ZB2XNS.mjs}

@@ -1,6 +1,6 @@
-import { Button } from './chunk-4J2PXL36.mjs';
-import { impactMedium, notificationSuccess, selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.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, useCallback, useEffect } from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
@@ -12,8 +12,8 @@ function ConfirmDialog({
   visible,
   title,
   subtitle,
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
   confirmVariant = "primary",
   loading = false,
   showCloseButton = false,
@@ -73,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-KSUWPU2F.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-YTXRIXNZ.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-QDAZGZUF.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-YTXRIXNZ.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';
@@ -43,7 +43,7 @@ function Skeleton({
       ],
       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(