@retray-dev/ui-kit 13.2.0 → 13.4.0

package/dist/PricingCard.js

@@ -3,6 +3,7 @@
 var React3 = require('react');
 var reactNative = require('react-native');
 var reactNativeEase = require('react-native-ease');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -14,7 +15,26 @@ var pressto = require('pressto');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React3__default = /*#__PURE__*/_interopDefault(React3);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -31,22 +51,11 @@ function useTheme() {
   }
   return context;
 }
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function impactMedium() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Medium));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Medium);
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -61,23 +70,17 @@ var ALL_FAMILIES = [
   { name: "MaterialIcons", component: MaterialIcons__default.default },
   { name: "Ionicons", component: Ionicons__default.default }
 ];
-var glyphCacheInitialized = false;
-function ensureGlyphCache() {
-  if (glyphCacheInitialized) return;
-  glyphCacheInitialized = true;
-  for (const entry of ALL_FAMILIES) {
-    try {
-      entry.glyphMap = entry.component.glyphMap;
-    } catch {
-      entry.glyphMap = {};
-    }
+function getGlyphMap(component) {
+  try {
+    return component.glyphMap ?? {};
+  } catch {
+    return {};
   }
 }
 function Icon({ name, size, color, family }) {
-  ensureGlyphCache();
   const entry = family ? ALL_FAMILIES.find((f) => f.name === family) : ALL_FAMILIES.find((f) => {
-    const glyphMap = f.glyphMap;
-    return glyphMap ? name in glyphMap : false;
+    const glyphMap = getGlyphMap(f.component);
+    return name in glyphMap;
   });
   if (!entry) return null;
   return React3__default.default.createElement(entry.component, { name, size, color });
@@ -108,8 +111,7 @@ var TYPOGRAPHY = {
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
-  }
-};
+  }};
 var makePressable = (scale2) => pressto.createAnimatedPressable((progress) => {
   "worklet";
   return { transform: [{ scale: 1 - (1 - scale2) * progress }] };

package/dist/PricingCard.mjs

@@ -1,10 +1,10 @@
-export { PricingCard } from './chunk-K3QX2M26.mjs';
-import './chunk-AZV7KNJI.mjs';
-import './chunk-Y6YS33GM.mjs';
+export { PricingCard } from './chunk-PPKCGCZ3.mjs';
+import './chunk-YKWIMVGU.mjs';
+import './chunk-AHFEAY6M.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/Progress.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type ProgressVariant = 'default' | 'success' | 'warning' | 'destructive';
@@ -9,6 +9,6 @@ interface ProgressProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function Progress({ value, max, variant, style, accessibilityLabel }: ProgressProps): React.JSX.Element;
+declare function Progress({ value, max, variant, style, accessibilityLabel }: ProgressProps): React__default.JSX.Element;
 
 export { Progress, type ProgressProps };

package/dist/Progress.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 type ProgressVariant = 'default' | 'success' | 'warning' | 'destructive';
@@ -9,6 +9,6 @@ interface ProgressProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function Progress({ value, max, variant, style, accessibilityLabel }: ProgressProps): React.JSX.Element;
+declare function Progress({ value, max, variant, style, accessibilityLabel }: ProgressProps): React__default.JSX.Element;
 
 export { Progress, type ProgressProps };

package/dist/Progress.mjs

@@ -1,4 +1,4 @@
-export { Progress } from './chunk-DBHSUUKU.mjs';
+export { Progress } from './chunk-FOUSI6JD.mjs';
 import './chunk-M53LC4Q7.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/RadioGroup.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface RadioOption {
@@ -14,6 +14,6 @@ interface RadioGroupProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function RadioGroup({ options, value, onValueChange, orientation, style, accessibilityLabel, }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroup({ options, value, onValueChange, orientation, style, accessibilityLabel, }: RadioGroupProps): React__default.JSX.Element;
 
 export { RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/RadioGroup.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface RadioOption {
@@ -14,6 +14,6 @@ interface RadioGroupProps {
     style?: ViewStyle;
     accessibilityLabel?: string;
 }
-declare function RadioGroup({ options, value, onValueChange, orientation, style, accessibilityLabel, }: RadioGroupProps): React.JSX.Element;
+declare function RadioGroup({ options, value, onValueChange, orientation, style, accessibilityLabel, }: RadioGroupProps): React__default.JSX.Element;
 
 export { RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/RadioGroup.js

@@ -3,30 +3,39 @@
 var React2 = require('react');
 var reactNative = require('react-native');
 var reactNativeEase = require('react-native-ease');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var pressto = require('pressto');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React2__default = /*#__PURE__*/_interopDefault(React2);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/RadioGroup/RadioGroup.tsx
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
+  maybeHaptics()?.selectionAsync();
 }
 var ThemeContext = React2.createContext(void 0);
 function useTheme() {

package/dist/RadioGroup.mjs

@@ -1,6 +1,6 @@
-export { RadioGroup } from './chunk-IJCMPVW5.mjs';
+export { RadioGroup } from './chunk-BQMJQMWY.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/RetrayProvider.d.mts

@@ -1,2 +1,2 @@
-export { c as RetrayProvider, d as RetrayProviderProps } from './index-CY34hxPN.mjs';
+export { c as RetrayProvider, d as RetrayProviderProps } from './index-CinAt5Uo.mjs';
 import 'react';

package/dist/RetrayProvider.d.ts

@@ -1,2 +1,2 @@
-export { c as RetrayProvider, d as RetrayProviderProps } from './index-CY34hxPN.js';
+export { c as RetrayProvider, d as RetrayProviderProps } from './index-CinAt5Uo.js';
 import 'react';

package/dist/RetrayProvider.js

@@ -33,23 +33,6 @@ function componentToHex(c) {
 function rgbToHex(r, g, b) {
   return `#${componentToHex(r)}${componentToHex(g)}${componentToHex(b)}`;
 }
-function withAlphaOnWhite(hex, alpha) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  const r = rgb.r * alpha + 255 * (1 - alpha);
-  const g = rgb.g * alpha + 255 * (1 - alpha);
-  const b = rgb.b * alpha + 255 * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
-function withAlphaOnDark(hex, alpha, bgHex = "#0f0f0f") {
-  const rgb = hexToRgb(hex);
-  const bg = hexToRgb(bgHex);
-  if (!rgb || !bg) return hex;
-  const r = rgb.r * alpha + bg.r * (1 - alpha);
-  const g = rgb.g * alpha + bg.g * (1 - alpha);
-  const b = rgb.b * alpha + bg.b * (1 - alpha);
-  return rgbToHex(r, g, b);
-}
 function mixWithBackground(fgHex, bgHex, opacity) {
   const fg = hexToRgb(fgHex);
   const bg = hexToRgb(bgHex);
@@ -59,13 +42,11 @@ function mixWithBackground(fgHex, bgHex, opacity) {
   const b = fg.b * opacity + bg.b * (1 - opacity);
   return rgbToHex(r, g, b);
 }
-function lighten(hex, amount) {
-  return withAlphaOnWhite(hex, 1 - amount);
-}
-function darken(hex, amount) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
+function createColorPair(fg, bg, dark) {
+  return {
+    tint: mixWithBackground(fg, dark ? bg : "#ffffff", dark ? 0.15 : 0.08),
+    border: mixWithBackground(fg, dark ? bg : "#ffffff", dark ? 0.45 : 0.3)
+  };
 }
 var defaultLight = {
   background: "#ffffff",
@@ -108,17 +89,16 @@ var defaultDark = {
 function deriveColors(t, scheme) {
   const dark = scheme === "dark";
   const bg = t.background;
+  const WHITE = "#ffffff";
+  const BLACK = "#000000";
   const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
   const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
-  const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
-  const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
-  const skeleton = dark ? lighten(bg, -0.1) : darken(bg, 0.1);
-  const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
-  const destructiveBorder = dark ? withAlphaOnDark(t.destructive, 0.45, bg) : withAlphaOnWhite(t.destructive, 0.3);
-  const successTint = dark ? withAlphaOnDark(t.success, 0.15, bg) : withAlphaOnWhite(t.success, 0.08);
-  const successBorder = dark ? withAlphaOnDark(t.success, 0.45, bg) : withAlphaOnWhite(t.success, 0.3);
-  const warningTint = dark ? withAlphaOnDark(t.warning, 0.15, bg) : withAlphaOnWhite(t.warning, 0.08);
-  const warningBorder = dark ? withAlphaOnDark(t.warning, 0.45, bg) : withAlphaOnWhite(t.warning, 0.3);
+  const surface = dark ? mixWithBackground(bg, BLACK, 0.94) : mixWithBackground(bg, BLACK, 0.96);
+  const surfaceStrong = dark ? mixWithBackground(bg, BLACK, 0.88) : mixWithBackground(bg, BLACK, 0.92);
+  const skeleton = dark ? mixWithBackground(bg, BLACK, 0.9) : mixWithBackground(bg, BLACK, 0.9);
+  const { tint: destructiveTint, border: destructiveBorder } = createColorPair(t.destructive, bg, dark);
+  const { tint: successTint, border: successBorder } = createColorPair(t.success, bg, dark);
+  const { tint: warningTint, border: warningBorder } = createColorPair(t.warning, bg, dark);
   return {
     ...t,
     foregroundSubtle,
@@ -137,7 +117,7 @@ function deriveColors(t, scheme) {
     accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
     ring: t.accent ?? t.primary,
     input: t.border,
-    separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
+    separator: dark ? mixWithBackground(t.border, WHITE, 0.78) : mixWithBackground(t.border, BLACK, 0.84)
   };
 }
 

package/dist/RetrayProvider.mjs

@@ -1,4 +1,4 @@
-export { RetrayProvider } from './chunk-ERWJPVX7.mjs';
-import './chunk-SZEKQAOY.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { RetrayProvider } from './chunk-XKBB2UZU.mjs';
+import './chunk-VSKBODEY.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';

package/dist/ScreenContainer.d.mts

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { ViewStyle } from 'react-native';
+
+interface ScreenContainerProps {
+    children: React__default.ReactNode;
+    /** Maximum width in points. Defaults to BREAKPOINTS.wide (700). Set to 0 to disable. */
+    maxWidth?: number;
+    /** Enable scroll. Default false. */
+    scroll?: boolean;
+    /** Background color. Defaults to theme `background`. */
+    backgroundColor?: string;
+    /** Padding top override. Defaults to safe area top. */
+    paddingTop?: number;
+    /** Padding bottom override. Defaults to safe area bottom. */
+    paddingBottom?: number;
+    /** Horizontal padding. Defaults to 0. */
+    paddingHorizontal?: number;
+    /** Enable keyboard avoidance. Default false. */
+    keyboard?: boolean;
+    style?: ViewStyle;
+}
+declare function ScreenContainer({ children, maxWidth, scroll, backgroundColor, paddingTop, paddingBottom, paddingHorizontal, keyboard, style: _style, }: ScreenContainerProps): React__default.JSX.Element;
+
+export { ScreenContainer, type ScreenContainerProps };

package/dist/ScreenContainer.d.ts

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { ViewStyle } from 'react-native';
+
+interface ScreenContainerProps {
+    children: React__default.ReactNode;
+    /** Maximum width in points. Defaults to BREAKPOINTS.wide (700). Set to 0 to disable. */
+    maxWidth?: number;
+    /** Enable scroll. Default false. */
+    scroll?: boolean;
+    /** Background color. Defaults to theme `background`. */
+    backgroundColor?: string;
+    /** Padding top override. Defaults to safe area top. */
+    paddingTop?: number;
+    /** Padding bottom override. Defaults to safe area bottom. */
+    paddingBottom?: number;
+    /** Horizontal padding. Defaults to 0. */
+    paddingHorizontal?: number;
+    /** Enable keyboard avoidance. Default false. */
+    keyboard?: boolean;
+    style?: ViewStyle;
+}
+declare function ScreenContainer({ children, maxWidth, scroll, backgroundColor, paddingTop, paddingBottom, paddingHorizontal, keyboard, style: _style, }: ScreenContainerProps): React__default.JSX.Element;
+
+export { ScreenContainer, type ScreenContainerProps };

package/dist/ScreenContainer.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var React2 = require('react');
+var reactNative = require('react-native');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+
+// src/components/ScreenContainer/ScreenContainer.tsx
+var ThemeContext = React2.createContext(void 0);
+function useTheme() {
+  const context = React2.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+
+// src/tokens.ts
+var BREAKPOINTS = {
+  wide: 700
+};
+
+// src/components/ScreenContainer/ScreenContainer.tsx
+function ScreenContainer({
+  children,
+  maxWidth = BREAKPOINTS.wide,
+  scroll = false,
+  backgroundColor,
+  paddingTop,
+  paddingBottom,
+  paddingHorizontal,
+  keyboard = false,
+  style: _style
+}) {
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const { colors } = useTheme();
+  const wrapperStyle = {
+    flex: 1,
+    backgroundColor: backgroundColor ?? colors.background,
+    paddingTop: paddingTop ?? insets.top,
+    paddingBottom: paddingBottom ?? insets.bottom,
+    paddingHorizontal: paddingHorizontal ?? 0,
+    ..._style
+  };
+  const inner = /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.inner, { maxWidth: maxWidth || void 0 }] }, children);
+  const content = scroll ? /* @__PURE__ */ React2__default.default.createElement(
+    reactNative.ScrollView,
+    {
+      style: styles.scroll,
+      contentContainerStyle: styles.scrollContent,
+      keyboardShouldPersistTaps: "handled"
+    },
+    inner
+  ) : inner;
+  if (keyboard) {
+    return /* @__PURE__ */ React2__default.default.createElement(
+      reactNative.KeyboardAvoidingView,
+      {
+        style: wrapperStyle,
+        behavior: reactNative.Platform.OS === "ios" ? "padding" : void 0,
+        keyboardVerticalOffset: reactNative.Platform.OS === "ios" ? 0 : 0
+      },
+      content
+    );
+  }
+  return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: wrapperStyle }, content);
+}
+var styles = reactNative.StyleSheet.create({
+  scroll: {
+    flex: 1
+  },
+  scrollContent: {
+    flexGrow: 1
+  },
+  inner: {
+    flex: 1,
+    alignSelf: "center",
+    width: "100%"
+  }
+});
+
+exports.ScreenContainer = ScreenContainer;

package/dist/ScreenContainer.mjs

@@ -0,0 +1,3 @@
+export { ScreenContainer } from './chunk-WR6DCNAE.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-ZQGCQ7SA.mjs';

package/dist/Select.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SelectOption {
@@ -19,6 +19,6 @@ interface SelectProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, accessibilityHint, }: SelectProps): React.JSX.Element;
+declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, accessibilityHint, }: SelectProps): React__default.JSX.Element;
 
 export { Select, type SelectOption, type SelectProps };

package/dist/Select.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface SelectOption {
@@ -19,6 +19,6 @@ interface SelectProps {
     accessibilityLabel?: string;
     accessibilityHint?: string;
 }
-declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, accessibilityHint, }: SelectProps): React.JSX.Element;
+declare function Select({ options, value, onValueChange, placeholder, label, hint, error, disabled, style, accessibilityLabel, accessibilityHint, }: SelectProps): React__default.JSX.Element;
 
 export { Select, type SelectOption, type SelectProps };

package/dist/Select.js

@@ -4,30 +4,39 @@ var React2 = require('react');
 var reactNative = require('react-native');
 var picker = require('@react-native-picker/picker');
 var vectorIcons = require('@expo/vector-icons');
+var Haptics = require('expo-haptics');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var pressto = require('pressto');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
 var React2__default = /*#__PURE__*/_interopDefault(React2);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/components/Select/Select.tsx
-var _haptics = null;
-var _loaded = false;
-async function getHaptics() {
-  if (reactNative.Platform.OS === "web") return null;
-  if (!_loaded) {
-    _loaded = true;
-    try {
-      _haptics = await import('expo-haptics');
-    } catch {
-      _haptics = null;
-    }
-  }
-  return _haptics;
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function selectionAsync() {
-  getHaptics().then((h) => h?.selectionAsync());
+  maybeHaptics()?.selectionAsync();
 }
 var ThemeContext = React2.createContext(void 0);
 function useTheme() {
@@ -73,6 +82,18 @@ function Select({
   const [pendingValue, setPendingValue] = React2.useState(value);
   const pickerRef = React2.useRef(null);
   const selected = options.find((o) => o.value === value);
+  function renderPickerItems(includePlaceholder, itemColor, disabledColor) {
+    return /* @__PURE__ */ React2__default.default.createElement(React2__default.default.Fragment, null, includePlaceholder ? /* @__PURE__ */ React2__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false, color: disabledColor }) : null, options.map((o) => /* @__PURE__ */ React2__default.default.createElement(
+      picker.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();
@@ -143,17 +164,7 @@ function Select({
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React2__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React2__default.default.createElement(
-        picker.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__ */ React2__default.default.createElement(
     picker.Picker,
@@ -171,16 +182,7 @@ function Select({
       prompt: label,
       style: styles.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React2__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React2__default.default.createElement(
-      picker.Picker.Item,
-      {
-        key: o.value,
-        label: o.label,
-        value: o.value,
-        enabled: !o.disabled
-      }
-    ))
+    renderPickerItems(!value)
   ) : null, isWeb2 ? /* @__PURE__ */ React2__default.default.createElement(
     picker.Picker,
     {
@@ -201,16 +203,7 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React2__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React2__default.default.createElement(
-      picker.Picker.Item,
-      {
-        key: o.value,
-        label: o.label,
-        value: o.value,
-        enabled: !o.disabled
-      }
-    ))
+    renderPickerItems(true)
   ) : null, error ? /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : !error && hint ? /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles = reactNative.StyleSheet.create({

package/dist/Select.mjs

@@ -1,5 +1,5 @@
-export { Select } from './chunk-IDVUZIVY.mjs';
+export { Select } from './chunk-RLPPRIJ7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';