@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/{chunk-IJCMPVW5.mjs → chunk-BQMJQMWY.mjs}

@@ -1,7 +1,7 @@
 import { COLOR_TRANSITION, SPRING_ELASTIC } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, s, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-COA2YZOX.mjs → chunk-BTPCY4C7.mjs}

@@ -1,8 +1,8 @@
 import { PressableRow } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, ms, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/chunk-BVJAYPAD.mjs

@@ -0,0 +1,55 @@
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
+import { s } from './chunk-2CE3TQVY.mjs';
+import React from 'react';
+import { StyleSheet, View, Text } from 'react-native';
+
+function Separator({ orientation = "horizontal", label, style }) {
+  const { colors } = useTheme();
+  if (label && orientation !== "vertical") {
+    return /* @__PURE__ */ React.createElement(View, { style: [styles.row, style], accessibilityRole: "none" }, /* @__PURE__ */ React.createElement(View, { style: [styles.line, { backgroundColor: colors.separator }] }), /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        style: [styles.label, { color: colors.foregroundMuted }],
+        allowFontScaling: true
+      },
+      label
+    ), /* @__PURE__ */ React.createElement(View, { style: [styles.line, { backgroundColor: colors.separator }] }));
+  }
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      style: [
+        orientation === "horizontal" ? styles.horizontal : styles.vertical,
+        { backgroundColor: colors.separator },
+        style
+      ]
+    }
+  );
+}
+var styles = StyleSheet.create({
+  horizontal: {
+    height: 1,
+    width: "100%"
+  },
+  vertical: {
+    width: 1,
+    height: "100%"
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(12)
+  },
+  line: {
+    flex: 1,
+    height: 1
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
+  }
+});
+
+export { Separator };

package/dist/{chunk-RA6SAAFE.mjs → chunk-BWLVX2SQ.mjs}

@@ -1,9 +1,9 @@
 import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
 import { PressableChip } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, mvs, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-HHOOFDBA.mjs → chunk-CCEM3HIJ.mjs}

@@ -1,8 +1,8 @@
-import { Spinner } from './chunk-2VIDP72N.mjs';
+import { Spinner } from './chunk-K3V6OTVB.mjs';
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
 import { Image } from 'expo-image';
@@ -94,7 +94,7 @@ function ImageUpload({
       },
       placeholder
     ) : null),
-    loading || isPicking ? /* @__PURE__ */ React.createElement(View, { style: [styles.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React.createElement(Spinner, { size: "md" })) : null,
+    loading || isPicking ? /* @__PURE__ */ React.createElement(View, { style: [styles.loadingOverlay, { backgroundColor: colors.overlay, borderRadius }] }, /* @__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
   );
 }

package/dist/chunk-CTUFFKGS.mjs

@@ -0,0 +1,30 @@
+import { Platform } from 'react-native';
+import * as Haptics from 'expo-haptics';
+
+// src/utils/haptics.ts
+function maybeHaptics() {
+  return Platform.OS === "web" ? null : Haptics;
+}
+function selectionAsync() {
+  maybeHaptics()?.selectionAsync();
+}
+function impactLight() {
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+}
+function impactMedium() {
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
+}
+function impactHeavy() {
+  maybeHaptics()?.impactAsync(Haptics.ImpactFeedbackStyle.Heavy);
+}
+function notificationSuccess() {
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Success);
+}
+function notificationError() {
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Error);
+}
+function notificationWarning() {
+  maybeHaptics()?.notificationAsync(Haptics.NotificationFeedbackType.Warning);
+}
+
+export { impactHeavy, impactLight, impactMedium, notificationError, notificationSuccess, notificationWarning, selectionAsync };

package/dist/{chunk-EHGBHFMH.mjs → chunk-CYGYC7XT.mjs}

@@ -1,5 +1,5 @@
-import { TYPOGRAPHY } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { TYPOGRAPHY } from './chunk-DYYPDQA2.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { Text as Text$1 } from 'react-native';
@@ -21,7 +21,9 @@ var variantStyles = {
   "micro-label": { ...TYPOGRAPHY["micro-label"], fontSize: ms(TYPOGRAPHY["micro-label"].fontSize), lineHeight: mvs(TYPOGRAPHY["micro-label"].lineHeight) },
   "uppercase-tag": { ...TYPOGRAPHY["uppercase-tag"], fontSize: ms(TYPOGRAPHY["uppercase-tag"].fontSize), lineHeight: mvs(TYPOGRAPHY["uppercase-tag"].lineHeight) },
   "button-lg": { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize), lineHeight: mvs(TYPOGRAPHY["button-lg"].lineHeight) },
-  "button-sm": { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize), lineHeight: mvs(TYPOGRAPHY["button-sm"].lineHeight) }
+  "button-sm": { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize), lineHeight: mvs(TYPOGRAPHY["button-sm"].lineHeight) },
+  "code-sm": { ...TYPOGRAPHY["code-sm"], fontSize: ms(TYPOGRAPHY["code-sm"].fontSize), lineHeight: mvs(TYPOGRAPHY["code-sm"].lineHeight) },
+  "code-md": { ...TYPOGRAPHY["code-md"], fontSize: ms(TYPOGRAPHY["code-md"].fontSize), lineHeight: mvs(TYPOGRAPHY["code-md"].lineHeight) }
 };
 var defaultColorVariant = {
   "display-hero": "foreground",
@@ -40,7 +42,9 @@ var defaultColorVariant = {
   "micro-label": "foreground",
   "uppercase-tag": "foregroundMuted",
   "button-lg": "foreground",
-  "button-sm": "foreground"
+  "button-sm": "foreground",
+  "code-sm": "foreground",
+  "code-md": "foreground"
 };
 var fontWarned = false;
 function warnIfFontsMissing() {

package/dist/{chunk-ESQDPO5E.mjs → chunk-DLAOTHHS.mjs}

@@ -1,7 +1,7 @@
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, vs, s, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';
@@ -47,13 +47,14 @@ var ErrorBoundary = class extends React.Component {
     const { error } = this.state;
     if (error) {
       const { fallback, title, message } = this.props;
+      const componentStack = error.stack ?? "";
       if (typeof fallback === "function") {
-        return fallback({ error, reset: this.reset });
+        return fallback({ error, componentStack, reset: this.reset });
       }
       if (fallback !== void 0) {
         return fallback;
       }
-      return /* @__PURE__ */ React.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
+      return /* @__PURE__ */ React.createElement(DefaultErrorFallback, { error, componentStack, reset: this.reset, title, message });
     }
     return this.props.children;
   }

package/dist/{chunk-QY3X2UYR.mjs → chunk-DYYPDQA2.mjs}

@@ -43,17 +43,17 @@ var SHADOWS = {
   },
   lg: {
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 6 },
-    shadowOpacity: 0.16,
-    shadowRadius: 16,
-    elevation: 10
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.12,
+    shadowRadius: 12,
+    elevation: 8
   },
   xl: {
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 12 },
-    shadowOpacity: 0.24,
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.18,
     shadowRadius: 24,
-    elevation: 18
+    elevation: 16
   }
 };
 var BREAKPOINTS = {
@@ -185,6 +185,20 @@ var TYPOGRAPHY = {
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
+  },
+  "code-sm": {
+    fontFamily: "SohneMono-Regular",
+    fontSize: 13,
+    fontWeight: "400",
+    lineHeight: 18,
+    letterSpacing: 0
+  },
+  "code-md": {
+    fontFamily: "SohneMono-Regular",
+    fontSize: 15,
+    fontWeight: "400",
+    lineHeight: 22,
+    letterSpacing: 0
   }
 };
 

package/dist/{chunk-S44XWTTC.mjs → chunk-E4BJ5WXG.mjs}

@@ -1,8 +1,8 @@
 import { SPRINGS } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s } from './chunk-2CE3TQVY.mjs';
 import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-HUSSF6TF.mjs → chunk-EQNCMDZC.mjs}

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

package/dist/{chunk-PI6RULJX.mjs → chunk-EQYTDFDD.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-BULKGOIZ.mjs → chunk-FE26TPCI.mjs}

@@ -1,8 +1,8 @@
 import { COLOR_TRANSITION, SPRING_ELASTIC, OPACITY_TRANSITION } from './chunk-M53LC4Q7.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { createContext, useContext } from 'react';
 import { StyleSheet, View, Pressable, Text } from 'react-native';

package/dist/{chunk-DBHSUUKU.mjs → chunk-FOUSI6JD.mjs}

@@ -1,5 +1,5 @@
 import { SPRINGS } from './chunk-M53LC4Q7.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-KPTY7UYQ.mjs → chunk-GR7PKEKD.mjs}

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

package/dist/{chunk-RRKM4MKB.mjs → chunk-HLWGFBIF.mjs}

@@ -1,8 +1,8 @@
 import { COLOR_TRANSITION } from './chunk-M53LC4Q7.mjs';
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, s, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/chunk-HMKJGVXA.mjs

@@ -0,0 +1,35 @@
+import { impactMedium } from './chunk-CTUFFKGS.mjs';
+import { useRef, useState, useEffect, useCallback } from 'react';
+
+function useSheetModal(visible, onDismiss) {
+  const ref = useRef(null);
+  const state = useRef("idle");
+  const onDismissRef = useRef(onDismiss);
+  const [tick, setTick] = useState(0);
+  useEffect(() => {
+    onDismissRef.current = onDismiss;
+  });
+  useEffect(() => {
+    if (visible) {
+      if (state.current === "idle") {
+        state.current = "presenting";
+        impactMedium();
+        ref.current?.present();
+        state.current = "presented";
+      }
+    } else {
+      if (state.current === "presented" || state.current === "presenting") {
+        state.current = "dismissing";
+        ref.current?.dismiss();
+      }
+    }
+  }, [visible, tick]);
+  const handleDismiss = useCallback(() => {
+    state.current = "idle";
+    onDismissRef.current?.();
+    setTick((t) => t + 1);
+  }, []);
+  return { ref, handleDismiss };
+}
+
+export { useSheetModal };

package/dist/{chunk-U6DEBYU5.mjs → chunk-IFGZUJFH.mjs}

@@ -1,7 +1,7 @@
 import { PressableTab } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, s, vs, mvs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-2VIDP72N.mjs → chunk-K3V6OTVB.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, mvs, vs } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, ActivityIndicator, Text } from 'react-native';

package/dist/{chunk-K7TKID3V.mjs → chunk-K4YFTUMC.mjs}

@@ -1,6 +1,6 @@
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text, TouchableOpacity } from 'react-native';

package/dist/{chunk-NGEN2EES.mjs → chunk-MQAK2W6L.mjs}

@@ -1,8 +1,8 @@
-import { Spinner } from './chunk-2VIDP72N.mjs';
-import { selectionAsync, impactMedium } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Spinner } from './chunk-K3V6OTVB.mjs';
+import { selectionAsync, impactMedium } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, vs, ms } from './chunk-2CE3TQVY.mjs';
 import React, { useRef, useState, useId, useMemo, useCallback } from 'react';
 import { Dimensions, StyleSheet, TouchableOpacity, View, Text } from 'react-native';
@@ -237,29 +237,21 @@ var CATEGORIES = [
     ]
   }
 ];
-var _allIcons = null;
-var _categorized = null;
 function getAllCuratedIcons() {
-  if (!_allIcons) {
-    const seen = /* @__PURE__ */ new Set();
-    const result = [];
-    for (const cat of CATEGORIES) {
-      for (const name of cat.icons) {
-        if (!seen.has(name)) {
-          seen.add(name);
-          result.push(name);
-        }
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const cat of CATEGORIES) {
+    for (const name of cat.icons) {
+      if (!seen.has(name)) {
+        seen.add(name);
+        result.push(name);
       }
     }
-    _allIcons = result;
   }
-  return _allIcons;
+  return result;
 }
 function getCuratedCategories() {
-  if (!_categorized) {
-    _categorized = CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
-  }
-  return _categorized;
+  return CATEGORIES.map((cat) => ({ ...cat, icons: [...cat.icons] }));
 }
 
 // src/components/IconPicker/IconPicker.tsx

package/dist/{chunk-CM2DG4MR.mjs → chunk-MSS3CD6F.mjs}

@@ -1,8 +1,8 @@
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { Image } from 'expo-image';

package/dist/{chunk-2QXJDRVU.mjs → chunk-NQYS6RPX.mjs}

@@ -1,8 +1,8 @@
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, mvs, ms } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-62BBSSUF.mjs → chunk-P5KC3RTG.mjs}

@@ -1,6 +1,6 @@
 import { PRESS_SCALE } from './chunk-M53LC4Q7.mjs';
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
-import { impactLight } from './chunk-ARONDO7M.mjs';
+import { impactLight } from './chunk-CTUFFKGS.mjs';
 import React from 'react';
 
 function Pressable({

package/dist/{chunk-K3QX2M26.mjs → chunk-PPKCGCZ3.mjs}

@@ -1,8 +1,8 @@
-import { Badge } from './chunk-AZV7KNJI.mjs';
-import { Button } from './chunk-Y6YS33GM.mjs';
-import { RADIUS, SHADOWS } from './chunk-QY3X2UYR.mjs';
-import { Icon } from './chunk-MZ6WRTD2.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { Badge } from './chunk-YKWIMVGU.mjs';
+import { Button } from './chunk-AHFEAY6M.mjs';
+import { RADIUS, SHADOWS } from './chunk-DYYPDQA2.mjs';
+import { Icon } from './chunk-24JTXQ2M.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { mvs, ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React from 'react';
 import { StyleSheet, View, Text } from 'react-native';

package/dist/{chunk-ITG4JQM3.mjs → chunk-QEE3EQ3N.mjs}

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

package/dist/{chunk-IDVUZIVY.mjs → chunk-RLPPRIJ7.mjs}

@@ -1,6 +1,6 @@
 import { PressableButton } from './chunk-IFYMBOEN.mjs';
-import { selectionAsync } from './chunk-ARONDO7M.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { selectionAsync } from './chunk-CTUFFKGS.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { ms, vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useRef } from 'react';
 import { Platform, StyleSheet, View, Text, Modal, TouchableOpacity } from 'react-native';
@@ -28,6 +28,18 @@ function Select({
   const [pendingValue, setPendingValue] = useState(value);
   const pickerRef = useRef(null);
   const selected = options.find((o) => o.value === value);
+  function renderPickerItems(includePlaceholder, itemColor, disabledColor) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, includePlaceholder ? /* @__PURE__ */ React.createElement(Picker.Item, { label: placeholder, value: "", enabled: false, color: disabledColor }) : null, options.map((o) => /* @__PURE__ */ React.createElement(
+      Picker.Item,
+      {
+        key: o.value,
+        label: o.label,
+        value: o.value,
+        enabled: !o.disabled,
+        color: o.disabled ? disabledColor : itemColor
+      }
+    )));
+  }
   const handleOpen = () => {
     if (disabled) return;
     selectionAsync();
@@ -98,17 +110,7 @@ function Select({
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React.createElement(Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React.createElement(
-        Picker.Item,
-        {
-          key: o.value,
-          label: o.label,
-          value: o.value,
-          enabled: !o.disabled,
-          color: o.disabled ? colors.foregroundMuted : colors.foreground
-        }
-      ))
+      renderPickerItems(!value, colors.foreground, colors.foregroundMuted)
     ))
   ) : null, isAndroid ? /* @__PURE__ */ React.createElement(
     Picker,
@@ -126,16 +128,7 @@ function Select({
       prompt: label,
       style: styles.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React.createElement(Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React.createElement(
-      Picker.Item,
-      {
-        key: o.value,
-        label: o.label,
-        value: o.value,
-        enabled: !o.disabled
-      }
-    ))
+    renderPickerItems(!value)
   ) : null, isWeb ? /* @__PURE__ */ React.createElement(
     Picker,
     {
@@ -156,16 +149,7 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React.createElement(Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React.createElement(
-      Picker.Item,
-      {
-        key: o.value,
-        label: o.label,
-        value: o.value,
-        enabled: !o.disabled
-      }
-    ))
+    renderPickerItems(true)
   ) : null, error ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : !error && hint ? /* @__PURE__ */ React.createElement(Text, { style: [styles.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles = StyleSheet.create({

package/dist/{chunk-XCIG6HT2.mjs → chunk-S433IOQE.mjs}

@@ -1,6 +1,6 @@
 import { TIMINGS } from './chunk-M53LC4Q7.mjs';
-import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { RADIUS } from './chunk-DYYPDQA2.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { vs, s } from './chunk-2CE3TQVY.mjs';
 import React, { useState, useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';

package/dist/{chunk-IGU223UM.mjs → chunk-SWUZKVYO.mjs}

@@ -1,4 +1,4 @@
-import { useTheme } from './chunk-KSSVIFYR.mjs';
+import { useTheme } from './chunk-ZQGCQ7SA.mjs';
 import { s, ms, vs } from './chunk-2CE3TQVY.mjs';
 import React, { useState } from 'react';
 import { Image } from 'expo-image';