@retray-dev/ui-kit 2.6.0 → 2.8.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React24 = require('react');
+var React25 = require('react');
 var reactNative = require('react-native');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
@@ -11,7 +11,7 @@ var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
 var Ionicons = require('@expo/vector-icons/Ionicons');
 var vectorIcons = require('@expo/vector-icons');
 var expoLinearGradient = require('expo-linear-gradient');
-var Animated10 = require('react-native-reanimated');
+var Animated11 = require('react-native-reanimated');
 var RNSlider = require('@react-native-community/slider');
 var bottomSheet = require('@gorhom/bottom-sheet');
 var picker = require('@react-native-picker/picker');
@@ -21,22 +21,17 @@ var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React24__default = /*#__PURE__*/_interopDefault(React24);
+var React25__default = /*#__PURE__*/_interopDefault(React25);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
 var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
-var Animated10__default = /*#__PURE__*/_interopDefault(Animated10);
+var Animated11__default = /*#__PURE__*/_interopDefault(Animated11);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+// src/theme/ThemeProvider.tsx
 
 // src/theme/colors.ts
 var defaultLight = {
@@ -83,42 +78,50 @@ var defaultDark = {
 };
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React24.createContext({
+var ThemeContext = React25.createContext({
   colors: defaultLight,
   colorScheme: "light"
 });
 function ThemeProvider({ children, theme, colorScheme = "system" }) {
   const systemScheme = reactNative.useColorScheme() ?? "light";
   const resolvedScheme = colorScheme === "system" ? systemScheme : colorScheme;
-  const colors = React24.useMemo(() => {
+  const colors = React25.useMemo(() => {
     const base = resolvedScheme === "dark" ? defaultDark : defaultLight;
     const override = resolvedScheme === "dark" ? theme?.dark : theme?.light;
     return override ? { ...base, ...override } : base;
   }, [resolvedScheme, theme]);
-  return /* @__PURE__ */ React24__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
 }
 function useTheme() {
-  const context = React24.useContext(ThemeContext);
+  const context = React25.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
   return context;
 }
-var Haptics = null;
-if (reactNative.Platform.OS !== "web") {
-  Haptics = __require("expo-haptics");
+var _haptics = null;
+async function getHaptics() {
+  if (reactNative.Platform.OS === "web") return null;
+  if (!_haptics) {
+    _haptics = await import('expo-haptics');
+  }
+  return _haptics;
 }
 function selectionAsync() {
-  Haptics?.selectionAsync();
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => h?.selectionAsync());
 }
 function impactLight() {
-  Haptics?.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => h?.impactAsync(h.ImpactFeedbackStyle.Light));
 }
 function notificationSuccess() {
-  Haptics?.notificationAsync(Haptics.NotificationFeedbackType.Success);
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Success));
 }
 function notificationError() {
-  Haptics?.notificationAsync(Haptics.NotificationFeedbackType.Error);
+  if (reactNative.Platform.OS === "web") return;
+  getHaptics().then((h) => h?.notificationAsync(h.NotificationFeedbackType.Error));
 }
 var isWeb = reactNative.Platform.OS === "web";
 var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
@@ -159,10 +162,10 @@ function Icon({ name, size, color, family }) {
   }
   if (!resolved) return null;
   const Component = resolved.component;
-  return React24__default.default.createElement(Component, { name, size, color });
+  return React25__default.default.createElement(Component, { name, size, color });
 }
 function renderIcon(name, size, color) {
-  return React24__default.default.createElement(Icon, { name, size, color });
+  return React25__default.default.createElement(Icon, { name, size, color });
 }
 
 // src/components/Button/Button.tsx
@@ -195,7 +198,7 @@ function Button({
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (isDisabled) return;
     reactNative.Animated.spring(scale2, {
@@ -228,7 +231,7 @@ function Button({
   }[variant];
   const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], iconColor ?? labelVariantStyle.color) : typeof icon === "function" ? icon({ label, size, variant }) : icon;
   const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" || variant === "secondary" ? colors.primaryForeground : colors.foreground;
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [fullWidth && styles.fullWidth, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [fullWidth && styles.fullWidth, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -247,7 +250,7 @@ function Button({
       onPressOut: handlePressOut,
       ...props
     },
-    loading ? /* @__PURE__ */ React24__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0] }, label), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, effectiveIcon))
+    loading ? /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : /* @__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(reactNative.Text, { style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0], allowFontScaling: true }, label), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon))
   ));
 }
 var styles = reactNative.StyleSheet.create({
@@ -270,6 +273,96 @@ var styles = reactNative.StyleSheet.create({
     marginHorizontal: s(8)
   }
 });
+var nativeDriver2 = reactNative.Platform.OS !== "web";
+var sizeMap = {
+  sm: { container: s(40), icon: 18 },
+  md: { container: s(44), icon: 20 },
+  lg: { container: s(52), icon: 24 }
+};
+function IconButton({
+  iconName,
+  icon,
+  iconColor,
+  variant = "primary",
+  size = "md",
+  loading = false,
+  disabled,
+  style,
+  onPress,
+  ...props
+}) {
+  const { colors } = useTheme();
+  const isDisabled = disabled || loading;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const handlePressIn = () => {
+    if (isDisabled) return;
+    reactNative.Animated.spring(scale2, {
+      toValue: 0.95,
+      useNativeDriver: nativeDriver2,
+      speed: 40,
+      bounciness: 0
+    }).start();
+  };
+  const handlePressOut = () => {
+    reactNative.Animated.spring(scale2, {
+      toValue: 1,
+      useNativeDriver: nativeDriver2,
+      speed: 40,
+      bounciness: 4
+    }).start();
+  };
+  const handlePress = (e) => {
+    impactLight();
+    onPress?.(e);
+  };
+  const containerVariantStyle = {
+    primary: { backgroundColor: colors.primary },
+    secondary: { backgroundColor: colors.secondary },
+    outline: { backgroundColor: "transparent", borderWidth: 1.5, borderColor: colors.border },
+    ghost: { backgroundColor: "transparent" },
+    destructive: { backgroundColor: colors.destructive }
+  }[variant];
+  const defaultIconColor = {
+    primary: colors.primaryForeground,
+    secondary: colors.secondaryForeground,
+    outline: colors.foreground,
+    ghost: colors.foreground,
+    destructive: colors.destructiveForeground
+  }[variant];
+  const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" || variant === "secondary" ? colors.primaryForeground : colors.foreground;
+  const { container: containerSize, icon: iconSize } = sizeMap[size];
+  const resolvedIcon = iconName ? renderIcon(iconName, iconSize, iconColor ?? defaultIconColor) : icon;
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      style: [
+        styles2.base,
+        containerVariantStyle,
+        { width: containerSize, height: containerSize },
+        isDisabled && styles2.disabled,
+        style
+      ],
+      disabled: isDisabled,
+      activeOpacity: 1,
+      touchSoundDisabled: true,
+      onPress: handlePress,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      ...props
+    },
+    loading ? /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
+  ));
+}
+var styles2 = reactNative.StyleSheet.create({
+  base: {
+    borderRadius: 999,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
 var variantStyles = {
   h1: { fontSize: ms(40), fontWeight: "700", lineHeight: mvs(52) },
   h2: { fontSize: ms(28), fontWeight: "700", lineHeight: mvs(36) },
@@ -281,7 +374,7 @@ var variantStyles = {
 function Text2({ variant = "body", color, style, children, ...props }) {
   const { colors } = useTheme();
   const defaultColor = variant === "caption" ? colors.mutedForeground : colors.foreground;
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
       style: [variantStyles[variant], { color: color ?? defaultColor }, style],
@@ -294,29 +387,29 @@ function Text2({ variant = "body", color, style, children, ...props }) {
 var webInputResetStyle = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
 function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, style, onFocus, onBlur, secureTextEntry, ...props }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React24.useState(false);
-  const [showPassword, setShowPassword] = React24.useState(false);
+  const [focused, setFocused] = React25.useState(false);
+  const [showPassword, setShowPassword] = React25.useState(false);
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
   const effectivePrefix = prefixIcon ? renderIcon(prefixIcon, 20, prefixIconColor ?? colors.mutedForeground) : prefix;
-  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React24__default.default.createElement(reactNative.TouchableOpacity, { onPress: () => setShowPassword(!showPassword), style: styles2.passwordToggle, activeOpacity: 0.6 }, /* @__PURE__ */ React24__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.mutedForeground })) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.mutedForeground) : suffix;
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles2.container, containerStyle] }, label ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles2.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React24__default.default.createElement(
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { onPress: () => setShowPassword(!showPassword), style: styles3.passwordToggle, activeOpacity: 0.6 }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.mutedForeground })) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.mutedForeground) : suffix;
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles3.container, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles2.inputWrapper,
+        styles3.inputWrapper,
         {
           borderColor: error ? colors.destructive : focused ? colors.ring ?? colors.primary : colors.border,
           backgroundColor: colors.background
         }
       ]
     },
-    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles2.prefixText, { color: colors.mutedForeground }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles2.prefixContainer }, effectivePrefix) : null,
-    /* @__PURE__ */ React24__default.default.createElement(
+    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.prefixText, { color: colors.mutedForeground }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles3.prefixContainer }, effectivePrefix) : null,
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
-          styles2.input,
+          styles3.input,
           {
             color: colors.foreground
           },
@@ -337,10 +430,10 @@ function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, p
         ...props
       }
     ),
-    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles2.suffixText, { color: colors.mutedForeground }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles2.suffixContainer }, effectiveSuffix) : null
-  ), error ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles2.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles2.helperText, { color: colors.mutedForeground }], allowFontScaling: true }, hint) : null);
+    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.suffixText, { color: colors.mutedForeground }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles3.suffixContainer }, effectiveSuffix) : null
+  ), error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.helperText, { color: colors.mutedForeground }], allowFontScaling: true }, hint) : null);
 }
-var styles2 = reactNative.StyleSheet.create({
+var styles3 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -414,9 +507,9 @@ function Badge({ label, children, variant = "default", size = "md", icon, iconNa
   }[variant];
   const effectiveIcon = iconName ? renderIcon(iconName, sizeIconSize[size], iconColor ?? textColor) : icon;
   const content = children ?? label;
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles3.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles3.iconContainer }, effectiveIcon) : null, typeof content === "string" ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles3.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles4.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles4.iconContainer }, effectiveIcon) : null, typeof content === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
 }
-var styles3 = reactNative.StyleSheet.create({
+var styles4 = reactNative.StyleSheet.create({
   container: {
     borderRadius: ms(6),
     alignSelf: "flex-start",
@@ -431,15 +524,15 @@ var styles3 = reactNative.StyleSheet.create({
     fontWeight: "500"
   }
 });
-var nativeDriver2 = reactNative.Platform.OS !== "web";
+var nativeDriver3 = reactNative.Platform.OS !== "web";
 function Card({ children, variant = "elevated", onPress, style }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (!onPress) return;
     reactNative.Animated.spring(scale2, {
       toValue: 0.98,
-      useNativeDriver: nativeDriver2,
+      useNativeDriver: nativeDriver3,
       speed: 40,
       bounciness: 0
     }).start();
@@ -448,7 +541,7 @@ function Card({ children, variant = "elevated", onPress, style }) {
     if (!onPress) return;
     reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver2,
+      useNativeDriver: nativeDriver3,
       speed: 40,
       bounciness: 4
     }).start();
@@ -481,9 +574,9 @@ function Card({ children, variant = "elevated", onPress, style }) {
       elevation: 0
     }
   }[variant];
-  const cardContent = /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles4.card, variantStyle, style] }, children);
+  const cardContent = /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React24__default.default.createElement(
+    return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -498,23 +591,23 @@ function Card({ children, variant = "elevated", onPress, style }) {
   return cardContent;
 }
 function CardHeader({ children, style }) {
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles4.header, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.header, style] }, children);
 }
 function CardTitle({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles4.title, { color: colors.cardForeground }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles5.title, { color: colors.cardForeground }, style], allowFontScaling: true }, children);
 }
 function CardDescription({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles4.description, { color: colors.mutedForeground }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles5.description, { color: colors.mutedForeground }, style], allowFontScaling: true }, children);
 }
 function CardContent({ children, style }) {
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles4.content, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.content, style] }, children);
 }
 function CardFooter({ children, style }) {
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles4.footer, style] }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.footer, style] }, children);
 }
-var styles4 = reactNative.StyleSheet.create({
+var styles5 = reactNative.StyleSheet.create({
   card: {
     borderRadius: ms(12),
     borderWidth: 1
@@ -545,18 +638,18 @@ var styles4 = reactNative.StyleSheet.create({
 });
 function Separator({ orientation = "horizontal", style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
-        orientation === "horizontal" ? styles5.horizontal : styles5.vertical,
+        orientation === "horizontal" ? styles6.horizontal : styles6.vertical,
         { backgroundColor: colors.border },
         style
       ]
     }
   );
 }
-var styles5 = reactNative.StyleSheet.create({
+var styles6 = reactNative.StyleSheet.create({
   horizontal: {
     height: 1,
     width: "100%"
@@ -566,21 +659,21 @@ var styles5 = reactNative.StyleSheet.create({
     height: "100%"
   }
 });
-var sizeMap = {
+var sizeMap2 = {
   sm: "small",
   md: "small",
   lg: "large"
 };
 function Spinner({ size = "md", color, ...props }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap[size], color: color ?? colors.primary, ...props });
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props });
 }
 function Skeleton({ width = "100%", height = 16, borderRadius = 6, style }) {
   const { colors, colorScheme } = useTheme();
-  const shimmerAnim = React24.useRef(new reactNative.Animated.Value(0)).current;
-  const [containerWidth, setContainerWidth] = React24.useState(300);
+  const shimmerAnim = React25.useRef(new reactNative.Animated.Value(0)).current;
+  const [containerWidth, setContainerWidth] = React25.useState(300);
   const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     const animation = reactNative.Animated.loop(
       reactNative.Animated.timing(shimmerAnim, {
         toValue: 1,
@@ -595,17 +688,17 @@ function Skeleton({ width = "100%", height = 16, borderRadius = 6, style }) {
     inputRange: [0, 1],
     outputRange: [-containerWidth, containerWidth]
   });
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles6.base,
+        styles7.base,
         { width, height, borderRadius, backgroundColor: colors.muted },
         style
       ],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width)
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [reactNative.StyleSheet.absoluteFill, { transform: [{ translateX }] }] }, /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [reactNative.StyleSheet.absoluteFill, { transform: [{ translateX }] }] }, /* @__PURE__ */ React25__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -616,12 +709,12 @@ function Skeleton({ width = "100%", height = 16, borderRadius = 6, style }) {
     ))
   );
 }
-var styles6 = reactNative.StyleSheet.create({
+var styles7 = reactNative.StyleSheet.create({
   base: {
     overflow: "hidden"
   }
 });
-var sizeMap2 = {
+var sizeMap3 = {
   sm: s(28),
   md: s(40),
   lg: s(56),
@@ -635,8 +728,8 @@ var fontSizeMap = {
 };
 function Avatar({ src, fallback, size = "md", style }) {
   const { colors } = useTheme();
-  const [imageError, setImageError] = React24.useState(false);
-  const dimension = sizeMap2[size];
+  const [imageError, setImageError] = React25.useState(false);
+  const dimension = sizeMap3[size];
   const showFallback = !src || imageError;
   const containerStyle = {
     width: dimension,
@@ -645,23 +738,23 @@ function Avatar({ src, fallback, size = "md", style }) {
     backgroundColor: colors.muted,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles7.base, containerStyle, style] }, !showFallback ? /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles8.base, containerStyle, style] }, !showFallback ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Image,
     {
       source: { uri: src },
       style: { width: dimension, height: dimension },
       onError: () => setImageError(true)
     }
-  ) : /* @__PURE__ */ React24__default.default.createElement(
+  ) : /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles7.fallback, { color: colors.mutedForeground, fontSize: fontSizeMap[size] }],
+      style: [styles8.fallback, { color: colors.mutedForeground, fontSize: fontSizeMap[size] }],
       allowFontScaling: true
     },
     fallback?.slice(0, 2).toUpperCase() ?? "?"
   ));
 }
-var styles7 = reactNative.StyleSheet.create({
+var styles8 = reactNative.StyleSheet.create({
   base: {
     alignItems: "center",
     justifyContent: "center"
@@ -675,11 +768,11 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
   const borderColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : colors.border;
   const titleColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : colors.foreground;
   const descColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : colors.mutedForeground;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React24__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 18, color: titleColor }) : variant === "destructive" ? /* @__PURE__ */ React24__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 20, color: titleColor }) : /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 18, color: titleColor });
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 18, color: titleColor }) : variant === "destructive" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 20, color: titleColor }) : /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 18, color: titleColor });
   const effectiveIcon = iconName ? renderIcon(iconName, 18, iconColor ?? titleColor) : icon ?? defaultIcon;
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles8.container, { backgroundColor: colors.card, borderColor }, style] }, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles8.icon }, effectiveIcon), /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles8.content }, title ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles8.title, { color: titleColor }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles8.description, { color: descColor }], allowFontScaling: true }, description) : null));
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles9.container, { backgroundColor: colors.card, borderColor }, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles9.icon }, effectiveIcon), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles9.content }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles9.title, { color: titleColor }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles9.description, { color: descColor }], allowFontScaling: true }, description) : null));
 }
-var styles8 = reactNative.StyleSheet.create({
+var styles9 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     borderWidth: 1,
@@ -712,9 +805,9 @@ var styles8 = reactNative.StyleSheet.create({
 function Progress({ value = 0, max = 100, style }) {
   const { colors } = useTheme();
   const percent = Math.min(Math.max(value / max * 100, 0), 100);
-  const [trackWidth, setTrackWidth] = React24.useState(0);
-  const animatedWidth = React24.useRef(new reactNative.Animated.Value(0)).current;
-  React24.useEffect(() => {
+  const [trackWidth, setTrackWidth] = React25.useState(0);
+  const animatedWidth = React25.useRef(new reactNative.Animated.Value(0)).current;
+  React25.useEffect(() => {
     if (trackWidth === 0) return;
     reactNative.Animated.spring(animatedWidth, {
       toValue: percent / 100 * trackWidth,
@@ -723,21 +816,21 @@ function Progress({ value = 0, max = 100, style }) {
       bounciness: 0
     }).start();
   }, [percent, trackWidth]);
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
-      style: [styles9.track, { backgroundColor: colors.muted }, style],
+      style: [styles10.track, { backgroundColor: colors.muted }, style],
       onLayout: (e) => setTrackWidth(e.nativeEvent.layout.width)
     },
-    /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Animated.View,
       {
-        style: [styles9.indicator, { width: animatedWidth, backgroundColor: colors.primary }]
+        style: [styles10.indicator, { width: animatedWidth, backgroundColor: colors.primary }]
       }
     )
   );
 }
-var styles9 = reactNative.StyleSheet.create({
+var styles10 = reactNative.StyleSheet.create({
   track: {
     height: vs(8),
     borderRadius: 999,
@@ -753,39 +846,39 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, siz
   const { colors } = useTheme();
   const isCompact = size === "compact";
   const effectiveIcon = iconName ? renderIcon(iconName, isCompact ? 32 : 48, iconColor ?? colors.mutedForeground) : icon;
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles10.container,
-        isCompact && styles10.containerCompact,
+        styles11.container,
+        isCompact && styles11.containerCompact,
         { borderColor: colors.border },
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React24__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.View,
       {
         style: [
-          styles10.iconWrapper,
-          isCompact && styles10.iconWrapperCompact,
+          styles11.iconWrapper,
+          isCompact && styles11.iconWrapperCompact,
           { backgroundColor: colors.muted }
         ]
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles10.textWrapper }, /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles11.textWrapper }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles10.title, isCompact && styles10.titleCompact, { color: colors.foreground }],
+        style: [styles11.title, isCompact && styles11.titleCompact, { color: colors.foreground }],
         allowFontScaling: true
       },
       title
-    ), description && !isCompact ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles10.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null),
-    action && !isCompact ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles10.action }, action) : null
+    ), description && !isCompact ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null),
+    action && !isCompact ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles11.action }, action) : null
   );
 }
-var styles10 = reactNative.StyleSheet.create({
+var styles11 = reactNative.StyleSheet.create({
   container: {
     alignItems: "center",
     justifyContent: "center",
@@ -846,15 +939,15 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React24.useState(false);
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles11.container, containerStyle] }, label ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles11.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React24__default.default.createElement(
+  const [focused, setFocused] = React25.useState(false);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles12.container, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles12.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TextInput,
     {
       multiline: true,
       numberOfLines: rows,
       textAlignVertical: "top",
       style: [
-        styles11.input,
+        styles12.input,
         {
           borderColor: error ? colors.destructive : focused ? colors.ring ?? colors.primary : colors.border,
           color: colors.foreground,
@@ -876,9 +969,9 @@ function Textarea({
       allowFontScaling: true,
       ...props
     }
-  ), error ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles11.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles11.helperText, { color: colors.mutedForeground }], allowFontScaling: true }, hint) : null);
+  ), error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles12.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles12.helperText, { color: colors.mutedForeground }], allowFontScaling: true }, hint) : null);
 }
-var styles11 = reactNative.StyleSheet.create({
+var styles12 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -897,7 +990,7 @@ var styles11 = reactNative.StyleSheet.create({
     fontSize: ms(13)
   }
 });
-var nativeDriver3 = reactNative.Platform.OS !== "web";
+var nativeDriver4 = reactNative.Platform.OS !== "web";
 function Checkbox({
   checked = false,
   onCheckedChange,
@@ -906,18 +999,18 @@ function Checkbox({
   style
 }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (disabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver3, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver4, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver3, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver4, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles12.row, style],
+      style: [styles13.row, style],
       onPress: () => {
         selectionAsync();
         onCheckedChange?.(!checked);
@@ -928,11 +1021,11 @@ function Checkbox({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.View,
       {
         style: [
-          styles12.box,
+          styles13.box,
           {
             borderColor: checked ? colors.primary : colors.border,
             backgroundColor: checked ? colors.primary : "transparent",
@@ -940,18 +1033,19 @@ function Checkbox({
           }
         ]
       },
-      checked ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles12.checkmark, { borderColor: colors.primaryForeground }] }) : null
+      checked ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles13.checkmark, { borderColor: colors.primaryForeground }] }) : null
     ),
-    label ? /* @__PURE__ */ React24__default.default.createElement(
+    label ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles12.label, { color: disabled ? colors.mutedForeground : colors.foreground }]
+        style: [styles13.label, { color: disabled ? colors.mutedForeground : colors.foreground }],
+        allowFontScaling: true
       },
       label
     ) : null
   ));
 }
-var styles12 = reactNative.StyleSheet.create({
+var styles13 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -977,7 +1071,7 @@ var styles12 = reactNative.StyleSheet.create({
     lineHeight: mvs(22)
   }
 });
-var nativeDriver4 = reactNative.Platform.OS !== "web";
+var nativeDriver5 = reactNative.Platform.OS !== "web";
 var TRACK_WIDTH = s(60);
 var TRACK_HEIGHT = vs(36);
 var THUMB_SIZE = s(28);
@@ -985,13 +1079,13 @@ var THUMB_OFFSET = s(4);
 var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
 function Switch({ checked = false, onCheckedChange, disabled, style }) {
   const { colors } = useTheme();
-  const translateX = React24.useRef(new reactNative.Animated.Value(checked ? THUMB_TRAVEL : 0)).current;
-  const trackOpacity = React24.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
-  React24.useEffect(() => {
+  const translateX = React25.useRef(new reactNative.Animated.Value(checked ? THUMB_TRAVEL : 0)).current;
+  const trackOpacity = React25.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
+  React25.useEffect(() => {
     reactNative.Animated.parallel([
       reactNative.Animated.spring(translateX, {
         toValue: checked ? THUMB_TRAVEL : 0,
-        useNativeDriver: nativeDriver4,
+        useNativeDriver: nativeDriver5,
         bounciness: 4
       }),
       reactNative.Animated.timing(trackOpacity, {
@@ -1005,7 +1099,7 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
     inputRange: [0, 1],
     outputRange: [colors.muted, colors.primary]
   });
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1 }, style] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1 }, style] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -1015,20 +1109,20 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
       disabled,
       activeOpacity: 0.8,
       touchSoundDisabled: true,
-      style: styles13.wrapper
+      style: styles14.wrapper
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [styles13.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles14.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Animated.View,
       {
         style: [
-          styles13.thumb,
+          styles14.thumb,
           { backgroundColor: colors.primaryForeground, transform: [{ translateX }] }
         ]
       }
     ))
   ));
 }
-var styles13 = reactNative.StyleSheet.create({
+var styles14 = reactNative.StyleSheet.create({
   wrapper: {},
   track: {
     width: TRACK_WIDTH,
@@ -1074,9 +1168,9 @@ function Toggle({
   ...props
 }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
-  const pressAnim = React24.useRef(new reactNative.Animated.Value(pressed ? 1 : 0)).current;
-  React24.useEffect(() => {
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const pressAnim = React25.useRef(new reactNative.Animated.Value(pressed ? 1 : 0)).current;
+  React25.useEffect(() => {
     reactNative.Animated.timing(pressAnim, {
       toValue: pressed ? 1 : 0,
       duration: 150,
@@ -1111,17 +1205,17 @@ function Toggle({
       return prop;
     };
     if (pressed) {
-      if (activeIconName) return /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? colors.primary));
+      if (activeIconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? colors.primary));
       const active = renderProp(activeIcon);
-      if (active) return /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, active);
-      return /* @__PURE__ */ React24__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: colors.primary });
+      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: colors.primary });
     }
-    if (iconName) return /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? colors.mutedForeground));
+    if (iconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? colors.mutedForeground));
     const custom = renderProp(icon);
-    if (custom) return /* @__PURE__ */ React24__default.default.createElement(React24__default.default.Fragment, null, custom);
-    return /* @__PURE__ */ React24__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: colors.mutedForeground });
+    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: colors.mutedForeground });
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles14.disabled, style] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles15.disabled, style] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -1135,20 +1229,20 @@ function Toggle({
       touchSoundDisabled: true,
       ...props
     },
-    /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Animated.View,
       {
         style: [
-          styles14.base,
+          styles15.base,
           sizeStyles[size],
           { borderColor, backgroundColor, borderWidth: 2 }
         ]
       },
-      /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles14.inner }, /* @__PURE__ */ React24__default.default.createElement(LeftIcon, null), label ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.Text, { style: [styles14.label, { color: textColor }] }, label) : null)
+      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles15.inner }, /* @__PURE__ */ React25__default.default.createElement(LeftIcon, null), label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.Text, { style: [styles15.label, { color: textColor }], allowFontScaling: true }, label) : null)
     )
   ));
 }
-var styles14 = reactNative.StyleSheet.create({
+var styles15 = reactNative.StyleSheet.create({
   base: {
     borderRadius: ms(8)
   },
@@ -1166,25 +1260,25 @@ var styles14 = reactNative.StyleSheet.create({
     fontWeight: "500"
   }
 });
-var nativeDriver5 = reactNative.Platform.OS !== "web";
+var nativeDriver6 = reactNative.Platform.OS !== "web";
 function RadioItem({
   option,
   selected,
   onSelect
 }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (option.disabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver5, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver5, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles15.row,
+      style: styles16.row,
       onPress: () => {
         if (!option.disabled) {
           selectionAsync();
@@ -1197,26 +1291,27 @@ function RadioItem({
       touchSoundDisabled: true,
       disabled: option.disabled
     },
-    /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.View,
       {
         style: [
-          styles15.radio,
+          styles16.radio,
           {
             borderColor: selected ? colors.primary : colors.border,
             opacity: option.disabled ? 0.45 : 1
           }
         ]
       },
-      selected ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles15.dot, { backgroundColor: colors.primary }] }) : null
+      selected ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles16.dot, { backgroundColor: colors.primary }] }) : null
     ),
-    /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles15.label,
+          styles16.label,
           { color: option.disabled ? colors.mutedForeground : colors.foreground }
-        ]
+        ],
+        allowFontScaling: true
       },
       option.label
     )
@@ -1229,7 +1324,7 @@ function RadioGroup({
   orientation = "vertical",
   style
 }) {
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles15.container, orientation === "horizontal" && styles15.horizontal, style] }, options.map((option) => /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles16.container, orientation === "horizontal" && styles16.horizontal, style] }, options.map((option) => /* @__PURE__ */ React25__default.default.createElement(
     RadioItem,
     {
       key: option.value,
@@ -1239,7 +1334,7 @@ function RadioGroup({
     }
   )));
 }
-var styles15 = reactNative.StyleSheet.create({
+var styles16 = reactNative.StyleSheet.create({
   container: {
     gap: vs(12)
   },
@@ -1270,7 +1365,7 @@ var styles15 = reactNative.StyleSheet.create({
     lineHeight: mvs(20)
   }
 });
-var nativeDriver6 = reactNative.Platform.OS !== "web";
+var nativeDriver7 = reactNative.Platform.OS !== "web";
 function TabTrigger({
   tab,
   isActive,
@@ -1278,17 +1373,17 @@ function TabTrigger({
   onLayout
 }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver7, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver7, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles16.trigger,
+      style: styles17.trigger,
       onPress,
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
@@ -1296,27 +1391,28 @@ function TabTrigger({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles16.triggerInner }, tab.icon ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles16.triggerIcon }, typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon) : null, /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles17.triggerInner }, tab.icon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles17.triggerIcon }, typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon) : null, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles16.triggerLabel,
+          styles17.triggerLabel,
           { color: isActive ? colors.foreground : colors.mutedForeground },
-          isActive && styles16.activeTriggerLabel
-        ]
+          isActive && styles17.activeTriggerLabel
+        ],
+        allowFontScaling: true
       },
       tab.label
     )))
   );
 }
 function Tabs({ tabs, value, onValueChange, children, style }) {
-  const [internal, setInternal] = React24.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React25.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  const tabLayouts = React24.useRef({});
-  const pillX = React24.useRef(new reactNative.Animated.Value(0)).current;
-  const pillWidth = React24.useRef(new reactNative.Animated.Value(0)).current;
-  const initialised = React24.useRef(false);
+  const tabLayouts = React25.useRef({});
+  const pillX = React25.useRef(new reactNative.Animated.Value(0)).current;
+  const pillWidth = React25.useRef(new reactNative.Animated.Value(0)).current;
+  const initialised = React25.useRef(false);
   const animatePill = (tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
@@ -1340,7 +1436,7 @@ function Tabs({ tabs, value, onValueChange, children, style }) {
       pillWidth.setValue(layout.width);
     }
   };
-  React24.useEffect(() => {
+  React25.useEffect(() => {
     if (initialised.current) {
       animatePill(active, true);
     }
@@ -1350,11 +1446,11 @@ function Tabs({ tabs, value, onValueChange, children, style }) {
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles16.list, { backgroundColor: colors.muted }] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles17.list, { backgroundColor: colors.muted }] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Animated.View,
     {
       style: [
-        styles16.pill,
+        styles17.pill,
         {
           backgroundColor: colors.background,
           position: "absolute",
@@ -1371,7 +1467,7 @@ function Tabs({ tabs, value, onValueChange, children, style }) {
         }
       ]
     }
-  ), tabs.map((tab) => /* @__PURE__ */ React24__default.default.createElement(
+  ), tabs.map((tab) => /* @__PURE__ */ React25__default.default.createElement(
     TabTrigger,
     {
       key: tab.value,
@@ -1391,9 +1487,9 @@ function Tabs({ tabs, value, onValueChange, children, style }) {
 }
 function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style }, children);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, children);
 }
-var styles16 = reactNative.StyleSheet.create({
+var styles17 = reactNative.StyleSheet.create({
   list: {
     flexDirection: "row",
     borderRadius: ms(12),
@@ -1435,45 +1531,45 @@ function AccordionItemComponent({
   onToggle
 }) {
   const { colors } = useTheme();
-  const isExpanded = Animated10.useSharedValue(isOpen);
-  const height = Animated10.useSharedValue(0);
-  React24__default.default.useEffect(() => {
+  const isExpanded = Animated11.useSharedValue(isOpen);
+  const height = Animated11.useSharedValue(0);
+  React25__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen]);
-  const derivedHeight = Animated10.useDerivedValue(
-    () => Animated10.withTiming(height.value * Number(isExpanded.value), {
+  const derivedHeight = Animated11.useDerivedValue(
+    () => Animated11.withTiming(height.value * Number(isExpanded.value), {
       duration: 220,
-      easing: isExpanded.value ? Animated10.Easing.out(Animated10.Easing.ease) : Animated10.Easing.in(Animated10.Easing.ease)
+      easing: isExpanded.value ? Animated11.Easing.out(Animated11.Easing.ease) : Animated11.Easing.in(Animated11.Easing.ease)
     })
   );
-  const derivedRotation = Animated10.useDerivedValue(
-    () => Animated10.withTiming(isExpanded.value ? 1 : 0, {
+  const derivedRotation = Animated11.useDerivedValue(
+    () => Animated11.withTiming(isExpanded.value ? 1 : 0, {
       duration: 220,
-      easing: isExpanded.value ? Animated10.Easing.out(Animated10.Easing.ease) : Animated10.Easing.in(Animated10.Easing.ease)
+      easing: isExpanded.value ? Animated11.Easing.out(Animated11.Easing.ease) : Animated11.Easing.in(Animated11.Easing.ease)
     })
   );
-  const bodyStyle = Animated10.useAnimatedStyle(() => ({
+  const bodyStyle = Animated11.useAnimatedStyle(() => ({
     height: derivedHeight.value,
     overflow: "hidden"
   }));
-  const rotationStyle = Animated10.useAnimatedStyle(() => ({
+  const rotationStyle = Animated11.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles17.item, { borderBottomColor: colors.border }] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles18.item, { borderBottomColor: colors.border }] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Pressable,
     {
-      style: ({ pressed }) => [styles17.trigger, { opacity: pressed ? 0.6 : 1 }],
+      style: ({ pressed }) => [styles18.trigger, { opacity: pressed ? 0.6 : 1 }],
       onPress: () => {
         selectionAsync();
         onToggle();
       }
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles17.triggerText, { color: colors.foreground }] }, item.trigger),
-    /* @__PURE__ */ React24__default.default.createElement(Animated10__default.default.View, { style: [styles17.chevron, rotationStyle] }, /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foreground }))
-  ), /* @__PURE__ */ React24__default.default.createElement(Animated10__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles18.triggerText, { color: colors.foreground }] }, item.trigger),
+    /* @__PURE__ */ React25__default.default.createElement(Animated11__default.default.View, { style: [styles18.chevron, rotationStyle] }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foreground }))
+  ), /* @__PURE__ */ React25__default.default.createElement(Animated11__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
-      style: styles17.content,
+      style: styles18.content,
       onLayout: (e) => {
         height.value = e.nativeEvent.layout.height;
       }
@@ -1482,7 +1578,7 @@ function AccordionItemComponent({
   )));
 }
 function Accordion({ items, type = "single", defaultValue, style }) {
-  const [openValues, setOpenValues] = React24.useState(() => {
+  const [openValues, setOpenValues] = React25.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -1495,7 +1591,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style }, items.map((item) => /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, items.map((item) => /* @__PURE__ */ React25__default.default.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -1505,7 +1601,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
     }
   )));
 }
-var styles17 = reactNative.StyleSheet.create({
+var styles18 = reactNative.StyleSheet.create({
   item: {
     borderBottomWidth: 1
   },
@@ -1546,7 +1642,7 @@ function Slider({
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React24.useRef(value);
+  const lastSteppedValue = React25.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -1554,7 +1650,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles18.wrapper, style], accessibilityLabel }, label || showValue ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles18.header }, label ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles18.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles18.valueText, { color: colors.mutedForeground }], allowFontScaling: true }, formatValue2(value)) : null) : null, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: disabled ? styles18.disabled : void 0 }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles19.wrapper, style], accessibilityLabel }, label || showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles19.header }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles19.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles19.valueText, { color: colors.mutedForeground }], allowFontScaling: true }, formatValue2(value)) : null) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled ? styles19.disabled : void 0 }, /* @__PURE__ */ React25__default.default.createElement(
     RNSlider__default.default,
     {
       value,
@@ -1567,12 +1663,12 @@ function Slider({
       minimumTrackTintColor: colors.primary,
       maximumTrackTintColor: colors.muted,
       thumbTintColor: colors.primary,
-      style: styles18.slider,
+      style: styles19.slider,
       accessibilityLabel
     }
   )));
 }
-var styles18 = reactNative.StyleSheet.create({
+var styles19 = reactNative.StyleSheet.create({
   wrapper: {
     gap: vs(8)
   },
@@ -1607,8 +1703,8 @@ function Sheet({
   style
 }) {
   const { colors } = useTheme();
-  const ref = React24.useRef(null);
-  React24.useEffect(() => {
+  const ref = React25.useRef(null);
+  React25.useEffect(() => {
     if (open) {
       impactLight();
       ref.current?.present();
@@ -1616,7 +1712,7 @@ function Sheet({
       ref.current?.dismiss();
     }
   }, [open]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React24__default.default.createElement(
+  const renderBackdrop = (props) => /* @__PURE__ */ React25__default.default.createElement(
     bottomSheet.BottomSheetBackdrop,
     {
       ...props,
@@ -1625,21 +1721,21 @@ function Sheet({
       pressBehavior: "close"
     }
   );
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
       snapPoints,
       onDismiss: onClose,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles19.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles19.handle, { backgroundColor: colors.border }],
+      backgroundStyle: [styles20.background, { backgroundColor: colors.card }],
+      handleIndicatorStyle: [styles20.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles19.content, style] }, title || description ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles19.header }, title ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles19.title, { color: colors.cardForeground }] }, title) : null, description ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles19.description, { color: colors.mutedForeground }] }, description) : null) : null, children)
+    /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles20.content, style] }, title || description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles20.header }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.title, { color: colors.cardForeground }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null) : null, children)
   );
 }
-var styles19 = reactNative.StyleSheet.create({
+var styles20 = reactNative.StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
     borderTopRightRadius: ms(16)
@@ -1680,10 +1776,10 @@ function Select({
   style
 }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
-  const [pickerVisible, setPickerVisible] = React24.useState(false);
-  const [pendingValue, setPendingValue] = React24.useState(value);
-  const pickerRef = React24.useRef(null);
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const [pickerVisible, setPickerVisible] = React25.useState(false);
+  const [pendingValue, setPendingValue] = React25.useState(value);
+  const pickerRef = React25.useRef(null);
   const selected = options.find((o) => o.value === value);
   const handlePressIn = () => {
     if (disabled) return;
@@ -1712,11 +1808,11 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles20.container, style] }, label ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles20.label, { color: colors.foreground }] }, label) : null, !isWeb2 ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles21.container, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
-        styles20.trigger,
+        styles21.trigger,
         {
           borderColor: error ? colors.destructive : colors.border,
           backgroundColor: colors.background
@@ -1728,11 +1824,11 @@ function Select({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles20.triggerText,
+          styles21.triggerText,
           { color: selected ? colors.foreground : colors.mutedForeground }
         ],
         numberOfLines: 1,
@@ -1740,8 +1836,8 @@ function Select({
       },
       selected?.label ?? placeholder
     ),
-    /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-down", size: 20, color: colors.mutedForeground })
-  )) : null, isIOS ? /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-down", size: 20, color: colors.mutedForeground })
+  )) : null, isIOS ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -1749,16 +1845,16 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.TouchableOpacity, { style: styles20.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles20.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles20.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles20.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React24__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React24__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles20.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles20.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { style: styles21.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles21.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles21.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.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: styles21.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React25__default.default.createElement(
       picker.Picker,
       {
         selectedValue: pendingValue ?? "",
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React24__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.mutedForeground, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React24__default.default.createElement(
+      !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.mutedForeground, enabled: false }) : null,
+      options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
         picker.Picker.Item,
         {
           key: o.value,
@@ -1769,7 +1865,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid ? /* @__PURE__ */ React24__default.default.createElement(
+  ) : null, isAndroid ? /* @__PURE__ */ React25__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -1783,10 +1879,10 @@ function Select({
       mode: "dialog",
       enabled: !disabled,
       prompt: label,
-      style: styles20.androidHiddenPicker
+      style: styles21.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React24__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React24__default.default.createElement(
+    !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
+    options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -1795,7 +1891,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React24__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -1806,7 +1902,7 @@ function Select({
       },
       enabled: !disabled,
       style: [
-        styles20.webPicker,
+        styles21.webPicker,
         {
           borderColor: error ? colors.destructive : colors.border,
           color: selected ? colors.foreground : colors.mutedForeground,
@@ -1815,8 +1911,8 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React24__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
+    options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -1825,9 +1921,9 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles20.helperText, { color: colors.destructive }] }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
 }
-var styles20 = reactNative.StyleSheet.create({
+var styles21 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -1900,28 +1996,28 @@ var styles20 = reactNative.StyleSheet.create({
     fontSize: ms(17)
   }
 });
-var ToastContext = React24.createContext({
+var ToastContext = React25.createContext({
   toast: () => {
   },
   dismiss: () => {
   }
 });
 function useToast() {
-  return React24.useContext(ToastContext);
+  return React25.useContext(ToastContext);
 }
 var SWIPE_THRESHOLD = 80;
 var VELOCITY_THRESHOLD = 800;
 function ToastNotification({ item, onDismiss }) {
   const { colors } = useTheme();
-  const translateY = Animated10.useSharedValue(-80);
-  const translateX = Animated10.useSharedValue(0);
-  const opacity = Animated10.useSharedValue(0);
-  React24.useEffect(() => {
-    translateY.value = Animated10.withTiming(0, { duration: 120, easing: Animated10.Easing.out(Animated10.Easing.exp) });
-    opacity.value = Animated10.withTiming(1, { duration: 100 });
+  const translateY = Animated11.useSharedValue(-80);
+  const translateX = Animated11.useSharedValue(0);
+  const opacity = Animated11.useSharedValue(0);
+  React25.useEffect(() => {
+    translateY.value = Animated11.withTiming(0, { duration: 120, easing: Animated11.Easing.out(Animated11.Easing.exp) });
+    opacity.value = Animated11.withTiming(1, { duration: 100 });
     const timer = setTimeout(() => {
-      translateY.value = Animated10.withTiming(-80, { duration: 200 });
-      opacity.value = Animated10.withTiming(0, { duration: 200 }, (done) => {
+      translateY.value = Animated11.withTiming(-80, { duration: 200 });
+      opacity.value = Animated11.withTiming(0, { duration: 200 }, (done) => {
         if (done) reactNativeWorklets.scheduleOnRN(onDismiss);
       });
     }, item.duration ?? 3e3);
@@ -1933,15 +2029,15 @@ function ToastNotification({ item, onDismiss }) {
     const shouldDismiss = Math.abs(translateX.value) > SWIPE_THRESHOLD || Math.abs(e.velocityX) > VELOCITY_THRESHOLD;
     if (shouldDismiss) {
       const direction = translateX.value > 0 ? 1 : -1;
-      translateX.value = Animated10.withTiming(direction * 500, { duration: 200 }, (done) => {
+      translateX.value = Animated11.withTiming(direction * 500, { duration: 200 }, (done) => {
         if (done) reactNativeWorklets.scheduleOnRN(onDismiss);
       });
-      opacity.value = Animated10.withTiming(0, { duration: 150 });
+      opacity.value = Animated11.withTiming(0, { duration: 150 });
     } else {
-      translateX.value = Animated10.withSpring(0, { damping: 20, stiffness: 300 });
+      translateX.value = Animated11.withSpring(0, { damping: 20, stiffness: 300 });
     }
   });
-  const animatedStyle = Animated10.useAnimatedStyle(() => ({
+  const animatedStyle = Animated11.useAnimatedStyle(() => ({
     opacity: opacity.value,
     transform: [{ translateY: translateY.value }, { translateX: translateX.value }]
   }));
@@ -1955,14 +2051,14 @@ function ToastNotification({ item, onDismiss }) {
     destructive: colors.destructiveForeground,
     success: colors.successForeground
   }[item.variant ?? "default"];
-  const defaultIcon = item.variant === "success" ? /* @__PURE__ */ React24__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 22, color: textColor }) : item.variant === "destructive" ? /* @__PURE__ */ React24__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 24, color: textColor }) : /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 22, color: textColor });
+  const defaultIcon = item.variant === "success" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 22, color: textColor }) : item.variant === "destructive" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 24, color: textColor }) : /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 22, color: textColor });
   const leftIcon = item.iconName ? renderIcon(item.iconName, 22, item.iconColor ?? textColor) : item.icon ?? defaultIcon;
-  return /* @__PURE__ */ React24__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React24__default.default.createElement(Animated10__default.default.View, { style: [styles21.toast, { backgroundColor: bgColor }, animatedStyle] }, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles21.leftIconContainer }, leftIcon), /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles21.toastContent }, item.title ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles21.toastTitle, { color: textColor }] }, item.title) : null, item.description ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles21.toastDescription, { color: textColor, opacity: 0.85 }] }, item.description) : null), /* @__PURE__ */ React24__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles21.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React24__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 18, color: textColor }))));
+  return /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React25__default.default.createElement(Animated11__default.default.View, { style: [styles22.toast, { backgroundColor: bgColor }, animatedStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles22.leftIconContainer }, leftIcon), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles22.toastContent }, item.title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.toastTitle, { color: textColor }], allowFontScaling: true }, item.title) : null, item.description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.toastDescription, { color: textColor, opacity: 0.85 }], allowFontScaling: true }, item.description) : null), /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles22.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 18, color: textColor }))));
 }
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = React24.useState([]);
+  const [toasts, setToasts] = React25.useState([]);
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const toast = React24.useCallback((item) => {
+  const toast = React25.useCallback((item) => {
     const id = Math.random().toString(36).slice(2);
     if (item.variant === "success") {
       notificationSuccess();
@@ -1973,12 +2069,12 @@ function ToastProvider({ children }) {
     }
     setToasts((prev) => [{ ...item, id }, ...prev].slice(0, 3));
   }, []);
-  const dismiss = React24.useCallback((id) => {
+  const dismiss = React25.useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ React24__default.default.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles21.container, reactNative.Platform.OS === "web" && styles21.containerWeb, { top: insets.top + 8 }], pointerEvents: "box-none" }, toasts.map((item) => /* @__PURE__ */ React24__default.default.createElement(ToastNotification, { key: item.id, item, onDismiss: () => dismiss(item.id) }))));
+  return /* @__PURE__ */ React25__default.default.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.container, reactNative.Platform.OS === "web" && styles22.containerWeb, { top: insets.top + 8 }], pointerEvents: "box-none" }, toasts.map((item) => /* @__PURE__ */ React25__default.default.createElement(ToastNotification, { key: item.id, item, onDismiss: () => dismiss(item.id) }))));
 }
-var styles21 = reactNative.StyleSheet.create({
+var styles22 = reactNative.StyleSheet.create({
   container: {
     position: "absolute",
     left: s(16),
@@ -2056,7 +2152,7 @@ function CurrencyInput({
     onChangeValue?.(isNaN(raw) ? 0 : raw);
   };
   const inputStyle = size === "large" ? { fontSize: ms(36) } : {};
-  return /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(
     Input,
     {
       value,
@@ -2087,16 +2183,16 @@ function formatValue(value, prefix, showDecimals) {
 function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor, style }) {
   const { colors } = useTheme();
   const formatted = formatValue(value, prefix, showDecimals);
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles22.container, style] }, /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles22.amount, { color: textColor ?? colors.foreground }], allowFontScaling: true }, formatted));
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.amount, { color: textColor ?? colors.foreground }], allowFontScaling: true }, formatted));
 }
-var styles22 = reactNative.StyleSheet.create({
+var styles23 = reactNative.StyleSheet.create({
   container: {},
   amount: {
     fontSize: ms(56),
     fontWeight: "700"
   }
 });
-var nativeDriver7 = reactNative.Platform.OS !== "web";
+var nativeDriver8 = reactNative.Platform.OS !== "web";
 function ListItem({
   leftRender,
   rightRender,
@@ -2120,12 +2216,12 @@ function ListItem({
   captionStyle
 }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (!onPress || disabled) return;
     reactNative.Animated.spring(scale2, {
       toValue: 0.97,
-      useNativeDriver: nativeDriver7,
+      useNativeDriver: nativeDriver8,
       speed: 40,
       bounciness: 0
     }).start();
@@ -2133,7 +2229,7 @@ function ListItem({
   const handlePressOut = () => {
     reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver7,
+      useNativeDriver: nativeDriver8,
       speed: 40,
       bounciness: 4
     }).start();
@@ -2155,10 +2251,10 @@ function ListItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles23.disabled] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles24.disabled] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles23.container, cardStyle, style],
+      style: [styles24.container, cardStyle, style],
       onPress: onPress ? handlePress : void 0,
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
@@ -2166,51 +2262,51 @@ function ListItem({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    effectiveLeft ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles23.leftContainer }, effectiveLeft) : null,
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles23.content }, /* @__PURE__ */ React24__default.default.createElement(
+    effectiveLeft ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles24.leftContainer }, effectiveLeft) : null,
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles24.content }, /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles23.title, { color: colors.foreground }, titleStyle],
+        style: [styles24.title, { color: colors.foreground }, titleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
       title
-    ), subtitle ? /* @__PURE__ */ React24__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles23.subtitle, { color: colors.mutedForeground }, subtitleStyle],
+        style: [styles24.subtitle, { color: colors.mutedForeground }, subtitleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
       subtitle
-    ) : null, caption ? /* @__PURE__ */ React24__default.default.createElement(
+    ) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles23.caption, { color: colors.mutedForeground }, captionStyle],
+        style: [styles24.caption, { color: colors.mutedForeground }, captionStyle],
         numberOfLines: 1,
         allowFontScaling: true
       },
       caption
     ) : null),
-    effectiveRight !== void 0 ? /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles23.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React24__default.default.createElement(
+    effectiveRight !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles24.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React25__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles23.rightText, { color: colors.mutedForeground }],
+        style: [styles24.rightText, { color: colors.mutedForeground }],
         allowFontScaling: true
       },
       effectiveRight
-    ) : effectiveRight) : showChevron ? /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.mutedForeground }) : null
-  ), showSeparator ? /* @__PURE__ */ React24__default.default.createElement(
+    ) : effectiveRight) : showChevron ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.mutedForeground }) : null
+  ), showSeparator ? /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles23.separator,
+        styles24.separator,
         { backgroundColor: colors.border, marginLeft: effectiveLeft ? s(16) + s(44) + s(12) : s(16) }
       ]
     }
   ) : null);
 }
-var styles23 = reactNative.StyleSheet.create({
+var styles24 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -2265,12 +2361,12 @@ var styles23 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
-var nativeDriver8 = reactNative.Platform.OS !== "web";
+var nativeDriver9 = reactNative.Platform.OS !== "web";
 function Chip({ label, selected = false, onPress, style }) {
   const { colors } = useTheme();
-  const scale2 = React24.useRef(new reactNative.Animated.Value(1)).current;
-  const pressAnim = React24.useRef(new reactNative.Animated.Value(selected ? 1 : 0)).current;
-  React24.useEffect(() => {
+  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const pressAnim = React25.useRef(new reactNative.Animated.Value(selected ? 1 : 0)).current;
+  React25.useEffect(() => {
     reactNative.Animated.timing(pressAnim, {
       toValue: selected ? 1 : 0,
       duration: 150,
@@ -2281,7 +2377,7 @@ function Chip({ label, selected = false, onPress, style }) {
   const handlePressIn = () => {
     reactNative.Animated.spring(scale2, {
       toValue: 0.95,
-      useNativeDriver: nativeDriver8,
+      useNativeDriver: nativeDriver9,
       speed: 40,
       bounciness: 0
     }).start();
@@ -2289,7 +2385,7 @@ function Chip({ label, selected = false, onPress, style }) {
   const handlePressOut = () => {
     reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver8,
+      useNativeDriver: nativeDriver9,
       speed: 40,
       bounciness: 4
     }).start();
@@ -2310,7 +2406,7 @@ function Chip({ label, selected = false, onPress, style }) {
     inputRange: [0, 1],
     outputRange: [colors.border, colors.primary]
   });
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [styles24.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles25.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -2319,7 +2415,7 @@ function Chip({ label, selected = false, onPress, style }) {
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.View, { style: [styles24.chip, { backgroundColor, borderColor }] }, /* @__PURE__ */ React24__default.default.createElement(reactNative.Animated.Text, { style: [styles24.label, { color: textColor }], allowFontScaling: true }, label))
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles25.chip, { backgroundColor, borderColor }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.Text, { style: [styles25.label, { color: textColor }], allowFontScaling: true }, label))
   ));
 }
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
@@ -2344,7 +2440,7 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     }
     return optionValue === value;
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles24.group, style] }, options.map((opt) => /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles25.group, style] }, options.map((opt) => /* @__PURE__ */ React25__default.default.createElement(
     Chip,
     {
       key: opt.value,
@@ -2354,7 +2450,7 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     }
   )));
 }
-var styles24 = reactNative.StyleSheet.create({
+var styles25 = reactNative.StyleSheet.create({
   wrapper: {},
   chip: {
     borderRadius: 999,
@@ -2386,18 +2482,18 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onCancel }, /* @__PURE__ */ React24__default.default.createElement(reactNative.TouchableOpacity, { style: styles25.overlay, activeOpacity: 1, onPress: onCancel }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onCancel }, /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { style: styles26.overlay, activeOpacity: 1, onPress: onCancel }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.View,
     {
-      style: [styles25.dialog, { backgroundColor: colors.card }],
+      style: [styles26.dialog, { backgroundColor: colors.card }],
       onStartShouldSetResponder: () => true
     },
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles25.title, { color: colors.cardForeground }], allowFontScaling: true }, title),
-    description ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles25.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null,
-    /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: styles25.actions }, /* @__PURE__ */ React24__default.default.createElement(Button, { label: cancelLabel, variant: "outline", fullWidth: true, onPress: onCancel }), /* @__PURE__ */ React24__default.default.createElement(Button, { label: confirmLabel, variant: confirmVariant, fullWidth: true, onPress: onConfirm }))
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles26.title, { color: colors.cardForeground }], allowFontScaling: true }, title),
+    description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles26.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null,
+    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles26.actions }, /* @__PURE__ */ React25__default.default.createElement(Button, { label: cancelLabel, variant: "outline", fullWidth: true, onPress: onCancel }), /* @__PURE__ */ React25__default.default.createElement(Button, { label: confirmLabel, variant: confirmVariant, fullWidth: true, onPress: onConfirm }))
   )));
 }
-var styles25 = reactNative.StyleSheet.create({
+var styles26 = reactNative.StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -2433,9 +2529,9 @@ var styles25 = reactNative.StyleSheet.create({
 });
 function LabelValue({ label, value, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles26.container, style] }, /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles26.label, { color: colors.mutedForeground }], allowFontScaling: true }, label), typeof value === "string" ? /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles26.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles27.container, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles27.label, { color: colors.mutedForeground }], allowFontScaling: true }, label), typeof value === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles27.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var styles26 = reactNative.StyleSheet.create({
+var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -2485,27 +2581,27 @@ function MonthPicker({ value, onChange, style }) {
       onChange({ month: value.month + 1, year: value.year });
     }
   };
-  return /* @__PURE__ */ React24__default.default.createElement(reactNative.View, { style: [styles27.container, style] }, /* @__PURE__ */ React24__default.default.createElement(
+  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.container, style] }, /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles27.arrow,
+      style: styles28.arrow,
       onPress: handlePrev,
       activeOpacity: 0.6,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React24__default.default.createElement(reactNative.Text, { style: [styles27.label, { color: colors.foreground }], allowFontScaling: true }, MONTH_NAMES[value.month - 1], " ", value.year), /* @__PURE__ */ React24__default.default.createElement(
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
+  ), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles28.label, { color: colors.foreground }], allowFontScaling: true }, MONTH_NAMES[value.month - 1], " ", value.year), /* @__PURE__ */ React25__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles27.arrow,
+      style: styles28.arrow,
       onPress: handleNext,
       activeOpacity: 0.6,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React24__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
+    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
-var styles27 = reactNative.StyleSheet.create({
+var styles28 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -2526,6 +2622,64 @@ var styles27 = reactNative.StyleSheet.create({
   }
 });
 
+// src/tokens.ts
+var SPACING = {
+  xs: 4,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 24,
+  "2xl": 32,
+  "3xl": 48
+};
+var ICON_SIZES = {
+  sm: 14,
+  md: 18,
+  lg: 22,
+  xl: 28,
+  "2xl": 32
+};
+var RADIUS = {
+  sm: 4,
+  md: 8,
+  lg: 12,
+  xl: 16,
+  full: 9999
+};
+var SHADOWS = {
+  sm: {
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.08,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  md: {
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.12,
+    shadowRadius: 8,
+    elevation: 5
+  },
+  lg: {
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 6 },
+    shadowOpacity: 0.2,
+    shadowRadius: 16,
+    elevation: 10
+  },
+  xl: {
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 12 },
+    shadowOpacity: 0.28,
+    shadowRadius: 24,
+    elevation: 18
+  }
+};
+var BREAKPOINTS = {
+  wide: 700
+};
+
 Object.defineProperty(exports, "BottomSheetModalProvider", {
   enumerable: true,
   get: function () { return bottomSheet.BottomSheetModalProvider; }
@@ -2533,6 +2687,7 @@ Object.defineProperty(exports, "BottomSheetModalProvider", {
 exports.Accordion = Accordion;
 exports.AlertBanner = AlertBanner;
 exports.Avatar = Avatar;
+exports.BREAKPOINTS = BREAKPOINTS;
 exports.Badge = Badge;
 exports.Button = Button;
 exports.Card = Card;
@@ -2549,13 +2704,18 @@ exports.CurrencyDisplay = CurrencyDisplay;
 exports.CurrencyInput = CurrencyInput;
 exports.CurrencyInputLarge = CurrencyInput;
 exports.EmptyState = EmptyState;
+exports.ICON_SIZES = ICON_SIZES;
 exports.Icon = Icon;
+exports.IconButton = IconButton;
 exports.Input = Input;
 exports.LabelValue = LabelValue;
 exports.ListItem = ListItem;
 exports.MonthPicker = MonthPicker;
 exports.Progress = Progress;
+exports.RADIUS = RADIUS;
 exports.RadioGroup = RadioGroup;
+exports.SHADOWS = SHADOWS;
+exports.SPACING = SPACING;
 exports.Select = Select;
 exports.Separator = Separator;
 exports.Sheet = Sheet;