@retray-dev/ui-kit 12.2.0 → 13.2.0

package/dist/{chunk-TS7DGUIR.mjs → chunk-DBHSUUKU.mjs}

@@ -1,5 +1,5 @@
-import { SPRINGS } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { SPRINGS } from './chunk-M53LC4Q7.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-57V2LXCK.mjs → chunk-DE25XTVQ.mjs}

@@ -1,12 +1,12 @@
-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 { mvs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 
 function LabelValueBase({ label, value, iconName, iconColor, style }) {
   const { colors } = useTheme();
-  const resolvedIcon = iconName ? renderIcon(iconName, ms(14), iconColor ?? colors.foregroundMuted) : null;
+  const resolvedIcon = iconName ? /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: ms(14), color: iconColor ?? colors.foregroundMuted }) : null;
   return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style] }, /* @__PURE__ */ React.createElement(View, { style: styles.labelSide }, resolvedIcon ? /* @__PURE__ */ React.createElement(View, { style: styles.icon }, resolvedIcon) : null, /* @__PURE__ */ React.createElement(Text, { style: [styles.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React.createElement(Text, { style: [styles.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
 var LabelValue = React.memo(LabelValueBase);

package/dist/{chunk-RMRS44MQ.mjs → chunk-E2PONRJG.mjs}

@@ -1,9 +1,10 @@
-import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { COLOR_TRANSITION, SPRING_ELASTIC, OPACITY_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { COLOR_TRANSITION, SPRING_ELASTIC, OPACITY_TRANSITION } from './chunk-M53LC4Q7.mjs';
+import { PressableButton } from './chunk-IFYMBOEN.mjs';
+import { selectionAsync } from './chunk-ARONDO7M.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
-import { StyleSheet, View, TouchableOpacity } from 'react-native';
+import { StyleSheet, View } from 'react-native';
 import { EaseView } from 'react-native-ease';
 import { Feather } from '@expo/vector-icons';
 
@@ -14,21 +15,22 @@ 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__ */ React.createElement(View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React.createElement(
-    TouchableOpacity,
+    PressableButton,
     {
       onPress: () => {
         selectionAsync();
         onCheckedChange?.(!checked);
       },
-      disabled,
-      activeOpacity: 0.8,
+      enabled: !disabled,
+      rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "switch",
       accessibilityLabel,
+      accessibilityHint,
       accessibilityState: { checked, disabled: isDisabled },
       style: styles.touchable
     },
@@ -77,7 +79,9 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
 }
 var styles = StyleSheet.create({
   touchable: {
-    alignSelf: "flex-start"
+    alignSelf: "flex-start",
+    minHeight: 44,
+    justifyContent: "center"
   },
   trackContainer: {
     position: "relative",

package/dist/{chunk-GUTDFUNF.mjs → chunk-EHGBHFMH.mjs}

@@ -1,26 +1,10 @@
 import { TYPOGRAPHY } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { Text as Text$1 } from 'react-native';
 import { isLoaded } from 'expo-font';
 
-var warned = false;
-function warnIfFontsMissing() {
-  if (warned) return;
-  if (typeof __DEV__ !== "undefined" && !__DEV__) return;
-  warned = true;
-  try {
-    if (!isLoaded("Sohne-Regular")) {
-      console.warn(
-        "[retray-ui-kit] Sohne fonts are not loaded \u2014 text will fall back to the system font. Load them at your app root before rendering any UI kit component:\n\n  import { useFonts } from 'expo-font'\n  import { SohneFontNames } from '@retray-dev/ui-kit/fonts'\n  // Copy the SohneFonts boilerplate from CONSUMER.md into your App.tsx\n\n  const [fontsLoaded] = useFonts(SohneFonts)\n  if (!fontsLoaded) return null\n"
-      );
-    }
-  } catch {
-  }
-}
-
-// src/components/Text/Text.tsx
 var variantStyles = {
   "display-hero": { ...TYPOGRAPHY["display-hero"], fontSize: ms(TYPOGRAPHY["display-hero"].fontSize), lineHeight: mvs(TYPOGRAPHY["display-hero"].lineHeight) },
   "display-xl": { ...TYPOGRAPHY["display-xl"], fontSize: ms(TYPOGRAPHY["display-xl"].fontSize), lineHeight: mvs(TYPOGRAPHY["display-xl"].lineHeight) },
@@ -58,6 +42,14 @@ var defaultColorVariant = {
   "button-lg": "foreground",
   "button-sm": "foreground"
 };
+var fontWarned = false;
+function warnIfFontsMissing() {
+  if (fontWarned || typeof __DEV__ === "undefined" || !__DEV__) return;
+  fontWarned = true;
+  if (!isLoaded("Sohne-Regular")) {
+    console.warn("[retray-ui-kit] Sohne fonts not loaded \u2014 text falls back to system font.");
+  }
+}
 function TextBase({ variant = "body-md", color, style, uppercase, children, ...props }) {
   warnIfFontsMissing();
   const { colors } = useTheme();

package/dist/{chunk-ZIMY2QUM.mjs → chunk-ERWJPVX7.mjs}

@@ -1,5 +1,5 @@
-import { ToastProvider } from './chunk-YMYIEVZP.mjs';
-import { ThemeProvider } from './chunk-YTXRIXNZ.mjs';
+import { ToastProvider } from './chunk-SZEKQAOY.mjs';
+import { ThemeProvider } from './chunk-KSSVIFYR.mjs';
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import { SafeAreaProvider, initialWindowMetrics } from 'react-native-safe-area-context';

package/dist/{chunk-NLZY4TXU.mjs → chunk-ESQDPO5E.mjs}

@@ -1,7 +1,7 @@
-import { impactLight } from './chunk-EJ7ZPXOH.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 { ms, vs, s, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
@@ -9,11 +9,11 @@ import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
 function DefaultErrorFallback({
   error,
   reset,
-  title = "Something went wrong",
+  title = "Algo sali\xF3 mal",
   message
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React.createElement(View, { style: [styles.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React.createElement(Text, { style: [styles.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React.createElement(Text, { style: [styles.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React.createElement(View, { style: [styles.iconCircle, { backgroundColor: colors.destructiveTint }] }, /* @__PURE__ */ React.createElement(Icon, { name: "alert-triangle", size: ms(28), color: colors.destructive })), /* @__PURE__ */ React.createElement(Text, { style: [styles.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React.createElement(Text, { style: [styles.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "Ocurri\xF3 un error inesperado."), /* @__PURE__ */ React.createElement(
     TouchableOpacity,
     {
       style: [styles.button, { backgroundColor: colors.primary }],
@@ -24,9 +24,9 @@ function DefaultErrorFallback({
       activeOpacity: 0.85,
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: "Try again"
+      accessibilityLabel: "Intentar de nuevo"
     },
-    /* @__PURE__ */ React.createElement(Text, { style: [styles.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Try again")
+    /* @__PURE__ */ React.createElement(Text, { style: [styles.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Intentar de nuevo")
   ));
 }
 var ErrorBoundary = class extends React.Component {

package/dist/{chunk-VJBUCITV.mjs → chunk-EW2FIDSM.mjs}

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

package/dist/{chunk-HC4VVCWY.mjs → chunk-FTTI6T5Q.mjs}

@@ -1,6 +1,6 @@
-import { Button } from './chunk-4J2PXL36.mjs';
-import { renderIcon } from './chunk-KA7LTET3.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { Button } from './chunk-Y6YS33GM.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { s, vs, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -8,7 +8,7 @@ import { StyleSheet, View, Text } from 'react-native';
 function EmptyState({ icon, iconName, iconColor, title, description, action, actionLabel, onAction, size = "default", style }) {
   const { colors } = useTheme();
   const isCompact = size === "compact";
-  const effectiveIcon = iconName ? renderIcon(iconName, isCompact ? 32 : 48, iconColor ?? colors.foregroundMuted) : icon;
+  const effectiveIcon = iconName ? /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: isCompact ? 32 : 48, color: iconColor ?? colors.foregroundMuted }) : icon;
   return /* @__PURE__ */ React.createElement(
     View,
     {

package/dist/{chunk-MVMGPZN6.mjs → chunk-H6MQL7PS.mjs}

@@ -1,6 +1,7 @@
-import { IconButton } from './chunk-LOBLCFMN.mjs';
+import { IconButton } from './chunk-ZTPYUU5C.mjs';
 import { BREAKPOINTS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
+import { Icon } from './chunk-MZ6WRTD2.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, useWindowDimensions, View, Text } from 'react-native';
@@ -11,6 +12,7 @@ function AppHeader({
   subtitle,
   onBack,
   backIconName = "chevron-left",
+  iconName,
   left,
   right,
   titleAlign = "auto",
@@ -24,16 +26,16 @@ function AppHeader({
   const { width } = useWindowDimensions();
   const isWide = width >= BREAKPOINTS.wide;
   const centered = titleAlign === "center" || titleAlign === "auto" && isWide;
-  const leftNode = left ?? (onBack ? /* @__PURE__ */ React.createElement(
+  const leftNode = left ?? /* @__PURE__ */ React.createElement(React.Fragment, null, onBack ? /* @__PURE__ */ React.createElement(
     IconButton,
     {
       iconName: backIconName,
       variant: "text",
       size: "md",
       onPress: onBack,
-      accessibilityLabel: "Go back"
+      accessibilityLabel: "Atr\xE1s"
     }
-  ) : null);
+  ) : null, iconName && !left ? /* @__PURE__ */ React.createElement(Icon, { name: iconName, size: 20, color: colors.foreground }) : null);
   const titleBlock = /* @__PURE__ */ React.createElement(View, { style: [styles.titleBlock, centered && styles.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React.createElement(
     Text,
     {
@@ -83,10 +85,13 @@ var styles = 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,

package/dist/{chunk-CF27NBXO.mjs → chunk-HHOOFDBA.mjs}

@@ -1,60 +1,57 @@
-import { Spinner } from './chunk-LIS6I5UP.mjs';
-import { PressableCard } from './chunk-3DKJ2GIC.mjs';
-import { impactLight } from './chunk-EJ7ZPXOH.mjs';
+import { Spinner } from './chunk-2VIDP72N.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 { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
-import { StyleSheet, Image, View, Text, Platform } from 'react-native';
+import { Image } from 'expo-image';
+import { StyleSheet, View, Text } from 'react-native';
 import { Feather } from '@expo/vector-icons';
 
 function ImageUpload({
   value,
   onChange,
   loading = false,
-  placeholder = "Tap to add image",
+  placeholder = "Toca para a\xF1adir imagen",
   showPlaceholderText = true,
   width,
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
-  allowsEditing = true,
   disabled = false,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  onPickerStarting
 }) {
   const { colors } = useTheme();
   const [imageLoaded, setImageLoaded] = useState(false);
+  const [isPicking, setIsPicking] = useState(false);
   const handlePress = async () => {
-    if (disabled || loading) return;
+    if (disabled || loading || isPicking) return;
     impactLight();
-    let picker;
+    onPickerStarting?.();
+    setIsPicking(true);
     try {
-      const mod = await import('expo-image-picker/build/ExponentImagePicker');
-      picker = mod.default;
-    } catch {
-      try {
-        picker = await import('expo-image-picker');
-      } catch {
-        if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
-        return;
-      }
-    }
-    if (Platform.OS !== "web") {
-      try {
-        const { status } = await picker.requestMediaLibraryPermissionsAsync();
-        if (status !== "granted") return;
-      } catch {
+      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);
       }
-    }
-    const result = await picker.launchImageLibraryAsync({
-      mediaTypes: ["images"],
-      allowsEditing,
-      quality: 0.8
-    });
-    if (!result.canceled && result.assets?.[0]) {
-      setImageLoaded(false);
-      onChange?.(result.assets[0].uri);
+    } catch {
+    } finally {
+      setIsPicking(false);
     }
   };
   const containerStyle = {
@@ -75,7 +72,7 @@ function ImageUpload({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel ?? (value ? "Change image" : placeholder),
+      accessibilityLabel: accessibilityLabel ?? (value ? "Cambiar imagen" : placeholder),
       accessibilityState: { disabled: disabled || loading },
       style: [containerStyle, style]
     },
@@ -84,7 +81,7 @@ function ImageUpload({
       {
         source: { uri: value },
         style: [StyleSheet.absoluteFillObject, { borderRadius }],
-        resizeMode,
+        contentFit: resizeMode === "stretch" ? "fill" : resizeMode,
         onLoad: () => setImageLoaded(true),
         onError: () => setImageLoaded(true)
       }
@@ -97,7 +94,7 @@ function ImageUpload({
       },
       placeholder
     ) : null),
-    loading ? /* @__PURE__ */ React.createElement(View, { style: [styles.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React.createElement(Spinner, { size: "md" })) : null,
+    loading || isPicking ? /* @__PURE__ */ React.createElement(View, { style: [styles.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React.createElement(Spinner, { size: "md" })) : null,
     value && !loading ? /* @__PURE__ */ React.createElement(View, { style: styles.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React.createElement(View, { style: [styles.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React.createElement(Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
   );
 }
@@ -120,12 +117,12 @@ var styles = 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"

package/dist/{chunk-2HFD4IHU.mjs → chunk-HUSSF6TF.mjs}

@@ -1,4 +1,4 @@
-import { Input } from './chunk-DF7JA72E.mjs';
+import { Input } from './chunk-4NQFTHN3.mjs';
 import { ms, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 

package/dist/{chunk-HEDQPK4I.mjs → chunk-IDVUZIVY.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,14 @@ function Select({
   onValueChange,
   placeholder = "Select an option",
   label,
+  hint,
   error,
   disabled,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   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,23 +48,24 @@ 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,
+      accessibilityHint,
       accessibilityValue: { text: selected?.label ?? placeholder },
       accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
@@ -85,7 +82,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 +166,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 +190,6 @@ var styles = StyleSheet.create({
     fontSize: ms(15),
     flex: 1
   },
-  chevron: {
-    marginLeft: s(8)
-  },
   helperText: {
     fontFamily: "Sohne-Regular",
     fontSize: ms(13)

package/dist/chunk-IFYMBOEN.mjs

@@ -0,0 +1,14 @@
+import { createAnimatedPressable } from 'pressto';
+
+// src/utils/pressable.ts
+var makePressable = (scale) => createAnimatedPressable((progress) => {
+  "worklet";
+  return { transform: [{ scale: 1 - (1 - scale) * progress }] };
+});
+var PressableButton = makePressable(0.95);
+var PressableCard = makePressable(0.98);
+var PressableRow = makePressable(0.97);
+var PressableChip = makePressable(0.94);
+var PressableTab = makePressable(0.95);
+
+export { PressableButton, PressableCard, PressableChip, PressableRow, PressableTab };

package/dist/{chunk-QOLWA2PW.mjs → chunk-IGU223UM.mjs}

@@ -1,7 +1,8 @@
-import { useTheme } from './chunk-YTXRIXNZ.mjs';
-import { s, ms } from './chunk-2CE3TQVY.mjs';
+import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { s, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
-import { StyleSheet, View, Image, Text } from 'react-native';
+import { Image } from 'expo-image';
+import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
 
 var sizeMap = {
   sm: s(28),
@@ -92,6 +93,66 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
   );
 }
 var Avatar = React.memo(AvatarBase);
+function AvatarGroup({
+  users,
+  max = 3,
+  size = "sm",
+  overlap = vs(8),
+  onOverflowPress,
+  style
+}) {
+  const { colors } = useTheme();
+  const visible = users.slice(0, max);
+  const overflowCount = users.length - max;
+  const dimension = sizeMap[size];
+  return /* @__PURE__ */ React.createElement(View, { style: [styles.group, style], accessibilityLabel: `${users.length} avatares` }, visible.map((user, i) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      key: `${user.name}-${i}`,
+      style: [
+        styles.groupItem,
+        i > 0 && { marginLeft: -overlap },
+        { zIndex: visible.length - i }
+      ]
+    },
+    /* @__PURE__ */ React.createElement(
+      Avatar,
+      {
+        src: user.src,
+        fallbackText: user.name,
+        size
+      }
+    )
+  )), overflowCount > 0 ? /* @__PURE__ */ React.createElement(
+    TouchableOpacity,
+    {
+      style: [
+        styles.overflowBadge,
+        {
+          width: dimension,
+          height: dimension,
+          borderRadius: dimension / 2,
+          backgroundColor: colors.surfaceStrong,
+          marginLeft: -overlap
+        }
+      ],
+      onPress: onOverflowPress,
+      disabled: !onOverflowPress,
+      activeOpacity: 0.7,
+      accessibilityRole: "button",
+      accessibilityLabel: `${overflowCount} avatares m\xE1s`
+    },
+    /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        style: [styles.overflowText, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      "+",
+      overflowCount
+    )
+  ) : null);
+}
 var styles = StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -108,7 +169,22 @@ var styles = StyleSheet.create({
     position: "absolute",
     bottom: 0,
     right: 0
+  },
+  group: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  groupItem: {
+    borderRadius: 999
+  },
+  overflowBadge: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  overflowText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(11)
   }
 });
 
-export { Avatar };
+export { Avatar, AvatarGroup };