@retray-dev/ui-kit 6.1.0 → 7.0.1

package/dist/index.js

@@ -2,6 +2,7 @@
 
 var React26 = require('react');
 var reactNative = require('react-native');
+var Animated9 = require('react-native-reanimated');
 var reactNativeSizeMatters = require('react-native-size-matters');
 var AntDesign = require('@expo/vector-icons/AntDesign');
 var Entypo = require('@expo/vector-icons/Entypo');
@@ -11,7 +12,6 @@ var MaterialIcons = require('@expo/vector-icons/MaterialIcons');
 var Ionicons = require('@expo/vector-icons/Ionicons');
 var vectorIcons = require('@expo/vector-icons');
 var expoLinearGradient = require('expo-linear-gradient');
-var Animated12 = require('react-native-reanimated');
 var RNSlider = require('@react-native-community/slider');
 var bottomSheet = require('@gorhom/bottom-sheet');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
@@ -21,13 +21,13 @@ var sonnerNative = require('sonner-native');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React26__default = /*#__PURE__*/_interopDefault(React26);
+var Animated9__default = /*#__PURE__*/_interopDefault(Animated9);
 var AntDesign__default = /*#__PURE__*/_interopDefault(AntDesign);
 var Entypo__default = /*#__PURE__*/_interopDefault(Entypo);
 var Feather__default = /*#__PURE__*/_interopDefault(Feather);
 var FontAwesome5__default = /*#__PURE__*/_interopDefault(FontAwesome5);
 var MaterialIcons__default = /*#__PURE__*/_interopDefault(MaterialIcons);
 var Ionicons__default = /*#__PURE__*/_interopDefault(Ionicons);
-var Animated12__default = /*#__PURE__*/_interopDefault(Animated12);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
 // src/theme/ThemeProvider.tsx
@@ -87,19 +87,21 @@ function darken(hex, amount) {
 // src/theme/colors.ts
 var defaultLight = {
   background: "#ffffff",
-  foreground: "#222222",
-  // Airbnb ink — deep near-black, never pure black
+  foreground: "#1a1a1a",
   card: "#ffffff",
   primary: "#1a1a1a",
-  // Near-black primary — clean, premium default
   primaryForeground: "#ffffff",
+  // AUDIT FIX: brand accent — was undefined; falls back to primary when omitted
+  accent: "#d4561d",
+  accentForeground: "#ffffff",
   border: "#dddddd",
-  // Airbnb hairline — light, airy
-  destructive: "#e53935",
+  // AUDIT FIX: was #e53935 (4.22:1 on white — fails AA); #c72828 = 5.59:1 ✓
+  destructive: "#c72828",
   destructiveForeground: "#ffffff",
   success: "#1a7a45",
   successForeground: "#ffffff",
-  warning: "#e67e00",
+  // AUDIT FIX: was #e67e00 (2.86:1 — severe fail); #9a5200 = 5.86:1 ✓ AAA-near
+  warning: "#9a5200",
   warningForeground: "#ffffff"
 };
 var defaultDark = {
@@ -108,19 +110,24 @@ var defaultDark = {
   card: "#1c1c1c",
   primary: "#fafafa",
   primaryForeground: "#0f0f0f",
+  // AUDIT FIX: lighter accent for dark surfaces (warm amber-orange)
+  accent: "#e87645",
+  accentForeground: "#ffffff",
   border: "#303030",
   destructive: "#ef5350",
   destructiveForeground: "#ffffff",
   success: "#2e7d52",
   successForeground: "#ffffff",
-  warning: "#f57c00",
-  warningForeground: "#ffffff"
+  // AUDIT FIX: brighter amber for dark-bg visibility; dark text for contrast
+  // #f5a623 on #0f0f0f = 8.6:1 ✓ as indicator; #0f0f0f text on #f5a623 = 8.6:1 ✓
+  warning: "#f5a623",
+  warningForeground: "#0f0f0f"
 };
 function deriveColors(t, scheme) {
   const dark = scheme === "dark";
   const bg = t.background;
-  const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.55);
-  const foregroundMuted = mixWithBackground(t.foreground, bg, 0.38);
+  const foregroundSubtle = mixWithBackground(t.foreground, bg, 0.7);
+  const foregroundMuted = mixWithBackground(t.foreground, bg, 0.62);
   const surface = dark ? lighten(bg, -0.06) : darken(bg, 0.04);
   const surfaceStrong = dark ? lighten(bg, -0.12) : darken(bg, 0.08);
   const destructiveTint = dark ? withAlphaOnDark(t.destructive, 0.15, bg) : withAlphaOnWhite(t.destructive, 0.08);
@@ -144,10 +151,9 @@ function deriveColors(t, scheme) {
     overlay: t.overlay ?? "rgba(0,0,0,0.45)",
     accentResolved: t.accent ?? t.primary,
     accentForegroundResolved: t.accentForeground ?? t.primaryForeground,
-    ring: t.primary,
-    // focus ring always = primary
-    input: t.border
-    // input border always = border
+    ring: t.accent ?? t.primary,
+    input: t.border,
+    separator: dark ? lighten(t.border, 0.22) : darken(t.border, 0.16)
   };
 }
 
@@ -203,20 +209,27 @@ var s = isWeb ? (n) => n : reactNativeSizeMatters.scale;
 var vs = isWeb ? (n) => n : reactNativeSizeMatters.verticalScale;
 var ms = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateScale;
 var mvs = isWeb ? (n, _factor) => n : reactNativeSizeMatters.moderateVerticalScale;
-var ICON_FAMILIES = [
-  { name: "Ionicons", component: Ionicons__default.default, glyphMap: Ionicons__default.default.glyphMap },
-  { name: "MaterialIcons", component: MaterialIcons__default.default, glyphMap: MaterialIcons__default.default.glyphMap },
-  { name: "FontAwesome5", component: FontAwesome5__default.default, glyphMap: FontAwesome5__default.default.glyphMap },
-  { name: "Entypo", component: Entypo__default.default, glyphMap: Entypo__default.default.glyphMap },
-  { name: "AntDesign", component: AntDesign__default.default, glyphMap: AntDesign__default.default.glyphMap },
-  { name: "Feather", component: Feather__default.default, glyphMap: Feather__default.default.glyphMap }
+var glyphMapOf = (mod) => mod.glyphMap ?? {};
+var ALL_FAMILIES = [
+  { name: "Ionicons", component: Ionicons__default.default, getGlyphMap: () => glyphMapOf(Ionicons__default.default) },
+  { name: "MaterialIcons", component: MaterialIcons__default.default, getGlyphMap: () => glyphMapOf(MaterialIcons__default.default) },
+  { name: "FontAwesome5", component: FontAwesome5__default.default, getGlyphMap: () => glyphMapOf(FontAwesome5__default.default) },
+  { name: "Entypo", component: Entypo__default.default, getGlyphMap: () => glyphMapOf(Entypo__default.default) },
+  { name: "AntDesign", component: AntDesign__default.default, getGlyphMap: () => glyphMapOf(AntDesign__default.default) },
+  { name: "Feather", component: Feather__default.default, getGlyphMap: () => glyphMapOf(Feather__default.default) }
 ];
+var activeFamilies = ALL_FAMILIES;
 var resolvedCache = null;
+function configureIconFamilies(families) {
+  const order = families.map((n) => ALL_FAMILIES.find((f) => f.name === n)).filter((f) => f !== void 0);
+  activeFamilies = order.length > 0 ? order : ALL_FAMILIES;
+  resolvedCache = null;
+}
 function buildCache() {
   const cache = /* @__PURE__ */ new Map();
-  for (const family of ICON_FAMILIES) {
-    if (!family.glyphMap) continue;
-    for (const iconName of Object.keys(family.glyphMap)) {
+  for (const family of activeFamilies) {
+    const glyphMap = family.getGlyphMap();
+    for (const iconName of Object.keys(glyphMap)) {
       cache.set(iconName, family);
     }
   }
@@ -231,7 +244,7 @@ function resolveFamily(name) {
 function Icon({ name, size, color, family }) {
   let resolved = null;
   if (family) {
-    resolved = ICON_FAMILIES.find((f) => f.name === family) ?? null;
+    resolved = ALL_FAMILIES.find((f) => f.name === family) ?? null;
   } else {
     resolved = resolveFamily(name);
   }
@@ -306,122 +319,213 @@ var BREAKPOINTS = {
 };
 var TYPOGRAPHY = {
   "display-hero": {
-    fontFamily: "Poppins-Bold",
+    fontFamily: "Sohne-Bold",
     fontSize: 64,
     fontWeight: "700",
     lineHeight: 70,
     letterSpacing: -1
   },
   "display-xl": {
-    fontFamily: "Poppins-Bold",
+    fontFamily: "Sohne-Bold",
     fontSize: 28,
     fontWeight: "700",
     lineHeight: 40,
     letterSpacing: 0
   },
+  // AUDIT FIX: was 22px/500 — raised to 24px/600; removes weight inversion vs display-md
   "display-lg": {
-    fontFamily: "Poppins-Medium",
-    fontSize: 22,
-    fontWeight: "500",
-    lineHeight: 26,
-    letterSpacing: -0.44
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 24,
+    fontWeight: "600",
+    lineHeight: 32,
+    letterSpacing: -0.3
   },
+  // AUDIT FIX: was 21px/700 — lowered to 20px/600; weight normalised, 4px gap preserved
   "display-md": {
-    fontFamily: "Poppins-Bold",
-    fontSize: 21,
-    fontWeight: "700",
-    lineHeight: 30,
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 20,
+    fontWeight: "600",
+    lineHeight: 28,
     letterSpacing: 0
   },
   "display-sm": {
-    fontFamily: "Poppins-SemiBold",
-    fontSize: 20,
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 18,
     fontWeight: "600",
     lineHeight: 24,
     letterSpacing: -0.18
   },
+  // AUDIT FIX: was 16px — raised to 17px so title-md > title-sm is size-visible
   "title-md": {
-    fontFamily: "Poppins-SemiBold",
-    fontSize: 16,
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 17,
     fontWeight: "600",
-    lineHeight: 20,
+    lineHeight: 22,
     letterSpacing: 0
   },
+  // AUDIT FIX: was 16px — lowered to 15px; now distinct from title-md
   "title-sm": {
-    fontFamily: "Poppins-Medium",
-    fontSize: 16,
+    fontFamily: "Sohne-Medium",
+    fontSize: 15,
     fontWeight: "500",
     lineHeight: 20,
     letterSpacing: 0
   },
   "body-md": {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: 16,
     fontWeight: "400",
     lineHeight: 24,
     letterSpacing: 0
   },
   "body-sm": {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: 14,
     fontWeight: "400",
     lineHeight: 20,
     letterSpacing: 0
   },
-  caption: {
-    fontFamily: "Poppins-Medium",
+  "caption": {
+    fontFamily: "Sohne-Medium",
     fontSize: 14,
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
   },
   "caption-sm": {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: 13,
     fontWeight: "400",
     lineHeight: 16,
     letterSpacing: 0
   },
   "badge-text": {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: 11,
     fontWeight: "600",
-    lineHeight: 13,
+    lineHeight: 14,
+    letterSpacing: 0
+  },
+  // AUDIT FIX: added badge-text-md so Badge md size has a canonical token
+  "badge-text-md": {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 13,
+    fontWeight: "600",
+    lineHeight: 16,
     letterSpacing: 0
   },
   "micro-label": {
-    fontFamily: "Poppins-Bold",
+    fontFamily: "Sohne-Bold",
     fontSize: 12,
     fontWeight: "700",
     lineHeight: 16,
     letterSpacing: 0
   },
+  // AUDIT FIX: was 10px/0.8 letterSpacing — raised to 11px/0.6; minimum mobile readability
   "uppercase-tag": {
-    fontFamily: "Poppins-Bold",
-    fontSize: 10,
+    fontFamily: "Sohne-Bold",
+    fontSize: 11,
     fontWeight: "700",
-    lineHeight: 13,
-    letterSpacing: 0.8,
+    lineHeight: 14,
+    letterSpacing: 0.6,
     textTransform: "uppercase"
   },
   "button-lg": {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: 16,
     fontWeight: "500",
     lineHeight: 22,
     letterSpacing: 0
   },
   "button-sm": {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: 14,
     fontWeight: "500",
     lineHeight: 18,
     letterSpacing: 0
   }
 };
+var SPRINGS = {
+  /** Tight, premium press feel — Buttons, Toggle, Tabs triggers. */
+  pressIn: { stiffness: 600, damping: 35, mass: 0.8 },
+  pressOut: { stiffness: 280, damping: 22, mass: 0.8 },
+  /** Slightly softer for larger surfaces — Card, ListItem, MenuItem. */
+  surfacePressIn: { stiffness: 380, damping: 30, mass: 0.95 },
+  surfacePressOut: { stiffness: 220, damping: 20, mass: 0.95 },
+  /** Settled transitions for moving indicators — Tabs pill, Switch thumb. */
+  glide: { stiffness: 380, damping: 38, mass: 1 },
+  /** Elastic indicator — Switch thumb, RadioGroup dot. */
+  elastic: { stiffness: 320, damping: 22, mass: 0.7 }
+};
+var TIMINGS = {
+  /** Color/opacity transitions on toggles, checkboxes, switches. */
+  state: { duration: 160 },
+  /** Focus ring on inputs. */
+  focusIn: { duration: 140 },
+  focusOut: { duration: 100 },
+  /** Accordion / collapsible content. */
+  expand: { duration: 240 },
+  collapse: { duration: 200 },
+  /** Skeleton shimmer cycle (full pass). */
+  shimmer: { duration: 1400 }
+};
+var EASINGS = {
+  /** Material-style ease-out — natural deceleration for state changes. */
+  standard: Animated9.Easing.bezier(0.2, 0, 0, 1),
+  /** Strong ease-out for expanding surfaces (Accordion open). */
+  expand: Animated9.Easing.bezier(0.23, 1, 0.32, 1),
+  /** Quick ease-in for collapsing. */
+  collapse: Animated9.Easing.in(Animated9.Easing.ease)
+};
+var PRESS_SCALE = {
+  button: 0.95,
+  card: 0.98,
+  row: 0.97,
+  chip: 0.94
+};
+function useHover() {
+  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: {} };
+  }
+  return { hovered, hoverHandlers: { onMouseEnter, onMouseLeave } };
+}
+
+// src/utils/usePressScale.ts
+function usePressScale({
+  pressScale = PRESS_SCALE.button,
+  hoverScale = 1.02,
+  pressInSpring = SPRINGS.pressIn,
+  pressOutSpring = SPRINGS.pressOut,
+  disabled = false
+} = {}) {
+  const scale2 = Animated9.useSharedValue(1);
+  const { hovered, hoverHandlers } = useHover();
+  const onPressIn = React26.useCallback(() => {
+    if (disabled) return;
+    scale2.value = Animated9.withSpring(pressScale, pressInSpring);
+  }, [disabled, pressScale, pressInSpring, scale2]);
+  const onPressOut = React26.useCallback(() => {
+    if (disabled) return;
+    scale2.value = Animated9.withSpring(1, pressOutSpring);
+  }, [disabled, pressOutSpring, scale2]);
+  const hoverActive = reactNative.Platform.OS === "web" && hovered && hoverScale !== 1 && !disabled;
+  const animatedStyle = Animated9.useAnimatedStyle(() => ({
+    transform: [
+      { scale: scale2.value * (hoverActive ? hoverScale : 1) }
+    ]
+  }));
+  return {
+    animatedStyle,
+    onPressIn,
+    onPressOut,
+    hoverHandlers
+  };
+}
 
 // src/components/Button/Button.tsx
-var nativeDriver = reactNative.Platform.OS !== "web";
 var containerSizeStyles = {
   sm: { paddingHorizontal: s(16), paddingVertical: vs(10), minHeight: 40 },
   md: { paddingHorizontal: s(24), paddingVertical: vs(14), minHeight: 48 },
@@ -433,7 +537,7 @@ var labelSizeStyles = {
   lg: { ...TYPOGRAPHY["button-lg"], fontSize: ms(TYPOGRAPHY["button-lg"].fontSize + 1), lineHeight: mvs(24) }
 };
 var iconSizeMap = { sm: 16, md: 18, lg: 20 };
-function Button({
+function ButtonBase({
   label,
   variant = "primary",
   size = "md",
@@ -446,18 +550,16 @@ function Button({
   disabled,
   style,
   onPress,
+  accessibilityLabel,
+  accessibilityHint,
   ...props
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    if (isDisabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver, stiffness: 600, damping: 35, mass: 0.8 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver, stiffness: 280, damping: 22, mass: 0.8 }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.button,
+    disabled: isDisabled
+  });
   const handlePress = (e) => {
     impactMedium();
     onPress?.(e);
@@ -471,57 +573,71 @@ function Button({
   const labelVariantStyle = {
     primary: { color: colors.primaryForeground },
     secondary: { color: colors.primary },
-    text: { color: colors.foreground },
+    // AUDIT FIX: was colors.foreground — visually indistinguishable from plain text,
+    // no affordance that it's a CTA. Now uses accentResolved so text-only buttons
+    // carry the brand voltage. Falls back to primary when no accent is defined.
+    text: { color: colors.accentResolved },
     destructive: { color: colors.destructiveForeground }
   }[variant];
   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;
+  const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" ? colors.primaryForeground : colors.accentResolved;
   const styleArray = Array.isArray(style) ? style : style ? [style] : [];
   const flatStyle = reactNative.StyleSheet.flatten(styleArray);
   const { flex, ...restStyle } = flatStyle || {};
-  return /* @__PURE__ */ 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,
+  return /* @__PURE__ */ React26__default.default.createElement(
+    Animated9__default.default.View,
     {
-      style: [
-        styles.base,
-        containerVariantStyle,
-        containerSizeStyles[size],
-        fullWidth && styles.fullWidth,
-        isDisabled && styles.disabled,
-        restStyle
-      ],
-      disabled: isDisabled,
-      activeOpacity: 1,
-      touchSoundDisabled: true,
-      onPress: handlePress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      ...props
+      style: [fullWidth && styles.fullWidth, flex !== void 0 && { flex }, animatedStyle],
+      ...hoverHandlers
     },
-    loading ? /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Text,
-      {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
-        allowFontScaling: true,
-        numberOfLines: 1
-      },
-      label
-    )) : /* @__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,
+    /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.TouchableOpacity,
       {
-        style: [styles.label, labelVariantStyle, labelSizeStyles[size], effectiveIcon ? styles.labelWithIcon : void 0],
-        allowFontScaling: true,
-        numberOfLines: 1
+        style: [
+          styles.base,
+          containerVariantStyle,
+          containerSizeStyles[size],
+          fullWidth && styles.fullWidth,
+          isDisabled && styles.disabled,
+          restStyle
+        ],
+        disabled: isDisabled,
+        activeOpacity: 1,
+        touchSoundDisabled: true,
+        onPress: handlePress,
+        onPressIn,
+        onPressOut,
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityHint,
+        accessibilityState: { disabled: isDisabled, busy: loading },
+        ...props
       },
-      label
-    ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon))
-  ));
+      loading ? /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, /* @__PURE__ */ React26__default.default.createElement(reactNative.ActivityIndicator, { size: "small", color: spinnerColor, style: { marginRight: s(6) } }), /* @__PURE__ */ React26__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles.label, labelVariantStyle, labelSizeStyles[size], styles.labelLoading],
+          allowFontScaling: true,
+          numberOfLines: 1
+        },
+        label
+      )) : /* @__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,
+          numberOfLines: 1
+        },
+        label
+      ), effectiveIcon && iconPosition === "right" && /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, effectiveIcon))
+    )
+  );
 }
+var Button = React26__default.default.memo(ButtonBase);
 var styles = reactNative.StyleSheet.create({
   base: {
     borderRadius: RADIUS.md,
-    // 14px — Airbnb-aligned rounded rect (not pill)
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row"
@@ -533,7 +649,7 @@ var styles = reactNative.StyleSheet.create({
     opacity: 0.45
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     flexShrink: 1
   },
   labelWithIcon: {
@@ -554,15 +670,17 @@ function ButtonGroup({ children, gap = 12, vertical = false, style }) {
         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
-    )
+    React26__default.default.Children.map(children, (child) => {
+      if (!React26__default.default.isValidElement(child)) return child;
+      const childProps = child.props;
+      const extraProps = {
+        style: [child.props.style, { flex: 1 }]
+      };
+      if (!vertical && "label" in childProps && childProps["size"] === void 0) {
+        extraProps["size"] = "sm";
+      }
+      return React26__default.default.cloneElement(child, extraProps);
+    })
   );
 }
 var styles2 = reactNative.StyleSheet.create({
@@ -576,13 +694,12 @@ var styles2 = reactNative.StyleSheet.create({
     flexDirection: "column"
   }
 });
-var nativeDriver2 = reactNative.Platform.OS !== "web";
 var sizeMap = {
   sm: { container: s(32), icon: 16 },
   md: { container: s(44), icon: 20 },
   lg: { container: s(52), icon: 24 }
 };
-function IconButton({
+function IconButtonBase({
   iconName,
   icon,
   iconColor,
@@ -593,18 +710,16 @@ function IconButton({
   disabled,
   style,
   onPress,
+  accessibilityLabel,
+  accessibilityHint,
   ...props
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  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();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver2, speed: 40, bounciness: 4 }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.button,
+    disabled: isDisabled
+  });
   const handlePress = (e) => {
     impactLight();
     onPress?.(e);
@@ -629,31 +744,44 @@ 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__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles3.wrapper, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React26__default.default.createElement(
+    Animated9__default.default.View,
     {
-      style: [
-        styles3.base,
-        containerVariantStyle,
-        { width: containerSize, height: containerSize },
-        isDisabled && styles3.disabled,
-        style
-      ],
-      disabled: isDisabled,
-      activeOpacity: 1,
-      touchSoundDisabled: true,
-      onPress: handlePress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      ...props
+      style: [styles3.wrapper, animatedStyle],
+      ...hoverHandlers
     },
-    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 ? styles3.badgeCount : styles3.badgeDot
-  ] }, showCount && /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount)));
+    /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.TouchableOpacity,
+      {
+        style: [
+          styles3.base,
+          containerVariantStyle,
+          { width: containerSize, height: containerSize },
+          isDisabled && styles3.disabled,
+          style
+        ],
+        disabled: isDisabled,
+        activeOpacity: 1,
+        touchSoundDisabled: true,
+        onPress: handlePress,
+        onPressIn,
+        onPressOut,
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel ?? iconName ?? "icon button",
+        accessibilityHint,
+        accessibilityState: { disabled: isDisabled, busy: loading },
+        ...props
+      },
+      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 ? styles3.badgeCount : styles3.badgeDot
+    ] }, showCount && /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles3.badgeText, { color: colors.primaryForeground }] }, badgeCount))
+  );
 }
+var IconButton = React26__default.default.memo(IconButtonBase);
 var styles3 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start"
@@ -685,7 +813,7 @@ var styles3 = reactNative.StyleSheet.create({
     paddingHorizontal: 3
   },
   badgeText: {
-    fontFamily: "Poppins-Bold",
+    fontFamily: "Sohne-Bold",
     fontSize: ms(9),
     lineHeight: 14
   }
@@ -727,7 +855,7 @@ var defaultColorVariant = {
   "button-lg": "foreground",
   "button-sm": "foreground"
 };
-function Text3({ variant = "body-md", color, style, children, ...props }) {
+function TextBase({ variant = "body-md", color, style, children, ...props }) {
   const { colors } = useTheme();
   const colorKey = defaultColorVariant[variant] ?? "foreground";
   const resolvedColor = color ?? colors[colorKey];
@@ -741,63 +869,90 @@ function Text3({ variant = "body-md", color, style, children, ...props }) {
     children
   );
 }
+var Text3 = React26__default.default.memo(TextBase);
+function useColorTransition(active, options = {}) {
+  const { duration = TIMINGS.state.duration } = options;
+  const progress = Animated9.useSharedValue(active ? 1 : 0);
+  React26.useEffect(() => {
+    progress.value = Animated9.withTiming(active ? 1 : 0, { duration, easing: EASINGS.standard });
+  }, [active, duration, progress]);
+  return progress;
+}
+
+// src/components/Input/Input.tsx
 var webInputResetStyle = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
-function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, editable, ...props }) {
+function Input({ label, error, hint, disabled, prefix, suffix, prefixStyle, suffixStyle, prefixIcon, suffixIcon, prefixIconColor, suffixIconColor, type = "text", containerStyle, inputWrapperStyle, style, onFocus, onBlur, secureTextEntry, editable, accessibilityLabel, ...props }) {
   const { colors } = useTheme();
   const [focused, setFocused] = React26.useState(false);
   const [showPassword, setShowPassword] = React26.useState(false);
-  const focusAnim = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const focusProgress = useColorTransition(focused, {
+    duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
+  });
   const isDisabled = disabled || editable === false;
   const isPassword = type === "password";
   const effectiveSecure = isPassword ? !showPassword : secureTextEntry;
   const effectivePrefix = prefixIcon ? renderIcon(prefixIcon, 20, prefixIconColor ?? colors.foregroundMuted) : prefix;
-  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ 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;
+  const effectiveSuffix = isPassword && !suffix && !suffixIcon ? /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      onPress: () => setShowPassword(!showPassword),
+      style: styles4.passwordToggle,
+      activeOpacity: 0.6,
+      accessibilityRole: "button",
+      accessibilityLabel: showPassword ? "Hide password" : "Show password"
+    },
+    /* @__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;
+  const borderAnimStyle = Animated9.useAnimatedStyle(() => ({
+    borderColor: error ? colors.destructive : Animated9.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
+    borderWidth: error ? 2 : Animated9.interpolate(focusProgress.value, [0, 1], [1, 2])
+  }));
   return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles4.container, isDisabled && styles4.containerDisabled, 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.Animated.View,
+    Animated9__default.default.View,
     {
       style: [
         styles4.inputWrapper,
-        {
-          borderColor: error ? colors.destructive : focusAnim.interpolate({
-            inputRange: [0, 1],
-            outputRange: [colors.border, colors.primary]
-          }),
-          backgroundColor: isDisabled ? colors.surface : colors.background
-        },
+        { backgroundColor: isDisabled ? colors.surface : colors.background },
         inputWrapperStyle
       ]
     },
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles4.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
     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: [
           styles4.input,
-          {
-            color: colors.foreground
-          },
+          { color: colors.foreground },
           webInputResetStyle,
           style
         ],
         onFocus: (e) => {
           setFocused(true);
-          reactNative.Animated.timing(focusAnim, { toValue: 1, duration: 120, easing: reactNative.Easing.out(reactNative.Easing.ease), useNativeDriver: false }).start();
           onFocus?.(e);
         },
         onBlur: (e) => {
           setFocused(false);
-          reactNative.Animated.timing(focusAnim, { toValue: 0, duration: 80, easing: reactNative.Easing.out(reactNative.Easing.ease), useNativeDriver: false }).start();
           onBlur?.(e);
         },
         placeholderTextColor: colors.foregroundMuted,
         allowFontScaling: true,
         secureTextEntry: effectiveSecure,
         editable: isDisabled ? false : editable,
+        accessibilityLabel: accessibilityLabel ?? label,
         ...props
       }
     ),
     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);
+  ), error ? /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles4.helperText, { color: colors.destructive }],
+      allowFontScaling: true,
+      accessibilityLiveRegion: "polite"
+    },
+    error
+  ) : null, !error && hint ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles4.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles4 = reactNative.StyleSheet.create({
   container: {
@@ -807,21 +962,25 @@ var styles4 = reactNative.StyleSheet.create({
     opacity: 0.6
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(14)
-    // caption size for input labels
   },
   inputWrapper: {
     flexDirection: "row",
     alignItems: "center",
-    borderWidth: 2,
+    // Border lives on borderOverlay (absolute) so its 1px→2px focus change
+    // never resizes this box. Wrapper itself carries no border.
     borderRadius: 8,
     paddingHorizontal: s(14),
     paddingVertical: vs(11),
     minHeight: 48
   },
+  borderOverlay: {
+    ...reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: 8
+  },
   input: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     flex: 1,
     fontSize: ms(16),
     paddingVertical: vs(2),
@@ -831,7 +990,7 @@ var styles4 = reactNative.StyleSheet.create({
     marginRight: s(8)
   },
   prefixText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(15),
     marginRight: s(8)
   },
@@ -839,15 +998,18 @@ var styles4 = reactNative.StyleSheet.create({
     marginLeft: s(8)
   },
   suffixText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(15),
     marginLeft: s(8)
   },
+  // AUDIT FIX: was padding: s(4) → ~28px tap target. Now 12px padding → ~44px.
+  // Negative margin compensates so the visual icon position is unchanged.
   passwordToggle: {
-    padding: s(4)
+    padding: s(12),
+    margin: -s(8)
   },
   helperText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(13)
   }
 });
@@ -867,7 +1029,7 @@ var sizeIconGap = {
   lg: s(6)
 };
 var sizeIconSize = { sm: 10, md: 12, lg: 14 };
-function Badge({ label, children, variant = "default", size = "md", icon, iconName, iconColor, style }) {
+function BadgeBase({ label, children, variant = "default", size = "md", icon, iconName, iconColor, style }) {
   const { colors } = useTheme();
   const containerStyle = {
     default: { backgroundColor: colors.primary },
@@ -895,6 +1057,7 @@ function Badge({ label, children, variant = "default", size = "md", icon, iconNa
   const content = children ?? label;
   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 Badge = React26__default.default.memo(BadgeBase);
 var styles5 = reactNative.StyleSheet.create({
   container: {
     borderRadius: 9999,
@@ -903,33 +1066,17 @@ var styles5 = reactNative.StyleSheet.create({
     alignItems: "center"
   },
   label: {
-    fontFamily: "Poppins-Medium"
+    fontFamily: "Sohne-Medium"
   }
 });
-var nativeDriver3 = reactNative.Platform.OS !== "web";
-function Card({ children, variant = "elevated", onPress, style }) {
+function Card({ children, variant = "elevated", onPress, style, accessibilityLabel }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    if (!onPress) return;
-    reactNative.Animated.spring(scale2, {
-      toValue: 0.98,
-      useNativeDriver: nativeDriver3,
-      stiffness: 400,
-      damping: 30,
-      mass: 1
-    }).start();
-  };
-  const handlePressOut = () => {
-    if (!onPress) return;
-    reactNative.Animated.spring(scale2, {
-      toValue: 1,
-      useNativeDriver: nativeDriver3,
-      stiffness: 250,
-      damping: 24,
-      mass: 1
-    }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.card,
+    pressInSpring: SPRINGS.surfacePressIn,
+    pressOutSpring: SPRINGS.surfacePressOut,
+    disabled: !onPress
+  });
   const handlePress = () => {
     if (!onPress) return;
     impactLight();
@@ -938,11 +1085,14 @@ function Card({ children, variant = "elevated", onPress, style }) {
   const variantStyle = {
     elevated: {
       backgroundColor: colors.card,
-      borderColor: colors.border,
+      // AUDIT FIX: removed borderColor — shadow is the depth signal; a border on
+      // top of a shadow creates redundant double-framing that reads as "heavy"
+      // rather than "elevated". borderWidth: 0 overrides the base style's borderWidth: 1.
+      borderWidth: 0,
       shadowColor: "#000",
-      shadowOffset: { width: 0, height: 6 },
-      shadowOpacity: 0.1,
-      shadowRadius: 16,
+      shadowOffset: { width: 0, height: 4 },
+      shadowOpacity: 0.09,
+      shadowRadius: 14,
       elevation: 4
     },
     outlined: {
@@ -960,14 +1110,16 @@ function Card({ children, variant = "elevated", onPress, style }) {
   }[variant];
   const cardContent = /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
+    return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: animatedStyle, ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
-        onPressIn: handlePressIn,
-        onPressOut: handlePressOut,
+        onPressIn,
+        onPressOut,
         activeOpacity: 1,
-        touchSoundDisabled: true
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel
       },
       cardContent
     ));
@@ -983,7 +1135,7 @@ function CardTitle({ children, style }) {
 }
 function CardDescription({ children, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundMuted }, style], allowFontScaling: true }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles6.description, { color: colors.foregroundSubtle }, style], allowFontScaling: true }, children);
 }
 function CardContent({ children, style }) {
   return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles6.content, style] }, children);
@@ -994,7 +1146,6 @@ function CardFooter({ children, style }) {
 var styles6 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
-    // 14px — Airbnb property card spec
     borderWidth: 1
   },
   header: {
@@ -1003,12 +1154,14 @@ var styles6 = reactNative.StyleSheet.create({
     gap: vs(4)
   },
   title: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(16),
     lineHeight: mvs(22)
   },
+  // AUDIT FIX: was foregroundMuted (2.2:1 fail) — description text now uses
+  // foregroundSubtle (5.9:1 ✓) which is readable while still visually secondary.
   description: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(13),
     lineHeight: mvs(18)
   },
@@ -1031,7 +1184,7 @@ function Separator({ orientation = "horizontal", style }) {
     {
       style: [
         orientation === "horizontal" ? styles7.horizontal : styles7.vertical,
-        { backgroundColor: colors.border },
+        { backgroundColor: colors.separator },
         style
       ]
     }
@@ -1040,13 +1193,11 @@ function Separator({ orientation = "horizontal", style }) {
 var styles7 = reactNative.StyleSheet.create({
   horizontal: {
     height: 1,
-    width: "100%",
-    opacity: 0.7
+    width: "100%"
   },
   vertical: {
     width: 1,
-    height: "100%",
-    opacity: 0.7
+    height: "100%"
   }
 });
 var sizeMap2 = {
@@ -1079,7 +1230,7 @@ var styles8 = reactNative.StyleSheet.create({
     gap: vs(6)
   },
   label: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     lineHeight: mvs(18)
   }
 });
@@ -1092,20 +1243,19 @@ function Skeleton({
   style
 }) {
   const { colors, colorScheme } = useTheme();
-  const shimmerAnim = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const shimmer = Animated9.useSharedValue(0);
   const [containerWidth, setContainerWidth] = React26.useState(300);
   const shimmerHighlight = colorScheme === "dark" ? "rgba(255,255,255,0.08)" : "rgba(255,255,255,0.7)";
   React26.useEffect(() => {
-    const animation = reactNative.Animated.loop(
-      reactNative.Animated.timing(shimmerAnim, { toValue: 1, duration: 1200, useNativeDriver: true })
+    shimmer.value = Animated9.withRepeat(
+      Animated9.withTiming(1, { duration: TIMINGS.shimmer.duration, easing: Animated9.Easing.linear }),
+      -1,
+      false
     );
-    animation.start();
-    return () => animation.stop();
-  }, [shimmerAnim]);
-  const translateX = shimmerAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-containerWidth, containerWidth]
-  });
+  }, [shimmer]);
+  const shimmerStyle = Animated9.useAnimatedStyle(() => ({
+    transform: [{ translateX: -containerWidth + shimmer.value * (containerWidth * 2) }]
+  }));
   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;
@@ -1117,9 +1267,12 @@ function Skeleton({
         { width: resolvedWidth, height: resolvedHeight, borderRadius: resolvedRadius, backgroundColor: colors.surface },
         style
       ],
-      onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width)
+      onLayout: (e) => setContainerWidth(e.nativeEvent.layout.width),
+      accessibilityRole: "progressbar",
+      accessibilityLabel: "Loading",
+      accessibilityState: { busy: true }
     },
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [reactNative.StyleSheet.absoluteFill, { transform: [{ translateX }] }] }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [reactNative.StyleSheet.absoluteFill, shimmerStyle] }, /* @__PURE__ */ React26__default.default.createElement(
       expoLinearGradient.LinearGradient,
       {
         colors: ["transparent", shimmerHighlight, "transparent"],
@@ -1162,7 +1315,7 @@ function getInitials(fallback, fallbackText) {
   }
   return "?";
 }
-function Avatar({ src, fallback, fallbackText, size = "md", status, style }) {
+function AvatarBase({ src, fallback, fallbackText, size = "md", status, style }) {
   const { colors } = useTheme();
   const [imageError, setImageError] = React26.useState(false);
   const dimension = typeof size === "number" ? size : sizeMap3[size];
@@ -1213,6 +1366,7 @@ function Avatar({ src, fallback, fallbackText, size = "md", status, style }) {
     }
   ));
 }
+var Avatar = React26__default.default.memo(AvatarBase);
 var styles10 = reactNative.StyleSheet.create({
   wrapper: {
     alignSelf: "flex-start",
@@ -1223,7 +1377,7 @@ var styles10 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   fallback: {
-    fontFamily: "Poppins-Medium"
+    fontFamily: "Sohne-Medium"
   },
   statusDot: {
     position: "absolute",
@@ -1232,11 +1386,30 @@ var styles10 = reactNative.StyleSheet.create({
   }
 });
 function AlertBanner({ title, description, variant = "default", icon, iconName, iconColor, style }) {
-  const { colors } = useTheme();
-  const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.primary;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor });
+  const { colors, colorScheme } = useTheme();
+  const isDark = colorScheme === "dark";
+  const accentColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : variant === "warning" ? colors.warning : colors.foreground;
+  const bgColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.15)" : "rgba(199, 40, 40, 0.10)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.15)" : "rgba(26, 122, 69, 0.10)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.15)" : "rgba(154, 82, 0, 0.10)" : colors.surface;
+  const borderColor = variant === "destructive" ? isDark ? "rgba(239, 83, 80, 0.30)" : "rgba(199, 40, 40, 0.25)" : variant === "success" ? isDark ? "rgba(46, 125, 82, 0.30)" : "rgba(26, 122, 69, 0.25)" : variant === "warning" ? isDark ? "rgba(245, 166, 35, 0.30)" : "rgba(154, 82, 0, 0.25)" : colors.border;
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: ms(16), color: accentColor }) : variant === "destructive" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: ms(17), color: accentColor }) : variant === "warning" ? /* @__PURE__ */ React26__default.default.createElement(vectorIcons.MaterialIcons, { name: "warning-amber", size: ms(17), color: accentColor }) : (
+    // AUDIT FIX: default variant previously used colors.primary (near-black)
+    // as the info icon tint — ambiguous and heavy. accentResolved gives it
+    // a meaningful chromatic signal when an accent is defined.
+    /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: ms(16), color: accentColor })
+  );
   const effectiveIcon = iconName ? renderIcon(iconName, ms(16), iconColor ?? accentColor) : icon ?? defaultIcon;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles11.container, { backgroundColor: colors.card }, 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: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null));
+  return /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles11.container,
+        { backgroundColor: bgColor, borderWidth: 1, 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: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles11.description, { color: colors.foreground, opacity: 0.85 }], allowFontScaling: true }, description) : null)
+  );
 }
 var styles11 = reactNative.StyleSheet.create({
   container: {
@@ -1244,8 +1417,8 @@ var styles11 = reactNative.StyleSheet.create({
     alignItems: "flex-start",
     borderRadius: RADIUS.lg,
     gap: s(8),
-    paddingVertical: vs(8),
-    paddingHorizontal: s(10)
+    paddingVertical: vs(10),
+    paddingHorizontal: s(12)
   },
   iconSlot: {
     marginTop: vs(1)
@@ -1255,41 +1428,40 @@ var styles11 = reactNative.StyleSheet.create({
     gap: vs(2)
   },
   title: {
-    fontFamily: "Poppins-Medium",
-    fontSize: ms(13),
-    lineHeight: ms(19)
+    fontFamily: "Sohne-Medium",
+    fontSize: ms(13)
   },
   description: {
-    fontFamily: "Poppins-Regular",
-    fontSize: ms(12),
-    lineHeight: ms(17)
+    fontFamily: "Sohne-Regular",
+    fontSize: ms(12)
   }
 });
-function Progress({ value = 0, max = 100, variant = "default", style }) {
+function Progress({ value = 0, max = 100, variant = "default", style, accessibilityLabel }) {
   const { colors } = useTheme();
   const percent = Math.min(Math.max(value / max * 100, 0), 100);
   const [trackWidth, setTrackWidth] = React26.useState(0);
-  const animatedWidth = React26.useRef(new reactNative.Animated.Value(0)).current;
+  const animatedWidth = Animated9.useSharedValue(0);
   React26.useEffect(() => {
     if (trackWidth === 0) return;
-    reactNative.Animated.spring(animatedWidth, {
-      toValue: percent / 100 * trackWidth,
-      useNativeDriver: false,
-      speed: 20,
-      bounciness: 0
-    }).start();
-  }, [percent, trackWidth]);
+    animatedWidth.value = Animated9.withSpring(percent / 100 * trackWidth, SPRINGS.glide);
+  }, [percent, trackWidth, animatedWidth]);
+  const indicatorAnimatedStyle = Animated9.useAnimatedStyle(() => ({
+    width: animatedWidth.value
+  }));
   const indicatorColor = variant === "success" ? colors.success : variant === "warning" ? colors.warning : variant === "destructive" ? colors.destructive : colors.primary;
   return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [styles12.track, { backgroundColor: colors.surface }, style],
-      onLayout: (e) => setTrackWidth(e.nativeEvent.layout.width)
+      onLayout: (e) => setTrackWidth(e.nativeEvent.layout.width),
+      accessibilityRole: "progressbar",
+      accessibilityLabel,
+      accessibilityValue: { min: 0, max: 100, now: Math.round(percent) }
     },
     /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Animated.View,
+      Animated9__default.default.View,
       {
-        style: [styles12.indicator, { width: animatedWidth, backgroundColor: indicatorColor }]
+        style: [styles12.indicator, { backgroundColor: indicatorColor }, indicatorAnimatedStyle]
       }
     )
   );
@@ -1373,7 +1545,7 @@ var styles13 = reactNative.StyleSheet.create({
     marginTop: vs(16)
   },
   title: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(18),
     textAlign: "center"
   },
@@ -1382,7 +1554,7 @@ var styles13 = reactNative.StyleSheet.create({
     marginTop: vs(10)
   },
   description: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20),
     textAlign: "center"
@@ -1406,22 +1578,28 @@ function Textarea({
   style,
   onFocus,
   onBlur,
+  accessibilityLabel,
   ...props
 }) {
   const { colors } = useTheme();
   const [focused, setFocused] = React26.useState(false);
+  const focusProgress = useColorTransition(focused, {
+    duration: focused ? TIMINGS.focusIn.duration : TIMINGS.focusOut.duration
+  });
   const resolvedPrefixIcon = prefixIcon ? renderIcon(prefixIcon, ms(16), prefixIconColor ?? colors.foregroundMuted) : prefixIconNode;
+  const borderAnimStyle = Animated9.useAnimatedStyle(() => ({
+    borderColor: error ? colors.destructive : Animated9.interpolateColor(focusProgress.value, [0, 1], [colors.border, colors.primary]),
+    borderWidth: error ? 2 : Animated9.interpolate(focusProgress.value, [0, 1], [1, 2])
+  }));
   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,
+    Animated9__default.default.View,
     {
       style: [
         styles14.inputWrapper,
-        {
-          borderColor: error ? colors.destructive : focused ? colors.ring ?? colors.primary : colors.border,
-          backgroundColor: colors.background
-        }
+        { backgroundColor: colors.background }
       ]
     },
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles14.borderOverlay, borderAnimStyle], pointerEvents: "none" }),
     resolvedPrefixIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles14.prefixIcon }, resolvedPrefixIcon) : null,
     /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TextInput,
@@ -1448,124 +1626,113 @@ function Textarea({
         },
         placeholderTextColor: colors.foregroundMuted,
         allowFontScaling: true,
+        accessibilityLabel: accessibilityLabel ?? label,
         ...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);
+  ), error ? /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles14.helperText, { color: colors.destructive }],
+      allowFontScaling: true,
+      accessibilityLiveRegion: "polite"
+    },
+    error
+  ) : null, !error && hint ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles14.helperText, { color: colors.foregroundMuted }], allowFontScaling: true }, hint) : null);
 }
 var styles14 = reactNative.StyleSheet.create({
   container: {
     gap: vs(4)
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(13),
     lineHeight: vs(18),
     marginBottom: vs(2)
   },
   inputWrapper: {
-    borderWidth: 1,
+    // Border lives on borderOverlay (absolute); wrapper carries none so the
+    // focus weight change never reflows content.
     borderRadius: 8,
     paddingHorizontal: s(14),
     paddingVertical: vs(11),
     gap: s(8)
   },
+  borderOverlay: {
+    ...reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: 8
+  },
   prefixIcon: {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     paddingTop: vs(2)
   },
   input: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(14),
     lineHeight: vs(22),
     padding: 0,
     margin: 0
   },
   helperText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(12),
     lineHeight: vs(16),
     marginTop: vs(4)
   }
 });
-var nativeDriver4 = reactNative.Platform.OS !== "web";
 function Checkbox({
   checked = false,
   onCheckedChange,
   label,
   disabled,
-  style
+  style,
+  accessibilityLabel
 }) {
   const { colors } = useTheme();
-  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,
-        duration: 150,
-        useNativeDriver: false
-      }),
-      reactNative.Animated.timing(checkOpacity, {
-        toValue: checked ? 1 : 0,
-        duration: 120,
-        useNativeDriver: false
-      })
-    ]).start();
-  }, [checked, bgOpacity, checkOpacity]);
-  const borderColor = bgOpacity.interpolate({
-    inputRange: [0, 1],
-    outputRange: [colors.border, colors.primary]
+  const { animatedStyle: scaleStyle, onPressIn, onPressOut } = usePressScale({
+    pressScale: PRESS_SCALE.button,
+    disabled
   });
-  const backgroundColor = bgOpacity.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["transparent", colors.primary]
-  });
-  const handlePressIn = () => {
-    if (disabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver4, speed: 40, bounciness: 0 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver4, speed: 40, bounciness: 0 }).start();
-  };
-  return /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
-    {
-      style: [styles15.row, style],
-      onPress: () => {
-        selectionAsync();
-        onCheckedChange?.(!checked);
-      },
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      disabled,
-      activeOpacity: 1,
-      touchSoundDisabled: true
-    },
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Animated.View,
-      {
-        style: [
-          styles15.box,
-          {
-            borderColor,
-            backgroundColor,
-            opacity: disabled ? 0.45 : 1
-          }
-        ]
-      },
-      /* @__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__ */ React26__default.default.createElement(
-      reactNative.Text,
+  const progress = useColorTransition(checked);
+  const boxStyle = Animated9.useAnimatedStyle(() => ({
+    borderColor: Animated9.interpolateColor(progress.value, [0, 1], [colors.border, colors.primary]),
+    backgroundColor: Animated9.interpolateColor(progress.value, [0, 1], ["transparent", colors.primary])
+  }));
+  const checkStyle = Animated9.useAnimatedStyle(() => ({
+    opacity: Animated9.withTiming(checked ? 1 : 0, { duration: TIMINGS.state.duration, easing: EASINGS.standard })
+  }));
+  return (
+    // AUDIT FIX: opacity was applied only to the box, leaving the label at full
+    // opacity when disabled — a contradictory visual signal. Now the entire row
+    // dims uniformly so label and control communicate the same disabled state.
+    /* @__PURE__ */ React26__default.default.createElement(
+      reactNative.TouchableOpacity,
       {
-        style: [styles15.label, { color: disabled ? colors.foregroundMuted : colors.foreground }],
-        allowFontScaling: true
+        style: [styles15.row, disabled && styles15.rowDisabled, style],
+        onPress: () => {
+          selectionAsync();
+          onCheckedChange?.(!checked);
+        },
+        onPressIn,
+        onPressOut,
+        disabled,
+        activeOpacity: 1,
+        touchSoundDisabled: true,
+        accessibilityRole: "checkbox",
+        accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityState: { checked, disabled: !!disabled }
       },
-      label
-    ) : null
+      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles15.box, boxStyle] }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: checkStyle }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles15.checkmark, { borderColor: colors.primaryForeground }] })))),
+      label ? /* @__PURE__ */ React26__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles15.label, { color: colors.foreground }],
+          allowFontScaling: true
+        },
+        label
+      ) : null
+    )
   );
 }
 var styles15 = reactNative.StyleSheet.create({
@@ -1574,6 +1741,10 @@ var styles15 = reactNative.StyleSheet.create({
     alignItems: "center",
     gap: s(12)
   },
+  // AUDIT FIX: was inline opacity on the box only
+  rowDisabled: {
+    opacity: 0.45
+  },
   box: {
     width: s(24),
     height: s(24),
@@ -1590,53 +1761,48 @@ var styles15 = reactNative.StyleSheet.create({
     transform: [{ rotate: "-45deg" }, { translateY: -1 }]
   },
   label: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
   }
 });
-var nativeDriver5 = reactNative.Platform.OS !== "web";
 var TRACK_WIDTH = s(52);
 var TRACK_HEIGHT = s(30);
 var THUMB_SIZE = s(24);
 var THUMB_OFFSET = s(3);
 var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
 var ICON_SIZE = s(13);
-function Switch({ checked = false, onCheckedChange, disabled, style }) {
+function Switch({ checked = false, onCheckedChange, disabled, style, accessibilityLabel }) {
   const { colors } = useTheme();
-  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;
+  const progress = Animated9.useSharedValue(checked ? 1 : 0);
   React26.useEffect(() => {
-    reactNative.Animated.parallel([
-      reactNative.Animated.spring(translateX, {
-        toValue: checked ? THUMB_TRAVEL : 0,
-        useNativeDriver: nativeDriver5,
-        bounciness: 4
-      }),
-      reactNative.Animated.timing(trackOpacity, {
-        toValue: checked ? 1 : 0,
-        duration: 150,
-        useNativeDriver: false
-      }),
-      reactNative.Animated.timing(checkOpacity, {
-        toValue: checked ? 1 : 0,
-        duration: 120,
-        useNativeDriver: true
-      }),
-      reactNative.Animated.timing(crossOpacity, {
-        toValue: checked ? 0 : 1,
-        duration: 120,
-        useNativeDriver: true
-      })
-    ]).start();
-  }, [checked, translateX, trackOpacity, checkOpacity, crossOpacity]);
-  const trackColor = trackOpacity.interpolate({
-    inputRange: [0, 1],
-    outputRange: [colors.surface, colors.primary]
-  });
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1 }, style] }, /* @__PURE__ */ React26__default.default.createElement(
+    progress.value = Animated9.withSpring(checked ? 1 : 0, SPRINGS.elastic);
+  }, [checked, progress]);
+  const thumbStyle = Animated9.useAnimatedStyle(() => ({
+    transform: [{ translateX: progress.value * THUMB_TRAVEL }]
+  }));
+  const trackStyle = Animated9.useAnimatedStyle(() => ({
+    backgroundColor: Animated9.interpolateColor(
+      progress.value,
+      [0, 1],
+      [colors.surfaceStrong, colors.primary]
+    )
+  }));
+  const trackBorderStyle = Animated9.useAnimatedStyle(() => ({
+    borderWidth: 1.5,
+    borderColor: Animated9.interpolateColor(
+      progress.value,
+      [0, 1],
+      [colors.border, "transparent"]
+    )
+  }));
+  const checkIconStyle = Animated9.useAnimatedStyle(() => ({
+    opacity: Animated9.withTiming(checked ? 1 : 0, { duration: TIMINGS.state.duration, easing: EASINGS.standard })
+  }));
+  const crossIconStyle = Animated9.useAnimatedStyle(() => ({
+    opacity: Animated9.withTiming(checked ? 0 : 1, { duration: TIMINGS.state.duration, easing: EASINGS.standard })
+  }));
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [{ opacity: disabled ? 0.45 : 1, alignSelf: "flex-start" }, style] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
@@ -1646,29 +1812,33 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
       disabled,
       activeOpacity: 0.8,
       touchSoundDisabled: true,
-      style: styles16.wrapper
+      accessibilityRole: "switch",
+      accessibilityLabel,
+      accessibilityState: { checked, disabled: !!disabled },
+      style: styles16.touchable
     },
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles16.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Animated.View,
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.track, trackStyle] }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.trackBorder, trackBorderStyle], pointerEvents: "none" }), /* @__PURE__ */ React26__default.default.createElement(
+      Animated9__default.default.View,
       {
-        style: [
-          styles16.thumb,
-          { backgroundColor: colors.primaryForeground, transform: [{ translateX }] }
-        ]
+        style: [styles16.thumb, { backgroundColor: colors.primaryForeground }, thumbStyle]
       },
-      /* @__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 }))
+      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.iconWrapper, checkIconStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "check", size: ICON_SIZE, color: colors.primary })),
+      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles16.iconWrapper, crossIconStyle] }, /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Feather, { name: "x", size: ICON_SIZE, color: colors.foregroundMuted }))
     ))
   ));
 }
 var styles16 = reactNative.StyleSheet.create({
-  wrapper: {},
+  touchable: {
+    alignSelf: "flex-start"
+  },
   track: {
     width: TRACK_WIDTH,
     height: TRACK_HEIGHT,
     borderRadius: TRACK_HEIGHT / 2
-    // No justifyContent/alignItems — thumb uses absolute positioning
-    // so the track's flex layout doesn't interfere with translateX animation
+  },
+  trackBorder: {
+    ...reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: TRACK_HEIGHT / 2
   },
   thumb: {
     position: "absolute",
@@ -1686,10 +1856,28 @@ var styles16 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   iconWrapper: {
-    position: "absolute"
+    position: "absolute",
+    alignItems: "center",
+    justifyContent: "center"
   }
 });
-var nativeDriver6 = reactNative.Platform.OS !== "web";
+function ToggleIcon({ pressed, iconName, activeIconName, icon, activeIcon, iconColor, activeIconColor, iconSize, primaryColor, mutedColor }) {
+  const renderProp = (prop) => {
+    if (!prop) return null;
+    if (typeof prop === "function") return prop(pressed);
+    return prop;
+  };
+  if (pressed) {
+    if (activeIconName) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(activeIconName, iconSize, activeIconColor ?? primaryColor));
+    const active = renderProp(activeIcon);
+    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: primaryColor });
+  }
+  if (iconName) return /* @__PURE__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? mutedColor));
+  const custom = renderProp(icon);
+  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: mutedColor });
+}
 var sizeStyles = {
   sm: { paddingHorizontal: s(12), paddingVertical: vs(8), minWidth: s(40), minHeight: vs(40) },
   md: { paddingHorizontal: s(16), paddingVertical: vs(12), minWidth: s(44), minHeight: vs(44) },
@@ -1710,82 +1898,75 @@ function Toggle({
   activeIconColor,
   disabled,
   style,
+  accessibilityLabel,
   ...props
 }) {
   const { colors } = useTheme();
-  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,
-      easing: reactNative.Easing.out(reactNative.Easing.ease),
-      useNativeDriver: false
-    }).start();
-  }, [pressed, pressAnim]);
-  const handlePressIn = () => {
-    if (disabled) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, stiffness: 600, damping: 35, mass: 0.8 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, stiffness: 280, damping: 22, mass: 0.8 }).start();
-  };
-  const borderColor = pressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [variant === "outline" ? colors.border : "transparent", colors.primary]
-  });
-  const backgroundColor = pressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: ["transparent", colors.surfaceStrong]
-  });
-  const textColor = pressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [colors.foreground, colors.primary]
+  const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.button,
+    disabled
   });
+  const progress = useColorTransition(pressed);
+  const inactiveBorder = variant === "outline" ? colors.border : "transparent";
+  const surfaceStyle = Animated9.useAnimatedStyle(() => ({
+    borderColor: Animated9.interpolateColor(progress.value, [0, 1], [inactiveBorder, colors.primary]),
+    backgroundColor: Animated9.interpolateColor(progress.value, [0, 1], ["transparent", colors.surfaceStrong])
+  }));
+  const textStyle = Animated9.useAnimatedStyle(() => ({
+    color: Animated9.interpolateColor(progress.value, [0, 1], [colors.foreground, colors.primary])
+  }));
   const iconSize = iconSizeMap2[size];
-  const LeftIcon = () => {
-    const renderProp = (prop) => {
-      if (!prop) return null;
-      if (typeof prop === "function") return prop(pressed);
-      return prop;
-    };
-    if (pressed) {
-      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__ */ 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__ */ React26__default.default.createElement(React26__default.default.Fragment, null, renderIcon(iconName, iconSize, iconColor ?? colors.foregroundMuted));
-    const custom = renderProp(icon);
-    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__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles17.disabled, style] }, /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React26__default.default.createElement(
+    Animated9__default.default.View,
     {
-      onPress: () => {
-        selectionAsync();
-        onPressedChange?.(!pressed);
-      },
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      disabled,
-      activeOpacity: 1,
-      touchSoundDisabled: true,
-      ...props
+      style: [scaleStyle, disabled && styles17.disabled, style],
+      ...hoverHandlers
     },
     /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Animated.View,
+      reactNative.TouchableOpacity,
       {
-        style: [
-          styles17.base,
-          sizeStyles[size],
-          { borderColor, backgroundColor, borderWidth: 2 }
-        ]
+        onPress: () => {
+          selectionAsync();
+          onPressedChange?.(!pressed);
+        },
+        onPressIn,
+        onPressOut,
+        disabled,
+        activeOpacity: 1,
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityState: { selected: pressed, disabled: !!disabled },
+        ...props
       },
-      /* @__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)
+      /* @__PURE__ */ React26__default.default.createElement(
+        Animated9__default.default.View,
+        {
+          style: [
+            styles17.base,
+            sizeStyles[size],
+            { borderWidth: 2 },
+            surfaceStyle
+          ]
+        },
+        /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles17.inner }, /* @__PURE__ */ React26__default.default.createElement(
+          ToggleIcon,
+          {
+            pressed,
+            iconName,
+            activeIconName,
+            icon,
+            activeIcon,
+            iconColor,
+            activeIconColor,
+            iconSize,
+            primaryColor: colors.primary,
+            mutedColor: colors.foregroundMuted
+          }
+        ), label ? /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.Text, { style: [styles17.label, textStyle], allowFontScaling: true }, label) : null)
+      )
     )
-  ));
+  );
 }
 var styles17 = reactNative.StyleSheet.create({
   base: {
@@ -1801,65 +1982,64 @@ var styles17 = reactNative.StyleSheet.create({
     opacity: 0.45
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(14)
   }
 });
-var nativeDriver7 = reactNative.Platform.OS !== "web";
 function RadioItem({
   option,
   selected,
   onSelect
 }) {
   const { colors } = useTheme();
-  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();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver7, speed: 40, bounciness: 4 }).start();
-  };
-  return /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.TouchableOpacity,
-    {
-      style: styles18.row,
-      onPress: () => {
-        if (!option.disabled) {
-          selectionAsync();
-          onSelect();
-        }
-      },
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      activeOpacity: 1,
-      touchSoundDisabled: true,
-      disabled: option.disabled
-    },
+  const { animatedStyle: scaleStyle, onPressIn, onPressOut } = usePressScale({
+    pressScale: PRESS_SCALE.button,
+    disabled: option.disabled
+  });
+  const colorProgress = useColorTransition(selected);
+  const dotScale = Animated9.useSharedValue(selected ? 1 : 0);
+  React26.useEffect(() => {
+    dotScale.value = Animated9.withSpring(selected ? 1 : 0, SPRINGS.elastic);
+  }, [selected, dotScale]);
+  const radioStyle = Animated9.useAnimatedStyle(() => ({
+    borderColor: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.border, colors.primary])
+  }));
+  const dotStyle = Animated9.useAnimatedStyle(() => ({
+    transform: [{ scale: dotScale.value }],
+    opacity: dotScale.value
+  }));
+  return (
+    // AUDIT FIX: opacity was applied only to the radio circle, leaving the label
+    // at full opacity when disabled. The whole row now dims uniformly so users
+    // get a single, consistent disabled signal across the entire item.
     /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Animated.View,
+      reactNative.TouchableOpacity,
       {
-        style: [
-          styles18.radio,
-          {
-            borderColor: selected ? colors.primary : colors.border,
-            opacity: option.disabled ? 0.45 : 1,
-            transform: [{ scale: scale2 }]
+        style: [styles18.row, option.disabled && styles18.rowDisabled],
+        onPress: () => {
+          if (!option.disabled) {
+            selectionAsync();
+            onSelect();
           }
-        ]
-      },
-      selected ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles18.dot, { backgroundColor: colors.primary }] }) : null
-    ),
-    /* @__PURE__ */ React26__default.default.createElement(
-      reactNative.Text,
-      {
-        style: [
-          styles18.label,
-          { color: option.disabled ? colors.foregroundMuted : colors.foreground }
-        ],
-        allowFontScaling: true
+        },
+        onPressIn,
+        onPressOut,
+        activeOpacity: 1,
+        touchSoundDisabled: true,
+        disabled: option.disabled,
+        accessibilityRole: "radio",
+        accessibilityLabel: option.label,
+        accessibilityState: { checked: selected, disabled: !!option.disabled }
       },
-      option.label
+      /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: scaleStyle }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles18.radio, radioStyle] }, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles18.dot, { backgroundColor: colors.primary }, dotStyle] }))),
+      /* @__PURE__ */ React26__default.default.createElement(
+        reactNative.Text,
+        {
+          style: [styles18.label, { color: colors.foreground }],
+          allowFontScaling: true
+        },
+        option.label
+      )
     )
   );
 }
@@ -1868,17 +2048,26 @@ function RadioGroup({
   value,
   onValueChange,
   orientation = "vertical",
-  style
+  style,
+  accessibilityLabel
 }) {
-  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,
+  return /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
     {
-      key: option.value,
-      option,
-      selected: option.value === value,
-      onSelect: () => onValueChange?.(option.value)
-    }
-  )));
+      style: [styles18.container, orientation === "horizontal" && styles18.horizontal, style],
+      accessibilityRole: "radiogroup",
+      accessibilityLabel
+    },
+    options.map((option) => /* @__PURE__ */ React26__default.default.createElement(
+      RadioItem,
+      {
+        key: option.value,
+        option,
+        selected: option.value === value,
+        onSelect: () => onValueChange?.(option.value)
+      }
+    ))
+  );
 }
 var styles18 = reactNative.StyleSheet.create({
   container: {
@@ -1893,6 +2082,10 @@ var styles18 = reactNative.StyleSheet.create({
     alignItems: "center",
     gap: s(12)
   },
+  // AUDIT FIX: was opacity on the inner circle only
+  rowDisabled: {
+    opacity: 0.45
+  },
   radio: {
     width: s(24),
     height: s(24),
@@ -1907,12 +2100,11 @@ var styles18 = reactNative.StyleSheet.create({
     borderRadius: s(5)
   },
   label: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
   }
 });
-var nativeDriver8 = reactNative.Platform.OS !== "web";
 function TabTrigger({
   tab,
   isActive,
@@ -1921,13 +2113,9 @@ function TabTrigger({
   variant
 }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver8, stiffness: 600, damping: 35, mass: 0.8 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver8, stiffness: 280, damping: 22, mass: 0.8 }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
+    pressScale: PRESS_SCALE.button
+  });
   const isUnderline = variant === "underline";
   return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
@@ -1938,19 +2126,25 @@ function TabTrigger({
         isUnderline && isActive && { borderBottomColor: colors.primary }
       ],
       onPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
+      onPressIn,
+      onPressOut,
       onLayout,
       activeOpacity: 1,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "tab",
+      accessibilityState: { selected: isActive },
+      accessibilityLabel: tab.label
     },
-    /* @__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(
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: animatedStyle }, /* @__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: [
           styles19.triggerLabel,
-          { color: isActive ? colors.foreground : colors.foregroundMuted },
-          isActive && (isUnderline ? styles19.activeTriggerLabelUnderline : styles19.activeTriggerLabel)
+          // AUDIT FIX: active state now only changes color, never font metrics.
+          // Previously: inactive=Regular, active=Medium (pill) or SemiBold+fontSize14 (underline)
+          // The weight/size change caused measurable layout reflow every tab switch.
+          // Solution: all labels render at SemiBold always; active = foreground, inactive = foregroundMuted.
+          { color: isActive ? colors.foreground : colors.foregroundMuted }
         ],
         allowFontScaling: true
       },
@@ -1963,75 +2157,85 @@ function Tabs({ tabs, variant = "pill", value, onValueChange, children, style })
   const { colors } = useTheme();
   const active = value ?? internal;
   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 pillX = Animated9.useSharedValue(0);
+  const pillWidth = Animated9.useSharedValue(0);
   const initialised = React26.useRef(false);
-  const animatePill = (tabValue, animate) => {
+  const animatePill = React26.useCallback((tabValue, animate) => {
     const layout = tabLayouts.current[tabValue];
     if (!layout) return;
     if (animate) {
-      reactNative.Animated.parallel([
-        reactNative.Animated.spring(pillX, { toValue: layout.x, useNativeDriver: false, stiffness: 380, damping: 38, mass: 1 }),
-        reactNative.Animated.spring(pillWidth, { toValue: layout.width, useNativeDriver: false, stiffness: 380, damping: 38, mass: 1 })
-      ]).start();
+      pillX.value = Animated9.withSpring(layout.x, SPRINGS.glide);
+      pillWidth.value = Animated9.withSpring(layout.width, SPRINGS.glide);
     } else {
-      pillX.setValue(layout.x);
-      pillWidth.setValue(layout.width);
+      pillX.value = layout.x;
+      pillWidth.value = layout.width;
     }
-  };
+  }, [pillX, pillWidth]);
   React26.useEffect(() => {
     if (initialised.current) animatePill(active, true);
-  }, [active]);
+  }, [active, animatePill]);
   const handlePress = (v) => {
     selectionAsync();
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
-  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,
+  const pillAnimatedStyle = Animated9.useAnimatedStyle(() => ({
+    transform: [{ translateX: pillX.value }],
+    width: pillWidth.value
+  }));
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style }, /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
     {
       style: [
-        styles19.pill,
-        {
-          backgroundColor: colors.background,
-          position: "absolute",
-          top: 4,
-          bottom: 4,
-          left: pillX,
-          width: pillWidth,
-          borderRadius: 8,
-          shadowColor: "#000",
-          shadowOffset: { width: 0, height: 1 },
-          shadowOpacity: 0.08,
-          shadowRadius: 2,
-          elevation: 2
-        }
-      ]
-    }
-  ), tabs.map((tab) => /* @__PURE__ */ React26__default.default.createElement(
-    TabTrigger,
-    {
-      key: tab.value,
-      tab,
-      isActive: tab.value === active,
-      onPress: () => handlePress(tab.value),
-      variant,
-      onLayout: (e) => {
-        const { x, width } = e.nativeEvent.layout;
-        tabLayouts.current[tab.value] = { x, width };
-        if (tab.value === active) {
-          animatePill(tab.value, false);
-          initialised.current = true;
+        variant === "pill" ? [styles19.list, { backgroundColor: colors.surface }] : styles19.listUnderline
+      ],
+      accessibilityRole: "tablist"
+    },
+    variant === "pill" && /* @__PURE__ */ React26__default.default.createElement(
+      Animated9__default.default.View,
+      {
+        style: [
+          styles19.pill,
+          {
+            backgroundColor: colors.background,
+            position: "absolute",
+            top: 4,
+            bottom: 4,
+            left: 0,
+            borderRadius: 8,
+            shadowColor: "#000",
+            shadowOffset: { width: 0, height: 1 },
+            shadowOpacity: 0.08,
+            shadowRadius: 2,
+            elevation: 2
+          },
+          pillAnimatedStyle
+        ]
+      }
+    ),
+    tabs.map((tab) => /* @__PURE__ */ React26__default.default.createElement(
+      TabTrigger,
+      {
+        key: tab.value,
+        tab,
+        isActive: tab.value === active,
+        onPress: () => handlePress(tab.value),
+        variant,
+        onLayout: (e) => {
+          const { x, width } = e.nativeEvent.layout;
+          tabLayouts.current[tab.value] = { x, width };
+          if (tab.value === active) {
+            animatePill(tab.value, false);
+            initialised.current = true;
+          }
         }
       }
-    }
-  ))), children);
+    ))
+  ), children);
 }
 function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style }, children);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style, accessibilityRole: "none" }, children);
 }
 var styles19 = reactNative.StyleSheet.create({
   list: {
@@ -2042,6 +2246,8 @@ var styles19 = reactNative.StyleSheet.create({
   },
   listUnderline: {
     flexDirection: "row",
+    // AUDIT FIX: was missing borderBottomColor — the 1px hairline would render
+    // as transparent on some platforms. Explicit token reference ensures visibility.
     borderBottomWidth: 1
   },
   pill: {},
@@ -2068,20 +2274,16 @@ var styles19 = reactNative.StyleSheet.create({
     justifyContent: "center",
     gap: s(4)
   },
+  // AUDIT FIX: was Sohne-Regular at rest, Sohne-Medium/SemiBold when active.
+  // Font-weight changes at runtime cause advance-width shifts → the tab bar would
+  // visibly jump/reflow on every selection. Now always SemiBold; active state
+  // is communicated by color alone (foreground vs foregroundMuted). The pill
+  // indicator provides additional active signal without text layout side-effects.
   triggerLabel: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(13)
-  },
-  activeTriggerLabel: {
-    fontFamily: "Poppins-Medium"
-  },
-  activeTriggerLabelUnderline: {
-    fontFamily: "Poppins-SemiBold",
-    fontSize: ms(14)
   }
 });
-var easingExpand = Animated12.Easing.bezier(0.23, 1, 0.32, 1);
-var easingCollapse = Animated12.Easing.in(Animated12.Easing.ease);
 function AccordionItemComponent({
   item,
   isOpen,
@@ -2089,28 +2291,28 @@ function AccordionItemComponent({
 }) {
   const { colors } = useTheme();
   const resolvedIcon = item.iconName ? renderIcon(item.iconName, ms(16), item.iconColor ?? colors.foregroundMuted) : item.icon;
-  const isExpanded = Animated12.useSharedValue(isOpen);
-  const height = Animated12.useSharedValue(0);
+  const isExpanded = Animated9.useSharedValue(isOpen);
+  const height = Animated9.useSharedValue(0);
   React26__default.default.useEffect(() => {
     isExpanded.value = isOpen;
-  }, [isOpen]);
-  const derivedHeight = Animated12.useDerivedValue(
-    () => Animated12.withTiming(height.value * Number(isExpanded.value), {
-      duration: 220,
-      easing: isExpanded.value ? easingExpand : easingCollapse
+  }, [isOpen, isExpanded]);
+  const derivedHeight = Animated9.useDerivedValue(
+    () => Animated9.withTiming(height.value * Number(isExpanded.value), {
+      duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
+      easing: isExpanded.value ? EASINGS.expand : EASINGS.collapse
     })
   );
-  const derivedRotation = Animated12.useDerivedValue(
-    () => Animated12.withTiming(isExpanded.value ? 1 : 0, {
-      duration: 220,
-      easing: isExpanded.value ? easingExpand : easingCollapse
+  const derivedRotation = Animated9.useDerivedValue(
+    () => Animated9.withTiming(isExpanded.value ? 1 : 0, {
+      duration: isExpanded.value ? TIMINGS.expand.duration : TIMINGS.collapse.duration,
+      easing: isExpanded.value ? EASINGS.expand : EASINGS.collapse
     })
   );
-  const bodyStyle = Animated12.useAnimatedStyle(() => ({
+  const bodyStyle = Animated9.useAnimatedStyle(() => ({
     height: derivedHeight.value,
     overflow: "hidden"
   }));
-  const rotationStyle = Animated12.useAnimatedStyle(() => ({
+  const rotationStyle = Animated9.useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
   return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles20.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React26__default.default.createElement(
@@ -2120,11 +2322,14 @@ function AccordionItemComponent({
       onPress: () => {
         selectionAsync();
         onToggle();
-      }
+      },
+      accessibilityRole: "button",
+      accessibilityState: { expanded: isOpen },
+      accessibilityLabel: item.trigger
     },
     /* @__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(Animated12__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(Animated12__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React26__default.default.createElement(
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__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(Animated9__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: styles20.content,
@@ -2186,7 +2391,7 @@ var styles20 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   triggerText: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(14)
   },
   chevron: {
@@ -2195,7 +2400,7 @@ var styles20 = reactNative.StyleSheet.create({
   // position:'absolute' is the key — the inner View escapes the animated wrapper's
   // clipped height so onLayout always reports the true content height.
   content: {
-    paddingHorizontal: s(14),
+    paddingHorizontal: s(8),
     paddingBottom: vs(12),
     position: "absolute",
     width: "100%"
@@ -2224,23 +2429,38 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  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,
+  return /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.View,
     {
-      value,
-      minimumValue,
-      maximumValue,
-      step: step || 0,
-      disabled,
-      onValueChange: handleValueChange,
-      onSlidingComplete,
-      minimumTrackTintColor: colors.primary,
-      maximumTrackTintColor: colors.surface,
-      thumbTintColor: colors.primary,
-      style: styles21.slider,
-      accessibilityLabel
-    }
-  )));
+      style: [styles21.wrapper, style],
+      accessibilityRole: "adjustable",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityValue: {
+        min: minimumValue,
+        max: maximumValue,
+        now: value,
+        text: formatValue2(value)
+      }
+    },
+    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,
+        minimumValue,
+        maximumValue,
+        step: step || 0,
+        disabled,
+        onValueChange: handleValueChange,
+        onSlidingComplete,
+        minimumTrackTintColor: colors.primary,
+        maximumTrackTintColor: colors.surface,
+        thumbTintColor: colors.primary,
+        style: styles21.slider,
+        accessibilityLabel
+      }
+    ))
+  );
 }
 var styles21 = reactNative.StyleSheet.create({
   wrapper: {
@@ -2252,11 +2472,11 @@ var styles21 = reactNative.StyleSheet.create({
     alignItems: "center"
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(15)
   },
   valueText: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(14)
   },
   slider: {
@@ -2270,6 +2490,16 @@ var styles21 = reactNative.StyleSheet.create({
 var SCREEN_HEIGHT = reactNative.Dimensions.get("window").height;
 var DEFAULT_MAX_HEIGHT = SCREEN_HEIGHT * 0.85;
 var isAndroid = reactNative.Platform.OS === "android";
+function SheetHeader({ children, style }) {
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles22.header, style] }, children);
+}
+function SheetContent({ children, style }) {
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles22.sheetContent, style] }, children);
+}
+function SheetFooter({ children, style }) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles22.sheetFooter, { backgroundColor: colors.card, borderTopColor: colors.border }, style] }, children);
+}
 function Sheet({
   open,
   onClose,
@@ -2310,22 +2540,34 @@ function Sheet({
       pressBehavior: "close"
     }
   ), []);
-  const renderFooter = React26.useCallback((props) => {
-    if (!footer) return null;
-    return /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, footer);
-  }, [footer]);
+  const childArray = React26__default.default.Children.toArray(children);
+  const customHeader = childArray.find((child) => React26__default.default.isValidElement(child) && child.type === SheetHeader);
+  const customContent = childArray.find((child) => React26__default.default.isValidElement(child) && child.type === SheetContent);
+  const customFooter = childArray.find((child) => React26__default.default.isValidElement(child) && child.type === SheetFooter);
+  const filteredChildren = customHeader || customContent || customFooter ? childArray.filter(
+    (child) => !React26__default.default.isValidElement(child) || child.type !== SheetHeader && child.type !== SheetContent && child.type !== SheetFooter
+  ) : children;
   const effectiveSubtitle = subtitle ?? description;
-  const showHeader = !!(title || effectiveSubtitle || showCloseButton);
-  const headerNode = showHeader ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.header }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React26__default.default.createElement(
+  const showHeader = !!(title || effectiveSubtitle || showCloseButton) && !customHeader;
+  const headerNode = customHeader ? customHeader : showHeader ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.header, accessibilityRole: "header" }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles22.headerRow }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.title, { color: colors.foreground }], allowFontScaling: true }, title) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: { flex: 1 } }), showCloseButton ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: onClose,
       style: styles22.closeButton,
       activeOpacity: 0.6,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: "Close",
+      hitSlop: { top: 12, bottom: 12, left: 12, right: 12 }
     },
     /* @__PURE__ */ React26__default.default.createElement(vectorIcons.AntDesign, { name: "close", size: ms(18), color: colors.foregroundMuted })
   ) : null), effectiveSubtitle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles22.subtitle, { color: colors.foregroundMuted }], allowFontScaling: true }, effectiveSubtitle) : null) : null;
+  const contentNode = customContent ? customContent : filteredChildren;
+  const effectiveFooter = customFooter ? customFooter : footer;
+  const renderFooter = React26.useCallback((props) => {
+    if (!effectiveFooter) return null;
+    return /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetFooter, { ...props }, effectiveFooter);
+  }, [effectiveFooter]);
   const useScroll = scrollable || !!maxHeight;
   const effectiveMaxHeight = maxHeight ?? DEFAULT_MAX_HEIGHT;
   const useDynamicSizing = !snapPoints;
@@ -2338,7 +2580,7 @@ function Sheet({
       maxDynamicContentSize: useDynamicSizing ? effectiveMaxHeight : void 0,
       onDismiss: onClose,
       backdropComponent: renderBackdrop,
-      footerComponent: footer ? renderFooter : void 0,
+      footerComponent: effectiveFooter ? renderFooter : void 0,
       backgroundStyle: [styles22.background, { backgroundColor: colors.card }],
       handleIndicatorStyle: [styles22.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true,
@@ -2361,10 +2603,13 @@ function Sheet({
         persistentScrollbar: isAndroid
       },
       headerNode,
-      children
-    ) : /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, children)
+      contentNode
+    ) : /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: [styles22.content, contentStyle, style] }, headerNode, contentNode)
   );
 }
+Sheet.Header = SheetHeader;
+Sheet.Content = SheetContent;
+Sheet.Footer = SheetFooter;
 var styles22 = reactNative.StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
@@ -2387,12 +2632,12 @@ var styles22 = reactNative.StyleSheet.create({
     justifyContent: "space-between"
   },
   title: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(18),
     flex: 1
   },
   subtitle: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
   },
@@ -2408,12 +2653,21 @@ var styles22 = reactNative.StyleSheet.create({
     paddingHorizontal: s(16),
     paddingBottom: vs(32),
     paddingRight: s(16)
+  },
+  sheetContent: {
+    gap: vs(16)
+  },
+  sheetFooter: {
+    paddingHorizontal: s(16),
+    paddingVertical: vs(16),
+    borderTopWidth: 1,
+    flexDirection: "row",
+    gap: s(12)
   }
 });
 var isIOS = reactNative.Platform.OS === "ios";
 var isAndroid2 = reactNative.Platform.OS === "android";
 var isWeb2 = reactNative.Platform.OS === "web";
-var nativeDriver9 = reactNative.Platform.OS !== "web";
 function Select({
   options,
   value,
@@ -2422,21 +2676,18 @@ function Select({
   label,
   error,
   disabled,
-  style
+  style,
+  accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
+  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
+    pressScale: PRESS_SCALE.button,
+    disabled
+  });
   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;
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver9, speed: 40, bounciness: 0 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver9, speed: 40, bounciness: 4 }).start();
-  };
   const handleOpen = () => {
     if (disabled) return;
     selectionAsync();
@@ -2444,7 +2695,7 @@ function Select({
       setPendingValue(value);
       setPickerVisible(true);
     } else if (isAndroid2) {
-      pickerRef.current?.focus();
+      pickerRef.current?.focus?.();
     }
   };
   const handleDismiss = () => {
@@ -2457,7 +2708,7 @@ function Select({
     }
     setPickerVisible(false);
   };
-  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(
+  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(Animated9__default.default.View, { style: [animatedStyle, { opacity: disabled ? 0.45 : 1 }] }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -2468,10 +2719,14 @@ function Select({
         }
       ],
       onPress: handleOpen,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
+      onPressIn,
+      onPressOut,
       activeOpacity: 1,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "combobox",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityValue: { text: selected?.label ?? placeholder },
+      accessibilityState: { disabled: !!disabled, expanded: pickerVisible }
     },
     /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
@@ -2577,7 +2832,7 @@ var styles23 = reactNative.StyleSheet.create({
     gap: vs(8)
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(13)
   },
   trigger: {
@@ -2590,7 +2845,7 @@ var styles23 = reactNative.StyleSheet.create({
     paddingVertical: vs(11)
   },
   triggerText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(15),
     flex: 1
   },
@@ -2598,7 +2853,7 @@ var styles23 = reactNative.StyleSheet.create({
     marginLeft: s(8)
   },
   helperText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(13)
   },
   iosBackdrop: {
@@ -2619,14 +2874,14 @@ var styles23 = reactNative.StyleSheet.create({
     borderBottomWidth: 1
   },
   iosToolbarTitle: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(17)
   },
   iosDoneBtn: {
     padding: s(4)
   },
   iosDoneBtnText: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(17)
   },
   androidHiddenPicker: {
@@ -2656,7 +2911,7 @@ function ToastProvider({ children }) {
     {
       theme: colorScheme,
       position: "top-center",
-      richColors: false,
+      richColors: true,
       gap: vs(8),
       offset: insets.top + vs(8),
       visibleToasts: 3,
@@ -2670,11 +2925,11 @@ function ToastProvider({ children }) {
           paddingVertical: vs(10)
         },
         titleStyle: {
-          fontFamily: "Poppins-Medium",
+          fontFamily: "Sohne-Medium",
           fontSize: ms(13)
         },
         descriptionStyle: {
-          fontFamily: "Poppins-Regular",
+          fontFamily: "Sohne-Regular",
           fontSize: ms(12),
           opacity: 0.85
         }
@@ -2712,7 +2967,7 @@ function CurrencyInput({
     const raw = parseFloat(formatted.replace(separatorRegex, "") || "0");
     onChangeValue?.(isNaN(raw) ? 0 : raw);
   };
-  const inputStyle = size === "large" ? { fontFamily: "Poppins-Regular", fontSize: ms(36) } : { fontFamily: "Poppins-Regular" };
+  const inputStyle = size === "large" ? { fontFamily: "Sohne-Regular", fontSize: ms(36) } : { fontFamily: "Sohne-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__ */ React26__default.default.createElement(
@@ -2757,7 +3012,7 @@ function formatValue(value, prefix, showDecimals) {
   }
   return `${sign}${prefix}${intPart}`;
 }
-function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor, variant, autoScale, maxFontSize, style }) {
+function CurrencyDisplayBase({ value, prefix = "$", showDecimals = false, textColor, variant, autoScale, maxFontSize, style }) {
   const { colors } = useTheme();
   const formatted = formatValue(value, prefix, showDecimals);
   const baseFontSize = variant ? variantFontSize[variant] : ms(56);
@@ -2775,18 +3030,18 @@ function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor,
     formatted
   ));
 }
+var CurrencyDisplay = React26__default.default.memo(CurrencyDisplayBase);
 var styles24 = reactNative.StyleSheet.create({
   container: {
     alignSelf: "flex-start"
   },
   amount: {
-    fontFamily: "Poppins-Bold",
+    fontFamily: "Sohne-Bold",
     includeFontPadding: false,
     textAlignVertical: "top"
   }
 });
-var nativeDriver10 = reactNative.Platform.OS !== "web";
-function ListItem({
+function ListItemBase({
   leftRender,
   rightRender,
   trailing,
@@ -2806,29 +3061,16 @@ function ListItem({
   style,
   titleStyle,
   subtitleStyle,
-  captionStyle
+  captionStyle,
+  accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    if (!onPress || disabled) return;
-    reactNative.Animated.spring(scale2, {
-      toValue: 0.97,
-      useNativeDriver: nativeDriver10,
-      stiffness: 350,
-      damping: 28,
-      mass: 0.9
-    }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, {
-      toValue: 1,
-      useNativeDriver: nativeDriver10,
-      stiffness: 220,
-      damping: 20,
-      mass: 0.9
-    }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.row,
+    pressInSpring: SPRINGS.surfacePressIn,
+    pressOutSpring: SPRINGS.surfacePressOut,
+    disabled: !onPress || disabled
+  });
   const handlePress = () => {
     selectionAsync();
     onPress?.();
@@ -2846,16 +3088,20 @@ function ListItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles25.disabled] }, /* @__PURE__ */ React26__default.default.createElement(
+  const a11yLabel = accessibilityLabel ?? [title, subtitle, caption].filter(Boolean).join(". ");
+  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [animatedStyle, disabled && styles25.disabled], ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles25.container, cardStyle, style],
       onPress: onPress ? handlePress : void 0,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
+      onPressIn,
+      onPressOut,
       disabled,
       activeOpacity: 1,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: onPress ? "button" : void 0,
+      accessibilityLabel: onPress ? a11yLabel : void 0,
+      accessibilityState: onPress ? { disabled: !!disabled } : void 0
     },
     effectiveLeft ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles25.leftContainer }, effectiveLeft) : null,
     /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles25.content }, /* @__PURE__ */ React26__default.default.createElement(
@@ -2896,19 +3142,17 @@ function ListItem({
     {
       style: [
         styles25.separator,
-        {
-          backgroundColor: colors.border,
-          marginLeft: effectiveLeft ? s(44) + s(12) : 0
-        }
+        { backgroundColor: colors.separator }
       ]
     }
   ) : null);
 }
+var ListItem = React26__default.default.memo(ListItemBase);
 var styles25 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
-    paddingHorizontal: 0,
+    paddingHorizontal: s(16),
     paddingVertical: vs(10),
     gap: s(12)
   },
@@ -2924,17 +3168,17 @@ var styles25 = reactNative.StyleSheet.create({
     gap: vs(4)
   },
   title: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(15),
     lineHeight: mvs(22)
   },
   subtitle: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(13),
     lineHeight: mvs(18)
   },
   caption: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(12),
     lineHeight: mvs(16),
     opacity: 0.7
@@ -2946,12 +3190,9 @@ var styles25 = reactNative.StyleSheet.create({
     maxWidth: s(160)
   },
   rightText: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(14)
   },
-  chevron: {
-    marginLeft: s(4)
-  },
   separator: {
     height: reactNative.StyleSheet.hairlineWidth,
     marginRight: 0
@@ -2960,8 +3201,81 @@ var styles25 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
-var nativeDriver11 = reactNative.Platform.OS !== "web";
-function MenuItem({
+function ListGroup({ children, variant = "plain", style }) {
+  const { colors } = useTheme();
+  const processedChildren = React26__default.default.Children.map(children, (child, index) => {
+    if (!React26__default.default.isValidElement(child)) return child;
+    if (child.type === ListGroupHeader || child.type === ListGroupFooter) {
+      return child;
+    }
+    const childProps = child.props;
+    const isListItem = "title" in childProps;
+    if (!isListItem) return child;
+    const isLast = index === React26__default.default.Children.count(children) - 1;
+    if (childProps["showSeparator"] === void 0 && !isLast) {
+      return React26__default.default.cloneElement(child, {
+        showSeparator: true
+      });
+    }
+    return child;
+  });
+  const cardStyle = variant === "card" ? {
+    backgroundColor: colors.card,
+    borderRadius: RADIUS.md,
+    borderWidth: 1,
+    borderColor: colors.border,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    elevation: 2,
+    paddingVertical: vs(4)
+  } : {};
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.container, cardStyle, style] }, processedChildren);
+}
+function ListGroupHeader({ children, style }) {
+  const { colors } = useTheme();
+  if (typeof children === "string") {
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles26.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+  }
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.header, { borderBottomColor: colors.separator }, style] }, children);
+}
+function ListGroupFooter({ children, style }) {
+  const { colors } = useTheme();
+  if (typeof children === "string") {
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles26.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+  }
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles26.footer, style] }, children);
+}
+ListGroup.Header = ListGroupHeader;
+ListGroup.Footer = ListGroupFooter;
+var styles26 = reactNative.StyleSheet.create({
+  container: {
+    overflow: "hidden"
+  },
+  header: {
+    paddingHorizontal: s(16),
+    paddingTop: vs(12),
+    paddingBottom: vs(8),
+    borderBottomWidth: reactNative.StyleSheet.hairlineWidth
+  },
+  headerText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
+  },
+  footer: {
+    paddingHorizontal: s(16),
+    paddingTop: vs(8),
+    paddingBottom: vs(12)
+  },
+  footerText: {
+    fontFamily: "Sohne-Regular",
+    fontSize: 12
+  }
+});
+function MenuItemBase({
   label,
   subtitle,
   iconName,
@@ -2974,29 +3288,16 @@ function MenuItem({
   variant = "plain",
   showSeparator = false,
   style,
-  labelStyle
+  labelStyle,
+  accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    if (disabled) return;
-    reactNative.Animated.spring(scale2, {
-      toValue: 0.97,
-      useNativeDriver: nativeDriver11,
-      stiffness: 350,
-      damping: 28,
-      mass: 0.9
-    }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, {
-      toValue: 1,
-      useNativeDriver: nativeDriver11,
-      stiffness: 220,
-      damping: 20,
-      mass: 0.9
-    }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.row,
+    pressInSpring: SPRINGS.surfacePressIn,
+    pressOutSpring: SPRINGS.surfacePressOut,
+    disabled
+  });
   const handlePress = () => {
     selectionAsync();
     onPress();
@@ -3013,22 +3314,26 @@ function MenuItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles26.disabled] }, /* @__PURE__ */ React26__default.default.createElement(
+  const a11yLabel = accessibilityLabel ?? (subtitle ? `${label}. ${subtitle}` : label);
+  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [animatedStyle, disabled && styles27.disabled], ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [styles26.container, cardStyle, style],
+      style: [styles27.container, cardStyle, style],
       onPress: handlePress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
+      onPressIn,
+      onPressOut,
       disabled,
       activeOpacity: 1,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: a11yLabel,
+      accessibilityState: { disabled }
     },
-    resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.iconContainer }, resolvedIcon) : null,
-    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles26.labelContainer }, /* @__PURE__ */ React26__default.default.createElement(
+    resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles27.iconContainer }, resolvedIcon) : null,
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles27.labelContainer }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles26.label, { color: colors.foreground }, labelStyle],
+        style: [styles27.label, { color: colors.foreground }, labelStyle],
         numberOfLines: 1,
         allowFontScaling: true
       },
@@ -3036,7 +3341,7 @@ function MenuItem({
     ), subtitle ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.Text,
       {
-        style: [styles26.subtitle, { color: colors.foregroundMuted }],
+        style: [styles27.subtitle, { color: colors.foregroundMuted }],
         numberOfLines: 1,
         allowFontScaling: true
       },
@@ -3045,7 +3350,7 @@ function MenuItem({
     rightRender !== void 0 ? /* @__PURE__ */ React26__default.default.createElement(
       reactNative.View,
       {
-        style: styles26.rightContainer,
+        style: styles27.rightContainer,
         onStartShouldSetResponder: () => true,
         onResponderRelease: () => {
         }
@@ -3056,21 +3361,18 @@ function MenuItem({
     reactNative.View,
     {
       style: [
-        styles26.separator,
-        {
-          backgroundColor: colors.border,
-          marginLeft: resolvedIcon ? s(22) + s(12) : 0,
-          opacity: 0.6
-        }
+        styles27.separator,
+        { backgroundColor: colors.separator }
       ]
     }
   ) : null);
 }
-var styles26 = reactNative.StyleSheet.create({
+var MenuItem = React26__default.default.memo(MenuItemBase);
+var styles27 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
-    paddingHorizontal: 0,
+    paddingHorizontal: s(16),
     paddingVertical: vs(16),
     minHeight: vs(54),
     gap: s(12)
@@ -3086,11 +3388,11 @@ var styles26 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(15)
   },
   subtitle: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(12),
     marginTop: vs(1)
   },
@@ -3107,64 +3409,114 @@ var styles26 = reactNative.StyleSheet.create({
     opacity: 0.45
   }
 });
-var nativeDriver12 = reactNative.Platform.OS !== "web";
-function Chip({ label, selected = false, onPress, icon, iconName, style }) {
+function MenuGroup({ children, variant = "plain", style }) {
   const { colors } = useTheme();
-  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,
-      easing: reactNative.Easing.out(reactNative.Easing.ease),
-      useNativeDriver: false
-    }).start();
-  }, [selected, pressAnim]);
-  const handlePressIn = () => {
-    reactNative.Animated.spring(scale2, {
-      toValue: 0.95,
-      useNativeDriver: nativeDriver12,
-      speed: 40,
-      bounciness: 0
-    }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, {
-      toValue: 1,
-      useNativeDriver: nativeDriver12,
-      speed: 40,
-      bounciness: 4
-    }).start();
-  };
+  const processedChildren = React26__default.default.Children.map(children, (child, index) => {
+    if (!React26__default.default.isValidElement(child)) return child;
+    if (child.type === MenuGroupHeader || child.type === MenuGroupFooter) {
+      return child;
+    }
+    const childProps = child.props;
+    const isMenuItem = "onPress" in childProps;
+    if (!isMenuItem) return child;
+    const isLast = index === React26__default.default.Children.count(children) - 1;
+    if (childProps["showSeparator"] === void 0 && !isLast) {
+      return React26__default.default.cloneElement(child, {
+        showSeparator: true
+      });
+    }
+    return child;
+  });
+  const cardStyle = variant === "card" ? {
+    backgroundColor: colors.card,
+    borderRadius: RADIUS.md,
+    borderWidth: 1,
+    borderColor: colors.border,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.06,
+    shadowRadius: 6,
+    elevation: 2,
+    paddingVertical: vs(4)
+  } : {};
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.container, cardStyle, style] }, processedChildren);
+}
+function MenuGroupHeader({ children, style }) {
+  const { colors } = useTheme();
+  if (typeof children === "string") {
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles28.headerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+  }
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.header, { borderBottomColor: colors.separator }, style] }, children);
+}
+function MenuGroupFooter({ children, style }) {
+  const { colors } = useTheme();
+  if (typeof children === "string") {
+    return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles28.footerText, { color: colors.foregroundMuted }], allowFontScaling: true }, children));
+  }
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles28.footer, style] }, children);
+}
+MenuGroup.Header = MenuGroupHeader;
+MenuGroup.Footer = MenuGroupFooter;
+var styles28 = reactNative.StyleSheet.create({
+  container: {
+    overflow: "hidden"
+  },
+  header: {
+    paddingHorizontal: s(16),
+    paddingTop: vs(12),
+    paddingBottom: vs(8),
+    borderBottomWidth: reactNative.StyleSheet.hairlineWidth
+  },
+  headerText: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 13,
+    letterSpacing: 0.32,
+    textTransform: "uppercase"
+  },
+  footer: {
+    paddingHorizontal: s(16),
+    paddingTop: vs(8),
+    paddingBottom: vs(12)
+  },
+  footerText: {
+    fontFamily: "Sohne-Regular",
+    fontSize: 12
+  }
+});
+function ChipBase({ label, selected = false, onPress, icon, iconName, style, accessibilityLabel }) {
+  const { colors } = useTheme();
+  const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.chip
+  });
+  const colorProgress = useColorTransition(selected);
+  const surfaceStyle = Animated9.useAnimatedStyle(() => ({
+    backgroundColor: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.surface, colors.primary]),
+    borderColor: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.border, colors.primary])
+  }));
+  const textStyle = Animated9.useAnimatedStyle(() => ({
+    color: Animated9.interpolateColor(colorProgress.value, [0, 1], [colors.foreground, colors.primaryForeground])
+  }));
   const handlePress = () => {
     selectionAsync();
     onPress?.();
   };
-  const backgroundColor = pressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [colors.surface, colors.primary]
-  });
-  const textColor = pressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [colors.foreground, colors.primaryForeground]
-  });
-  const borderColor = pressAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: [colors.border, colors.primary]
-  });
   const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: [styles27.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles29.wrapper, scaleStyle, style], ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
+      onPressIn,
+      onPressOut,
       activeOpacity: 1,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityState: { selected }
     },
-    /* @__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))
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles29.chip, surfaceStyle] }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles29.chipIcon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.Text, { style: [styles29.label, textStyle], allowFontScaling: true }, label))
   ));
 }
+var Chip = React26__default.default.memo(ChipBase);
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
   const handlePress = (optionValue) => {
     if (!multiSelect) {
@@ -3173,21 +3525,14 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     }
     const currentArray = Array.isArray(value) ? value : value ? [value] : [];
     const isSelected2 = currentArray.includes(optionValue);
-    let newArray;
-    if (isSelected2) {
-      newArray = currentArray.filter((v) => v !== optionValue);
-    } else {
-      newArray = [...currentArray, optionValue];
-    }
+    const newArray = isSelected2 ? currentArray.filter((v) => v !== optionValue) : [...currentArray, optionValue];
     onValueChange?.(newArray);
   };
   const isSelected = (optionValue) => {
-    if (Array.isArray(value)) {
-      return value.includes(optionValue);
-    }
+    if (Array.isArray(value)) return value.includes(optionValue);
     return optionValue === value;
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles27.group, style] }, options.map((opt) => /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles29.group, style] }, options.map((opt) => /* @__PURE__ */ React26__default.default.createElement(
     Chip,
     {
       key: opt.value,
@@ -3195,28 +3540,35 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
       selected: isSelected(opt.value),
       onPress: opt.disabled ? void 0 : () => handlePress(opt.value),
       iconName: opt.iconName,
-      style: opt.disabled ? { opacity: 0.4 } : void 0
+      style: opt.disabled ? styles29.chipDisabled : void 0,
+      accessibilityLabel: opt.disabled ? `${opt.label}, unavailable` : opt.label
     }
   )));
 }
-var styles27 = reactNative.StyleSheet.create({
+var styles29 = reactNative.StyleSheet.create({
   wrapper: {},
   chip: {
     borderRadius: 999,
     paddingHorizontal: s(14),
-    paddingVertical: vs(5),
+    // AUDIT FIX: was vs(5) → ~28px total height — below WCAG 44px tap target.
+    // vs(10) → ~44px total height meets WCAG 2.5.5 (AAA) minimum.
+    paddingVertical: vs(10),
+    minHeight: 44,
     borderWidth: 1,
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row",
     gap: s(5)
   },
+  chipDisabled: {
+    opacity: 0.4
+  },
   chipIcon: {
     alignItems: "center",
     justifyContent: "center"
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(13),
     lineHeight: mvs(18)
   },
@@ -3262,11 +3614,11 @@ function ConfirmDialog({
       enableDynamicSizing: true,
       onDismiss: onCancel,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles28.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles28.handle, { backgroundColor: colors.border }],
+      backgroundStyle: [styles30.background, { backgroundColor: colors.card }],
+      handleIndicatorStyle: [styles30.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__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(
+    /* @__PURE__ */ React26__default.default.createElement(bottomSheet.BottomSheetView, { style: styles30.content }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles30.title, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles30.description, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles30.actions }, /* @__PURE__ */ React26__default.default.createElement(
       Button,
       {
         label: confirmLabel,
@@ -3300,7 +3652,7 @@ function ConfirmDialog({
     )))
   );
 }
-var styles28 = reactNative.StyleSheet.create({
+var styles30 = reactNative.StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
     borderTopRightRadius: ms(16)
@@ -3316,12 +3668,12 @@ var styles28 = reactNative.StyleSheet.create({
     gap: vs(12)
   },
   title: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(18),
     lineHeight: mvs(26)
   },
   description: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(15),
     lineHeight: mvs(22)
   },
@@ -3330,12 +3682,13 @@ var styles28 = reactNative.StyleSheet.create({
     marginTop: vs(8)
   }
 });
-function LabelValue({ label, value, iconName, iconColor, style }) {
+function LabelValueBase({ label, value, iconName, iconColor, style }) {
   const { colors } = useTheme();
   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);
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles31.container, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles31.labelSide }, resolvedIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles31.icon }, resolvedIcon) : null, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.label, { color: colors.foregroundMuted }], allowFontScaling: true }, label)), typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles31.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var styles29 = reactNative.StyleSheet.create({
+var LabelValue = React26__default.default.memo(LabelValueBase);
+var styles31 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3352,12 +3705,12 @@ var styles29 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   label: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(13),
     lineHeight: mvs(18)
   },
   value: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(14),
     lineHeight: mvs(20),
     textAlign: "right"
@@ -3392,27 +3745,41 @@ function MonthPicker({ value, onChange, locale = "en", formatLabel, style }) {
       onChange({ month: value.month + 1, year: value.year });
     }
   };
-  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles30.container, style] }, /* @__PURE__ */ React26__default.default.createElement(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles32.container, style], accessibilityRole: "adjustable", accessibilityLabel: getLabel() }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles30.arrow,
+      style: styles32.arrow,
       onPress: handlePrev,
       activeOpacity: 0.6,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: "Previous month",
+      hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
     /* @__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(
+  ), /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.Text,
+    {
+      style: [styles32.label, { color: colors.foreground }],
+      allowFontScaling: true,
+      accessibilityLiveRegion: "polite"
+    },
+    getLabel()
+  ), /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: styles30.arrow,
+      style: styles32.arrow,
       onPress: handleNext,
       activeOpacity: 0.6,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: "Next month",
+      hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }
     },
     /* @__PURE__ */ React26__default.default.createElement(vectorIcons.Entypo, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
-var styles30 = reactNative.StyleSheet.create({
+var styles32 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -3425,25 +3792,13 @@ var styles30 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   label: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(17),
     lineHeight: mvs(24),
     textAlign: "center",
     minWidth: s(160)
   }
 });
-function useHover() {
-  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: {} };
-  }
-  return { hovered, hoverHandlers: { onMouseEnter, onMouseLeave } };
-}
-
-// src/components/MediaCard/MediaCard.tsx
-var nativeDriver13 = reactNative.Platform.OS !== "web";
 var aspectRatioMap = {
   "1:1": 1,
   "4:3": 3 / 4,
@@ -3451,7 +3806,7 @@ var aspectRatioMap = {
   "4:5": 5 / 4,
   "3:2": 2 / 3
 };
-function MediaCard({
+function MediaCardBase({
   imageSource,
   aspectRatio = "4:3",
   badge,
@@ -3465,19 +3820,17 @@ function MediaCard({
   onPress,
   style,
   imageStyle,
-  footer
+  footer,
+  accessibilityLabel
 }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
   const { hovered, hoverHandlers } = useHover();
-  const handlePressIn = () => {
-    if (!onPress) return;
-    reactNative.Animated.spring(scale2, { toValue: 0.98, useNativeDriver: nativeDriver13, speed: 40, bounciness: 0 }).start();
-  };
-  const handlePressOut = () => {
-    if (!onPress) return;
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver13, speed: 40, bounciness: 4 }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut } = usePressScale({
+    pressScale: PRESS_SCALE.card,
+    pressInSpring: SPRINGS.surfacePressIn,
+    pressOutSpring: SPRINGS.surfacePressOut,
+    disabled: !onPress
+  });
   const handlePress = () => {
     if (!onPress) return;
     impactLight();
@@ -3485,62 +3838,67 @@ 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 a11yLabel = accessibilityLabel ?? [title, subtitle].filter(Boolean).join(". ");
   const cardContent = /* @__PURE__ */ React26__default.default.createElement(
     reactNative.View,
     {
       style: [
-        styles31.card,
-        hovered && styles31.cardHovered,
+        styles33.card,
+        hovered && styles33.cardHovered,
         style
       ],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
-    /* @__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(
+    /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles33.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: styles31.image,
+        style: styles33.image,
         resizeMode: "cover"
       }
-    ) : /* @__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(
+    ) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles33.imagePlaceholder, { backgroundColor: colors.surface }] }))), badge && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.badgeContainer }, badge), (onActionPress || actionIcon || actionIconName) && /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
-        style: [styles31.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
+        style: [styles33.actionButton, { backgroundColor: "rgba(0,0,0,0.24)" }],
         onPress: () => {
           impactLight();
           onActionPress?.();
         },
         activeOpacity: 0.8,
-        touchSoundDisabled: true
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel: actionIconName ?? "action",
+        accessibilityState: { selected: actionActive }
       },
       resolvedActionIcon
     )),
-    (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)
+    (title || subtitle || caption || footer) && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.meta }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles33.title, { color: colors.foreground }], numberOfLines: 2, allowFontScaling: true }, title) : null, subtitle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles33.subtitle, { color: colors.foregroundSubtle }], numberOfLines: 1, allowFontScaling: true }, subtitle) : null, caption ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles33.caption, { color: colors.foregroundMuted }], numberOfLines: 1, allowFontScaling: true }, caption) : null, footer)
   );
   if (onPress) {
-    return /* @__PURE__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
+    return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: animatedStyle }, /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
-        onPressIn: handlePressIn,
-        onPressOut: handlePressOut,
+        onPressIn,
+        onPressOut,
         activeOpacity: 1,
-        touchSoundDisabled: true
+        touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityLabel: a11yLabel
       },
       cardContent
     ));
   }
   return cardContent;
 }
-var styles31 = reactNative.StyleSheet.create({
+var MediaCard = React26__default.default.memo(MediaCardBase);
+var styles33 = reactNative.StyleSheet.create({
   card: {
     borderRadius: RADIUS.md,
-    // 14px — Airbnb property card spec
     overflow: "hidden",
     backgroundColor: "transparent"
   },
   cardHovered: {
-    // Web hover: lift shadow
     ...SHADOWS.md
   },
   imageContainer: {
@@ -3576,98 +3934,99 @@ var styles31 = reactNative.StyleSheet.create({
     gap: vs(2)
   },
   title: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(14),
     lineHeight: mvs(20)
   },
   subtitle: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(13),
     lineHeight: mvs(18)
   },
   caption: {
-    fontFamily: "Poppins-Regular",
+    fontFamily: "Sohne-Regular",
     fontSize: ms(12),
     lineHeight: mvs(16)
   }
 });
-var nativeDriver14 = reactNative.Platform.OS !== "web";
-function CategoryChip({
+var CategoryChip = React26__default.default.memo(function CategoryChip2({
   item,
   selected,
-  onPress
+  onSelect
 }) {
   const { colors } = useTheme();
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const handlePressIn = () => {
-    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver14, speed: 40, bounciness: 0 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver14, speed: 40, bounciness: 4 }).start();
-  };
-  const bgColor = selected ? colors.primary : colors.surface;
-  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__ */ React26__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React26__default.default.createElement(
+  const { animatedStyle: scaleStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale: PRESS_SCALE.chip
+  });
+  const progress = useColorTransition(selected);
+  const surfaceStyle = Animated9.useAnimatedStyle(() => ({
+    backgroundColor: Animated9.interpolateColor(progress.value, [0, 1], [colors.surface, colors.primary]),
+    borderColor: Animated9.interpolateColor(progress.value, [0, 1], [colors.border, colors.primary])
+  }));
+  const textColorStyle = Animated9.useAnimatedStyle(() => ({
+    color: Animated9.interpolateColor(progress.value, [0, 1], [colors.foregroundSubtle, colors.primaryForeground])
+  }));
+  const iconColor = selected ? colors.primaryForeground : colors.foregroundSubtle;
+  const resolvedIcon = typeof item.icon === "string" ? renderIcon(item.icon, 16, iconColor) : item.icon ?? null;
+  return /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: scaleStyle, ...hoverHandlers }, /* @__PURE__ */ React26__default.default.createElement(
     reactNative.TouchableOpacity,
     {
-      style: [
-        styles32.chip,
-        {
-          backgroundColor: bgColor,
-          borderColor
-        }
-      ],
-      onPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
+      onPress: () => onSelect(item.value),
+      onPressIn,
+      onPressOut,
       activeOpacity: 1,
-      touchSoundDisabled: true
+      touchSoundDisabled: true,
+      accessibilityRole: "button",
+      accessibilityLabel: item.label,
+      accessibilityState: { selected }
     },
-    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)))
+    /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.View, { style: [styles34.chip, surfaceStyle] }, resolvedIcon && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles34.chipIcon }, resolvedIcon), /* @__PURE__ */ React26__default.default.createElement(Animated9__default.default.Text, { style: [styles34.chipLabel, textColorStyle], allowFontScaling: true }, item.label), item.badge !== void 0 && item.badge > 0 && /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles34.chipBadge, { backgroundColor: colors.primary }] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles34.chipBadgeText, { color: colors.primaryForeground }] }, Math.min(item.badge, 99))))
   ));
-}
+});
 function CategoryStrip({
   categories,
   value,
   onValueChange,
   multiSelect = false,
   style,
-  itemStyle
+  itemStyle,
+  accessibilityLabel
 }) {
   const selected = Array.isArray(value) ? value : value ? [value] : [];
-  const handlePress = (v) => {
-    selectionAsync();
-    if (multiSelect) {
-      const current = Array.isArray(value) ? value : value ? [value] : [];
-      const next = current.includes(v) ? current.filter((x) => x !== v) : [...current, v];
-      onValueChange?.(next);
-    } else {
-      onValueChange?.(v === value ? "" : v);
-    }
-  };
+  const handlePress = React26.useCallback(
+    (v) => {
+      selectionAsync();
+      if (multiSelect) {
+        const current = Array.isArray(value) ? value : value ? [value] : [];
+        const next = current.includes(v) ? current.filter((x) => x !== v) : [...current, v];
+        onValueChange?.(next);
+      } else {
+        onValueChange?.(v === value ? "" : v);
+      }
+    },
+    [multiSelect, value, onValueChange]
+  );
   return /* @__PURE__ */ React26__default.default.createElement(
     reactNative.ScrollView,
     {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      contentContainerStyle: [styles32.container, style],
-      style: styles32.scroll
+      contentContainerStyle: [styles34.container, style],
+      style: styles34.scroll,
+      accessibilityRole: multiSelect ? void 0 : "radiogroup",
+      accessibilityLabel
     },
     categories.map((cat) => /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { key: cat.value, style: itemStyle }, /* @__PURE__ */ React26__default.default.createElement(
       CategoryChip,
       {
         item: cat,
         selected: selected.includes(cat.value),
-        onPress: () => handlePress(cat.value)
+        onSelect: handlePress
       }
     )))
   );
 }
-var styles32 = reactNative.StyleSheet.create({
+var styles34 = reactNative.StyleSheet.create({
   scroll: {
     flexGrow: 0
   },
@@ -3691,7 +4050,7 @@ var styles32 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   chipLabel: {
-    fontFamily: "Poppins-Medium",
+    fontFamily: "Sohne-Medium",
     fontSize: ms(13)
   },
   chipBadge: {
@@ -3703,67 +4062,50 @@ var styles32 = reactNative.StyleSheet.create({
     justifyContent: "center"
   },
   chipBadgeText: {
-    fontFamily: "Poppins-Bold",
+    fontFamily: "Sohne-Bold",
     fontSize: ms(9),
     lineHeight: 14
   }
 });
-var nativeDriver15 = reactNative.Platform.OS !== "web";
 function Pressable2({
   children,
   onPress,
-  pressScale = 0.98,
-  bounciness = 4,
+  pressScale = PRESS_SCALE.card,
   haptics = true,
   style,
   disabled,
   hoverScale = 1.02,
   ...touchableProps
 }) {
-  const scale2 = React26.useRef(new reactNative.Animated.Value(1)).current;
-  const { hovered, hoverHandlers } = useHover();
-  const handlePressIn = () => {
-    if (disabled) return;
-    reactNative.Animated.spring(scale2, {
-      toValue: pressScale,
-      useNativeDriver: nativeDriver15,
-      speed: 40,
-      bounciness: 0
-    }).start();
-  };
-  const handlePressOut = () => {
-    if (disabled) return;
-    reactNative.Animated.spring(scale2, {
-      toValue: 1,
-      useNativeDriver: nativeDriver15,
-      speed: 40,
-      bounciness
-    }).start();
-  };
+  const { animatedStyle, onPressIn, onPressOut, hoverHandlers } = usePressScale({
+    pressScale,
+    hoverScale,
+    pressInSpring: SPRINGS.surfacePressIn,
+    pressOutSpring: SPRINGS.surfacePressOut,
+    disabled
+  });
   const handlePress = () => {
     if (disabled || !onPress) return;
     if (haptics) impactLight();
     onPress();
   };
-  const hoverScaleValue = hovered && hoverScale !== 1 ? hoverScale : 1;
   return /* @__PURE__ */ React26__default.default.createElement(
-    reactNative.Animated.View,
+    Animated9__default.default.View,
     {
-      style: [
-        { transform: [{ scale: reactNative.Animated.multiply(scale2, hoverScaleValue) }] },
-        style
-      ],
+      style: [animatedStyle, style],
       ...reactNative.Platform.OS === "web" ? hoverHandlers : {}
     },
     /* @__PURE__ */ React26__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
-        onPressIn: handlePressIn,
-        onPressOut: handlePressOut,
+        onPressIn,
+        onPressOut,
         activeOpacity: 1,
         disabled,
         touchSoundDisabled: true,
+        accessibilityRole: "button",
+        accessibilityState: { disabled: !!disabled },
         ...touchableProps
       },
       children
@@ -3771,12 +4113,12 @@ function Pressable2({
   );
 }
 var weightMap = {
-  normal: "Poppins-Regular",
-  medium: "Poppins-Medium",
-  semibold: "Poppins-SemiBold",
-  bold: "Poppins-Bold"
+  normal: "Sohne-Regular",
+  medium: "Sohne-Medium",
+  semibold: "Sohne-SemiBold",
+  bold: "Sohne-Bold"
 };
-function DetailRow({
+function DetailRowBase({
   label,
   value,
   separator = "dotted",
@@ -3802,23 +4144,24 @@ function DetailRow({
     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(
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles35.row, style] }, /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.labelSide }, resolvedLeftIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedLeftIcon) : null, typeof label === "string" ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles33.labelText, { color: colors.foregroundMuted, fontFamily: weightMap[labelWeight] }, labelStyle],
+      style: [styles35.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 }, typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(
+  ) : label), separatorStyle ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: separatorStyle }) : /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.spacer }), /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.valueSide }, typeof value === "string" ? /* @__PURE__ */ React26__default.default.createElement(
     reactNative.Text,
     {
-      style: [styles33.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
+      style: [styles35.valueText, { color: valueColor ?? colors.foreground }, valueStyle],
       allowFontScaling: true
     },
     value
-  ) : value, resolvedRightIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles33.icon }, resolvedRightIcon) : null));
+  ) : value, resolvedRightIcon ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles35.icon }, resolvedRightIcon) : null));
 }
-var styles33 = reactNative.StyleSheet.create({
+var DetailRow = React26__default.default.memo(DetailRowBase);
+var styles35 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -3848,11 +4191,101 @@ var styles33 = reactNative.StyleSheet.create({
     flexShrink: 0
   },
   valueText: {
-    fontFamily: "Poppins-SemiBold",
+    fontFamily: "Sohne-SemiBold",
     fontSize: ms(13),
     lineHeight: mvs(18)
   }
 });
+function Form({ children, style }) {
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.form, style] }, children);
+}
+function FormField({
+  children,
+  label,
+  error,
+  required,
+  style,
+  labelStyle,
+  errorStyle
+}) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.field, style] }, label ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.label, { color: colors.foreground }, labelStyle], allowFontScaling: true }, label, required ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: { color: colors.destructive } }, " *") : null) : null, children, error ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.error, { color: colors.destructive }, errorStyle], allowFontScaling: true }, error) : null);
+}
+function FormSection({ children, title, description, style }) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.section, style] }, title ? /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: styles36.sectionHeader }, /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.sectionTitle, { color: colors.foreground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React26__default.default.createElement(reactNative.Text, { style: [styles36.sectionDescription, { color: colors.foregroundMuted }], allowFontScaling: true }, description) : null) : null, children);
+}
+function FormFooter({ children, style }) {
+  return /* @__PURE__ */ React26__default.default.createElement(reactNative.View, { style: [styles36.footer, style] }, children);
+}
+Form.Field = FormField;
+Form.Section = FormSection;
+Form.Footer = FormFooter;
+var styles36 = reactNative.StyleSheet.create({
+  form: {
+    gap: vs(16)
+  },
+  field: {
+    gap: vs(6)
+  },
+  label: {
+    fontFamily: "Sohne-Medium",
+    fontSize: 14,
+    lineHeight: 20
+  },
+  error: {
+    fontFamily: "Sohne-Regular",
+    fontSize: 12,
+    lineHeight: 16
+  },
+  section: {
+    gap: vs(16)
+  },
+  sectionHeader: {
+    gap: vs(4)
+  },
+  sectionTitle: {
+    fontFamily: "Sohne-SemiBold",
+    fontSize: 16,
+    lineHeight: 24
+  },
+  sectionDescription: {
+    fontFamily: "Sohne-Regular",
+    fontSize: 14,
+    lineHeight: 20
+  },
+  footer: {
+    flexDirection: "row",
+    gap: s(12),
+    paddingTop: vs(8)
+  }
+});
+var defaultKeyExtractor = (item, index) => {
+  const id = item?.id;
+  return id !== void 0 ? String(id) : String(index);
+};
+function VirtualListInner({ itemHeight, keyExtractor, renderItem, ...props }, ref) {
+  const getItemLayout = React26.useCallback(
+    (_data, index) => ({
+      length: itemHeight ?? 0,
+      offset: (itemHeight ?? 0) * index,
+      index
+    }),
+    [itemHeight]
+  );
+  return /* @__PURE__ */ React26__default.default.createElement(
+    reactNative.FlatList,
+    {
+      ref,
+      keyExtractor: keyExtractor ?? defaultKeyExtractor,
+      renderItem,
+      getItemLayout: itemHeight !== void 0 ? getItemLayout : void 0,
+      removeClippedSubviews: true,
+      ...props
+    }
+  );
+}
+var VirtualList = React26__default.default.forwardRef(VirtualListInner);
 
 // src/utils/typography.ts
 function getResponsiveFontSize(text, maxSize, steps = [
@@ -3903,13 +4336,23 @@ exports.CurrencyInput = CurrencyInput;
 exports.CurrencyInputLarge = CurrencyInput;
 exports.DetailRow = DetailRow;
 exports.EmptyState = EmptyState;
+exports.Form = Form;
+exports.FormField = FormField;
+exports.FormFooter = FormFooter;
+exports.FormSection = FormSection;
 exports.ICON_SIZES = ICON_SIZES;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.Input = Input;
 exports.LabelValue = LabelValue;
+exports.ListGroup = ListGroup;
+exports.ListGroupFooter = ListGroupFooter;
+exports.ListGroupHeader = ListGroupHeader;
 exports.ListItem = ListItem;
 exports.MediaCard = MediaCard;
+exports.MenuGroup = MenuGroup;
+exports.MenuGroupFooter = MenuGroupFooter;
+exports.MenuGroupHeader = MenuGroupHeader;
 exports.MenuItem = MenuItem;
 exports.MonthPicker = MonthPicker;
 exports.Pressable = Pressable2;
@@ -3933,6 +4376,8 @@ exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.ToastProvider = ToastProvider;
 exports.Toggle = Toggle;
+exports.VirtualList = VirtualList;
+exports.configureIconFamilies = configureIconFamilies;
 exports.defaultDark = defaultDark;
 exports.defaultLight = defaultLight;
 exports.deriveColors = deriveColors;