@retray-dev/ui-kit 2.5.0 → 2.5.2

package/dist/index.js

@@ -2,10 +2,10 @@
 
 var React23 = require('react');
 var reactNative = require('react-native');
-var Haptics12 = require('expo-haptics');
+var reactNativeSizeMatters = require('react-native-size-matters');
 var vectorIcons = require('@expo/vector-icons');
 var expoLinearGradient = require('expo-linear-gradient');
-var ReanimatedAnimated = require('react-native-reanimated');
+var Animated10 = require('react-native-reanimated');
 var RNSlider = require('@react-native-community/slider');
 var bottomSheet = require('@gorhom/bottom-sheet');
 var picker = require('@react-native-picker/picker');
@@ -15,30 +15,16 @@ var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
 var React23__default = /*#__PURE__*/_interopDefault(React23);
-var Haptics12__namespace = /*#__PURE__*/_interopNamespace(Haptics12);
-var ReanimatedAnimated__default = /*#__PURE__*/_interopDefault(ReanimatedAnimated);
+var Animated10__default = /*#__PURE__*/_interopDefault(Animated10);
 var RNSlider__default = /*#__PURE__*/_interopDefault(RNSlider);
 
-// src/theme/ThemeProvider.tsx
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
 
 // src/theme/colors.ts
 var defaultLight = {
@@ -106,16 +92,39 @@ function useTheme() {
   }
   return context;
 }
+var Haptics = null;
+if (reactNative.Platform.OS !== "web") {
+  Haptics = __require("expo-haptics");
+}
+function selectionAsync() {
+  Haptics?.selectionAsync();
+}
+function impactLight() {
+  Haptics?.impactAsync(Haptics.ImpactFeedbackStyle.Light);
+}
+function notificationSuccess() {
+  Haptics?.notificationAsync(Haptics.NotificationFeedbackType.Success);
+}
+function notificationError() {
+  Haptics?.notificationAsync(Haptics.NotificationFeedbackType.Error);
+}
+var isWeb = reactNative.Platform.OS === "web";
+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;
+
+// src/components/Button/Button.tsx
 var nativeDriver = reactNative.Platform.OS !== "web";
 var containerSizeStyles = {
-  sm: { paddingHorizontal: 20, paddingVertical: 10 },
-  md: { paddingHorizontal: 24, paddingVertical: 14 },
-  lg: { paddingHorizontal: 32, paddingVertical: 18 }
+  sm: { paddingHorizontal: s(20), paddingVertical: vs(10) },
+  md: { paddingHorizontal: s(24), paddingVertical: vs(14) },
+  lg: { paddingHorizontal: s(32), paddingVertical: vs(18) }
 };
 var labelSizeStyles = {
-  sm: { fontSize: 15 },
-  md: { fontSize: 17 },
-  lg: { fontSize: 18 }
+  sm: { fontSize: ms(15) },
+  md: { fontSize: ms(17) },
+  lg: { fontSize: ms(18) }
 };
 function Button({
   label,
@@ -132,10 +141,10 @@ function Button({
 }) {
   const { colors } = useTheme();
   const isDisabled = disabled || loading;
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (isDisabled) return;
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 0.95,
       useNativeDriver: nativeDriver,
       speed: 40,
@@ -143,10 +152,10 @@ function Button({
     }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: nativeDriver, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver, speed: 40, bounciness: 4 }).start();
   };
   const handlePress = (e) => {
-    Haptics12__namespace.impactAsync(Haptics12__namespace.ImpactFeedbackStyle.Light);
+    impactLight();
     onPress?.(e);
   };
   const containerVariantStyle = {
@@ -164,7 +173,7 @@ function Button({
     destructive: { color: colors.destructiveForeground }
   }[variant];
   const spinnerColor = variant === "destructive" ? colors.destructiveForeground : variant === "primary" || variant === "secondary" ? colors.primaryForeground : colors.foreground;
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [fullWidth && styles.fullWidth, { transform: [{ scale }] }] }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [fullWidth && styles.fullWidth, { transform: [{ scale: scale2 }] }] }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -203,16 +212,16 @@ var styles = reactNative.StyleSheet.create({
     fontWeight: "600"
   },
   labelWithIcon: {
-    marginHorizontal: 8
+    marginHorizontal: s(8)
   }
 });
 var variantStyles = {
-  h1: { fontSize: 40, fontWeight: "700", lineHeight: 52 },
-  h2: { fontSize: 28, fontWeight: "700", lineHeight: 36 },
-  h3: { fontSize: 22, fontWeight: "600", lineHeight: 30 },
-  body: { fontSize: 17, fontWeight: "400", lineHeight: 26 },
-  caption: { fontSize: 13, fontWeight: "400", lineHeight: 20 },
-  label: { fontSize: 15, fontWeight: "500", lineHeight: 22 }
+  h1: { fontSize: ms(40), fontWeight: "700", lineHeight: mvs(52) },
+  h2: { fontSize: ms(28), fontWeight: "700", lineHeight: mvs(36) },
+  h3: { fontSize: ms(22), fontWeight: "600", lineHeight: mvs(30) },
+  body: { fontSize: ms(17), fontWeight: "400", lineHeight: mvs(26) },
+  caption: { fontSize: ms(13), fontWeight: "400", lineHeight: mvs(20) },
+  label: { fontSize: ms(15), fontWeight: "500", lineHeight: mvs(22) }
 };
 function Text2({ variant = "body", color, style, children, ...props }) {
   const { colors } = useTheme();
@@ -277,60 +286,60 @@ function Input({ label, error, hint, prefix, suffix, prefixStyle, suffixStyle, t
 }
 var styles2 = reactNative.StyleSheet.create({
   container: {
-    gap: 8
+    gap: vs(8)
   },
   label: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "500"
   },
   inputWrapper: {
     flexDirection: "row",
     alignItems: "center",
     borderWidth: 1.5,
-    borderRadius: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 14
+    borderRadius: ms(8),
+    paddingHorizontal: s(16),
+    paddingVertical: vs(14)
   },
   input: {
     flex: 1,
-    fontSize: 17,
+    fontSize: ms(17),
     paddingVertical: 0
   },
   prefixContainer: {
-    marginRight: 8
+    marginRight: s(8)
   },
   prefixText: {
-    fontSize: 17,
-    marginRight: 8
+    fontSize: ms(17),
+    marginRight: s(8)
   },
   suffixContainer: {
-    marginLeft: 8
+    marginLeft: s(8)
   },
   suffixText: {
-    fontSize: 17,
-    marginLeft: 8
+    fontSize: ms(17),
+    marginLeft: s(8)
   },
   passwordToggle: {
-    padding: 4
+    padding: s(4)
   },
   helperText: {
-    fontSize: 13
+    fontSize: ms(13)
   }
 });
 var sizePadding = {
-  sm: { paddingHorizontal: 8, paddingVertical: 2 },
-  md: { paddingHorizontal: 10, paddingVertical: 4 },
-  lg: { paddingHorizontal: 12, paddingVertical: 6 }
+  sm: { paddingHorizontal: s(8), paddingVertical: vs(2) },
+  md: { paddingHorizontal: s(10), paddingVertical: vs(4) },
+  lg: { paddingHorizontal: s(12), paddingVertical: vs(6) }
 };
 var sizeFontSize = {
-  sm: { fontSize: 11 },
-  md: { fontSize: 13 },
-  lg: { fontSize: 15 }
+  sm: { fontSize: ms(11) },
+  md: { fontSize: ms(13) },
+  lg: { fontSize: ms(15) }
 };
 var sizeIconGap = {
-  sm: 4,
-  md: 6,
-  lg: 6
+  sm: s(4),
+  md: s(6),
+  lg: s(6)
 };
 function Badge({ label, children, variant = "default", size = "md", icon, style }) {
   const { colors } = useTheme();
@@ -351,7 +360,7 @@ function Badge({ label, children, variant = "default", size = "md", icon, style
 }
 var styles3 = reactNative.StyleSheet.create({
   container: {
-    borderRadius: 6,
+    borderRadius: ms(6),
     alignSelf: "flex-start",
     flexDirection: "row",
     alignItems: "center"
@@ -367,10 +376,10 @@ var styles3 = reactNative.StyleSheet.create({
 var nativeDriver2 = reactNative.Platform.OS !== "web";
 function Card({ children, variant = "elevated", onPress, style }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (!onPress) return;
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 0.98,
       useNativeDriver: nativeDriver2,
       speed: 40,
@@ -379,7 +388,7 @@ function Card({ children, variant = "elevated", onPress, style }) {
   };
   const handlePressOut = () => {
     if (!onPress) return;
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 1,
       useNativeDriver: nativeDriver2,
       speed: 40,
@@ -388,7 +397,7 @@ function Card({ children, variant = "elevated", onPress, style }) {
   };
   const handlePress = () => {
     if (!onPress) return;
-    Haptics12__namespace.impactAsync(Haptics12__namespace.ImpactFeedbackStyle.Light);
+    impactLight();
     onPress();
   };
   const variantStyle = {
@@ -416,7 +425,7 @@ function Card({ children, variant = "elevated", onPress, style }) {
   }[variant];
   const cardContent = /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: [styles4.card, variantStyle, style] }, children);
   if (onPress) {
-    return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale }] } }, /* @__PURE__ */ React23__default.default.createElement(
+    return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React23__default.default.createElement(
       reactNative.TouchableOpacity,
       {
         onPress: handlePress,
@@ -449,28 +458,28 @@ function CardFooter({ children, style }) {
 }
 var styles4 = reactNative.StyleSheet.create({
   card: {
-    borderRadius: 12,
+    borderRadius: ms(12),
     borderWidth: 1
   },
   header: {
-    padding: 24,
+    padding: s(24),
     paddingBottom: 0,
-    gap: 8
+    gap: vs(8)
   },
   title: {
-    fontSize: 20,
+    fontSize: ms(20),
     fontWeight: "600",
-    lineHeight: 28
+    lineHeight: mvs(28)
   },
   description: {
-    fontSize: 15,
-    lineHeight: 22
+    fontSize: ms(15),
+    lineHeight: mvs(22)
   },
   content: {
-    padding: 24
+    padding: s(24)
   },
   footer: {
-    padding: 24,
+    padding: s(24),
     paddingTop: 0,
     flexDirection: "row",
     alignItems: "center"
@@ -555,16 +564,16 @@ var styles6 = reactNative.StyleSheet.create({
   }
 });
 var sizeMap2 = {
-  sm: 28,
-  md: 40,
-  lg: 56,
-  xl: 72
+  sm: s(28),
+  md: s(40),
+  lg: s(56),
+  xl: s(72)
 };
 var fontSizeMap = {
-  sm: 12,
-  md: 16,
-  lg: 22,
-  xl: 28
+  sm: ms(12),
+  md: ms(16),
+  lg: ms(22),
+  xl: ms(28)
 };
 function Avatar({ src, fallback, size = "md", style }) {
   const { colors } = useTheme();
@@ -615,9 +624,9 @@ var styles8 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     borderWidth: 1,
-    borderRadius: 12,
-    padding: 16,
-    gap: 12,
+    borderRadius: ms(12),
+    padding: s(16),
+    gap: s(12),
     shadowColor: "#000",
     shadowOffset: { width: 0, height: 4 },
     shadowOpacity: 0.06,
@@ -629,16 +638,16 @@ var styles8 = reactNative.StyleSheet.create({
   },
   content: {
     flex: 1,
-    gap: 4
+    gap: vs(4)
   },
   title: {
-    fontSize: 14,
+    fontSize: ms(14),
     fontWeight: "500",
-    lineHeight: 20
+    lineHeight: mvs(20)
   },
   description: {
-    fontSize: 14,
-    lineHeight: 20
+    fontSize: ms(14),
+    lineHeight: mvs(20)
   }
 });
 function Progress({ value = 0, max = 100, style }) {
@@ -671,7 +680,7 @@ function Progress({ value = 0, max = 100, style }) {
 }
 var styles9 = reactNative.StyleSheet.create({
   track: {
-    height: 8,
+    height: vs(8),
     borderRadius: 999,
     overflow: "hidden",
     width: "100%"
@@ -722,46 +731,46 @@ var styles10 = reactNative.StyleSheet.create({
     justifyContent: "center",
     borderWidth: 1,
     borderStyle: "dashed",
-    borderRadius: 12,
-    padding: 32,
-    gap: 16
+    borderRadius: ms(12),
+    padding: s(32),
+    gap: vs(16)
   },
   containerCompact: {
-    padding: 20,
-    gap: 10
+    padding: s(20),
+    gap: vs(10)
   },
   iconWrapper: {
-    width: 48,
-    height: 48,
-    borderRadius: 12,
+    width: s(48),
+    height: s(48),
+    borderRadius: ms(12),
     alignItems: "center",
     justifyContent: "center"
   },
   iconWrapperCompact: {
-    width: 36,
-    height: 36,
-    borderRadius: 8
+    width: s(36),
+    height: s(36),
+    borderRadius: ms(8)
   },
   textWrapper: {
     alignItems: "center",
-    gap: 8,
-    maxWidth: 320
+    gap: vs(8),
+    maxWidth: s(320)
   },
   title: {
-    fontSize: 18,
+    fontSize: ms(18),
     fontWeight: "500",
     textAlign: "center"
   },
   titleCompact: {
-    fontSize: 15
+    fontSize: ms(15)
   },
   description: {
-    fontSize: 14,
-    lineHeight: 20,
+    fontSize: ms(14),
+    lineHeight: mvs(20),
     textAlign: "center"
   },
   action: {
-    marginTop: 8
+    marginTop: vs(8)
   }
 });
 var webInputResetStyle2 = reactNative.Platform.OS === "web" ? { outlineStyle: "none", outlineWidth: 0, outlineColor: "transparent", boxShadow: "none" } : {};
@@ -790,7 +799,7 @@ function Textarea({
           borderColor: error ? colors.destructive : focused ? colors.ring ?? colors.primary : colors.border,
           color: colors.foreground,
           backgroundColor: colors.background,
-          minHeight: rows * 30
+          minHeight: rows * vs(30)
         },
         webInputResetStyle2,
         style
@@ -811,23 +820,24 @@ function Textarea({
 }
 var styles11 = reactNative.StyleSheet.create({
   container: {
-    gap: 8
+    gap: vs(8)
   },
   label: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "500"
   },
   input: {
     borderWidth: 1.5,
-    borderRadius: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 14,
-    fontSize: 17
+    borderRadius: ms(8),
+    paddingHorizontal: s(16),
+    paddingVertical: vs(14),
+    fontSize: ms(17)
   },
   helperText: {
-    fontSize: 13
+    fontSize: ms(13)
   }
 });
+var nativeDriver3 = reactNative.Platform.OS !== "web";
 function Checkbox({
   checked = false,
   onCheckedChange,
@@ -836,20 +846,20 @@ function Checkbox({
   style
 }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (disabled) return;
-    reactNative.Animated.spring(scale, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver3, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver3, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale }] } }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles12.row, style],
       onPress: () => {
-        Haptics12__namespace.selectionAsync();
+        selectionAsync();
         onCheckedChange?.(!checked);
       },
       onPressIn: handlePressIn,
@@ -885,33 +895,33 @@ var styles12 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 12
+    gap: s(12)
   },
   box: {
-    width: 24,
-    height: 24,
-    borderRadius: 8,
+    width: s(24),
+    height: s(24),
+    borderRadius: ms(8),
     borderWidth: 1.5,
     alignItems: "center",
     justifyContent: "center"
   },
   checkmark: {
-    width: 12,
-    height: 7,
+    width: s(12),
+    height: vs(7),
     borderLeftWidth: 2,
     borderBottomWidth: 2,
     transform: [{ rotate: "-45deg" }, { translateY: -1 }]
   },
   label: {
-    fontSize: 15,
-    lineHeight: 22
+    fontSize: ms(15),
+    lineHeight: mvs(22)
   }
 });
-var nativeDriver3 = reactNative.Platform.OS !== "web";
-var TRACK_WIDTH = 60;
-var TRACK_HEIGHT = 36;
-var THUMB_SIZE = 28;
-var THUMB_OFFSET = 4;
+var nativeDriver4 = reactNative.Platform.OS !== "web";
+var TRACK_WIDTH = s(60);
+var TRACK_HEIGHT = vs(36);
+var THUMB_SIZE = s(28);
+var THUMB_OFFSET = s(4);
 var THUMB_TRAVEL = TRACK_WIDTH - THUMB_SIZE - THUMB_OFFSET * 2;
 function Switch({ checked = false, onCheckedChange, disabled, style }) {
   const { colors } = useTheme();
@@ -921,7 +931,7 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
     reactNative.Animated.parallel([
       reactNative.Animated.spring(translateX, {
         toValue: checked ? THUMB_TRAVEL : 0,
-        useNativeDriver: nativeDriver3,
+        useNativeDriver: nativeDriver4,
         bounciness: 4
       }),
       reactNative.Animated.timing(trackOpacity, {
@@ -939,7 +949,7 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
     reactNative.TouchableOpacity,
     {
       onPress: () => {
-        Haptics12__namespace.selectionAsync();
+        selectionAsync();
         onCheckedChange?.(!checked);
       },
       disabled,
@@ -982,9 +992,9 @@ var styles13 = reactNative.StyleSheet.create({
   }
 });
 var sizeStyles = {
-  sm: { paddingHorizontal: 12, paddingVertical: 8, minWidth: 40, minHeight: 40 },
-  md: { paddingHorizontal: 16, paddingVertical: 12, minWidth: 44, minHeight: 44 },
-  lg: { paddingHorizontal: 20, paddingVertical: 14, minWidth: 48, minHeight: 48 }
+  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) },
+  lg: { paddingHorizontal: s(20), paddingVertical: vs(14), minWidth: s(48), minHeight: vs(48) }
 };
 function Toggle({
   pressed = false,
@@ -999,7 +1009,7 @@ function Toggle({
   ...props
 }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const pressAnim = React23.useRef(new reactNative.Animated.Value(pressed ? 1 : 0)).current;
   React23.useEffect(() => {
     reactNative.Animated.timing(pressAnim, {
@@ -1011,10 +1021,10 @@ function Toggle({
   }, [pressed, pressAnim]);
   const handlePressIn = () => {
     if (disabled) return;
-    reactNative.Animated.spring(scale, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
   };
   const borderColor = pressAnim.interpolate({
     inputRange: [0, 1],
@@ -1043,11 +1053,11 @@ function Toggle({
     if (custom) return /* @__PURE__ */ React23__default.default.createElement(React23__default.default.Fragment, null, custom);
     return /* @__PURE__ */ React23__default.default.createElement(vectorIcons.FontAwesome5, { name: "circle", size: 20, color: colors.mutedForeground });
   };
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale }] }, disabled && styles14.disabled, style] }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles14.disabled, style] }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: () => {
-        Haptics12__namespace.selectionAsync();
+        selectionAsync();
         onPressedChange?.(!pressed);
       },
       onPressIn: handlePressIn,
@@ -1072,43 +1082,44 @@ function Toggle({
 }
 var styles14 = reactNative.StyleSheet.create({
   base: {
-    borderRadius: 8
+    borderRadius: ms(8)
   },
   inner: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    gap: 8
+    gap: s(8)
   },
   disabled: {
     opacity: 0.45
   },
   label: {
-    fontSize: 14,
+    fontSize: ms(14),
     fontWeight: "500"
   }
 });
+var nativeDriver5 = reactNative.Platform.OS !== "web";
 function RadioItem({
   option,
   selected,
   onSelect
 }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (option.disabled) return;
-    reactNative.Animated.spring(scale, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver5, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver5, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale }] } }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: styles15.row,
       onPress: () => {
         if (!option.disabled) {
-          Haptics12__namespace.selectionAsync();
+          selectionAsync();
           onSelect();
         }
       },
@@ -1162,7 +1173,7 @@ function RadioGroup({
 }
 var styles15 = reactNative.StyleSheet.create({
   container: {
-    gap: 12
+    gap: vs(12)
   },
   horizontal: {
     flexDirection: "row",
@@ -1171,26 +1182,27 @@ var styles15 = reactNative.StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 12
+    gap: s(12)
   },
   radio: {
-    width: 24,
-    height: 24,
-    borderRadius: 12,
+    width: s(24),
+    height: s(24),
+    borderRadius: s(12),
     borderWidth: 1.5,
     alignItems: "center",
     justifyContent: "center"
   },
   dot: {
-    width: 10,
-    height: 10,
-    borderRadius: 5
+    width: s(10),
+    height: s(10),
+    borderRadius: s(5)
   },
   label: {
-    fontSize: 14,
-    lineHeight: 20
+    fontSize: ms(14),
+    lineHeight: mvs(20)
   }
 });
+var nativeDriver6 = reactNative.Platform.OS !== "web";
 function TabTrigger({
   tab,
   isActive,
@@ -1198,12 +1210,12 @@ function TabTrigger({
   onLayout
 }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
-    reactNative.Animated.spring(scale, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, speed: 40, bounciness: 4 }).start();
   };
   return /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
@@ -1216,7 +1228,7 @@ function TabTrigger({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale }] } }, /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles16.triggerInner }, tab.icon ? /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles16.triggerIcon }, typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon) : null, /* @__PURE__ */ React23__default.default.createElement(
+    /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles16.triggerInner }, tab.icon ? /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles16.triggerIcon }, typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon) : null, /* @__PURE__ */ React23__default.default.createElement(
       reactNative.Text,
       {
         style: [
@@ -1266,7 +1278,7 @@ function Tabs({ tabs, value, onValueChange, children, style }) {
     }
   }, [active]);
   const handlePress = (v) => {
-    Haptics12__namespace.selectionAsync();
+    selectionAsync();
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
@@ -1316,16 +1328,16 @@ function TabsContent({ value, activeValue, children, style }) {
 var styles16 = reactNative.StyleSheet.create({
   list: {
     flexDirection: "row",
-    borderRadius: 12,
-    padding: 4,
-    gap: 4
+    borderRadius: ms(12),
+    padding: s(4),
+    gap: s(4)
   },
   pill: {},
   trigger: {
     flex: 1,
-    paddingVertical: 12,
-    paddingHorizontal: 16,
-    borderRadius: 8,
+    paddingVertical: vs(12),
+    paddingHorizontal: s(16),
+    borderRadius: ms(8),
     alignItems: "center",
     justifyContent: "center",
     zIndex: 1
@@ -1334,15 +1346,15 @@ var styles16 = reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    gap: 8
+    gap: s(8)
   },
   triggerIcon: {
-    marginRight: 6,
+    marginRight: s(6),
     alignItems: "center",
     justifyContent: "center"
   },
   triggerLabel: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "400"
   },
   activeTriggerLabel: {
@@ -1355,53 +1367,51 @@ function AccordionItemComponent({
   onToggle
 }) {
   const { colors } = useTheme();
-  const animatedHeight = ReanimatedAnimated.useSharedValue(0);
-  const animatedRotation = ReanimatedAnimated.useSharedValue(0);
-  const contentHeight = React23.useRef(0);
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
-  const toggle = (open) => {
-    const easing = open ? ReanimatedAnimated.Easing.out(ReanimatedAnimated.Easing.ease) : ReanimatedAnimated.Easing.in(ReanimatedAnimated.Easing.ease);
-    animatedHeight.value = ReanimatedAnimated.withTiming(open ? contentHeight.current : 0, { duration: 220, easing });
-    animatedRotation.value = ReanimatedAnimated.withTiming(open ? 1 : 0, { duration: 220, easing });
-  };
+  const isExpanded = Animated10.useSharedValue(isOpen);
+  const height = Animated10.useSharedValue(0);
   React23__default.default.useEffect(() => {
-    toggle(isOpen);
+    isExpanded.value = isOpen;
   }, [isOpen]);
-  const onLayout = (e) => {
-    if (contentHeight.current === 0) {
-      contentHeight.current = e.nativeEvent.layout.height;
-      if (isOpen) animatedHeight.value = contentHeight.current;
-    }
-  };
-  const heightStyle = ReanimatedAnimated.useAnimatedStyle(() => ({
-    height: animatedHeight.value,
+  const derivedHeight = Animated10.useDerivedValue(
+    () => Animated10.withTiming(height.value * Number(isExpanded.value), {
+      duration: 220,
+      easing: isExpanded.value ? Animated10.Easing.out(Animated10.Easing.ease) : Animated10.Easing.in(Animated10.Easing.ease)
+    })
+  );
+  const derivedRotation = Animated10.useDerivedValue(
+    () => Animated10.withTiming(isExpanded.value ? 1 : 0, {
+      duration: 220,
+      easing: isExpanded.value ? Animated10.Easing.out(Animated10.Easing.ease) : Animated10.Easing.in(Animated10.Easing.ease)
+    })
+  );
+  const bodyStyle = Animated10.useAnimatedStyle(() => ({
+    height: derivedHeight.value,
     overflow: "hidden"
   }));
-  const rotationStyle = ReanimatedAnimated.useAnimatedStyle(() => ({
-    transform: [{ rotate: `${animatedRotation.value * 180}deg` }]
+  const rotationStyle = Animated10.useAnimatedStyle(() => ({
+    transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
-  const handlePressIn = () => {
-    reactNative.Animated.spring(scale, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
-  };
-  const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
-  };
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: [styles17.item, { borderBottomColor: colors.border }] }, /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale }] } }, /* @__PURE__ */ React23__default.default.createElement(
-    reactNative.TouchableOpacity,
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: [styles17.item, { borderBottomColor: colors.border }] }, /* @__PURE__ */ React23__default.default.createElement(
+    reactNative.Pressable,
     {
-      style: styles17.trigger,
+      style: ({ pressed }) => [styles17.trigger, { opacity: pressed ? 0.6 : 1 }],
       onPress: () => {
-        Haptics12__namespace.selectionAsync();
+        selectionAsync();
         onToggle();
-      },
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      activeOpacity: 1,
-      touchSoundDisabled: true
+      }
     },
     /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles17.triggerText, { color: colors.foreground }] }, item.trigger),
-    /* @__PURE__ */ React23__default.default.createElement(ReanimatedAnimated__default.default.View, { style: [styles17.chevron, rotationStyle] }, /* @__PURE__ */ React23__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foreground }))
-  )), /* @__PURE__ */ React23__default.default.createElement(ReanimatedAnimated__default.default.View, { style: heightStyle }, /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles17.content, onLayout }, item.content)));
+    /* @__PURE__ */ React23__default.default.createElement(Animated10__default.default.View, { style: [styles17.chevron, rotationStyle] }, /* @__PURE__ */ React23__default.default.createElement(vectorIcons.Entypo, { name: "chevron-down", size: 20, color: colors.foreground }))
+  ), /* @__PURE__ */ React23__default.default.createElement(Animated10__default.default.View, { style: bodyStyle }, /* @__PURE__ */ React23__default.default.createElement(
+    reactNative.View,
+    {
+      style: styles17.content,
+      onLayout: (e) => {
+        height.value = e.nativeEvent.layout.height;
+      }
+    },
+    item.content
+  )));
 }
 function Accordion({ items, type = "single", defaultValue, style }) {
   const [openValues, setOpenValues] = React23.useState(() => {
@@ -1435,18 +1445,20 @@ var styles17 = reactNative.StyleSheet.create({
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
-    paddingVertical: 20
+    paddingVertical: vs(20)
   },
   triggerText: {
-    fontSize: 17,
+    fontSize: ms(17),
     fontWeight: "500",
     flex: 1
   },
   chevron: {
-    marginLeft: 8
+    marginLeft: s(8)
   },
+  // position:'absolute' is the key — the inner View escapes the animated wrapper's
+  // clipped height so onLayout always reports the true content height.
   content: {
-    paddingBottom: 20,
+    paddingBottom: vs(20),
     position: "absolute",
     width: "100%"
   }
@@ -1470,7 +1482,7 @@ function Slider({
   const handleValueChange = (v) => {
     if (step && v !== lastSteppedValue.current) {
       lastSteppedValue.current = v;
-      Haptics12__namespace.selectionAsync();
+      selectionAsync();
     }
     onValueChange?.(v);
   };
@@ -1494,7 +1506,7 @@ function Slider({
 }
 var styles18 = reactNative.StyleSheet.create({
   wrapper: {
-    gap: 8
+    gap: vs(8)
   },
   header: {
     flexDirection: "row",
@@ -1502,16 +1514,16 @@ var styles18 = reactNative.StyleSheet.create({
     alignItems: "center"
   },
   label: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "500"
   },
   valueText: {
-    fontSize: 14,
+    fontSize: ms(14),
     fontWeight: "500"
   },
   slider: {
     width: "100%",
-    height: 40
+    height: vs(40)
   },
   disabled: {
     opacity: 0.45
@@ -1530,7 +1542,7 @@ function Sheet({
   const ref = React23.useRef(null);
   React23.useEffect(() => {
     if (open) {
-      Haptics12__namespace.impactAsync(Haptics12__namespace.ImpactFeedbackStyle.Light);
+      impactLight();
       ref.current?.present();
     } else {
       ref.current?.dismiss();
@@ -1561,34 +1573,34 @@ function Sheet({
 }
 var styles19 = reactNative.StyleSheet.create({
   background: {
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16
+    borderTopLeftRadius: ms(16),
+    borderTopRightRadius: ms(16)
   },
   handle: {
-    width: 36,
-    height: 4,
-    borderRadius: 2
+    width: s(36),
+    height: vs(4),
+    borderRadius: ms(2)
   },
   content: {
-    paddingHorizontal: 24,
-    paddingBottom: 32
+    paddingHorizontal: s(24),
+    paddingBottom: vs(32)
   },
   header: {
-    gap: 8,
-    marginBottom: 16
+    gap: vs(8),
+    marginBottom: vs(16)
   },
   title: {
-    fontSize: 18,
+    fontSize: ms(18),
     fontWeight: "600"
   },
   description: {
-    fontSize: 14,
-    lineHeight: 20
+    fontSize: ms(14),
+    lineHeight: mvs(20)
   }
 });
 var isIOS = reactNative.Platform.OS === "ios";
 var isAndroid = reactNative.Platform.OS === "android";
-var isWeb = reactNative.Platform.OS === "web";
+var isWeb2 = reactNative.Platform.OS === "web";
 function Select({
   options,
   value,
@@ -1600,21 +1612,21 @@ function Select({
   style
 }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const [pickerVisible, setPickerVisible] = React23.useState(false);
   const [pendingValue, setPendingValue] = React23.useState(value);
   const pickerRef = React23.useRef(null);
   const selected = options.find((o) => o.value === value);
   const handlePressIn = () => {
     if (disabled) return;
-    reactNative.Animated.spring(scale, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    reactNative.Animated.spring(scale2, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
   };
   const handleOpen = () => {
     if (disabled) return;
-    Haptics12__namespace.selectionAsync();
+    selectionAsync();
     if (isIOS) {
       setPendingValue(value);
       setPickerVisible(true);
@@ -1627,12 +1639,12 @@ function Select({
   };
   const handleConfirm = () => {
     if (pendingValue !== void 0 && pendingValue !== "") {
-      Haptics12__namespace.selectionAsync();
+      selectionAsync();
       onValueChange?.(pendingValue);
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: [styles20.container, style] }, label ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles20.label, { color: colors.foreground }] }, label) : null, !isWeb ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: [styles20.container, style] }, label ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles20.label, { color: colors.foreground }] }, label) : null, !isWeb2 ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: { transform: [{ scale: scale2 }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [
@@ -1696,7 +1708,7 @@ function Select({
       selectedValue: value ?? "",
       onValueChange: (val) => {
         if (val !== "") {
-          Haptics12__namespace.selectionAsync();
+          selectionAsync();
           onValueChange?.(val);
         }
       },
@@ -1715,7 +1727,7 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, isWeb ? /* @__PURE__ */ React23__default.default.createElement(
+  ) : null, isWeb2 ? /* @__PURE__ */ React23__default.default.createElement(
     picker.Picker,
     {
       selectedValue: value ?? "",
@@ -1749,10 +1761,10 @@ function Select({
 }
 var styles20 = reactNative.StyleSheet.create({
   container: {
-    gap: 8
+    gap: vs(8)
   },
   label: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "500"
   },
   trigger: {
@@ -1760,9 +1772,9 @@ var styles20 = reactNative.StyleSheet.create({
     alignItems: "center",
     justifyContent: "space-between",
     borderWidth: 1.5,
-    borderRadius: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 14,
+    borderRadius: ms(8),
+    paddingHorizontal: s(16),
+    paddingVertical: vs(14),
     shadowColor: "#000",
     shadowOffset: { width: 0, height: 1 },
     shadowOpacity: 0.04,
@@ -1770,41 +1782,41 @@ var styles20 = reactNative.StyleSheet.create({
     elevation: 1
   },
   triggerText: {
-    fontSize: 17,
+    fontSize: ms(17),
     flex: 1
   },
   chevron: {
-    marginLeft: 8
+    marginLeft: s(8)
   },
   helperText: {
-    fontSize: 13
+    fontSize: ms(13)
   },
   iosBackdrop: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.4)"
   },
   iosSheet: {
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-    paddingBottom: 32
+    borderTopLeftRadius: ms(16),
+    borderTopRightRadius: ms(16),
+    paddingBottom: vs(32)
   },
   iosToolbar: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    paddingHorizontal: 16,
-    paddingVertical: 12,
+    paddingHorizontal: s(16),
+    paddingVertical: vs(12),
     borderBottomWidth: 1
   },
   iosToolbarTitle: {
-    fontSize: 17,
+    fontSize: ms(17),
     fontWeight: "600"
   },
   iosDoneBtn: {
-    padding: 4
+    padding: s(4)
   },
   iosDoneBtnText: {
-    fontSize: 17,
+    fontSize: ms(17),
     fontWeight: "600"
   },
   androidHiddenPicker: {
@@ -1814,10 +1826,10 @@ var styles20 = reactNative.StyleSheet.create({
   },
   webPicker: {
     borderWidth: 1.5,
-    borderRadius: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 14,
-    fontSize: 17
+    borderRadius: ms(8),
+    paddingHorizontal: s(16),
+    paddingVertical: vs(14),
+    fontSize: ms(17)
   }
 });
 var ToastContext = React23.createContext({
@@ -1833,15 +1845,15 @@ var SWIPE_THRESHOLD = 80;
 var VELOCITY_THRESHOLD = 800;
 function ToastNotification({ item, onDismiss }) {
   const { colors } = useTheme();
-  const translateY = ReanimatedAnimated.useSharedValue(-80);
-  const translateX = ReanimatedAnimated.useSharedValue(0);
-  const opacity = ReanimatedAnimated.useSharedValue(0);
+  const translateY = Animated10.useSharedValue(-80);
+  const translateX = Animated10.useSharedValue(0);
+  const opacity = Animated10.useSharedValue(0);
   React23.useEffect(() => {
-    translateY.value = ReanimatedAnimated.withTiming(0, { duration: 120, easing: ReanimatedAnimated.Easing.out(ReanimatedAnimated.Easing.exp) });
-    opacity.value = ReanimatedAnimated.withTiming(1, { duration: 100 });
+    translateY.value = Animated10.withTiming(0, { duration: 120, easing: Animated10.Easing.out(Animated10.Easing.exp) });
+    opacity.value = Animated10.withTiming(1, { duration: 100 });
     const timer = setTimeout(() => {
-      translateY.value = ReanimatedAnimated.withTiming(-80, { duration: 200 });
-      opacity.value = ReanimatedAnimated.withTiming(0, { duration: 200 }, (done) => {
+      translateY.value = Animated10.withTiming(-80, { duration: 200 });
+      opacity.value = Animated10.withTiming(0, { duration: 200 }, (done) => {
         if (done) reactNativeWorklets.scheduleOnRN(onDismiss);
       });
     }, item.duration ?? 3e3);
@@ -1853,15 +1865,15 @@ function ToastNotification({ item, onDismiss }) {
     const shouldDismiss = Math.abs(translateX.value) > SWIPE_THRESHOLD || Math.abs(e.velocityX) > VELOCITY_THRESHOLD;
     if (shouldDismiss) {
       const direction = translateX.value > 0 ? 1 : -1;
-      translateX.value = ReanimatedAnimated.withTiming(direction * 500, { duration: 200 }, (done) => {
+      translateX.value = Animated10.withTiming(direction * 500, { duration: 200 }, (done) => {
         if (done) reactNativeWorklets.scheduleOnRN(onDismiss);
       });
-      opacity.value = ReanimatedAnimated.withTiming(0, { duration: 150 });
+      opacity.value = Animated10.withTiming(0, { duration: 150 });
     } else {
-      translateX.value = ReanimatedAnimated.withSpring(0, { damping: 20, stiffness: 300 });
+      translateX.value = Animated10.withSpring(0, { damping: 20, stiffness: 300 });
     }
   });
-  const animatedStyle = ReanimatedAnimated.useAnimatedStyle(() => ({
+  const animatedStyle = Animated10.useAnimatedStyle(() => ({
     opacity: opacity.value,
     transform: [{ translateY: translateY.value }, { translateX: translateX.value }]
   }));
@@ -1877,7 +1889,7 @@ function ToastNotification({ item, onDismiss }) {
   }[item.variant ?? "default"];
   const defaultIcon = item.variant === "success" ? /* @__PURE__ */ React23__default.default.createElement(vectorIcons.FontAwesome5, { name: "check-circle", size: 22, color: textColor }) : item.variant === "destructive" ? /* @__PURE__ */ React23__default.default.createElement(vectorIcons.MaterialIcons, { name: "error-outline", size: 24, color: textColor }) : /* @__PURE__ */ React23__default.default.createElement(vectorIcons.Entypo, { name: "info-with-circle", size: 22, color: textColor });
   const leftIcon = item.icon ?? defaultIcon;
-  return /* @__PURE__ */ React23__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React23__default.default.createElement(ReanimatedAnimated__default.default.View, { style: [styles21.toast, { backgroundColor: bgColor }, animatedStyle] }, /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles21.leftIconContainer }, leftIcon), /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles21.toastContent }, item.title ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles21.toastTitle, { color: textColor }] }, item.title) : null, item.description ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles21.toastDescription, { color: textColor, opacity: 0.85 }] }, item.description) : null), /* @__PURE__ */ React23__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles21.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React23__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 18, color: textColor }))));
+  return /* @__PURE__ */ React23__default.default.createElement(reactNativeGestureHandler.GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React23__default.default.createElement(Animated10__default.default.View, { style: [styles21.toast, { backgroundColor: bgColor }, animatedStyle] }, /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles21.leftIconContainer }, leftIcon), /* @__PURE__ */ React23__default.default.createElement(reactNative.View, { style: styles21.toastContent }, item.title ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles21.toastTitle, { color: textColor }] }, item.title) : null, item.description ? /* @__PURE__ */ React23__default.default.createElement(reactNative.Text, { style: [styles21.toastDescription, { color: textColor, opacity: 0.85 }] }, item.description) : null), /* @__PURE__ */ React23__default.default.createElement(reactNative.TouchableOpacity, { onPress: onDismiss, style: styles21.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React23__default.default.createElement(vectorIcons.AntDesign, { name: "close-circle", size: 18, color: textColor }))));
 }
 function ToastProvider({ children }) {
   const [toasts, setToasts] = React23.useState([]);
@@ -1885,11 +1897,11 @@ function ToastProvider({ children }) {
   const toast = React23.useCallback((item) => {
     const id = Math.random().toString(36).slice(2);
     if (item.variant === "success") {
-      Haptics12__namespace.notificationAsync(Haptics12__namespace.NotificationFeedbackType.Success);
+      notificationSuccess();
     } else if (item.variant === "destructive") {
-      Haptics12__namespace.notificationAsync(Haptics12__namespace.NotificationFeedbackType.Error);
+      notificationError();
     } else {
-      Haptics12__namespace.impactAsync(Haptics12__namespace.ImpactFeedbackStyle.Light);
+      impactLight();
     }
     setToasts((prev) => [{ ...item, id }, ...prev].slice(0, 3));
   }, []);
@@ -1901,23 +1913,23 @@ function ToastProvider({ children }) {
 var styles21 = reactNative.StyleSheet.create({
   container: {
     position: "absolute",
-    left: 16,
-    right: 16,
-    gap: 8,
+    left: s(16),
+    right: s(16),
+    gap: vs(8),
     zIndex: 9999
   },
   containerWeb: {
     left: void 0,
     right: void 0,
     alignSelf: "center",
-    width: 400
+    width: s(400)
   },
   toast: {
     flexDirection: "row",
     alignItems: "center",
-    borderRadius: 16,
-    paddingHorizontal: 20,
-    paddingVertical: 14,
+    borderRadius: ms(16),
+    paddingHorizontal: s(20),
+    paddingVertical: vs(14),
     shadowColor: "#000",
     shadowOffset: { width: 0, height: 4 },
     shadowOpacity: 0.15,
@@ -1926,24 +1938,24 @@ var styles21 = reactNative.StyleSheet.create({
   },
   toastContent: {
     flex: 1,
-    gap: 4
+    gap: vs(4)
   },
   leftIconContainer: {
-    width: 40,
+    width: s(40),
     alignItems: "center",
     justifyContent: "center",
-    marginRight: 8
+    marginRight: s(8)
   },
   toastTitle: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "600"
   },
   toastDescription: {
-    fontSize: 14
+    fontSize: ms(14)
   },
   dismissButton: {
-    padding: 8,
-    marginLeft: 4
+    padding: s(8),
+    marginLeft: s(4)
   }
 });
 function formatCurrency(raw, separator) {
@@ -1975,7 +1987,7 @@ function CurrencyInput({
     const raw = parseFloat(formatted.replace(separatorRegex, "") || "0");
     onChangeValue?.(isNaN(raw) ? 0 : raw);
   };
-  const inputStyle = size === "large" ? { fontSize: 36 } : {};
+  const inputStyle = size === "large" ? { fontSize: ms(36) } : {};
   return /* @__PURE__ */ React23__default.default.createElement(
     Input,
     {
@@ -2012,11 +2024,11 @@ function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor,
 var styles22 = reactNative.StyleSheet.create({
   container: {},
   amount: {
-    fontSize: 56,
+    fontSize: ms(56),
     fontWeight: "700"
   }
 });
-var nativeDriver4 = reactNative.Platform.OS !== "web";
+var nativeDriver7 = reactNative.Platform.OS !== "web";
 function ListItem({
   leftRender,
   rightRender,
@@ -2036,26 +2048,26 @@ function ListItem({
   captionStyle
 }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const handlePressIn = () => {
     if (!onPress || disabled) return;
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 0.97,
-      useNativeDriver: nativeDriver4,
+      useNativeDriver: nativeDriver7,
       speed: 40,
       bounciness: 0
     }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver4,
+      useNativeDriver: nativeDriver7,
       speed: 40,
       bounciness: 4
     }).start();
   };
   const handlePress = () => {
-    Haptics12__namespace.selectionAsync();
+    selectionAsync();
     onPress?.();
   };
   const effectiveLeft = leftRender ?? icon;
@@ -2071,7 +2083,7 @@ function ListItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale }] }, disabled && styles23.disabled] }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles23.disabled] }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       style: [styles23.container, cardStyle, style],
@@ -2121,7 +2133,7 @@ function ListItem({
     {
       style: [
         styles23.separator,
-        { backgroundColor: colors.border, marginLeft: effectiveLeft ? 16 + 44 + 12 : 16 }
+        { backgroundColor: colors.border, marginLeft: effectiveLeft ? s(16) + s(44) + s(12) : s(16) }
       ]
     }
   ) : null);
@@ -2130,61 +2142,61 @@ var styles23 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 14,
-    gap: 12
+    paddingHorizontal: s(16),
+    paddingVertical: vs(14),
+    gap: s(12)
   },
   leftContainer: {
-    width: 44,
-    height: 44,
+    width: s(44),
+    height: s(44),
     alignItems: "center",
     justifyContent: "center",
     flexShrink: 0
   },
   content: {
     flex: 1,
-    gap: 4
+    gap: vs(4)
   },
   title: {
-    fontSize: 17,
+    fontSize: ms(17),
     fontWeight: "500",
-    lineHeight: 24
+    lineHeight: mvs(24)
   },
   subtitle: {
-    fontSize: 14,
+    fontSize: ms(14),
     fontWeight: "400",
-    lineHeight: 20
+    lineHeight: mvs(20)
   },
   caption: {
-    fontSize: 12,
+    fontSize: ms(12),
     fontWeight: "400",
-    lineHeight: 16,
+    lineHeight: mvs(16),
     opacity: 0.7
   },
   rightContainer: {
     alignItems: "flex-end",
     justifyContent: "center",
     flexShrink: 0,
-    maxWidth: 160
+    maxWidth: s(160)
   },
   rightText: {
-    fontSize: 15
+    fontSize: ms(15)
   },
   chevron: {
-    marginLeft: 4
+    marginLeft: s(4)
   },
   separator: {
     height: reactNative.StyleSheet.hairlineWidth,
-    marginRight: 16
+    marginRight: s(16)
   },
   disabled: {
     opacity: 0.45
   }
 });
-var nativeDriver5 = reactNative.Platform.OS !== "web";
+var nativeDriver8 = reactNative.Platform.OS !== "web";
 function Chip({ label, selected = false, onPress, style }) {
   const { colors } = useTheme();
-  const scale = React23.useRef(new reactNative.Animated.Value(1)).current;
+  const scale2 = React23.useRef(new reactNative.Animated.Value(1)).current;
   const pressAnim = React23.useRef(new reactNative.Animated.Value(selected ? 1 : 0)).current;
   React23.useEffect(() => {
     reactNative.Animated.timing(pressAnim, {
@@ -2195,23 +2207,23 @@ function Chip({ label, selected = false, onPress, style }) {
     }).start();
   }, [selected, pressAnim]);
   const handlePressIn = () => {
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 0.95,
-      useNativeDriver: nativeDriver5,
+      useNativeDriver: nativeDriver8,
       speed: 40,
       bounciness: 0
     }).start();
   };
   const handlePressOut = () => {
-    reactNative.Animated.spring(scale, {
+    reactNative.Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver5,
+      useNativeDriver: nativeDriver8,
       speed: 40,
       bounciness: 4
     }).start();
   };
   const handlePress = () => {
-    Haptics12__namespace.selectionAsync();
+    selectionAsync();
     onPress?.();
   };
   const backgroundColor = pressAnim.interpolate({
@@ -2226,7 +2238,7 @@ function Chip({ label, selected = false, onPress, style }) {
     inputRange: [0, 1],
     outputRange: [colors.border, colors.primary]
   });
-  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [styles24.wrapper, { transform: [{ scale }] }, style] }, /* @__PURE__ */ React23__default.default.createElement(
+  return /* @__PURE__ */ React23__default.default.createElement(reactNative.Animated.View, { style: [styles24.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React23__default.default.createElement(
     reactNative.TouchableOpacity,
     {
       onPress: handlePress,
@@ -2274,21 +2286,21 @@ var styles24 = reactNative.StyleSheet.create({
   wrapper: {},
   chip: {
     borderRadius: 999,
-    paddingHorizontal: 14,
-    paddingVertical: 8,
+    paddingHorizontal: s(14),
+    paddingVertical: vs(8),
     borderWidth: 1.5,
     alignItems: "center",
     justifyContent: "center"
   },
   label: {
-    fontSize: 14,
+    fontSize: ms(14),
     fontWeight: "500",
-    lineHeight: 20
+    lineHeight: mvs(20)
   },
   group: {
     flexDirection: "row",
     flexWrap: "wrap",
-    gap: 8
+    gap: s(8)
   }
 });
 function ConfirmDialog({
@@ -2319,14 +2331,14 @@ var styles25 = reactNative.StyleSheet.create({
     backgroundColor: "rgba(0,0,0,0.5)",
     justifyContent: "center",
     alignItems: "center",
-    padding: 24
+    padding: s(24)
   },
   dialog: {
     width: "100%",
-    maxWidth: 400,
-    borderRadius: 16,
-    padding: 24,
-    gap: 12,
+    maxWidth: s(400),
+    borderRadius: ms(16),
+    padding: s(24),
+    gap: vs(12),
     shadowColor: "#000",
     shadowOffset: { width: 0, height: 8 },
     shadowOpacity: 0.15,
@@ -2334,17 +2346,17 @@ var styles25 = reactNative.StyleSheet.create({
     elevation: 8
   },
   title: {
-    fontSize: 18,
+    fontSize: ms(18),
     fontWeight: "600",
-    lineHeight: 26
+    lineHeight: mvs(26)
   },
   description: {
-    fontSize: 15,
-    lineHeight: 22
+    fontSize: ms(15),
+    lineHeight: mvs(22)
   },
   actions: {
-    gap: 10,
-    marginTop: 8
+    gap: vs(10),
+    marginTop: vs(8)
   }
 });
 function LabelValue({ label, value, style }) {
@@ -2356,16 +2368,16 @@ var styles26 = reactNative.StyleSheet.create({
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
-    gap: 12
+    gap: s(12)
   },
   label: {
-    fontSize: 13,
-    lineHeight: 18
+    fontSize: ms(13),
+    lineHeight: mvs(18)
   },
   value: {
-    fontSize: 15,
+    fontSize: ms(15),
     fontWeight: "500",
-    lineHeight: 22,
+    lineHeight: mvs(22),
     textAlign: "right"
   }
 });
@@ -2386,7 +2398,7 @@ var MONTH_NAMES = [
 function MonthPicker({ value, onChange, style }) {
   const { colors } = useTheme();
   const handlePrev = () => {
-    Haptics12__namespace.selectionAsync();
+    selectionAsync();
     if (value.month === 1) {
       onChange({ month: 12, year: value.year - 1 });
     } else {
@@ -2394,7 +2406,7 @@ function MonthPicker({ value, onChange, style }) {
     }
   };
   const handleNext = () => {
-    Haptics12__namespace.selectionAsync();
+    selectionAsync();
     if (value.month === 12) {
       onChange({ month: 1, year: value.year + 1 });
     } else {
@@ -2428,17 +2440,17 @@ var styles27 = reactNative.StyleSheet.create({
     justifyContent: "space-between"
   },
   arrow: {
-    width: 44,
-    height: 44,
+    width: s(44),
+    height: s(44),
     alignItems: "center",
     justifyContent: "center"
   },
   label: {
-    fontSize: 17,
+    fontSize: ms(17),
     fontWeight: "500",
-    lineHeight: 24,
+    lineHeight: mvs(24),
     textAlign: "center",
-    minWidth: 160
+    minWidth: s(160)
   }
 });