@retray-dev/ui-kit 10.1.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';

package/dist/ImageViewer.js

@@ -229,7 +229,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/ImageViewer.mjs

@@ -1,10 +1,10 @@
-export { ImageViewer } from './chunk-WOEYDUJZ.mjs';
-import './chunk-4K625MVM.mjs';
-import './chunk-3U4SSNWP.mjs';
+export { ImageViewer } from './chunk-ELXBDILQ.mjs';
+import './chunk-ZZ2R6KZ3.mjs';
+import './chunk-T2KCAHOS.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
-import './chunk-T7XZ7H7Y.mjs';
+import './chunk-KA7LTET3.mjs';
 import './chunk-SOYNZDVY.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/Input.js

@@ -159,7 +159,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/Input.mjs

@@ -1,6 +1,6 @@
-export { Input } from './chunk-ZUR7AU5R.mjs';
+export { Input } from './chunk-SXLKNTA4.mjs';
 import './chunk-DVK4G2GT.mjs';
-import './chunk-T7XZ7H7Y.mjs';
+import './chunk-KA7LTET3.mjs';
 import './chunk-SOYNZDVY.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/LabelValue.js

@@ -155,7 +155,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/LabelValue.mjs

@@ -1,5 +1,5 @@
-export { LabelValue } from './chunk-A4MDAP7G.mjs';
-import './chunk-T7XZ7H7Y.mjs';
+export { LabelValue } from './chunk-FCSSQK3L.mjs';
+import './chunk-KA7LTET3.mjs';
 import './chunk-SOYNZDVY.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ListItem.js

@@ -218,7 +218,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/ListItem.mjs

@@ -1,9 +1,9 @@
-export { ListItem } from './chunk-OHBNABL5.mjs';
+export { ListItem } from './chunk-VKID2D2I.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-T7XZ7H7Y.mjs';
+import './chunk-KA7LTET3.mjs';
 import './chunk-SOYNZDVY.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MediaCard.js

@@ -217,7 +217,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/MediaCard.mjs

@@ -1,9 +1,9 @@
-export { MediaCard } from './chunk-VGTDN7SW.mjs';
+export { MediaCard } from './chunk-IX3NYLYQ.mjs';
 import './chunk-YNROWHQJ.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-T7XZ7H7Y.mjs';
+import './chunk-KA7LTET3.mjs';
 import './chunk-SOYNZDVY.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MenuItem.js

@@ -217,7 +217,7 @@ var ALL_FAMILIES = [
 ];
 var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
   for (const family of activeFamilies) {
     const glyphMap = family.getGlyphMap();

package/dist/MenuItem.mjs

@@ -1,9 +1,9 @@
-export { MenuItem } from './chunk-ZJKGQMYH.mjs';
+export { MenuItem } from './chunk-TB6SD2FT.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-T7XZ7H7Y.mjs';
+import './chunk-KA7LTET3.mjs';
 import './chunk-SOYNZDVY.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/NumberStepper.d.mts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+
+type NumberStepperSize = 'sm' | 'md' | 'lg';
+interface NumberStepperProps {
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: NumberStepperSize;
+    disabled?: boolean;
+    style?: ViewStyle;
+    accessibilityLabel?: string;
+}
+declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
+declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
+
+export { NumberStepper, type NumberStepperProps, type NumberStepperSize };

package/dist/NumberStepper.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+
+type NumberStepperSize = 'sm' | 'md' | 'lg';
+interface NumberStepperProps {
+    value: number;
+    onValueChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: NumberStepperSize;
+    disabled?: boolean;
+    style?: ViewStyle;
+    accessibilityLabel?: string;
+}
+declare function NumberStepperBase({ value, onValueChange, min, max, step, size, disabled, style, accessibilityLabel, }: NumberStepperProps): React.JSX.Element;
+declare const NumberStepper: React.MemoExoticComponent<typeof NumberStepperBase>;
+
+export { NumberStepper, type NumberStepperProps, type NumberStepperSize };