@retray-dev/ui-kit 10.1.0 → 12.1.0

package/dist/IconPicker.mjs

@@ -0,0 +1,8 @@
+export { IconPicker } from './chunk-KHYX4IOM.mjs';
+import './chunk-BCWEHE34.mjs';
+import './chunk-EJ7ZPXOH.mjs';
+import './chunk-QY3X2UYR.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.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,9 +1,9 @@
-export { ImageUpload } from './chunk-Y4GL2MHX.mjs';
-import './chunk-WBOOUHSS.mjs';
+export { ImageUpload } from './chunk-GK4VRMNE.mjs';
+import './chunk-BCWEHE34.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.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-2A2LEFZG.mjs';
+import './chunk-OULVKTWL.mjs';
+import './chunk-DF6DU42P.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
-import './chunk-T7XZ7H7Y.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.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-PGERH3P7.mjs';
 import './chunk-DVK4G2GT.mjs';
-import './chunk-T7XZ7H7Y.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.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';
-import './chunk-SOYNZDVY.mjs';
+export { LabelValue } from './chunk-P64WHW4A.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ListGroup.mjs

@@ -1,5 +1,5 @@
-export { ListGroup, ListGroupFooter, ListGroupHeader } from './chunk-SOA2Z4RB.mjs';
+export { ListGroup, ListGroupFooter, ListGroupHeader } from './chunk-JULSIZDM.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/ListItem.d.mts

@@ -15,13 +15,13 @@ interface ListItemProps {
     leftRender?: React.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
-     * Replaces the old `trailing` prop (still accepted as an alias).
      */
     rightRender?: React.ReactNode | string;
-    /** @deprecated Use `rightRender` instead. */
-    trailing?: React.ReactNode | string;
-    /** @deprecated Use `leftRender` instead. */
-    icon?: React.ReactNode;
+    /**
+     * Multiple action buttons rendered on the right with automatic gap.
+     * Takes precedence over `rightRender` and `showChevron`.
+     */
+    rightActions?: React.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -46,7 +46,7 @@ interface ListItemProps {
      * - `card`: standalone surface with background, border and shadow.
      */
     variant?: ListItemVariant;
-    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `trailing` is set. */
+    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `rightActions` / `rightIcon` is set. */
     showChevron?: boolean;
     /** Visual separator line at the bottom of the item. Useful when rendering multiple plain items in a list. */
     showSeparator?: boolean;
@@ -65,7 +65,7 @@ interface ListItemProps {
     /** Accessibility label override. Defaults to the title. */
     accessibilityLabel?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, trailing, icon, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.d.ts

@@ -15,13 +15,13 @@ interface ListItemProps {
     leftRender?: React.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
-     * Replaces the old `trailing` prop (still accepted as an alias).
      */
     rightRender?: React.ReactNode | string;
-    /** @deprecated Use `rightRender` instead. */
-    trailing?: React.ReactNode | string;
-    /** @deprecated Use `leftRender` instead. */
-    icon?: React.ReactNode;
+    /**
+     * Multiple action buttons rendered on the right with automatic gap.
+     * Takes precedence over `rightRender` and `showChevron`.
+     */
+    rightActions?: React.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -46,7 +46,7 @@ interface ListItemProps {
      * - `card`: standalone surface with background, border and shadow.
      */
     variant?: ListItemVariant;
-    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `trailing` is set. */
+    /** Show a right-pointing chevron on the far right. Ignored when `rightRender` / `rightActions` / `rightIcon` is set. */
     showChevron?: boolean;
     /** Visual separator line at the bottom of the item. Useful when rendering multiple plain items in a list. */
     showSeparator?: boolean;
@@ -65,7 +65,7 @@ interface ListItemProps {
     /** Accessibility label override. Defaults to the title. */
     accessibilityLabel?: string;
 }
-declare function ListItemBase({ imageSource, leftRender, rightRender, trailing, icon, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
+declare function ListItemBase({ imageSource, leftRender, rightRender, rightActions, leftIcon, rightIcon, leftIconColor, rightIconColor, title, subtitle, caption, variant, showChevron, showSeparator, onPress, disabled, style, titleStyle, subtitleStyle, subtitleNumberOfLines, captionStyle, accessibilityLabel, }: ListItemProps): React.JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

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();
@@ -297,8 +297,7 @@ function ListItemBase({
   imageSource,
   leftRender,
   rightRender,
-  trailing,
-  icon,
+  rightActions,
   leftIcon,
   rightIcon,
   leftIconColor,
@@ -323,8 +322,8 @@ function ListItemBase({
     selectionAsync();
     onPress?.();
   };
-  const effectiveLeft = imageSource ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Image, { source: imageSource, style: styles.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender ?? icon;
-  const effectiveRight = rightIcon ? renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted) : rightRender ?? trailing;
+  const effectiveLeft = imageSource ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Image, { source: imageSource, style: styles.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender;
+  const hasRightContent = !!(rightIcon || rightActions && rightActions.length > 0 || rightRender !== void 0 || showChevron);
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
     borderRadius: RADIUS.md,
@@ -361,14 +360,14 @@ function ListItemBase({
       allowFontScaling: true
     },
     caption
-  ) : null), effectiveRight !== void 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React3__default.default.createElement(
+  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightContainer }, renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted)) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React3__default.default.createElement(React3__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React3__default.default.createElement(
     reactNative.Text,
     {
       style: [styles.rightText, { color: colors.foregroundMuted }],
       allowFontScaling: true
     },
-    effectiveRight
-  ) : effectiveRight) : showChevron ? /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null);
+    rightRender
+  ) : rightRender) : showChevron ? /* @__PURE__ */ React3__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null : null);
   if (onPress) {
     return /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: disabled && styles.disabled }, /* @__PURE__ */ React3__default.default.createElement(
       PressableRow,
@@ -435,6 +434,12 @@ var styles = reactNative.StyleSheet.create({
     flexShrink: 0,
     maxWidth: s(160)
   },
+  rightActionsContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(8),
+    flexShrink: 0
+  },
   rightText: {
     fontFamily: "Sohne-Regular",
     fontSize: ms(14)

package/dist/ListItem.mjs

@@ -1,9 +1,9 @@
-export { ListItem } from './chunk-OHBNABL5.mjs';
+export { ListItem } from './chunk-FUVYSVGR.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-T7XZ7H7Y.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.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-AQEVCEXV.mjs';
 import './chunk-YNROWHQJ.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-T7XZ7H7Y.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MenuGroup.mjs

@@ -1,5 +1,5 @@
-export { MenuGroup, MenuGroupFooter, MenuGroupHeader } from './chunk-IRRY3CRZ.mjs';
+export { MenuGroup, MenuGroupFooter, MenuGroupHeader } from './chunk-AKM4EPOT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.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-DI7CBDL6.mjs';
 import './chunk-3DKJ2GIC.mjs';
 import './chunk-EJ7ZPXOH.mjs';
 import './chunk-DVK4G2GT.mjs';
 import './chunk-QY3X2UYR.mjs';
-import './chunk-T7XZ7H7Y.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-KA7LTET3.mjs';
+import './chunk-EMUWGDWC.mjs';
 import './chunk-2CE3TQVY.mjs';
 import './chunk-Y6FXYEAI.mjs';

package/dist/MonthPicker.mjs

@@ -1,5 +1,5 @@
-export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-GD6KXMG5.mjs';
+export { MonthPicker, dateToMonthPickerValue, monthPickerValueToDate } from './chunk-I4V5XZPS.mjs';
 import './chunk-EJ7ZPXOH.mjs';
-import './chunk-SOYNZDVY.mjs';
+import './chunk-EMUWGDWC.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 };