@retray-dev/ui-kit 10.1.0 → 10.2.0

package/dist/{chunk-VQ57HWPL.mjs → chunk-6L4G6PBT.mjs}

@@ -2,7 +2,7 @@ import { usePressScale } from './chunk-YNROWHQJ.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { PRESS_SCALE, COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useCallback } from 'react';

package/dist/{chunk-6OAZJ577.mjs → chunk-6SECQ2ZF.mjs}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-2TFTAWVJ.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { Button } from './chunk-HTHGSXFG.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { s, vs, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-KIHCWCWL.mjs → chunk-7LWRKMF5.mjs}

@@ -1,7 +1,7 @@
 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 { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-4I7D47FH.mjs → chunk-AJRVDP2H.mjs}

@@ -1,7 +1,7 @@
-import { Badge } from './chunk-TERDKCLE.mjs';
-import { Button } from './chunk-2TFTAWVJ.mjs';
+import { Badge } from './chunk-VF2ATYN3.mjs';
+import { Button } from './chunk-HTHGSXFG.mjs';
 import { RADIUS, SHADOWS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-6MKGPAR2.mjs → chunk-BEMIQXXU.mjs}

@@ -1,5 +1,5 @@
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/chunk-BUMAMSTZ.mjs

@@ -0,0 +1,126 @@
+import { PressableButton } from './chunk-3DKJ2GIC.mjs';
+import { impactLight } from './chunk-EJ7ZPXOH.mjs';
+import { RADIUS } from './chunk-QY3X2UYR.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
+import { useTheme } from './chunk-SOYNZDVY.mjs';
+import { s, mvs, ms } from './chunk-2CE3TQVY.mjs';
+import React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+
+var sizeConfig = {
+  sm: { button: s(40), icon: 16, valueFontSize: ms(18), valueLineHeight: mvs(24), valueMinWidth: s(32) },
+  md: { button: s(44), icon: 18, valueFontSize: ms(22), valueLineHeight: mvs(28), valueMinWidth: s(36) },
+  lg: { button: s(52), icon: 22, valueFontSize: ms(26), valueLineHeight: mvs(32), valueMinWidth: s(40) }
+};
+function NumberStepperBase({
+  value,
+  onValueChange,
+  min = 1,
+  max = 99,
+  step = 1,
+  size = "md",
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const { colors } = useTheme();
+  const canDecrement = value > min && !disabled;
+  const canIncrement = value < max && !disabled;
+  const handleDecrement = () => {
+    if (!canDecrement) return;
+    impactLight();
+    onValueChange(Math.max(min, value - step));
+  };
+  const handleIncrement = () => {
+    if (!canIncrement) return;
+    impactLight();
+    onValueChange(Math.min(max, value + step));
+  };
+  const { button: buttonSize, icon: iconSize, valueFontSize, valueLineHeight, valueMinWidth } = sizeConfig[size];
+  const displayValue = String(value);
+  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, style] }, /* @__PURE__ */ React.createElement(
+    PressableButton,
+    {
+      style: [
+        styles.button,
+        {
+          width: buttonSize,
+          height: buttonSize,
+          backgroundColor: colors.surface,
+          borderColor: colors.border
+        },
+        !canDecrement && styles.buttonDisabled
+      ],
+      enabled: canDecrement,
+      onPress: handleDecrement,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: `Decrease, current value ${displayValue}`,
+      accessibilityState: { disabled: !canDecrement }
+    },
+    renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
+  ), /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      style: [
+        styles.value,
+        {
+          color: colors.foreground,
+          fontSize: valueFontSize,
+          lineHeight: valueLineHeight,
+          minWidth: valueMinWidth
+        }
+      ],
+      allowFontScaling: true,
+      accessibilityLabel: accessibilityLabel ?? `Quantity: ${displayValue}`,
+      accessibilityRole: "text"
+    },
+    displayValue
+  ), /* @__PURE__ */ React.createElement(
+    PressableButton,
+    {
+      style: [
+        styles.button,
+        {
+          width: buttonSize,
+          height: buttonSize,
+          backgroundColor: colors.surface,
+          borderColor: colors.border
+        },
+        !canIncrement && styles.buttonDisabled
+      ],
+      enabled: canIncrement,
+      onPress: handleIncrement,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: `Increase, current value ${displayValue}`,
+      accessibilityState: { disabled: !canIncrement }
+    },
+    renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
+  ));
+}
+var NumberStepper = React.memo(NumberStepperBase);
+var styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(12)
+  },
+  button: {
+    borderRadius: RADIUS.md,
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1.5
+  },
+  buttonDisabled: {
+    opacity: 0.35
+  },
+  value: {
+    fontFamily: "Sohne-Medium",
+    textAlign: "center"
+  }
+});
+
+export { NumberStepper };

package/dist/{chunk-UREA2GYY.mjs → chunk-DYT7BG5I.mjs}

@@ -1,7 +1,7 @@
 import { PressableChip } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { s, mvs, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-WOEYDUJZ.mjs → chunk-ELXBDILQ.mjs}

@@ -1,5 +1,5 @@
-import { PagerDots } from './chunk-4K625MVM.mjs';
-import { IconButton } from './chunk-3U4SSNWP.mjs';
+import { PagerDots } from './chunk-ZZ2R6KZ3.mjs';
+import { IconButton } from './chunk-T2KCAHOS.mjs';
 import { s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useCallback } from 'react';
 import { StyleSheet, useWindowDimensions, Dimensions, Modal, View, ScrollView, Image } from 'react-native';

package/dist/{chunk-A4MDAP7G.mjs → chunk-FCSSQK3L.mjs}

@@ -1,4 +1,4 @@
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { mvs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-2TFTAWVJ.mjs → chunk-HTHGSXFG.mjs}

@@ -1,7 +1,7 @@
 import { PressableButton } from './chunk-3DKJ2GIC.mjs';
 import { impactMedium } from './chunk-EJ7ZPXOH.mjs';
 import { TYPOGRAPHY, RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { vs, s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-VGTDN7SW.mjs → chunk-IX3NYLYQ.mjs}

@@ -2,7 +2,7 @@ import { useHover, usePressScale } from './chunk-YNROWHQJ.mjs';
 import { impactLight } from './chunk-EJ7ZPXOH.mjs';
 import { SPRINGS, PRESS_SCALE } from './chunk-DVK4G2GT.mjs';
 import { RADIUS, SHADOWS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

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 };

package/dist/{chunk-URI2WBIV.mjs → chunk-KOO4WITD.mjs}

@@ -2,7 +2,7 @@ import { PressableChip } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, mvs, s, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-JUXSWN54.mjs → chunk-NMU5FMQJ.mjs}

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

package/dist/{chunk-LXJIIOYQ.mjs → chunk-RYZC432S.mjs}

@@ -1,6 +1,6 @@
 import { impactLight } from './chunk-EJ7ZPXOH.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, vs, s, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-JB67UOB5.mjs → chunk-S2R7UVOE.mjs}

@@ -1,4 +1,4 @@
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { mvs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-ZUR7AU5R.mjs → chunk-SXLKNTA4.mjs}

@@ -1,5 +1,5 @@
 import { COLOR_TRANSITION } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';

package/dist/{chunk-3U4SSNWP.mjs → chunk-T2KCAHOS.mjs}

@@ -1,6 +1,6 @@
 import { PressableButton } from './chunk-3DKJ2GIC.mjs';
 import { impactLight } from './chunk-EJ7ZPXOH.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-ZJKGQMYH.mjs → chunk-TB6SD2FT.mjs}

@@ -1,7 +1,7 @@
 import { PressableRow } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

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

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-3U4SSNWP.mjs';
+import { IconButton } from './chunk-T2KCAHOS.mjs';
 import { BREAKPOINTS } from './chunk-QY3X2UYR.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';

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

@@ -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-CZCQZHG6.mjs → chunk-U2XJFYED.mjs}

@@ -1,5 +1,5 @@
 import { TIMINGS, EASINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';

package/dist/{chunk-TERDKCLE.mjs → chunk-VF2ATYN3.mjs}

@@ -1,4 +1,4 @@
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-OHBNABL5.mjs → chunk-VKID2D2I.mjs}

@@ -1,7 +1,7 @@
 import { PressableRow } from './chunk-3DKJ2GIC.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, s, mvs, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

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

@@ -1,4 +1,4 @@
-import { Button } from './chunk-2TFTAWVJ.mjs';
+import { Button } from './chunk-HTHGSXFG.mjs';
 import { impactMedium, notificationSuccess, selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { vs, mvs, ms, s } from './chunk-2CE3TQVY.mjs';

package/dist/{chunk-DJ7RN37L.mjs → chunk-YJ7I257J.mjs}

@@ -1,6 +1,6 @@
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { EASINGS, TIMINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';

package/dist/{chunk-NA7PARID.mjs → chunk-Z4VHZ7B5.mjs}

@@ -2,7 +2,7 @@ import { usePressScale } from './chunk-YNROWHQJ.mjs';
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { PRESS_SCALE } from './chunk-DVK4G2GT.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';

package/dist/{chunk-MLF3EZFW.mjs → chunk-Z6SFHN6T.mjs}

@@ -1,5 +1,5 @@
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { ms, s, vs, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';

package/dist/{chunk-4K625MVM.mjs → chunk-ZZ2R6KZ3.mjs}

@@ -1,6 +1,6 @@
 import { selectionAsync } from './chunk-EJ7ZPXOH.mjs';
 import { SPRINGS } from './chunk-DVK4G2GT.mjs';
-import { renderIcon } from './chunk-T7XZ7H7Y.mjs';
+import { renderIcon } from './chunk-KA7LTET3.mjs';
 import { useTheme } from './chunk-SOYNZDVY.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React, { useEffect } from 'react';

package/dist/index.d.mts

@@ -51,6 +51,8 @@ export { TabBar, TabBarItem, TabBarProps } from './TabBar.mjs';
 export { ImageViewer, ImageViewerProps } from './ImageViewer.mjs';
 export { SheetSelect, SheetSelectOption, SheetSelectProps } from './SheetSelect.mjs';
 export { ImageUpload, ImageUploadProps } from './ImageUpload.mjs';
+export { IconPicker, IconPickerProps } from './IconPicker.mjs';
+export { NumberStepper, NumberStepperProps, NumberStepperSize } from './NumberStepper.mjs';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
@@ -97,6 +99,7 @@ interface IconProps {
  * @example configureIconFamilies(['Feather', 'MaterialIcons'])
  */
 declare function configureIconFamilies(families: IconFamily[]): void;
+declare function getValidIconNames(families?: IconFamily[]): string[];
 declare function Icon({ name, size, color, family }: IconProps): React.ReactElement | null;
 declare function renderIcon(name: string, size: number, color: string): React.ReactElement | null;
 
@@ -386,4 +389,4 @@ type RadiusKey = keyof Radius;
 type Typography = typeof TYPOGRAPHY;
 type TypographyKey = keyof Typography;
 
-export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme };
+export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, getValidIconNames, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme };

package/dist/index.d.ts

@@ -51,6 +51,8 @@ export { TabBar, TabBarItem, TabBarProps } from './TabBar.js';
 export { ImageViewer, ImageViewerProps } from './ImageViewer.js';
 export { SheetSelect, SheetSelectOption, SheetSelectProps } from './SheetSelect.js';
 export { ImageUpload, ImageUploadProps } from './ImageUpload.js';
+export { IconPicker, IconPickerProps } from './IconPicker.js';
+export { NumberStepper, NumberStepperProps, NumberStepperSize } from './NumberStepper.js';
 export { BottomSheetModalProvider, BottomSheetTextInput as SheetTextInput } from '@gorhom/bottom-sheet';
 export { toast } from 'sonner-native';
 import 'react-native';
@@ -97,6 +99,7 @@ interface IconProps {
  * @example configureIconFamilies(['Feather', 'MaterialIcons'])
  */
 declare function configureIconFamilies(families: IconFamily[]): void;
+declare function getValidIconNames(families?: IconFamily[]): string[];
 declare function Icon({ name, size, color, family }: IconProps): React.ReactElement | null;
 declare function renderIcon(name: string, size: number, color: string): React.ReactElement | null;
 
@@ -386,4 +389,4 @@ type RadiusKey = keyof Radius;
 type Typography = typeof TYPOGRAPHY;
 type TypographyKey = keyof Typography;
 
-export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme };
+export { BREAKPOINTS, ColorScheme, ICON_SIZES, Icon, type IconFamily, type IconProps, type IconSize, type IconSizeKey, RADIUS, type Radius, type RadiusKey, ResolvedColors, SHADOWS, SPACING, type Spacing, type SpacingKey, TYPOGRAPHY, Theme, ThemeColors, ThemeProvider, type ThemeProviderProps, type Typography, type TypographyKey, type UseConfirmDialogOptions, type UseConfirmDialogResult, configureIconFamilies, defaultDark, defaultLight, deriveColors, getResponsiveFontSize, getValidIconNames, impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, renderIcon, richHaptics, selectionAsync, useConfirmDialog, useTheme };