@retray-dev/ui-kit 10.0.0 → 10.2.0

package/dist/IconPicker.mjs

@@ -0,0 +1,7 @@
+export { IconPicker } from './chunk-53Z3NYGE.mjs';
+import './chunk-EJ7ZPXOH.mjs';
+import './chunk-QY3X2UYR.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-SOYNZDVY.mjs';
+import './chunk-2CE3TQVY.mjs';
+import './chunk-Y6FXYEAI.mjs';

package/dist/ImageUpload.d.mts

@@ -10,6 +10,8 @@ interface ImageUploadProps {
     loading?: boolean;
     /** Text shown when no image is selected. */
     placeholder?: string;
+    /** Whether to show the placeholder text. Use false for compact/avatar variants. */
+    showPlaceholderText?: boolean;
     /** Width of the upload area. Defaults to full width (undefined). */
     width?: number;
     /** Height of the upload area. Defaults to 200. */
@@ -22,6 +24,6 @@ interface ImageUploadProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.d.ts

@@ -10,6 +10,8 @@ interface ImageUploadProps {
     loading?: boolean;
     /** Text shown when no image is selected. */
     placeholder?: string;
+    /** Whether to show the placeholder text. Use false for compact/avatar variants. */
+    showPlaceholderText?: boolean;
     /** Width of the upload area. Defaults to full width (undefined). */
     width?: number;
     /** Height of the upload area. Defaults to 200. */
@@ -22,6 +24,6 @@ interface ImageUploadProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, }: ImageUploadProps): React.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.js

@@ -300,6 +300,7 @@ function ImageUpload({
   onChange,
   loading = false,
   placeholder = "Tap to add image",
+  showPlaceholderText = true,
   width,
   height = 200,
   borderRadius = RADIUS.lg,
@@ -312,23 +313,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 (reactNative.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);
     }
   };
@@ -361,7 +370,15 @@ function ImageUpload({
         style: [reactNative.StyleSheet.absoluteFillObject, { borderRadius }],
         resizeMode
       }
-    ) : /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.placeholder }, /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles2.placeholderText, { color: colors.foregroundMuted }], allowFontScaling: true }, placeholder)),
+    ) : /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.placeholder }, /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React3__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles2.placeholderText, { color: colors.foregroundMuted }],
+        numberOfLines: 1,
+        allowFontScaling: true
+      },
+      placeholder
+    ) : null),
     loading ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: [styles2.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React3__default.default.createElement(Spinner, { size: "md" })) : null,
     value && !loading ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles2.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: [styles2.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
   );
@@ -375,7 +392,8 @@ var styles2 = reactNative.StyleSheet.create({
   },
   placeholderText: {
     fontFamily: "Sohne-Regular",
-    fontSize: ms(13)
+    fontSize: ms(13),
+    textAlign: "center"
   },
   loadingOverlay: {
     ...reactNative.StyleSheet.absoluteFillObject,

package/dist/ImageUpload.mjs

@@ -1,4 +1,4 @@
-export { ImageUpload } from './chunk-Y4GL2MHX.mjs';
+export { ImageUpload } from './chunk-TZDGAP5N.mjs';
 import './chunk-WBOOUHSS.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';