@retray-dev/ui-kit 10.1.0 → 12.1.0

package/dist/{chunk-KIHCWCWL.mjs → chunk-FVTVCJAH.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-T7XZ7H7Y.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-Y4GL2MHX.mjs → chunk-GK4VRMNE.mjs}

@@ -1,8 +1,8 @@
-import { Spinner } from './chunk-WBOOUHSS.mjs';
+import { Spinner } from './chunk-BCWEHE34.mjs';
 import { PressableCard } from './chunk-3DKJ2GIC.mjs';
 import { impactLight } from './chunk-EJ7ZPXOH.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, Image, View, Text, Platform } from 'react-native';
@@ -13,6 +13,7 @@ function ImageUpload({
   onChange,
   loading = false,
   placeholder = "Tap to add image",
+  showPlaceholderText = true,
   width,
   height = 200,
   borderRadius = RADIUS.lg,
@@ -25,23 +26,31 @@ function ImageUpload({
   const handlePress = async () => {
     if (disabled || loading) return;
     impactLight();
-    let ImagePicker;
+    let picker;
     try {
-      ImagePicker = await import('expo-image-picker');
+      const mod = await import('expo-image-picker/build/ExponentImagePicker');
+      picker = mod.default;
     } catch {
-      if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed. Add it as a dependency.");
-      return;
+      try {
+        picker = await import('expo-image-picker');
+      } catch {
+        if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
+        return;
+      }
     }
     if (Platform.OS !== "web") {
-      const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
-      if (status !== "granted") return;
+      try {
+        const { status } = await picker.requestMediaLibraryPermissionsAsync();
+        if (status !== "granted") return;
+      } catch {
+      }
     }
-    const result = await ImagePicker.launchImageLibraryAsync({
+    const result = await picker.launchImageLibraryAsync({
       mediaTypes: ["images"],
       allowsEditing: true,
       quality: 0.8
     });
-    if (!result.canceled && result.assets[0]) {
+    if (!result.canceled && result.assets?.[0]) {
       onChange?.(result.assets[0].uri);
     }
   };
@@ -74,7 +83,15 @@ function ImageUpload({
         style: [StyleSheet.absoluteFillObject, { borderRadius }],
         resizeMode
       }
-    ) : /* @__PURE__ */ React.createElement(View, { style: styles.placeholder }, /* @__PURE__ */ React.createElement(Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), /* @__PURE__ */ React.createElement(Text, { style: [styles.placeholderText, { color: colors.foregroundMuted }], allowFontScaling: true }, placeholder)),
+    ) : /* @__PURE__ */ React.createElement(View, { style: styles.placeholder }, /* @__PURE__ */ React.createElement(Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        style: [styles.placeholderText, { color: colors.foregroundMuted }],
+        numberOfLines: 1,
+        allowFontScaling: true
+      },
+      placeholder
+    ) : null),
     loading ? /* @__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
   );
@@ -88,7 +105,8 @@ var styles = StyleSheet.create({
   },
   placeholderText: {
     fontFamily: "Sohne-Regular",
-    fontSize: ms(13)
+    fontSize: ms(13),
+    textAlign: "center"
   },
   loadingOverlay: {
     ...StyleSheet.absoluteFillObject,

package/dist/{chunk-6Q64UFIA.mjs → chunk-HJ46DTJE.mjs}

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

package/dist/{chunk-WF2XDFRK.mjs → chunk-HLMPMUK2.mjs}

@@ -1,6 +1,6 @@
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { COLOR_TRANSITION, SPRING_ELASTIC, OPACITY_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, TouchableOpacity } from 'react-native';

package/dist/{chunk-GD6KXMG5.mjs → chunk-I4V5XZPS.mjs}

@@ -1,5 +1,5 @@
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, TouchableOpacity, Text } from 'react-native';

package/dist/{chunk-AZJF2BLK.mjs → chunk-ISY26JQJ.mjs}

@@ -1,6 +1,6 @@
-import { IconButton } from './chunk-3U4SSNWP.mjs';
+import { IconButton } from './chunk-DF6DU42P.mjs';
 import { BREAKPOINTS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, useWindowDimensions, View, Text } from 'react-native';

package/dist/{chunk-X4G6APW6.mjs → chunk-J6Q2YJEV.mjs}

@@ -1,7 +1,7 @@
 import { usePressScale } from './chunk-YNROWHQJ.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { PRESS_SCALE, COLOR_TRANSITION, SPRING_ELASTIC } from './chunk-DVK4G2GT.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { mvs, ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, TouchableOpacity, Text } from 'react-native';

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

@@ -1,17 +1,17 @@
-import { Button } from './chunk-2TFTAWVJ.mjs';
+import { Button } from './chunk-DOGIPOF5.mjs';
 import { impactMedium, notificationSuccess, selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { vs, mvs, ms, s } from './chunk-2CE3TQVY.mjs';
-import React, { useRef, useEffect } from 'react';
+import React, { useRef, useId, useEffect, useCallback } from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
-import BottomSheet, { BottomSheetView, BottomSheetBackdrop } from '@gorhom/bottom-sheet';
+import { BottomSheetBackdrop, BottomSheetModal, BottomSheetView } from '@gorhom/bottom-sheet';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Feather } from '@expo/vector-icons';
 
 function ConfirmDialog({
   visible,
   title,
   subtitle,
-  description,
   confirmLabel = "Confirm",
   cancelLabel = "Cancel",
   confirmVariant = "primary",
@@ -21,36 +21,43 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
+  const insets = useSafeAreaInsets();
   const ref = useRef(null);
-  const effectiveSubtitle = subtitle ?? description;
+  const wasOpened = useRef(false);
+  const name = useId();
   useEffect(() => {
     if (visible) {
       impactMedium();
-      ref.current?.snapToIndex(0);
-    } else {
-      ref.current?.close();
+      ref.current?.present();
+      wasOpened.current = true;
+    } else if (wasOpened.current) {
+      ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React.createElement(
-    BottomSheetBackdrop,
-    {
-      ...props,
-      disappearsOnIndex: -1,
-      appearsOnIndex: 0,
-      pressBehavior: "close"
-    }
+  const renderBackdrop = useCallback(
+    (props) => /* @__PURE__ */ React.createElement(
+      BottomSheetBackdrop,
+      {
+        ...props,
+        disappearsOnIndex: -1,
+        appearsOnIndex: 0,
+        pressBehavior: "close"
+      }
+    ),
+    []
   );
   return /* @__PURE__ */ React.createElement(
-    BottomSheet,
+    BottomSheetModal,
     {
       ref,
-      index: -1,
-      onClose: onCancel,
+      name,
+      onDismiss: onCancel,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles.handle, { backgroundColor: colors.border }],
-      enablePanDownToClose: true
+      backgroundStyle: { ...styles.background, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles.handle, backgroundColor: colors.border },
+      enablePanDownToClose: true,
+      topInset: insets.top
     },
     /* @__PURE__ */ React.createElement(BottomSheetView, { style: styles.content }, /* @__PURE__ */ React.createElement(View, { style: styles.header, accessibilityRole: "header" }, /* @__PURE__ */ React.createElement(View, { style: styles.headerRow }, /* @__PURE__ */ React.createElement(Text, { style: [styles.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React.createElement(
       TouchableOpacity,
@@ -64,7 +71,7 @@ function ConfirmDialog({
         hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
       },
       /* @__PURE__ */ React.createElement(Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
-    ) : null), effectiveSubtitle ? /* @__PURE__ */ React.createElement(Text, { style: [styles.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : null), /* @__PURE__ */ React.createElement(View, { style: styles.actions }, /* @__PURE__ */ React.createElement(
+    ) : null), subtitle ? /* @__PURE__ */ React.createElement(Text, { style: [styles.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React.createElement(View, { style: styles.actions }, /* @__PURE__ */ React.createElement(
       Button,
       {
         label: confirmLabel,

package/dist/{chunk-CZCQZHG6.mjs → chunk-JNVAIDLK.mjs}

@@ -1,6 +1,6 @@
 import { TIMINGS, EASINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
-import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
+import { useTheme } from './chunk-EMUWGDWC.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';
 import { Platform, StyleSheet, View, Text, TextInput } from 'react-native';

package/dist/{chunk-SOA2Z4RB.mjs → chunk-JULSIZDM.mjs}

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

package/dist/{chunk-T7XZ7H7Y.mjs → chunk-KA7LTET3.mjs}

@@ -23,9 +23,9 @@ function configureIconFamilies(families) {
   activeFamilies = order.length > 0 ? order : ALL_FAMILIES;
   resolvedCache = null;
 }
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
-  for (const family of activeFamilies) {
+  for (const family of families ?? activeFamilies) {
     const glyphMap = family.getGlyphMap();
     for (const iconName of Object.keys(glyphMap)) {
       cache.set(iconName, family);
@@ -39,6 +39,20 @@ function resolveFamily(name) {
   }
   return resolvedCache.get(name) ?? null;
 }
+var cachedIconNames = null;
+function getValidIconNames(families) {
+  if (families && families.length > 0) {
+    const tempFamilies = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
+    if (tempFamilies.length === 0) return [];
+    const cache = buildCache(tempFamilies);
+    return Array.from(cache.keys());
+  }
+  if (!cachedIconNames) {
+    const cache = buildCache();
+    cachedIconNames = Array.from(cache.keys());
+  }
+  return cachedIconNames;
+}
 function Icon({ name, size, color, family }) {
   let resolved = null;
   if (family) {
@@ -54,4 +68,4 @@ function renderIcon(name, size, color) {
   return React.createElement(Icon, { name, size, color });
 }
 
-export { Icon, configureIconFamilies, renderIcon };
+export { Icon, configureIconFamilies, getValidIconNames, renderIcon };