@retray-dev/ui-kit 5.1.0 → 5.4.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React25 = require('react');
+var React26 = require('react');
 var reactNative = require('react-native');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
@@ -21,7 +21,7 @@ var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React25__default = /*#__PURE__*/_interopDefault(React25);
+var React26__default = /*#__PURE__*/_interopDefault(React26);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
@@ -150,23 +150,23 @@ function deriveColors(t, scheme) {
 }
 
 // src/theme/ThemeProvider.tsx
-var ThemeContext = React25.createContext({
+var ThemeContext = React26.createContext({
   colors: deriveColors(defaultLight, "light"),
   colorScheme: "light"
 });
 function ThemeProvider({ children, theme, colorScheme = "system" }) {
   const systemScheme = reactNative.useColorScheme() ?? "light";
   const resolvedScheme = colorScheme === "system" ? systemScheme : colorScheme;
-  const colors = React25.useMemo(() => {
+  const colors = React26.useMemo(() => {
     const base = resolvedScheme === "dark" ? defaultDark : defaultLight;
     const override = resolvedScheme === "dark" ? theme?.dark : theme?.light;
     const merged = override ? { ...base, ...override } : base;
     return deriveColors(merged, resolvedScheme);
   }, [resolvedScheme, theme]);
-  return /* @__PURE__ */ React25__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(ThemeContext.Provider, { value: { colors, colorScheme: resolvedScheme } }, children);
 }
 function useTheme() {
-  const context = React25.useContext(ThemeContext);
+  const context = React26.useContext(ThemeContext);
   if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -235,10 +235,10 @@ function Icon({ name, size, color, family }) {
   }
   if (!resolved) return null;
   const Component = resolved.component;
-  return React25__default.default.createElement(Component, { name, size, color });
+  return React26__default.default.createElement(Component, { name, size, color });
 }
 function renderIcon(name, size, color) {
-  return React25__default.default.createElement(Icon, { name, size, color });
+  return React26__default.default.createElement(Icon, { name, size, color });
 }
 
 // src/tokens.ts
@@ -406,7 +406,7 @@ var TYPOGRAPHY = {
     fontFamily: "Poppins-Medium",
     fontSize: 16,
     fontWeight: "500",
-    lineHeight: 20,
+    lineHeight: 22,
     letterSpacing: 0
   },
   "button-sm": {
@@ -428,7 +428,7 @@ var containerSizeStyles = {
 var labelSizeStyles = {
   sm: { ...TYPOGRAPHY["button-sm"], fontSize: ms(TYPOGRAPHY["button-sm"].fontSize) },
   md: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize) },
-  lg: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize + 1) }
+  lg: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize + 1), lineHeight: mvs(24) }
 };
 var iconSizeMap = { sm: 16, md: 18, lg: 20 };
 function Button({
@@ -448,7 +448,7 @@ function Button({
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (isDisabled) return;
     reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver, speed: 40, bounciness: 0 }).start();
@@ -472,9 +472,13 @@ function Button({
     text: { color: colors.foreground },
     destructive: { color: colors.destructiveForeground }
   }[variant];
-  const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], iconColor ?? labelVariantStyle.color) : typeof icon === "function" ? icon({ label, size, variant }) : icon;
+  const textColor = iconColor ?? labelVariantStyle.color;
+  const effectiveIcon = iconName ? renderIcon(iconName, iconSizeMap[size], textColor) : typeof icon === "function" ? icon({ label, size, variant, color: textColor }) : icon;
   const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.foreground;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [fullWidth && styles.fullWidth, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React25__default.default.createElement(
+  const styleArray = Array.isArray(style) ? style : style ? [style] : [];
+  const flatStyle = reactNative.StyleSheet.flatten(styleArray);
+  const { flex, ...restStyle } = flatStyle || {};
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -483,7 +487,7 @@ function Button({
         containerSizeStyles[size],
         fullWidth && styles.fullWidth,
         isDisabled && styles.disabled,
-        style
+        restStyle
       ],
       disabled: isDisabled,
       activeOpacity: 1,
@@ -493,14 +497,15 @@ function Button({
       onPressOut: handlePressOut,
       ...props
     },
-    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(
+    loading ? /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon && iconPosition === "left" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon), /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
         style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
-        allowFontScaling: true
+        allowFontScaling: true,
+        numberOfLines: 1
       },
       label
-    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, effectiveIcon))
+    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon))
   ));
 }
 var styles = reactNative.StyleSheet.create({
@@ -518,12 +523,46 @@ var styles = reactNative.StyleSheet.create({
     opacity: 0.45
   },
   label: {
-    fontFamily: "Poppins-Medium"
+    fontFamily: "Poppins-Medium",
+    flexShrink: 1
   },
   labelWithIcon: {
     marginHorizontal: s(6)
   }
 });
+function ButtonGroup({ children, gap = 12, vertical = false, style }) {
+  return /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles2.container,
+        vertical ? styles2.vertical : styles2.horizontal,
+        { gap: s(gap) },
+        style
+      ]
+    },
+    React26__default.default.Children.map(
+      children,
+      (child) => React26__default.default.isValidElement(child) ? React26__default.default.cloneElement(child, {
+        style: [
+          child.props.style,
+          { flex: 1 }
+        ]
+      }) : child
+    )
+  );
+}
+var styles2 = reactNative.StyleSheet.create({
+  container: {
+    width: "100%"
+  },
+  horizontal: {
+    flexDirection: "row"
+  },
+  vertical: {
+    flexDirection: "column"
+  }
+});
 var nativeDriver2 = reactNative.Platform.OS !== "web";
 var sizeMap = {
   sm: { container: s(32), icon: 16 },
@@ -545,7 +584,7 @@ function IconButton({
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.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();
@@ -577,14 +616,14 @@ function IconButton({
   const showBadge = badge !== void 0 && badge !== false && badge !== 0;
   const badgeCount = typeof badge === "number" ? Math.min(badge, 99) : null;
   const showCount = typeof badge === "number" && badge > 0;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles2.wrapper, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles3.wrapper, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
-        styles2.base,
+        styles3.base,
         containerVariantStyle,
         { width: containerSize, height: containerSize },
-        isDisabled && styles2.disabled,
+        isDisabled && styles3.disabled,
         style
       ],
       disabled: isDisabled,
@@ -595,14 +634,14 @@ function IconButton({
       onPressOut: handlePressOut,
       ...props
     },
-    loading ? /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
-  ), showBadge && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [
-    styles2.badge,
+    loading ? /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor }) : resolvedIcon
+  ), showBadge && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [
+    styles3.badge,
     { backgroundColor: colors.primary },
-    showCount ? styles2.badgeCount : styles2.badgeDot
-  ] }, showCount && /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles2.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
+    showCount ? styles3.badgeCount : styles3.badgeDot
+  ] }, showCount && /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
 }
-var styles2 = reactNative.StyleSheet.create({
+var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
   },
@@ -679,7 +718,7 @@ function Text3({ variant = "body-md", color, style, children, ...props }) {
   const { colors } = useTheme();
   const colorKey = defaultColorVariant[variant] ?? "foreground";
   const resolvedColor = color ?? colors[colorKey];
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Text,
     {
       style: [variantStyles[variant], { color: resolvedColor }, style],
@@ -692,17 +731,17 @@ function Text3({ variant = "body-md", 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, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, ...props }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React25.useState(false);
-  const [showPassword, setShowPassword] = React25.useState(false);
+  const [focused, setFocused] = React26.useState(false);
+  const [showPassword, setShowPassword] = React26.useState(false);
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
   const effectivePrefix = prefixIcon ? renderIcon(prefixIcon, 20, prefixIconColor ?? colors.foregroundMuted) : prefix;
-  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React25__default.default.createElement(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.foregroundMuted })) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : 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(
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { onPress: () => setShowPassword(!showPassword), style: styles4.passwordToggle, activeOpacity: 0.6 }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: showPassword ? "eye" : "eye-invisible", size: 20, color: colors.foregroundMuted })) : suffixIcon ? renderIcon(suffixIcon, 20, suffixIconColor ?? colors.foregroundMuted) : suffix;
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles4.container, containerStyle] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles3.inputWrapper,
+        styles4.inputWrapper,
         {
           borderColor: error ? colors.destructive : focused ? colors.primary : colors.border,
           backgroundColor: colors.background
@@ -710,12 +749,12 @@ function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, p
         inputWrapperStyle
       ]
     },
-    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles3.prefixContainer }, effectivePrefix) : null,
-    /* @__PURE__ */ React25__default.default.createElement(
+    effectivePrefix ? typeof effectivePrefix === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.prefixText, { color: colors.foregroundMuted }, prefixStyle], allowFontScaling: true }, effectivePrefix) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles4.prefixContainer }, effectivePrefix) : null,
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TextInput,
       {
         style: [
-          styles3.input,
+          styles4.input,
           {
             color: colors.foreground
           },
@@ -736,10 +775,10 @@ function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, p
         ...props
       }
     ),
-    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles3.suffixText, { color: colors.foregroundMuted }, 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.foregroundMuted }], allowFontScaling: true }, hint) : null);
+    effectiveSuffix ? typeof effectiveSuffix === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.suffixText, { color: colors.foregroundMuted }, suffixStyle], allowFontScaling: true }, effectiveSuffix) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles4.suffixContainer }, effectiveSuffix) : null
+  ), error ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
-var styles3 = reactNative.StyleSheet.create({
+var styles4 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -830,9 +869,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__ */ React25__default.default.createElement(reactNative.View, { style: [styles4.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon, typeof content === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles4.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles5.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon, typeof content === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles5.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
 }
-var styles4 = reactNative.StyleSheet.create({
+var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
     alignSelf: "flex-start",
@@ -846,7 +885,7 @@ var styles4 = reactNative.StyleSheet.create({
 var nativeDriver3 = reactNative.Platform.OS !== "web";
 function Card({ children, variant = "elevated", onPress, style }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (!onPress) return;
     reactNative.Animated.spring(scale2, {
@@ -893,9 +932,9 @@ function Card({ children, variant = "elevated", onPress, style }) {
       elevation: 0
     }
   }[variant];
-  const cardContent = /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.card, variantStyle, style] }, children);
+  const cardContent = /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -910,23 +949,23 @@ function Card({ children, variant = "elevated", onPress, style }) {
   return cardContent;
 }
 function CardHeader({ children, style }) {
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.header, style] }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.header, style] }, children);
 }
 function CardTitle({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles5.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles6.title, { color: colors.foreground }, style], allowFontScaling: true }, children);
 }
 function CardDescription({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles5.description, { color: colors.foregroundMuted }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundMuted }, style], allowFontScaling: true }, children);
 }
 function CardContent({ children, style }) {
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.content, style] }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
 }
 function CardFooter({ children, style }) {
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles5.footer, style] }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.footer, style] }, children);
 }
-var styles5 = reactNative.StyleSheet.create({
+var styles6 = reactNative.StyleSheet.create({
   card: {
     borderRadius: 14,
     // RADIUS.md — Airbnb property card spec
@@ -961,18 +1000,18 @@ var styles5 = reactNative.StyleSheet.create({
 });
 function Separator({ orientation = "horizontal", style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        orientation === "horizontal" ? styles6.horizontal : styles6.vertical,
+        orientation === "horizontal" ? styles7.horizontal : styles7.vertical,
         { backgroundColor: colors.border },
         style
       ]
     }
   );
 }
-var styles6 = reactNative.StyleSheet.create({
+var styles7 = reactNative.StyleSheet.create({
   horizontal: {
     height: 1,
     width: "100%"
@@ -995,18 +1034,18 @@ var labelFontSize = {
 function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
   if (label) {
-    return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles7.wrapper }, /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }), /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles8.wrapper }, /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }), /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles7.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
+        style: [styles8.label, { color: colors.foregroundMuted, fontSize: labelFontSize[size] }],
         allowFontScaling: true
       },
       label
     ));
   }
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props });
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props });
 }
-var styles7 = reactNative.StyleSheet.create({
+var styles8 = reactNative.StyleSheet.create({
   wrapper: {
     alignItems: "center",
     gap: vs(6)
@@ -1025,10 +1064,10 @@ function Skeleton({
   style
 }) {
   const { colors, colorScheme } = useTheme();
-  const shimmerAnim = React25.useRef(new reactNative.Animated.Value(0)).current;
-  const [containerWidth, setContainerWidth] = React25.useState(300);
+  const shimmerAnim = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const [containerWidth, setContainerWidth] = React26.useState(300);
   const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     const animation = reactNative.Animated.loop(
       reactNative.Animated.timing(shimmerAnim, { toValue: 1, duration: 1200, useNativeDriver: true })
     );
@@ -1042,17 +1081,17 @@ function Skeleton({
   const resolvedWidth = preset === "circle" ? s(diameter) : preset === "text" ? "60%" : width;
   const resolvedHeight = preset === "circle" ? s(diameter) : preset === "text" ? 14 : height;
   const resolvedRadius = preset === "circle" ? 9999 : preset === "text" ? 4 : borderRadius;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles8.base,
+        styles9.base,
         { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: colors.surface },
         style
       ],
       onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width)
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [reactNative.StyleSheet.absoluteFill, { transform: [{ translateX }] }] }, /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [reactNative.StyleSheet.absoluteFill, { transform: [{ translateX }] }] }, /* @__PURE__ */ React26__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1063,7 +1102,7 @@ function Skeleton({
     ))
   );
 }
-var styles8 = reactNative.StyleSheet.create({
+var styles9 = reactNative.StyleSheet.create({
   base: {
     overflow: "hidden"
   }
@@ -1086,12 +1125,22 @@ var statusSizeMap = {
   lg: 13,
   xl: 16
 };
-function Avatar({ src, fallback, size = "md", status, style }) {
+function getInitials(fallback, fallbackText) {
+  if (fallback) return fallback.slice(0, 2).toUpperCase();
+  if (fallbackText) {
+    const words = fallbackText.trim().split(/\s+/);
+    if (words.length === 1) return words[0].slice(0, 2).toUpperCase();
+    return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+  }
+  return "?";
+}
+function Avatar({ src, fallback, fallbackText, size = "md", status, style }) {
   const { colors } = useTheme();
-  const [imageError, setImageError] = React25.useState(false);
-  const dimension = sizeMap3[size];
+  const [imageError, setImageError] = React26.useState(false);
+  const dimension = typeof size === "number" ? size : sizeMap3[size];
+  const fontSize = typeof size === "number" ? size * 0.38 : fontSizeMap[size];
   const showFallback = !src || imageError;
-  const statusSize = statusSizeMap[size];
+  const statusSize = typeof size === "number" ? size * 0.25 : statusSizeMap[size];
   const statusColor = {
     online: "#22c55e",
     offline: "transparent",
@@ -1105,25 +1154,25 @@ function Avatar({ src, fallback, size = "md", status, style }) {
     backgroundColor: colors.surface,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles9.wrapper, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles9.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles10.wrapper, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles10.base, containerStyle] }, !showFallback ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Image,
     {
       source: { uri: src },
       style: { width: dimension, height: dimension },
       onError: () => setImageError(true)
     }
-  ) : /* @__PURE__ */ React25__default.default.createElement(
+  ) : /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles9.fallback, { color: colors.foregroundMuted, fontSize: fontSizeMap[size] }],
+      style: [styles10.fallback, { color: colors.foregroundMuted, fontSize }],
       allowFontScaling: true
     },
-    fallback?.slice(0, 2).toUpperCase() ?? "?"
-  )), status && /* @__PURE__ */ React25__default.default.createElement(
+    getInitials(fallback, fallbackText)
+  )), status && /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles9.statusDot,
+        styles10.statusDot,
         {
           width: statusSize,
           height: statusSize,
@@ -1136,7 +1185,7 @@ function Avatar({ src, fallback, size = "md", status, style }) {
     }
   ));
 }
-var styles9 = reactNative.StyleSheet.create({
+var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
     position: "relative"
@@ -1161,11 +1210,11 @@ function AlertBanner({ title, description, variant = "default", icon, iconName,
   const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.primary;
   const titleColor = variant === "default" ? colors.foreground : accentColor;
   const descColor = variant === "default" ? colors.foregroundMuted : accentColor;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 16, color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 17, color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: 17, color: accentColor }) : /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 16, color: accentColor });
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 16, color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 17, color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: 17, color: accentColor }) : /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 16, color: accentColor });
   const effectiveIcon = iconName ? renderIcon(iconName, 16, iconColor ?? accentColor) : icon ?? defaultIcon;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles10.container, { backgroundColor: bgColor, borderColor }, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles10.iconSlot }, effectiveIcon), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles10.content }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles10.title, { color: titleColor }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles10.description, { color: descColor }], allowFontScaling: true }, description) : null));
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles11.container, { backgroundColor: bgColor, borderColor }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles11.iconSlot }, effectiveIcon), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles11.content }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.title, { color: titleColor }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: descColor }], allowFontScaling: true }, description) : null));
 }
-var styles10 = reactNative.StyleSheet.create({
+var styles11 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "flex-start",
@@ -1197,9 +1246,9 @@ var styles10 = reactNative.StyleSheet.create({
 function Progress({ value = 0, max = 100, variant = "default", style }) {
   const { colors } = useTheme();
   const percent = Math.min(Math.max(value / max * 100, 0), 100);
-  const [trackWidth, setTrackWidth] = React25.useState(0);
-  const animatedWidth = React25.useRef(new reactNative.Animated.Value(0)).current;
-  React25.useEffect(() => {
+  const [trackWidth, setTrackWidth] = React26.useState(0);
+  const animatedWidth = React26.useRef(new reactNative.Animated.Value(0)).current;
+  React26.useEffect(() => {
     if (trackWidth === 0) return;
     reactNative.Animated.spring(animatedWidth, {
       toValue: percent / 100 * trackWidth,
@@ -1209,21 +1258,21 @@ function Progress({ value = 0, max = 100, variant = "default", style }) {
     }).start();
   }, [percent, trackWidth]);
   const indicatorColor = variant === "success" ? colors.success : variant === "warning" ? colors.warning : variant === "destructive" ? colors.destructive : colors.primary;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
-      style: [styles11.track, { backgroundColor: colors.surface }, style],
+      style: [styles12.track, { backgroundColor: colors.surface }, style],
       onLayout: (e) => setTrackWidth(e.nativeEvent.layout.width)
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Animated.View,
       {
-        style: [styles11.indicator, { width: animatedWidth, backgroundColor: indicatorColor }]
+        style: [styles12.indicator, { width: animatedWidth, backgroundColor: indicatorColor }]
       }
     )
   );
 }
-var styles11 = reactNative.StyleSheet.create({
+var styles12 = reactNative.StyleSheet.create({
   track: {
     height: vs(8),
     borderRadius: 9999,
@@ -1239,39 +1288,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.foregroundMuted) : icon;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles12.container,
-        isCompact && styles12.containerCompact,
+        styles13.container,
+        isCompact && styles13.containerCompact,
         { borderColor: colors.border },
         style
       ]
     },
-    effectiveIcon ? /* @__PURE__ */ React25__default.default.createElement(
+    effectiveIcon ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.View,
       {
         style: [
-          styles12.iconWrapper,
-          isCompact && styles12.iconWrapperCompact,
+          styles13.iconWrapper,
+          isCompact && styles13.iconWrapperCompact,
           { backgroundColor: colors.surface }
         ]
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles12.textWrapper }, /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles13.textWrapper }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles12.title, isCompact && styles12.titleCompact, { color: colors.foreground }],
+        style: [styles13.title, isCompact && styles13.titleCompact, { color: colors.foreground }],
         allowFontScaling: true
       },
       title
-    ), description && !isCompact ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles12.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
-    action && !isCompact ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles12.action }, action) : null
+    ), description && !isCompact ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles13.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null),
+    action && !isCompact ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles13.action }, action) : null
   );
 }
-var styles12 = reactNative.StyleSheet.create({
+var styles13 = reactNative.StyleSheet.create({
   container: {
     alignItems: "center",
     justifyContent: "center",
@@ -1326,6 +1375,9 @@ function Textarea({
   error,
   hint,
   rows = 4,
+  prefixIcon,
+  prefixIconNode,
+  prefixIconColor,
   containerStyle,
   style,
   onFocus,
@@ -1333,58 +1385,84 @@ function Textarea({
   ...props
 }) {
   const { colors } = useTheme();
-  const [focused, setFocused] = React25.useState(false);
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles13.container, containerStyle] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles13.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25__default.default.createElement(
-    reactNative.TextInput,
+  const [focused, setFocused] = React26.useState(false);
+  const resolvedPrefixIcon = prefixIcon ? renderIcon(prefixIcon, ms(16), prefixIconColor ?? colors.foregroundMuted) : prefixIconNode;
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles14.container, containerStyle] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles14.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
     {
-      multiline: true,
-      numberOfLines: rows,
-      textAlignVertical: "top",
       style: [
-        styles13.input,
+        styles14.inputWrapper,
         {
           borderColor: error ? colors.destructive : focused ? colors.ring ?? colors.primary : colors.border,
-          color: colors.foreground,
-          backgroundColor: colors.background,
-          minHeight: rows * vs(30)
+          backgroundColor: colors.background
+        }
+      ]
+    },
+    resolvedPrefixIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
+    /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.TextInput,
+      {
+        multiline: true,
+        numberOfLines: rows,
+        textAlignVertical: "top",
+        style: [
+          styles14.input,
+          {
+            color: colors.foreground,
+            minHeight: rows * vs(30)
+          },
+          webInputResetStyle2,
+          style
+        ],
+        onFocus: (e) => {
+          setFocused(true);
+          onFocus?.(e);
         },
-        webInputResetStyle2,
-        style
-      ],
-      onFocus: (e) => {
-        setFocused(true);
-        onFocus?.(e);
-      },
-      onBlur: (e) => {
-        setFocused(false);
-        onBlur?.(e);
-      },
-      placeholderTextColor: colors.foregroundMuted,
-      allowFontScaling: true,
-      ...props
-    }
-  ), error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles13.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles13.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
+        onBlur: (e) => {
+          setFocused(false);
+          onBlur?.(e);
+        },
+        placeholderTextColor: colors.foregroundMuted,
+        allowFontScaling: true,
+        ...props
+      }
+    )
+  ), error ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
-var styles13 = reactNative.StyleSheet.create({
+var styles14 = reactNative.StyleSheet.create({
   container: {
-    gap: vs(8)
+    gap: vs(4)
   },
   label: {
     fontFamily: "Poppins-Medium",
-    fontSize: ms(13)
+    fontSize: ms(13),
+    lineHeight: vs(18),
+    marginBottom: vs(2)
   },
-  input: {
-    fontFamily: "Poppins-Regular",
-    borderWidth: 2,
-    borderRadius: ms(8),
+  inputWrapper: {
+    borderWidth: 1,
+    borderRadius: 8,
     paddingHorizontal: s(14),
     paddingVertical: vs(11),
-    fontSize: ms(15),
-    includeFontPadding: false
+    gap: s(8)
+  },
+  prefixIcon: {
+    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    paddingTop: vs(2)
+  },
+  input: {
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(14),
+    lineHeight: vs(22),
+    padding: 0,
+    margin: 0
   },
   helperText: {
     fontFamily: "Poppins-Regular",
-    fontSize: ms(13)
+    fontSize: ms(12),
+    lineHeight: vs(16),
+    marginTop: vs(4)
   }
 });
 var nativeDriver4 = reactNative.Platform.OS !== "web";
@@ -1396,10 +1474,10 @@ function Checkbox({
   style
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
-  const bgOpacity = React25.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
-  const checkOpacity = React25.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
-  React25.useEffect(() => {
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
+  const bgOpacity = React26.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
+  const checkOpacity = React26.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
+  React26.useEffect(() => {
     reactNative.Animated.parallel([
       reactNative.Animated.timing(bgOpacity, {
         toValue: checked ? 1 : 0,
@@ -1428,10 +1506,10 @@ function Checkbox({
   const handlePressOut = () => {
     reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver4, speed: 40, bounciness: 0 }).start();
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles14.row, style],
+      style: [styles15.row, style],
       onPress: () => {
         selectionAsync();
         onCheckedChange?.(!checked);
@@ -1442,11 +1520,11 @@ function Checkbox({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Animated.View,
       {
         style: [
-          styles14.box,
+          styles15.box,
           {
             borderColor,
             backgroundColor,
@@ -1454,19 +1532,19 @@ function Checkbox({
           }
         ]
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { opacity: checkOpacity } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles14.checkmark, { borderColor: colors.primaryForeground }] }))
+      /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { opacity: checkOpacity } }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] }))
     )),
-    label ? /* @__PURE__ */ React25__default.default.createElement(
+    label ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles14.label, { color: disabled ? colors.foregroundMuted : colors.foreground }],
+        style: [styles15.label, { color: disabled ? colors.foregroundMuted : colors.foreground }],
         allowFontScaling: true
       },
       label
     ) : null
   );
 }
-var styles14 = reactNative.StyleSheet.create({
+var styles15 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -1502,11 +1580,11 @@ var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
 var ICON_SIZE = s(13);
 function Switch({ checked = false, onCheckedChange, disabled, style }) {
   const { colors } = useTheme();
-  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;
-  const checkOpacity = React25.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
-  const crossOpacity = React25.useRef(new reactNative.Animated.Value(checked ? 0 : 1)).current;
-  React25.useEffect(() => {
+  const translateX = React26.useRef(new reactNative.Animated.Value(checked ? THUMB_TRAVEL : 0)).current;
+  const trackOpacity = React26.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
+  const checkOpacity = React26.useRef(new reactNative.Animated.Value(checked ? 1 : 0)).current;
+  const crossOpacity = React26.useRef(new reactNative.Animated.Value(checked ? 0 : 1)).current;
+  React26.useEffect(() => {
     reactNative.Animated.parallel([
       reactNative.Animated.spring(translateX, {
         toValue: checked ? THUMB_TRAVEL : 0,
@@ -1534,7 +1612,7 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
     inputRange: [0, 1],
     outputRange: [colors.surface, colors.primary]
   });
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1 }, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1 }, style] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -1544,22 +1622,22 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
       disabled,
       activeOpacity: 0.8,
       touchSoundDisabled: true,
-      style: styles15.wrapper
+      style: styles16.wrapper
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles15.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles16.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Animated.View,
       {
         style: [
-          styles15.thumb,
+          styles16.thumb,
           { backgroundColor: colors.primaryForeground, transform: [{ translateX }] }
         ]
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles15.iconWrapper, { opacity: checkOpacity }] }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })),
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles15.iconWrapper, { opacity: crossOpacity }] }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted }))
+      /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles16.iconWrapper, { opacity: checkOpacity }] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })),
+      /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles16.iconWrapper, { opacity: crossOpacity }] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted }))
     ))
   ));
 }
-var styles15 = reactNative.StyleSheet.create({
+var styles16 = reactNative.StyleSheet.create({
   wrapper: {},
   track: {
     width: TRACK_WIDTH,
@@ -1611,9 +1689,9 @@ function Toggle({
   ...props
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
-  const pressAnim = React25.useRef(new reactNative.Animated.Value(pressed ? 1 : 0)).current;
-  React25.useEffect(() => {
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
+  const pressAnim = React26.useRef(new reactNative.Animated.Value(pressed ? 1 : 0)).current;
+  React26.useEffect(() => {
     reactNative.Animated.timing(pressAnim, {
       toValue: pressed ? 1 : 0,
       duration: 150,
@@ -1648,17 +1726,17 @@ function Toggle({
       return prop;
     };
     if (pressed) {
-      if (activeIconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? colors.primary));
+      if (activeIconName) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? colors.primary));
       const active = renderProp(activeIcon);
-      if (active) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, active);
-      return /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: colors.primary });
+      if (active) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, active);
+      return /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: iconSize, color: colors.primary });
     }
-    if (iconName) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? colors.foregroundMuted));
+    if (iconName) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? colors.foregroundMuted));
     const custom = renderProp(icon);
-    if (custom) return /* @__PURE__ */ React25__default.default.createElement(React25__default.default.Fragment, null, custom);
-    return /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: colors.foregroundMuted });
+    if (custom) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, custom);
+    return /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: iconSize, color: colors.foregroundMuted });
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles16.disabled, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles17.disabled, style] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -1672,20 +1750,20 @@ function Toggle({
       touchSoundDisabled: true,
       ...props
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Animated.View,
       {
         style: [
-          styles16.base,
+          styles17.base,
           sizeStyles[size],
           { borderColor, backgroundColor, borderWidth: 2 }
         ]
       },
-      /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles16.inner }, /* @__PURE__ */ React25__default.default.createElement(LeftIcon, null), label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.Text, { style: [styles16.label, { color: textColor }], allowFontScaling: true }, label) : null)
+      /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React26__default.default.createElement(LeftIcon, null), label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.Text, { style: [styles17.label, { color: textColor }], allowFontScaling: true }, label) : null)
     )
   ));
 }
-var styles16 = reactNative.StyleSheet.create({
+var styles17 = reactNative.StyleSheet.create({
   base: {
     borderRadius: ms(8)
   },
@@ -1710,7 +1788,7 @@ function RadioItem({
   onSelect
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (option.disabled) return;
     reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver7, speed: 40, bounciness: 0 }).start();
@@ -1718,10 +1796,10 @@ function RadioItem({
   const handlePressOut = () => {
     reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver7, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles17.row,
+      style: styles18.row,
       onPress: () => {
         if (!option.disabled) {
           selectionAsync();
@@ -1734,11 +1812,11 @@ function RadioItem({
       touchSoundDisabled: true,
       disabled: option.disabled
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Animated.View,
       {
         style: [
-          styles17.radio,
+          styles18.radio,
           {
             borderColor: selected ? colors.primary : colors.border,
             opacity: option.disabled ? 0.45 : 1,
@@ -1746,13 +1824,13 @@ function RadioItem({
           }
         ]
       },
-      selected ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles17.dot, { backgroundColor: colors.primary }] }) : null
+      selected ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles18.dot, { backgroundColor: colors.primary }] }) : null
     ),
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles17.label,
+          styles18.label,
           { color: option.disabled ? colors.foregroundMuted : colors.foreground }
         ],
         allowFontScaling: true
@@ -1768,7 +1846,7 @@ function RadioGroup({
   orientation = "vertical",
   style
 }) {
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles17.container, orientation === "horizontal" && styles17.horizontal, style] }, options.map((option) => /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles18.container, orientation === "horizontal" && styles18.horizontal, style] }, options.map((option) => /* @__PURE__ */ React26__default.default.createElement(
     RadioItem,
     {
       key: option.value,
@@ -1778,7 +1856,7 @@ function RadioGroup({
     }
   )));
 }
-var styles17 = reactNative.StyleSheet.create({
+var styles18 = reactNative.StyleSheet.create({
   container: {
     gap: vs(12)
   },
@@ -1819,7 +1897,7 @@ function TabTrigger({
   variant
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver8, speed: 40, bounciness: 0 }).start();
   };
@@ -1827,12 +1905,12 @@ function TabTrigger({
     reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver8, speed: 40, bounciness: 4 }).start();
   };
   const isUnderline = variant === "underline";
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
-        styles18.trigger,
-        isUnderline && styles18.triggerUnderline,
+        styles19.trigger,
+        isUnderline && styles19.triggerUnderline,
         isUnderline && isActive && { borderBottomColor: colors.primary }
       ],
       onPress,
@@ -1842,13 +1920,13 @@ function TabTrigger({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles18.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles19.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles18.triggerLabel,
+          styles19.triggerLabel,
           { color: isActive ? colors.foreground : colors.foregroundMuted },
-          isActive && (isUnderline ? styles18.activeTriggerLabelUnderline : styles18.activeTriggerLabel)
+          isActive && (isUnderline ? styles19.activeTriggerLabelUnderline : styles19.activeTriggerLabel)
         ],
         allowFontScaling: true
       },
@@ -1857,13 +1935,13 @@ function TabTrigger({
   );
 }
 function Tabs({ tabs, variant = "pill", value, onValueChange, children, style }) {
-  const [internal, setInternal] = React25.useState(tabs[0]?.value ?? "");
+  const [internal, setInternal] = React26.useState(tabs[0]?.value ?? "");
   const { colors } = useTheme();
   const active = value ?? internal;
-  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 tabLayouts = React26.useRef({});
+  const pillX = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const pillWidth = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const initialised = React26.useRef(false);
   const animatePill = (tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
@@ -1877,7 +1955,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
       pillWidth.setValue(layout.width);
     }
   };
-  React25.useEffect(() => {
+  React26.useEffect(() => {
     if (initialised.current) animatePill(active, true);
   }, [active]);
   const handlePress = (v) => {
@@ -1885,13 +1963,13 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [
-    variant === "pill" ? [styles18.list, { backgroundColor: colors.surface }] : styles18.listUnderline
-  ] }, variant === "pill" && /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [
+    variant === "pill" ? [styles19.list, { backgroundColor: colors.surface }] : styles19.listUnderline
+  ] }, variant === "pill" && /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Animated.View,
     {
       style: [
-        styles18.pill,
+        styles19.pill,
         {
           backgroundColor: colors.background,
           position: "absolute",
@@ -1908,7 +1986,7 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
         }
       ]
     }
-  ), tabs.map((tab) => /* @__PURE__ */ React25__default.default.createElement(
+  ), tabs.map((tab) => /* @__PURE__ */ React26__default.default.createElement(
     TabTrigger,
     {
       key: tab.value,
@@ -1929,9 +2007,9 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
 }
 function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style }, children);
 }
-var styles18 = reactNative.StyleSheet.create({
+var styles19 = reactNative.StyleSheet.create({
   list: {
     flexDirection: "row",
     borderRadius: 12,
@@ -1984,9 +2062,10 @@ function AccordionItemComponent({
   onToggle
 }) {
   const { colors } = useTheme();
+  const resolvedIcon = item.iconName ? renderIcon(item.iconName, ms(16), item.iconColor ?? colors.foregroundMuted) : item.icon;
   const isExpanded = Animated11.useSharedValue(isOpen);
   const height = Animated11.useSharedValue(0);
-  React25__default.default.useEffect(() => {
+  React26__default.default.useEffect(() => {
     isExpanded.value = isOpen;
   }, [isOpen]);
   const derivedHeight = Animated11.useDerivedValue(
@@ -2008,21 +2087,21 @@ function AccordionItemComponent({
   const rotationStyle = Animated11.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles19.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Pressable,
     {
-      style: ({ pressed }) => [styles19.trigger, { opacity: pressed ? 0.6 : 1 }],
+      style: ({ pressed }) => [styles20.trigger, { opacity: pressed ? 0.6 : 1 }],
       onPress: () => {
         selectionAsync();
         onToggle();
       }
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles19.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger),
-    /* @__PURE__ */ React25__default.default.createElement(Animated11__default.default.View, { style: [styles19.chevron, rotationStyle] }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
-  ), /* @__PURE__ */ React25__default.default.createElement(Animated11__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles20.triggerContent }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles20.icon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles20.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger)),
+    /* @__PURE__ */ React26__default.default.createElement(Animated11__default.default.View, { style: [styles20.chevron, rotationStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 18, color: colors.foregroundMuted }))
+  ), /* @__PURE__ */ React26__default.default.createElement(Animated11__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
-      style: styles19.content,
+      style: styles20.content,
       onLayout: (e) => {
         height.value = e.nativeEvent.layout.height;
       }
@@ -2031,7 +2110,7 @@ function AccordionItemComponent({
   )));
 }
 function Accordion({ items, type = "single", defaultValue, style }) {
-  const [openValues, setOpenValues] = React25.useState(() => {
+  const [openValues, setOpenValues] = React26.useState(() => {
     if (!defaultValue) return [];
     return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   });
@@ -2044,7 +2123,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles19.list, style] }, items.map((item) => /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles20.list, style] }, items.map((item) => /* @__PURE__ */ React26__default.default.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -2054,7 +2133,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
     }
   )));
 }
-var styles19 = reactNative.StyleSheet.create({
+var styles20 = reactNative.StyleSheet.create({
   list: {
     gap: s(6)
   },
@@ -2070,10 +2149,19 @@ var styles19 = reactNative.StyleSheet.create({
     paddingHorizontal: s(14),
     paddingVertical: vs(12)
   },
+  triggerContent: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(8),
+    flex: 1
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
   triggerText: {
     fontFamily: "Poppins-Medium",
-    fontSize: ms(14),
-    flex: 1
+    fontSize: ms(14)
   },
   chevron: {
     marginLeft: s(8)
@@ -2102,7 +2190,7 @@ function Slider({
   style
 }) {
   const { colors } = useTheme();
-  const lastSteppedValue = React25.useRef(value);
+  const lastSteppedValue = React26.useRef(value);
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
@@ -2110,7 +2198,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles20.wrapper, style], accessibilityLabel }, label || showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles20.header }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles20.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: disabled ? styles20.disabled : void 0 }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles21.wrapper, style], accessibilityLabel }, label || showValue ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles21.header }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles21.valueText, { color: colors.foregroundMuted }], allowFontScaling: true }, formatValue2(value)) : null) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: disabled ? styles21.disabled : void 0 }, /* @__PURE__ */ React26__default.default.createElement(
     RNSlider__default.default,
     {
       value,
@@ -2123,12 +2211,12 @@ function Slider({
       minimumTrackTintColor: colors.primary,
       maximumTrackTintColor: colors.surface,
       thumbTintColor: colors.primary,
-      style: styles20.slider,
+      style: styles21.slider,
       accessibilityLabel
     }
   )));
 }
-var styles20 = reactNative.StyleSheet.create({
+var styles21 = reactNative.StyleSheet.create({
   wrapper: {
     gap: vs(8)
   },
@@ -2159,11 +2247,15 @@ function Sheet({
   title,
   description,
   children,
-  style
+  style,
+  scrollable,
+  maxHeight,
+  keyboardBehavior,
+  keyboardOffset = 0
 }) {
   const { colors } = useTheme();
-  const ref = React25.useRef(null);
-  React25.useEffect(() => {
+  const ref = React26.useRef(null);
+  React26.useEffect(() => {
     if (open) {
       impactLight();
       ref.current?.present();
@@ -2171,7 +2263,7 @@ function Sheet({
       ref.current?.dismiss();
     }
   }, [open]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React25__default.default.createElement(
+  const renderBackdrop = (props) => /* @__PURE__ */ React26__default.default.createElement(
     bottomSheet.BottomSheetBackdrop,
     {
       ...props,
@@ -2180,21 +2272,28 @@ function Sheet({
       pressBehavior: "close"
     }
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
+  const headerNode = title || description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.header }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null;
+  const useScroll = scrollable || !!maxHeight;
+  const wrapKeyboard = (node) => {
+    if (!keyboardBehavior || keyboardBehavior === "none") return node;
+    const behavior = keyboardBehavior ?? reactNative.Platform.select({ ios: "padding", android: "height" });
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.KeyboardAvoidingView, { behavior, keyboardVerticalOffset: keyboardOffset }, node);
+  };
+  return /* @__PURE__ */ React26__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
       enableDynamicSizing: true,
       onDismiss: onClose,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles21.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles21.handle, { backgroundColor: colors.border }],
+      backgroundStyle: [styles22.background, { backgroundColor: colors.card }],
+      handleIndicatorStyle: [styles22.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles21.content, style] }, title || description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles21.header }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.title, { color: colors.foreground }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles21.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children)
+    /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: maxHeight ? { maxHeight } : void 0 }, wrapKeyboard(useScroll ? /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetScrollView, { contentContainerStyle: [styles22.content, style] }, headerNode, children) : /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, style] }, headerNode, children)))
   );
 }
-var styles21 = reactNative.StyleSheet.create({
+var styles22 = reactNative.StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
     borderTopRightRadius: ms(16)
@@ -2237,10 +2336,10 @@ function Select({
   style
 }) {
   const { colors } = useTheme();
-  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 scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
+  const [pickerVisible, setPickerVisible] = React26.useState(false);
+  const [pendingValue, setPendingValue] = React26.useState(value);
+  const pickerRef = React26.useRef(null);
   const selected = options.find((o) => o.value === value);
   const handlePressIn = () => {
     if (disabled) return;
@@ -2269,11 +2368,11 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.container, style] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.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(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles23.container, style] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
-        styles22.trigger,
+        styles23.trigger,
         {
           borderColor: error ? colors.destructive : colors.border,
           backgroundColor: colors.background
@@ -2285,11 +2384,11 @@ function Select({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
         style: [
-          styles22.triggerText,
+          styles23.triggerText,
           { color: selected ? colors.foreground : colors.foregroundMuted }
         ],
         numberOfLines: 1,
@@ -2297,8 +2396,8 @@ function Select({
       },
       selected?.label ?? placeholder
     ),
-    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-down", size: 20, color: colors.foregroundMuted })
-  )) : null, isIOS ? /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-down", size: 20, color: colors.foregroundMuted })
+  )) : null, isIOS ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Modal,
     {
       visible: pickerVisible,
@@ -2306,16 +2405,16 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { style: styles22.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles22.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.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: styles22.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { style: styles23.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles23.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles23.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, null), /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { onPress: handleConfirm, style: styles23.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React26__default.default.createElement(
       picker.Picker,
       {
         selectedValue: pendingValue ?? "",
         onValueChange: (val) => setPendingValue(val),
         itemStyle: { color: colors.foreground }
       },
-      !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
-      options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
+      !value ? /* @__PURE__ */ React26__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", color: colors.foregroundMuted, enabled: false }) : null,
+      options.map((o) => /* @__PURE__ */ React26__default.default.createElement(
         picker.Picker.Item,
         {
           key: o.value,
@@ -2326,7 +2425,7 @@ function Select({
         }
       ))
     ))
-  ) : null, isAndroid ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, isAndroid ? /* @__PURE__ */ React26__default.default.createElement(
     picker.Picker,
     {
       ref: pickerRef,
@@ -2340,10 +2439,10 @@ function Select({
       mode: "dialog",
       enabled: !disabled,
       prompt: label,
-      style: styles22.androidHiddenPicker
+      style: styles23.androidHiddenPicker
     },
-    !value ? /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
-    options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
+    !value ? /* @__PURE__ */ React26__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
+    options.map((o) => /* @__PURE__ */ React26__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -2352,7 +2451,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb2 ? /* @__PURE__ */ React25__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React26__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -2363,7 +2462,7 @@ function Select({
       },
       enabled: !disabled,
       style: [
-        styles22.webPicker,
+        styles23.webPicker,
         {
           borderColor: error ? colors.destructive : colors.border,
           color: selected ? colors.foreground : colors.foregroundMuted,
@@ -2372,8 +2471,8 @@ function Select({
         }
       ]
     },
-    /* @__PURE__ */ React25__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
-    options.map((o) => /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(picker.Picker.Item, { label: placeholder, value: "", enabled: false }),
+    options.map((o) => /* @__PURE__ */ React26__default.default.createElement(
       picker.Picker.Item,
       {
         key: o.value,
@@ -2382,9 +2481,9 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles22.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles23.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
 }
-var styles22 = reactNative.StyleSheet.create({
+var styles23 = reactNative.StyleSheet.create({
   container: {
     gap: vs(8)
   },
@@ -2454,14 +2553,14 @@ var styles22 = reactNative.StyleSheet.create({
     fontSize: ms(15)
   }
 });
-var ToastContext = React25.createContext({
+var ToastContext = React26.createContext({
   toast: () => {
   },
   dismiss: () => {
   }
 });
 function useToast() {
-  return React25.useContext(ToastContext);
+  return React26.useContext(ToastContext);
 }
 var SWIPE_THRESHOLD = 80;
 var VELOCITY_THRESHOLD = 800;
@@ -2470,7 +2569,7 @@ function ToastNotification({ item, onDismiss }) {
   const translateY = Animated11.useSharedValue(-80);
   const translateX = Animated11.useSharedValue(0);
   const opacity = Animated11.useSharedValue(0);
-  React25.useEffect(() => {
+  React26.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(() => {
@@ -2520,25 +2619,25 @@ function ToastNotification({ item, onDismiss }) {
   }[variant];
   const titleColor = variant === "default" ? colors.foreground : accentColor;
   const descColor = variant === "default" ? colors.foregroundMuted : accentColor;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 16, color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: "exclamation-circle", size: 16, color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: 17, color: accentColor }) : /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 16, color: accentColor });
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 16, color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: "exclamation-circle", size: 16, color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: 17, color: accentColor }) : /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 16, color: accentColor });
   const leftIcon = item.iconName ? renderIcon(item.iconName, 16, item.iconColor ?? accentColor) : item.icon ?? defaultIcon;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React25__default.default.createElement(Animated11__default.default.View, { style: [styles23.toast, { backgroundColor: bgColor, borderColor }, animatedStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles23.leftIconContainer }, leftIcon), /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles23.toastContent }, item.title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.toastTitle, { color: titleColor }], allowFontScaling: true }, item.title) : null, item.description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.toastDescription, { color: descColor }], allowFontScaling: true }, item.description) : null), item.action && /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React26__default.default.createElement(Animated11__default.default.View, { style: [styles24.toast, { backgroundColor: bgColor, borderColor }, animatedStyle] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles24.leftIconContainer }, leftIcon), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles24.toastContent }, item.title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles24.toastTitle, { color: titleColor }], allowFontScaling: true }, item.title) : null, item.description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles24.toastDescription, { color: descColor }], allowFontScaling: true }, item.description) : null), item.action && /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
         item.action.onPress();
         onDismiss();
       },
-      style: styles23.actionButton,
+      style: styles24.actionButton,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles23.actionLabel, { color: accentColor }], allowFontScaling: true }, item.action.label)
-  ), /* @__PURE__ */ React25__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles23.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React25__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 16, color: descColor }))));
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles24.actionLabel, { color: accentColor }], allowFontScaling: true }, item.action.label)
+  ), /* @__PURE__ */ React26__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles24.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 16, color: descColor }))));
 }
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = React25.useState([]);
+  const [toasts, setToasts] = React26.useState([]);
   const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
-  const toast = React25.useCallback((item) => {
+  const toast = React26.useCallback((item) => {
     const id = Math.random().toString(36).slice(2);
     if (item.variant === "success") {
       notificationSuccess();
@@ -2551,12 +2650,12 @@ function ToastProvider({ children }) {
     }
     setToasts((prev) => [{ ...item, id }, ...prev].slice(0, 3));
   }, []);
-  const dismiss = React25.useCallback((id) => {
+  const dismiss = React26.useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ React25__default.default.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles23.container, reactNative.Platform.OS === "web" && styles23.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) }))));
+  return /* @__PURE__ */ React26__default.default.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles24.container, reactNative.Platform.OS === "web" && styles24.containerWeb, { top: insets.top + 8 }], pointerEvents: "box-none" }, toasts.map((item) => /* @__PURE__ */ React26__default.default.createElement(ToastNotification, { key: item.id, item, onDismiss: () => dismiss(item.id) }))));
 }
-var styles23 = reactNative.StyleSheet.create({
+var styles24 = reactNative.StyleSheet.create({
   container: {
     position: "absolute",
     left: s(16),
@@ -2653,7 +2752,7 @@ function CurrencyInput({
   const inputStyle = size === "large" ? { fontFamily: "Poppins-Regular", fontSize: ms(36) } : { fontFamily: "Poppins-Regular" };
   const dollarIcon = renderIcon("dollar-sign", size === "large" ? 24 : 16, colors.foregroundMuted);
   const displayValue = value && prefix && value.startsWith(prefix) ? value.slice(prefix.length) : value;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     Input,
     {
       value: displayValue,
@@ -2671,6 +2770,12 @@ function CurrencyInput({
     }
   );
 }
+var variantFontSize = {
+  hero: ms(48),
+  large: ms(32),
+  medium: ms(18),
+  small: ms(14)
+};
 function formatValue(value, prefix, showDecimals) {
   const num = typeof value === "string" ? parseFloat(value.replace(/[^0-9.-]/g, "")) : value;
   if (isNaN(num)) return `${prefix}0`;
@@ -2683,16 +2788,27 @@ function formatValue(value, prefix, showDecimals) {
   }
   return `${sign}${prefix}${intPart}`;
 }
-function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor, style }) {
+function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor, variant, autoScale, maxFontSize, style }) {
   const { colors } = useTheme();
   const formatted = formatValue(value, prefix, showDecimals);
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles24.container, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles24.amount, { color: textColor ?? colors.foreground }], allowFontScaling: true }, formatted));
+  const baseFontSize = variant ? variantFontSize[variant] : ms(56);
+  const fontSize = maxFontSize ?? baseFontSize;
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles25.container, style] }, /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles25.amount, { color: textColor ?? colors.foreground, fontSize }],
+      allowFontScaling: true,
+      numberOfLines: autoScale ? 1 : void 0,
+      adjustsFontSizeToFit: autoScale,
+      minimumFontScale: autoScale ? 0.5 : void 0
+    },
+    formatted
+  ));
 }
-var styles24 = reactNative.StyleSheet.create({
+var styles25 = reactNative.StyleSheet.create({
   container: {},
   amount: {
     fontFamily: "Poppins-Bold",
-    fontSize: ms(56),
     letterSpacing: -2
   }
 });
@@ -2720,7 +2836,7 @@ function ListItem({
   captionStyle
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (!onPress || disabled) return;
     reactNative.Animated.spring(scale2, {
@@ -2755,10 +2871,10 @@ function ListItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles25.disabled] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles26.disabled] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles25.container, cardStyle, style],
+      style: [styles26.container, cardStyle, style],
       onPress: onPress ? handlePress : void 0,
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
@@ -2766,51 +2882,51 @@ function ListItem({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    effectiveLeft ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null,
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React25__default.default.createElement(
+    effectiveLeft ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.leftContainer }, effectiveLeft) : null,
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.content }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles25.title, { color: colors.foreground }, titleStyle],
+        style: [styles26.title, { color: colors.foreground }, titleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
       title
-    ), subtitle ? /* @__PURE__ */ React25__default.default.createElement(
+    ), subtitle ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles25.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
+        style: [styles26.subtitle, { color: colors.foregroundMuted }, subtitleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
       subtitle
-    ) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(
+    ) : null, caption ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles25.caption, { color: colors.foregroundMuted }, captionStyle],
+        style: [styles26.caption, { color: colors.foregroundMuted }, captionStyle],
         numberOfLines: 1,
         allowFontScaling: true
       },
       caption
     ) : null),
-    effectiveRight !== void 0 ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles25.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React25__default.default.createElement(
+    effectiveRight !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles25.rightText, { color: colors.foregroundMuted }],
+        style: [styles26.rightText, { color: colors.foregroundMuted }],
         allowFontScaling: true
       },
       effectiveRight
-    ) : effectiveRight) : showChevron ? /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null
-  ), showSeparator ? /* @__PURE__ */ React25__default.default.createElement(
+    ) : effectiveRight) : showChevron ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-with-circle-right", size: 20, color: colors.foregroundMuted }) : null
+  ), showSeparator ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles25.separator,
+        styles26.separator,
         { backgroundColor: colors.border, marginLeft: effectiveLeft ? s(16) + s(44) + s(12) : s(16) }
       ]
     }
   ) : null);
 }
-var styles25 = reactNative.StyleSheet.create({
+var styles26 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -2869,9 +2985,9 @@ var styles25 = reactNative.StyleSheet.create({
 var nativeDriver11 = reactNative.Platform.OS !== "web";
 function Chip({ label, selected = false, onPress, icon, iconName, style }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
-  const pressAnim = React25.useRef(new reactNative.Animated.Value(selected ? 1 : 0)).current;
-  React25.useEffect(() => {
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
+  const pressAnim = React26.useRef(new reactNative.Animated.Value(selected ? 1 : 0)).current;
+  React26.useEffect(() => {
     reactNative.Animated.timing(pressAnim, {
       toValue: selected ? 1 : 0,
       duration: 150,
@@ -2912,7 +3028,7 @@ function Chip({ label, selected = false, onPress, icon, iconName, style }) {
     outputRange: [colors.border, colors.primary]
   });
   const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles26.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles27.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -2921,7 +3037,7 @@ function Chip({ label, selected = false, onPress, icon, iconName, style }) {
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: [styles26.chip, { backgroundColor, borderColor }] }, resolvedIcon ? /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles26.chipIcon }, resolvedIcon) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.Text, { style: [styles26.label, { color: textColor }], allowFontScaling: true }, label))
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles27.chip, { backgroundColor, borderColor }] }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles27.chipIcon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.Text, { style: [styles27.label, { color: textColor }], allowFontScaling: true }, label))
   ));
 }
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
@@ -2946,17 +3062,19 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     }
     return optionValue === value;
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles26.group, style] }, options.map((opt) => /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles27.group, style] }, options.map((opt) => /* @__PURE__ */ React26__default.default.createElement(
     Chip,
     {
       key: opt.value,
       label: opt.label,
       selected: isSelected(opt.value),
-      onPress: () => handlePress(opt.value)
+      onPress: opt.disabled ? void 0 : () => handlePress(opt.value),
+      iconName: opt.iconName,
+      style: opt.disabled ? { opacity: 0.4 } : void 0
     }
   )));
 }
-var styles26 = reactNative.StyleSheet.create({
+var styles27 = reactNative.StyleSheet.create({
   wrapper: {},
   chip: {
     borderRadius: 999,
@@ -2994,8 +3112,8 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
-  const ref = React25.useRef(null);
-  React25.useEffect(() => {
+  const ref = React26.useRef(null);
+  React26.useEffect(() => {
     if (visible) {
       impactLight();
       ref.current?.present();
@@ -3003,7 +3121,7 @@ function ConfirmDialog({
       ref.current?.dismiss();
     }
   }, [visible]);
-  const renderBackdrop = (props) => /* @__PURE__ */ React25__default.default.createElement(
+  const renderBackdrop = (props) => /* @__PURE__ */ React26__default.default.createElement(
     bottomSheet.BottomSheetBackdrop,
     {
       ...props,
@@ -3012,34 +3130,25 @@ function ConfirmDialog({
       pressBehavior: "close"
     }
   );
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     bottomSheet.BottomSheetModal,
     {
       ref,
       enableDynamicSizing: true,
       onDismiss: onCancel,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles27.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles27.handle, { backgroundColor: colors.border }],
+      backgroundStyle: [styles28.background, { backgroundColor: colors.card }],
+      handleIndicatorStyle: [styles28.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(bottomSheet.BottomSheetView, { style: styles27.content }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles27.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles27.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles27.actions }, /* @__PURE__ */ React25__default.default.createElement(
-      Button,
-      {
-        label: cancelLabel,
-        variant: "secondary",
-        fullWidth: true,
-        onPress: onCancel,
-        icon: /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
-      }
-    ), /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: styles28.content }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles28.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles28.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles28.actions }, /* @__PURE__ */ React26__default.default.createElement(
       Button,
       {
         label: confirmLabel,
         variant: confirmVariant,
         fullWidth: true,
         onPress: onConfirm,
-        icon: /* @__PURE__ */ React25__default.default.createElement(
+        icon: /* @__PURE__ */ React26__default.default.createElement(
           vectorIcons.Feather,
           {
             name: confirmVariant === "destructive" ? "trash-2" : "check",
@@ -3048,10 +3157,19 @@ function ConfirmDialog({
           }
         )
       }
+    ), /* @__PURE__ */ React26__default.default.createElement(
+      Button,
+      {
+        label: cancelLabel,
+        variant: "secondary",
+        fullWidth: true,
+        onPress: onCancel,
+        icon: /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "x", size: 15, color: colors.foreground })
+      }
     )))
   );
 }
-var styles27 = reactNative.StyleSheet.create({
+var styles28 = reactNative.StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
     borderTopRightRadius: ms(16)
@@ -3081,17 +3199,27 @@ var styles27 = reactNative.StyleSheet.create({
     marginTop: vs(8)
   }
 });
-function LabelValue({ label, value, style }) {
+function LabelValue({ label, value, iconName, iconColor, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles28.container, style] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles28.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label), typeof value === "string" ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles28.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
+  const resolvedIcon = iconName ? renderIcon(iconName, ms(14), iconColor ?? colors.foregroundMuted) : null;
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles29.container, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles29.labelSide }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles29.icon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles29.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles29.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var styles28 = reactNative.StyleSheet.create({
+var styles29 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
     gap: s(12)
   },
+  labelSide: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(4)
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
   label: {
     fontFamily: "Poppins-Regular",
     fontSize: ms(13),
@@ -3104,22 +3232,19 @@ var styles28 = reactNative.StyleSheet.create({
     textAlign: "right"
   }
 });
-var MONTH_NAMES = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December"
-];
-function MonthPicker({ value, onChange, style }) {
+var MONTH_NAMES = {
+  en: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+  es: ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"],
+  pt: ["janeiro", "fevereiro", "mar\xE7o", "abril", "maio", "junho", "julho", "agosto", "setembro", "outubro", "novembro", "dezembro"],
+  fr: ["janvier", "f\xE9vrier", "mars", "avril", "mai", "juin", "juillet", "ao\xFBt", "septembre", "octobre", "novembre", "d\xE9cembre"]
+};
+function MonthPicker({ value, onChange, locale = "en", formatLabel, style }) {
   const { colors } = useTheme();
+  const getLabel = () => {
+    if (formatLabel) return formatLabel(value);
+    const names = MONTH_NAMES[locale] ?? MONTH_NAMES.en;
+    return `${names[value.month - 1]} ${value.year}`;
+  };
   const handlePrev = () => {
     selectionAsync();
     if (value.month === 1) {
@@ -3136,27 +3261,27 @@ function MonthPicker({ value, onChange, style }) {
       onChange({ month: value.month + 1, year: value.year });
     }
   };
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles29.container, style] }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles30.container, style] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles29.arrow,
+      style: styles30.arrow,
       onPress: handlePrev,
       activeOpacity: 0.6,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles29.label, { color: colors.foreground }], allowFontScaling: true }, MONTH_NAMES[value.month - 1], " ", value.year), /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-left", size: 22, color: colors.foreground })
+  ), /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles30.label, { color: colors.foreground }], allowFontScaling: true }, getLabel()), /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles29.arrow,
+      style: styles30.arrow,
       onPress: handleNext,
       activeOpacity: 0.6,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
+    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
-var styles29 = reactNative.StyleSheet.create({
+var styles30 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -3177,9 +3302,9 @@ var styles29 = reactNative.StyleSheet.create({
   }
 });
 function useHover() {
-  const [hovered, setHovered] = React25.useState(false);
-  const onMouseEnter = React25.useCallback(() => setHovered(true), []);
-  const onMouseLeave = React25.useCallback(() => setHovered(false), []);
+  const [hovered, setHovered] = React26.useState(false);
+  const onMouseEnter = React26.useCallback(() => setHovered(true), []);
+  const onMouseLeave = React26.useCallback(() => setHovered(false), []);
   if (reactNative.Platform.OS !== "web") {
     return { hovered: false, hoverHandlers: {} };
   }
@@ -3212,7 +3337,7 @@ function MediaCard({
   footer
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const { hovered, hoverHandlers } = useHover();
   const handlePressIn = () => {
     if (!onPress) return;
@@ -3229,27 +3354,27 @@ function MediaCard({
   };
   const ratio = aspectRatioMap[aspectRatio];
   const resolvedActionIcon = actionIconName ? renderIcon(actionIconName, 18, actionActive ? colors.primary : colors.background) : actionIcon ?? renderIcon("heart", 18, actionActive ? colors.primary : colors.background);
-  const cardContent = /* @__PURE__ */ React25__default.default.createElement(
+  const cardContent = /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles30.card,
-        hovered && styles30.cardHovered,
+        styles31.card,
+        hovered && styles31.cardHovered,
         style
       ],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles30.imageContainer, imageStyle] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles31.imageContainer, imageStyle] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: { paddingTop: `${ratio * 100}%` } }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: reactNative.StyleSheet.absoluteFill }, imageSource ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Image,
       {
         source: imageSource,
-        style: styles30.image,
+        style: styles31.image,
         resizeMode: "cover"
       }
-    ) : /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles30.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles30.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React25__default.default.createElement(
+    ) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles31.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles31.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
-        style: [styles30.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
+        style: [styles31.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
         onPress: () => {
           impactLight();
           onActionPress?.();
@@ -3259,10 +3384,10 @@ function MediaCard({
       },
       resolvedActionIcon
     )),
-    (title || subtitle || caption || footer) && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles30.meta }, title ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles30.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
+    (title || subtitle || caption || footer) && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles31.meta }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
   );
   if (onPress) {
-    return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -3276,7 +3401,7 @@ function MediaCard({
   }
   return cardContent;
 }
-var styles30 = reactNative.StyleSheet.create({
+var styles31 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
     // 14px — Airbnb property card spec
@@ -3341,7 +3466,7 @@ function CategoryChip({
   onPress
 }) {
   const { colors } = useTheme();
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver13, speed: 40, bounciness: 0 }).start();
   };
@@ -3352,11 +3477,11 @@ function CategoryChip({
   const textColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
   const borderColor = selected ? colors.primary : colors.border;
   const resolvedIcon = typeof item.icon === "string" ? renderIcon(item.icon, 16, textColor) : item.icon ?? null;
-  return /* @__PURE__ */ React25__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
-        styles31.chip,
+        styles32.chip,
         {
           backgroundColor: bgColor,
           borderColor
@@ -3368,9 +3493,9 @@ function CategoryChip({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    resolvedIcon && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: styles31.chipIcon }, resolvedIcon),
-    /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles31.chipLabel, { color: textColor }], allowFontScaling: true }, item.label),
-    item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { style: [styles31.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React25__default.default.createElement(reactNative.Text, { style: [styles31.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
+    resolvedIcon && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles32.chipIcon }, resolvedIcon),
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles32.chipLabel, { color: textColor }], allowFontScaling: true }, item.label),
+    item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles32.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles32.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99)))
   ));
 }
 function CategoryStrip({
@@ -3392,15 +3517,15 @@ function CategoryStrip({
       onValueChange?.(v === value ? "" : v);
     }
   };
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: [styles31.container, style],
-      style: styles31.scroll
+      contentContainerStyle: [styles32.container, style],
+      style: styles32.scroll
     },
-    categories.map((cat) => /* @__PURE__ */ React25__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React25__default.default.createElement(
+    categories.map((cat) => /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React26__default.default.createElement(
       CategoryChip,
       {
         item: cat,
@@ -3410,7 +3535,7 @@ function CategoryStrip({
     )))
   );
 }
-var styles31 = reactNative.StyleSheet.create({
+var styles32 = reactNative.StyleSheet.create({
   scroll: {
     flexGrow: 0
   },
@@ -3463,7 +3588,7 @@ function Pressable2({
   hoverScale = 1.02,
   ...touchableProps
 }) {
-  const scale2 = React25.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const { hovered, hoverHandlers } = useHover();
   const handlePressIn = () => {
     if (disabled) return;
@@ -3489,7 +3614,7 @@ function Pressable2({
     onPress();
   };
   const hoverScaleValue = hovered && hoverScale !== 1 ? hoverScale : 1;
-  return /* @__PURE__ */ React25__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Animated.View,
     {
       style: [
@@ -3498,7 +3623,7 @@ function Pressable2({
       ],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
-    /* @__PURE__ */ React25__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -3513,6 +3638,103 @@ function Pressable2({
     )
   );
 }
+var weightMap = {
+  normal: "Poppins-Regular",
+  medium: "Poppins-Medium",
+  semibold: "Poppins-SemiBold",
+  bold: "Poppins-Bold"
+};
+function DetailRow({
+  label,
+  value,
+  separator = "dotted",
+  labelWeight = "normal",
+  valueColor,
+  leftIcon,
+  leftIconName,
+  leftIconColor,
+  rightIconName,
+  rightIconColor,
+  style,
+  labelStyle,
+  valueStyle
+}) {
+  const { colors } = useTheme();
+  const resolvedLeftIcon = leftIconName ? renderIcon(leftIconName, ms(14), leftIconColor ?? colors.foregroundMuted) : leftIcon;
+  const resolvedRightIcon = rightIconName ? renderIcon(rightIconName, ms(14), rightIconColor ?? colors.foregroundMuted) : null;
+  const separatorStyle = separator === "none" ? null : {
+    flex: 1,
+    height: 1,
+    borderBottomWidth: 1,
+    borderStyle: separator,
+    borderColor: "rgba(128,128,128,0.3)",
+    marginHorizontal: s(4)
+  };
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles33.row, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles33.labelText, { color: colors.foregroundMuted, fontFamily: weightMap[labelWeight] }, labelStyle],
+      allowFontScaling: true
+    },
+    label
+  ) : label), separatorStyle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.spacer }), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.valueSide }, /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles33.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
+      allowFontScaling: true
+    },
+    value
+  ), resolvedRightIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.icon }, resolvedRightIcon) : null));
+}
+var styles33 = reactNative.StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(4)
+  },
+  labelSide: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(4),
+    flexShrink: 0
+  },
+  icon: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  spacer: {
+    flex: 1
+  },
+  labelText: {
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  },
+  valueSide: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(4),
+    flexShrink: 0
+  },
+  valueText: {
+    fontFamily: "Poppins-SemiBold",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
+  }
+});
+
+// src/utils/typography.ts
+function getResponsiveFontSize(text, maxSize, steps = [
+  { maxLen: 10, subtract: 0 },
+  { maxLen: 12, subtract: 4 },
+  { maxLen: 14, subtract: 6 }
+]) {
+  const len = text.length;
+  const sorted = [...steps].sort((a, b) => a.maxLen - b.maxLen);
+  for (const step of sorted) {
+    if (len <= step.maxLen) return maxSize - step.subtract;
+  }
+  return maxSize - 8;
+}
 
 Object.defineProperty(exports, "BottomSheetModalProvider", {
   enumerable: true,
@@ -3524,6 +3746,7 @@ exports.Avatar = Avatar;
 exports.BREAKPOINTS = BREAKPOINTS;
 exports.Badge = Badge;
 exports.Button = Button;
+exports.ButtonGroup = ButtonGroup;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -3538,6 +3761,7 @@ exports.ConfirmDialog = ConfirmDialog;
 exports.CurrencyDisplay = CurrencyDisplay;
 exports.CurrencyInput = CurrencyInput;
 exports.CurrencyInputLarge = CurrencyInput;
+exports.DetailRow = DetailRow;
 exports.EmptyState = EmptyState;
 exports.ICON_SIZES = ICON_SIZES;
 exports.Icon = Icon;
@@ -3571,6 +3795,7 @@ exports.Toggle = Toggle;
 exports.defaultDark = defaultDark;
 exports.defaultLight = defaultLight;
 exports.deriveColors = deriveColors;
+exports.getResponsiveFontSize = getResponsiveFontSize;
 exports.renderIcon = renderIcon;
 exports.useTheme = useTheme;
 exports.useToast = useToast;