@retray-dev/ui-kit 12.1.0 → 12.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React54 = require('react');
+var React55 = require('react');
 var reactNative = require('react-native');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
@@ -24,7 +24,7 @@ var reactNativeGestureHandler = require('react-native-gesture-handler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React54__default = /*#__PURE__*/_interopDefault(React54);
+var React55__default = /*#__PURE__*/_interopDefault(React55);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -144,6 +144,7 @@ function deriveColors(t, scheme) {
   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);
@@ -156,6 +157,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,
@@ -172,23 +174,23 @@ function deriveColors(t, scheme) {
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React54.createContext({
+var ThemeContext = React55.createContext({
   colors: deriveColors(defaultLight, "light"),
   colorScheme: "light"
 });
 function ThemeProvider({ children, theme, colorScheme = "system" }) {
   const systemScheme = reactNative.useColorScheme() ?? "light";
   const resolvedScheme = colorScheme === "system" ? systemScheme : colorScheme;
-  const colors = React54.useMemo(() => {
+  const colors = React55.useMemo(() => {
     const base = resolvedScheme === "dark" ? defaultDark : defaultLight;
     const override = resolvedScheme === "dark" ? theme?.dark : theme?.light;
     const merged = override ? { ...base, ...override } : base;
     return deriveColors(merged, resolvedScheme);
   }, [resolvedScheme, theme]);
-  return /* @__PURE__ */ React54__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
 }
 function useTheme() {
-  const context = React54.useContext(ThemeContext);
+  const context = React55.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -412,10 +414,10 @@ function Icon({ name, size, color, family }) {
   }
   if (!resolved) return null;
   const Component = resolved.component;
-  return React54__default.default.createElement(Component, { name, size, color });
+  return React55__default.default.createElement(Component, { name, size, color });
 }
 function renderIcon(name, size, color) {
-  return React54__default.default.createElement(Icon, { name, size, color });
+  return React55__default.default.createElement(Icon, { name, size, color });
 }
 
 // src/tokens.ts
@@ -719,28 +721,30 @@ function ButtonBase({
     impactMedium();
     onPress?.();
   };
-  const containerVariantStyle = {
+  const containerVariantStyle = isDisabled ? {
+    primary: { backgroundColor: colors.surface },
+    secondary: { backgroundColor: "transparent", borderWidth: 1.5, borderColor: colors.border },
+    text: { backgroundColor: "transparent" },
+    destructive: { backgroundColor: colors.surface }
+  }[variant] : {
     primary: { backgroundColor: colors.primary },
     secondary: { backgroundColor: "transparent", borderWidth: 1.5, borderColor: colors.primary },
     text: { backgroundColor: "transparent" },
     destructive: { backgroundColor: colors.destructive }
   }[variant];
-  const labelVariantStyle = {
-    primary: { color: colors.primaryForeground },
-    secondary: { color: colors.primary },
-    // AUDIT FIX: was colors.foreground — visually indistinguishable from plain text,
-    // no affordance that it's a CTA. Now uses accentResolved so text-only buttons
-    // carry the brand voltage. Falls back to primary when no accent is defined.
-    text: { color: colors.accentResolved },
-    destructive: { color: colors.destructiveForeground }
+  const labelColor = isDisabled ? colors.foregroundMuted : {
+    primary: colors.primaryForeground,
+    secondary: colors.primary,
+    text: colors.accentResolved,
+    destructive: colors.destructiveForeground
   }[variant];
-  const textColor = iconColor ?? labelVariantStyle.color;
+  const textColor = iconColor ?? labelColor;
   const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], textColor) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
-  const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
+  const spinnerColor = isDisabled ? colors.foregroundMuted : variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
   const styleArray = Array.isArray(style) ? style : style ? [style] : [];
   const flatStyle = reactNative.StyleSheet.flatten(styleArray);
   const { flex, ...restStyle } = flatStyle || {};
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -748,7 +752,6 @@ function ButtonBase({
         containerVariantStyle,
         containerSizeStyles[size],
         fullWidth && styles.fullWidth,
-        isDisabled && styles.disabled,
         restStyle
       ],
       enabled: !isDisabled,
@@ -761,26 +764,26 @@ function ButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    loading ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React54__default.default.createElement(
+    loading ? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
+        style: [styles.label, { color: labelColor }, labelSizeStyles[size], styles.labelLoading],
         allowFontScaling: true,
         numberOfLines: 1
       },
       label
-    )) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React54__default.default.createElement(
+    )) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
+        style: [styles.label, { color: labelColor }, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
         allowFontScaling: true,
         numberOfLines: 1
       },
       label
-    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon))
+    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon))
   ));
 }
-var Button = React54__default.default.memo(ButtonBase);
+var Button = React55__default.default.memo(ButtonBase);
 var styles = reactNative.StyleSheet.create({
   base: {
     borderRadius: RADIUS.md,
@@ -791,9 +794,6 @@ var styles = reactNative.StyleSheet.create({
   fullWidth: {
     width: "100%"
   },
-  disabled: {
-    opacity: 0.45
-  },
   label: {
     fontFamily: "Sohne-Medium",
     flexShrink: 1
@@ -806,7 +806,7 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 function ButtonGroup({ children, gap = 12, vertical = false, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -816,8 +816,8 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
         style
       ]
     },
-    React54__default.default.Children.map(children, (child) => {
-      if (!React54__default.default.isValidElement(child)) return child;
+    React55__default.default.Children.map(children, (child) => {
+      if (!React55__default.default.isValidElement(child)) return child;
       const childProps = child.props;
       const extraProps = {
         style: [child.props.style, { flex: 1 }]
@@ -825,7 +825,7 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
       if (!vertical && "label" in childProps && childProps["size"] === void 0) {
         extraProps["size"] = "sm";
       }
-      return React54__default.default.cloneElement(child, extraProps);
+      return React55__default.default.cloneElement(child, extraProps);
     })
   );
 }
@@ -886,7 +886,7 @@ function IconButtonBase({
   const showBadge = badge !== void 0 && badge !== false && badge !== 0;
   const badgeCount = typeof badge === "number" ? Math.min(badge, 99) : null;
   const showCount = typeof badge === "number" && badge > 0;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -906,14 +906,14 @@ function IconButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
-  ), showBadge && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [
+    loading ? /* @__PURE__ */ React55__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
+  ), showBadge && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [
     styles3.badge,
     { backgroundColor: colors.primary },
     showCount ? styles3.badgeCount : styles3.badgeDot
-  ] }, showCount && /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
+  ] }, showCount && /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
 }
-var IconButton = React54__default.default.memo(IconButtonBase);
+var IconButton = React55__default.default.memo(IconButtonBase);
 var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
@@ -1008,7 +1008,7 @@ function TextBase({ variant = "body-md", color, style, uppercase, children, ...p
   const { colors } = useTheme();
   const colorKey = defaultColorVariant[variant] ?? "foreground";
   const resolvedColor = color ?? colors[colorKey];
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [variantStyles[variant], { color: resolvedColor }, uppercase && { textTransform: "uppercase" }, style],
@@ -1018,17 +1018,17 @@ function TextBase({ variant = "body-md", color, style, uppercase, children, ...p
     children
   );
 }
-var Text3 = React54__default.default.memo(TextBase);
+var Text3 = React55__default.default.memo(TextBase);
 var webInputResetStyle = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
 function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, sheetMode = false, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, ...props }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React54.useState(false);
-  const [showPassword, setShowPassword] = React54.useState(false);
+  const [focused, setFocused] = React55.useState(false);
+  const [showPassword, setShowPassword] = React55.useState(false);
   const isDisabled = disabled || editable === false;
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
   const effectivePrefix = prefixIcon ? renderIcon(prefixIcon, 20, prefixIconColor ?? colors.foregroundMuted) : prefix;
-  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React54__default.default.createElement(
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => setShowPassword(!showPassword),
@@ -1037,10 +1037,10 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityRole: "button",
       accessibilityLabel: showPassword ? "Hide password" : "Show password"
     },
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })
   ) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : suffix;
   const borderColor = error ? colors.destructive : focused ? colors.primary : colors.border;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React55__default.default.createElement(
     reactNativeEase.EaseView,
     {
       style: [
@@ -1052,8 +1052,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       animate: { borderColor },
       transition: COLOR_TRANSITION
     },
-    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
-    sheetMode ? /* @__PURE__ */ React54__default.default.createElement(
+    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
+    sheetMode ? /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetTextInput,
       {
         style: [
@@ -1077,7 +1077,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         accessibilityLabel: accessibilityLabel ?? label,
         ...props
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
@@ -1102,8 +1102,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         ...props
       }
     ),
-    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles4.helperText, { color: colors.destructive }],
@@ -1111,7 +1111,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+  ) : null, !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles4 = reactNative.StyleSheet.create({
   container: {
@@ -1213,7 +1213,7 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
   const effectiveIcon = iconName ? renderIcon(iconName, sizeIconSize[size], iconColor ?? textColor) : icon;
   const content = children ?? label;
   const a11yLabel = typeof content === "string" ? content : label;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style],
@@ -1221,10 +1221,10 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
       accessibilityLabel: a11yLabel
     },
     effectiveIcon,
-    typeof content === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content
+    typeof content === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content
   );
 }
-var Badge = React54__default.default.memo(BadgeBase);
+var Badge = React55__default.default.memo(BadgeBase);
 var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
@@ -1269,9 +1269,9 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
       elevation: 0
     }
   }[variant];
-  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -1287,21 +1287,21 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
   return cardContent;
 }
 function CardHeader({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
 }
 function CardTitle({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
 }
 function CardDescription({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
 }
 function CardContent({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
 }
 function CardFooter({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
 }
 var styles6 = reactNative.StyleSheet.create({
   card: {
@@ -1339,7 +1339,7 @@ var styles6 = reactNative.StyleSheet.create({
 });
 function Separator({ orientation = "horizontal", style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1374,7 +1374,7 @@ function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
   const a11yLabel = label || "Loading";
   if (label) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles8.wrapper,
@@ -1382,8 +1382,8 @@ function Spinner({ size = "md", color, label, ...props }) {
         accessibilityLabel: a11yLabel,
         accessibilityState: { busy: true }
       },
-      /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles8.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
@@ -1393,7 +1393,7 @@ function Spinner({ size = "md", color, label, ...props }) {
       )
     );
   }
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ActivityIndicator,
     {
       size: sizeMap2[size],
@@ -1421,13 +1421,14 @@ function Skeleton({
   borderRadius = 6,
   preset = "base",
   diameter = 40,
+  backgroundColor,
   style
 }) {
   const { colors, colorScheme } = useTheme();
   const shimmer = Animated12.useSharedValue(0);
-  const [containerWidth, setContainerWidth] = React54.useState(300);
-  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
-  React54.useEffect(() => {
+  const [containerWidth, setContainerWidth] = React55.useState(300);
+  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.07)";
+  React55.useEffect(() => {
     shimmer.value = Animated12.withRepeat(
       Animated12.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated12.Easing.linear }),
       -1,
@@ -1440,12 +1441,12 @@ function Skeleton({
   const resolvedWidth = preset === "circle" ? s(diameter) : preset === "text" ? "60%" : width;
   const resolvedHeight = preset === "circle" ? s(diameter) : preset === "text" ? 14 : height;
   const resolvedRadius = preset === "circle" ? 9999 : preset === "text" ? 4 : borderRadius;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
         styles9.base,
-        { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: colors.surface },
+        { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: backgroundColor ?? colors.skeleton },
         style
       ],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
@@ -1453,7 +1454,7 @@ function Skeleton({
       accessibilityLabel: "Loading",
       accessibilityState: { busy: true }
     },
-    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React55__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1473,10 +1474,10 @@ var aspectRatioMap = {
 };
 function MediaCardSkeleton({ aspectRatio = "4:3", showSubtitle = true, style }) {
   const ratio = aspectRatioMap[aspectRatio];
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "45%", height: vs(12), borderRadius: RADIUS.xs }) : null));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "45%", height: vs(12), borderRadius: RADIUS.xs }) : null));
 }
 function ListItemSkeleton({ showAvatar = true, showSubtitle = true, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "40%", height: vs(12), borderRadius: RADIUS.xs }) : null));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React55__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React55__default.default.createElement(Skeleton, { width: "40%", height: vs(12), borderRadius: RADIUS.xs }) : null));
 }
 function ListSkeleton({
   count = 6,
@@ -1487,10 +1488,10 @@ function ListSkeleton({
   style
 }) {
   if (columns <= 1) {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(ListItemSkeleton, { key: i, showAvatar })));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React55__default.default.createElement(ListItemSkeleton, { key: i, showAvatar })));
   }
   const widthPct = `${100 / columns}%`;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React54__default.default.createElement(MediaCardSkeleton, { aspectRatio }))));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React55__default.default.createElement(MediaCardSkeleton, { aspectRatio }))));
 }
 Skeleton.MediaCard = MediaCardSkeleton;
 Skeleton.ListItem = ListItemSkeleton;
@@ -1553,7 +1554,7 @@ function getInitials(fallback, fallbackText) {
 }
 function AvatarBase({ src, fallback, fallbackText, size = "md", status, style }) {
   const { colors } = useTheme();
-  const [imageError, setImageError] = React54.useState(false);
+  const [imageError, setImageError] = React55.useState(false);
   const dimension = typeof size === "number" ? size : sizeMap3[size];
   const fontSize = typeof size === "number" ? size * 0.38 : fontSizeMap[size];
   const showFallback = !src || imageError;
@@ -1572,21 +1573,21 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     overflow: "hidden"
   };
   const a11yLabel = fallbackText || fallback || "Avatar";
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles10.wrapper, style],
       accessibilityRole: "image",
       accessibilityLabel: a11yLabel
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Image,
       {
         source: { uri: src },
         style: { width: dimension, height: dimension },
         onError: () => setImageError(true)
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
@@ -1594,7 +1595,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
       },
       getInitials(fallback, fallbackText)
     )),
-    status && /* @__PURE__ */ React54__default.default.createElement(
+    status && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1612,7 +1613,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     )
   );
 }
-var Avatar = React54__default.default.memo(AvatarBase);
+var Avatar = React55__default.default.memo(AvatarBase);
 var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -1637,15 +1638,15 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
   const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.foreground;
   const bgColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.15)" : "rgba(199, 40, 40, 0.10)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.15)" : "rgba(26, 122, 69, 0.10)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.15)" : "rgba(154, 82, 0, 0.10)" : colors.surface;
   const borderColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.30)" : "rgba(199, 40, 40, 0.25)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.30)" : "rgba(26, 122, 69, 0.25)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.30)" : "rgba(154, 82, 0, 0.25)" : colors.border;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
     // AUDIT FIX: default variant previously used colors.primary (near-black)
     // as the info icon tint — ambiguous and heavy. accentResolved gives it
     // a meaningful chromatic signal when an accent is defined.
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor })
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor })
   );
   const effectiveIcon = iconName ? renderIcon(iconName, ms(16), iconColor ?? accentColor) : icon ?? defaultIcon;
   const a11yLabel = description ? `${title}. ${description}` : title;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1656,9 +1657,9 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
       accessibilityRole: "alert",
       accessibilityLabel: a11yLabel
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null),
-    onDismiss ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null),
+    onDismiss ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onDismiss,
@@ -1667,7 +1668,7 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
         accessibilityRole: "button",
         accessibilityLabel: "Dismiss"
       },
-      /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(16), color: colors.foregroundMuted })
+      /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(16), color: colors.foregroundMuted })
     ) : null
   );
 }
@@ -1704,9 +1705,9 @@ var styles11 = reactNative.StyleSheet.create({
 function Progress({ value = 0, max = 100, variant = "default", style, accessibilityLabel }) {
   const { colors } = useTheme();
   const percent = Math.min(Math.max(value / max * 100, 0), 100);
-  const [trackWidth, setTrackWidth] = React54.useState(0);
+  const [trackWidth, setTrackWidth] = React55.useState(0);
   const animatedWidth = Animated12.useSharedValue(0);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (trackWidth === 0) return;
     animatedWidth.value = Animated12.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
   }, [percent, trackWidth, animatedWidth]);
@@ -1714,7 +1715,7 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
     width: animatedWidth.value
   }));
   const indicatorColor = variant === "success" ? colors.success : variant === "warning" ? colors.warning : variant === "destructive" ? colors.destructive : colors.primary;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles12.track, { backgroundColor: colors.surface }, style],
@@ -1723,7 +1724,7 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
       accessibilityLabel,
       accessibilityValue: { min: 0, max: 100, now: Math.round(percent) }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       Animated12__default.default.View,
       {
         style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
@@ -1747,7 +1748,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
   const { colors } = useTheme();
   const isCompact = size === "compact";
   const effectiveIcon = iconName ? renderIcon(iconName, isCompact ? 32 : 48, iconColor ?? colors.foregroundMuted) : icon;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1757,7 +1758,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React54__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1768,15 +1769,15 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles13.title, isCompact && styles13.titleCompact, { color: colors.foreground }],
         allowFontScaling: true
       },
       title
-    ), description && !isCompact ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
-    !isCompact && (action ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React54__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
+    ), description && !isCompact ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
+    !isCompact && (action ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React55__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
   );
 }
 var styles13 = reactNative.StyleSheet.create({
@@ -1835,7 +1836,7 @@ var styles13 = reactNative.StyleSheet.create({
 function useColorTransition(active, options = {}) {
   const { duration = TIMINGS.state.duration } = options;
   const progress = Animated12.useSharedValue(active ? 1 : 0);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     progress.value = Animated12.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
   }, [active, duration, progress]);
   return progress;
@@ -1859,7 +1860,7 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React54.useState(false);
+  const [focused, setFocused] = React55.useState(false);
   const focusProgress = useColorTransition(focused, {
     duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
   });
@@ -1868,7 +1869,7 @@ function Textarea({
     borderColor: error ? colors.destructive : Animated12.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
     borderWidth: error ? 2 : Animated12.interpolate(focusProgress.value, [0, 1], [1, 2])
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React55__default.default.createElement(
     Animated12__default.default.View,
     {
       style: [
@@ -1876,9 +1877,9 @@ function Textarea({
         { backgroundColor: colors.background }
       ]
     },
-    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    resolvedPrefixIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
+    resolvedPrefixIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TextInput,
       {
         multiline: true,
@@ -1907,7 +1908,7 @@ function Textarea({
         ...props
       }
     )
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles14.helperText, { color: colors.destructive }],
@@ -1915,7 +1916,7 @@ function Textarea({
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+  ) : null, !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles14 = reactNative.StyleSheet.create({
   container: {
@@ -1975,7 +1976,7 @@ function Checkbox({
     // AUDIT FIX: opacity was applied only to the box, leaving the label at full
     // opacity when disabled — a contradictory visual signal. Now the entire row
     // dims uniformly so label and control communicate the same disabled state.
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       PressableButton,
       {
         style: [styles15.row, disabled && styles15.rowDisabled, style],
@@ -1987,7 +1988,7 @@ function Checkbox({
         accessibilityLabel: accessibilityLabel ?? label,
         accessibilityState: { checked, disabled: !!disabled }
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles15.box,
@@ -1997,9 +1998,9 @@ function Checkbox({
           },
           transition: COLOR_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
+        /* @__PURE__ */ React55__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
       ),
-      label ? /* @__PURE__ */ React54__default.default.createElement(
+      label ? /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles15.label, { color: colors.foreground }],
@@ -2051,7 +2052,7 @@ var DISABLED_OPACITY = 0.45;
 function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel }) {
   const { colors } = useTheme();
   const isDisabled = !!disabled;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -2066,14 +2067,14 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
       accessibilityState: { checked, disabled: isDisabled },
       style: styles16.touchable
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles16.trackContainer }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles16.trackContainer }, /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.track, isDisabled && styles16.disabledTrack],
         animate: { backgroundColor: checked ? colors.primary : colors.surfaceStrong },
         transition: COLOR_TRANSITION
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.trackBorder, { borderWidth: 1.5 }],
@@ -2081,30 +2082,30 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
         animate: { borderColor: checked ? "transparent" : colors.border },
         transition: COLOR_TRANSITION
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.thumb, { backgroundColor: colors.primaryForeground }],
         animate: { translateX: checked ? THUMB_TRAVEL : 0 },
         transition: SPRING_ELASTIC
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles16.iconWrapper,
           animate: { opacity: checked ? isDisabled ? DISABLED_OPACITY : 1 : 0 },
           transition: OPACITY_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })
+        /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })
       ),
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles16.iconWrapper,
           animate: { opacity: checked ? 0 : isDisabled ? DISABLED_OPACITY : 1 },
           transition: OPACITY_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted })
+        /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted })
       )
     ))
   ));
@@ -2157,15 +2158,15 @@ function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconC
     return prop;
   };
   if (pressed) {
-    if (activeIconName) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
+    if (activeIconName) return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
     const active = renderProp(activeIcon);
-    if (active) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, active);
-    return /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
+    if (active) return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, active);
+    return /* @__PURE__ */ React55__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
   }
-  if (iconName) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
+  if (iconName) return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
   const custom = renderProp(icon);
-  if (custom) return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, custom);
-  return /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });
+  if (custom) return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, custom);
+  return /* @__PURE__ */ React55__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: mutedColor });
 }
 var sizeStyles = {
   sm: { paddingHorizontal: s(12), paddingVertical: vs(8), minWidth: s(40), minHeight: vs(40) },
@@ -2196,7 +2197,7 @@ function Toggle({
     selectionAsync();
     onPressedChange?.(!pressed);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       onPress: handlePress,
@@ -2208,7 +2209,7 @@ function Toggle({
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected: pressed, disabled: !!disabled }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles17.base, sizeStyles[size], { borderWidth: 2 }],
@@ -2218,7 +2219,7 @@ function Toggle({
         },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React55__default.default.createElement(
         ToggleIcon,
         {
           pressed,
@@ -2232,7 +2233,7 @@ function Toggle({
           primaryColor: colors.primary,
           mutedColor: colors.foregroundMuted
         }
-      ), label ? /* @__PURE__ */ React54__default.default.createElement(
+      ), label ? /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles17.label, { color: pressed ? colors.primary : colors.foreground }],
@@ -2262,9 +2263,9 @@ var styles17 = reactNative.StyleSheet.create({
   }
 });
 function useHover() {
-  const [hovered, setHovered] = React54.useState(false);
-  const onMouseEnter = React54.useCallback(() => setHovered(true), []);
-  const onMouseLeave = React54.useCallback(() => setHovered(false), []);
+  const [hovered, setHovered] = React55.useState(false);
+  const onMouseEnter = React55.useCallback(() => setHovered(true), []);
+  const onMouseLeave = React55.useCallback(() => setHovered(false), []);
   if (reactNative.Platform.OS !== "web") {
     return { hovered: false, hoverHandlers: {} };
   }
@@ -2281,11 +2282,11 @@ function usePressScale({
 } = {}) {
   const scale2 = Animated12.useSharedValue(1);
   const { hovered, hoverHandlers } = useHover();
-  const onPressIn = React54.useCallback(() => {
+  const onPressIn = React55.useCallback(() => {
     if (disabled) return;
     scale2.value = Animated12.withSpring(pressScale, pressInSpring);
   }, [disabled, pressScale, pressInSpring, scale2]);
-  const onPressOut = React54.useCallback(() => {
+  const onPressOut = React55.useCallback(() => {
     if (disabled) return;
     scale2.value = Animated12.withSpring(1, pressOutSpring);
   }, [disabled, pressOutSpring, scale2]);
@@ -2318,7 +2319,7 @@ function RadioItem({
     // AUDIT FIX: opacity was applied only to the radio circle, leaving the label
     // at full opacity when disabled. The whole row now dims uniformly so users
     // get a single, consistent disabled signal across the entire item.
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles18.row, option.disabled && styles18.rowDisabled],
@@ -2337,14 +2338,14 @@ function RadioItem({
         accessibilityLabel: option.label,
         accessibilityState: { checked: selected, disabled: !!option.disabled }
       },
-      /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles18.radio,
           animate: { borderColor: selected ? colors.primary : colors.border },
           transition: COLOR_TRANSITION
         },
-        /* @__PURE__ */ React54__default.default.createElement(
+        /* @__PURE__ */ React55__default.default.createElement(
           reactNativeEase.EaseView,
           {
             style: [styles18.dot, { backgroundColor: colors.primary }],
@@ -2353,7 +2354,7 @@ function RadioItem({
           }
         )
       )),
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles18.label, { color: colors.foreground }],
@@ -2372,14 +2373,14 @@ function RadioGroup({
   style,
   accessibilityLabel
 }) {
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles18.container, orientation === "horizontal" && styles18.horizontal, style],
       accessibilityRole: "radiogroup",
       accessibilityLabel
     },
-    options.map((option) => /* @__PURE__ */ React54__default.default.createElement(
+    options.map((option) => /* @__PURE__ */ React55__default.default.createElement(
       RadioItem,
       {
         key: option.value,
@@ -2435,7 +2436,7 @@ function TabTrigger({
 }) {
   const { colors } = useTheme();
   const isUnderline = variant === "underline";
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React55__default.default.createElement(
     PressableTab,
     {
       style: [
@@ -2450,7 +2451,7 @@ function TabTrigger({
       accessibilityState: { selected: isActive },
       accessibilityLabel: tab.label
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -2468,14 +2469,14 @@ function TabTrigger({
   ));
 }
 function Tabs({ tabs, variant = "pill", value, onValueChange, children, style }) {
-  const [internal, setInternal] = React54.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React55.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  const tabLayouts = React54.useRef({});
+  const tabLayouts = React55.useRef({});
   const pillX = Animated12.useSharedValue(0);
   const pillWidth = Animated12.useSharedValue(0);
-  const initialised = React54.useRef(false);
-  const animatePill = React54.useCallback((tabValue, animate) => {
+  const initialised = React55.useRef(false);
+  const animatePill = React55.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
@@ -2486,7 +2487,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       pillWidth.value = layout.width;
     }
   }, [pillX, pillWidth]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (initialised.current) animatePill(active, true);
   }, [active, animatePill]);
   const handlePress = (v) => {
@@ -2498,7 +2499,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     transform: [{ translateX: pillX.value }],
     width: pillWidth.value
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -2506,7 +2507,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       ],
       accessibilityRole: "tablist"
     },
-    variant === "pill" && /* @__PURE__ */ React54__default.default.createElement(
+    variant === "pill" && /* @__PURE__ */ React55__default.default.createElement(
       Animated12__default.default.View,
       {
         style: [
@@ -2528,7 +2529,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
         ]
       }
     ),
-    tabs.map((tab) => /* @__PURE__ */ React54__default.default.createElement(
+    tabs.map((tab) => /* @__PURE__ */ React55__default.default.createElement(
       TabTrigger,
       {
         key: tab.value,
@@ -2550,7 +2551,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
 }
 function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
 }
 var styles19 = reactNative.StyleSheet.create({
   list: {
@@ -2611,7 +2612,7 @@ function AccordionItemComponent({
   const resolvedIcon = item.iconName ? renderIcon(item.iconName, ms(16), item.iconColor ?? colors.foregroundMuted) : item.icon;
   const isExpanded = Animated12.useSharedValue(isOpen);
   const height = Animated12.useSharedValue(0);
-  React54__default.default.useEffect(() => {
+  React55__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
   const derivedHeight = Animated12.useDerivedValue(
@@ -2633,7 +2634,7 @@ function AccordionItemComponent({
   const rotationStyle = Animated12.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Pressable,
     {
       style: ({ pressed }) => [styles20.trigger, { opacity: pressed ? 0.6 : 1 }],
@@ -2645,9 +2646,17 @@ function AccordionItemComponent({
       accessibilityState: { expanded: isOpen },
       accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),
-    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
-  ), /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),
+    item.triggerActions ? /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.View,
+      {
+        style: styles20.triggerActions,
+        onTouchEnd: (e) => e.stopPropagation()
+      },
+      item.triggerActions
+    ) : null,
+    /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2655,11 +2664,11 @@ function AccordionItemComponent({
         height.value = e.nativeEvent.layout.height;
       }
     },
-    typeof item.content === "string" || typeof item.content === "number" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles20.contentText, { color: colors.foregroundMuted }], allowFontScaling: true }, item.content) : item.content
+    typeof item.content === "string" || typeof item.content === "number" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles20.contentText, { color: colors.foregroundMuted }], allowFontScaling: true }, item.content) : item.content
   )));
 }
 function Accordion({ items, type = "single", defaultValue, style }) {
-  const [openValues, setOpenValues] = React54.useState(() => {
+  const [openValues, setOpenValues] = React55.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -2672,7 +2681,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -2715,6 +2724,12 @@ var styles20 = reactNative.StyleSheet.create({
   chevron: {
     marginLeft: s(8)
   },
+  triggerActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(4),
+    marginLeft: s(8)
+  },
   // position:'absolute' is the key — the inner View escapes the animated wrapper's
   // clipped height so onLayout always reports the true content height.
   content: {
@@ -2744,7 +2759,7 @@ function Slider({
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React54.useRef(value);
+  const lastSteppedValue = React55.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -2752,7 +2767,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles21.wrapper, style],
@@ -2765,8 +2780,8 @@ function Slider({
         text: formatValue2(value)
       }
     },
-    label || showValue ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React54__default.default.createElement(
+    label || showValue ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React55__default.default.createElement(
       RNSlider__default.default,
       {
         value,
@@ -2811,14 +2826,14 @@ var styles21 = reactNative.StyleSheet.create({
   }
 });
 function SheetHeader({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
 }
 function SheetContent({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
 }
 function SheetFooter({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
 }
 function Sheet({
   open,
@@ -2840,20 +2855,26 @@ function Sheet({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const ref = React54.useRef(null);
-  const wasOpened = React54.useRef(false);
-  const name = React54.useId();
-  React54.useEffect(() => {
-    if (open) {
+  const ref = React55.useRef(null);
+  const wasOpened = React55.useRef(false);
+  const isPresentedRef = React55.useRef(false);
+  const name = React55.useId();
+  const handleDismiss = React55.useCallback(() => {
+    isPresentedRef.current = false;
+    onClose?.();
+  }, [onClose]);
+  React55.useEffect(() => {
+    if (open && !isPresentedRef.current) {
       impactMedium();
       ref.current?.present();
       wasOpened.current = true;
-    } else if (wasOpened.current) {
+      isPresentedRef.current = true;
+    } else if (!open && wasOpened.current && isPresentedRef.current) {
       ref.current?.dismiss();
     }
   }, [open]);
-  const renderBackdrop = React54.useCallback(
-    (props) => /* @__PURE__ */ React54__default.default.createElement(
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,
       {
         ...props,
@@ -2864,15 +2885,15 @@ function Sheet({
     ),
     []
   );
-  const childArray = React54__default.default.Children.toArray(children);
-  const customHeader = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetHeader);
-  const customContent = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetContent);
-  const customFooter = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetFooter);
+  const childArray = React55__default.default.Children.toArray(children);
+  const customHeader = childArray.find((child) => React55__default.default.isValidElement(child) && child.type === SheetHeader);
+  const customContent = childArray.find((child) => React55__default.default.isValidElement(child) && child.type === SheetContent);
+  const customFooter = childArray.find((child) => React55__default.default.isValidElement(child) && child.type === SheetFooter);
   const filteredChildren = customHeader || customContent || customFooter ? childArray.filter(
-    (child) => !React54__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
+    (child) => !React55__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
   ) : children;
   const showHeader = !!(title || subtitle || showCloseButton) && !customHeader;
-  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.header, { backgroundColor: colors.card }], accessibilityRole: "header" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React54__default.default.createElement(
+  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles22.header, { backgroundColor: colors.card }], accessibilityRole: "header" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: onClose,
@@ -2883,24 +2904,24 @@ function Sheet({
       accessibilityLabel: "Close",
       hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
     },
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
-  ) : null), subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null) : null;
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
+  ) : null), subtitle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null) : null;
   const contentNode = customContent ? customContent : filteredChildren;
   const effectiveFooter = customFooter ? customFooter : footer;
-  const renderFooter = React54.useCallback(
+  const renderFooter = React55.useCallback(
     (props) => {
       if (!effectiveFooter) return null;
-      return /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
+      return /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
     },
     [effectiveFooter]
   );
   const useDynamicSizing = !snapPoints;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
       name,
-      onDismiss: onClose,
+      onDismiss: handleDismiss,
       enableDynamicSizing: useDynamicSizing,
       snapPoints,
       maxDynamicContentSize: useDynamicSizing && maxHeight ? maxHeight : void 0,
@@ -2915,7 +2936,7 @@ function Sheet({
       android_keyboardInputMode,
       enableBlurKeyboardOnGesture
     },
-    scrollable ? /* @__PURE__ */ React54__default.default.createElement(
+    scrollable ? /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetScrollView,
       {
         contentContainerStyle: [styles22.scrollContent, style],
@@ -2926,7 +2947,7 @@ function Sheet({
       },
       headerNode,
       contentNode
-    ) : /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
+    ) : /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
   );
 }
 Sheet.Header = SheetHeader;
@@ -3005,9 +3026,9 @@ function Select({
     pressScale: PRESS_SCALE.button,
     disabled
   });
-  const [pickerVisible, setPickerVisible] = React54.useState(false);
-  const [pendingValue, setPendingValue] = React54.useState(value);
-  const pickerRef = React54.useRef(null);
+  const [pickerVisible, setPickerVisible] = React55.useState(false);
+  const [pendingValue, setPendingValue] = React55.useState(value);
+  const pickerRef = React55.useRef(null);
   const selected = options.find((o) => o.value === value);
   const handleOpen = () => {
     if (disabled) return;
@@ -3029,7 +3050,7 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -3049,7 +3070,7 @@ function Select({
       accessibilityValue: { text: selected?.label ?? placeholder },
       accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -3061,8 +3082,8 @@ function Select({
       },
       selected?.label ?? placeholder
     ),
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
-  )) : null, isIOS ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
+  )) : null, isIOS ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -3070,16 +3091,16 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React54__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React55__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React55__default.default.createElement(
       picker.Picker,
       {
         selectedValue: pendingValue ?? "",
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
+      !value ? /* @__PURE__ */ React55__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
+      options.map((o) => /* @__PURE__ */ React55__default.default.createElement(
         picker.Picker.Item,
         {
           key: o.value,
@@ -3090,7 +3111,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, isAndroid ? /* @__PURE__ */ React55__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -3106,8 +3127,8 @@ function Select({
       prompt: label,
       style: styles23.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
+    !value ? /* @__PURE__ */ React55__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
+    options.map((o) => /* @__PURE__ */ React55__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -3116,7 +3137,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React55__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -3136,8 +3157,8 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
+    options.map((o) => /* @__PURE__ */ React55__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -3146,7 +3167,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
 }
 var styles23 = reactNative.StyleSheet.create({
   container: {
@@ -3227,7 +3248,7 @@ function useToast() {
 function ToastProvider({ children }) {
   const { colorScheme } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  return /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, children, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, children, /* @__PURE__ */ React55__default.default.createElement(
     sonnerNative.Toaster,
     {
       theme: colorScheme,
@@ -3296,7 +3317,7 @@ function CurrencyInput({
     fontSize: isLarge ? ms(32) : ms(17)
   };
   const displayValue = value && prefix && value.startsWith(prefix) ? value.slice(prefix.length) : value;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     Input,
     {
       ...props,
@@ -3347,7 +3368,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
   const baseFontSize = variant ? variantFontSize[variant] : ms(56);
   const fontSize = maxFontSize ?? baseFontSize;
   const letterSpacing = variant ? variantLetterSpacing[variant] : -2;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles24.amount, { color: textColor ?? colors.foreground, fontSize, letterSpacing }],
@@ -3359,7 +3380,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
     formatted
   ));
 }
-var CurrencyDisplay = React54__default.default.memo(CurrencyDisplayBase);
+var CurrencyDisplay = React55__default.default.memo(CurrencyDisplayBase);
 var styles24 = reactNative.StyleSheet.create({
   container: {
     alignSelf: "flex-start"
@@ -3399,7 +3420,7 @@ function ListItemBase({
     selectionAsync();
     onPress?.();
   };
-  const effectiveLeft = imageSource ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Image, { source: imageSource, style: styles25.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender;
+  const effectiveLeft = imageSource ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Image, { source: imageSource, style: styles25.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender;
   const hasRightContent = !!(rightIcon || rightActions && rightActions.length > 0 || rightRender !== void 0 || showChevron);
   const cardStyle = variant === "card" ? {
     backgroundColor: colors.card,
@@ -3413,7 +3434,7 @@ function ListItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? [title, subtitle, caption].filter(Boolean).join(". ");
-  const content = /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React54__default.default.createElement(
+  const content = /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.title, { color: colors.foreground }, titleStyle],
@@ -3421,7 +3442,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     title
-  ), subtitle ? /* @__PURE__ */ React54__default.default.createElement(
+  ), subtitle ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
@@ -3429,7 +3450,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     subtitle
-  ) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, caption ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
@@ -3437,16 +3458,16 @@ function ListItemBase({
       allowFontScaling: true
     },
     caption
-  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted)) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null), hasRightContent ? rightIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted)) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.rightText, { color: colors.foregroundMuted }],
       allowFontScaling: true
     },
     rightRender
-  ) : rightRender) : showChevron ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null : null);
+  ) : rightRender) : showChevron ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null : null);
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React55__default.default.createElement(
       PressableRow,
       {
         style: [styles25.container, cardStyle, style],
@@ -3460,11 +3481,11 @@ function ListItemBase({
         accessibilityState: { disabled: !!disabled }
       },
       content
-    ), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
+    ), showSeparator ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var ListItem = React54__default.default.memo(ListItemBase);
+var ListItem = React55__default.default.memo(ListItemBase);
 var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3531,17 +3552,17 @@ var styles25 = reactNative.StyleSheet.create({
 });
 function ListGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  const processedChildren = React54__default.default.Children.map(children, (child, index) => {
-    if (!React54__default.default.isValidElement(child)) return child;
+  const processedChildren = React55__default.default.Children.map(children, (child, index) => {
+    if (!React55__default.default.isValidElement(child)) return child;
     if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
       return child;
     }
     const childProps = child.props;
     const isListItem = "title" in childProps;
     if (!isListItem) return child;
-    const isLast = index === React54__default.default.Children.count(children) - 1;
+    const isLast = index === React55__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React54__default.default.cloneElement(child, {
+      return React55__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3559,21 +3580,21 @@ function ListGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
 }
 function ListGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
 }
 function ListGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
 }
 ListGroup.Header = ListGroupHeader;
 ListGroup.Footer = ListGroupFooter;
@@ -3637,7 +3658,7 @@ function MenuItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? (subtitle ? `${label}. ${subtitle}` : label);
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React55__default.default.createElement(
     PressableRow,
     {
       style: [styles27.container, cardStyle, style],
@@ -3650,8 +3671,8 @@ function MenuItemBase({
       accessibilityLabel: a11yLabel,
       accessibilityState: { disabled }
     },
-    resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React54__default.default.createElement(
+    resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.label, { color: colors.foreground }, labelStyle],
@@ -3659,7 +3680,7 @@ function MenuItemBase({
         allowFontScaling: true
       },
       label
-    ), subtitle ? /* @__PURE__ */ React54__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.subtitle, { color: colors.foregroundMuted }],
@@ -3668,7 +3689,7 @@ function MenuItemBase({
       },
       subtitle
     ) : null),
-    rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(
+    rightRender !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles27.rightContainer,
@@ -3677,10 +3698,10 @@ function MenuItemBase({
         }
       },
       rightRender
-    ) : showChevron ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
-  ), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles27.separator, { backgroundColor: colors.separator }] }) : null);
+    ) : showChevron ? /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
+  ), showSeparator ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles27.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var MenuItem = React54__default.default.memo(MenuItemBase);
+var MenuItem = React55__default.default.memo(MenuItemBase);
 var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3724,17 +3745,17 @@ var styles27 = reactNative.StyleSheet.create({
 });
 function MenuGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  const processedChildren = React54__default.default.Children.map(children, (child, index) => {
-    if (!React54__default.default.isValidElement(child)) return child;
+  const processedChildren = React55__default.default.Children.map(children, (child, index) => {
+    if (!React55__default.default.isValidElement(child)) return child;
     if (child.type === MenuGroupHeader || child.type === MenuGroupFooter) {
       return child;
     }
     const childProps = child.props;
     const isMenuItem = "onPress" in childProps;
     if (!isMenuItem) return child;
-    const isLast = index === React54__default.default.Children.count(children) - 1;
+    const isLast = index === React55__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React54__default.default.cloneElement(child, {
+      return React55__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3752,21 +3773,21 @@ function MenuGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.container, cardStyle, style] }, processedChildren);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.container, cardStyle, style] }, processedChildren);
 }
 function MenuGroupHeader({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
 }
 function MenuGroupFooter({ children, style }) {
   const { colors } = useTheme();
   if (typeof children === "string") {
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
 }
 MenuGroup.Header = MenuGroupHeader;
 MenuGroup.Footer = MenuGroupFooter;
@@ -3803,7 +3824,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     onPress?.();
   };
   const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: handlePress,
@@ -3813,7 +3834,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles29.chip,
@@ -3823,8 +3844,8 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React54__default.default.createElement(
+      resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles29.label, { color: selected ? colors.primaryForeground : colors.foreground }],
@@ -3835,7 +3856,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     )
   ));
 }
-var Chip = React54__default.default.memo(ChipBase);
+var Chip = React55__default.default.memo(ChipBase);
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
   const handlePress = (optionValue) => {
     if (!multiSelect) {
@@ -3851,7 +3872,7 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     if (Array.isArray(value)) return value.includes(optionValue);
     return optionValue === value;
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React55__default.default.createElement(
     Chip,
     {
       key: opt.value,
@@ -3911,20 +3932,26 @@ function ConfirmDialog({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const ref = React54.useRef(null);
-  const wasOpened = React54.useRef(false);
-  const name = React54.useId();
-  React54.useEffect(() => {
-    if (visible) {
+  const ref = React55.useRef(null);
+  const wasOpened = React55.useRef(false);
+  const isPresentedRef = React55.useRef(false);
+  const name = React55.useId();
+  const handleDismiss = React55.useCallback(() => {
+    isPresentedRef.current = false;
+    onCancel();
+  }, [onCancel]);
+  React55.useEffect(() => {
+    if (visible && !isPresentedRef.current) {
       impactMedium();
       ref.current?.present();
       wasOpened.current = true;
-    } else if (wasOpened.current) {
+      isPresentedRef.current = true;
+    } else if (!visible && wasOpened.current && isPresentedRef.current) {
       ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = React54.useCallback(
-    (props) => /* @__PURE__ */ React54__default.default.createElement(
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetBackdrop,
       {
         ...props,
@@ -3935,12 +3962,12 @@ function ConfirmDialog({
     ),
     []
   );
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
       name,
-      onDismiss: onCancel,
+      onDismiss: handleDismiss,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
       backgroundStyle: { ...styles30.background, backgroundColor: colors.card },
@@ -3948,7 +3975,7 @@ function ConfirmDialog({
       enablePanDownToClose: true,
       topInset: insets.top
     },
-    /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.header, accessibilityRole: "header" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.headerRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles30.header, accessibilityRole: "header" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles30.headerRow }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onCancel,
@@ -3959,8 +3986,8 @@ function ConfirmDialog({
         accessibilityLabel: "Close",
         hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
       },
-      /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
-    ) : null), subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles30.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
+    ) : null), subtitle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles30.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: confirmLabel,
@@ -3972,7 +3999,7 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
-        icon: /* @__PURE__ */ React54__default.default.createElement(
+        icon: /* @__PURE__ */ React55__default.default.createElement(
           vectorIcons.Feather,
           {
             name: confirmVariant === "destructive" ? "trash-2" : "check",
@@ -3981,7 +4008,7 @@ function ConfirmDialog({
           }
         )
       }
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: cancelLabel,
@@ -3991,7 +4018,7 @@ function ConfirmDialog({
           selectionAsync();
           onCancel();
         },
-        icon: /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
+        icon: /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
       }
     )))
   );
@@ -4042,9 +4069,9 @@ var styles30 = reactNative.StyleSheet.create({
 function LabelValueBase({ label, value, iconName, iconColor, style }) {
   const { colors } = useTheme();
   const resolvedIcon = iconName ? renderIcon(iconName, ms(14), iconColor ?? colors.foregroundMuted) : null;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var LabelValue = React54__default.default.memo(LabelValueBase);
+var LabelValue = React55__default.default.memo(LabelValueBase);
 var styles31 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -4109,7 +4136,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
     selectionAsync();
     onChange(fromIndex(index + 1));
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles32.arrow, prevDisabled && styles32.arrowDisabled],
@@ -4122,8 +4149,8 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityState: { disabled: prevDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles32.label, { color: colors.foreground }],
@@ -4131,7 +4158,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityLiveRegion: "polite"
     },
     getLabel()
-  ), /* @__PURE__ */ React54__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles32.arrow, nextDisabled && styles32.arrowDisabled],
@@ -4144,7 +4171,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityState: { disabled: nextDisabled },
       hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
-    /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
+    /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
 var styles32 = reactNative.StyleSheet.create({
@@ -4210,7 +4237,7 @@ function MediaCardBase({
   const ratio = aspectRatioMap2[aspectRatio];
   const resolvedActionIcon = actionIconName ? renderIcon(actionIconName, 18, actionActive ? colors.primary : colors.background) : actionIcon ?? renderIcon("heart", 18, actionActive ? colors.primary : colors.background);
   const a11yLabel = accessibilityLabel ?? [title, subtitle].filter(Boolean).join(". ");
-  const cardContent = /* @__PURE__ */ React54__default.default.createElement(
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -4220,14 +4247,14 @@ function MediaCardBase({
       ],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Image,
       {
         source: imageSource,
         style: styles33.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
@@ -4244,10 +4271,10 @@ function MediaCardBase({
       },
       resolvedActionIcon
     )),
-    (title || subtitle || caption || footer) && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
+    (title || subtitle || caption || footer) && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
   );
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -4263,7 +4290,7 @@ function MediaCardBase({
   }
   return cardContent;
 }
-var MediaCard = React54__default.default.memo(MediaCardBase);
+var MediaCard = React55__default.default.memo(MediaCardBase);
 var styles33 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
@@ -4321,7 +4348,7 @@ var styles33 = reactNative.StyleSheet.create({
     lineHeight: mvs(16)
   }
 });
-var CategoryChip = React54__default.default.memo(function CategoryChip2({
+var CategoryChip = React55__default.default.memo(function CategoryChip2({
   item,
   selected,
   onSelect
@@ -4332,7 +4359,7 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
   });
   const iconColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
   const resolvedIcon = typeof item.icon === "string" ? renderIcon(item.icon, 16, iconColor) : item.icon ?? null;
-  return /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => onSelect(item.value),
@@ -4344,7 +4371,7 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
       accessibilityLabel: item.label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles34.chip,
@@ -4354,8 +4381,8 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon),
-      /* @__PURE__ */ React54__default.default.createElement(
+      resolvedIcon && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon),
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles34.chipLabel, { color: selected ? colors.primaryForeground : colors.foregroundSubtle }],
@@ -4363,7 +4390,7 @@ var CategoryChip = React54__default.default.memo(function CategoryChip2({
         },
         item.label
       ),
-      item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
+      item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
     )
   ));
 });
@@ -4377,7 +4404,7 @@ function CategoryStrip({
   accessibilityLabel
 }) {
   const selected = Array.isArray(value) ? value : value ? [value] : [];
-  const handlePress = React54.useCallback(
+  const handlePress = React55.useCallback(
     (v) => {
       selectionAsync();
       if (multiSelect) {
@@ -4390,7 +4417,7 @@ function CategoryStrip({
     },
     [multiSelect, value, onValueChange]
   );
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
@@ -4400,7 +4427,7 @@ function CategoryStrip({
       accessibilityRole: multiSelect ? void 0 : "radiogroup",
       accessibilityLabel
     },
-    categories.map((cat) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React54__default.default.createElement(
+    categories.map((cat) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React55__default.default.createElement(
       CategoryChip,
       {
         item: cat,
@@ -4468,7 +4495,7 @@ function Pressable2({
     if (haptics) impactLight();
     onPress();
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableCard,
     {
       style,
@@ -4516,23 +4543,23 @@ function DetailRowBase({
     borderColor: "rgba(128,128,128,0.3)",
     marginHorizontal: s(4)
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles35.labelText, { color: colors.foregroundMuted, fontFamily: weightMap[labelWeight] }, labelStyle],
       allowFontScaling: true
     },
     label
-  ) : label), separatorStyle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : label), separatorStyle ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles35.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
       allowFontScaling: true
     },
     value
-  ) : value, resolvedRightIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
+  ) : value, resolvedRightIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
 }
-var DetailRow = React54__default.default.memo(DetailRowBase);
+var DetailRow = React55__default.default.memo(DetailRowBase);
 var styles35 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
@@ -4569,7 +4596,7 @@ var styles35 = reactNative.StyleSheet.create({
   }
 });
 function Form({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
 }
 function FormField({
   children,
@@ -4581,14 +4608,14 @@ function FormField({
   errorStyle
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
 }
 function FormSection({ children, title, description, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
 }
 function FormFooter({ children, style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
 }
 Form.Field = FormField;
 Form.Section = FormSection;
@@ -4637,7 +4664,7 @@ var defaultKeyExtractor = (item, index) => {
   return id !== void 0 ? String(id) : String(index);
 };
 function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, ref) {
-  const getItemLayout = React54.useCallback(
+  const getItemLayout = React55.useCallback(
     (_data, index) => ({
       length: itemHeight ?? 0,
       offset: (itemHeight ?? 0) * index,
@@ -4645,7 +4672,7 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }),
     [itemHeight]
   );
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.FlatList,
     {
       ref,
@@ -4657,9 +4684,9 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }
   );
 }
-var VirtualList = React54__default.default.forwardRef(VirtualListInner);
+var VirtualList = React55__default.default.forwardRef(VirtualListInner);
 function RetrayProvider({ children, theme, colorScheme = "system" }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles37.root }, /* @__PURE__ */ React54__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React54__default.default.createElement(ToastProvider, null, children)))));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles37.root }, /* @__PURE__ */ React55__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React55__default.default.createElement(ToastProvider, null, children)))));
 }
 var styles37 = reactNative.StyleSheet.create({
   root: { flex: 1 }
@@ -4671,7 +4698,7 @@ function DefaultErrorFallback({
   message
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles38.button, { backgroundColor: colors.primary }],
@@ -4684,10 +4711,10 @@ function DefaultErrorFallback({
       accessibilityRole: "button",
       accessibilityLabel: "Try again"
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Try again")
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles38.buttonLabel, { color: colors.primaryForeground }], allowFontScaling: true }, "Try again")
   ));
 }
-var ErrorBoundary = class extends React54__default.default.Component {
+var ErrorBoundary = class extends React55__default.default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -4711,7 +4738,7 @@ var ErrorBoundary = class extends React54__default.default.Component {
       if (fallback !== void 0) {
         return fallback;
       }
-      return /* @__PURE__ */ React54__default.default.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
+      return /* @__PURE__ */ React55__default.default.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
     }
     return this.props.children;
   }
@@ -4760,20 +4787,20 @@ var styles38 = reactNative.StyleSheet.create({
 });
 function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
   const progress = Animated12.useSharedValue(active ? 1 : 0);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     progress.value = Animated12.withSpring(active ? 1 : 0, SPRINGS.glide);
   }, [active, progress]);
   const animatedStyle = Animated12.useAnimatedStyle(() => ({
     width: size + progress.value * size * 1.5,
     backgroundColor: Animated12.interpolateColor(progress.value, [0, 1], [inactiveColor, activeColor])
   }));
-  const dot = /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
+  const dot = /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [{ height: size, borderRadius: size / 2 }, animatedStyle] });
   if (!onPress) return dot;
   const handlePress = () => {
     selectionAsync();
     onPress();
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -4822,14 +4849,14 @@ function PagerDots({
       onDotPress(activeIndex + 1);
     }
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles39.container, { gap: s(spacing) }, style],
       accessibilityRole: "adjustable",
       accessibilityLabel: `Page ${activeIndex + 1} of ${count}`
     },
-    hasControls && /* @__PURE__ */ React54__default.default.createElement(
+    hasControls && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePrevious,
@@ -4843,7 +4870,7 @@ function PagerDots({
       },
       renderIcon("chevron-left", s(18), canGoPrev ? colors.foreground : colors.foregroundMuted)
     ),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles39.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles39.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React55__default.default.createElement(
       Dot,
       {
         key: i,
@@ -4856,7 +4883,7 @@ function PagerDots({
         onPress: onDotPress ? () => onDotPress(i) : void 0
       }
     ))),
-    hasControls && /* @__PURE__ */ React54__default.default.createElement(
+    hasControls && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handleNext,
@@ -4907,7 +4934,7 @@ function AppHeader({
   const { width } = reactNative.useWindowDimensions();
   const isWide = width >= BREAKPOINTS.wide;
   const centered = titleAlign === "center" || titleAlign === "auto" && isWide;
-  const leftNode = left ?? (onBack ? /* @__PURE__ */ React54__default.default.createElement(
+  const leftNode = left ?? (onBack ? /* @__PURE__ */ React55__default.default.createElement(
     IconButton,
     {
       iconName: backIconName,
@@ -4917,7 +4944,7 @@ function AppHeader({
       accessibilityLabel: "Go back"
     }
   ) : null);
-  const titleBlock = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.titleBlock, centered && styles40.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React54__default.default.createElement(
+  const titleBlock = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles40.titleBlock, centered && styles40.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles40.title, { color: colors.foreground }, centered && styles40.textCentered],
@@ -4926,7 +4953,7 @@ function AppHeader({
       accessibilityRole: "header"
     },
     title
-  ) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles40.subtitle, { color: colors.foregroundMuted }, centered && styles40.textCentered],
@@ -4935,7 +4962,7 @@ function AppHeader({
     },
     subtitle
   ) : null);
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -4949,7 +4976,7 @@ function AppHeader({
         style
       ]
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.bar }, centered ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), titleBlock, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)))
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles40.bar }, centered ? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), titleBlock, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)))
   );
 }
 var styles40 = reactNative.StyleSheet.create({
@@ -5006,7 +5033,7 @@ function Cell({ item, selected, width, onPress }) {
   });
   const iconColor = selected ? colors.primary : colors.foregroundSubtle;
   const iconNode = item.icon ?? (item.iconName ? renderIcon(item.iconName, ms(24), iconColor) : null);
-  return /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress,
@@ -5029,7 +5056,7 @@ function Cell({ item, selected, width, onPress }) {
       ]
     },
     iconNode,
-    item.label ? /* @__PURE__ */ React54__default.default.createElement(
+    item.label ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles41.label, { color: selected ? colors.primary : colors.foreground }],
@@ -5050,7 +5077,7 @@ function SelectableGrid({
   orientation = "grid",
   style
 }) {
-  const [containerWidth, setContainerWidth] = React54.useState(0);
+  const [containerWidth, setContainerWidth] = React55.useState(0);
   const gapPx = s(gap);
   const cellWidth = containerWidth > 0 ? (containerWidth - gapPx * (numColumns - 1)) / numColumns - 0.5 : 0;
   const horizCellWidth = s(72);
@@ -5060,7 +5087,7 @@ function SelectableGrid({
     onChange(item.value);
   };
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       reactNative.ScrollView,
       {
         horizontal: true,
@@ -5068,7 +5095,7 @@ function SelectableGrid({
         contentContainerStyle: [styles41.horizontal, { gap: gapPx }, style],
         accessibilityRole: multiple ? void 0 : "radiogroup"
       },
-      items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
+      items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
         Cell,
         {
           key: String(item.value),
@@ -5080,14 +5107,14 @@ function SelectableGrid({
       ))
     );
   }
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles41.grid, { gap: gapPx }, style],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
       accessibilityRole: multiple ? void 0 : "radiogroup"
     },
-    cellWidth > 0 ? items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
+    cellWidth > 0 ? items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
       Cell,
       {
         key: String(item.value),
@@ -5128,6 +5155,230 @@ var styles41 = reactNative.StyleSheet.create({
     textAlign: "center"
   }
 });
+var SelectableCardContext = React55.createContext(null);
+function SelectableCardGroup({
+  type,
+  value,
+  onValueChange,
+  variant = "elevated",
+  gap = s(8),
+  style,
+  children
+}) {
+  return /* @__PURE__ */ React55__default.default.createElement(SelectableCardContext.Provider, { value: { type, value, onValueChange, variant } }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles42.group, { gap }, style] }, children));
+}
+function SelectableCard({
+  value,
+  title,
+  description,
+  iconName,
+  icon,
+  disabled = false,
+  style
+}) {
+  const ctx = React55.useContext(SelectableCardContext);
+  if (!ctx) {
+    throw new Error("SelectableCard must be used inside <SelectableCard.Group>");
+  }
+  const { colors } = useTheme();
+  const { type, value: selectedValue, onValueChange, variant } = ctx;
+  const isSelected2 = type === "radio" ? selectedValue === value : Array.isArray(selectedValue) && selectedValue.includes(value);
+  const handlePress = () => {
+    if (disabled) return;
+    impactLight();
+    if (type === "radio") {
+      onValueChange(value);
+    } else {
+      const arr = Array.isArray(selectedValue) ? selectedValue : [];
+      if (arr.includes(value)) {
+        onValueChange(arr.filter((v) => v !== value));
+      } else {
+        onValueChange([...arr, value]);
+      }
+    }
+  };
+  const variantStyle = (() => {
+    const borderWidth = 2;
+    const base = {
+      elevated: {
+        backgroundColor: colors.card,
+        borderWidth,
+        borderColor: "transparent"
+        // reserve space for selected border
+      },
+      outlined: {
+        backgroundColor: colors.card,
+        borderWidth,
+        borderColor: colors.border
+      },
+      filled: {
+        backgroundColor: colors.surfaceStrong,
+        borderWidth,
+        borderColor: colors.border
+      }
+    }[variant];
+    if (isSelected2 && !disabled) {
+      return {
+        ...base,
+        borderColor: colors.primary,
+        shadowColor: "transparent",
+        shadowOpacity: 0,
+        shadowRadius: 0,
+        elevation: 0
+      };
+    }
+    if (disabled) {
+      return {
+        ...base,
+        shadowColor: "transparent",
+        shadowOpacity: 0,
+        shadowRadius: 0,
+        elevation: 0,
+        borderColor: colors.border
+      };
+    }
+    return base;
+  })();
+  const resolvedIcon = iconName ? renderIcon(iconName, ms(22), disabled ? colors.foregroundMuted : colors.foregroundMuted) : icon;
+  const resolvedIconElement = resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles42.iconWrapper, disabled && { opacity: 0.45 }] }, resolvedIcon) : null;
+  const selectorAccessibilityRole = type === "radio" ? "radio" : "checkbox";
+  return /* @__PURE__ */ React55__default.default.createElement(
+    reactNative.Pressable,
+    {
+      onPress: handlePress,
+      disabled,
+      accessibilityRole: "button",
+      accessibilityLabel: `${title}${description ? `, ${description}` : ""}`,
+      accessibilityState: { selected: isSelected2, disabled },
+      style: [
+        styles42.card,
+        variantStyle,
+        isSelected2 && !disabled && styles42.cardSelected,
+        style
+      ]
+    },
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles42.row }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles42.selectorContainer, accessibilityRole: selectorAccessibilityRole, accessibilityState: { selected: isSelected2, disabled } }, type === "radio" ? /* @__PURE__ */ React55__default.default.createElement(
+      reactNativeEase.EaseView,
+      {
+        style: styles42.radioCircle,
+        animate: { borderColor: !disabled && isSelected2 ? colors.primary : colors.border },
+        transition: COLOR_TRANSITION
+      },
+      /* @__PURE__ */ React55__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          animate: {
+            scale: !disabled && isSelected2 ? 1 : 0,
+            opacity: !disabled && isSelected2 ? 1 : 0
+          },
+          transition: SPRING_ELASTIC
+        },
+        /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles42.radioDot, { backgroundColor: colors.primary }] })
+      )
+    ) : /* @__PURE__ */ React55__default.default.createElement(
+      reactNativeEase.EaseView,
+      {
+        style: styles42.checkboxBox,
+        animate: {
+          borderColor: !disabled && isSelected2 ? colors.primary : colors.border,
+          backgroundColor: !disabled && isSelected2 ? colors.primary : "transparent"
+        },
+        transition: COLOR_TRANSITION
+      },
+      /* @__PURE__ */ React55__default.default.createElement(
+        reactNativeEase.EaseView,
+        {
+          animate: { opacity: !disabled && isSelected2 ? 1 : 0 },
+          transition: OPACITY_TRANSITION
+        },
+        /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles42.checkmark, { borderColor: colors.primaryForeground }] })
+      )
+    )), resolvedIconElement, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles42.textArea }, /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles42.title, { color: disabled ? colors.foregroundMuted : colors.foreground }],
+        allowFontScaling: true,
+        numberOfLines: 2
+      },
+      title
+    ), description ? /* @__PURE__ */ React55__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles42.description, { color: disabled ? colors.foregroundMuted : colors.foregroundSubtle }],
+        allowFontScaling: true,
+        numberOfLines: 4
+      },
+      description
+    ) : null))
+  );
+}
+var styles42 = reactNative.StyleSheet.create({
+  group: {
+    width: "100%"
+  },
+  card: {
+    borderRadius: RADIUS.md,
+    borderWidth: 1
+  },
+  cardSelected: {
+    backgroundColor: void 0
+    // overridden by variantStyle
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    padding: s(16),
+    gap: s(12)
+  },
+  selectorContainer: {
+    paddingTop: vs(1)
+  },
+  radioCircle: {
+    width: s(24),
+    height: s(24),
+    borderRadius: s(12),
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  radioDot: {
+    width: s(10),
+    height: s(10),
+    borderRadius: s(5)
+  },
+  checkboxBox: {
+    width: s(24),
+    height: s(24),
+    borderRadius: ms(4),
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  checkmark: {
+    width: s(12),
+    height: vs(7),
+    borderLeftWidth: 2,
+    borderBottomWidth: 2,
+    transform: [{ rotate: "-45deg" }, { translateY: -1 }]
+  },
+  iconWrapper: {
+    paddingTop: vs(1)
+  },
+  textArea: {
+    flex: 1,
+    gap: vs(4)
+  },
+  title: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: ms(16),
+    lineHeight: mvs(22)
+  },
+  description: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  }
+});
 var normalize = (f) => typeof f === "string" ? { label: f, included: true } : { included: true, ...f };
 function PricingCard({
   name,
@@ -5143,11 +5394,11 @@ function PricingCard({
   style
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles42.card,
+        styles43.card,
         {
           backgroundColor: colors.card,
           borderColor: highlighted ? colors.primary : colors.border,
@@ -5158,39 +5409,39 @@ function PricingCard({
       ],
       accessibilityRole: "summary"
     },
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.header }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React54__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
-    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.priceRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
-    description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
-    features.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: styles42.featureRow }, renderIcon(
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles43.header }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React55__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
+    /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles43.priceRow }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
+    description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
+    features.length > 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles43.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: i, style: styles43.featureRow }, renderIcon(
       f.included ? "check" : "minus",
       ms(16),
       f.included ? colors.success : colors.foregroundMuted
-    ), /* @__PURE__ */ React54__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles42.featureLabel,
+          styles43.featureLabel,
           { color: f.included ? colors.foreground : colors.foregroundMuted },
-          !f.included && styles42.featureExcluded
+          !f.included && styles43.featureExcluded
         ],
         allowFontScaling: true
       },
       f.label
     )))) : null,
-    ctaLabel ? /* @__PURE__ */ React54__default.default.createElement(
+    ctaLabel ? /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: ctaLabel,
         variant: highlighted ? "primary" : "secondary",
         fullWidth: true,
         onPress: onCtaPress,
-        style: styles42.cta
+        style: styles43.cta
       }
     ) : null,
-    footnote ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
+    footnote ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles43.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
   );
 }
-var styles42 = reactNative.StyleSheet.create({
+var styles43 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     padding: s(16),
@@ -5269,11 +5520,11 @@ function TabBar({
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const resolvedActive = activeColor ?? colors.primary;
   const resolvedInactive = inactiveColor ?? colors.foregroundMuted;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles43.container,
+        styles44.container,
         {
           backgroundColor: colors.card,
           borderTopColor: colors.border,
@@ -5289,11 +5540,11 @@ function TabBar({
       const iconNode = item.icon ?? (item.iconName ? renderIcon(item.iconName, ms(24), tint) : null);
       const showBadge = item.badge !== void 0 && item.badge !== false;
       const badgeCount = typeof item.badge === "number" ? item.badge : void 0;
-      return /* @__PURE__ */ React54__default.default.createElement(
+      return /* @__PURE__ */ React55__default.default.createElement(
         reactNative.TouchableOpacity,
         {
           key: item.key,
-          style: styles43.tab,
+          style: styles44.tab,
           onPress: () => {
             if (!active) selectionAsync();
             onTabPress(item.key);
@@ -5304,23 +5555,23 @@ function TabBar({
           accessibilityState: { selected: active },
           accessibilityLabel: item.label ?? item.key
         },
-        /* @__PURE__ */ React54__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React54__default.default.createElement(
+        /* @__PURE__ */ React55__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React55__default.default.createElement(
           reactNative.View,
           {
             style: [
-              styles43.badge,
+              styles44.badge,
               { backgroundColor: colors.destructive, borderColor: colors.card },
-              badgeCount === void 0 && styles43.badgeDot
+              badgeCount === void 0 && styles44.badgeDot
             ]
           },
-          badgeCount !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
+          badgeCount !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles44.badgeText, { color: colors.destructiveForeground }], allowFontScaling: false }, badgeCount > 99 ? "99+" : badgeCount) : null
         ) : null),
-        item.label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
+        item.label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles44.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
       );
     })
   );
 }
-var styles43 = reactNative.StyleSheet.create({
+var styles44 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     borderTopWidth: reactNative.StyleSheet.hairlineWidth
@@ -5374,7 +5625,7 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
   const translateY = Animated12.useSharedValue(0);
   const savedX = Animated12.useSharedValue(0);
   const savedY = Animated12.useSharedValue(0);
-  const reportZoom = React54.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
+  const reportZoom = React55.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
   const reset = () => {
     "worklet";
     scale2.value = Animated12.withTiming(1);
@@ -5420,17 +5671,17 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
       { scale: scale2.value }
     ]
   }));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ width, height }, styles44.imageWrap], collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Image, { source, style: { width, height }, resizeMode: "contain" }))));
+  return /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ width, height }, styles45.imageWrap], collapsable: false }, /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React55__default.default.createElement(reactNative.Image, { source, style: { width, height }, resizeMode: "contain" }))));
 }
 function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
   const window = reactNative.useWindowDimensions();
   const width = window.width > 0 ? window.width : reactNative.Dimensions.get("window").width;
   const height = window.height > 0 ? window.height : reactNative.Dimensions.get("window").height;
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const [index, setIndex] = React54.useState(initialIndex);
-  const [pagingEnabled, setPagingEnabled] = React54.useState(true);
-  const scrollRef = React54__default.default.useRef(null);
-  React54__default.default.useEffect(() => {
+  const [index, setIndex] = React55.useState(initialIndex);
+  const [pagingEnabled, setPagingEnabled] = React55.useState(true);
+  const scrollRef = React55__default.default.useRef(null);
+  React55__default.default.useEffect(() => {
     if (!visible) return;
     const handle = requestAnimationFrame(() => {
       setIndex(initialIndex);
@@ -5441,7 +5692,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
   }, [visible, initialIndex, width]);
   const dragY = Animated12.useSharedValue(0);
   const DISMISS_THRESHOLD = height * 0.18;
-  const closeViewer = React54.useCallback(() => onClose(), [onClose]);
+  const closeViewer = React55.useCallback(() => onClose(), [onClose]);
   const swipeDown = reactNativeGestureHandler.Gesture.Pan().enabled(pagingEnabled).activeOffsetY(12).failOffsetX([-16, 16]).onUpdate((e) => {
     dragY.value = Math.max(0, e.translationY);
   }).onEnd((e) => {
@@ -5451,7 +5702,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       dragY.value = Animated12.withTiming(0);
     }
   });
-  React54__default.default.useEffect(() => {
+  React55__default.default.useEffect(() => {
     if (visible) dragY.value = 0;
   }, [visible, dragY]);
   const dismissStyle = Animated12.useAnimatedStyle(() => ({
@@ -5468,7 +5719,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     scrollRef.current?.scrollTo({ x: page * width, animated: true });
     setIndex(page);
   };
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles44.root }, /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles44.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles44.container, dismissStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles44.root, collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles45.root }, /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [styles45.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [styles45.container, dismissStyle] }, /* @__PURE__ */ React55__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles45.root, collapsable: false }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       ref: scrollRef,
@@ -5479,7 +5730,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       onMomentumScrollEnd: onMomentumEnd,
       bounces: false
     },
-    images.map((source, i) => /* @__PURE__ */ React54__default.default.createElement(
+    images.map((source, i) => /* @__PURE__ */ React55__default.default.createElement(
       ZoomableImage,
       {
         key: i,
@@ -5489,7 +5740,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
         onZoomChange: (zoomed) => setPagingEnabled(!zoomed)
       }
     ))
-  ))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles44.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React54__default.default.createElement(
+  ))), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles45.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React55__default.default.createElement(
     IconButton,
     {
       iconName: "x",
@@ -5500,7 +5751,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       onPress: onClose,
       accessibilityLabel: "Close"
     }
-  )), images.length > 1 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles44.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React54__default.default.createElement(
+  )), images.length > 1 ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles45.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React55__default.default.createElement(
     PagerDots,
     {
       count: images.length,
@@ -5511,7 +5762,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     }
   )) : null)));
 }
-var styles44 = reactNative.StyleSheet.create({
+var styles45 = reactNative.StyleSheet.create({
   root: {
     flex: 1
   },
@@ -5550,7 +5801,7 @@ function SheetSelectChip({
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
   const resolvedIcon = option.iconName ? renderIcon(option.iconName, ms(13), iconColor) : null;
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: option.disabled ? void 0 : handlePress,
@@ -5560,21 +5811,21 @@ function SheetSelectChip({
       accessibilityLabel: option.disabled ? `${option.label}, unavailable` : option.label,
       accessibilityState: { selected, disabled: option.disabled }
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
-        style: [styles45.chip, option.disabled && styles45.chipDisabled],
+        style: [styles46.chip, option.disabled && styles46.chipDisabled],
         animate: {
           backgroundColor: selected ? colors.primary : colors.surface,
           borderColor: selected ? colors.primary : colors.border
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React54__default.default.createElement(
+      resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles46.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
-          style: [styles45.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
+          style: [styles46.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
           allowFontScaling: true
         },
         option.label
@@ -5608,7 +5859,7 @@ function SheetSelect({
     const newArray = alreadySelected ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
     onValueChange?.(newArray);
   };
-  const chips = options.map((opt) => /* @__PURE__ */ React54__default.default.createElement(
+  const chips = options.map((opt) => /* @__PURE__ */ React55__default.default.createElement(
     SheetSelectChip,
     {
       key: opt.value,
@@ -5617,17 +5868,17 @@ function SheetSelect({
       onPress: () => handlePress(opt.value)
     }
   ));
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles45.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles45.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.wrapContainer }, chips) : /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles46.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles46.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles46.wrapContainer }, chips) : /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles45.scrollContent
+      contentContainerStyle: styles46.scrollContent
     },
     chips
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles45.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles46.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
 }
-var styles45 = reactNative.StyleSheet.create({
+var styles46 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -5682,11 +5933,13 @@ function ImageUpload({
   height = 200,
   borderRadius = RADIUS.lg,
   resizeMode = "cover",
+  allowsEditing = true,
   disabled = false,
   style,
   accessibilityLabel
 }) {
   const { colors } = useTheme();
+  const [imageLoaded, setImageLoaded] = React55.useState(false);
   const handlePress = async () => {
     if (disabled || loading) return;
     impactLight();
@@ -5711,10 +5964,11 @@ function ImageUpload({
     }
     const result = await picker.launchImageLibraryAsync({
       mediaTypes: ["images"],
-      allowsEditing: true,
+      allowsEditing,
       quality: 0.8
     });
     if (!result.canceled && result.assets?.[0]) {
+      setImageLoaded(false);
       onChange?.(result.assets[0].uri);
     }
   };
@@ -5725,10 +5979,10 @@ function ImageUpload({
     borderWidth: value ? 0 : 1,
     borderStyle: "dashed",
     borderColor: colors.border,
-    backgroundColor: value ? "transparent" : colors.surface,
+    backgroundColor: value && imageLoaded ? "transparent" : colors.surface,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableCard,
     {
       onPress: handlePress,
@@ -5740,27 +5994,29 @@ function ImageUpload({
       accessibilityState: { disabled: disabled || loading },
       style: [containerStyle, style]
     },
-    value ? /* @__PURE__ */ React54__default.default.createElement(
+    value ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Image,
       {
         source: { uri: value },
         style: [reactNative.StyleSheet.absoluteFillObject, { borderRadius }],
-        resizeMode
+        resizeMode,
+        onLoad: () => setImageLoaded(true),
+        onError: () => setImageLoaded(true)
       }
-    ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.placeholder }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React54__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles47.placeholder }, /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles46.placeholderText, { color: colors.foregroundMuted }],
+        style: [styles47.placeholderText, { color: colors.foregroundMuted }],
         numberOfLines: 1,
         allowFontScaling: true
       },
       placeholder
     ) : null),
-    loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md" })) : null,
-    value && !loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
+    loading ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles47.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React55__default.default.createElement(Spinner, { size: "md" })) : null,
+    value && !loading ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles47.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles47.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React55__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
   );
 }
-var styles46 = reactNative.StyleSheet.create({
+var styles47 = reactNative.StyleSheet.create({
   placeholder: {
     flex: 1,
     alignItems: "center",
@@ -6590,7 +6846,7 @@ function IconCell({ name, selected, size, onPress }) {
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
   const bg = selected ? colors.primary : "transparent";
-  return /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -6599,12 +6855,12 @@ function IconCell({ name, selected, size, onPress }) {
       accessibilityRole: "button",
       accessibilityState: { selected },
       accessibilityLabel: name,
-      style: [styles47.cell, { width: size, height: size, backgroundColor: bg }]
+      style: [styles48.cell, { width: size, height: size, backgroundColor: bg }]
     },
     renderIcon(name, ms(20), iconColor)
   );
 }
-var IconCellMemo = React54__default.default.memo(IconCell);
+var IconCellMemo = React55__default.default.memo(IconCell);
 function IconPicker({
   value,
   onChange,
@@ -6618,13 +6874,13 @@ function IconPicker({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const sheetRef = React54.useRef(null);
-  const catScrollRef = React54.useRef(null);
-  const [activeCategory, setActiveCategory] = React54.useState(null);
-  const [containerWidth, setContainerWidth] = React54.useState(() => reactNative.Dimensions.get("window").width - s(16) * 2);
-  const [ready, setReady] = React54.useState(false);
-  const sheetName = React54.useId();
-  const activeIcons = React54.useMemo(() => {
+  const sheetRef = React55.useRef(null);
+  const catScrollRef = React55.useRef(null);
+  const [activeCategory, setActiveCategory] = React55.useState(null);
+  const [containerWidth, setContainerWidth] = React55.useState(() => reactNative.Dimensions.get("window").width - s(16) * 2);
+  const [ready, setReady] = React55.useState(false);
+  const sheetName = React55.useId();
+  const activeIcons = React55.useMemo(() => {
     if (activeCategory) {
       return CURATED_ICONS.find((c) => c.name === activeCategory)?.icons ?? ALL_CURATED_ICONS;
     }
@@ -6632,36 +6888,36 @@ function IconPicker({
   }, [activeCategory]);
   const gapPx = s(gap);
   const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
-  const rows = React54.useMemo(() => {
+  const rows = React55.useMemo(() => {
     const result = [];
     for (let i = 0; i < activeIcons.length; i += numColumns) {
       result.push(activeIcons.slice(i, i + numColumns));
     }
     return result;
   }, [activeIcons, numColumns]);
-  const handleDismiss = React54.useCallback(() => {
+  const handleDismiss = React55.useCallback(() => {
     setActiveCategory(null);
     setReady(false);
   }, []);
-  const handleSelect = React54.useCallback(
+  const handleSelect = React55.useCallback(
     (iconName) => {
       onChange(iconName);
     },
     [onChange]
   );
-  const handleOpen = React54.useCallback(() => {
+  const handleOpen = React55.useCallback(() => {
     if (disabled) return;
     impactMedium();
     setActiveCategory(null);
     setReady(false);
     sheetRef.current?.present();
   }, [disabled]);
-  const renderBackdrop = React54.useCallback(
-    (props) => /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
     []
   );
   const selectedIcon = value ? renderIcon(value, ms(28), colors.foreground) : null;
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.triggerContainer, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles48.triggerContainer, style] }, label ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles48.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handleOpen,
@@ -6672,26 +6928,26 @@ function IconPicker({
       accessibilityLabel: label ?? "Seleccionar icono",
       accessibilityState: { disabled },
       style: [
-        styles47.trigger,
+        styles48.trigger,
         {
           backgroundColor: disabled ? colors.surface : colors.background,
           width: TRIGGER_SIZE,
           height: TRIGGER_SIZE,
           borderColor: error ? colors.destructive : value ? colors.primary : colors.border
         },
-        disabled && styles47.triggerDisabled
+        disabled && styles48.triggerDisabled
       ]
     },
     selectedIcon ?? renderIcon("plus", ms(24), colors.foregroundMuted)
-  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles47.helperText, { color: colors.destructive }],
+      style: [styles48.helperText, { color: colors.destructive }],
       allowFontScaling: true,
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React54__default.default.createElement(
+  ) : null, !error && hint ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles48.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React55__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref: sheetRef,
@@ -6700,37 +6956,37 @@ function IconPicker({
       enableDynamicSizing: true,
       maxDynamicContentSize: SCREEN_HEIGHT * 0.7,
       backdropComponent: renderBackdrop,
-      backgroundStyle: { ...styles47.sheetBackground, backgroundColor: colors.card },
-      handleIndicatorStyle: { ...styles47.handle, backgroundColor: colors.border },
+      backgroundStyle: { ...styles48.sheetBackground, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles48.handle, backgroundColor: colors.border },
       enablePanDownToClose: true,
       topInset: insets.top,
       android_keyboardInputMode: "adjustPan"
     },
-    /* @__PURE__ */ React54__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       bottomSheet.BottomSheetScrollView,
       {
-        contentContainerStyle: styles47.sheetContent,
+        contentContainerStyle: styles48.sheetContent,
         showsVerticalScrollIndicator: true
       },
-      /* @__PURE__ */ React54__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.View,
         {
-          style: styles47.gridContainer,
+          style: styles48.gridContainer,
           onLayout: (e) => {
             setContainerWidth(e.nativeEvent.layout.width);
             setReady(true);
           }
         },
-        !ready ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.loader }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React54__default.default.createElement(
+        !ready ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles48.loader }, /* @__PURE__ */ React55__default.default.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles48.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React55__default.default.createElement(
           reactNativeGestureHandler.ScrollView,
           {
             ref: catScrollRef,
             horizontal: true,
             showsHorizontalScrollIndicator: false,
-            contentContainerStyle: styles47.categoryStrip,
-            style: styles47.categoryScroll
+            contentContainerStyle: styles48.categoryStrip,
+            style: styles48.categoryScroll
           },
-          /* @__PURE__ */ React54__default.default.createElement(
+          /* @__PURE__ */ React55__default.default.createElement(
             reactNative.TouchableOpacity,
             {
               onPress: () => setActiveCategory(null),
@@ -6740,18 +6996,18 @@ function IconPicker({
               accessibilityLabel: "Todos",
               accessibilityState: { selected: activeCategory === null },
               style: [
-                styles47.categoryChip,
+                styles48.categoryChip,
                 {
                   backgroundColor: activeCategory === null ? colors.primary : colors.surface,
                   borderColor: activeCategory === null ? colors.primary : colors.border
                 }
               ]
             },
-            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React54__default.default.createElement(
+            /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles48.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React55__default.default.createElement(
               reactNative.Text,
               {
                 style: [
-                  styles47.categoryChipText,
+                  styles48.categoryChipText,
                   { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
                 ],
                 allowFontScaling: true,
@@ -6760,7 +7016,7 @@ function IconPicker({
               "Todos"
             ))
           ),
-          CURATED_ICONS.map((cat) => /* @__PURE__ */ React54__default.default.createElement(
+          CURATED_ICONS.map((cat) => /* @__PURE__ */ React55__default.default.createElement(
             reactNative.TouchableOpacity,
             {
               key: cat.name,
@@ -6771,18 +7027,18 @@ function IconPicker({
               accessibilityLabel: cat.labelEs,
               accessibilityState: { selected: activeCategory === cat.name },
               style: [
-                styles47.categoryChip,
+                styles48.categoryChip,
                 {
                   backgroundColor: activeCategory === cat.name ? colors.primary : colors.surface,
                   borderColor: activeCategory === cat.name ? colors.primary : colors.border
                 }
               ]
             },
-            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React54__default.default.createElement(
+            /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles48.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React55__default.default.createElement(
               reactNative.Text,
               {
                 style: [
-                  styles47.categoryChipText,
+                  styles48.categoryChipText,
                   { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
                 ],
                 allowFontScaling: true,
@@ -6791,7 +7047,7 @@ function IconPicker({
               cat.labelEs
             ))
           ))
-        ), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles47.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React54__default.default.createElement(
+        ), /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles48.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles48.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React55__default.default.createElement(
           IconCellMemo,
           {
             key: name,
@@ -6803,12 +7059,12 @@ function IconPicker({
               sheetRef.current?.dismiss();
             }
           }
-        )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
+        )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
       )
     )
   ));
 }
-var styles47 = reactNative.StyleSheet.create({
+var styles48 = reactNative.StyleSheet.create({
   triggerContainer: {
     gap: vs(8)
   },
@@ -6922,18 +7178,18 @@ function NumberStepperBase({
   };
   const { button: buttonSize, icon: iconSize, valueFontSize, valueLineHeight, valueMinWidth } = sizeConfig[size];
   const displayValue = String(value);
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles48.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles49.container, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
-        styles48.button,
+        styles49.button,
         {
           width: buttonSize,
           height: buttonSize,
           backgroundColor: colors.surface,
           borderColor: colors.border
         },
-        !canDecrement && styles48.buttonDisabled
+        !canDecrement && styles49.buttonDisabled
       ],
       enabled: canDecrement,
       onPress: handleDecrement,
@@ -6944,11 +7200,11 @@ function NumberStepperBase({
       accessibilityState: { disabled: !canDecrement }
     },
     renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
-  ), /* @__PURE__ */ React54__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [
-        styles48.value,
+        styles49.value,
         {
           color: colors.foreground,
           fontSize: valueFontSize,
@@ -6961,18 +7217,18 @@ function NumberStepperBase({
       accessibilityRole: "text"
     },
     displayValue
-  ), /* @__PURE__ */ React54__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
-        styles48.button,
+        styles49.button,
         {
           width: buttonSize,
           height: buttonSize,
           backgroundColor: colors.surface,
           borderColor: colors.border
         },
-        !canIncrement && styles48.buttonDisabled
+        !canIncrement && styles49.buttonDisabled
       ],
       enabled: canIncrement,
       onPress: handleIncrement,
@@ -6985,8 +7241,8 @@ function NumberStepperBase({
     renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
   ));
 }
-var NumberStepper = React54__default.default.memo(NumberStepperBase);
-var styles48 = reactNative.StyleSheet.create({
+var NumberStepper = React55__default.default.memo(NumberStepperBase);
+var styles49 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -7015,13 +7271,14 @@ function StatsComponent({
   iconName,
   iconColor,
   variant = "elevated",
+  size = "default",
   onPress,
   style,
   accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const [containerWidth, setContainerWidth] = React54.useState(0);
-  const handleLayout = React54.useCallback((e) => {
+  const [containerWidth, setContainerWidth] = React55.useState(0);
+  const handleLayout = React55.useCallback((e) => {
     const w = e.nativeEvent.layout.width;
     if (w > 0 && w !== containerWidth) {
       setContainerWidth(w);
@@ -7033,6 +7290,27 @@ function StatsComponent({
     onPress();
   };
   const isCompact = containerWidth > 0 && containerWidth < COMPACT_THRESHOLD && !!(icon ?? iconName);
+  const sizeStyles2 = size === "compact" ? {
+    valueFontFamily: "Sohne-SemiBold",
+    valueFontSize: ms(16),
+    valueLineHeight: mvs(20),
+    labelFontSize: ms(11),
+    labelLineHeight: mvs(14),
+    descriptionFontSize: ms(10),
+    descriptionLineHeight: mvs(14),
+    iconSize: ms(18),
+    padding: s(12)
+  } : {
+    valueFontFamily: "Sohne-Bold",
+    valueFontSize: ms(21),
+    valueLineHeight: mvs(25),
+    labelFontSize: ms(13),
+    labelLineHeight: mvs(18),
+    descriptionFontSize: ms(12),
+    descriptionLineHeight: mvs(16),
+    iconSize: ms(20),
+    padding: s(16)
+  };
   const variantStyle = {
     elevated: {
       backgroundColor: colors.card,
@@ -7057,12 +7335,12 @@ function StatsComponent({
     }
   }[variant];
   const iconColorResolved = iconColor ?? colors.primary;
-  const resolvedIcon = iconName ? renderIcon(iconName, ms(22), iconColorResolved) : icon;
-  const iconElement = resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.iconWrapper }, resolvedIcon) : null;
-  const valueElement = /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.value, { color: colors.foreground }], allowFontScaling: true }, value);
-  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.card, variantStyle, style], onLayout: handleLayout }, isCompact ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, iconElement, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.compactValue }, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.valueRow }, iconElement, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null));
+  const resolvedIcon = iconName ? renderIcon(iconName, sizeStyles2.iconSize, iconColorResolved) : icon;
+  const iconElement = resolvedIcon ? /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles50.iconWrapper }, resolvedIcon) : null;
+  const valueElement = /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles50.value, { color: colors.foreground, fontFamily: sizeStyles2.valueFontFamily, fontSize: sizeStyles2.valueFontSize, lineHeight: sizeStyles2.valueLineHeight }], allowFontScaling: true }, value);
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles50.card, variantStyle, { padding: sizeStyles2.padding }, style], onLayout: handleLayout }, isCompact ? /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, iconElement, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles50.compactValue }, valueElement), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles50.label, { color: colors.foregroundSubtle, fontSize: sizeStyles2.labelFontSize, lineHeight: sizeStyles2.labelLineHeight }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles50.description, { color: colors.foregroundMuted, fontSize: sizeStyles2.descriptionFontSize, lineHeight: sizeStyles2.descriptionLineHeight }], allowFontScaling: true }, description) : null) : /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles50.valueRow }, iconElement, valueElement), /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles50.label, { color: colors.foregroundSubtle, fontSize: sizeStyles2.labelFontSize, lineHeight: sizeStyles2.labelLineHeight }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React55__default.default.createElement(reactNative.Text, { style: [styles50.description, { color: colors.foregroundMuted, fontSize: sizeStyles2.descriptionFontSize, lineHeight: sizeStyles2.descriptionLineHeight }], allowFontScaling: true }, description) : null));
   if (onPress) {
-    return /* @__PURE__ */ React54__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -7078,18 +7356,18 @@ function StatsComponent({
   return cardContent;
 }
 function StatsGroup({ children, gap = s(12), style }) {
-  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.group, { gap }, style] }, React54__default.default.Children.map(children, (child) => {
-    if (!React54__default.default.isValidElement(child)) return child;
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles50.group, { gap }, style] }, React55__default.default.Children.map(children, (child) => {
+    if (!React55__default.default.isValidElement(child)) return child;
     const childStyle = child.props.style;
     const mergedStyle = childStyle ? [childStyle, { alignSelf: "stretch" }] : [{ alignSelf: "stretch" }];
-    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.groupItem }, React54__default.default.cloneElement(
+    return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles50.groupItem }, React55__default.default.cloneElement(
       child,
       { style: mergedStyle }
     ));
   }));
 }
-var Stats = Object.assign(React54__default.default.memo(StatsComponent), { Group: StatsGroup });
-var styles49 = reactNative.StyleSheet.create({
+var Stats = Object.assign(React55__default.default.memo(StatsComponent), { Group: StatsGroup });
+var styles50 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     borderWidth: 1,
@@ -7154,14 +7432,14 @@ function getResponsiveFontSize(text, maxSize, steps = [
   return maxSize - 8;
 }
 function useConfirmDialog(options) {
-  const [visible, setVisible] = React54.useState(false);
-  const [target, setTarget] = React54.useState(null);
-  const [loading, setLoading] = React54.useState(false);
-  const open = React54.useCallback((t) => {
+  const [visible, setVisible] = React55.useState(false);
+  const [target, setTarget] = React55.useState(null);
+  const [loading, setLoading] = React55.useState(false);
+  const open = React55.useCallback((t) => {
     setTarget(t ?? null);
     setVisible(true);
   }, []);
-  const handleConfirm = React54.useCallback(async () => {
+  const handleConfirm = React55.useCallback(async () => {
     setLoading(true);
     try {
       await options.onConfirm();
@@ -7171,7 +7449,7 @@ function useConfirmDialog(options) {
       setTarget(null);
     }
   }, [options]);
-  const handleCancel = React54.useCallback(() => {
+  const handleCancel = React55.useCallback(() => {
     setVisible(false);
     setTarget(null);
     options.onCancel?.();
@@ -7259,6 +7537,8 @@ exports.RetrayProvider = RetrayProvider;
 exports.SHADOWS = SHADOWS;
 exports.SPACING = SPACING;
 exports.Select = Select;
+exports.SelectableCard = SelectableCard;
+exports.SelectableCardGroup = SelectableCardGroup;
 exports.SelectableGrid = SelectableGrid;
 exports.Separator = Separator;
 exports.Sheet = Sheet;