@retray-dev/ui-kit 13.0.0 → 13.2.0

package/dist/Accordion.d.mts

@@ -11,12 +11,14 @@ interface AccordionItem {
     icon?: React.ReactNode;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
+    /**
     /**
      * Action buttons rendered after the trigger content but before the chevron.
      * Automatically touch-isolated — taps on actions won't toggle the accordion.
      * Use this instead of embedding interactive elements inside `trigger`.
      */
     triggerActions?: React.ReactNode;
+    accessibilityHint?: string;
 }
 interface AccordionProps {
     items: AccordionItem[];

package/dist/Accordion.d.ts

@@ -11,12 +11,14 @@ interface AccordionItem {
     icon?: React.ReactNode;
     /** Override icon color. Defaults to foregroundMuted. */
     iconColor?: string;
+    /**
     /**
      * Action buttons rendered after the trigger content but before the chevron.
      * Automatically touch-isolated — taps on actions won't toggle the accordion.
      * Use this instead of embedding interactive elements inside `trigger`.
      */
     triggerActions?: React.ReactNode;
+    accessibilityHint?: string;
 }
 interface AccordionProps {
     items: AccordionItem[];

package/dist/Accordion.js

@@ -142,6 +142,7 @@ function AccordionItemComponent({
       accessibilityRole: "button",
       accessibilityState: { expanded: isOpen },
       accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0,
+      accessibilityHint: item.accessibilityHint,
       style: styles.trigger
     },
     /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.triggerContent }, resolvedIcon ? /* @__PURE__ */ React3__default.default.createElement(reactNative.View, { style: styles.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React3__default.default.createElement(reactNative.Text, { style: [styles.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),

package/dist/Accordion.mjs

@@ -1,8 +1,7 @@
-export { Accordion } from './chunk-CBIZLRYH.mjs';
+export { Accordion } from './chunk-422IVD3H.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
 import './chunk-ARONDO7M.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/AlertBanner.mjs

@@ -3,4 +3,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/AppHeader.d.mts

@@ -10,7 +10,9 @@ interface AppHeaderProps {
     onBack?: () => void;
     /** Icon name for the back button. Defaults to `'chevron-left'`. */
     backIconName?: string;
-    /** Custom left content — overrides the back button. */
+    /** Icon name for a decorative icon shown left of the title, after the back button. Ignored when `left` is provided. */
+    iconName?: string;
+    /** Custom left content — overrides the back button and `iconName`. */
     left?: React.ReactNode;
     /** Custom right content (actions). */
     right?: React.ReactNode;
@@ -34,7 +36,8 @@ interface AppHeaderProps {
  *
  * @example
  * <AppHeader title="Settings" onBack={navigation.goBack} right={<IconButton iconName="more-horizontal" variant="text" />} />
+ * <AppHeader title="Perfil" iconName="user" onBack={navigation.goBack} />
  */
-declare function AppHeader({ title, subtitle, onBack, backIconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React.JSX.Element;
+declare function AppHeader({ title, subtitle, onBack, backIconName, iconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React.JSX.Element;
 
 export { AppHeader, type AppHeaderProps };

package/dist/AppHeader.d.ts

@@ -10,7 +10,9 @@ interface AppHeaderProps {
     onBack?: () => void;
     /** Icon name for the back button. Defaults to `'chevron-left'`. */
     backIconName?: string;
-    /** Custom left content — overrides the back button. */
+    /** Icon name for a decorative icon shown left of the title, after the back button. Ignored when `left` is provided. */
+    iconName?: string;
+    /** Custom left content — overrides the back button and `iconName`. */
     left?: React.ReactNode;
     /** Custom right content (actions). */
     right?: React.ReactNode;
@@ -34,7 +36,8 @@ interface AppHeaderProps {
  *
  * @example
  * <AppHeader title="Settings" onBack={navigation.goBack} right={<IconButton iconName="more-horizontal" variant="text" />} />
+ * <AppHeader title="Perfil" iconName="user" onBack={navigation.goBack} />
  */
-declare function AppHeader({ title, subtitle, onBack, backIconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React.JSX.Element;
+declare function AppHeader({ title, subtitle, onBack, backIconName, iconName, left, right, titleAlign, bordered, withSafeArea, backgroundColor, style, }: AppHeaderProps): React.JSX.Element;
 
 export { AppHeader, type AppHeaderProps };

package/dist/AppHeader.js

@@ -215,6 +215,7 @@ function AppHeader({
   subtitle,
   onBack,
   backIconName = "chevron-left",
+  iconName,
   left,
   right,
   titleAlign = "auto",
@@ -228,7 +229,7 @@ function AppHeader({
   const { width } = reactNative.useWindowDimensions();
   const isWide = width >= BREAKPOINTS.wide;
   const centered = titleAlign === "center" || titleAlign === "auto" && isWide;
-  const leftNode = left ?? (onBack ? /* @__PURE__ */ React4__default.default.createElement(
+  const leftNode = left ?? /* @__PURE__ */ React4__default.default.createElement(React4__default.default.Fragment, null, onBack ? /* @__PURE__ */ React4__default.default.createElement(
     IconButton,
     {
       iconName: backIconName,
@@ -237,7 +238,7 @@ function AppHeader({
       onPress: onBack,
       accessibilityLabel: "Atr\xE1s"
     }
-  ) : null);
+  ) : null, iconName && !left ? /* @__PURE__ */ React4__default.default.createElement(Icon, { name: iconName, size: 20, color: colors.foreground }) : null);
   const titleBlock = /* @__PURE__ */ React4__default.default.createElement(reactNative.View, { style: [styles2.titleBlock, centered && styles2.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React4__default.default.createElement(
     reactNative.Text,
     {
@@ -287,10 +288,13 @@ var styles2 = reactNative.StyleSheet.create({
     minWidth: s(44),
     flexDirection: "row",
     alignItems: "center",
-    justifyContent: "flex-start"
+    justifyContent: "flex-start",
+    paddingLeft: s(8),
+    gap: s(4)
   },
   sideRight: {
-    justifyContent: "flex-end"
+    justifyContent: "flex-end",
+    paddingRight: s(8)
   },
   titleBlock: {
     flex: 1,

package/dist/AppHeader.mjs

@@ -1,4 +1,4 @@
-export { AppHeader } from './chunk-6CR4S6W2.mjs';
+export { AppHeader } from './chunk-H6MQL7PS.mjs';
 import './chunk-ZTPYUU5C.mjs';
 import './chunk-IFYMBOEN.mjs';
 import './chunk-ARONDO7M.mjs';
@@ -6,4 +6,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Avatar.mjs

@@ -1,4 +1,3 @@
 export { Avatar, AvatarGroup } from './chunk-IGU223UM.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Badge.mjs

@@ -2,4 +2,3 @@ export { Badge } from './chunk-AZV7KNJI.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Button.mjs

@@ -6,4 +6,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ButtonGroup.mjs

@@ -1,3 +1,2 @@
 export { ButtonGroup } from './chunk-3BBOZ3OQ.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Card.mjs

@@ -4,4 +4,3 @@ import './chunk-ARONDO7M.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/CategoryStrip.mjs

@@ -6,4 +6,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Checkbox.d.mts

@@ -8,7 +8,8 @@ interface CheckboxProps {
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function Checkbox({ checked, onCheckedChange, label, disabled, style, accessibilityLabel, }: CheckboxProps): React.JSX.Element;
+declare function Checkbox({ checked, onCheckedChange, label, disabled, style, accessibilityLabel, accessibilityHint, }: CheckboxProps): React.JSX.Element;
 
 export { Checkbox, type CheckboxProps };

package/dist/Checkbox.d.ts

@@ -8,7 +8,8 @@ interface CheckboxProps {
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
+    accessibilityHint?: string;
 }
-declare function Checkbox({ checked, onCheckedChange, label, disabled, style, accessibilityLabel, }: CheckboxProps): React.JSX.Element;
+declare function Checkbox({ checked, onCheckedChange, label, disabled, style, accessibilityLabel, accessibilityHint, }: CheckboxProps): React.JSX.Element;
 
 export { Checkbox, type CheckboxProps };

package/dist/Checkbox.js

@@ -72,7 +72,8 @@ function Checkbox({
   label,
   disabled,
   style,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -93,6 +94,7 @@ function Checkbox({
         touchSoundDisabled: true,
         accessibilityRole: "checkbox",
         accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityHint,
         accessibilityState: { checked, disabled: !!disabled }
       },
       /* @__PURE__ */ React2__default.default.createElement(

package/dist/Checkbox.mjs

@@ -1,7 +1,6 @@
-export { Checkbox } from './chunk-4ZO5PTKF.mjs';
+export { Checkbox } from './chunk-77UOVFIS.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
 import './chunk-ARONDO7M.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Chip.mjs

@@ -6,4 +6,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ConfirmDialog.d.mts

@@ -11,7 +11,8 @@ interface ConfirmDialogProps {
     showCloseButton?: boolean;
     onConfirm: () => void;
     onCancel: () => void;
+    accessibilityHint?: string;
 }
-declare function ConfirmDialog({ visible, title, subtitle, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;
+declare function ConfirmDialog({ visible, title, subtitle, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, accessibilityHint, }: ConfirmDialogProps): React.JSX.Element;
 
 export { ConfirmDialog, type ConfirmDialogProps };

package/dist/ConfirmDialog.d.ts

@@ -11,7 +11,8 @@ interface ConfirmDialogProps {
     showCloseButton?: boolean;
     onConfirm: () => void;
     onCancel: () => void;
+    accessibilityHint?: string;
 }
-declare function ConfirmDialog({ visible, title, subtitle, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, }: ConfirmDialogProps): React.JSX.Element;
+declare function ConfirmDialog({ visible, title, subtitle, confirmLabel, cancelLabel, confirmVariant, loading, showCloseButton, onConfirm, onCancel, accessibilityHint, }: ConfirmDialogProps): React.JSX.Element;
 
 export { ConfirmDialog, type ConfirmDialogProps };

package/dist/ConfirmDialog.js

@@ -261,28 +261,39 @@ function ConfirmDialog({
   loading = false,
   showCloseButton = false,
   onConfirm,
-  onCancel
+  onCancel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const ref = React3.useRef(null);
-  const wasOpened = React3.useRef(false);
-  const isPresentedRef = React3.useRef(false);
+  const dialogState = React3.useRef("idle");
+  const onCancelRef = React3.useRef(onCancel);
   const name = React3.useId();
-  const handleDismiss = React3.useCallback(() => {
-    isPresentedRef.current = false;
-    onCancel();
+  const [tick, setTick] = React3.useState(0);
+  React3.useEffect(() => {
+    onCancelRef.current = onCancel;
   }, [onCancel]);
+  const handleDismiss = React3.useCallback(() => {
+    dialogState.current = "idle";
+    onCancelRef.current?.();
+    setTick((t) => t + 1);
+  }, []);
   React3.useEffect(() => {
-    if (visible && !isPresentedRef.current) {
-      impactMedium();
-      ref.current?.present();
-      wasOpened.current = true;
-      isPresentedRef.current = true;
-    } else if (!visible && wasOpened.current && isPresentedRef.current) {
-      ref.current?.dismiss();
+    if (visible) {
+      if (dialogState.current === "idle") {
+        dialogState.current = "presenting";
+        impactMedium();
+        ref.current?.present();
+        dialogState.current = "presented";
+      }
+    } else {
+      if (dialogState.current === "presented" || dialogState.current === "presenting") {
+        dialogState.current = "dismissing";
+        ref.current?.dismiss();
+      }
     }
-  }, [visible]);
+  }, [visible, tick]);
   const renderBackdrop = React3.useCallback(
     (props) => /* @__PURE__ */ React3__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,
@@ -332,6 +343,7 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
+        accessibilityHint,
         icon: /* @__PURE__ */ React3__default.default.createElement(
           vectorIcons.Feather,
           {

package/dist/ConfirmDialog.mjs

@@ -1,4 +1,4 @@
-export { ConfirmDialog } from './chunk-V2ZB2XNS.mjs';
+export { ConfirmDialog } from './chunk-UMZTPUB3.mjs';
 import './chunk-Y6YS33GM.mjs';
 import './chunk-M53LC4Q7.mjs';
 import './chunk-IFYMBOEN.mjs';
@@ -7,4 +7,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/CurrencyDisplay.mjs

@@ -1,4 +1,3 @@
 export { CurrencyDisplay } from './chunk-PI6RULJX.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/CurrencyInput.mjs

@@ -4,4 +4,3 @@ import './chunk-M53LC4Q7.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/DetailRow.mjs

@@ -2,4 +2,3 @@ export { DetailRow } from './chunk-KAGADD2O.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/EmptyState.mjs

@@ -7,4 +7,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ErrorBoundary.mjs

@@ -4,4 +4,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Form.mjs

@@ -1,4 +1,3 @@
 export { Form, FormField, FormFooter, FormSection } from './chunk-KPTY7UYQ.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/HolographicCard.mjs

@@ -1,7 +1,6 @@
 import { PressableCard } from './chunk-IFYMBOEN.mjs';
 import { impactLight } from './chunk-ARONDO7M.mjs';
 import { RADIUS } from './chunk-QY3X2UYR.mjs';
-import './chunk-Y6FXYEAI.mjs';
 import React, { useMemo, useEffect } from 'react';
 import { Platform } from 'react-native';
 import { useImage, vec, Canvas, Group, Image, RoundedRect, LinearGradient } from '@shopify/react-native-skia';

package/dist/IconButton.mjs

@@ -4,4 +4,3 @@ import './chunk-ARONDO7M.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/IconPicker.mjs

@@ -5,4 +5,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ImageUpload.d.mts

@@ -20,14 +20,12 @@ interface ImageUploadProps {
     borderRadius?: number;
     /** Aspect ratio for the selected image. Defaults to 'cover'. */
     resizeMode?: 'cover' | 'contain' | 'stretch';
-    /** Whether to allow the user to crop the image after selecting. Defaults to true. */
-    allowsEditing?: boolean;
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
     /** Called synchronously when user taps the upload area, before dynamic import and permission request. */
     onPickerStarting?: () => void;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, allowsEditing, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.d.ts

@@ -20,14 +20,12 @@ interface ImageUploadProps {
     borderRadius?: number;
     /** Aspect ratio for the selected image. Defaults to 'cover'. */
     resizeMode?: 'cover' | 'contain' | 'stretch';
-    /** Whether to allow the user to crop the image after selecting. Defaults to true. */
-    allowsEditing?: boolean;
     disabled?: boolean;
     style?: ViewStyle;
     accessibilityLabel?: string;
     /** Called synchronously when user taps the upload area, before dynamic import and permission request. */
     onPickerStarting?: () => void;
 }
-declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, allowsEditing, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React.JSX.Element;
+declare function ImageUpload({ value, onChange, loading, placeholder, showPlaceholderText, width, height, borderRadius, resizeMode, disabled, style, accessibilityLabel, onPickerStarting, }: ImageUploadProps): React.JSX.Element;
 
 export { ImageUpload, type ImageUploadProps };

package/dist/ImageUpload.js

@@ -11,12 +11,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React3__default = /*#__PURE__*/_interopDefault(React3);
 
-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');
-});
+// src/components/ImageUpload/ImageUpload.tsx
 var _haptics = null;
 var _loaded = false;
 async function getHaptics() {
@@ -127,7 +122,6 @@ function ImageUpload({
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
-  allowsEditing = true,
   disabled = false,
   style,
   accessibilityLabel,
@@ -135,25 +129,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 +197,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 }] }, /* @__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 +220,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';
+export { ImageUpload } from './chunk-HHOOFDBA.mjs';
 import './chunk-2VIDP72N.mjs';
 import './chunk-IFYMBOEN.mjs';
 import './chunk-ARONDO7M.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ImageViewer.mjs

@@ -7,4 +7,3 @@ import './chunk-ARONDO7M.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/Input.mjs

@@ -3,4 +3,3 @@ import './chunk-M53LC4Q7.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/LabelValue.mjs

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

package/dist/ListGroup.mjs

@@ -2,4 +2,3 @@ export { ListGroup, ListGroupFooter, ListGroupHeader } from './chunk-OBV72JD4.mj
 import './chunk-QY3X2UYR.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/ListItem.d.mts

@@ -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 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.JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.d.ts

@@ -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 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.JSX.Element;
 declare const ListItem: React.MemoExoticComponent<typeof ListItemBase>;
 
 export { ListItem, type ListItemProps };

package/dist/ListItem.js

@@ -120,7 +120,8 @@ function ListItemBase({
   subtitleStyle,
   subtitleNumberOfLines = 2,
   captionStyle,
-  accessibilityLabel
+  accessibilityLabel,
+  accessibilityHint
 }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -185,6 +186,7 @@ function ListItemBase({
         activateOnHover: true,
         accessibilityRole: "button",
         accessibilityLabel: a11yLabel,
+        accessibilityHint,
         accessibilityState: { disabled: !!disabled }
       },
       content

package/dist/ListItem.mjs

@@ -1,8 +1,7 @@
-export { ListItem } from './chunk-6QLBHUEG.mjs';
+export { ListItem } from './chunk-CZN6L2QU.mjs';
 import './chunk-IFYMBOEN.mjs';
 import './chunk-ARONDO7M.mjs';
 import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';

package/dist/MediaCard.mjs

@@ -5,4 +5,3 @@ import './chunk-QY3X2UYR.mjs';
 import './chunk-MZ6WRTD2.mjs';
 import './chunk-KSSVIFYR.mjs';
 import './chunk-2CE3TQVY.mjs';
-import './chunk-Y6FXYEAI.mjs';