@retray-dev/ui-kit 13.0.0 → 13.4.0

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

@@ -1,8 +1,9 @@
-import { Button } from './chunk-Y6YS33GM.mjs';
-import { impactMedium, notificationSuccess, selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { useSheetModal } from './chunk-HMKJGVXA.mjs';
+import { Button } from './chunk-AHFEAY6M.mjs';
+import { notificationSuccess, selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, mvs, ms, s } from './chunk-2CE3TQVY.mjs';
-import React, { useRef, useId, useCallback, useEffect } from 'react';
+import React, { useId, useCallback } 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';
@@ -18,28 +19,13 @@ function ConfirmDialog({
   loading = false,
   showCloseButton = false,
   onConfirm,
-  onCancel
+  onCancel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const insets = useSafeAreaInsets();
-  const ref = useRef(null);
-  const wasOpened = useRef(false);
-  const isPresentedRef = useRef(false);
+  const { ref, handleDismiss } = useSheetModal(visible, onCancel);
   const name = useId();
-  const handleDismiss = useCallback(() => {
-    isPresentedRef.current = false;
-    onCancel();
-  }, [onCancel]);
-  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 = useCallback(
     (props) => /* @__PURE__ */ React.createElement(
       BottomSheetBackdrop,
@@ -89,6 +75,7 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
+        accessibilityHint,
         icon: /* @__PURE__ */ React.createElement(
           Feather,
           {

package/dist/{chunk-KC5QDYGZ.mjs → chunk-BMAAAJWN.mjs}

@@ -1,7 +1,7 @@
 import { SPRINGS } from './chunk-M53LC4Q7.mjs';
 import { PressableTab } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-IJCMPVW5.mjs → chunk-BQMJQMWY.mjs}

@@ -1,7 +1,7 @@
 import { COLOR_TRANSITION, SPRING_ELASTIC } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-E4EQSCKR.mjs → chunk-BTPCY4C7.mjs}

@@ -1,8 +1,8 @@
 import { PressableRow } 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 { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -22,7 +22,8 @@ function MenuItemBase({
   showSeparator = false,
   style,
   labelStyle,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -53,6 +54,7 @@ function MenuItemBase({
       activateOnHover: true,
       accessibilityRole: "button",
       accessibilityLabel: a11yLabel,
+      accessibilityHint,
       accessibilityState: { disabled }
     },
     resolvedIcon ? /* @__PURE__ */ React.createElement(View, { style: styles.iconContainer }, resolvedIcon) : null,

package/dist/chunk-BVJAYPAD.mjs

@@ -0,0 +1,55 @@
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
+import { s } from './chunk-2CE3TQVY.mjs';
+import React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+
+function Separator({ orientation = "horizontal", label, style }) {
+  const { colors } = useTheme();
+  if (label && orientation !== "vertical") {
+    return /* @__PURE__ */ React.createElement(View, { style: [styles.row, style], accessibilityRole: "none" }, /* @__PURE__ */ React.createElement(View, { style: [styles.line, { backgroundColor: colors.separator }] }), /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        style: [styles.label, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      label
+    ), /* @__PURE__ */ React.createElement(View, { style: [styles.line, { backgroundColor: colors.separator }] }));
+  }
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      style: [
+        orientation === "horizontal" ? styles.horizontal : styles.vertical,
+        { backgroundColor: colors.separator },
+        style
+      ]
+    }
+  );
+}
+var styles = StyleSheet.create({
+  horizontal: {
+    height: 1,
+    width: "100%"
+  },
+  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"
+  }
+});
+
+export { Separator };

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

@@ -1,9 +1,9 @@
 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 { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, mvs, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-EROPDCB5.mjs → chunk-CCEM3HIJ.mjs}

@@ -1,10 +1,9 @@
-import { Spinner } from './chunk-2VIDP72N.mjs';
+import { Spinner } from './chunk-K3V6OTVB.mjs';
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
-import { __require } from './chunk-Y6FXYEAI.mjs';
 import React, { useState } from 'react';
 import { Image } from 'expo-image';
 import { StyleSheet, View, Text } from 'react-native';
@@ -20,7 +19,6 @@ function ImageUpload({
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
-  allowsEditing = true,
   disabled = false,
   style,
   accessibilityLabel,
@@ -28,25 +26,32 @@ function ImageUpload({
 }) {
   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();
     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 = {
@@ -89,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, borderRadius }] }, /* @__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
   );
 }
@@ -112,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-CTUFFKGS.mjs

@@ -0,0 +1,30 @@
+import { Platform } from 'react-native';
+import * as Haptics from 'expo-haptics';
+
+// src/utils/haptics.ts
+function maybeHaptics() {
+  return Platform.OS === "web" ? null : Haptics;
+}
+function selectionAsync() {
+  maybeHaptics()?.selectionAsync();
+}
+function impactLight() {
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+}
+function impactMedium() {
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
+}
+function impactHeavy() {
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Heavy);
+}
+function notificationSuccess() {
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Success);
+}
+function notificationError() {
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Error);
+}
+function notificationWarning() {
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Warning);
+}
+
+export { impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync };

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

@@ -1,5 +1,5 @@
-import { TYPOGRAPHY } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { TYPOGRAPHY } from './chunk-DYYPDQA2.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { Text as Text$1 } from 'react-native';
@@ -21,7 +21,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",
@@ -40,7 +42,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() {

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

@@ -1,7 +1,7 @@
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, vs, s, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
@@ -47,13 +47,14 @@ var ErrorBoundary = class extends React.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__ */ React.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
+      return /* @__PURE__ */ React.createElement(DefaultErrorFallback, { error, componentStack, reset: this.reset, title, message });
     }
     return this.props.children;
   }

package/dist/{chunk-QY3X2UYR.mjs → chunk-DYYPDQA2.mjs}

@@ -43,17 +43,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 = {
@@ -185,6 +185,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
   }
 };
 

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

@@ -1,8 +1,8 @@
 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 { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-HUSSF6TF.mjs → chunk-EQNCMDZC.mjs}

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

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

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

package/dist/{chunk-BULKGOIZ.mjs → chunk-FE26TPCI.mjs}

@@ -1,8 +1,8 @@
 import { COLOR_TRANSITION, SPRING_ELASTIC, OPACITY_TRANSITION } from './chunk-M53LC4Q7.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { createContext, useContext } from 'react';
 import { StyleSheet, View, Pressable, Text } from 'react-native';

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

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

package/dist/{chunk-KPTY7UYQ.mjs → chunk-GR7PKEKD.mjs}

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

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

@@ -1,8 +1,8 @@
 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 { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/chunk-HMKJGVXA.mjs

@@ -0,0 +1,35 @@
+import { impactMedium } from './chunk-CTUFFKGS.mjs';
+import { useRef, useState, useEffect, useCallback } from 'react';
+
+function useSheetModal(visible, onDismiss) {
+  const ref = useRef(null);
+  const state = useRef("idle");
+  const onDismissRef = useRef(onDismiss);
+  const [tick, setTick] = useState(0);
+  useEffect(() => {
+    onDismissRef.current = onDismiss;
+  });
+  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 = useCallback(() => {
+    state.current = "idle";
+    onDismissRef.current?.();
+    setTick((t) => t + 1);
+  }, []);
+  return { ref, handleDismiss };
+}
+
+export { useSheetModal };

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

@@ -1,7 +1,7 @@
 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 { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, vs, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-2VIDP72N.mjs → chunk-K3V6OTVB.mjs}

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

package/dist/{chunk-K7TKID3V.mjs → chunk-K4YFTUMC.mjs}

@@ -1,6 +1,6 @@
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';

package/dist/{chunk-NGEN2EES.mjs → chunk-MQAK2W6L.mjs}

@@ -1,8 +1,8 @@
-import { Spinner } from './chunk-2VIDP72N.mjs';
-import { selectionAsync, impactMedium } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Spinner } from './chunk-K3V6OTVB.mjs';
+import { selectionAsync, impactMedium } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React, { useRef, useState, useId, useMemo, useCallback } from 'react';
 import { Dimensions, StyleSheet, TouchableOpacity, View, Text } from 'react-native';
@@ -237,29 +237,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

package/dist/{chunk-CM2DG4MR.mjs → chunk-MSS3CD6F.mjs}

@@ -1,8 +1,8 @@
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { Image } from 'expo-image';

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

@@ -1,8 +1,8 @@
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';
@@ -21,7 +21,8 @@ function NumberStepperBase({
   size = "md",
   disabled = false,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const canDecrement = value > min && !disabled;
@@ -57,6 +58,7 @@ function NumberStepperBase({
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: `Disminuir, valor actual ${displayValue}`,
+      accessibilityHint,
       accessibilityState: { disabled: !canDecrement }
     },
     /* @__PURE__ */ React.createElement(Icon, { name: "minus", size: iconSize, color: canDecrement ? colors.foreground : colors.foregroundMuted })
@@ -96,6 +98,7 @@ function NumberStepperBase({
       touchSoundDisabled: true,
       accessibilityRole: "button",
       accessibilityLabel: `Aumentar, valor actual ${displayValue}`,
+      accessibilityHint,
       accessibilityState: { disabled: !canIncrement }
     },
     /* @__PURE__ */ React.createElement(Icon, { name: "plus", size: iconSize, color: canIncrement ? colors.foreground : colors.foregroundMuted })