@retray-dev/ui-kit 10.2.0 → 12.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React25 = 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');
@@ -12,7 +12,7 @@ var Ionicons = require('@expo/vector-icons/Ionicons');
 var pressto = require('pressto');
 var Animated12 = require('react-native-reanimated');
 var expoFont = require('expo-font');
-var BottomSheet = require('@gorhom/bottom-sheet');
+var bottomSheet = require('@gorhom/bottom-sheet');
 var reactNativeEase = require('react-native-ease');
 var vectorIcons = require('@expo/vector-icons');
 var expoLinearGradient = require('expo-linear-gradient');
@@ -24,7 +24,7 @@ var reactNativeGestureHandler = require('react-native-gesture-handler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React25__default = /*#__PURE__*/_interopDefault(React25);
+var React55__default = /*#__PURE__*/_interopDefault(React55);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -32,7 +32,6 @@ var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
 var Animated12__default = /*#__PURE__*/_interopDefault(Animated12);
-var BottomSheet__default = /*#__PURE__*/_interopDefault(BottomSheet);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
@@ -93,6 +92,11 @@ function darken(hex, amount) {
   if (!rgb) return hex;
   return rgbToHex(rgb.r * (1 - amount), rgb.g * (1 - amount), rgb.b * (1 - amount));
 }
+function withAlpha(hex, alpha) {
+  const rgb = hexToRgb(hex);
+  if (!rgb) return hex;
+  return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
+}
 
 // src/theme/colors.ts
 var defaultLight = {
@@ -140,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);
@@ -152,6 +157,7 @@ function deriveColors(t, scheme) {
     foregroundMuted,
     surface,
     surfaceStrong,
+    skeleton,
     destructiveTint,
     destructiveBorder,
     successTint,
@@ -168,23 +174,23 @@ function deriveColors(t, scheme) {
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React25.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 = React25.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__ */ React25__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 = React25.useContext(ThemeContext);
+  const context = React55.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -408,10 +414,10 @@ function Icon({ name, size, color, family }) {
   }
   if (!resolved) return null;
   const Component = resolved.component;
-  return React25__default.default.createElement(Component, { name, size, color });
+  return React55__default.default.createElement(Component, { name, size, color });
 }
 function renderIcon(name, size, color) {
-  return React25__default.default.createElement(Icon, { name, size, color });
+  return React55__default.default.createElement(Icon, { name, size, color });
 }
 
 // src/tokens.ts
@@ -715,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__ */ React25__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React25__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: [
@@ -744,7 +752,6 @@ function ButtonBase({
         containerVariantStyle,
         containerSizeStyles[size],
         fullWidth && styles.fullWidth,
-        isDisabled && styles.disabled,
         restStyle
       ],
       enabled: !isDisabled,
@@ -757,26 +764,26 @@ function ButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    loading ? /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon))
+    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, effectiveIcon))
   ));
 }
-var Button = React25__default.default.memo(ButtonBase);
+var Button = React55__default.default.memo(ButtonBase);
 var styles = reactNative.StyleSheet.create({
   base: {
     borderRadius: RADIUS.md,
@@ -787,9 +794,6 @@ var styles = reactNative.StyleSheet.create({
   fullWidth: {
     width: "100%"
   },
-  disabled: {
-    opacity: 0.45
-  },
   label: {
     fontFamily: "Sohne-Medium",
     flexShrink: 1
@@ -802,7 +806,7 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 function ButtonGroup({ children, gap = 12, vertical = false, style }) {
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -812,8 +816,8 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
         style
       ]
     },
-    React25__default.default.Children.map(children, (child) => {
-      if (!React25__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 }]
@@ -821,7 +825,7 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
       if (!vertical && "label" in childProps && childProps["size"] === void 0) {
         extraProps["size"] = "sm";
       }
-      return React25__default.default.cloneElement(child, extraProps);
+      return React55__default.default.cloneElement(child, extraProps);
     })
   );
 }
@@ -882,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__ */ React25__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -902,14 +906,14 @@ function IconButtonBase({
       accessibilityHint,
       accessibilityState: { disabled: isDisabled, busy: loading }
     },
-    loading ? /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
-  ), showBadge && /* @__PURE__ */ React25__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__ */ React25__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 = React25__default.default.memo(IconButtonBase);
+var IconButton = React55__default.default.memo(IconButtonBase);
 var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
@@ -954,7 +958,7 @@ function warnIfFontsMissing() {
   try {
     if (!expoFont.isLoaded("Sohne-Regular")) {
       console.warn(
-        "[retray-ui-kit] Sohne fonts are not loaded \u2014 text will fall back to the system font. Load them at your app root before rendering any UI kit component:\n\n  import { useFonts } from 'expo-font'\n  import { SohneFonts } from '@retray-dev/ui-kit/fonts'\n\n  const [fontsLoaded] = useFonts(SohneFonts)\n  if (!fontsLoaded) return null\n"
+        "[retray-ui-kit] Sohne fonts are not loaded \u2014 text will fall back to the system font. Load them at your app root before rendering any UI kit component:\n\n  import { useFonts } from 'expo-font'\n  import { SohneFontNames } from '@retray-dev/ui-kit/fonts'\n  // Copy the SohneFonts boilerplate from CONSUMER.md into your App.tsx\n\n  const [fontsLoaded] = useFonts(SohneFonts)\n  if (!fontsLoaded) return null\n"
       );
     }
   } catch {
@@ -999,32 +1003,32 @@ var defaultColorVariant = {
   "button-lg": "foreground",
   "button-sm": "foreground"
 };
-function TextBase({ variant = "body-md", color, style, children, ...props }) {
+function TextBase({ variant = "body-md", color, style, uppercase, children, ...props }) {
   warnIfFontsMissing();
   const { colors } = useTheme();
   const colorKey = defaultColorVariant[variant] ?? "foreground";
   const resolvedColor = color ?? colors[colorKey];
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
-      style: [variantStyles[variant], { color: resolvedColor }, style],
+      style: [variantStyles[variant], { color: resolvedColor }, uppercase && { textTransform: "uppercase" }, style],
       allowFontScaling: true,
       ...props
     },
     children
   );
 }
-var Text3 = React25__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] = React25.useState(false);
-  const [showPassword, setShowPassword] = React25.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__ */ React25__default.default.createElement(
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => setShowPassword(!showPassword),
@@ -1033,10 +1037,10 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityRole: "button",
       accessibilityLabel: showPassword ? "Hide password" : "Show password"
     },
-    /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__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: [
@@ -1048,9 +1052,9 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       animate: { borderColor },
       transition: COLOR_TRANSITION
     },
-    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
-    sheetMode ? /* @__PURE__ */ React25__default.default.createElement(
-      BottomSheet.BottomSheetTextInput,
+    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: [
           styles4.input,
@@ -1073,7 +1077,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         accessibilityLabel: accessibilityLabel ?? label,
         ...props
       }
-    ) : /* @__PURE__ */ React25__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
@@ -1098,8 +1102,8 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         ...props
       }
     ),
-    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
-  ), error ? /* @__PURE__ */ React25__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 }],
@@ -1107,7 +1111,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React25__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: {
@@ -1209,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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style],
@@ -1217,10 +1221,10 @@ function BadgeBase({ label, children, variant = "default", size = "md", icon, ic
       accessibilityLabel: a11yLabel
     },
     effectiveIcon,
-    typeof content === "string" ? /* @__PURE__ */ React25__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 = React25__default.default.memo(BadgeBase);
+var Badge = React55__default.default.memo(BadgeBase);
 var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
@@ -1265,9 +1269,9 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
       elevation: 0
     }
   }[variant];
-  const cardContent = /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -1283,21 +1287,21 @@ function Card({ children, variant = "elevated", onPress, style, accessibilityLab
   return cardContent;
 }
 function CardHeader({ children, style }) {
-  return /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__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__ */ React25__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__ */ React25__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: {
@@ -1335,7 +1339,7 @@ var styles6 = reactNative.StyleSheet.create({
 });
 function Separator({ orientation = "horizontal", style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1370,7 +1374,7 @@ function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
   const a11yLabel = label || "Loading";
   if (label) {
-    return /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles8.wrapper,
@@ -1378,8 +1382,8 @@ function Spinner({ size = "md", color, label, ...props }) {
         accessibilityLabel: a11yLabel,
         accessibilityState: { busy: true }
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
-      /* @__PURE__ */ React25__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] }],
@@ -1389,7 +1393,7 @@ function Spinner({ size = "md", color, label, ...props }) {
       )
     );
   }
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ActivityIndicator,
     {
       size: sizeMap2[size],
@@ -1417,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] = React25.useState(300);
-  const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
-  React25.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,
@@ -1436,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__ */ React25__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),
@@ -1449,7 +1454,7 @@ function Skeleton({
       accessibilityLabel: "Loading",
       accessibilityState: { busy: true }
     },
-    /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React25__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"],
@@ -1469,10 +1474,10 @@ var aspectRatioMap = {
 };
 function MediaCardSkeleton({ aspectRatio = "4:3", showSubtitle = true, style }) {
   const ratio = aspectRatioMap[aspectRatio];
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React25__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React25__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React25__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,
@@ -1483,10 +1488,10 @@ function ListSkeleton({
   style
 }) {
   if (columns <= 1) {
-    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React25__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;
@@ -1549,7 +1554,7 @@ function getInitials(fallback, fallbackText) {
 }
 function AvatarBase({ src, fallback, fallbackText, size = "md", status, style }) {
   const { colors } = useTheme();
-  const [imageError, setImageError] = React25.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;
@@ -1568,21 +1573,21 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     overflow: "hidden"
   };
   const a11yLabel = fallbackText || fallback || "Avatar";
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles10.wrapper, style],
       accessibilityRole: "image",
       accessibilityLabel: a11yLabel
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+    ) : /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
@@ -1590,7 +1595,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
       },
       getInitials(fallback, fallbackText)
     )),
-    status && /* @__PURE__ */ React25__default.default.createElement(
+    status && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1608,7 +1613,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     )
   );
 }
-var Avatar = React25__default.default.memo(AvatarBase);
+var Avatar = React55__default.default.memo(AvatarBase);
 var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -1633,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__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1652,9 +1657,9 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
       accessibilityRole: "alert",
       accessibilityLabel: a11yLabel
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null),
-    onDismiss ? /* @__PURE__ */ React25__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,
@@ -1663,7 +1668,7 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
         accessibilityRole: "button",
         accessibilityLabel: "Dismiss"
       },
-      /* @__PURE__ */ React25__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
   );
 }
@@ -1700,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] = React25.useState(0);
+  const [trackWidth, setTrackWidth] = React55.useState(0);
   const animatedWidth = Animated12.useSharedValue(0);
-  React25.useEffect(() => {
+  React55.useEffect(() => {
     if (trackWidth === 0) return;
     animatedWidth.value = Animated12.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
   }, [percent, trackWidth, animatedWidth]);
@@ -1710,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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles12.track, { backgroundColor: colors.surface }, style],
@@ -1719,7 +1724,7 @@ function Progress({ value = 0, max = 100, variant = "default", style, accessibil
       accessibilityLabel,
       accessibilityValue: { min: 0, max: 100, now: Math.round(percent) }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       Animated12__default.default.View,
       {
         style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
@@ -1743,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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1753,7 +1758,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React25__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1764,15 +1769,15 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
-    !isCompact && (action ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React25__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({
@@ -1831,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);
-  React25.useEffect(() => {
+  React55.useEffect(() => {
     progress.value = Animated12.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
   }, [active, duration, progress]);
   return progress;
@@ -1855,7 +1860,7 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React25.useState(false);
+  const [focused, setFocused] = React55.useState(false);
   const focusProgress = useColorTransition(focused, {
     duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
   });
@@ -1864,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__ */ React25__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__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: [
@@ -1872,9 +1877,9 @@ function Textarea({
         { backgroundColor: colors.background }
       ]
     },
-    /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
-    resolvedPrefixIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
-    /* @__PURE__ */ React25__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,
@@ -1903,7 +1908,7 @@ function Textarea({
         ...props
       }
     )
-  ), error ? /* @__PURE__ */ React25__default.default.createElement(
+  ), error ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles14.helperText, { color: colors.destructive }],
@@ -1911,7 +1916,7 @@ function Textarea({
       accessibilityLiveRegion: "polite"
     },
     error
-  ) : null, !error && hint ? /* @__PURE__ */ React25__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: {
@@ -1971,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__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       PressableButton,
       {
         style: [styles15.row, disabled && styles15.rowDisabled, style],
@@ -1983,7 +1988,7 @@ function Checkbox({
         accessibilityLabel: accessibilityLabel ?? label,
         accessibilityState: { checked, disabled: !!disabled }
       },
-      /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles15.box,
@@ -1993,9 +1998,9 @@ function Checkbox({
           },
           transition: COLOR_TRANSITION
         },
-        /* @__PURE__ */ React25__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+      label ? /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles15.label, { color: colors.foreground }],
@@ -2047,7 +2052,7 @@ var DISABLED_OPACITY = 0.45;
 function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel }) {
   const { colors } = useTheme();
   const isDisabled = !!disabled;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -2062,14 +2067,14 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
       accessibilityState: { checked, disabled: isDisabled },
       style: styles16.touchable
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles16.trackContainer }, /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.trackBorder, { borderWidth: 1.5 }],
@@ -2077,30 +2082,30 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
         animate: { borderColor: checked ? "transparent" : colors.border },
         transition: COLOR_TRANSITION
       }
-    ), /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__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__ */ React25__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__ */ React25__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 })
       )
     ))
   ));
@@ -2153,15 +2158,15 @@ function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconC
     return prop;
   };
   if (pressed) {
-    if (activeIconName) return /* @__PURE__ */ React25__default.default.createElement(React25__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__ */ React25__default.default.createElement(React25__default.default.Fragment, null, active);
-    return /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(React25__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__ */ React25__default.default.createElement(React25__default.default.Fragment, null, custom);
-  return /* @__PURE__ */ React25__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) },
@@ -2192,7 +2197,7 @@ function Toggle({
     selectionAsync();
     onPressedChange?.(!pressed);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableButton,
     {
       onPress: handlePress,
@@ -2204,7 +2209,7 @@ function Toggle({
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected: pressed, disabled: !!disabled }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles17.base, sizeStyles[size], { borderWidth: 2 }],
@@ -2214,7 +2219,7 @@ function Toggle({
         },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React55__default.default.createElement(
         ToggleIcon,
         {
           pressed,
@@ -2228,7 +2233,7 @@ function Toggle({
           primaryColor: colors.primary,
           mutedColor: colors.foregroundMuted
         }
-      ), label ? /* @__PURE__ */ React25__default.default.createElement(
+      ), label ? /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles17.label, { color: pressed ? colors.primary : colors.foreground }],
@@ -2258,9 +2263,9 @@ var styles17 = reactNative.StyleSheet.create({
   }
 });
 function useHover() {
-  const [hovered, setHovered] = React25.useState(false);
-  const onMouseEnter = React25.useCallback(() => setHovered(true), []);
-  const onMouseLeave = React25.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: {} };
   }
@@ -2277,11 +2282,11 @@ function usePressScale({
 } = {}) {
   const scale2 = Animated12.useSharedValue(1);
   const { hovered, hoverHandlers } = useHover();
-  const onPressIn = React25.useCallback(() => {
+  const onPressIn = React55.useCallback(() => {
     if (disabled) return;
     scale2.value = Animated12.withSpring(pressScale, pressInSpring);
   }, [disabled, pressScale, pressInSpring, scale2]);
-  const onPressOut = React25.useCallback(() => {
+  const onPressOut = React55.useCallback(() => {
     if (disabled) return;
     scale2.value = Animated12.withSpring(1, pressOutSpring);
   }, [disabled, pressOutSpring, scale2]);
@@ -2314,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__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles18.row, option.disabled && styles18.rowDisabled],
@@ -2333,14 +2338,14 @@ function RadioItem({
         accessibilityLabel: option.label,
         accessibilityState: { checked: selected, disabled: !!option.disabled }
       },
-      /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+        /* @__PURE__ */ React55__default.default.createElement(
           reactNativeEase.EaseView,
           {
             style: [styles18.dot, { backgroundColor: colors.primary }],
@@ -2349,7 +2354,7 @@ function RadioItem({
           }
         )
       )),
-      /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React55__default.default.createElement(
         reactNative.Text,
         {
           style: [styles18.label, { color: colors.foreground }],
@@ -2368,14 +2373,14 @@ function RadioGroup({
   style,
   accessibilityLabel
 }) {
-  return /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+    options.map((option) => /* @__PURE__ */ React55__default.default.createElement(
       RadioItem,
       {
         key: option.value,
@@ -2431,7 +2436,7 @@ function TabTrigger({
 }) {
   const { colors } = useTheme();
   const isUnderline = variant === "underline";
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React55__default.default.createElement(
     PressableTab,
     {
       style: [
@@ -2446,7 +2451,7 @@ function TabTrigger({
       accessibilityState: { selected: isActive },
       accessibilityLabel: tab.label
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React25__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: [
@@ -2464,14 +2469,14 @@ function TabTrigger({
   ));
 }
 function Tabs({ tabs, variant = "pill", value, onValueChange, children, style }) {
-  const [internal, setInternal] = React25.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React55.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  const tabLayouts = React25.useRef({});
+  const tabLayouts = React55.useRef({});
   const pillX = Animated12.useSharedValue(0);
   const pillWidth = Animated12.useSharedValue(0);
-  const initialised = React25.useRef(false);
-  const animatePill = React25.useCallback((tabValue, animate) => {
+  const initialised = React55.useRef(false);
+  const animatePill = React55.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
@@ -2482,7 +2487,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       pillWidth.value = layout.width;
     }
   }, [pillX, pillWidth]);
-  React25.useEffect(() => {
+  React55.useEffect(() => {
     if (initialised.current) animatePill(active, true);
   }, [active, animatePill]);
   const handlePress = (v) => {
@@ -2494,7 +2499,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     transform: [{ translateX: pillX.value }],
     width: pillWidth.value
   }));
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -2502,7 +2507,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       ],
       accessibilityRole: "tablist"
     },
-    variant === "pill" && /* @__PURE__ */ React25__default.default.createElement(
+    variant === "pill" && /* @__PURE__ */ React55__default.default.createElement(
       Animated12__default.default.View,
       {
         style: [
@@ -2524,7 +2529,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
         ]
       }
     ),
-    tabs.map((tab) => /* @__PURE__ */ React25__default.default.createElement(
+    tabs.map((tab) => /* @__PURE__ */ React55__default.default.createElement(
       TabTrigger,
       {
         key: tab.value,
@@ -2546,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__ */ React25__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: {
@@ -2607,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);
-  React25__default.default.useEffect(() => {
+  React55__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
   const derivedHeight = Animated12.useDerivedValue(
@@ -2629,7 +2634,7 @@ function AccordionItemComponent({
   const rotationStyle = Animated12.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React25__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 }],
@@ -2641,9 +2646,17 @@ function AccordionItemComponent({
       accessibilityState: { expanded: isOpen },
       accessibilityLabel: typeof item.trigger === "string" ? item.trigger : void 0
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),
-    /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
-  ), /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React25__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,
@@ -2651,11 +2664,11 @@ function AccordionItemComponent({
         height.value = e.nativeEvent.layout.height;
       }
     },
-    typeof item.content === "string" || typeof item.content === "number" ? /* @__PURE__ */ React25__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] = React25.useState(() => {
+  const [openValues, setOpenValues] = React55.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -2668,7 +2681,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React25__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,
@@ -2711,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: {
@@ -2740,7 +2759,7 @@ function Slider({
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React25.useRef(value);
+  const lastSteppedValue = React55.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -2748,7 +2767,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [styles21.wrapper, style],
@@ -2761,8 +2780,8 @@ function Slider({
         text: formatValue2(value)
       }
     },
-    label || showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React25__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,
@@ -2806,73 +2825,75 @@ var styles21 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
-var SCREEN_HEIGHT = reactNative.Dimensions.get("window").height;
-var DEFAULT_MAX_HEIGHT = SCREEN_HEIGHT * 0.85;
-var isAndroid = reactNative.Platform.OS === "android";
 function SheetHeader({ children, style }) {
-  return /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__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,
   onClose,
   title,
   subtitle,
-  description,
   showCloseButton = false,
   children,
   style,
   contentStyle,
-  scrollable,
+  scrollable = false,
   maxHeight,
-  keyboardBehavior,
+  keyboardBehavior = "interactive",
   keyboardBlurBehavior = "restore",
   enableBlurKeyboardOnGesture = true,
   android_keyboardInputMode = "adjustPan",
   footer,
-  snapPoints,
-  responsive = false,
-  dialogMaxWidth = 480
+  snapPoints
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const { width: windowWidth } = reactNative.useWindowDimensions();
-  const ref = React25.useRef(null);
-  const asDialog = responsive && windowWidth >= BREAKPOINTS.wide;
-  const effectiveKeyboardBehavior = keyboardBehavior ?? "interactive";
-  React25.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?.snapToIndex(0);
-    } else {
-      ref.current?.close();
+      ref.current?.present();
+      wasOpened.current = true;
+      isPresentedRef.current = true;
+    } else if (!open && wasOpened.current && isPresentedRef.current) {
+      ref.current?.dismiss();
     }
   }, [open]);
-  const renderBackdrop = React25.useCallback((props) => /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet.BottomSheetBackdrop,
-    {
-      ...props,
-      disappearsOnIndex: -1,
-      appearsOnIndex: 0,
-      pressBehavior: "close"
-    }
-  ), []);
-  const childArray = React25__default.default.Children.toArray(children);
-  const customHeader = childArray.find((child) => React25__default.default.isValidElement(child) && child.type === SheetHeader);
-  const customContent = childArray.find((child) => React25__default.default.isValidElement(child) && child.type === SheetContent);
-  const customFooter = childArray.find((child) => React25__default.default.isValidElement(child) && child.type === SheetFooter);
+  const renderBackdrop = React55.useCallback(
+    (props) => /* @__PURE__ */ React55__default.default.createElement(
+      bottomSheet.BottomSheetBackdrop,
+      {
+        ...props,
+        disappearsOnIndex: -1,
+        appearsOnIndex: 0,
+        pressBehavior: "close"
+      }
+    ),
+    []
+  );
+  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) => !React25__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 effectiveSubtitle = subtitle ?? description;
-  const showHeader = !!(title || effectiveSubtitle || showCloseButton) && !customHeader;
-  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.header, { backgroundColor: colors.card }], accessibilityRole: "header" }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React25__default.default.createElement(
+  const showHeader = !!(title || subtitle || showCloseButton) && !customHeader;
+  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,78 +2904,50 @@ function Sheet({
       accessibilityLabel: "Close",
       hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
     },
-    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
-  ) : null), effectiveSubtitle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : 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 = React25.useCallback((props) => {
-    if (!effectiveFooter) return null;
-    return /* @__PURE__ */ React25__default.default.createElement(BottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
-  }, [effectiveFooter]);
-  if (asDialog) {
-    return /* @__PURE__ */ React25__default.default.createElement(reactNative.Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: onClose }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Pressable, { style: styles22.dialogBackdrop, onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close" }, /* @__PURE__ */ React25__default.default.createElement(
-      reactNative.Pressable,
-      {
-        style: [
-          styles22.dialogCard,
-          { backgroundColor: colors.card, maxWidth: dialogMaxWidth, maxHeight: SCREEN_HEIGHT * 0.85 }
-        ],
-        onPress: () => {
-        }
-      },
-      headerNode,
-      /* @__PURE__ */ React25__default.default.createElement(
-        reactNative.ScrollView,
-        {
-          contentContainerStyle: [styles22.dialogContent, style],
-          style: contentStyle,
-          showsVerticalScrollIndicator: true,
-          bounces: false
-        },
-        contentNode
-      ),
-      effectiveFooter
-    )));
-  }
-  const useScroll = scrollable || !!maxHeight;
-  const effectiveMaxHeight = maxHeight ?? DEFAULT_MAX_HEIGHT;
+  const renderFooter = React55.useCallback(
+    (props) => {
+      if (!effectiveFooter) return null;
+      return /* @__PURE__ */ React55__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
+    },
+    [effectiveFooter]
+  );
   const useDynamicSizing = !snapPoints;
-  return /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet__default.default,
+  return /* @__PURE__ */ React55__default.default.createElement(
+    bottomSheet.BottomSheetModal,
     {
       ref,
-      index: -1,
-      onClose,
+      name,
+      onDismiss: handleDismiss,
       enableDynamicSizing: useDynamicSizing,
       snapPoints,
-      maxDynamicContentSize: useDynamicSizing ? effectiveMaxHeight : void 0,
+      maxDynamicContentSize: useDynamicSizing && maxHeight ? maxHeight : void 0,
       backdropComponent: renderBackdrop,
       footerComponent: effectiveFooter ? renderFooter : void 0,
-      backgroundStyle: [styles22.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles22.handle, { backgroundColor: colors.border }],
+      backgroundStyle: { ...styles22.background, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles22.handle, backgroundColor: colors.border },
       enablePanDownToClose: true,
       topInset: insets.top,
-      keyboardBehavior: effectiveKeyboardBehavior,
+      keyboardBehavior,
       keyboardBlurBehavior,
       android_keyboardInputMode,
       enableBlurKeyboardOnGesture
     },
-    useScroll ? /* @__PURE__ */ React25__default.default.createElement(
-      BottomSheet.BottomSheetScrollView,
+    scrollable ? /* @__PURE__ */ React55__default.default.createElement(
+      bottomSheet.BottomSheetScrollView,
       {
-        contentContainerStyle: [
-          styles22.scrollContent,
-          style
-        ],
+        contentContainerStyle: [styles22.scrollContent, style],
         style: contentStyle,
         showsVerticalScrollIndicator: true,
-        indicatorStyle: "black",
-        persistentScrollbar: isAndroid,
+        bounces: false,
         stickyHeaderIndices: headerNode ? [0] : void 0
       },
       headerNode,
       contentNode
-    ) : /* @__PURE__ */ React25__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;
@@ -3001,8 +2994,7 @@ var styles22 = reactNative.StyleSheet.create({
   },
   scrollContent: {
     paddingHorizontal: s(16),
-    paddingBottom: vs(32),
-    paddingRight: s(16)
+    paddingBottom: vs(32)
   },
   sheetContent: {
     gap: vs(16)
@@ -3013,28 +3005,10 @@ var styles22 = reactNative.StyleSheet.create({
     borderTopWidth: 1,
     flexDirection: "row",
     gap: s(12)
-  },
-  dialogBackdrop: {
-    flex: 1,
-    backgroundColor: "rgba(0,0,0,0.5)",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: s(24)
-  },
-  dialogCard: {
-    width: "100%",
-    borderRadius: RADIUS.lg,
-    paddingTop: vs(16),
-    overflow: "hidden",
-    ...SHADOWS.xl
-  },
-  dialogContent: {
-    paddingHorizontal: s(16),
-    paddingBottom: vs(16)
   }
 });
 var isIOS = reactNative.Platform.OS === "ios";
-var isAndroid2 = reactNative.Platform.OS === "android";
+var isAndroid = reactNative.Platform.OS === "android";
 var isWeb2 = reactNative.Platform.OS === "web";
 function Select({
   options,
@@ -3052,9 +3026,9 @@ function Select({
     pressScale: PRESS_SCALE.button,
     disabled
   });
-  const [pickerVisible, setPickerVisible] = React25.useState(false);
-  const [pendingValue, setPendingValue] = React25.useState(value);
-  const pickerRef = React25.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;
@@ -3062,7 +3036,7 @@ function Select({
     if (isIOS) {
       setPendingValue(value);
       setPickerVisible(true);
-    } else if (isAndroid2) {
+    } else if (isAndroid) {
       pickerRef.current?.focus?.();
     }
   };
@@ -3076,7 +3050,7 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React25__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: [
@@ -3096,7 +3070,7 @@ function Select({
       accessibilityValue: { text: selected?.label ?? placeholder },
       accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -3108,8 +3082,8 @@ function Select({
       },
       selected?.label ?? placeholder
     ),
-    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
-  )) : null, isIOS ? /* @__PURE__ */ React25__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,
@@ -3117,16 +3091,16 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React25__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,
@@ -3137,7 +3111,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid2 ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, isAndroid ? /* @__PURE__ */ React55__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -3153,8 +3127,8 @@ function Select({
       prompt: label,
       style: styles23.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React25__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,
@@ -3163,7 +3137,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React55__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -3183,8 +3157,8 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React25__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,
@@ -3193,7 +3167,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React25__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: {
@@ -3274,7 +3248,7 @@ function useToast() {
 function ToastProvider({ children }) {
   const { colorScheme } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, children, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(React55__default.default.Fragment, null, children, /* @__PURE__ */ React55__default.default.createElement(
     sonnerNative.Toaster,
     {
       theme: colorScheme,
@@ -3324,7 +3298,8 @@ function CurrencyInput({
   editable,
   containerStyle,
   style,
-  sheetMode
+  sheetMode,
+  ...props
 }) {
   const handleChange = (text) => {
     const withoutPrefix = prefix && text.startsWith(prefix) ? text.slice(prefix.length) : text;
@@ -3342,9 +3317,10 @@ function CurrencyInput({
     fontSize: isLarge ? ms(32) : ms(17)
   };
   const displayValue = value && prefix && value.startsWith(prefix) ? value.slice(prefix.length) : value;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     Input,
     {
+      ...props,
       value: displayValue,
       onChangeText: handleChange,
       keyboardType: "numeric",
@@ -3392,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__ */ React25__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React25__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 }],
@@ -3404,7 +3380,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
     formatted
   ));
 }
-var CurrencyDisplay = React25__default.default.memo(CurrencyDisplayBase);
+var CurrencyDisplay = React55__default.default.memo(CurrencyDisplayBase);
 var styles24 = reactNative.StyleSheet.create({
   container: {
     alignSelf: "flex-start"
@@ -3419,8 +3395,7 @@ function ListItemBase({
   imageSource,
   leftRender,
   rightRender,
-  trailing,
-  icon,
+  rightActions,
   leftIcon,
   rightIcon,
   leftIconColor,
@@ -3445,8 +3420,8 @@ function ListItemBase({
     selectionAsync();
     onPress?.();
   };
-  const effectiveLeft = imageSource ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Image, { source: imageSource, style: styles25.image }) : leftIcon ? renderIcon(leftIcon, 24, leftIconColor ?? colors.foreground) : leftRender ?? icon;
-  const effectiveRight = rightIcon ? renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted) : rightRender ?? trailing;
+  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,
     borderRadius: RADIUS.md,
@@ -3459,7 +3434,7 @@ function ListItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? [title, subtitle, caption].filter(Boolean).join(". ");
-  const content = /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React25__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],
@@ -3467,7 +3442,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     title
-  ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+  ), subtitle ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
@@ -3475,7 +3450,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     subtitle
-  ) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, caption ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
@@ -3483,16 +3458,16 @@ function ListItemBase({
       allowFontScaling: true
     },
     caption
-  ) : null), effectiveRight !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React25__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
     },
-    effectiveRight
-  ) : effectiveRight) : showChevron ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null);
+    rightRender
+  ) : 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__ */ React25__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React25__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],
@@ -3506,11 +3481,11 @@ function ListItemBase({
         accessibilityState: { disabled: !!disabled }
       },
       content
-    ), showSeparator ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React25__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 = React25__default.default.memo(ListItemBase);
+var ListItem = React55__default.default.memo(ListItemBase);
 var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3557,6 +3532,12 @@ var styles25 = reactNative.StyleSheet.create({
     flexShrink: 0,
     maxWidth: s(160)
   },
+  rightActionsContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(8),
+    flexShrink: 0
+  },
   rightText: {
     fontFamily: "Sohne-Regular",
     fontSize: ms(14)
@@ -3571,17 +3552,17 @@ var styles25 = reactNative.StyleSheet.create({
 });
 function ListGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  const processedChildren = React25__default.default.Children.map(children, (child, index) => {
-    if (!React25__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 === React25__default.default.Children.count(children) - 1;
+    const isLast = index === React55__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React25__default.default.cloneElement(child, {
+      return React55__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3599,21 +3580,21 @@ function ListGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React25__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__ */ React25__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;
@@ -3677,7 +3658,7 @@ function MenuItemBase({
     elevation: 2
   } : {};
   const a11yLabel = accessibilityLabel ?? (subtitle ? `${label}. ${subtitle}` : label);
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React25__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],
@@ -3690,8 +3671,8 @@ function MenuItemBase({
       accessibilityLabel: a11yLabel,
       accessibilityState: { disabled }
     },
-    resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React25__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],
@@ -3699,7 +3680,7 @@ function MenuItemBase({
         allowFontScaling: true
       },
       label
-    ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.subtitle, { color: colors.foregroundMuted }],
@@ -3708,7 +3689,7 @@ function MenuItemBase({
       },
       subtitle
     ) : null),
-    rightRender !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(
+    rightRender !== void 0 ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.View,
       {
         style: styles27.rightContainer,
@@ -3717,10 +3698,10 @@ function MenuItemBase({
         }
       },
       rightRender
-    ) : showChevron ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
-  ), showSeparator ? /* @__PURE__ */ React25__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 = React25__default.default.memo(MenuItemBase);
+var MenuItem = React55__default.default.memo(MenuItemBase);
 var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3764,17 +3745,17 @@ var styles27 = reactNative.StyleSheet.create({
 });
 function MenuGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  const processedChildren = React25__default.default.Children.map(children, (child, index) => {
-    if (!React25__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 === React25__default.default.Children.count(children) - 1;
+    const isLast = index === React55__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React25__default.default.cloneElement(child, {
+      return React55__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3792,21 +3773,21 @@ function MenuGroup({ children, variant = "plain", style }) {
     elevation: 2,
     paddingVertical: vs(4)
   } : {};
-  return /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React25__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__ */ React25__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;
@@ -3843,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__ */ React25__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: handlePress,
@@ -3853,7 +3834,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles29.chip,
@@ -3863,8 +3844,8 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React25__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 }],
@@ -3875,7 +3856,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     )
   ));
 }
-var Chip = React25__default.default.memo(ChipBase);
+var Chip = React55__default.default.memo(ChipBase);
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
   const handlePress = (optionValue) => {
     if (!multiSelect) {
@@ -3891,7 +3872,7 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     if (Array.isArray(value)) return value.includes(optionValue);
     return optionValue === value;
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React25__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,
@@ -3941,7 +3922,6 @@ function ConfirmDialog({
   visible,
   title,
   subtitle,
-  description,
   confirmLabel = "Confirm",
   cancelLabel = "Cancel",
   confirmVariant = "primary",
@@ -3951,38 +3931,51 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
-  const ref = React25.useRef(null);
-  const effectiveSubtitle = subtitle ?? description;
-  React25.useEffect(() => {
-    if (visible) {
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  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?.snapToIndex(0);
-    } else {
-      ref.current?.close();
+      ref.current?.present();
+      wasOpened.current = true;
+      isPresentedRef.current = true;
+    } else if (!visible && wasOpened.current && isPresentedRef.current) {
+      ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React25__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"
+      }
+    ),
+    []
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet__default.default,
+  return /* @__PURE__ */ React55__default.default.createElement(
+    bottomSheet.BottomSheetModal,
     {
       ref,
-      index: -1,
-      onClose: onCancel,
+      name,
+      onDismiss: handleDismiss,
       enableDynamicSizing: true,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles30.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles30.handle, { backgroundColor: colors.border }],
-      enablePanDownToClose: true
+      backgroundStyle: { ...styles30.background, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles30.handle, backgroundColor: colors.border },
+      enablePanDownToClose: true,
+      topInset: insets.top
     },
-    /* @__PURE__ */ React25__default.default.createElement(BottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles30.header, accessibilityRole: "header" }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles30.headerRow }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React25__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,
@@ -3993,8 +3986,8 @@ function ConfirmDialog({
         accessibilityLabel: "Close",
         hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
       },
-      /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
-    ) : null), effectiveSubtitle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : null), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React25__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,
@@ -4006,7 +3999,7 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
-        icon: /* @__PURE__ */ React25__default.default.createElement(
+        icon: /* @__PURE__ */ React55__default.default.createElement(
           vectorIcons.Feather,
           {
             name: confirmVariant === "destructive" ? "trash-2" : "check",
@@ -4015,7 +4008,7 @@ function ConfirmDialog({
           }
         )
       }
-    ), /* @__PURE__ */ React25__default.default.createElement(
+    ), /* @__PURE__ */ React55__default.default.createElement(
       Button,
       {
         label: cancelLabel,
@@ -4025,7 +4018,7 @@ function ConfirmDialog({
           selectionAsync();
           onCancel();
         },
-        icon: /* @__PURE__ */ React25__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 })
       }
     )))
   );
@@ -4076,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__ */ React25__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React25__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 = React25__default.default.memo(LabelValueBase);
+var LabelValue = React55__default.default.memo(LabelValueBase);
 var styles31 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -4143,7 +4136,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
     selectionAsync();
     onChange(fromIndex(index + 1));
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React25__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],
@@ -4156,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__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React25__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 }],
@@ -4165,7 +4158,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityLiveRegion: "polite"
     },
     getLabel()
-  ), /* @__PURE__ */ React25__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles32.arrow, nextDisabled && styles32.arrowDisabled],
@@ -4178,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__ */ React25__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({
@@ -4244,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__ */ React25__default.default.createElement(
+  const cardContent = /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -4254,14 +4247,14 @@ function MediaCardBase({
       ],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React25__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)" }],
@@ -4278,10 +4271,10 @@ function MediaCardBase({
       },
       resolvedActionIcon
     )),
-    (title || subtitle || caption || footer) && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -4297,7 +4290,7 @@ function MediaCardBase({
   }
   return cardContent;
 }
-var MediaCard = React25__default.default.memo(MediaCardBase);
+var MediaCard = React55__default.default.memo(MediaCardBase);
 var styles33 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
@@ -4355,7 +4348,7 @@ var styles33 = reactNative.StyleSheet.create({
     lineHeight: mvs(16)
   }
 });
-var CategoryChip = React25__default.default.memo(function CategoryChip2({
+var CategoryChip = React55__default.default.memo(function CategoryChip2({
   item,
   selected,
   onSelect
@@ -4366,7 +4359,7 @@ var CategoryChip = React25__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__ */ React25__default.default.createElement(Animated12__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React25__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),
@@ -4378,7 +4371,7 @@ var CategoryChip = React25__default.default.memo(function CategoryChip2({
       accessibilityLabel: item.label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React55__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles34.chip,
@@ -4388,8 +4381,8 @@ var CategoryChip = React25__default.default.memo(function CategoryChip2({
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon),
-      /* @__PURE__ */ React25__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 }],
@@ -4397,7 +4390,7 @@ var CategoryChip = React25__default.default.memo(function CategoryChip2({
         },
         item.label
       ),
-      item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React25__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)))
     )
   ));
 });
@@ -4411,7 +4404,7 @@ function CategoryStrip({
   accessibilityLabel
 }) {
   const selected = Array.isArray(value) ? value : value ? [value] : [];
-  const handlePress = React25.useCallback(
+  const handlePress = React55.useCallback(
     (v) => {
       selectionAsync();
       if (multiSelect) {
@@ -4424,7 +4417,7 @@ function CategoryStrip({
     },
     [multiSelect, value, onValueChange]
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
@@ -4434,7 +4427,7 @@ function CategoryStrip({
       accessibilityRole: multiSelect ? void 0 : "radiogroup",
       accessibilityLabel
     },
-    categories.map((cat) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React25__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,
@@ -4485,21 +4478,24 @@ var styles34 = reactNative.StyleSheet.create({
     lineHeight: 14
   }
 });
-function Pressable3({
+function Pressable2({
   children,
   onPress,
   pressScale: _pressScale = PRESS_SCALE.card,
   haptics = true,
   style,
   disabled,
-  hoverScale: _hoverScale = 1.02
+  hoverScale: _hoverScale = 1.02,
+  accessibilityRole,
+  accessibilityState,
+  accessibilityLabel
 }) {
   const handlePress = () => {
     if (disabled || !onPress) return;
     if (haptics) impactLight();
     onPress();
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableCard,
     {
       style,
@@ -4508,8 +4504,9 @@ function Pressable3({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       activateOnHover: true,
-      accessibilityRole: "button",
-      accessibilityState: { disabled: !!disabled }
+      accessibilityRole: accessibilityRole ?? "button",
+      accessibilityState: accessibilityState ?? { disabled: !!disabled },
+      accessibilityLabel
     },
     children
   );
@@ -4546,23 +4543,23 @@ function DetailRowBase({
     borderColor: "rgba(128,128,128,0.3)",
     marginHorizontal: s(4)
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React25__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__ */ React25__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 = React25__default.default.memo(DetailRowBase);
+var DetailRow = React55__default.default.memo(DetailRowBase);
 var styles35 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
@@ -4599,7 +4596,7 @@ var styles35 = reactNative.StyleSheet.create({
   }
 });
 function Form({ children, style }) {
-  return /* @__PURE__ */ React25__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,
@@ -4611,14 +4608,14 @@ function FormField({
   errorStyle
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__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__ */ React25__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;
@@ -4667,7 +4664,7 @@ var defaultKeyExtractor = (item, index) => {
   return id !== void 0 ? String(id) : String(index);
 };
 function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, ref) {
-  const getItemLayout = React25.useCallback(
+  const getItemLayout = React55.useCallback(
     (_data, index) => ({
       length: itemHeight ?? 0,
       offset: (itemHeight ?? 0) * index,
@@ -4675,7 +4672,7 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }),
     [itemHeight]
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.FlatList,
     {
       ref,
@@ -4687,9 +4684,9 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }
   );
 }
-var VirtualList = React25__default.default.forwardRef(VirtualListInner);
+var VirtualList = React55__default.default.forwardRef(VirtualListInner);
 function RetrayProvider({ children, theme, colorScheme = "system" }) {
-  return /* @__PURE__ */ React25__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles37.root }, /* @__PURE__ */ React25__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React25__default.default.createElement(BottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React25__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 }
@@ -4701,7 +4698,7 @@ function DefaultErrorFallback({
   message
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React25__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 }],
@@ -4714,10 +4711,10 @@ function DefaultErrorFallback({
       accessibilityRole: "button",
       accessibilityLabel: "Try again"
     },
-    /* @__PURE__ */ React25__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 React25__default.default.Component {
+var ErrorBoundary = class extends React55__default.default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -4741,7 +4738,7 @@ var ErrorBoundary = class extends React25__default.default.Component {
       if (fallback !== void 0) {
         return fallback;
       }
-      return /* @__PURE__ */ React25__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;
   }
@@ -4790,20 +4787,20 @@ var styles38 = reactNative.StyleSheet.create({
 });
 function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
   const progress = Animated12.useSharedValue(active ? 1 : 0);
-  React25.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__ */ React25__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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -4852,14 +4849,14 @@ function PagerDots({
       onDotPress(activeIndex + 1);
     }
   };
-  return /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+    hasControls && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePrevious,
@@ -4873,7 +4870,7 @@ function PagerDots({
       },
       renderIcon("chevron-left", s(18), canGoPrev ? colors.foreground : colors.foregroundMuted)
     ),
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles39.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React25__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,
@@ -4886,7 +4883,7 @@ function PagerDots({
         onPress: onDotPress ? () => onDotPress(i) : void 0
       }
     ))),
-    hasControls && /* @__PURE__ */ React25__default.default.createElement(
+    hasControls && /* @__PURE__ */ React55__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handleNext,
@@ -4937,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__ */ React25__default.default.createElement(
+  const leftNode = left ?? (onBack ? /* @__PURE__ */ React55__default.default.createElement(
     IconButton,
     {
       iconName: backIconName,
@@ -4947,7 +4944,7 @@ function AppHeader({
       accessibilityLabel: "Go back"
     }
   ) : null);
-  const titleBlock = /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles40.titleBlock, centered && styles40.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React25__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],
@@ -4956,7 +4953,7 @@ function AppHeader({
       accessibilityRole: "header"
     },
     title
-  ) : null, subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [styles40.subtitle, { color: colors.foregroundMuted }, centered && styles40.textCentered],
@@ -4965,7 +4962,7 @@ function AppHeader({
     },
     subtitle
   ) : null);
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -4979,7 +4976,7 @@ function AppHeader({
         style
       ]
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles40.bar }, centered ? /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)) : /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), titleBlock, /* @__PURE__ */ React25__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({
@@ -5036,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__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(Animated12__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress,
@@ -5059,7 +5056,7 @@ function Cell({ item, selected, width, onPress }) {
       ]
     },
     iconNode,
-    item.label ? /* @__PURE__ */ React25__default.default.createElement(
+    item.label ? /* @__PURE__ */ React55__default.default.createElement(
       reactNative.Text,
       {
         style: [styles41.label, { color: selected ? colors.primary : colors.foreground }],
@@ -5080,7 +5077,7 @@ function SelectableGrid({
   orientation = "grid",
   style
 }) {
-  const [containerWidth, setContainerWidth] = React25.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);
@@ -5090,7 +5087,7 @@ function SelectableGrid({
     onChange(item.value);
   };
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React55__default.default.createElement(
       reactNative.ScrollView,
       {
         horizontal: true,
@@ -5098,7 +5095,7 @@ function SelectableGrid({
         contentContainerStyle: [styles41.horizontal, { gap: gapPx }, style],
         accessibilityRole: multiple ? void 0 : "radiogroup"
       },
-      items.map((item) => /* @__PURE__ */ React25__default.default.createElement(
+      items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
         Cell,
         {
           key: String(item.value),
@@ -5110,14 +5107,14 @@ function SelectableGrid({
       ))
     );
   }
-  return /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(
+    cellWidth > 0 ? items.map((item) => /* @__PURE__ */ React55__default.default.createElement(
       Cell,
       {
         key: String(item.value),
@@ -5158,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,
@@ -5173,11 +5394,11 @@ function PricingCard({
   style
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__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,
@@ -5188,39 +5409,39 @@ function PricingCard({
       ],
       accessibilityRole: "summary"
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles42.header }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React25__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles42.priceRow }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
-    description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
-    features.length > 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles42.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__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__ */ React25__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),
@@ -5299,11 +5520,11 @@ function TabBar({
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const resolvedActive = activeColor ?? colors.primary;
   const resolvedInactive = inactiveColor ?? colors.foregroundMuted;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles43.container,
+        styles44.container,
         {
           backgroundColor: colors.card,
           borderTopColor: colors.border,
@@ -5319,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__ */ React25__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);
@@ -5334,23 +5555,23 @@ function TabBar({
           accessibilityState: { selected: active },
           accessibilityLabel: item.label ?? item.key
         },
-        /* @__PURE__ */ React25__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React25__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__ */ React25__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__ */ React25__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
@@ -5404,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 = React25.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
+  const reportZoom = React55.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
   const reset = () => {
     "worklet";
     scale2.value = Animated12.withTiming(1);
@@ -5450,17 +5671,17 @@ function ZoomableImage({ source, width, height, onZoomChange }) {
       { scale: scale2.value }
     ]
   }));
-  return /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ width, height }, styles44.imageWrap], collapsable: false }, /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React25__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] = React25.useState(initialIndex);
-  const [pagingEnabled, setPagingEnabled] = React25.useState(true);
-  const scrollRef = React25__default.default.useRef(null);
-  React25__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);
@@ -5471,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 = React25.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) => {
@@ -5481,7 +5702,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       dragY.value = Animated12.withTiming(0);
     }
   });
-  React25__default.default.useEffect(() => {
+  React55__default.default.useEffect(() => {
     if (visible) dragY.value = 0;
   }, [visible, dragY]);
   const dismissStyle = Animated12.useAnimatedStyle(() => ({
@@ -5498,7 +5719,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     scrollRef.current?.scrollTo({ x: page * width, animated: true });
     setIndex(page);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles44.root }, /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [styles44.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: [styles44.container, dismissStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles44.root, collapsable: false }, /* @__PURE__ */ React25__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,
@@ -5509,7 +5730,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       onMomentumScrollEnd: onMomentumEnd,
       bounces: false
     },
-    images.map((source, i) => /* @__PURE__ */ React25__default.default.createElement(
+    images.map((source, i) => /* @__PURE__ */ React55__default.default.createElement(
       ZoomableImage,
       {
         key: i,
@@ -5519,7 +5740,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
         onZoomChange: (zoomed) => setPagingEnabled(!zoomed)
       }
     ))
-  ))), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles44.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React25__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",
@@ -5530,7 +5751,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       onPress: onClose,
       accessibilityLabel: "Close"
     }
-  )), images.length > 1 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles44.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React25__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,
@@ -5541,7 +5762,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
     }
   )) : null)));
 }
-var styles44 = reactNative.StyleSheet.create({
+var styles45 = reactNative.StyleSheet.create({
   root: {
     flex: 1
   },
@@ -5580,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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableChip,
     {
       onPress: option.disabled ? void 0 : handlePress,
@@ -5590,21 +5811,21 @@ function SheetSelectChip({
       accessibilityLabel: option.disabled ? `${option.label}, unavailable` : option.label,
       accessibilityState: { selected, disabled: option.disabled }
     },
-    /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: styles45.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React25__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
@@ -5638,7 +5859,7 @@ function SheetSelect({
     const newArray = alreadySelected ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
     onValueChange?.(newArray);
   };
-  const chips = options.map((opt) => /* @__PURE__ */ React25__default.default.createElement(
+  const chips = options.map((opt) => /* @__PURE__ */ React55__default.default.createElement(
     SheetSelectChip,
     {
       key: opt.value,
@@ -5647,17 +5868,17 @@ function SheetSelect({
       onPress: () => handlePress(opt.value)
     }
   ));
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles45.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles45.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles45.wrapContainer }, chips) : /* @__PURE__ */ React25__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__ */ React25__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)
   },
@@ -5712,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();
@@ -5741,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);
     }
   };
@@ -5755,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__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     PressableCard,
     {
       onPress: handlePress,
@@ -5770,27 +5994,29 @@ function ImageUpload({
       accessibilityState: { disabled: disabled || loading },
       style: [containerStyle, style]
     },
-    value ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: styles46.placeholder }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles46.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React25__default.default.createElement(Spinner, { size: "md" })) : null,
-    value && !loading ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles46.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles46.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React25__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",
@@ -5823,6 +6049,7 @@ var styles46 = reactNative.StyleSheet.create({
 
 // src/utils/curatedIcons.ts
 var CURATED_ICONS = [
+  // ─── Food ────────────────────────────────────────────────────────────────────
   {
     name: "food",
     label: "Food",
@@ -5830,97 +6057,178 @@ var CURATED_ICONS = [
     categoryIcon: "coffee",
     icons: [
       // Bebidas
+      "beer-outline",
+      "wine-outline",
+      "cafe-outline",
+      "water-outline",
       "coffee",
-      "wine-glass",
-      "beer",
-      "cocktail",
-      "mug-hot",
-      "glass-cheers",
-      "wine",
-      // Comidas
-      "restaurant",
-      "hamburger",
-      "pizza-slice",
-      "ice-cream",
-      "cake",
-      "egg",
-      "fish",
-      "bread-slice",
-      "cookie",
-      "cheese",
-      "carrot",
-      "hotdog",
-      // Cocina / utilidades
-      "utensils",
+      // Comida
+      "pizza-outline",
+      "fast-food-outline",
+      "fish-outline",
+      "ice-cream-outline",
+      "egg-outline",
+      "nutrition-outline",
+      // Servicio y operación
+      "restaurant-outline",
+      "server-outline",
+      "menu-outline",
+      "basket-outline",
+      "receipt-outline",
+      "pricetag-outline",
+      "pricetags-outline",
+      "reorder-four-outline",
+      "reorder-three-outline",
+      "cart-outline",
+      "cash-outline",
+      "wallet-outline",
+      "storefront-outline",
       // Delivery / pedidos
+      "truck",
+      "package",
       "shopping-bag",
+      "shopping-cart",
+      // Ubicación y reserva
+      "map-pin",
+      "home",
+      "calendar",
       "clock",
+      // Experiencia
       "star",
       "heart",
-      "map-pin",
-      "phone"
+      "bookmark",
+      "thumbs-up",
+      "check",
+      "gift"
     ]
   },
+  // ─── Sports ──────────────────────────────────────────────────────────────────
   {
     name: "sports",
     label: "Sports",
     labelEs: "Deportes",
-    categoryIcon: "activity",
+    categoryIcon: "trophy-outline",
     icons: [
-      // Deportes específicos
-      "futbol",
-      "dumbbell",
-      "running",
-      "bicycle",
-      "heartbeat",
-      "fitness-center",
-      // Competencia / logros
-      "target",
+      // Deportes
+      "american-football-outline",
+      "baseball-outline",
+      "basketball-outline",
+      "bicycle-outline",
+      "football-outline",
+      "tennisball-outline",
+      "golf-outline",
+      "fitness-outline",
+      "car-sport-outline",
+      "game-controller-outline",
+      // Competición y logros
+      "trophy-outline",
+      "medal-outline",
       "award",
+      "target",
       "flag",
-      "star",
+      "crosshair",
+      // Outdoor
+      "compass-outline",
+      "map-outline",
+      "trail-sign-outline",
+      "bonfire-outline",
+      "snow-outline",
+      "flame-outline",
+      "sun",
+      "droplet",
+      "wind",
+      "map",
+      "map-pin",
+      "navigation",
+      "navigation-2",
+      // Rendimiento y métricas
+      "stats-chart-outline",
+      "trending-up-outline",
+      "trending-down-outline",
+      "bar-chart-outline",
+      "pie-chart-outline",
+      "analytics-outline",
+      "activity",
       "zap",
-      // Bienestar
-      "heart",
+      "watch",
+      "trending-up",
+      "trending-down",
+      "bar-chart-2",
       "clock",
-      "activity",
-      "sun",
-      "user",
-      "users"
+      "calendar"
     ]
   },
+  // ─── Business ────────────────────────────────────────────────────────────────
   {
     name: "business",
     label: "Business",
     labelEs: "Negocios",
     categoryIcon: "briefcase",
     icons: [
+      // Empresa
+      "briefcase",
+      "users",
+      "user",
+      "user-plus",
+      "user-check",
+      "user-x",
+      "briefcase-outline",
+      "business-outline",
+      "id-card-outline",
+      // Comercio y operación
       "shopping-cart",
       "shopping-bag",
       "credit-card",
       "dollar-sign",
       "percent",
-      "briefcase",
+      "tag",
+      "gift",
+      "cart-outline",
+      "cash-outline",
+      "wallet-outline",
+      "storefront-outline",
+      "pricetag-outline",
+      "pricetags-outline",
+      "receipt-outline",
+      "card-outline",
+      // Logística
       "truck",
       "package",
-      "gift",
+      // Documentos
+      "file",
+      "file-text",
+      "file-plus",
+      "folder",
+      "paperclip",
+      "document-outline",
+      "document-text-outline",
+      "documents-outline",
+      "folder-outline",
+      // Comunicación de negocio
+      "mail",
+      "phone",
+      "phone-call",
+      "send",
+      "message-square",
+      "mail-outline",
+      // Análisis
       "bar-chart",
       "bar-chart-2",
       "pie-chart",
       "trending-up",
       "trending-down",
       "activity",
-      "tag",
-      "bookmark",
-      "pocket"
+      "globe"
     ]
   },
+  // ─── Objects ─────────────────────────────────────────────────────────────────
   {
     name: "objects",
     label: "Objects",
     labelEs: "Objetos",
-    categoryIcon: "folder",
+    categoryIcon: "package",
     icons: [
+      // Archivos y carpetas
       "file",
       "file-text",
       "file-plus",
@@ -5928,108 +6236,193 @@ var CURATED_ICONS = [
       "folder",
       "folder-plus",
       "folder-minus",
+      "archive",
+      "save",
+      "paperclip",
+      "document-outline",
+      "document-text-outline",
+      "documents-outline",
+      "folder-outline",
+      "folder-open-outline",
+      "file-tray-outline",
+      "file-tray-full-outline",
+      "file-tray-stacked-outline",
+      "archive-outline",
+      "save-outline",
+      // Seguridad
       "lock",
       "unlock",
       "key",
       "shield",
       "shield-off",
-      "settings",
-      "sliders",
-      "toggle-left",
-      "toggle-right",
-      "tool",
-      "printer",
-      "database",
+      "lock-closed-outline",
+      "lock-open-outline",
+      "key-outline",
+      "shield-outline",
+      "shield-checkmark-outline",
+      // Dispositivos
+      "monitor",
+      "tablet",
+      "smartphone",
+      "tv",
       "server",
+      "database",
       "hard-drive",
       "cpu",
-      "paperclip",
-      "aperture",
-      "box",
-      "radio"
+      "radio",
+      "laptop-outline",
+      "phone-portrait-outline",
+      "phone-landscape-outline",
+      "tablet-landscape-outline",
+      "tablet-portrait-outline",
+      "tv-outline",
+      "server-outline",
+      "hardware-chip-outline",
+      "watch-outline"
     ]
   },
+  // ─── Status ──────────────────────────────────────────────────────────────────
   {
     name: "status",
     label: "Status",
     labelEs: "Estado",
     categoryIcon: "alert-circle",
     icons: [
+      // Alertas
       "alert-circle",
       "alert-triangle",
       "alert-octagon",
       "info",
       "help-circle",
+      "alert-circle-outline",
+      "alert-outline",
+      "information-circle-outline",
+      "help-circle-outline",
+      // Notificaciones
       "bell",
       "bell-off",
+      "notifications-outline",
+      "notifications-off-outline",
+      "notifications-circle-outline",
+      // Visibilidad
       "eye",
       "eye-off",
+      "eye-outline",
+      "eye-off-outline",
+      // Indicadores
       "flag",
       "zap",
       "zap-off",
       "loader",
-      "clock",
-      "watch"
+      "activity",
+      "flash-outline",
+      "bulb-outline",
+      // Éxito / error / advertencia
+      "check",
+      "check-circle",
+      "x",
+      "x-circle",
+      "x-octagon",
+      "slash",
+      "plus-circle",
+      "minus-circle",
+      "checkmark-circle-outline",
+      "checkmark-done-circle-outline",
+      "close-circle-outline",
+      "add-circle-outline",
+      "remove-circle-outline",
+      // Estados de proceso
+      "play-circle",
+      "pause-circle",
+      "stop-circle",
+      "play-circle-outline",
+      "pause-circle-outline",
+      "stop-circle-outline"
     ]
   },
+  // ─── Actions ─────────────────────────────────────────────────────────────────
   {
     name: "actions",
     label: "Actions",
     labelEs: "Acciones",
     categoryIcon: "edit-3",
     icons: [
+      // Crear / añadir
       "plus",
       "plus-circle",
       "plus-square",
+      "add-outline",
+      "add-circle-outline",
+      // Eliminar / quitar
       "minus",
       "minus-circle",
       "minus-square",
+      "trash",
+      "trash-2",
       "x",
       "x-circle",
       "x-square",
       "x-octagon",
+      "slash",
+      "trash-outline",
+      "trash-bin-outline",
+      "remove-outline",
+      "remove-circle-outline",
+      "close-circle-outline",
+      "backspace-outline",
+      "cut-outline",
+      // Confirmar
       "check",
       "check-circle",
       "check-square",
+      "checkmark-circle-outline",
+      // Editar
       "edit",
       "edit-2",
       "edit-3",
-      "trash",
-      "trash-2",
       "copy",
       "clipboard",
       "scissors",
+      "create-outline",
+      "pencil-outline",
+      "duplicate-outline",
+      "copy-outline",
+      "clipboard-outline",
+      // Mover datos
       "download",
       "download-cloud",
       "upload",
       "upload-cloud",
-      "share",
-      "share-2",
-      "link",
-      "link-2",
-      "search",
-      "zoom-in",
-      "zoom-out",
-      "save",
-      "archive",
-      "log-in",
-      "log-out",
-      "power",
-      "refresh-cw",
-      "rotate-cw",
-      "slash"
+      "download-outline",
+      "cloud-download-outline",
+      "cloud-upload-outline"
     ]
   },
+  // ─── Communication ───────────────────────────────────────────────────────────
   {
     name: "communication",
     label: "Communication",
     labelEs: "Comunicaci\xF3n",
     categoryIcon: "message-circle",
     icons: [
-      "mail",
+      // Mensajería
       "message-circle",
       "message-square",
       "send",
+      "mail",
+      "inbox",
+      "at-sign",
+      "mail-outline",
+      "mail-open-outline",
+      "mail-unread-outline",
+      "chatbubble-outline",
+      "chatbubble-ellipses-outline",
+      "chatbubbles-outline",
+      "send-outline",
+      "attach-outline",
+      "at-outline",
+      "at-circle-outline",
+      // Llamadas
       "phone",
       "phone-call",
       "phone-incoming",
@@ -6037,30 +6430,45 @@ var CURATED_ICONS = [
       "phone-missed",
       "phone-off",
       "phone-forwarded",
-      "at-sign",
-      "inbox",
+      "voicemail",
+      "call-outline",
+      "phone-portrait-outline",
+      "phone-landscape-outline",
+      // Personas
       "user",
       "user-plus",
       "user-minus",
       "user-check",
       "user-x",
       "users",
+      "person-outline",
+      "person-circle-outline",
+      "person-add-outline",
+      "person-remove-outline",
+      "people-outline",
+      "people-circle-outline",
+      // Reacciones
       "smile",
       "frown",
       "meh",
       "heart",
       "thumbs-up",
       "thumbs-down",
-      "star",
-      "award"
+      "happy-outline",
+      "sad-outline",
+      "heart-outline",
+      "thumbs-up-outline",
+      "thumbs-down-outline"
     ]
   },
+  // ─── Navigation ──────────────────────────────────────────────────────────────
   {
     name: "navigation",
     label: "Navigation",
     labelEs: "Navegaci\xF3n",
     categoryIcon: "compass",
     icons: [
+      // Flechas cardinales
       "arrow-up",
       "arrow-down",
       "arrow-left",
@@ -6069,6 +6477,13 @@ var CURATED_ICONS = [
       "arrow-up-right",
       "arrow-down-left",
       "arrow-down-right",
+      "arrow-up-outline",
+      "arrow-down-outline",
+      "arrow-back-outline",
+      "arrow-forward-outline",
+      "arrow-undo-outline",
+      "arrow-redo-outline",
+      // Chevrones
       "chevron-up",
       "chevron-down",
       "chevron-left",
@@ -6077,6 +6492,13 @@ var CURATED_ICONS = [
       "chevrons-down",
       "chevrons-left",
       "chevrons-right",
+      "chevron-up-outline",
+      "chevron-down-outline",
+      "chevron-back-outline",
+      "chevron-forward-outline",
+      "chevron-collapse-outline",
+      "chevron-expand-outline",
+      // Esquinas
       "corner-up-left",
       "corner-up-right",
       "corner-down-left",
@@ -6085,10 +6507,14 @@ var CURATED_ICONS = [
       "corner-left-down",
       "corner-right-up",
       "corner-right-down",
+      // Giro / refrescar
       "refresh-cw",
       "refresh-ccw",
       "rotate-cw",
       "rotate-ccw",
+      "refresh-outline",
+      "reload-outline",
+      // Orientación y mapa
       "navigation",
       "navigation-2",
       "compass",
@@ -6097,119 +6523,248 @@ var CURATED_ICONS = [
       "target",
       "crosshair",
       "home",
-      "maximize",
-      "maximize-2",
-      "minimize",
-      "minimize-2",
-      "external-link",
-      "move",
-      "anchor"
+      "anchor",
+      "compass-outline",
+      "map-outline",
+      "location-outline",
+      "navigate-outline",
+      "pin-outline",
+      "home-outline"
     ]
   },
+  // ─── Media ───────────────────────────────────────────────────────────────────
   {
     name: "media",
     label: "Media",
     labelEs: "Medios",
     categoryIcon: "image",
     icons: [
+      // Visual
       "image",
       "film",
       "video",
       "video-off",
+      "camera",
+      "camera-off",
+      "image-outline",
+      "images-outline",
+      "film-outline",
+      "videocam-outline",
+      "videocam-off-outline",
+      "camera-outline",
+      "camera-reverse-outline",
+      // Reproducción
       "play",
       "play-circle",
       "pause",
       "pause-circle",
       "square",
       "stop-circle",
+      "fast-forward",
+      "rewind",
+      "skip-forward",
+      "skip-back",
+      "repeat",
+      "shuffle",
+      "play-outline",
+      "pause-outline",
+      "play-circle-outline",
+      "pause-circle-outline",
+      "stop-circle-outline",
+      "play-back-outline",
+      "play-forward-outline",
+      "play-skip-back-outline",
+      "play-skip-forward-outline",
+      "repeat-outline",
+      "shuffle-outline",
+      // Audio
       "music",
       "headphones",
       "speaker",
-      "camera",
-      "camera-off",
-      "mic",
-      "mic-off",
       "volume",
       "volume-1",
       "volume-2",
       "volume-x",
-      "fast-forward",
-      "rewind",
-      "skip-forward",
-      "skip-back",
-      "repeat",
-      "shuffle",
-      "disc"
+      "mic",
+      "mic-off",
+      "mic-outline",
+      "mic-off-outline",
+      "mic-circle-outline",
+      "musical-note-outline",
+      "musical-notes-outline",
+      "volume-high-outline",
+      "volume-low-outline",
+      "volume-medium-outline",
+      "volume-mute-outline",
+      "volume-off-outline"
     ]
   },
+  // ─── Layout ──────────────────────────────────────────────────────────────────
   {
     name: "layout",
     label: "Layout",
     labelEs: "Dise\xF1o",
     categoryIcon: "grid",
     icons: [
-      "menu",
-      "more-horizontal",
-      "more-vertical",
+      // Estructura
       "grid",
       "columns",
       "sidebar",
       "layout",
       "list",
+      "menu",
+      "table",
+      "trello",
+      "grid-outline",
+      "list-outline",
+      "menu-outline",
+      "layers-outline",
+      // Alineación
       "align-left",
       "align-center",
       "align-right",
       "align-justify",
+      // Tipografía
       "bold",
       "italic",
       "underline",
       "type",
-      "filter",
-      "crop",
-      "layers",
       "hash",
-      "table",
-      "trello",
+      // Formas
       "circle",
       "square",
       "triangle",
       "hexagon",
       "octagon",
-      "feather",
-      "pen-tool"
+      "square-outline",
+      "triangle-outline",
+      "diamond-outline",
+      "shapes-outline",
+      // Herramientas de diseño
+      "pen-tool",
+      "crop",
+      "layers",
+      "filter",
+      "sliders",
+      "aperture",
+      "crop-outline",
+      "filter-outline",
+      "color-fill-outline",
+      "color-filter-outline",
+      "color-palette-outline",
+      "color-wand-outline",
+      "brush-outline",
+      // Edición
+      "edit",
+      "edit-2",
+      "edit-3",
+      "copy",
+      "trash",
+      "move",
+      "create-outline",
+      "pencil-outline",
+      "move-outline",
+      "resize-outline",
+      "duplicate-outline",
+      // Navegación UI
+      "more-horizontal",
+      "more-vertical",
+      "maximize",
+      "minimize",
+      "zoom-in",
+      "zoom-out",
+      "eye",
+      "eye-off",
+      "eye-outline",
+      "eye-off-outline",
+      "ellipsis-horizontal-circle-outline",
+      "ellipsis-vertical-circle-outline"
     ]
   },
+  // ─── Nature ──────────────────────────────────────────────────────────────────
   {
     name: "nature",
     label: "Nature",
     labelEs: "Naturaleza",
-    categoryIcon: "sun",
+    categoryIcon: "sunny-outline",
     icons: [
+      // Sol, luna y estrellas
+      "sunny-outline",
+      "moon-outline",
+      "star-outline",
+      "star-half-outline",
+      "partly-sunny-outline",
       "sun",
+      "moon",
       "sunrise",
       "sunset",
-      "moon",
+      // Clima
+      "rainy-outline",
+      "thunderstorm-outline",
+      "snow-outline",
+      "cloudy-outline",
+      "cloudy-night-outline",
+      "cloud-outline",
+      "cloud-done-outline",
+      "cloud-download-outline",
+      "cloud-upload-outline",
+      "cloud-offline-outline",
+      "cloud-circle-outline",
       "cloud",
       "cloud-drizzle",
       "cloud-lightning",
-      "cloud-off",
       "cloud-rain",
       "cloud-snow",
-      "wind",
-      "umbrella",
-      "thermometer",
+      "cloud-off",
+      "umbrella-outline",
+      "thermometer-outline",
       "droplet",
+      "wind",
+      // Agua y fuego
+      "water-outline",
+      "flame-outline",
+      "bonfire-outline",
+      "eyedrop-outline",
+      // Flora y fauna
+      "leaf-outline",
+      "flower-outline",
+      "bug-outline",
+      "fish-outline",
+      "paw-outline",
+      // Outdoor
+      "binoculars-outline",
+      "telescope-outline",
+      "compass-outline",
+      "map-outline",
+      "location-outline",
+      "flag-outline",
+      "trail-sign-outline",
+      "earth-outline",
+      "globe-outline",
+      "planet-outline",
+      "compass",
+      "map",
+      "map-pin",
+      "flag",
+      "navigation",
+      "navigation-2",
+      "target",
+      "crosshair",
       "life-buoy"
     ]
   },
+  // ─── Brands ──────────────────────────────────────────────────────────────────
   {
     name: "brands",
     label: "Brands",
     labelEs: "Marcas",
     categoryIcon: "globe",
     icons: [
+      // Feather brand icons — outlined, consistent with the rest of the library
       "github",
       "gitlab",
+      "codepen",
+      "codesandbox",
       "twitter",
       "facebook",
       "instagram",
@@ -6221,21 +6776,56 @@ var CURATED_ICONS = [
       "figma",
       "framer",
       "chrome",
-      "codepen",
-      "codesandbox",
-      "globe",
       "rss",
-      "airplay",
-      "cast",
-      "bluetooth",
-      "wifi",
-      "wifi-off",
-      "battery",
-      "battery-charging",
-      "monitor",
-      "tablet",
-      "smartphone",
-      "tv"
+      // Filled / flat brand logos (FA5 brands) — kept in a second
+      // visual tier. Rendered as the brand's official silhouette.
+      // Visually consistent (all flat single-color) but heavier than the
+      // Feather outlined set above. Use these only when an outlined Feather
+      // version of the brand doesn't exist.
+      "reddit",
+      "tiktok",
+      "pinterest",
+      "whatsapp",
+      "discord",
+      "snapchat",
+      "telegram",
+      "viber",
+      "line",
+      "vimeo",
+      "tumblr",
+      "behance",
+      "medium",
+      "soundcloud",
+      "google",
+      "apple",
+      "android",
+      "windows",
+      "linux",
+      "amazon",
+      "paypal",
+      "stripe",
+      "shopify",
+      "dropbox",
+      "spotify",
+      "steam",
+      "atlassian",
+      "jira",
+      "confluence",
+      "bitbucket",
+      "jenkins",
+      "docker",
+      "aws",
+      "node",
+      "react",
+      "angular",
+      "wordpress",
+      "drupal",
+      "joomla",
+      "squarespace",
+      "wix",
+      "magento",
+      "terminal",
+      "pen-tool"
     ]
   }
 ];
@@ -6247,7 +6837,7 @@ var ALL_CURATED_ICONS = [
 var NUM_COLUMNS = 6;
 var GAP = 6;
 var TRIGGER_SIZE = s(56);
-var SCREEN_HEIGHT2 = reactNative.Dimensions.get("window").height;
+var SCREEN_HEIGHT = reactNative.Dimensions.get("window").height;
 function IconCell({ name, selected, size, onPress }) {
   const { colors } = useTheme();
   const handlePress = () => {
@@ -6256,7 +6846,7 @@ function IconCell({ name, selected, size, onPress }) {
   };
   const iconColor = selected ? colors.primaryForeground : colors.foreground;
   const bg = selected ? colors.primary : "transparent";
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React55__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -6265,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 = React25__default.default.memo(IconCell);
+var IconCellMemo = React55__default.default.memo(IconCell);
 function IconPicker({
   value,
   onChange,
@@ -6284,13 +6874,13 @@ function IconPicker({
 }) {
   const { colors } = useTheme();
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const sheetRef = React25.useRef(null);
-  const catScrollRef = React25.useRef(null);
-  const [open, setOpen] = React25.useState(false);
-  const [activeCategory, setActiveCategory] = React25.useState(null);
-  const [containerWidth, setContainerWidth] = React25.useState(() => reactNative.Dimensions.get("window").width - s(16) * 2);
-  const sheetName = React25.useId();
-  const activeIcons = React25.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;
     }
@@ -6298,44 +6888,36 @@ function IconPicker({
   }, [activeCategory]);
   const gapPx = s(gap);
   const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
-  const rows = React25.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]);
-  React25.useEffect(() => {
-    if (open) {
-      impactMedium();
-      sheetRef.current?.present();
-    } else {
-      sheetRef.current?.dismiss();
-    }
-  }, [open]);
-  const handleSelect = React25.useCallback(
+  const handleDismiss = React55.useCallback(() => {
+    setActiveCategory(null);
+    setReady(false);
+  }, []);
+  const handleSelect = React55.useCallback(
     (iconName) => {
       onChange(iconName);
-      setOpen(false);
-      setActiveCategory(null);
     },
     [onChange]
   );
-  const handleOpen = React25.useCallback(() => {
+  const handleOpen = React55.useCallback(() => {
     if (disabled) return;
+    impactMedium();
     setActiveCategory(null);
-    setOpen(true);
+    setReady(false);
+    sheetRef.current?.present();
   }, [disabled]);
-  const handleClose = React25.useCallback(() => {
-    setOpen(false);
-    setActiveCategory(null);
-  }, []);
-  const renderBackdrop = React25.useCallback(
-    (props) => /* @__PURE__ */ React25__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__ */ React25__default.default.createElement(reactNative.View, { style: [styles47.triggerContainer, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles47.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__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,
@@ -6346,133 +6928,143 @@ 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__ */ React25__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__ */ React25__default.default.createElement(reactNative.Text, { style: [styles47.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet.BottomSheetModal,
+  ) : 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,
       name: sheetName,
-      onDismiss: handleClose,
+      onDismiss: handleDismiss,
       enableDynamicSizing: true,
-      maxDynamicContentSize: SCREEN_HEIGHT2 * 0.7,
+      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__ */ React25__default.default.createElement(
-      BottomSheet.BottomSheetScrollView,
+    /* @__PURE__ */ React55__default.default.createElement(
+      bottomSheet.BottomSheetScrollView,
       {
-        contentContainerStyle: styles47.sheetContent,
+        contentContainerStyle: styles48.sheetContent,
         showsVerticalScrollIndicator: true
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles47.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"),
-      /* @__PURE__ */ React25__default.default.createElement(
-        reactNativeGestureHandler.ScrollView,
+      /* @__PURE__ */ React55__default.default.createElement(
+        reactNative.View,
         {
-          ref: catScrollRef,
-          horizontal: true,
-          showsHorizontalScrollIndicator: false,
-          contentContainerStyle: styles47.categoryStrip,
-          style: styles47.categoryScroll
+          style: styles48.gridContainer,
+          onLayout: (e) => {
+            setContainerWidth(e.nativeEvent.layout.width);
+            setReady(true);
+          }
         },
-        /* @__PURE__ */ React25__default.default.createElement(
-          reactNative.TouchableOpacity,
+        !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,
           {
-            onPress: () => setActiveCategory(null),
-            activeOpacity: 0.7,
-            touchSoundDisabled: true,
-            accessibilityRole: "button",
-            accessibilityLabel: "Todos",
-            accessibilityState: { selected: activeCategory === null },
-            style: [
-              styles47.categoryChip,
-              {
-                backgroundColor: activeCategory === null ? colors.primary : colors.surface,
-                borderColor: activeCategory === null ? colors.primary : colors.border
-              }
-            ]
+            ref: catScrollRef,
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            contentContainerStyle: styles48.categoryStrip,
+            style: styles48.categoryScroll
           },
-          /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React25__default.default.createElement(
-            reactNative.Text,
+          /* @__PURE__ */ React55__default.default.createElement(
+            reactNative.TouchableOpacity,
             {
+              onPress: () => setActiveCategory(null),
+              activeOpacity: 0.7,
+              touchSoundDisabled: true,
+              accessibilityRole: "button",
+              accessibilityLabel: "Todos",
+              accessibilityState: { selected: activeCategory === null },
               style: [
-                styles47.categoryChipText,
-                { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
-              ],
-              allowFontScaling: true,
-              numberOfLines: 1
+                styles48.categoryChip,
+                {
+                  backgroundColor: activeCategory === null ? colors.primary : colors.surface,
+                  borderColor: activeCategory === null ? colors.primary : colors.border
+                }
+              ]
             },
-            "Todos"
-          ))
-        ),
-        CURATED_ICONS.map((cat) => /* @__PURE__ */ React25__default.default.createElement(
-          reactNative.TouchableOpacity,
-          {
-            key: cat.name,
-            onPress: () => setActiveCategory(cat.name),
-            activeOpacity: 0.7,
-            touchSoundDisabled: true,
-            accessibilityRole: "button",
-            accessibilityLabel: cat.labelEs,
-            accessibilityState: { selected: activeCategory === cat.name },
-            style: [
-              styles47.categoryChip,
+            /* @__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,
               {
-                backgroundColor: activeCategory === cat.name ? colors.primary : colors.surface,
-                borderColor: activeCategory === cat.name ? colors.primary : colors.border
-              }
-            ]
-          },
-          /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React25__default.default.createElement(
-            reactNative.Text,
+                style: [
+                  styles48.categoryChipText,
+                  { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
+                ],
+                allowFontScaling: true,
+                numberOfLines: 1
+              },
+              "Todos"
+            ))
+          ),
+          CURATED_ICONS.map((cat) => /* @__PURE__ */ React55__default.default.createElement(
+            reactNative.TouchableOpacity,
             {
+              key: cat.name,
+              onPress: () => setActiveCategory(cat.name),
+              activeOpacity: 0.7,
+              touchSoundDisabled: true,
+              accessibilityRole: "button",
+              accessibilityLabel: cat.labelEs,
+              accessibilityState: { selected: activeCategory === cat.name },
               style: [
-                styles47.categoryChipText,
-                { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
-              ],
-              allowFontScaling: true,
-              numberOfLines: 1
+                styles48.categoryChip,
+                {
+                  backgroundColor: activeCategory === cat.name ? colors.primary : colors.surface,
+                  borderColor: activeCategory === cat.name ? colors.primary : colors.border
+                }
+              ]
             },
-            cat.labelEs
+            /* @__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: [
+                  styles48.categoryChipText,
+                  { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
+                ],
+                allowFontScaling: true,
+                numberOfLines: 1
+              },
+              cat.labelEs
+            ))
           ))
-        ))
-      ),
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles47.separator, { backgroundColor: colors.border }] }),
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles47.gridContainer, onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width) }, cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles47.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React25__default.default.createElement(
-        IconCellMemo,
-        {
-          key: name,
-          name,
-          selected: value === name,
-          size: cellSize,
-          onPress: () => handleSelect(name)
-        }
-      )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
+        ), /* @__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,
+            name,
+            selected: value === name,
+            size: cellSize,
+            onPress: () => {
+              handleSelect(name);
+              sheetRef.current?.dismiss();
+            }
+          }
+        )), 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)
   },
@@ -6548,6 +7140,11 @@ var styles47 = reactNative.StyleSheet.create({
     borderRadius: RADIUS.md,
     alignItems: "center",
     justifyContent: "center"
+  },
+  loader: {
+    minHeight: vs(200),
+    alignItems: "center",
+    justifyContent: "center"
   }
 });
 var sizeConfig = {
@@ -6581,18 +7178,18 @@ function NumberStepperBase({
   };
   const { button: buttonSize, icon: iconSize, valueFontSize, valueLineHeight, valueMinWidth } = sizeConfig[size];
   const displayValue = String(value);
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles48.container, style] }, /* @__PURE__ */ React25__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,
@@ -6603,11 +7200,11 @@ function NumberStepperBase({
       accessibilityState: { disabled: !canDecrement }
     },
     renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
-  ), /* @__PURE__ */ React25__default.default.createElement(
+  ), /* @__PURE__ */ React55__default.default.createElement(
     reactNative.Text,
     {
       style: [
-        styles48.value,
+        styles49.value,
         {
           color: colors.foreground,
           fontSize: valueFontSize,
@@ -6620,18 +7217,18 @@ function NumberStepperBase({
       accessibilityRole: "text"
     },
     displayValue
-  ), /* @__PURE__ */ React25__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,
@@ -6644,8 +7241,8 @@ function NumberStepperBase({
     renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
   ));
 }
-var NumberStepper = React25__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",
@@ -6665,6 +7262,161 @@ var styles48 = reactNative.StyleSheet.create({
     textAlign: "center"
   }
 });
+var COMPACT_THRESHOLD = s(150);
+function StatsComponent({
+  value,
+  label,
+  description,
+  icon,
+  iconName,
+  iconColor,
+  variant = "elevated",
+  size = "default",
+  onPress,
+  style,
+  accessibilityLabel
+}) {
+  const { colors } = useTheme();
+  const [containerWidth, setContainerWidth] = React55.useState(0);
+  const handleLayout = React55.useCallback((e) => {
+    const w = e.nativeEvent.layout.width;
+    if (w > 0 && w !== containerWidth) {
+      setContainerWidth(w);
+    }
+  }, [containerWidth]);
+  const handlePress = () => {
+    if (!onPress) return;
+    impactLight();
+    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,
+      borderWidth: 0,
+      shadowColor: "#000",
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.09,
+      shadowRadius: 14,
+      elevation: 4
+    },
+    outlined: {
+      backgroundColor: colors.card,
+      borderColor: colors.border,
+      shadowOpacity: 0,
+      elevation: 0
+    },
+    filled: {
+      backgroundColor: colors.surfaceStrong,
+      borderColor: colors.border,
+      shadowOpacity: 0,
+      elevation: 0
+    }
+  }[variant];
+  const iconColorResolved = iconColor ?? colors.primary;
+  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__ */ React55__default.default.createElement(
+      PressableCard,
+      {
+        onPress: handlePress,
+        rippleColor: "transparent",
+        touchSoundDisabled: true,
+        activateOnHover: true,
+        accessibilityRole: "button",
+        accessibilityLabel
+      },
+      cardContent
+    );
+  }
+  return cardContent;
+}
+function StatsGroup({ children, gap = s(12), style }) {
+  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__ */ React55__default.default.createElement(reactNative.View, { style: styles50.groupItem }, React55__default.default.cloneElement(
+      child,
+      { style: mergedStyle }
+    ));
+  }));
+}
+var Stats = Object.assign(React55__default.default.memo(StatsComponent), { Group: StatsGroup });
+var styles50 = reactNative.StyleSheet.create({
+  card: {
+    borderRadius: RADIUS.md,
+    borderWidth: 1,
+    padding: s(16),
+    alignSelf: "flex-start",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  valueRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: s(8)
+  },
+  iconWrapper: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  compactValue: {
+    marginTop: vs(8)
+  },
+  value: {
+    fontFamily: "Sohne-Bold",
+    fontSize: ms(28),
+    lineHeight: mvs(32),
+    textAlign: "center"
+  },
+  label: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18),
+    marginTop: vs(8),
+    textAlign: "center"
+  },
+  description: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(12),
+    lineHeight: mvs(16),
+    marginTop: vs(4),
+    textAlign: "center"
+  },
+  group: {
+    flexDirection: "row",
+    width: "100%"
+  },
+  groupItem: {
+    flex: 1
+  }
+});
 
 // src/utils/typography.ts
 function getResponsiveFontSize(text, maxSize, steps = [
@@ -6680,14 +7432,14 @@ function getResponsiveFontSize(text, maxSize, steps = [
   return maxSize - 8;
 }
 function useConfirmDialog(options) {
-  const [visible, setVisible] = React25.useState(false);
-  const [target, setTarget] = React25.useState(null);
-  const [loading, setLoading] = React25.useState(false);
-  const open = React25.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 = React25.useCallback(async () => {
+  const handleConfirm = React55.useCallback(async () => {
     setLoading(true);
     try {
       await options.onConfirm();
@@ -6697,7 +7449,7 @@ function useConfirmDialog(options) {
       setTarget(null);
     }
   }, [options]);
-  const handleCancel = React25.useCallback(() => {
+  const handleCancel = React55.useCallback(() => {
     setVisible(false);
     setTarget(null);
     options.onCancel?.();
@@ -6718,11 +7470,11 @@ function useConfirmDialog(options) {
 
 Object.defineProperty(exports, "BottomSheetModalProvider", {
   enumerable: true,
-  get: function () { return BottomSheet.BottomSheetModalProvider; }
+  get: function () { return bottomSheet.BottomSheetModalProvider; }
 });
 Object.defineProperty(exports, "SheetTextInput", {
   enumerable: true,
-  get: function () { return BottomSheet.BottomSheetTextInput; }
+  get: function () { return bottomSheet.BottomSheetTextInput; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
@@ -6776,7 +7528,7 @@ exports.MenuItem = MenuItem;
 exports.MonthPicker = MonthPicker;
 exports.NumberStepper = NumberStepper;
 exports.PagerDots = PagerDots;
-exports.Pressable = Pressable3;
+exports.Pressable = Pressable2;
 exports.PricingCard = PricingCard;
 exports.Progress = Progress;
 exports.RADIUS = RADIUS;
@@ -6785,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;
@@ -6792,6 +7546,7 @@ exports.SheetSelect = SheetSelect;
 exports.Skeleton = Skeleton;
 exports.Slider = Slider;
 exports.Spinner = Spinner;
+exports.Stats = Stats;
 exports.Switch = Switch;
 exports.TYPOGRAPHY = TYPOGRAPHY;
 exports.TabBar = TabBar;
@@ -6823,3 +7578,4 @@ exports.selectionAsync = selectionAsync;
 exports.useConfirmDialog = useConfirmDialog;
 exports.useTheme = useTheme;
 exports.useToast = useToast;
+exports.withAlpha = withAlpha;