@retray-dev/ui-kit 13.0.0 → 13.4.0

package/dist/ImageUpload.js

@@ -4,35 +4,39 @@ var React3 = require('react');
 var expoImage = require('expo-image');
 var reactNative = require('react-native');
 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 React3__default = /*#__PURE__*/_interopDefault(React3);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-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;
+// src/components/ImageUpload/ImageUpload.tsx
+function maybeHaptics() {
+  return reactNative.Platform.OS === "web" ? null : Haptics__namespace;
 }
 function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 var ThemeContext = React3.createContext(void 0);
 function useTheme() {
@@ -127,7 +131,6 @@ function ImageUpload({
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
-  allowsEditing = true,
   disabled = false,
   style,
   accessibilityLabel,
@@ -135,25 +138,32 @@ function ImageUpload({
 }) {
   const { colors } = useTheme();
   const [imageLoaded, setImageLoaded] = React3.useState(false);
+  const [isPicking, setIsPicking] = React3.useState(false);
   const handlePress = async () => {
-    if (disabled || loading) return;
+    if (disabled || loading || isPicking) return;
     impactLight();
     onPickerStarting?.();
-    let picker;
+    setIsPicking(true);
     try {
-      picker = __require("expo-image-picker");
+      const { launchImageLibrary } = await import('react-native-image-picker');
+      const result = await new Promise((resolve) => {
+        launchImageLibrary(
+          {
+            mediaType: "photo",
+            quality: 0.8,
+            selectionLimit: 1,
+            includeBase64: false
+          },
+          resolve
+        );
+      });
+      if (!result.didCancel && !result.errorCode && result.assets?.[0]?.uri) {
+        setImageLoaded(false);
+        onChange?.(result.assets[0].uri);
+      }
     } catch {
-      if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
-      return;
-    }
-    const result = await picker.launchImageLibraryAsync({
-      mediaTypes: ["images"],
-      allowsEditing,
-      quality: 0.8
-    });
-    if (!result.canceled && result.assets?.[0]) {
-      setImageLoaded(false);
-      onChange?.(result.assets[0].uri);
+    } finally {
+      setIsPicking(false);
     }
   };
   const containerStyle = {
@@ -196,7 +206,7 @@ function ImageUpload({
       },
       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,
+    loading || isPicking ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: [styles2.loadingOverlay, { backgroundColor: colors.overlay, borderRadius }] }, /* @__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
   );
 }
@@ -219,12 +229,12 @@ var styles2 = reactNative.StyleSheet.create({
   },
   editBadge: {
     position: "absolute",
-    bottom: vs(8),
-    right: s(8)
+    bottom: vs(14),
+    right: s(14)
   },
   editBadgeInner: {
-    width: s(28),
-    height: s(28),
+    width: s(24),
+    height: s(24),
     borderRadius: 999,
     alignItems: "center",
     justifyContent: "center"

package/dist/ImageUpload.mjs

@@ -1,8 +1,7 @@
-export { ImageUpload } from './chunk-EROPDCB5.mjs';
-import './chunk-2VIDP72N.mjs';
+export { ImageUpload } from './chunk-CCEM3HIJ.mjs';
+import './chunk-K3V6OTVB.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-QY3X2UYR.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ImageViewer.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType } from 'react-native';
 
 interface ImageViewerProps {
@@ -18,6 +18,6 @@ interface ImageViewerProps {
  * @example
  * <ImageViewer images={pages} visible={open} initialIndex={page} onClose={() => setOpen(false)} />
  */
-declare function ImageViewer({ images, visible, onClose, initialIndex }: ImageViewerProps): React.JSX.Element;
+declare function ImageViewer({ images, visible, onClose, initialIndex }: ImageViewerProps): React__default.JSX.Element;
 
 export { ImageViewer, type ImageViewerProps };

package/dist/ImageViewer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType } from 'react-native';
 
 interface ImageViewerProps {
@@ -18,6 +18,6 @@ interface ImageViewerProps {
  * @example
  * <ImageViewer images={pages} visible={open} initialIndex={page} onClose={() => setOpen(false)} />
  */
-declare function ImageViewer({ images, visible, onClose, initialIndex }: ImageViewerProps): React.JSX.Element;
+declare function ImageViewer({ images, visible, onClose, initialIndex }: ImageViewerProps): React__default.JSX.Element;
 
 export { ImageViewer, type ImageViewerProps };

package/dist/ImageViewer.js

@@ -6,6 +6,7 @@ var reactNative = require('react-native');
 var reactNativeGestureHandler = require('react-native-gesture-handler');
 var Animated2 = require('react-native-reanimated');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+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');
@@ -17,8 +18,27 @@ 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 React5__default = /*#__PURE__*/_interopDefault(React5);
 var Animated2__default = /*#__PURE__*/_interopDefault(Animated2);
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -27,25 +47,14 @@ var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 
 // src/components/ImageViewer/ImageViewer.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();
 }
 function impactLight() {
-  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
+  maybeHaptics()?.impactAsync(Haptics__namespace.ImpactFeedbackStyle.Light);
 }
 var ThemeContext = React5.createContext(void 0);
 function useTheme() {
@@ -67,23 +76,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 React5__default.default.createElement(entry.component, { name, size, color });

package/dist/ImageViewer.mjs

@@ -1,10 +1,9 @@
-export { ImageViewer } from './chunk-PGQ6FMXS.mjs';
-import './chunk-S44XWTTC.mjs';
-import './chunk-ZTPYUU5C.mjs';
+export { ImageViewer } from './chunk-ZO5BRTCW.mjs';
+import './chunk-E4BJ5WXG.mjs';
+import './chunk-ZRUUUVOO.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
-import './chunk-ARONDO7M.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-CTUFFKGS.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Input.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { TextInputProps, TextStyle, ViewStyle } from 'react-native';
 
 interface InputProps extends TextInputProps {
@@ -6,8 +6,8 @@ interface InputProps extends TextInputProps {
     error?: string;
     hint?: string;
     disabled?: boolean;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
     prefixStyle?: TextStyle;
     suffixStyle?: TextStyle;
     prefixIcon?: string;
@@ -20,6 +20,6 @@ interface InputProps extends TextInputProps {
     /** Use inside a Sheet/BottomSheet — swaps TextInput for BottomSheetTextInput to fix keyboard handling. */
     sheetMode?: boolean;
 }
-declare function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type, containerStyle, inputWrapperStyle, sheetMode, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, autoCapitalize, autoCorrect, ...props }: InputProps): React.JSX.Element;
+declare function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type, containerStyle, inputWrapperStyle, sheetMode, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, autoCapitalize, autoCorrect, ...props }: InputProps): React__default.JSX.Element;
 
 export { Input, type InputProps };

package/dist/Input.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { TextInputProps, TextStyle, ViewStyle } from 'react-native';
 
 interface InputProps extends TextInputProps {
@@ -6,8 +6,8 @@ interface InputProps extends TextInputProps {
     error?: string;
     hint?: string;
     disabled?: boolean;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
     prefixStyle?: TextStyle;
     suffixStyle?: TextStyle;
     prefixIcon?: string;
@@ -20,6 +20,6 @@ interface InputProps extends TextInputProps {
     /** Use inside a Sheet/BottomSheet — swaps TextInput for BottomSheetTextInput to fix keyboard handling. */
     sheetMode?: boolean;
 }
-declare function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type, containerStyle, inputWrapperStyle, sheetMode, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, autoCapitalize, autoCorrect, ...props }: InputProps): React.JSX.Element;
+declare function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type, containerStyle, inputWrapperStyle, sheetMode, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, autoCapitalize, autoCorrect, ...props }: InputProps): React__default.JSX.Element;
 
 export { Input, type InputProps };

package/dist/Input.js

@@ -44,23 +44,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 });

package/dist/Input.mjs

@@ -1,6 +1,5 @@
-export { Input } from './chunk-4NQFTHN3.mjs';
+export { Input } from './chunk-3GE4UFV5.mjs';
 import './chunk-M53LC4Q7.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ItemGroup.d.mts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { ViewStyle } from 'react-native';
+
+type ItemGroupVariant = 'plain' | 'card';
+interface ItemGroupProps {
+    children: React__default.ReactNode;
+    variant?: ItemGroupVariant;
+    childPropKey: 'title' | 'onPress';
+    style?: ViewStyle;
+}
+interface ItemGroupHeaderProps {
+    children: React__default.ReactNode;
+    style?: ViewStyle;
+}
+interface ItemGroupFooterProps {
+    children: React__default.ReactNode;
+    style?: ViewStyle;
+}
+declare function ItemGroup({ children, variant, childPropKey, style }: ItemGroupProps): React__default.JSX.Element;
+declare function ItemGroupHeader({ children, style }: ItemGroupHeaderProps): React__default.JSX.Element;
+declare function ItemGroupFooter({ children, style }: ItemGroupFooterProps): React__default.JSX.Element;
+
+export { ItemGroup, ItemGroupFooter, type ItemGroupFooterProps, ItemGroupHeader, type ItemGroupHeaderProps, type ItemGroupProps, type ItemGroupVariant };

package/dist/ItemGroup.d.ts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+import { ViewStyle } from 'react-native';
+
+type ItemGroupVariant = 'plain' | 'card';
+interface ItemGroupProps {
+    children: React__default.ReactNode;
+    variant?: ItemGroupVariant;
+    childPropKey: 'title' | 'onPress';
+    style?: ViewStyle;
+}
+interface ItemGroupHeaderProps {
+    children: React__default.ReactNode;
+    style?: ViewStyle;
+}
+interface ItemGroupFooterProps {
+    children: React__default.ReactNode;
+    style?: ViewStyle;
+}
+declare function ItemGroup({ children, variant, childPropKey, style }: ItemGroupProps): React__default.JSX.Element;
+declare function ItemGroupHeader({ children, style }: ItemGroupHeaderProps): React__default.JSX.Element;
+declare function ItemGroupFooter({ children, style }: ItemGroupFooterProps): React__default.JSX.Element;
+
+export { ItemGroup, ItemGroupFooter, type ItemGroupFooterProps, ItemGroupHeader, type ItemGroupHeaderProps, type ItemGroupProps, type ItemGroupVariant };

package/dist/{ListGroup.js → ItemGroup.js}

@@ -8,7 +8,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React2__default = /*#__PURE__*/_interopDefault(React2);
 
-// src/components/ListGroup/ListGroup.tsx
+// src/components/ItemGroup/ItemGroup.tsx
 var ThemeContext = React2.createContext(void 0);
 function useTheme() {
   const context = React2.useContext(ThemeContext);
@@ -25,17 +25,17 @@ var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
 var RADIUS = {
   md: 14};
 
-// src/components/ListGroup/ListGroup.tsx
-function ListGroup({ children, variant = "plain", style }) {
+// src/components/ItemGroup/ItemGroup.tsx
+function ItemGroup({ children, variant = "plain", childPropKey, style }) {
   const { colors } = useTheme();
   const processedChildren = React2__default.default.Children.map(children, (child, index) => {
     if (!React2__default.default.isValidElement(child)) return child;
-    if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
+    if (child.type === ItemGroupHeader || child.type === ItemGroupFooter) {
       return child;
     }
     const childProps = child.props;
-    const isListItem = "title" in childProps;
-    if (!isListItem) return child;
+    const isTargetChild = childPropKey in childProps;
+    if (!isTargetChild) return child;
     const isLast = index === React2__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
       return React2__default.default.cloneElement(child, {
@@ -58,22 +58,20 @@ function ListGroup({ children, variant = "plain", style }) {
   } : {};
   return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.container, cardStyle, style] }, processedChildren);
 }
-function ListGroupHeader({ children, style }) {
+function ItemGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
     return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
   return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.header, { borderBottomColor: colors.separator }, style] }, children);
 }
-function ListGroupFooter({ children, style }) {
+function ItemGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
     return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.footer, style] }, /* @__PURE__ */ React2__default.default.createElement(reactNative.Text, { style: [styles.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
   return /* @__PURE__ */ React2__default.default.createElement(reactNative.View, { style: [styles.footer, style] }, children);
 }
-ListGroup.Header = ListGroupHeader;
-ListGroup.Footer = ListGroupFooter;
 var styles = reactNative.StyleSheet.create({
   container: {
     overflow: "hidden"
@@ -101,6 +99,6 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 
-exports.ListGroup = ListGroup;
-exports.ListGroupFooter = ListGroupFooter;
-exports.ListGroupHeader = ListGroupHeader;
+exports.ItemGroup = ItemGroup;
+exports.ItemGroupFooter = ItemGroupFooter;
+exports.ItemGroupHeader = ItemGroupHeader;

package/dist/ItemGroup.mjs

@@ -0,0 +1,4 @@
+export { ItemGroup, ItemGroupFooter, ItemGroupHeader } from './chunk-2DDJ53DK.mjs';
+import './chunk-DYYPDQA2.mjs';
+import './chunk-ZQGCQ7SA.mjs';
+import './chunk-2CE3TQVY.mjs';

package/dist/LabelValue.d.mts

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface LabelValueProps {
     label: string;
-    value: string | React.ReactNode;
+    value: string | React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of label. */
     iconName?: string;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
     style?: ViewStyle;
 }
-declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React.JSX.Element;
-declare const LabelValue: React.MemoExoticComponent<typeof LabelValueBase>;
+declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React__default.JSX.Element;
+declare const LabelValue: React__default.MemoExoticComponent<typeof LabelValueBase>;
 
 export { LabelValue, type LabelValueProps };

package/dist/LabelValue.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import { ViewStyle } from 'react-native';
 
 interface LabelValueProps {
     label: string;
-    value: string | React.ReactNode;
+    value: string | React__default.ReactNode;
     /** Icon name from @expo/vector-icons rendered left of label. */
     iconName?: string;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
     style?: ViewStyle;
 }
-declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React.JSX.Element;
-declare const LabelValue: React.MemoExoticComponent<typeof LabelValueBase>;
+declare function LabelValueBase({ label, value, iconName, iconColor, style }: LabelValueProps): React__default.JSX.Element;
+declare const LabelValue: React__default.MemoExoticComponent<typeof LabelValueBase>;
 
 export { LabelValue, type LabelValueProps };

package/dist/LabelValue.js

@@ -41,23 +41,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 });

package/dist/LabelValue.mjs

@@ -1,5 +1,4 @@
-export { LabelValue } from './chunk-DE25XTVQ.mjs';
-import './chunk-MZ6WRTD2.mjs';
-import './chunk-KSSVIFYR.mjs';
+export { LabelValue } from './chunk-3VHFOSZR.mjs';
+import './chunk-24JTXQ2M.mjs';
+import './chunk-ZQGCQ7SA.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ListItem.d.mts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ImageSourcePropType, ViewStyle, TextStyle } from 'react-native';
 
 type ListItemVariant = 'plain' | 'card';
@@ -12,16 +12,16 @@ interface ListItemProps {
      * Arbitrary content rendered on the left (avatar, icon, image, etc.).
      * Rendered inside a 44×44 aligned container.
      */
-    leftRender?: React.ReactNode;
+    leftRender?: React__default.ReactNode;
     /**
      * Arbitrary content rendered on the right (badge, price, chevron, switch, etc.).
      */
-    rightRender?: React.ReactNode | string;
+    rightRender?: React__default.ReactNode | string;
     /**
      * Multiple action buttons rendered on the right with automatic gap.
      * Takes precedence over `rightRender` and `showChevron`.
      */
-    rightActions?: React.ReactNode[];
+    rightActions?: React__default.ReactNode[];
     /**
      * Icon name from `@expo/vector-icons` rendered in the left slot.
      * See https://icons.expo.fyi. Takes precedence over `leftRender`.
@@ -64,8 +64,9 @@ interface ListItemProps {
     captionStyle?: TextStyle;
     /** Accessibility label override. Defaults to the title. */
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-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>;
+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, accessibilityHint, }: ListItemProps): React__default.JSX.Element;
+declare const ListItem: React__default.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };