@retray-dev/ui-kit 10.1.0 → 12.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React25 = require('react');
+var React54 = 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 React54__default = /*#__PURE__*/_interopDefault(React54);
 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 = {
@@ -168,23 +172,23 @@ function deriveColors(t, scheme) {
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React25.createContext({
+var ThemeContext = React54.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 = React54.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__ */ React54__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
 }
 function useTheme() {
-  const context = React25.useContext(ThemeContext);
+  const context = React54.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -369,9 +373,9 @@ function configureIconFamilies(families) {
   activeFamilies = order.length > 0 ? order : ALL_FAMILIES;
   resolvedCache = null;
 }
-function buildCache() {
+function buildCache(families) {
   const cache = /* @__PURE__ */ new Map();
-  for (const family of activeFamilies) {
+  for (const family of families ?? activeFamilies) {
     const glyphMap = family.getGlyphMap();
     for (const iconName of Object.keys(glyphMap)) {
       cache.set(iconName, family);
@@ -385,6 +389,20 @@ function resolveFamily(name) {
   }
   return resolvedCache.get(name) ?? null;
 }
+var cachedIconNames = null;
+function getValidIconNames(families) {
+  if (families && families.length > 0) {
+    const tempFamilies = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
+    if (tempFamilies.length === 0) return [];
+    const cache = buildCache(tempFamilies);
+    return Array.from(cache.keys());
+  }
+  if (!cachedIconNames) {
+    const cache = buildCache();
+    cachedIconNames = Array.from(cache.keys());
+  }
+  return cachedIconNames;
+}
 function Icon({ name, size, color, family }) {
   let resolved = null;
   if (family) {
@@ -394,10 +412,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 React54__default.default.createElement(Component, { name, size, color });
 }
 function renderIcon(name, size, color) {
-  return React25__default.default.createElement(Icon, { name, size, color });
+  return React54__default.default.createElement(Icon, { name, size, color });
 }
 
 // src/tokens.ts
@@ -722,7 +740,7 @@ function ButtonBase({
   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__ */ React54__default.default.createElement(reactNative.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }] }, /* @__PURE__ */ React54__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -743,7 +761,7 @@ 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__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
@@ -751,7 +769,7 @@ function ButtonBase({
         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__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
@@ -759,10 +777,10 @@ function ButtonBase({
         numberOfLines: 1
       },
       label
-    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon))
+    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveIcon))
   ));
 }
-var Button = React25__default.default.memo(ButtonBase);
+var Button = React54__default.default.memo(ButtonBase);
 var styles = reactNative.StyleSheet.create({
   base: {
     borderRadius: RADIUS.md,
@@ -788,7 +806,7 @@ var styles = reactNative.StyleSheet.create({
   }
 });
 function ButtonGroup({ children, gap = 12, vertical = false, style }) {
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -798,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;
+    React54__default.default.Children.map(children, (child) => {
+      if (!React54__default.default.isValidElement(child)) return child;
       const childProps = child.props;
       const extraProps = {
         style: [child.props.style, { flex: 1 }]
@@ -807,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 React54__default.default.cloneElement(child, extraProps);
     })
   );
 }
@@ -868,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__ */ React54__default.default.createElement(reactNative.View, { style: styles3.wrapper }, /* @__PURE__ */ React54__default.default.createElement(
     PressableButton,
     {
       style: [
@@ -888,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__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
+  ), showBadge && /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
 }
-var IconButton = React25__default.default.memo(IconButtonBase);
+var IconButton = React54__default.default.memo(IconButtonBase);
 var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
@@ -940,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 {
@@ -985,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__ */ React54__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 = React54__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] = React54.useState(false);
+  const [showPassword, setShowPassword] = React54.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__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => setShowPassword(!showPassword),
@@ -1019,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__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
     reactNativeEase.EaseView,
     {
       style: [
@@ -1034,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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
+    sheetMode ? /* @__PURE__ */ React54__default.default.createElement(
+      bottomSheet.BottomSheetTextInput,
       {
         style: [
           styles4.input,
@@ -1059,7 +1077,7 @@ function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suff
         accessibilityLabel: accessibilityLabel ?? label,
         ...props
       }
-    ) : /* @__PURE__ */ React25__default.default.createElement(
+    ) : /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
@@ -1084,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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
+  ), error ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles4.helperText, { color: colors.destructive }],
@@ -1093,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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles4 = reactNative.StyleSheet.create({
   container: {
@@ -1195,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__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style],
@@ -1203,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__ */ React54__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 = React54__default.default.memo(BadgeBase);
 var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
@@ -1251,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React54__default.default.createElement(
       PressableCard,
       {
         onPress: handlePress,
@@ -1269,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__ */ React54__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__ */ React54__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__ */ React54__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__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
 }
 var styles6 = reactNative.StyleSheet.create({
   card: {
@@ -1321,7 +1339,7 @@ var styles6 = reactNative.StyleSheet.create({
 });
 function Separator({ orientation = "horizontal", style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1356,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__ */ React54__default.default.createElement(
       reactNative.View,
       {
         style: styles8.wrapper,
@@ -1364,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__ */ React54__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }),
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles8.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
@@ -1375,7 +1393,7 @@ function Spinner({ size = "md", color, label, ...props }) {
       )
     );
   }
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.ActivityIndicator,
     {
       size: sizeMap2[size],
@@ -1407,9 +1425,9 @@ function Skeleton({
 }) {
   const { colors, colorScheme } = useTheme();
   const shimmer = Animated12.useSharedValue(0);
-  const [containerWidth, setContainerWidth] = React25.useState(300);
+  const [containerWidth, setContainerWidth] = React54.useState(300);
   const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
-  React25.useEffect(() => {
+  React54.useEffect(() => {
     shimmer.value = Animated12.withRepeat(
       Animated12.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated12.Easing.linear }),
       -1,
@@ -1422,7 +1440,7 @@ 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__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1435,7 +1453,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__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React54__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1455,10 +1473,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__ */ React54__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "100%", height: void 0, style: skeletonStyles.fill, borderRadius: RADIUS.md }))), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: skeletonStyles.meta }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "70%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "45%", height: vs(12), borderRadius: RADIUS.xs }) : null));
 }
 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__ */ React54__default.default.createElement(reactNative.View, { style: [skeletonStyles.row, style] }, showAvatar ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { preset: "circle", diameter: 40 }) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: skeletonStyles.rowText }, /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "60%", height: vs(14), borderRadius: RADIUS.xs }), showSubtitle ? /* @__PURE__ */ React54__default.default.createElement(Skeleton, { width: "40%", height: vs(12), borderRadius: RADIUS.xs }) : null));
 }
 function ListSkeleton({
   count = 6,
@@ -1469,10 +1487,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__ */ React54__default.default.createElement(reactNative.View, { style: [{ gap: vs(gap) }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(ListItemSkeleton, { key: i, showAvatar })));
   }
   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__ */ React54__default.default.createElement(reactNative.View, { style: [skeletonStyles.grid, { marginHorizontal: -s(gap) / 2 }, style] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: { width: widthPct, paddingHorizontal: s(gap) / 2, marginBottom: vs(gap) } }, /* @__PURE__ */ React54__default.default.createElement(MediaCardSkeleton, { aspectRatio }))));
 }
 Skeleton.MediaCard = MediaCardSkeleton;
 Skeleton.ListItem = ListItemSkeleton;
@@ -1535,7 +1553,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] = React54.useState(false);
   const dimension = typeof size === "number" ? size : sizeMap3[size];
   const fontSize = typeof size === "number" ? size * 0.38 : fontSizeMap[size];
   const showFallback = !src || imageError;
@@ -1554,21 +1572,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__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Image,
       {
         source: { uri: src },
         style: { width: dimension, height: dimension },
         onError: () => setImageError(true)
       }
-    ) : /* @__PURE__ */ React25__default.default.createElement(
+    ) : /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
@@ -1576,7 +1594,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
       },
       getInitials(fallback, fallbackText)
     )),
-    status && /* @__PURE__ */ React25__default.default.createElement(
+    status && /* @__PURE__ */ React54__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1594,7 +1612,7 @@ function AvatarBase({ src, fallback, fallbackText, size = "md", status, style })
     )
   );
 }
-var Avatar = React25__default.default.memo(AvatarBase);
+var Avatar = React54__default.default.memo(AvatarBase);
 var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -1619,15 +1637,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__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React54__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
     // 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__ */ React54__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__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1638,9 +1656,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__ */ React54__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon),
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null),
+    onDismiss ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onDismiss,
@@ -1649,7 +1667,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__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(16), color: colors.foregroundMuted })
     ) : null
   );
 }
@@ -1686,9 +1704,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] = React54.useState(0);
   const animatedWidth = Animated12.useSharedValue(0);
-  React25.useEffect(() => {
+  React54.useEffect(() => {
     if (trackWidth === 0) return;
     animatedWidth.value = Animated12.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
   }, [percent, trackWidth, animatedWidth]);
@@ -1696,7 +1714,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__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [styles12.track, { backgroundColor: colors.surface }, style],
@@ -1705,7 +1723,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__ */ React54__default.default.createElement(
       Animated12__default.default.View,
       {
         style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
@@ -1729,7 +1747,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__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -1739,7 +1757,7 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, act
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React25__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.View,
       {
         style: [
@@ -1750,15 +1768,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__ */ React54__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
+    !isCompact && (action ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.action }, action) : actionLabel && onAction ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles13.action }, /* @__PURE__ */ React54__default.default.createElement(Button, { label: actionLabel, variant: "primary", onPress: onAction })) : null)
   );
 }
 var styles13 = reactNative.StyleSheet.create({
@@ -1817,7 +1835,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(() => {
+  React54.useEffect(() => {
     progress.value = Animated12.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
   }, [active, duration, progress]);
   return progress;
@@ -1841,7 +1859,7 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React25.useState(false);
+  const [focused, setFocused] = React54.useState(false);
   const focusProgress = useColorTransition(focused, {
     duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
   });
@@ -1850,7 +1868,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
     Animated12__default.default.View,
     {
       style: [
@@ -1858,9 +1876,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__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
+    resolvedPrefixIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
+    /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TextInput,
       {
         multiline: true,
@@ -1889,7 +1907,7 @@ function Textarea({
         ...props
       }
     )
-  ), error ? /* @__PURE__ */ React25__default.default.createElement(
+  ), error ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles14.helperText, { color: colors.destructive }],
@@ -1897,7 +1915,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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles14 = reactNative.StyleSheet.create({
   container: {
@@ -1957,7 +1975,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__ */ React54__default.default.createElement(
       PressableButton,
       {
         style: [styles15.row, disabled && styles15.rowDisabled, style],
@@ -1969,7 +1987,7 @@ function Checkbox({
         accessibilityLabel: accessibilityLabel ?? label,
         accessibilityState: { checked, disabled: !!disabled }
       },
-      /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles15.box,
@@ -1979,9 +1997,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__ */ React54__default.default.createElement(reactNativeEase.EaseView, { animate: { opacity: checked ? 1 : 0 }, transition: OPACITY_TRANSITION }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
       ),
-      label ? /* @__PURE__ */ React25__default.default.createElement(
+      label ? /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles15.label, { color: colors.foreground }],
@@ -2033,7 +2051,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__ */ React54__default.default.createElement(reactNative.View, { style: [{ alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -2048,14 +2066,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__ */ React54__default.default.createElement(reactNative.View, { style: styles16.trackContainer }, /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles16.trackBorder, { borderWidth: 1.5 }],
@@ -2063,30 +2081,30 @@ function Switch({ checked = false, onCheckedChange, disabled, style, accessibili
         animate: { borderColor: checked ? "transparent" : colors.border },
         transition: COLOR_TRANSITION
       }
-    ), /* @__PURE__ */ React25__default.default.createElement(
+    ), /* @__PURE__ */ React54__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__ */ React54__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__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })
       ),
-      /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted })
       )
     ))
   ));
@@ -2139,15 +2157,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__ */ React54__default.default.createElement(React54__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__ */ React54__default.default.createElement(React54__default.default.Fragment, null, active);
+    return /* @__PURE__ */ React54__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: primaryColor });
   }
-  if (iconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
+  if (iconName) return /* @__PURE__ */ React54__default.default.createElement(React54__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__ */ React54__default.default.createElement(React54__default.default.Fragment, null, custom);
+  return /* @__PURE__ */ React54__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) },
@@ -2178,7 +2196,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__ */ React54__default.default.createElement(reactNative.View, { style: [disabled && styles17.disabled, style] }, /* @__PURE__ */ React54__default.default.createElement(
     PressableButton,
     {
       onPress: handlePress,
@@ -2190,7 +2208,7 @@ function Toggle({
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected: pressed, disabled: !!disabled }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React54__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles17.base, sizeStyles[size], { borderWidth: 2 }],
@@ -2200,7 +2218,7 @@ function Toggle({
         },
         transition: COLOR_TRANSITION
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React54__default.default.createElement(
         ToggleIcon,
         {
           pressed,
@@ -2214,7 +2232,7 @@ function Toggle({
           primaryColor: colors.primary,
           mutedColor: colors.foregroundMuted
         }
-      ), label ? /* @__PURE__ */ React25__default.default.createElement(
+      ), label ? /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles17.label, { color: pressed ? colors.primary : colors.foreground }],
@@ -2244,9 +2262,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] = React54.useState(false);
+  const onMouseEnter = React54.useCallback(() => setHovered(true), []);
+  const onMouseLeave = React54.useCallback(() => setHovered(false), []);
   if (reactNative.Platform.OS !== "web") {
     return { hovered: false, hoverHandlers: {} };
   }
@@ -2263,11 +2281,11 @@ function usePressScale({
 } = {}) {
   const scale2 = Animated12.useSharedValue(1);
   const { hovered, hoverHandlers } = useHover();
-  const onPressIn = React25.useCallback(() => {
+  const onPressIn = React54.useCallback(() => {
     if (disabled) return;
     scale2.value = Animated12.withSpring(pressScale, pressInSpring);
   }, [disabled, pressScale, pressInSpring, scale2]);
-  const onPressOut = React25.useCallback(() => {
+  const onPressOut = React54.useCallback(() => {
     if (disabled) return;
     scale2.value = Animated12.withSpring(1, pressOutSpring);
   }, [disabled, pressOutSpring, scale2]);
@@ -2300,7 +2318,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__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles18.row, option.disabled && styles18.rowDisabled],
@@ -2319,14 +2337,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__ */ React54__default.default.createElement(Animated12__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React54__default.default.createElement(
         reactNativeEase.EaseView,
         {
           style: styles18.radio,
           animate: { borderColor: selected ? colors.primary : colors.border },
           transition: COLOR_TRANSITION
         },
-        /* @__PURE__ */ React25__default.default.createElement(
+        /* @__PURE__ */ React54__default.default.createElement(
           reactNativeEase.EaseView,
           {
             style: [styles18.dot, { backgroundColor: colors.primary }],
@@ -2335,7 +2353,7 @@ function RadioItem({
           }
         )
       )),
-      /* @__PURE__ */ React25__default.default.createElement(
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles18.label, { color: colors.foreground }],
@@ -2354,14 +2372,14 @@ function RadioGroup({
   style,
   accessibilityLabel
 }) {
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(
       RadioItem,
       {
         key: option.value,
@@ -2417,7 +2435,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__ */ React54__default.default.createElement(reactNative.View, { onLayout, style: styles19.triggerWrap }, /* @__PURE__ */ React54__default.default.createElement(
     PressableTab,
     {
       style: [
@@ -2432,7 +2450,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__ */ React54__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -2450,14 +2468,14 @@ function TabTrigger({
   ));
 }
 function Tabs({ tabs, variant = "pill", value, onValueChange, children, style }) {
-  const [internal, setInternal] = React25.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React54.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  const tabLayouts = React25.useRef({});
+  const tabLayouts = React54.useRef({});
   const pillX = Animated12.useSharedValue(0);
   const pillWidth = Animated12.useSharedValue(0);
-  const initialised = React25.useRef(false);
-  const animatePill = React25.useCallback((tabValue, animate) => {
+  const initialised = React54.useRef(false);
+  const animatePill = React54.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
@@ -2468,7 +2486,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       pillWidth.value = layout.width;
     }
   }, [pillX, pillWidth]);
-  React25.useEffect(() => {
+  React54.useEffect(() => {
     if (initialised.current) animatePill(active, true);
   }, [active, animatePill]);
   const handlePress = (v) => {
@@ -2480,7 +2498,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__ */ React54__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -2488,7 +2506,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       ],
       accessibilityRole: "tablist"
     },
-    variant === "pill" && /* @__PURE__ */ React25__default.default.createElement(
+    variant === "pill" && /* @__PURE__ */ React54__default.default.createElement(
       Animated12__default.default.View,
       {
         style: [
@@ -2510,7 +2528,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
         ]
       }
     ),
-    tabs.map((tab) => /* @__PURE__ */ React25__default.default.createElement(
+    tabs.map((tab) => /* @__PURE__ */ React54__default.default.createElement(
       TabTrigger,
       {
         key: tab.value,
@@ -2532,7 +2550,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__ */ React54__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
 }
 var styles19 = reactNative.StyleSheet.create({
   list: {
@@ -2593,7 +2611,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(() => {
+  React54__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen, isExpanded]);
   const derivedHeight = Animated12.useDerivedValue(
@@ -2615,7 +2633,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Pressable,
     {
       style: ({ pressed }) => [styles20.trigger, { opacity: pressed ? 0.6 : 1 }],
@@ -2627,9 +2645,9 @@ 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__ */ React54__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, typeof item.trigger === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger) : item.trigger),
+    /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2637,11 +2655,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__ */ React54__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] = React54.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -2654,7 +2672,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React54__default.default.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -2726,7 +2744,7 @@ function Slider({
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React25.useRef(value);
+  const lastSteppedValue = React54.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -2734,7 +2752,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [styles21.wrapper, style],
@@ -2747,8 +2765,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__ */ React54__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null,
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React54__default.default.createElement(
       RNSlider__default.default,
       {
         value,
@@ -2792,73 +2810,69 @@ 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__ */ React54__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__ */ React54__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__ */ React54__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(() => {
+  const ref = React54.useRef(null);
+  const wasOpened = React54.useRef(false);
+  const name = React54.useId();
+  React54.useEffect(() => {
     if (open) {
       impactMedium();
-      ref.current?.snapToIndex(0);
-    } else {
-      ref.current?.close();
+      ref.current?.present();
+      wasOpened.current = true;
+    } else if (wasOpened.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 = React54.useCallback(
+    (props) => /* @__PURE__ */ React54__default.default.createElement(
+      bottomSheet.BottomSheetBackdrop,
+      {
+        ...props,
+        disappearsOnIndex: -1,
+        appearsOnIndex: 0,
+        pressBehavior: "close"
+      }
+    ),
+    []
+  );
+  const childArray = React54__default.default.Children.toArray(children);
+  const customHeader = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetHeader);
+  const customContent = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetContent);
+  const customFooter = childArray.find((child) => React54__default.default.isValidElement(child) && child.type === SheetFooter);
   const filteredChildren = customHeader || customContent || customFooter ? childArray.filter(
-    (child) => !React25__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
+    (child) => !React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles22.header, { backgroundColor: colors.card }], accessibilityRole: "header" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: onClose,
@@ -2869,78 +2883,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__ */ React54__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
+  ) : null), subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null) : null;
   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 = React54.useCallback(
+    (props) => {
+      if (!effectiveFooter) return null;
+      return /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
+    },
+    [effectiveFooter]
+  );
   const useDynamicSizing = !snapPoints;
-  return /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet__default.default,
+  return /* @__PURE__ */ React54__default.default.createElement(
+    bottomSheet.BottomSheetModal,
     {
       ref,
-      index: -1,
-      onClose,
+      name,
+      onDismiss: onClose,
       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__ */ React54__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__ */ React54__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
   );
 }
 Sheet.Header = SheetHeader;
@@ -2987,8 +2973,7 @@ var styles22 = reactNative.StyleSheet.create({
   },
   scrollContent: {
     paddingHorizontal: s(16),
-    paddingBottom: vs(32),
-    paddingRight: s(16)
+    paddingBottom: vs(32)
   },
   sheetContent: {
     gap: vs(16)
@@ -2999,28 +2984,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,
@@ -3038,9 +3005,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] = React54.useState(false);
+  const [pendingValue, setPendingValue] = React54.useState(value);
+  const pickerRef = React54.useRef(null);
   const selected = options.find((o) => o.value === value);
   const handleOpen = () => {
     if (disabled) return;
@@ -3048,7 +3015,7 @@ function Select({
     if (isIOS) {
       setPendingValue(value);
       setPickerVisible(true);
-    } else if (isAndroid2) {
+    } else if (isAndroid) {
       pickerRef.current?.focus?.();
     }
   };
@@ -3062,7 +3029,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -3082,7 +3049,7 @@ function Select({
       accessibilityValue: { text: selected?.label ?? placeholder },
       accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -3094,8 +3061,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__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foregroundMuted })
+  )) : null, isIOS ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -3103,16 +3070,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__ */ React54__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React54__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React54__default.default.createElement(
       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__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
+      options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
         picker.Picker.Item,
         {
           key: o.value,
@@ -3123,7 +3090,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid2 ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, isAndroid ? /* @__PURE__ */ React54__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -3139,8 +3106,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__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
+    options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -3149,7 +3116,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React54__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -3169,8 +3136,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__ */ React54__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
+    options.map((o) => /* @__PURE__ */ React54__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -3179,7 +3146,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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
 }
 var styles23 = reactNative.StyleSheet.create({
   container: {
@@ -3260,7 +3227,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__ */ React54__default.default.createElement(React54__default.default.Fragment, null, children, /* @__PURE__ */ React54__default.default.createElement(
     sonnerNative.Toaster,
     {
       theme: colorScheme,
@@ -3310,7 +3277,8 @@ function CurrencyInput({
   editable,
   containerStyle,
   style,
-  sheetMode
+  sheetMode,
+  ...props
 }) {
   const handleChange = (text) => {
     const withoutPrefix = prefix && text.startsWith(prefix) ? text.slice(prefix.length) : text;
@@ -3328,9 +3296,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__ */ React54__default.default.createElement(
     Input,
     {
+      ...props,
       value: displayValue,
       onChangeText: handleChange,
       keyboardType: "numeric",
@@ -3378,7 +3347,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles24.amount, { color: textColor ?? colors.foreground, fontSize, letterSpacing }],
@@ -3390,7 +3359,7 @@ function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textCo
     formatted
   ));
 }
-var CurrencyDisplay = React25__default.default.memo(CurrencyDisplayBase);
+var CurrencyDisplay = React54__default.default.memo(CurrencyDisplayBase);
 var styles24 = reactNative.StyleSheet.create({
   container: {
     alignSelf: "flex-start"
@@ -3405,8 +3374,7 @@ function ListItemBase({
   imageSource,
   leftRender,
   rightRender,
-  trailing,
-  icon,
+  rightActions,
   leftIcon,
   rightIcon,
   leftIconColor,
@@ -3431,8 +3399,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__ */ React54__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,
@@ -3445,7 +3413,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__ */ React54__default.default.createElement(React54__default.default.Fragment, null, effectiveLeft ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.title, { color: colors.foreground }, titleStyle],
@@ -3453,7 +3421,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     title
-  ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+  ), subtitle ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
@@ -3461,7 +3429,7 @@ function ListItemBase({
       allowFontScaling: true
     },
     subtitle
-  ) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
@@ -3469,16 +3437,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__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, renderIcon(rightIcon, 24, rightIconColor ?? colors.foregroundMuted)) : rightActions && rightActions.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightActionsContainer }, rightActions.map((action, i) => /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, { key: i }, action))) : rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof rightRender === "string" ? /* @__PURE__ */ React54__default.default.createElement(
     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__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: disabled && styles25.disabled }, /* @__PURE__ */ React54__default.default.createElement(
       PressableRow,
       {
         style: [styles25.container, cardStyle, style],
@@ -3492,11 +3460,11 @@ function ListItemBase({
         accessibilityState: { disabled: !!disabled }
       },
       content
-    ), showSeparator ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
+    ), showSeparator ? /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [disabled && styles25.disabled] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.container, cardStyle, style] }, content), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles25.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var ListItem = React25__default.default.memo(ListItemBase);
+var ListItem = React54__default.default.memo(ListItemBase);
 var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3543,6 +3511,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)
@@ -3557,17 +3531,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 = React54__default.default.Children.map(children, (child, index) => {
+    if (!React54__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 === React54__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React25__default.default.cloneElement(child, {
+      return React54__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3585,21 +3559,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__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
 }
 ListGroup.Header = ListGroupHeader;
 ListGroup.Footer = ListGroupFooter;
@@ -3663,7 +3637,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__ */ React54__default.default.createElement(reactNative.View, { style: disabled && styles27.disabled }, /* @__PURE__ */ React54__default.default.createElement(
     PressableRow,
     {
       style: [styles27.container, cardStyle, style],
@@ -3676,8 +3650,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__ */ React54__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.label, { color: colors.foreground }, labelStyle],
@@ -3685,7 +3659,7 @@ function MenuItemBase({
         allowFontScaling: true
       },
       label
-    ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [styles27.subtitle, { color: colors.foregroundMuted }],
@@ -3694,7 +3668,7 @@ function MenuItemBase({
       },
       subtitle
     ) : null),
-    rightRender !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(
+    rightRender !== void 0 ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.View,
       {
         style: styles27.rightContainer,
@@ -3703,10 +3677,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__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 18, color: colors.foregroundMuted }) : null
+  ), showSeparator ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles27.separator, { backgroundColor: colors.separator }] }) : null);
 }
-var MenuItem = React25__default.default.memo(MenuItemBase);
+var MenuItem = React54__default.default.memo(MenuItemBase);
 var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -3750,17 +3724,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 = React54__default.default.Children.map(children, (child, index) => {
+    if (!React54__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 === React54__default.default.Children.count(children) - 1;
     if (childProps["showSeparator"] === void 0 && !isLast) {
-      return React25__default.default.cloneElement(child, {
+      return React54__default.default.cloneElement(child, {
         showSeparator: true
       });
     }
@@ -3778,21 +3752,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__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
+  return /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
   }
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
 }
 MenuGroup.Header = MenuGroupHeader;
 MenuGroup.Footer = MenuGroupFooter;
@@ -3829,7 +3803,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles29.wrapper, style] }, /* @__PURE__ */ React54__default.default.createElement(
     PressableChip,
     {
       onPress: handlePress,
@@ -3839,7 +3813,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
       accessibilityLabel: accessibilityLabel ?? label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React54__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles29.chip,
@@ -3849,8 +3823,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__ */ React54__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles29.label, { color: selected ? colors.primaryForeground : colors.foreground }],
@@ -3861,7 +3835,7 @@ function ChipBase({ label, selected = false, onPress, icon, iconName, style, acc
     )
   ));
 }
-var Chip = React25__default.default.memo(ChipBase);
+var Chip = React54__default.default.memo(ChipBase);
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
   const handlePress = (optionValue) => {
     if (!multiSelect) {
@@ -3877,7 +3851,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React54__default.default.createElement(
     Chip,
     {
       key: opt.value,
@@ -3927,7 +3901,6 @@ function ConfirmDialog({
   visible,
   title,
   subtitle,
-  description,
   confirmLabel = "Confirm",
   cancelLabel = "Cancel",
   confirmVariant = "primary",
@@ -3937,38 +3910,45 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
-  const ref = React25.useRef(null);
-  const effectiveSubtitle = subtitle ?? description;
-  React25.useEffect(() => {
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const ref = React54.useRef(null);
+  const wasOpened = React54.useRef(false);
+  const name = React54.useId();
+  React54.useEffect(() => {
     if (visible) {
       impactMedium();
-      ref.current?.snapToIndex(0);
-    } else {
-      ref.current?.close();
+      ref.current?.present();
+      wasOpened.current = true;
+    } else if (wasOpened.current) {
+      ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet.BottomSheetBackdrop,
-    {
-      ...props,
-      disappearsOnIndex: -1,
-      appearsOnIndex: 0,
-      pressBehavior: "close"
-    }
+  const renderBackdrop = React54.useCallback(
+    (props) => /* @__PURE__ */ React54__default.default.createElement(
+      bottomSheet.BottomSheetBackdrop,
+      {
+        ...props,
+        disappearsOnIndex: -1,
+        appearsOnIndex: 0,
+        pressBehavior: "close"
+      }
+    ),
+    []
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
-    BottomSheet__default.default,
+  return /* @__PURE__ */ React54__default.default.createElement(
+    bottomSheet.BottomSheetModal,
     {
       ref,
-      index: -1,
-      onClose: onCancel,
+      name,
+      onDismiss: onCancel,
       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__ */ React54__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.header, accessibilityRole: "header" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.headerRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), showCloseButton ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: onCancel,
@@ -3979,8 +3959,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__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: ms(18), color: colors.foregroundMuted })
+    ) : null), subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles30.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, subtitle) : null), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React54__default.default.createElement(
       Button,
       {
         label: confirmLabel,
@@ -3992,7 +3972,7 @@ function ConfirmDialog({
           notificationSuccess();
           onConfirm();
         },
-        icon: /* @__PURE__ */ React25__default.default.createElement(
+        icon: /* @__PURE__ */ React54__default.default.createElement(
           vectorIcons.Feather,
           {
             name: confirmVariant === "destructive" ? "trash-2" : "check",
@@ -4001,7 +3981,7 @@ function ConfirmDialog({
           }
         )
       }
-    ), /* @__PURE__ */ React25__default.default.createElement(
+    ), /* @__PURE__ */ React54__default.default.createElement(
       Button,
       {
         label: cancelLabel,
@@ -4011,7 +3991,7 @@ function ConfirmDialog({
           selectionAsync();
           onCancel();
         },
-        icon: /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
+        icon: /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
       }
     )))
   );
@@ -4062,9 +4042,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var LabelValue = React25__default.default.memo(LabelValueBase);
+var LabelValue = React54__default.default.memo(LabelValueBase);
 var styles31 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
@@ -4129,7 +4109,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles32.arrow, prevDisabled && styles32.arrowDisabled],
@@ -4142,8 +4122,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__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
+  ), /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles32.label, { color: colors.foreground }],
@@ -4151,7 +4131,7 @@ function MonthPicker({ value, onChange, minValue, maxValue, locale = "en", forma
       accessibilityLiveRegion: "polite"
     },
     getLabel()
-  ), /* @__PURE__ */ React25__default.default.createElement(
+  ), /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles32.arrow, nextDisabled && styles32.arrowDisabled],
@@ -4164,7 +4144,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__ */ React54__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
 var styles32 = reactNative.StyleSheet.create({
@@ -4230,7 +4210,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__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -4240,14 +4220,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imageContainer, imageStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React54__default.default.createElement(
       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__ */ React54__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
@@ -4264,10 +4244,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__ */ React54__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
   );
   if (onPress) {
-    return /* @__PURE__ */ React25__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -4283,7 +4263,7 @@ function MediaCardBase({
   }
   return cardContent;
 }
-var MediaCard = React25__default.default.memo(MediaCardBase);
+var MediaCard = React54__default.default.memo(MediaCardBase);
 var styles33 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
@@ -4341,7 +4321,7 @@ var styles33 = reactNative.StyleSheet.create({
     lineHeight: mvs(16)
   }
 });
-var CategoryChip = React25__default.default.memo(function CategoryChip2({
+var CategoryChip = React54__default.default.memo(function CategoryChip2({
   item,
   selected,
   onSelect
@@ -4352,7 +4332,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__ */ React54__default.default.createElement(Animated12__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => onSelect(item.value),
@@ -4364,7 +4344,7 @@ var CategoryChip = React25__default.default.memo(function CategoryChip2({
       accessibilityLabel: item.label,
       accessibilityState: { selected }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React54__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: styles34.chip,
@@ -4374,8 +4354,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__ */ React54__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon),
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles34.chipLabel, { color: selected ? colors.primaryForeground : colors.foregroundSubtle }],
@@ -4383,7 +4363,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
     )
   ));
 });
@@ -4397,7 +4377,7 @@ function CategoryStrip({
   accessibilityLabel
 }) {
   const selected = Array.isArray(value) ? value : value ? [value] : [];
-  const handlePress = React25.useCallback(
+  const handlePress = React54.useCallback(
     (v) => {
       selectionAsync();
       if (multiSelect) {
@@ -4410,7 +4390,7 @@ function CategoryStrip({
     },
     [multiSelect, value, onValueChange]
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
@@ -4420,7 +4400,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__ */ React54__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React54__default.default.createElement(
       CategoryChip,
       {
         item: cat,
@@ -4471,21 +4451,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__ */ React54__default.default.createElement(
     PressableCard,
     {
       style,
@@ -4494,8 +4477,9 @@ function Pressable3({
       rippleColor: "transparent",
       touchSoundDisabled: true,
       activateOnHover: true,
-      accessibilityRole: "button",
-      accessibilityState: { disabled: !!disabled }
+      accessibilityRole: accessibilityRole ?? "button",
+      accessibilityState: accessibilityState ?? { disabled: !!disabled },
+      accessibilityLabel
     },
     children
   );
@@ -4532,23 +4516,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React54__default.default.createElement(
     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__ */ React54__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React54__default.default.createElement(
     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__ */ React54__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
 }
-var DetailRow = React25__default.default.memo(DetailRowBase);
+var DetailRow = React54__default.default.memo(DetailRowBase);
 var styles35 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
@@ -4585,7 +4569,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
 }
 function FormField({
   children,
@@ -4597,14 +4581,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
 }
 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__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
 }
 function FormFooter({ children, style }) {
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
 }
 Form.Field = FormField;
 Form.Section = FormSection;
@@ -4653,7 +4637,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 = React54.useCallback(
     (_data, index) => ({
       length: itemHeight ?? 0,
       offset: (itemHeight ?? 0) * index,
@@ -4661,7 +4645,7 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }),
     [itemHeight]
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.FlatList,
     {
       ref,
@@ -4673,9 +4657,9 @@ function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, re
     }
   );
 }
-var VirtualList = React25__default.default.forwardRef(VirtualListInner);
+var VirtualList = React54__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__ */ React54__default.default.createElement(reactNativeSafeAreaContext.SafeAreaProvider, { initialMetrics: reactNativeSafeAreaContext.initialWindowMetrics }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles37.root }, /* @__PURE__ */ React54__default.default.createElement(ThemeProvider, { theme, colorScheme }, /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetModalProvider, null, /* @__PURE__ */ React54__default.default.createElement(ToastProvider, null, children)))));
 }
 var styles37 = reactNative.StyleSheet.create({
   root: { flex: 1 }
@@ -4687,7 +4671,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.container, { backgroundColor: colors.background }], accessibilityRole: "alert" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles38.iconCircle, { backgroundColor: colors.destructiveTint }] }, renderIcon("alert-triangle", ms(28), colors.destructive)), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.title, { color: colors.foreground }], allowFontScaling: true }, title), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles38.message, { color: colors.foregroundMuted }], allowFontScaling: true }, message ?? error.message ?? "An unexpected error occurred."), /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles38.button, { backgroundColor: colors.primary }],
@@ -4700,10 +4684,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__ */ React54__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 React54__default.default.Component {
   constructor() {
     super(...arguments);
     this.state = { error: null };
@@ -4727,7 +4711,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__ */ React54__default.default.createElement(DefaultErrorFallback, { error, reset: this.reset, title, message });
     }
     return this.props.children;
   }
@@ -4776,20 +4760,20 @@ var styles38 = reactNative.StyleSheet.create({
 });
 function Dot({ active, size, activeColor, inactiveColor, onPress, index, total }) {
   const progress = Animated12.useSharedValue(active ? 1 : 0);
-  React25.useEffect(() => {
+  React54.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__ */ React54__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__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -4838,14 +4822,14 @@ function PagerDots({
       onDotPress(activeIndex + 1);
     }
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePrevious,
@@ -4859,7 +4843,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles39.dotsRow, { gap: s(spacing) }] }, Array.from({ length: count }).map((_, i) => /* @__PURE__ */ React54__default.default.createElement(
       Dot,
       {
         key: i,
@@ -4872,7 +4856,7 @@ function PagerDots({
         onPress: onDotPress ? () => onDotPress(i) : void 0
       }
     ))),
-    hasControls && /* @__PURE__ */ React25__default.default.createElement(
+    hasControls && /* @__PURE__ */ React54__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handleNext,
@@ -4923,7 +4907,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__ */ React54__default.default.createElement(
     IconButton,
     {
       iconName: backIconName,
@@ -4933,7 +4917,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.titleBlock, centered && styles40.titleBlockCentered], pointerEvents: "none" }, title ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles40.title, { color: colors.foreground }, centered && styles40.textCentered],
@@ -4942,7 +4926,7 @@ function AppHeader({
       accessibilityRole: "header"
     },
     title
-  ) : null, subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React54__default.default.createElement(
     reactNative.Text,
     {
       style: [styles40.subtitle, { color: colors.foregroundMuted }, centered && styles40.textCentered],
@@ -4951,7 +4935,7 @@ function AppHeader({
     },
     subtitle
   ) : null);
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -4965,7 +4949,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__ */ React54__default.default.createElement(reactNative.View, { style: styles40.bar }, centered ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, titleBlock), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles40.side }, leftNode), titleBlock, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles40.side, styles40.sideRight] }, right)))
   );
 }
 var styles40 = reactNative.StyleSheet.create({
@@ -5022,7 +5006,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__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ width }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress,
@@ -5045,7 +5029,7 @@ function Cell({ item, selected, width, onPress }) {
       ]
     },
     iconNode,
-    item.label ? /* @__PURE__ */ React25__default.default.createElement(
+    item.label ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [styles41.label, { color: selected ? colors.primary : colors.foreground }],
@@ -5066,7 +5050,7 @@ function SelectableGrid({
   orientation = "grid",
   style
 }) {
-  const [containerWidth, setContainerWidth] = React25.useState(0);
+  const [containerWidth, setContainerWidth] = React54.useState(0);
   const gapPx = s(gap);
   const cellWidth = containerWidth > 0 ? (containerWidth - gapPx * (numColumns - 1)) / numColumns - 0.5 : 0;
   const horizCellWidth = s(72);
@@ -5076,7 +5060,7 @@ function SelectableGrid({
     onChange(item.value);
   };
   if (orientation === "horizontal") {
-    return /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React54__default.default.createElement(
       reactNative.ScrollView,
       {
         horizontal: true,
@@ -5084,7 +5068,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__ */ React54__default.default.createElement(
         Cell,
         {
           key: String(item.value),
@@ -5096,14 +5080,14 @@ function SelectableGrid({
       ))
     );
   }
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(
       Cell,
       {
         key: String(item.value),
@@ -5159,7 +5143,7 @@ function PricingCard({
   style
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -5174,14 +5158,14 @@ 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__ */ React54__default.default.createElement(reactNative.View, { style: styles42.header }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.name, { color: colors.foreground }], allowFontScaling: true }, name), badge ? /* @__PURE__ */ React54__default.default.createElement(Badge, { label: badge, variant: highlighted ? "default" : "secondary", size: "sm" }) : null),
+    /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.priceRow }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.price, { color: colors.foreground }], allowFontScaling: true }, price), period ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.period, { color: colors.foregroundMuted }], allowFontScaling: true }, period) : null),
+    description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null,
+    features.length > 0 ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles42.features }, features.map(normalize).map((f, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: i, style: styles42.featureRow }, renderIcon(
       f.included ? "check" : "minus",
       ms(16),
       f.included ? colors.success : colors.foregroundMuted
-    ), /* @__PURE__ */ React25__default.default.createElement(
+    ), /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -5193,7 +5177,7 @@ function PricingCard({
       },
       f.label
     )))) : null,
-    ctaLabel ? /* @__PURE__ */ React25__default.default.createElement(
+    ctaLabel ? /* @__PURE__ */ React54__default.default.createElement(
       Button,
       {
         label: ctaLabel,
@@ -5203,7 +5187,7 @@ function PricingCard({
         style: styles42.cta
       }
     ) : null,
-    footnote ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles42.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
+    footnote ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles42.footnote, { color: colors.foregroundMuted }], allowFontScaling: true }, footnote) : null
   );
 }
 var styles42 = reactNative.StyleSheet.create({
@@ -5285,7 +5269,7 @@ function TabBar({
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   const resolvedActive = activeColor ?? colors.primary;
   const resolvedInactive = inactiveColor ?? colors.foregroundMuted;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     reactNative.View,
     {
       style: [
@@ -5305,7 +5289,7 @@ 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__ */ React54__default.default.createElement(
         reactNative.TouchableOpacity,
         {
           key: item.key,
@@ -5320,7 +5304,7 @@ 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__ */ React54__default.default.createElement(reactNative.View, null, iconNode, showBadge ? /* @__PURE__ */ React54__default.default.createElement(
           reactNative.View,
           {
             style: [
@@ -5329,9 +5313,9 @@ function TabBar({
               badgeCount === void 0 && styles43.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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.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__ */ React54__default.default.createElement(reactNative.Text, { style: [styles43.label, { color: tint }], numberOfLines: 1, allowFontScaling: true }, item.label) : null
       );
     })
   );
@@ -5390,7 +5374,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 = React54.useCallback((zoomed) => onZoomChange(zoomed), [onZoomChange]);
   const reset = () => {
     "worklet";
     scale2.value = Animated12.withTiming(1);
@@ -5436,17 +5420,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__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: composed }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [{ width, height }, styles44.imageWrap], collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [{ width, height }, animatedStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNative.Image, { source, style: { width, height }, resizeMode: "contain" }))));
 }
 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] = React54.useState(initialIndex);
+  const [pagingEnabled, setPagingEnabled] = React54.useState(true);
+  const scrollRef = React54__default.default.useRef(null);
+  React54__default.default.useEffect(() => {
     if (!visible) return;
     const handle = requestAnimationFrame(() => {
       setIndex(initialIndex);
@@ -5457,7 +5441,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 = React54.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) => {
@@ -5467,7 +5451,7 @@ function ImageViewer({ images, visible, onClose, initialIndex = 0 }) {
       dragY.value = Animated12.withTiming(0);
     }
   });
-  React25__default.default.useEffect(() => {
+  React54__default.default.useEffect(() => {
     if (visible) dragY.value = 0;
   }, [visible, dragY]);
   const dismissStyle = Animated12.useAnimatedStyle(() => ({
@@ -5484,7 +5468,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__ */ React54__default.default.createElement(reactNative.Modal, { visible, transparent: false, animationType: "fade", onRequestClose: onClose, statusBarTranslucent: true }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureHandlerRootView, { style: styles44.root }, /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles44.backdrop, backdropStyle], pointerEvents: "none" }), /* @__PURE__ */ React54__default.default.createElement(Animated12__default.default.View, { style: [styles44.container, dismissStyle] }, /* @__PURE__ */ React54__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: swipeDown }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles44.root, collapsable: false }, /* @__PURE__ */ React54__default.default.createElement(
     reactNative.ScrollView,
     {
       ref: scrollRef,
@@ -5495,7 +5479,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__ */ React54__default.default.createElement(
       ZoomableImage,
       {
         key: i,
@@ -5505,7 +5489,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles44.closeButtonWrapper, { top: insets.top + vs(8) }] }, /* @__PURE__ */ React54__default.default.createElement(
     IconButton,
     {
       iconName: "x",
@@ -5516,7 +5500,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__ */ React54__default.default.createElement(reactNative.View, { style: [styles44.dots, { bottom: insets.bottom + vs(16) }], pointerEvents: "box-none" }, /* @__PURE__ */ React54__default.default.createElement(
     PagerDots,
     {
       count: images.length,
@@ -5566,7 +5550,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__ */ React54__default.default.createElement(
     PressableChip,
     {
       onPress: option.disabled ? void 0 : handlePress,
@@ -5576,7 +5560,7 @@ function SheetSelectChip({
       accessibilityLabel: option.disabled ? `${option.label}, unavailable` : option.label,
       accessibilityState: { selected, disabled: option.disabled }
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React54__default.default.createElement(
       reactNativeEase.EaseView,
       {
         style: [styles45.chip, option.disabled && styles45.chipDisabled],
@@ -5586,8 +5570,8 @@ function SheetSelectChip({
         },
         transition: COLOR_TRANSITION
       },
-      resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles45.chipIcon }, resolvedIcon) : null,
-      /* @__PURE__ */ React25__default.default.createElement(
+      resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.chipIcon }, resolvedIcon) : null,
+      /* @__PURE__ */ React54__default.default.createElement(
         reactNative.Text,
         {
           style: [styles45.chipLabel, { color: selected ? colors.primaryForeground : colors.foreground }],
@@ -5624,7 +5608,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__ */ React54__default.default.createElement(
     SheetSelectChip,
     {
       key: opt.value,
@@ -5633,7 +5617,7 @@ 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__ */ React54__default.default.createElement(reactNative.View, { style: [styles45.container, style], accessibilityLabel }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles45.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, wrap ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles45.wrapContainer }, chips) : /* @__PURE__ */ React54__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
@@ -5641,7 +5625,7 @@ function SheetSelect({
       contentContainerStyle: styles45.scrollContent
     },
     chips
-  ), error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles45.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
+  ), error ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles45.error, { color: colors.destructive }], allowFontScaling: true, accessibilityLiveRegion: "polite" }, error) : null);
 }
 var styles45 = reactNative.StyleSheet.create({
   container: {
@@ -5693,6 +5677,7 @@ function ImageUpload({
   onChange,
   loading = false,
   placeholder = "Tap to add image",
+  showPlaceholderText = true,
   width,
   height = 200,
   borderRadius = RADIUS.lg,
@@ -5705,23 +5690,31 @@ function ImageUpload({
   const handlePress = async () => {
     if (disabled || loading) return;
     impactLight();
-    let ImagePicker;
+    let picker;
     try {
-      ImagePicker = await import('expo-image-picker');
+      const mod = await import('expo-image-picker/build/ExponentImagePicker');
+      picker = mod.default;
     } catch {
-      if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed. Add it as a dependency.");
-      return;
+      try {
+        picker = await import('expo-image-picker');
+      } catch {
+        if (__DEV__) console.warn("[ImageUpload] expo-image-picker not installed.");
+        return;
+      }
     }
     if (reactNative.Platform.OS !== "web") {
-      const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
-      if (status !== "granted") return;
+      try {
+        const { status } = await picker.requestMediaLibraryPermissionsAsync();
+        if (status !== "granted") return;
+      } catch {
+      }
     }
-    const result = await ImagePicker.launchImageLibraryAsync({
+    const result = await picker.launchImageLibraryAsync({
       mediaTypes: ["images"],
       allowsEditing: true,
       quality: 0.8
     });
-    if (!result.canceled && result.assets[0]) {
+    if (!result.canceled && result.assets?.[0]) {
       onChange?.(result.assets[0].uri);
     }
   };
@@ -5735,7 +5728,7 @@ function ImageUpload({
     backgroundColor: value ? "transparent" : colors.surface,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React54__default.default.createElement(
     PressableCard,
     {
       onPress: handlePress,
@@ -5747,16 +5740,24 @@ function ImageUpload({
       accessibilityState: { disabled: disabled || loading },
       style: [containerStyle, style]
     },
-    value ? /* @__PURE__ */ React25__default.default.createElement(
+    value ? /* @__PURE__ */ React54__default.default.createElement(
       reactNative.Image,
       {
         source: { uri: value },
         style: [reactNative.StyleSheet.absoluteFillObject, { borderRadius }],
         resizeMode
       }
-    ) : /* @__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 }), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles46.placeholderText, { color: colors.foregroundMuted }], allowFontScaling: true }, placeholder)),
-    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
+    ) : /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.placeholder }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "image", size: ms(28), color: colors.foregroundMuted }), showPlaceholderText ? /* @__PURE__ */ React54__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [styles46.placeholderText, { color: colors.foregroundMuted }],
+        numberOfLines: 1,
+        allowFontScaling: true
+      },
+      placeholder
+    ) : null),
+    loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.loadingOverlay, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md" })) : null,
+    value && !loading ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles46.editBadge, pointerEvents: "none" }, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles46.editBadgeInner, { backgroundColor: colors.overlay }] }, /* @__PURE__ */ React54__default.default.createElement(vectorIcons.Feather, { name: "edit-2", size: ms(12), color: "#fff" }))) : null
   );
 }
 var styles46 = reactNative.StyleSheet.create({
@@ -5768,7 +5769,8 @@ var styles46 = reactNative.StyleSheet.create({
   },
   placeholderText: {
     fontFamily: "Sohne-Regular",
-    fontSize: ms(13)
+    fontSize: ms(13),
+    textAlign: "center"
   },
   loadingOverlay: {
     ...reactNative.StyleSheet.absoluteFillObject,
@@ -5789,6 +5791,1355 @@ var styles46 = reactNative.StyleSheet.create({
   }
 });
 
+// src/utils/curatedIcons.ts
+var CURATED_ICONS = [
+  // ─── Food ────────────────────────────────────────────────────────────────────
+  {
+    name: "food",
+    label: "Food",
+    labelEs: "Comida",
+    categoryIcon: "coffee",
+    icons: [
+      // Bebidas
+      "beer-outline",
+      "wine-outline",
+      "cafe-outline",
+      "water-outline",
+      "coffee",
+      // 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",
+      "bookmark",
+      "thumbs-up",
+      "check",
+      "gift"
+    ]
+  },
+  // ─── Sports ──────────────────────────────────────────────────────────────────
+  {
+    name: "sports",
+    label: "Sports",
+    labelEs: "Deportes",
+    categoryIcon: "trophy-outline",
+    icons: [
+      // 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",
+      "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",
+      "watch",
+      "trending-up",
+      "trending-down",
+      "bar-chart-2",
+      "clock",
+      "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",
+      "tag",
+      "gift",
+      "cart-outline",
+      "cash-outline",
+      "wallet-outline",
+      "storefront-outline",
+      "pricetag-outline",
+      "pricetags-outline",
+      "receipt-outline",
+      "card-outline",
+      // Logística
+      "truck",
+      "package",
+      // 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",
+      "globe"
+    ]
+  },
+  // ─── Objects ─────────────────────────────────────────────────────────────────
+  {
+    name: "objects",
+    label: "Objects",
+    labelEs: "Objetos",
+    categoryIcon: "package",
+    icons: [
+      // Archivos y carpetas
+      "file",
+      "file-text",
+      "file-plus",
+      "file-minus",
+      "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",
+      "lock-closed-outline",
+      "lock-open-outline",
+      "key-outline",
+      "shield-outline",
+      "shield-checkmark-outline",
+      // Dispositivos
+      "monitor",
+      "tablet",
+      "smartphone",
+      "tv",
+      "server",
+      "database",
+      "hard-drive",
+      "cpu",
+      "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",
+      "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",
+      "copy",
+      "clipboard",
+      "scissors",
+      "create-outline",
+      "pencil-outline",
+      "duplicate-outline",
+      "copy-outline",
+      "clipboard-outline",
+      // Mover datos
+      "download",
+      "download-cloud",
+      "upload",
+      "upload-cloud",
+      "download-outline",
+      "cloud-download-outline",
+      "cloud-upload-outline"
+    ]
+  },
+  // ─── Communication ───────────────────────────────────────────────────────────
+  {
+    name: "communication",
+    label: "Communication",
+    labelEs: "Comunicaci\xF3n",
+    categoryIcon: "message-circle",
+    icons: [
+      // 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",
+      "phone-outgoing",
+      "phone-missed",
+      "phone-off",
+      "phone-forwarded",
+      "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",
+      "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",
+      "arrow-right",
+      "arrow-up-left",
+      "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",
+      "chevron-right",
+      "chevrons-up",
+      "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",
+      "corner-down-right",
+      "corner-left-up",
+      "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",
+      "map",
+      "map-pin",
+      "target",
+      "crosshair",
+      "home",
+      "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",
+      "volume",
+      "volume-1",
+      "volume-2",
+      "volume-x",
+      "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: [
+      // 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",
+      "hash",
+      // Formas
+      "circle",
+      "square",
+      "triangle",
+      "hexagon",
+      "octagon",
+      "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: "sunny-outline",
+    icons: [
+      // Sol, luna y estrellas
+      "sunny-outline",
+      "moon-outline",
+      "star-outline",
+      "star-half-outline",
+      "partly-sunny-outline",
+      "sun",
+      "moon",
+      "sunrise",
+      "sunset",
+      // 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-rain",
+      "cloud-snow",
+      "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",
+      "linkedin",
+      "youtube",
+      "dribbble",
+      "twitch",
+      "slack",
+      "figma",
+      "framer",
+      "chrome",
+      "rss",
+      // 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"
+    ]
+  }
+];
+var ALL_CURATED_ICONS = [
+  ...new Set(CURATED_ICONS.flatMap((c) => c.icons))
+];
+
+// src/components/IconPicker/IconPicker.tsx
+var NUM_COLUMNS = 6;
+var GAP = 6;
+var TRIGGER_SIZE = s(56);
+var SCREEN_HEIGHT = reactNative.Dimensions.get("window").height;
+function IconCell({ name, selected, size, onPress }) {
+  const { colors } = useTheme();
+  const handlePress = () => {
+    selectionAsync();
+    onPress();
+  };
+  const iconColor = selected ? colors.primaryForeground : colors.foreground;
+  const bg = selected ? colors.primary : "transparent";
+  return /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      onPress: handlePress,
+      activeOpacity: 0.6,
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityState: { selected },
+      accessibilityLabel: name,
+      style: [styles47.cell, { width: size, height: size, backgroundColor: bg }]
+    },
+    renderIcon(name, ms(20), iconColor)
+  );
+}
+var IconCellMemo = React54__default.default.memo(IconCell);
+function IconPicker({
+  value,
+  onChange,
+  label,
+  error,
+  hint,
+  disabled = false,
+  numColumns = NUM_COLUMNS,
+  gap = GAP,
+  style
+}) {
+  const { colors } = useTheme();
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const sheetRef = React54.useRef(null);
+  const catScrollRef = React54.useRef(null);
+  const [activeCategory, setActiveCategory] = React54.useState(null);
+  const [containerWidth, setContainerWidth] = React54.useState(() => reactNative.Dimensions.get("window").width - s(16) * 2);
+  const [ready, setReady] = React54.useState(false);
+  const sheetName = React54.useId();
+  const activeIcons = React54.useMemo(() => {
+    if (activeCategory) {
+      return CURATED_ICONS.find((c) => c.name === activeCategory)?.icons ?? ALL_CURATED_ICONS;
+    }
+    return ALL_CURATED_ICONS;
+  }, [activeCategory]);
+  const gapPx = s(gap);
+  const cellSize = containerWidth > 0 ? Math.floor((containerWidth - gapPx * (numColumns - 1)) / numColumns) : 0;
+  const rows = React54.useMemo(() => {
+    const result = [];
+    for (let i = 0; i < activeIcons.length; i += numColumns) {
+      result.push(activeIcons.slice(i, i + numColumns));
+    }
+    return result;
+  }, [activeIcons, numColumns]);
+  const handleDismiss = React54.useCallback(() => {
+    setActiveCategory(null);
+    setReady(false);
+  }, []);
+  const handleSelect = React54.useCallback(
+    (iconName) => {
+      onChange(iconName);
+    },
+    [onChange]
+  );
+  const handleOpen = React54.useCallback(() => {
+    if (disabled) return;
+    impactMedium();
+    setActiveCategory(null);
+    setReady(false);
+    sheetRef.current?.present();
+  }, [disabled]);
+  const renderBackdrop = React54.useCallback(
+    (props) => /* @__PURE__ */ React54__default.default.createElement(bottomSheet.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, pressBehavior: "close" }),
+    []
+  );
+  const selectedIcon = value ? renderIcon(value, ms(28), colors.foreground) : null;
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.triggerContainer, style] }, label ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.triggerLabel, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      onPress: handleOpen,
+      disabled,
+      activeOpacity: 0.7,
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: label ?? "Seleccionar icono",
+      accessibilityState: { disabled },
+      style: [
+        styles47.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
+      ]
+    },
+    selectedIcon ?? renderIcon("plus", ms(24), colors.foregroundMuted)
+  ), error ? /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles47.helperText, { color: colors.destructive }],
+      allowFontScaling: true,
+      accessibilityLiveRegion: "polite"
+    },
+    error
+  ) : null, !error && hint ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null, /* @__PURE__ */ React54__default.default.createElement(
+    bottomSheet.BottomSheetModal,
+    {
+      ref: sheetRef,
+      name: sheetName,
+      onDismiss: handleDismiss,
+      enableDynamicSizing: true,
+      maxDynamicContentSize: SCREEN_HEIGHT * 0.7,
+      backdropComponent: renderBackdrop,
+      backgroundStyle: { ...styles47.sheetBackground, backgroundColor: colors.card },
+      handleIndicatorStyle: { ...styles47.handle, backgroundColor: colors.border },
+      enablePanDownToClose: true,
+      topInset: insets.top,
+      android_keyboardInputMode: "adjustPan"
+    },
+    /* @__PURE__ */ React54__default.default.createElement(
+      bottomSheet.BottomSheetScrollView,
+      {
+        contentContainerStyle: styles47.sheetContent,
+        showsVerticalScrollIndicator: true
+      },
+      /* @__PURE__ */ React54__default.default.createElement(
+        reactNative.View,
+        {
+          style: styles47.gridContainer,
+          onLayout: (e) => {
+            setContainerWidth(e.nativeEvent.layout.width);
+            setReady(true);
+          }
+        },
+        !ready ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.loader }, /* @__PURE__ */ React54__default.default.createElement(Spinner, { size: "md", color: colors.primary, label: "Cargando iconos..." })) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles47.sectionLabel, { color: colors.foregroundSubtle }], allowFontScaling: true }, "Categor\xEDas"), /* @__PURE__ */ React54__default.default.createElement(
+          reactNativeGestureHandler.ScrollView,
+          {
+            ref: catScrollRef,
+            horizontal: true,
+            showsHorizontalScrollIndicator: false,
+            contentContainerStyle: styles47.categoryStrip,
+            style: styles47.categoryScroll
+          },
+          /* @__PURE__ */ React54__default.default.createElement(
+            reactNative.TouchableOpacity,
+            {
+              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
+                }
+              ]
+            },
+            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon("grid", ms(14), activeCategory === null ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React54__default.default.createElement(
+              reactNative.Text,
+              {
+                style: [
+                  styles47.categoryChipText,
+                  { color: activeCategory === null ? colors.primaryForeground : colors.foreground }
+                ],
+                allowFontScaling: true,
+                numberOfLines: 1
+              },
+              "Todos"
+            ))
+          ),
+          CURATED_ICONS.map((cat) => /* @__PURE__ */ React54__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,
+                {
+                  backgroundColor: activeCategory === cat.name ? colors.primary : colors.surface,
+                  borderColor: activeCategory === cat.name ? colors.primary : colors.border
+                }
+              ]
+            },
+            /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles47.categoryChipInner }, renderIcon(cat.categoryIcon, ms(14), activeCategory === cat.name ? colors.primaryForeground : colors.foregroundSubtle), /* @__PURE__ */ React54__default.default.createElement(
+              reactNative.Text,
+              {
+                style: [
+                  styles47.categoryChipText,
+                  { color: activeCategory === cat.name ? colors.primaryForeground : colors.foreground }
+                ],
+                allowFontScaling: true,
+                numberOfLines: 1
+              },
+              cat.labelEs
+            ))
+          ))
+        ), /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles47.separator, { backgroundColor: colors.border }] }), cellSize > 0 ? rows.map((row, i) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: row[0] ?? `row-${i}`, style: [styles47.row, { marginBottom: gapPx }] }, row.map((name) => /* @__PURE__ */ React54__default.default.createElement(
+          IconCellMemo,
+          {
+            key: name,
+            name,
+            selected: value === name,
+            size: cellSize,
+            onPress: () => {
+              handleSelect(name);
+              sheetRef.current?.dismiss();
+            }
+          }
+        )), Array.from({ length: numColumns - row.length }).map((_, j) => /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { key: `spacer-${j}`, style: { width: cellSize, height: cellSize } })))) : null)
+      )
+    )
+  ));
+}
+var styles47 = reactNative.StyleSheet.create({
+  triggerContainer: {
+    gap: vs(8)
+  },
+  triggerLabel: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(14)
+  },
+  trigger: {
+    borderRadius: RADIUS.md,
+    borderWidth: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  triggerDisabled: {
+    opacity: 0.6
+  },
+  helperText: {
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(13)
+  },
+  sheetBackground: {
+    borderTopLeftRadius: ms(16),
+    borderTopRightRadius: ms(16)
+  },
+  handle: {
+    width: s(36),
+    height: vs(4),
+    borderRadius: ms(2)
+  },
+  sheetContent: {
+    paddingHorizontal: s(16),
+    paddingBottom: vs(24)
+  },
+  sectionLabel: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(12),
+    marginBottom: vs(8),
+    textTransform: "uppercase",
+    letterSpacing: 0.5
+  },
+  categoryScroll: {
+    flexGrow: 0,
+    flexShrink: 0
+  },
+  categoryStrip: {
+    gap: s(8)
+  },
+  categoryChip: {
+    borderRadius: RADIUS.full,
+    borderWidth: 1,
+    paddingVertical: vs(6),
+    paddingHorizontal: s(12)
+  },
+  categoryChipInner: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(6)
+  },
+  categoryChipText: {
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(12)
+  },
+  separator: {
+    height: reactNative.StyleSheet.hairlineWidth,
+    marginVertical: vs(12)
+  },
+  gridContainer: {},
+  row: {
+    flexDirection: "row",
+    gap: GAP
+  },
+  cell: {
+    borderRadius: RADIUS.md,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  loader: {
+    minHeight: vs(200),
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+var sizeConfig = {
+  sm: { button: s(40), icon: 16, valueFontSize: ms(18), valueLineHeight: mvs(24), valueMinWidth: s(32) },
+  md: { button: s(44), icon: 18, valueFontSize: ms(22), valueLineHeight: mvs(28), valueMinWidth: s(36) },
+  lg: { button: s(52), icon: 22, valueFontSize: ms(26), valueLineHeight: mvs(32), valueMinWidth: s(40) }
+};
+function NumberStepperBase({
+  value,
+  onValueChange,
+  min = 1,
+  max = 99,
+  step = 1,
+  size = "md",
+  disabled = false,
+  style,
+  accessibilityLabel
+}) {
+  const { colors } = useTheme();
+  const canDecrement = value > min && !disabled;
+  const canIncrement = value < max && !disabled;
+  const handleDecrement = () => {
+    if (!canDecrement) return;
+    impactLight();
+    onValueChange(Math.max(min, value - step));
+  };
+  const handleIncrement = () => {
+    if (!canIncrement) return;
+    impactLight();
+    onValueChange(Math.min(max, value + step));
+  };
+  const { button: buttonSize, icon: iconSize, valueFontSize, valueLineHeight, valueMinWidth } = sizeConfig[size];
+  const displayValue = String(value);
+  return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles48.container, style] }, /* @__PURE__ */ React54__default.default.createElement(
+    PressableButton,
+    {
+      style: [
+        styles48.button,
+        {
+          width: buttonSize,
+          height: buttonSize,
+          backgroundColor: colors.surface,
+          borderColor: colors.border
+        },
+        !canDecrement && styles48.buttonDisabled
+      ],
+      enabled: canDecrement,
+      onPress: handleDecrement,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: `Decrease, current value ${displayValue}`,
+      accessibilityState: { disabled: !canDecrement }
+    },
+    renderIcon("minus", iconSize, canDecrement ? colors.foreground : colors.foregroundMuted)
+  ), /* @__PURE__ */ React54__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [
+        styles48.value,
+        {
+          color: colors.foreground,
+          fontSize: valueFontSize,
+          lineHeight: valueLineHeight,
+          minWidth: valueMinWidth
+        }
+      ],
+      allowFontScaling: true,
+      accessibilityLabel: accessibilityLabel ?? `Quantity: ${displayValue}`,
+      accessibilityRole: "text"
+    },
+    displayValue
+  ), /* @__PURE__ */ React54__default.default.createElement(
+    PressableButton,
+    {
+      style: [
+        styles48.button,
+        {
+          width: buttonSize,
+          height: buttonSize,
+          backgroundColor: colors.surface,
+          borderColor: colors.border
+        },
+        !canIncrement && styles48.buttonDisabled
+      ],
+      enabled: canIncrement,
+      onPress: handleIncrement,
+      rippleColor: "transparent",
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: `Increase, current value ${displayValue}`,
+      accessibilityState: { disabled: !canIncrement }
+    },
+    renderIcon("plus", iconSize, canIncrement ? colors.foreground : colors.foregroundMuted)
+  ));
+}
+var NumberStepper = React54__default.default.memo(NumberStepperBase);
+var styles48 = reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(12)
+  },
+  button: {
+    borderRadius: RADIUS.md,
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1.5
+  },
+  buttonDisabled: {
+    opacity: 0.35
+  },
+  value: {
+    fontFamily: "Sohne-Medium",
+    textAlign: "center"
+  }
+});
+var COMPACT_THRESHOLD = s(150);
+function StatsComponent({
+  value,
+  label,
+  description,
+  icon,
+  iconName,
+  iconColor,
+  variant = "elevated",
+  onPress,
+  style,
+  accessibilityLabel
+}) {
+  const { colors } = useTheme();
+  const [containerWidth, setContainerWidth] = React54.useState(0);
+  const handleLayout = React54.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 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, ms(22), iconColorResolved) : icon;
+  const iconElement = resolvedIcon ? /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.iconWrapper }, resolvedIcon) : null;
+  const valueElement = /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.value, { color: colors.foreground }], allowFontScaling: true }, value);
+  const cardContent = /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.card, variantStyle, style], onLayout: handleLayout }, isCompact ? /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, iconElement, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.compactValue }, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : /* @__PURE__ */ React54__default.default.createElement(React54__default.default.Fragment, null, /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.valueRow }, iconElement, valueElement), /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.label, { color: colors.foregroundSubtle }], allowFontScaling: true }, label), description ? /* @__PURE__ */ React54__default.default.createElement(reactNative.Text, { style: [styles49.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null));
+  if (onPress) {
+    return /* @__PURE__ */ React54__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__ */ React54__default.default.createElement(reactNative.View, { style: [styles49.group, { gap }, style] }, React54__default.default.Children.map(children, (child) => {
+    if (!React54__default.default.isValidElement(child)) return child;
+    const childStyle = child.props.style;
+    const mergedStyle = childStyle ? [childStyle, { alignSelf: "stretch" }] : [{ alignSelf: "stretch" }];
+    return /* @__PURE__ */ React54__default.default.createElement(reactNative.View, { style: styles49.groupItem }, React54__default.default.cloneElement(
+      child,
+      { style: mergedStyle }
+    ));
+  }));
+}
+var Stats = Object.assign(React54__default.default.memo(StatsComponent), { Group: StatsGroup });
+var styles49 = 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 = [
   { maxLen: 10, subtract: 0 },
@@ -5803,14 +7154,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] = React54.useState(false);
+  const [target, setTarget] = React54.useState(null);
+  const [loading, setLoading] = React54.useState(false);
+  const open = React54.useCallback((t) => {
     setTarget(t ?? null);
     setVisible(true);
   }, []);
-  const handleConfirm = React25.useCallback(async () => {
+  const handleConfirm = React54.useCallback(async () => {
     setLoading(true);
     try {
       await options.onConfirm();
@@ -5820,7 +7171,7 @@ function useConfirmDialog(options) {
       setTarget(null);
     }
   }, [options]);
-  const handleCancel = React25.useCallback(() => {
+  const handleCancel = React54.useCallback(() => {
     setVisible(false);
     setTarget(null);
     options.onCancel?.();
@@ -5841,11 +7192,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,
@@ -5882,6 +7233,7 @@ exports.FormSection = FormSection;
 exports.ICON_SIZES = ICON_SIZES;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
+exports.IconPicker = IconPicker;
 exports.ImageUpload = ImageUpload;
 exports.ImageViewer = ImageViewer;
 exports.Input = Input;
@@ -5896,8 +7248,9 @@ exports.MenuGroupFooter = MenuGroupFooter;
 exports.MenuGroupHeader = MenuGroupHeader;
 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;
@@ -5913,6 +7266,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;
@@ -5930,6 +7284,7 @@ exports.defaultDark = defaultDark;
 exports.defaultLight = defaultLight;
 exports.deriveColors = deriveColors;
 exports.getResponsiveFontSize = getResponsiveFontSize;
+exports.getValidIconNames = getValidIconNames;
 exports.impactHeavy = impactHeavy;
 exports.impactLight = impactLight;
 exports.impactMedium = impactMedium;
@@ -5943,3 +7298,4 @@ exports.selectionAsync = selectionAsync;
 exports.useConfirmDialog = useConfirmDialog;
 exports.useTheme = useTheme;
 exports.useToast = useToast;
+exports.withAlpha = withAlpha;