@retray-dev/ui-kit 2.8.0 → 3.0.0

package/dist/index.mjs

@@ -7,7 +7,7 @@ import Feather from '@expo/vector-icons/Feather';
 import FontAwesome5 from '@expo/vector-icons/FontAwesome5';
 import MaterialIcons from '@expo/vector-icons/MaterialIcons';
 import Ionicons from '@expo/vector-icons/Ionicons';
-import { AntDesign as AntDesign$1, Entypo as Entypo$1, FontAwesome5 as FontAwesome5$1, MaterialIcons as MaterialIcons$1 } from '@expo/vector-icons';
+import { AntDesign as AntDesign$1, Entypo as Entypo$1, Feather as Feather$1, FontAwesome5 as FontAwesome5$1, MaterialIcons as MaterialIcons$1 } from '@expo/vector-icons';
 import { LinearGradient } from 'expo-linear-gradient';
 import Animated11, { useSharedValue, useDerivedValue, withTiming, Easing as Easing$1, useAnimatedStyle, withSpring } from 'react-native-reanimated';
 import RNSlider from '@react-native-community/slider';
@@ -35,33 +35,41 @@ var defaultLight = {
   accent: "#e4e4e4",
   accentForeground: "#171717",
   destructive: "#ef4444",
-  destructiveForeground: "#1a1a1a",
+  destructiveForeground: "#ffffff",
   border: "#e5e5e5",
   input: "#e5e5e5",
   ring: "#1a1a1a",
-  success: "#16a34a",
-  successForeground: "#1a1a1a"
+  success: "#1a7a45",
+  successForeground: "#ffffff",
+  destructiveTint: "#fff5f5",
+  destructiveBorder: "#fecaca",
+  successTint: "#f0fdf4",
+  successBorder: "#bbf7d0"
 };
 var defaultDark = {
-  background: "#171717",
+  background: "#0f0f0f",
   foreground: "#fafafa",
-  card: "#222222",
+  card: "#1c1c1c",
   cardForeground: "#fafafa",
   primary: "#fafafa",
-  primaryForeground: "#1a1a1a",
-  secondary: "#323232",
+  primaryForeground: "#0f0f0f",
+  secondary: "#272727",
   secondaryForeground: "#fafafa",
-  muted: "#323232",
-  mutedForeground: "#888888",
-  accent: "#323232",
+  muted: "#272727",
+  mutedForeground: "#9a9a9a",
+  accent: "#2e2e2e",
   accentForeground: "#fafafa",
   destructive: "#dc2626",
-  destructiveForeground: "#1a1a1a",
-  border: "#2a2a2a",
+  destructiveForeground: "#ffffff",
+  border: "#303030",
   input: "#2a2a2a",
   ring: "#fafafa",
-  success: "#22c55e",
-  successForeground: "#1a1a1a"
+  success: "#166534",
+  successForeground: "#ffffff",
+  destructiveTint: "#3b0a0a",
+  destructiveBorder: "#7f1d1d",
+  successTint: "#052e16",
+  successBorder: "#166534"
 };
 
 // src/theme/ThemeProvider.tsx
@@ -158,14 +166,14 @@ function renderIcon(name, size, color) {
 // src/components/Button/Button.tsx
 var nativeDriver = Platform.OS !== "web";
 var containerSizeStyles = {
-  sm: { paddingHorizontal: s(20), paddingVertical: vs(10) },
-  md: { paddingHorizontal: s(24), paddingVertical: vs(14) },
-  lg: { paddingHorizontal: s(32), paddingVertical: vs(18) }
+  sm: { paddingHorizontal: s(12), paddingVertical: vs(10), minHeight: 44 },
+  md: { paddingHorizontal: s(16), paddingVertical: vs(10), minHeight: 44 },
+  lg: { paddingHorizontal: s(20), paddingVertical: vs(12), minHeight: 48 }
 };
 var labelSizeStyles = {
-  sm: { fontSize: ms(15) },
-  md: { fontSize: ms(17) },
-  lg: { fontSize: ms(18) }
+  sm: { fontSize: ms(13) },
+  md: { fontSize: ms(15) },
+  lg: { fontSize: ms(16) }
 };
 var iconSizeMap = { sm: 16, md: 18, lg: 20 };
 function Button({
@@ -242,7 +250,7 @@ function Button({
 }
 var styles = StyleSheet.create({
   base: {
-    borderRadius: 999,
+    borderRadius: 8,
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "row"
@@ -254,7 +262,7 @@ var styles = StyleSheet.create({
     opacity: 0.5
   },
   label: {
-    fontWeight: "600"
+    fontFamily: "Poppins-SemiBold"
   },
   labelWithIcon: {
     marginHorizontal: s(8)
@@ -351,12 +359,12 @@ var styles2 = StyleSheet.create({
   }
 });
 var variantStyles = {
-  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) }
+  h1: { fontFamily: "Poppins-Bold", fontSize: ms(40), lineHeight: mvs(52) },
+  h2: { fontFamily: "Poppins-Bold", fontSize: ms(28), lineHeight: mvs(36) },
+  h3: { fontFamily: "Poppins-SemiBold", fontSize: ms(22), lineHeight: mvs(30) },
+  body: { fontFamily: "Poppins-Regular", fontSize: ms(17), lineHeight: mvs(26) },
+  caption: { fontFamily: "Poppins-Regular", fontSize: ms(13), lineHeight: mvs(20) },
+  label: { fontFamily: "Poppins-Medium", fontSize: ms(15), lineHeight: mvs(22) }
 };
 function Text2({ variant = "body", color, style, children, ...props }) {
   const { colors } = useTheme();
@@ -425,40 +433,44 @@ var styles3 = StyleSheet.create({
     gap: vs(8)
   },
   label: {
-    fontSize: ms(15),
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(13)
   },
   inputWrapper: {
     flexDirection: "row",
     alignItems: "center",
-    borderWidth: 1.5,
+    borderWidth: 1,
     borderRadius: ms(8),
-    paddingHorizontal: s(16),
-    paddingVertical: vs(14)
+    paddingHorizontal: s(14),
+    paddingVertical: vs(11)
   },
   input: {
+    fontFamily: "Poppins-Regular",
     flex: 1,
-    fontSize: ms(17),
+    fontSize: ms(15),
     paddingVertical: 0
   },
   prefixContainer: {
     marginRight: s(8)
   },
   prefixText: {
-    fontSize: ms(17),
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(15),
     marginRight: s(8)
   },
   suffixContainer: {
     marginLeft: s(8)
   },
   suffixText: {
-    fontSize: ms(17),
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(15),
     marginLeft: s(8)
   },
   passwordToggle: {
     padding: s(4)
   },
   helperText: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(13)
   }
 });
@@ -484,31 +496,35 @@ function Badge({ label, children, variant = "default", size = "md", icon, iconNa
     default: { backgroundColor: colors.primary },
     secondary: { backgroundColor: colors.secondary },
     destructive: { backgroundColor: colors.destructive },
-    outline: { backgroundColor: "transparent", borderWidth: 1, borderColor: colors.border }
+    outline: { backgroundColor: "transparent", borderWidth: 1, borderColor: colors.border },
+    success: { backgroundColor: colors.success },
+    warning: { backgroundColor: "#f59e0b" },
+    successOutline: { backgroundColor: colors.successTint, borderWidth: 1, borderColor: colors.successBorder },
+    destructiveOutline: { backgroundColor: colors.destructiveTint, borderWidth: 1, borderColor: colors.destructiveBorder }
   }[variant];
   const textColor = {
     default: colors.primaryForeground,
     secondary: colors.secondaryForeground,
     destructive: colors.destructiveForeground,
-    outline: colors.foreground
+    outline: colors.foreground,
+    success: colors.successForeground,
+    warning: "#ffffff",
+    successOutline: colors.success,
+    destructiveOutline: colors.destructive
   }[variant];
   const effectiveIcon = iconName ? renderIcon(iconName, sizeIconSize[size], iconColor ?? textColor) : icon;
   const content = children ?? label;
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles4.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon ? /* @__PURE__ */ React25.createElement(View, { style: styles4.iconContainer }, effectiveIcon) : null, typeof content === "string" ? /* @__PURE__ */ React25.createElement(Text, { style: [styles4.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles4.container, containerStyle, sizePadding[size], { gap: sizeIconGap[size] }, style] }, effectiveIcon, typeof content === "string" ? /* @__PURE__ */ React25.createElement(Text, { style: [styles4.label, { color: textColor }, sizeFontSize[size]], allowFontScaling: true }, content) : content);
 }
 var styles4 = StyleSheet.create({
   container: {
-    borderRadius: ms(6),
+    borderRadius: 9999,
     alignSelf: "flex-start",
     flexDirection: "row",
     alignItems: "center"
   },
-  iconContainer: {
-    justifyContent: "center",
-    alignItems: "center"
-  },
   label: {
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium"
   }
 });
 var nativeDriver3 = Platform.OS !== "web";
@@ -600,24 +616,27 @@ var styles5 = StyleSheet.create({
     borderWidth: 1
   },
   header: {
-    padding: s(24),
+    padding: s(16),
     paddingBottom: 0,
-    gap: vs(8)
+    gap: vs(4)
   },
   title: {
-    fontSize: ms(20),
-    fontWeight: "600",
-    lineHeight: mvs(28)
+    fontFamily: "Poppins-SemiBold",
+    fontSize: ms(16),
+    lineHeight: mvs(22)
   },
   description: {
-    fontSize: ms(15),
-    lineHeight: mvs(22)
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
   },
   content: {
-    padding: s(24)
+    padding: s(16),
+    paddingTop: s(12)
   },
   footer: {
-    padding: s(24),
+    paddingHorizontal: s(16),
+    paddingBottom: vs(14),
     paddingTop: 0,
     flexDirection: "row",
     alignItems: "center"
@@ -651,10 +670,35 @@ var sizeMap2 = {
   md: "small",
   lg: "large"
 };
-function Spinner({ size = "md", color, ...props }) {
+var labelFontSize = {
+  sm: ms(11),
+  md: ms(13),
+  lg: ms(14)
+};
+function Spinner({ size = "md", color, label, ...props }) {
   const { colors } = useTheme();
+  if (label) {
+    return /* @__PURE__ */ React25.createElement(View, { style: styles7.wrapper }, /* @__PURE__ */ React25.createElement(ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props }), /* @__PURE__ */ React25.createElement(
+      Text,
+      {
+        style: [styles7.label, { color: colors.mutedForeground, fontSize: labelFontSize[size] }],
+        allowFontScaling: true
+      },
+      label
+    ));
+  }
   return /* @__PURE__ */ React25.createElement(ActivityIndicator, { size: sizeMap2[size], color: color ?? colors.primary, ...props });
 }
+var styles7 = StyleSheet.create({
+  wrapper: {
+    alignItems: "center",
+    gap: vs(6)
+  },
+  label: {
+    fontFamily: "Poppins-Regular",
+    lineHeight: mvs(18)
+  }
+});
 function Skeleton({ width = "100%", height = 16, borderRadius = 6, style }) {
   const { colors, colorScheme } = useTheme();
   const shimmerAnim = useRef(new Animated.Value(0)).current;
@@ -679,7 +723,7 @@ function Skeleton({ width = "100%", height = 16, borderRadius = 6, style }) {
     View,
     {
       style: [
-        styles7.base,
+        styles8.base,
         { width, height, borderRadius, backgroundColor: colors.muted },
         style
       ],
@@ -696,7 +740,7 @@ function Skeleton({ width = "100%", height = 16, borderRadius = 6, style }) {
     ))
   );
 }
-var styles7 = StyleSheet.create({
+var styles8 = StyleSheet.create({
   base: {
     overflow: "hidden"
   }
@@ -725,7 +769,7 @@ function Avatar({ src, fallback, size = "md", style }) {
     backgroundColor: colors.muted,
     overflow: "hidden"
   };
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles8.base, containerStyle, style] }, !showFallback ? /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles9.base, containerStyle, style] }, !showFallback ? /* @__PURE__ */ React25.createElement(
     Image,
     {
       source: { uri: src },
@@ -735,56 +779,59 @@ function Avatar({ src, fallback, size = "md", style }) {
   ) : /* @__PURE__ */ React25.createElement(
     Text,
     {
-      style: [styles8.fallback, { color: colors.mutedForeground, fontSize: fontSizeMap[size] }],
+      style: [styles9.fallback, { color: colors.mutedForeground, fontSize: fontSizeMap[size] }],
       allowFontScaling: true
     },
     fallback?.slice(0, 2).toUpperCase() ?? "?"
   ));
 }
-var styles8 = StyleSheet.create({
+var styles9 = StyleSheet.create({
   base: {
     alignItems: "center",
     justifyContent: "center"
   },
   fallback: {
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium"
   }
 });
 function AlertBanner({ title, description, variant = "default", icon, iconName, iconColor, style }) {
   const { colors } = useTheme();
-  const borderColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : colors.border;
-  const titleColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : colors.foreground;
-  const descColor = variant === "destructive" ? colors.destructive : variant === "success" ? colors.success : colors.mutedForeground;
-  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25.createElement(FontAwesome5$1, { name: "check-circle", size: 18, color: titleColor }) : variant === "destructive" ? /* @__PURE__ */ React25.createElement(MaterialIcons$1, { name: "error-outline", size: 20, color: titleColor }) : /* @__PURE__ */ React25.createElement(Entypo$1, { name: "info-with-circle", size: 18, color: titleColor });
-  const effectiveIcon = iconName ? renderIcon(iconName, 18, iconColor ?? titleColor) : icon ?? defaultIcon;
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles9.container, { backgroundColor: colors.card, borderColor }, style] }, /* @__PURE__ */ React25.createElement(View, { style: styles9.icon }, effectiveIcon), /* @__PURE__ */ React25.createElement(View, { style: styles9.content }, title ? /* @__PURE__ */ React25.createElement(Text, { style: [styles9.title, { color: titleColor }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles9.description, { color: descColor }], allowFontScaling: true }, description) : null));
+  const bgColor = variant === "destructive" ? colors.destructiveBorder : variant === "success" ? colors.successBorder : colors.card;
+  const textColor = variant === "destructive" ? "#991b1b" : variant === "success" ? "#166534" : colors.foreground;
+  const borderColor = textColor;
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25.createElement(FontAwesome5$1, { name: "check-circle", size: 18, color: textColor }) : variant === "destructive" ? /* @__PURE__ */ React25.createElement(MaterialIcons$1, { name: "error-outline", size: 20, color: textColor }) : /* @__PURE__ */ React25.createElement(Entypo$1, { name: "info-with-circle", size: 18, color: textColor });
+  const effectiveIcon = iconName ? renderIcon(iconName, 18, iconColor ?? textColor) : icon ?? defaultIcon;
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles10.container, { backgroundColor: bgColor, borderColor }, style] }, /* @__PURE__ */ React25.createElement(View, { style: styles10.header }, /* @__PURE__ */ React25.createElement(View, { style: styles10.icon }, effectiveIcon), title ? /* @__PURE__ */ React25.createElement(Text, { style: [styles10.title, { color: textColor }], allowFontScaling: true }, title) : null), description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles10.description, { color: textColor, opacity: 0.85 }], allowFontScaling: true }, description) : null);
 }
-var styles9 = StyleSheet.create({
+var styles10 = StyleSheet.create({
   container: {
-    flexDirection: "row",
     borderWidth: 1,
     borderRadius: ms(12),
-    padding: s(16),
-    gap: s(12),
+    paddingHorizontal: s(14),
+    paddingVertical: vs(12),
+    gap: vs(8),
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.06,
-    shadowRadius: 12,
-    elevation: 3
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 5
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: s(10)
   },
   icon: {
     marginTop: 0
   },
-  content: {
-    flex: 1,
-    gap: vs(4)
-  },
   title: {
-    fontSize: ms(14),
-    fontWeight: "500",
-    lineHeight: mvs(20)
+    fontFamily: "Poppins-Bold",
+    fontSize: ms(15),
+    lineHeight: mvs(20),
+    flex: 1
   },
   description: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
   }
@@ -806,18 +853,18 @@ function Progress({ value = 0, max = 100, style }) {
   return /* @__PURE__ */ React25.createElement(
     View,
     {
-      style: [styles10.track, { backgroundColor: colors.muted }, style],
+      style: [styles11.track, { backgroundColor: colors.muted }, style],
       onLayout: (e) => setTrackWidth(e.nativeEvent.layout.width)
     },
     /* @__PURE__ */ React25.createElement(
       Animated.View,
       {
-        style: [styles10.indicator, { width: animatedWidth, backgroundColor: colors.primary }]
+        style: [styles11.indicator, { width: animatedWidth, backgroundColor: colors.primary }]
       }
     )
   );
 }
-var styles10 = StyleSheet.create({
+var styles11 = StyleSheet.create({
   track: {
     height: vs(8),
     borderRadius: 999,
@@ -837,8 +884,8 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, siz
     View,
     {
       style: [
-        styles11.container,
-        isCompact && styles11.containerCompact,
+        styles12.container,
+        isCompact && styles12.containerCompact,
         { borderColor: colors.border },
         style
       ]
@@ -847,25 +894,25 @@ function EmptyState({ icon, iconName, iconColor, title, description, action, siz
       View,
       {
         style: [
-          styles11.iconWrapper,
-          isCompact && styles11.iconWrapperCompact,
+          styles12.iconWrapper,
+          isCompact && styles12.iconWrapperCompact,
           { backgroundColor: colors.muted }
         ]
       },
       effectiveIcon
     ) : null,
-    /* @__PURE__ */ React25.createElement(View, { style: styles11.textWrapper }, /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React25.createElement(View, { style: styles12.textWrapper }, /* @__PURE__ */ React25.createElement(
       Text,
       {
-        style: [styles11.title, isCompact && styles11.titleCompact, { color: colors.foreground }],
+        style: [styles12.title, isCompact && styles12.titleCompact, { color: colors.foreground }],
         allowFontScaling: true
       },
       title
-    ), description && !isCompact ? /* @__PURE__ */ React25.createElement(Text, { style: [styles11.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null),
-    action && !isCompact ? /* @__PURE__ */ React25.createElement(View, { style: styles11.action }, action) : null
+    ), description && !isCompact ? /* @__PURE__ */ React25.createElement(Text, { style: [styles12.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null),
+    action && !isCompact ? /* @__PURE__ */ React25.createElement(View, { style: styles12.action }, action) : null
   );
 }
-var styles11 = StyleSheet.create({
+var styles12 = StyleSheet.create({
   container: {
     alignItems: "center",
     justifyContent: "center",
@@ -897,14 +944,15 @@ var styles11 = StyleSheet.create({
     maxWidth: s(320)
   },
   title: {
+    fontFamily: "Poppins-Medium",
     fontSize: ms(18),
-    fontWeight: "500",
     textAlign: "center"
   },
   titleCompact: {
     fontSize: ms(15)
   },
   description: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20),
     textAlign: "center"
@@ -927,14 +975,14 @@ function Textarea({
 }) {
   const { colors } = useTheme();
   const [focused, setFocused] = useState(false);
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles12.container, containerStyle] }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles12.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles13.container, containerStyle] }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles13.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, /* @__PURE__ */ React25.createElement(
     TextInput,
     {
       multiline: true,
       numberOfLines: rows,
       textAlignVertical: "top",
       style: [
-        styles12.input,
+        styles13.input,
         {
           borderColor: error ? colors.destructive : focused ? colors.ring ?? colors.primary : colors.border,
           color: colors.foreground,
@@ -956,24 +1004,26 @@ function Textarea({
       allowFontScaling: true,
       ...props
     }
-  ), error ? /* @__PURE__ */ React25.createElement(Text, { style: [styles12.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React25.createElement(Text, { style: [styles12.helperText, { color: colors.mutedForeground }], allowFontScaling: true }, hint) : null);
+  ), error ? /* @__PURE__ */ React25.createElement(Text, { style: [styles13.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null, !error && hint ? /* @__PURE__ */ React25.createElement(Text, { style: [styles13.helperText, { color: colors.mutedForeground }], allowFontScaling: true }, hint) : null);
 }
-var styles12 = StyleSheet.create({
+var styles13 = StyleSheet.create({
   container: {
     gap: vs(8)
   },
   label: {
-    fontSize: ms(15),
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(13)
   },
   input: {
-    borderWidth: 1.5,
+    fontFamily: "Poppins-Regular",
+    borderWidth: 1,
     borderRadius: ms(8),
-    paddingHorizontal: s(16),
-    paddingVertical: vs(14),
-    fontSize: ms(17)
+    paddingHorizontal: s(14),
+    paddingVertical: vs(11),
+    fontSize: ms(15)
   },
   helperText: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(13)
   }
 });
@@ -992,12 +1042,12 @@ function Checkbox({
     Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver4, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver4, speed: 40, bounciness: 4 }).start();
+    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver4, speed: 40, bounciness: 0 }).start();
   };
-  return /* @__PURE__ */ React25.createElement(Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
-      style: [styles13.row, style],
+      style: [styles14.row, style],
       onPress: () => {
         selectionAsync();
         onCheckedChange?.(!checked);
@@ -1009,30 +1059,31 @@ function Checkbox({
       touchSoundDisabled: true
     },
     /* @__PURE__ */ React25.createElement(
-      View,
+      Animated.View,
       {
         style: [
-          styles13.box,
+          styles14.box,
           {
             borderColor: checked ? colors.primary : colors.border,
             backgroundColor: checked ? colors.primary : "transparent",
-            opacity: disabled ? 0.45 : 1
+            opacity: disabled ? 0.45 : 1,
+            transform: [{ scale: scale2 }]
           }
         ]
       },
-      checked ? /* @__PURE__ */ React25.createElement(View, { style: [styles13.checkmark, { borderColor: colors.primaryForeground }] }) : null
+      checked ? /* @__PURE__ */ React25.createElement(View, { style: [styles14.checkmark, { borderColor: colors.primaryForeground }] }) : null
     ),
     label ? /* @__PURE__ */ React25.createElement(
       Text,
       {
-        style: [styles13.label, { color: disabled ? colors.mutedForeground : colors.foreground }],
+        style: [styles14.label, { color: disabled ? colors.mutedForeground : colors.foreground }],
         allowFontScaling: true
       },
       label
     ) : null
-  ));
+  );
 }
-var styles13 = StyleSheet.create({
+var styles14 = StyleSheet.create({
   row: {
     flexDirection: "row",
     alignItems: "center",
@@ -1041,7 +1092,7 @@ var styles13 = StyleSheet.create({
   box: {
     width: s(24),
     height: s(24),
-    borderRadius: ms(8),
+    borderRadius: ms(4),
     borderWidth: 1.5,
     alignItems: "center",
     justifyContent: "center"
@@ -1054,15 +1105,16 @@ var styles13 = StyleSheet.create({
     transform: [{ rotate: "-45deg" }, { translateY: -1 }]
   },
   label: {
-    fontSize: ms(15),
-    lineHeight: mvs(22)
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(14),
+    lineHeight: mvs(20)
   }
 });
 var nativeDriver5 = Platform.OS !== "web";
-var TRACK_WIDTH = s(60);
-var TRACK_HEIGHT = vs(36);
-var THUMB_SIZE = s(28);
-var THUMB_OFFSET = s(4);
+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;
 function Switch({ checked = false, onCheckedChange, disabled, style }) {
   const { colors } = useTheme();
@@ -1096,20 +1148,20 @@ function Switch({ checked = false, onCheckedChange, disabled, style }) {
       disabled,
       activeOpacity: 0.8,
       touchSoundDisabled: true,
-      style: styles14.wrapper
+      style: styles15.wrapper
     },
-    /* @__PURE__ */ React25.createElement(Animated.View, { style: [styles14.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React25.createElement(Animated.View, { style: [styles15.track, { backgroundColor: trackColor }] }, /* @__PURE__ */ React25.createElement(
       Animated.View,
       {
         style: [
-          styles14.thumb,
+          styles15.thumb,
           { backgroundColor: colors.primaryForeground, transform: [{ translateX }] }
         ]
       }
     ))
   ));
 }
-var styles14 = StyleSheet.create({
+var styles15 = StyleSheet.create({
   wrapper: {},
   track: {
     width: TRACK_WIDTH,
@@ -1132,6 +1184,7 @@ var styles14 = StyleSheet.create({
     elevation: 2
   }
 });
+var nativeDriver6 = Platform.OS !== "web";
 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) },
@@ -1167,10 +1220,10 @@ function Toggle({
   }, [pressed, pressAnim]);
   const handlePressIn = () => {
     if (disabled) return;
-    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    Animated.spring(scale2, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, speed: 40, bounciness: 4 }).start();
   };
   const borderColor = pressAnim.interpolate({
     inputRange: [0, 1],
@@ -1202,7 +1255,7 @@ function Toggle({
     if (custom) return /* @__PURE__ */ React25.createElement(React25.Fragment, null, custom);
     return /* @__PURE__ */ React25.createElement(FontAwesome5$1, { name: "circle", size: iconSize, color: colors.mutedForeground });
   };
-  return /* @__PURE__ */ React25.createElement(Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles15.disabled, style] }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles16.disabled, style] }, /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
       onPress: () => {
@@ -1220,16 +1273,16 @@ function Toggle({
       Animated.View,
       {
         style: [
-          styles15.base,
+          styles16.base,
           sizeStyles[size],
           { borderColor, backgroundColor, borderWidth: 2 }
         ]
       },
-      /* @__PURE__ */ React25.createElement(View, { style: styles15.inner }, /* @__PURE__ */ React25.createElement(LeftIcon, null), label ? /* @__PURE__ */ React25.createElement(Animated.Text, { style: [styles15.label, { color: textColor }], allowFontScaling: true }, label) : null)
+      /* @__PURE__ */ React25.createElement(View, { style: styles16.inner }, /* @__PURE__ */ React25.createElement(LeftIcon, null), label ? /* @__PURE__ */ React25.createElement(Animated.Text, { style: [styles16.label, { color: textColor }], allowFontScaling: true }, label) : null)
     )
   ));
 }
-var styles15 = StyleSheet.create({
+var styles16 = StyleSheet.create({
   base: {
     borderRadius: ms(8)
   },
@@ -1243,11 +1296,11 @@ var styles15 = StyleSheet.create({
     opacity: 0.45
   },
   label: {
-    fontSize: ms(14),
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(14)
   }
 });
-var nativeDriver6 = Platform.OS !== "web";
+var nativeDriver7 = Platform.OS !== "web";
 function RadioItem({
   option,
   selected,
@@ -1257,15 +1310,15 @@ function RadioItem({
   const scale2 = useRef(new Animated.Value(1)).current;
   const handlePressIn = () => {
     if (option.disabled) return;
-    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver6, speed: 40, bounciness: 0 }).start();
+    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver7, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver6, speed: 40, bounciness: 4 }).start();
+    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver7, speed: 40, bounciness: 4 }).start();
   };
-  return /* @__PURE__ */ React25.createElement(Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
-      style: styles16.row,
+      style: styles17.row,
       onPress: () => {
         if (!option.disabled) {
           selectionAsync();
@@ -1279,30 +1332,31 @@ function RadioItem({
       disabled: option.disabled
     },
     /* @__PURE__ */ React25.createElement(
-      View,
+      Animated.View,
       {
         style: [
-          styles16.radio,
+          styles17.radio,
           {
             borderColor: selected ? colors.primary : colors.border,
-            opacity: option.disabled ? 0.45 : 1
+            opacity: option.disabled ? 0.45 : 1,
+            transform: [{ scale: scale2 }]
           }
         ]
       },
-      selected ? /* @__PURE__ */ React25.createElement(View, { style: [styles16.dot, { backgroundColor: colors.primary }] }) : null
+      selected ? /* @__PURE__ */ React25.createElement(View, { style: [styles17.dot, { backgroundColor: colors.primary }] }) : null
     ),
     /* @__PURE__ */ React25.createElement(
       Text,
       {
         style: [
-          styles16.label,
+          styles17.label,
           { color: option.disabled ? colors.mutedForeground : colors.foreground }
         ],
         allowFontScaling: true
       },
       option.label
     )
-  ));
+  );
 }
 function RadioGroup({
   options,
@@ -1311,7 +1365,7 @@ function RadioGroup({
   orientation = "vertical",
   style
 }) {
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles16.container, orientation === "horizontal" && styles16.horizontal, style] }, options.map((option) => /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles17.container, orientation === "horizontal" && styles17.horizontal, style] }, options.map((option) => /* @__PURE__ */ React25.createElement(
     RadioItem,
     {
       key: option.value,
@@ -1321,7 +1375,7 @@ function RadioGroup({
     }
   )));
 }
-var styles16 = StyleSheet.create({
+var styles17 = StyleSheet.create({
   container: {
     gap: vs(12)
   },
@@ -1348,11 +1402,12 @@ var styles16 = StyleSheet.create({
     borderRadius: s(5)
   },
   label: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
   }
 });
-var nativeDriver7 = Platform.OS !== "web";
+var nativeDriver8 = Platform.OS !== "web";
 function TabTrigger({
   tab,
   isActive,
@@ -1362,15 +1417,15 @@ function TabTrigger({
   const { colors } = useTheme();
   const scale2 = useRef(new Animated.Value(1)).current;
   const handlePressIn = () => {
-    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver7, speed: 40, bounciness: 0 }).start();
+    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver8, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver7, speed: 40, bounciness: 4 }).start();
+    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver8, speed: 40, bounciness: 4 }).start();
   };
   return /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
-      style: styles17.trigger,
+      style: styles18.trigger,
       onPress,
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
@@ -1378,13 +1433,13 @@ function TabTrigger({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25.createElement(Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25.createElement(View, { style: styles17.triggerInner }, tab.icon ? /* @__PURE__ */ React25.createElement(View, { style: styles17.triggerIcon }, typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon) : null, /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React25.createElement(Animated.View, { style: { transform: [{ scale: scale2 }] } }, /* @__PURE__ */ React25.createElement(View, { style: styles18.triggerInner }, tab.icon ? typeof tab.icon === "function" ? tab.icon(isActive) : tab.icon : null, /* @__PURE__ */ React25.createElement(
       Text,
       {
         style: [
-          styles17.triggerLabel,
+          styles18.triggerLabel,
           { color: isActive ? colors.foreground : colors.mutedForeground },
-          isActive && styles17.activeTriggerLabel
+          isActive && styles18.activeTriggerLabel
         ],
         allowFontScaling: true
       },
@@ -1433,11 +1488,11 @@ function Tabs({ tabs, value, onValueChange, children, style }) {
     if (!value) setInternal(v);
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React25.createElement(View, { style }, /* @__PURE__ */ React25.createElement(View, { style: [styles17.list, { backgroundColor: colors.muted }] }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style }, /* @__PURE__ */ React25.createElement(View, { style: [styles18.list, { backgroundColor: colors.muted }] }, /* @__PURE__ */ React25.createElement(
     Animated.View,
     {
       style: [
-        styles17.pill,
+        styles18.pill,
         {
           backgroundColor: colors.background,
           position: "absolute",
@@ -1476,7 +1531,7 @@ function TabsContent({ value, activeValue, children, style }) {
   if (value !== activeValue) return null;
   return /* @__PURE__ */ React25.createElement(View, { style }, children);
 }
-var styles17 = StyleSheet.create({
+var styles18 = StyleSheet.create({
   list: {
     flexDirection: "row",
     borderRadius: ms(12),
@@ -1486,9 +1541,9 @@ var styles17 = StyleSheet.create({
   pill: {},
   trigger: {
     flex: 1,
-    paddingVertical: vs(12),
-    paddingHorizontal: s(16),
-    borderRadius: ms(8),
+    paddingVertical: vs(7),
+    paddingHorizontal: s(10),
+    borderRadius: ms(6),
     alignItems: "center",
     justifyContent: "center",
     zIndex: 1
@@ -1497,19 +1552,14 @@ var styles17 = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    gap: s(8)
-  },
-  triggerIcon: {
-    marginRight: s(6),
-    alignItems: "center",
-    justifyContent: "center"
+    gap: s(4)
   },
   triggerLabel: {
-    fontSize: ms(15),
-    fontWeight: "400"
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(13)
   },
   activeTriggerLabel: {
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium"
   }
 });
 function AccordionItemComponent({
@@ -1542,21 +1592,21 @@ function AccordionItemComponent({
   const rotationStyle = useAnimatedStyle(() => ({
     transform: [{ rotate: `${derivedRotation.value * 180}deg` }]
   }));
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles18.item, { borderBottomColor: colors.border }] }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles19.item, { backgroundColor: colors.card, borderColor: colors.border }] }, /* @__PURE__ */ React25.createElement(
     Pressable,
     {
-      style: ({ pressed }) => [styles18.trigger, { opacity: pressed ? 0.6 : 1 }],
+      style: ({ pressed }) => [styles19.trigger, { opacity: pressed ? 0.6 : 1 }],
       onPress: () => {
         selectionAsync();
         onToggle();
       }
     },
-    /* @__PURE__ */ React25.createElement(Text, { style: [styles18.triggerText, { color: colors.foreground }] }, item.trigger),
-    /* @__PURE__ */ React25.createElement(Animated11.View, { style: [styles18.chevron, rotationStyle] }, /* @__PURE__ */ React25.createElement(Entypo$1, { name: "chevron-down", size: 20, color: colors.foreground }))
+    /* @__PURE__ */ React25.createElement(Text, { style: [styles19.triggerText, { color: colors.foreground }], allowFontScaling: true }, item.trigger),
+    /* @__PURE__ */ React25.createElement(Animated11.View, { style: [styles19.chevron, rotationStyle] }, /* @__PURE__ */ React25.createElement(Entypo$1, { name: "chevron-down", size: 18, color: colors.mutedForeground }))
   ), /* @__PURE__ */ React25.createElement(Animated11.View, { style: bodyStyle }, /* @__PURE__ */ React25.createElement(
     View,
     {
-      style: styles18.content,
+      style: styles19.content,
       onLayout: (e) => {
         height.value = e.nativeEvent.layout.height;
       }
@@ -1578,7 +1628,7 @@ function Accordion({ items, type = "single", defaultValue, style }) {
       );
     }
   };
-  return /* @__PURE__ */ React25.createElement(View, { style }, items.map((item) => /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles19.list, style] }, items.map((item) => /* @__PURE__ */ React25.createElement(
     AccordionItemComponent,
     {
       key: item.value,
@@ -1588,19 +1638,25 @@ function Accordion({ items, type = "single", defaultValue, style }) {
     }
   )));
 }
-var styles18 = StyleSheet.create({
+var styles19 = StyleSheet.create({
+  list: {
+    gap: s(6)
+  },
   item: {
-    borderBottomWidth: 1
+    borderWidth: 1,
+    borderRadius: ms(10),
+    overflow: "hidden"
   },
   trigger: {
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
-    paddingVertical: vs(20)
+    paddingHorizontal: s(14),
+    paddingVertical: vs(12)
   },
   triggerText: {
-    fontSize: ms(17),
-    fontWeight: "500",
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(14),
     flex: 1
   },
   chevron: {
@@ -1609,7 +1665,8 @@ var styles18 = 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: {
-    paddingBottom: vs(20),
+    paddingHorizontal: s(14),
+    paddingBottom: vs(12),
     position: "absolute",
     width: "100%"
   }
@@ -1637,7 +1694,7 @@ function Slider({
     }
     onValueChange?.(v);
   };
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles19.wrapper, style], accessibilityLabel }, label || showValue ? /* @__PURE__ */ React25.createElement(View, { style: styles19.header }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles19.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React25.createElement(Text, { style: [styles19.valueText, { color: colors.mutedForeground }], allowFontScaling: true }, formatValue2(value)) : null) : null, /* @__PURE__ */ React25.createElement(View, { style: disabled ? styles19.disabled : void 0 }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles20.wrapper, style], accessibilityLabel }, label || showValue ? /* @__PURE__ */ React25.createElement(View, { style: styles20.header }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles20.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, showValue ? /* @__PURE__ */ React25.createElement(Text, { style: [styles20.valueText, { color: colors.mutedForeground }], allowFontScaling: true }, formatValue2(value)) : null) : null, /* @__PURE__ */ React25.createElement(View, { style: disabled ? styles20.disabled : void 0 }, /* @__PURE__ */ React25.createElement(
     RNSlider,
     {
       value,
@@ -1650,12 +1707,12 @@ function Slider({
       minimumTrackTintColor: colors.primary,
       maximumTrackTintColor: colors.muted,
       thumbTintColor: colors.primary,
-      style: styles19.slider,
+      style: styles20.slider,
       accessibilityLabel
     }
   )));
 }
-var styles19 = StyleSheet.create({
+var styles20 = StyleSheet.create({
   wrapper: {
     gap: vs(8)
   },
@@ -1665,16 +1722,16 @@ var styles19 = StyleSheet.create({
     alignItems: "center"
   },
   label: {
-    fontSize: ms(15),
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(15)
   },
   valueText: {
-    fontSize: ms(14),
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(14)
   },
   slider: {
     width: "100%",
-    height: vs(40)
+    height: vs(60)
   },
   disabled: {
     opacity: 0.45
@@ -1715,14 +1772,14 @@ function Sheet({
       snapPoints,
       onDismiss: onClose,
       backdropComponent: renderBackdrop,
-      backgroundStyle: [styles20.background, { backgroundColor: colors.card }],
-      handleIndicatorStyle: [styles20.handle, { backgroundColor: colors.border }],
+      backgroundStyle: [styles21.background, { backgroundColor: colors.card }],
+      handleIndicatorStyle: [styles21.handle, { backgroundColor: colors.border }],
       enablePanDownToClose: true
     },
-    /* @__PURE__ */ React25.createElement(BottomSheetView, { style: [styles20.content, style] }, title || description ? /* @__PURE__ */ React25.createElement(View, { style: styles20.header }, title ? /* @__PURE__ */ React25.createElement(Text, { style: [styles20.title, { color: colors.cardForeground }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles20.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null) : null, children)
+    /* @__PURE__ */ React25.createElement(BottomSheetView, { style: [styles21.content, style] }, title || description ? /* @__PURE__ */ React25.createElement(View, { style: styles21.header }, title ? /* @__PURE__ */ React25.createElement(Text, { style: [styles21.title, { color: colors.cardForeground }], allowFontScaling: true }, title) : null, description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles21.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null) : null, children)
   );
 }
-var styles20 = StyleSheet.create({
+var styles21 = StyleSheet.create({
   background: {
     borderTopLeftRadius: ms(16),
     borderTopRightRadius: ms(16)
@@ -1741,10 +1798,11 @@ var styles20 = StyleSheet.create({
     marginBottom: vs(16)
   },
   title: {
-    fontSize: ms(18),
-    fontWeight: "600"
+    fontFamily: "Poppins-SemiBold",
+    fontSize: ms(18)
   },
   description: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(14),
     lineHeight: mvs(20)
   }
@@ -1752,6 +1810,7 @@ var styles20 = StyleSheet.create({
 var isIOS = Platform.OS === "ios";
 var isAndroid = Platform.OS === "android";
 var isWeb2 = Platform.OS === "web";
+var nativeDriver9 = Platform.OS !== "web";
 function Select({
   options,
   value,
@@ -1770,10 +1829,10 @@ function Select({
   const selected = options.find((o) => o.value === value);
   const handlePressIn = () => {
     if (disabled) return;
-    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: true, speed: 40, bounciness: 0 }).start();
+    Animated.spring(scale2, { toValue: 0.95, useNativeDriver: nativeDriver9, speed: 40, bounciness: 0 }).start();
   };
   const handlePressOut = () => {
-    Animated.spring(scale2, { toValue: 1, useNativeDriver: true, speed: 40, bounciness: 4 }).start();
+    Animated.spring(scale2, { toValue: 1, useNativeDriver: nativeDriver9, speed: 40, bounciness: 4 }).start();
   };
   const handleOpen = () => {
     if (disabled) return;
@@ -1795,11 +1854,11 @@ function Select({
     }
     setPickerVisible(false);
   };
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles21.container, style] }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles21.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React25.createElement(Animated.View, { style: { transform: [{ scale: scale2 }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles22.container, style] }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles22.label, { color: colors.foreground }], allowFontScaling: true }, label) : null, !isWeb2 ? /* @__PURE__ */ React25.createElement(Animated.View, { style: { transform: [{ scale: scale2 }], opacity: disabled ? 0.45 : 1 } }, /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
       style: [
-        styles21.trigger,
+        styles22.trigger,
         {
           borderColor: error ? colors.destructive : colors.border,
           backgroundColor: colors.background
@@ -1815,7 +1874,7 @@ function Select({
       Text,
       {
         style: [
-          styles21.triggerText,
+          styles22.triggerText,
           { color: selected ? colors.foreground : colors.mutedForeground }
         ],
         numberOfLines: 1,
@@ -1832,8 +1891,8 @@ function Select({
       animationType: "slide",
       onRequestClose: handleDismiss
     },
-    /* @__PURE__ */ React25.createElement(TouchableOpacity, { style: styles21.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
-    /* @__PURE__ */ React25.createElement(View, { style: [styles21.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React25.createElement(View, { style: [styles21.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles21.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React25.createElement(View, null), /* @__PURE__ */ React25.createElement(TouchableOpacity, { onPress: handleConfirm, style: styles21.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React25.createElement(Text, { style: [styles21.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React25.createElement(TouchableOpacity, { style: styles22.iosBackdrop, activeOpacity: 1, onPress: handleDismiss }),
+    /* @__PURE__ */ React25.createElement(View, { style: [styles22.iosSheet, { backgroundColor: colors.card }] }, /* @__PURE__ */ React25.createElement(View, { style: [styles22.iosToolbar, { borderBottomColor: colors.border }] }, label ? /* @__PURE__ */ React25.createElement(Text, { style: [styles22.iosToolbarTitle, { color: colors.foreground }], allowFontScaling: true }, label) : /* @__PURE__ */ React25.createElement(View, null), /* @__PURE__ */ React25.createElement(TouchableOpacity, { onPress: handleConfirm, style: styles22.iosDoneBtn, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 } }, /* @__PURE__ */ React25.createElement(Text, { style: [styles22.iosDoneBtnText, { color: colors.primary }], allowFontScaling: true }, "Done"))), /* @__PURE__ */ React25.createElement(
       Picker,
       {
         selectedValue: pendingValue ?? "",
@@ -1866,7 +1925,7 @@ function Select({
       mode: "dialog",
       enabled: !disabled,
       prompt: label,
-      style: styles21.androidHiddenPicker
+      style: styles22.androidHiddenPicker
     },
     !value ? /* @__PURE__ */ React25.createElement(Picker.Item, { label: placeholder, value: "", enabled: false }) : null,
     options.map((o) => /* @__PURE__ */ React25.createElement(
@@ -1889,7 +1948,7 @@ function Select({
       },
       enabled: !disabled,
       style: [
-        styles21.webPicker,
+        styles22.webPicker,
         {
           borderColor: error ? colors.destructive : colors.border,
           color: selected ? colors.foreground : colors.mutedForeground,
@@ -1908,38 +1967,35 @@ function Select({
         enabled: !o.disabled
       }
     ))
-  ) : null, error ? /* @__PURE__ */ React25.createElement(Text, { style: [styles21.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
+  ) : null, error ? /* @__PURE__ */ React25.createElement(Text, { style: [styles22.helperText, { color: colors.destructive }], allowFontScaling: true }, error) : null);
 }
-var styles21 = StyleSheet.create({
+var styles22 = StyleSheet.create({
   container: {
     gap: vs(8)
   },
   label: {
-    fontSize: ms(15),
-    fontWeight: "500"
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(13)
   },
   trigger: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    borderWidth: 1.5,
+    borderWidth: 1,
     borderRadius: ms(8),
-    paddingHorizontal: s(16),
-    paddingVertical: vs(14),
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 1 },
-    shadowOpacity: 0.04,
-    shadowRadius: 2,
-    elevation: 1
+    paddingHorizontal: s(14),
+    paddingVertical: vs(11)
   },
   triggerText: {
-    fontSize: ms(17),
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(15),
     flex: 1
   },
   chevron: {
     marginLeft: s(8)
   },
   helperText: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(13)
   },
   iosBackdrop: {
@@ -1960,15 +2016,15 @@ var styles21 = StyleSheet.create({
     borderBottomWidth: 1
   },
   iosToolbarTitle: {
-    fontSize: ms(17),
-    fontWeight: "600"
+    fontFamily: "Poppins-SemiBold",
+    fontSize: ms(17)
   },
   iosDoneBtn: {
     padding: s(4)
   },
   iosDoneBtnText: {
-    fontSize: ms(17),
-    fontWeight: "600"
+    fontFamily: "Poppins-SemiBold",
+    fontSize: ms(17)
   },
   androidHiddenPicker: {
     height: 0,
@@ -1976,11 +2032,11 @@ var styles21 = StyleSheet.create({
     position: "absolute"
   },
   webPicker: {
-    borderWidth: 1.5,
+    borderWidth: 1,
     borderRadius: ms(8),
-    paddingHorizontal: s(16),
-    paddingVertical: vs(14),
-    fontSize: ms(17)
+    paddingHorizontal: s(14),
+    paddingVertical: vs(11),
+    fontSize: ms(15)
   }
 });
 var ToastContext = createContext({
@@ -2028,19 +2084,21 @@ function ToastNotification({ item, onDismiss }) {
     opacity: opacity.value,
     transform: [{ translateY: translateY.value }, { translateX: translateX.value }]
   }));
+  const variant = item.variant ?? "default";
   const bgColor = {
     default: colors.foreground,
-    destructive: colors.destructive,
-    success: colors.success
-  }[item.variant ?? "default"];
+    destructive: colors.destructiveBorder,
+    success: colors.successBorder
+  }[variant];
   const textColor = {
     default: colors.background,
-    destructive: colors.destructiveForeground,
-    success: colors.successForeground
-  }[item.variant ?? "default"];
-  const defaultIcon = item.variant === "success" ? /* @__PURE__ */ React25.createElement(FontAwesome5$1, { name: "check-circle", size: 22, color: textColor }) : item.variant === "destructive" ? /* @__PURE__ */ React25.createElement(MaterialIcons$1, { name: "error-outline", size: 24, color: textColor }) : /* @__PURE__ */ React25.createElement(Entypo$1, { name: "info-with-circle", size: 22, color: textColor });
+    destructive: "#991b1b",
+    success: "#166534"
+  }[variant];
+  const borderColor = textColor;
+  const defaultIcon = variant === "success" ? /* @__PURE__ */ React25.createElement(FontAwesome5$1, { name: "check-circle", size: 18, color: textColor }) : variant === "destructive" ? /* @__PURE__ */ React25.createElement(AntDesign$1, { name: "exclamation-circle", size: 18, color: textColor }) : /* @__PURE__ */ React25.createElement(Entypo$1, { name: "info-with-circle", size: 18, color: textColor });
   const leftIcon = item.iconName ? renderIcon(item.iconName, 22, item.iconColor ?? textColor) : item.icon ?? defaultIcon;
-  return /* @__PURE__ */ React25.createElement(GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React25.createElement(Animated11.View, { style: [styles22.toast, { backgroundColor: bgColor }, animatedStyle] }, /* @__PURE__ */ React25.createElement(View, { style: styles22.leftIconContainer }, leftIcon), /* @__PURE__ */ React25.createElement(View, { style: styles22.toastContent }, item.title ? /* @__PURE__ */ React25.createElement(Text, { style: [styles22.toastTitle, { color: textColor }], allowFontScaling: true }, item.title) : null, item.description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles22.toastDescription, { color: textColor, opacity: 0.85 }], allowFontScaling: true }, item.description) : null), /* @__PURE__ */ React25.createElement(TouchableOpacity, { onPress: onDismiss, style: styles22.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React25.createElement(AntDesign$1, { name: "close-circle", size: 18, color: textColor }))));
+  return /* @__PURE__ */ React25.createElement(GestureDetector, { gesture: panGesture }, /* @__PURE__ */ React25.createElement(Animated11.View, { style: [styles23.toast, { backgroundColor: bgColor, borderColor }, animatedStyle] }, /* @__PURE__ */ React25.createElement(View, { style: styles23.leftIconContainer }, leftIcon), /* @__PURE__ */ React25.createElement(View, { style: styles23.toastContent }, item.title ? /* @__PURE__ */ React25.createElement(Text, { style: [styles23.toastTitle, { color: textColor }], allowFontScaling: true }, item.title) : null, item.description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles23.toastDescription, { color: textColor, opacity: 0.85 }], allowFontScaling: true }, item.description) : null), /* @__PURE__ */ React25.createElement(TouchableOpacity, { onPress: onDismiss, style: styles23.dismissButton, touchSoundDisabled: true }, /* @__PURE__ */ React25.createElement(AntDesign$1, { name: "close-circle", size: 18, color: textColor }))));
 }
 function ToastProvider({ children }) {
   const [toasts, setToasts] = useState([]);
@@ -2059,9 +2117,9 @@ function ToastProvider({ children }) {
   const dismiss = useCallback((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
   }, []);
-  return /* @__PURE__ */ React25.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React25.createElement(View, { style: [styles22.container, Platform.OS === "web" && styles22.containerWeb, { top: insets.top + 8 }], pointerEvents: "box-none" }, toasts.map((item) => /* @__PURE__ */ React25.createElement(ToastNotification, { key: item.id, item, onDismiss: () => dismiss(item.id) }))));
+  return /* @__PURE__ */ React25.createElement(ToastContext.Provider, { value: { toast, dismiss } }, children, /* @__PURE__ */ React25.createElement(View, { style: [styles23.container, Platform.OS === "web" && styles23.containerWeb, { top: insets.top + 8 }], pointerEvents: "box-none" }, toasts.map((item) => /* @__PURE__ */ React25.createElement(ToastNotification, { key: item.id, item, onDismiss: () => dismiss(item.id) }))));
 }
-var styles22 = StyleSheet.create({
+var styles23 = StyleSheet.create({
   container: {
     position: "absolute",
     left: s(16),
@@ -2078,30 +2136,32 @@ var styles22 = StyleSheet.create({
   toast: {
     flexDirection: "row",
     alignItems: "center",
-    borderRadius: ms(16),
-    paddingHorizontal: s(20),
-    paddingVertical: vs(14),
+    borderRadius: ms(12),
+    borderWidth: 1,
+    paddingHorizontal: s(14),
+    paddingVertical: vs(12),
     shadowColor: "#000",
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.15,
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.1,
     shadowRadius: 8,
-    elevation: 6
+    elevation: 5
   },
   toastContent: {
     flex: 1,
     gap: vs(4)
   },
   leftIconContainer: {
-    width: s(40),
+    width: s(28),
     alignItems: "center",
     justifyContent: "center",
-    marginRight: s(8)
+    marginRight: s(10)
   },
   toastTitle: {
-    fontSize: ms(15),
-    fontWeight: "600"
+    fontFamily: "Poppins-SemiBold",
+    fontSize: ms(15)
   },
   toastDescription: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(14)
   },
   dismissButton: {
@@ -2126,30 +2186,33 @@ function CurrencyInput({
   hint,
   placeholder,
   editable,
+  prefixIcon,
   containerStyle,
   style
 }) {
   const handleChange = (text) => {
     const withoutPrefix = prefix && text.startsWith(prefix) ? text.slice(prefix.length) : text;
     const formatted = formatCurrency(withoutPrefix, thousandsSeparator);
-    const display = formatted ? `${prefix}${formatted}` : "";
+    const display = formatted;
     onChangeText?.(display);
     const separatorRegex = new RegExp(`\\${thousandsSeparator}`, "g");
     const raw = parseFloat(formatted.replace(separatorRegex, "") || "0");
     onChangeValue?.(isNaN(raw) ? 0 : raw);
   };
-  const inputStyle = size === "large" ? { fontSize: ms(36) } : {};
+  const inputStyle = size === "large" ? { fontFamily: "Poppins-Regular", fontSize: ms(36) } : { fontFamily: "Poppins-Regular" };
+  const displayValue = value && prefix && value.startsWith(prefix) ? value.slice(prefix.length) : value;
   return /* @__PURE__ */ React25.createElement(
     Input,
     {
-      value,
+      value: displayValue,
       onChangeText: handleChange,
       keyboardType: "numeric",
       label,
       error,
       hint,
-      placeholder: placeholder ?? `${prefix}0`,
+      placeholder: placeholder ?? "0",
       editable,
+      prefix: prefixIcon,
       containerStyle,
       style: [inputStyle, style]
     }
@@ -2170,16 +2233,16 @@ function formatValue(value, prefix, showDecimals) {
 function CurrencyDisplay({ value, prefix = "$", showDecimals = false, textColor, style }) {
   const { colors } = useTheme();
   const formatted = formatValue(value, prefix, showDecimals);
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles23.container, style] }, /* @__PURE__ */ React25.createElement(Text, { style: [styles23.amount, { color: textColor ?? colors.foreground }], allowFontScaling: true }, formatted));
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles24.container, style] }, /* @__PURE__ */ React25.createElement(Text, { style: [styles24.amount, { color: textColor ?? colors.foreground }], allowFontScaling: true }, formatted));
 }
-var styles23 = StyleSheet.create({
+var styles24 = StyleSheet.create({
   container: {},
   amount: {
-    fontSize: ms(56),
-    fontWeight: "700"
+    fontFamily: "Poppins-Bold",
+    fontSize: ms(56)
   }
 });
-var nativeDriver8 = Platform.OS !== "web";
+var nativeDriver10 = Platform.OS !== "web";
 function ListItem({
   leftRender,
   rightRender,
@@ -2208,7 +2271,7 @@ function ListItem({
     if (!onPress || disabled) return;
     Animated.spring(scale2, {
       toValue: 0.97,
-      useNativeDriver: nativeDriver8,
+      useNativeDriver: nativeDriver10,
       speed: 40,
       bounciness: 0
     }).start();
@@ -2216,7 +2279,7 @@ function ListItem({
   const handlePressOut = () => {
     Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver8,
+      useNativeDriver: nativeDriver10,
       speed: 40,
       bounciness: 4
     }).start();
@@ -2238,10 +2301,10 @@ function ListItem({
     shadowRadius: 6,
     elevation: 2
   } : {};
-  return /* @__PURE__ */ React25.createElement(Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles24.disabled] }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(Animated.View, { style: [{ transform: [{ scale: scale2 }] }, disabled && styles25.disabled] }, /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
-      style: [styles24.container, cardStyle, style],
+      style: [styles25.container, cardStyle, style],
       onPress: onPress ? handlePress : void 0,
       onPressIn: handlePressIn,
       onPressOut: handlePressOut,
@@ -2249,11 +2312,11 @@ function ListItem({
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    effectiveLeft ? /* @__PURE__ */ React25.createElement(View, { style: styles24.leftContainer }, effectiveLeft) : null,
-    /* @__PURE__ */ React25.createElement(View, { style: styles24.content }, /* @__PURE__ */ React25.createElement(
+    effectiveLeft ? /* @__PURE__ */ React25.createElement(View, { style: styles25.leftContainer }, effectiveLeft) : null,
+    /* @__PURE__ */ React25.createElement(View, { style: styles25.content }, /* @__PURE__ */ React25.createElement(
       Text,
       {
-        style: [styles24.title, { color: colors.foreground }, titleStyle],
+        style: [styles25.title, { color: colors.foreground }, titleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
@@ -2261,7 +2324,7 @@ function ListItem({
     ), subtitle ? /* @__PURE__ */ React25.createElement(
       Text,
       {
-        style: [styles24.subtitle, { color: colors.mutedForeground }, subtitleStyle],
+        style: [styles25.subtitle, { color: colors.mutedForeground }, subtitleStyle],
         numberOfLines: 2,
         allowFontScaling: true
       },
@@ -2269,16 +2332,16 @@ function ListItem({
     ) : null, caption ? /* @__PURE__ */ React25.createElement(
       Text,
       {
-        style: [styles24.caption, { color: colors.mutedForeground }, captionStyle],
+        style: [styles25.caption, { color: colors.mutedForeground }, captionStyle],
         numberOfLines: 1,
         allowFontScaling: true
       },
       caption
     ) : null),
-    effectiveRight !== void 0 ? /* @__PURE__ */ React25.createElement(View, { style: styles24.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React25.createElement(
+    effectiveRight !== void 0 ? /* @__PURE__ */ React25.createElement(View, { style: styles25.rightContainer }, typeof effectiveRight === "string" ? /* @__PURE__ */ React25.createElement(
       Text,
       {
-        style: [styles24.rightText, { color: colors.mutedForeground }],
+        style: [styles25.rightText, { color: colors.mutedForeground }],
         allowFontScaling: true
       },
       effectiveRight
@@ -2287,18 +2350,18 @@ function ListItem({
     View,
     {
       style: [
-        styles24.separator,
+        styles25.separator,
         { backgroundColor: colors.border, marginLeft: effectiveLeft ? s(16) + s(44) + s(12) : s(16) }
       ]
     }
   ) : null);
 }
-var styles24 = StyleSheet.create({
+var styles25 = StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
     paddingHorizontal: s(16),
-    paddingVertical: vs(14),
+    paddingVertical: vs(10),
     gap: s(12)
   },
   leftContainer: {
@@ -2313,18 +2376,18 @@ var styles24 = StyleSheet.create({
     gap: vs(4)
   },
   title: {
-    fontSize: ms(17),
-    fontWeight: "500",
-    lineHeight: mvs(24)
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(15),
+    lineHeight: mvs(22)
   },
   subtitle: {
-    fontSize: ms(14),
-    fontWeight: "400",
-    lineHeight: mvs(20)
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
   },
   caption: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(12),
-    fontWeight: "400",
     lineHeight: mvs(16),
     opacity: 0.7
   },
@@ -2335,7 +2398,8 @@ var styles24 = StyleSheet.create({
     maxWidth: s(160)
   },
   rightText: {
-    fontSize: ms(15)
+    fontFamily: "Poppins-Regular",
+    fontSize: ms(14)
   },
   chevron: {
     marginLeft: s(4)
@@ -2348,8 +2412,8 @@ var styles24 = StyleSheet.create({
     opacity: 0.45
   }
 });
-var nativeDriver9 = Platform.OS !== "web";
-function Chip({ label, selected = false, onPress, style }) {
+var nativeDriver11 = Platform.OS !== "web";
+function Chip({ label, selected = false, onPress, icon, iconName, style }) {
   const { colors } = useTheme();
   const scale2 = useRef(new Animated.Value(1)).current;
   const pressAnim = useRef(new Animated.Value(selected ? 1 : 0)).current;
@@ -2364,7 +2428,7 @@ function Chip({ label, selected = false, onPress, style }) {
   const handlePressIn = () => {
     Animated.spring(scale2, {
       toValue: 0.95,
-      useNativeDriver: nativeDriver9,
+      useNativeDriver: nativeDriver11,
       speed: 40,
       bounciness: 0
     }).start();
@@ -2372,7 +2436,7 @@ function Chip({ label, selected = false, onPress, style }) {
   const handlePressOut = () => {
     Animated.spring(scale2, {
       toValue: 1,
-      useNativeDriver: nativeDriver9,
+      useNativeDriver: nativeDriver11,
       speed: 40,
       bounciness: 4
     }).start();
@@ -2393,7 +2457,8 @@ function Chip({ label, selected = false, onPress, style }) {
     inputRange: [0, 1],
     outputRange: [colors.border, colors.primary]
   });
-  return /* @__PURE__ */ React25.createElement(Animated.View, { style: [styles25.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React25.createElement(
+  const resolvedIcon = iconName ? renderIcon(iconName, ms(13), selected ? colors.primaryForeground : colors.foreground) : icon;
+  return /* @__PURE__ */ React25.createElement(Animated.View, { style: [styles26.wrapper, { transform: [{ scale: scale2 }] }, style] }, /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
       onPress: handlePress,
@@ -2402,7 +2467,7 @@ function Chip({ label, selected = false, onPress, style }) {
       activeOpacity: 1,
       touchSoundDisabled: true
     },
-    /* @__PURE__ */ React25.createElement(Animated.View, { style: [styles25.chip, { backgroundColor, borderColor }] }, /* @__PURE__ */ React25.createElement(Animated.Text, { style: [styles25.label, { color: textColor }], allowFontScaling: true }, label))
+    /* @__PURE__ */ React25.createElement(Animated.View, { style: [styles26.chip, { backgroundColor, borderColor }] }, resolvedIcon ? /* @__PURE__ */ React25.createElement(View, { style: styles26.chipIcon }, resolvedIcon) : null, /* @__PURE__ */ React25.createElement(Animated.Text, { style: [styles26.label, { color: textColor }], allowFontScaling: true }, label))
   ));
 }
 function ChipGroup({ options, value, onValueChange, multiSelect = false, style }) {
@@ -2427,7 +2492,7 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     }
     return optionValue === value;
   };
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles25.group, style] }, options.map((opt) => /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles26.group, style] }, options.map((opt) => /* @__PURE__ */ React25.createElement(
     Chip,
     {
       key: opt.value,
@@ -2437,20 +2502,26 @@ function ChipGroup({ options, value, onValueChange, multiSelect = false, style }
     }
   )));
 }
-var styles25 = StyleSheet.create({
+var styles26 = StyleSheet.create({
   wrapper: {},
   chip: {
     borderRadius: 999,
     paddingHorizontal: s(14),
-    paddingVertical: vs(8),
-    borderWidth: 1.5,
+    paddingVertical: vs(5),
+    borderWidth: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row",
+    gap: s(5)
+  },
+  chipIcon: {
     alignItems: "center",
     justifyContent: "center"
   },
   label: {
-    fontSize: ms(14),
-    fontWeight: "500",
-    lineHeight: mvs(20)
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(13),
+    lineHeight: mvs(18)
   },
   group: {
     flexDirection: "row",
@@ -2469,43 +2540,85 @@ function ConfirmDialog({
   onCancel
 }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25.createElement(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onCancel }, /* @__PURE__ */ React25.createElement(TouchableOpacity, { style: styles26.overlay, activeOpacity: 1, onPress: onCancel }, /* @__PURE__ */ React25.createElement(
-    View,
+  const ref = useRef(null);
+  useEffect(() => {
+    if (visible) {
+      impactLight();
+      ref.current?.present();
+    } else {
+      ref.current?.dismiss();
+    }
+  }, [visible]);
+  const renderBackdrop = (props) => /* @__PURE__ */ React25.createElement(
+    BottomSheetBackdrop,
     {
-      style: [styles26.dialog, { backgroundColor: colors.card }],
-      onStartShouldSetResponder: () => true
+      ...props,
+      disappearsOnIndex: -1,
+      appearsOnIndex: 0,
+      pressBehavior: "close"
+    }
+  );
+  return /* @__PURE__ */ React25.createElement(
+    BottomSheetModal,
+    {
+      ref,
+      snapPoints: ["35%"],
+      onDismiss: onCancel,
+      backdropComponent: renderBackdrop,
+      backgroundStyle: [styles27.background, { backgroundColor: colors.card }],
+      handleIndicatorStyle: [styles27.handle, { backgroundColor: colors.border }],
+      enablePanDownToClose: true
     },
-    /* @__PURE__ */ React25.createElement(Text, { style: [styles26.title, { color: colors.cardForeground }], allowFontScaling: true }, title),
-    description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles26.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null,
-    /* @__PURE__ */ React25.createElement(View, { style: styles26.actions }, /* @__PURE__ */ React25.createElement(Button, { label: cancelLabel, variant: "outline", fullWidth: true, onPress: onCancel }), /* @__PURE__ */ React25.createElement(Button, { label: confirmLabel, variant: confirmVariant, fullWidth: true, onPress: onConfirm }))
-  )));
+    /* @__PURE__ */ React25.createElement(BottomSheetView, { style: styles27.content }, /* @__PURE__ */ React25.createElement(Text, { style: [styles27.title, { color: colors.cardForeground }], allowFontScaling: true }, title), description ? /* @__PURE__ */ React25.createElement(Text, { style: [styles27.description, { color: colors.mutedForeground }], allowFontScaling: true }, description) : null, /* @__PURE__ */ React25.createElement(View, { style: styles27.actions }, /* @__PURE__ */ React25.createElement(
+      Button,
+      {
+        label: cancelLabel,
+        variant: "outline",
+        fullWidth: true,
+        onPress: onCancel,
+        icon: /* @__PURE__ */ React25.createElement(Feather$1, { name: "x", size: 15, color: colors.foreground })
+      }
+    ), /* @__PURE__ */ React25.createElement(
+      Button,
+      {
+        label: confirmLabel,
+        variant: confirmVariant,
+        fullWidth: true,
+        onPress: onConfirm,
+        icon: /* @__PURE__ */ React25.createElement(
+          Feather$1,
+          {
+            name: confirmVariant === "destructive" ? "trash-2" : "check",
+            size: 15,
+            color: confirmVariant === "destructive" ? colors.destructiveForeground : colors.primaryForeground
+          }
+        )
+      }
+    )))
+  );
 }
-var styles26 = StyleSheet.create({
-  overlay: {
-    flex: 1,
-    backgroundColor: "rgba(0,0,0,0.5)",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: s(24)
+var styles27 = StyleSheet.create({
+  background: {
+    borderTopLeftRadius: ms(16),
+    borderTopRightRadius: ms(16)
   },
-  dialog: {
-    width: "100%",
-    maxWidth: s(400),
-    borderRadius: ms(16),
-    padding: s(24),
-    gap: vs(12),
-    shadowColor: "#000",
-    shadowOffset: { width: 0, height: 8 },
-    shadowOpacity: 0.15,
-    shadowRadius: 16,
-    elevation: 8
+  handle: {
+    width: s(36),
+    height: vs(4),
+    borderRadius: ms(2)
+  },
+  content: {
+    paddingHorizontal: s(24),
+    paddingBottom: vs(32),
+    gap: vs(12)
   },
   title: {
+    fontFamily: "Poppins-SemiBold",
     fontSize: ms(18),
-    fontWeight: "600",
     lineHeight: mvs(26)
   },
   description: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(15),
     lineHeight: mvs(22)
   },
@@ -2516,9 +2629,9 @@ var styles26 = StyleSheet.create({
 });
 function LabelValue({ label, value, style }) {
   const { colors } = useTheme();
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles27.container, style] }, /* @__PURE__ */ React25.createElement(Text, { style: [styles27.label, { color: colors.mutedForeground }], allowFontScaling: true }, label), typeof value === "string" ? /* @__PURE__ */ React25.createElement(Text, { style: [styles27.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles28.container, style] }, /* @__PURE__ */ React25.createElement(Text, { style: [styles28.label, { color: colors.mutedForeground }], allowFontScaling: true }, label), typeof value === "string" ? /* @__PURE__ */ React25.createElement(Text, { style: [styles28.value, { color: colors.foreground }], allowFontScaling: true }, value) : value);
 }
-var styles27 = StyleSheet.create({
+var styles28 = StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -2526,13 +2639,14 @@ var styles27 = StyleSheet.create({
     gap: s(12)
   },
   label: {
+    fontFamily: "Poppins-Regular",
     fontSize: ms(13),
     lineHeight: mvs(18)
   },
   value: {
-    fontSize: ms(15),
-    fontWeight: "500",
-    lineHeight: mvs(22),
+    fontFamily: "Poppins-Medium",
+    fontSize: ms(14),
+    lineHeight: mvs(20),
     textAlign: "right"
   }
 });
@@ -2568,19 +2682,19 @@ function MonthPicker({ value, onChange, style }) {
       onChange({ month: value.month + 1, year: value.year });
     }
   };
-  return /* @__PURE__ */ React25.createElement(View, { style: [styles28.container, style] }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React25.createElement(View, { style: [styles29.container, style] }, /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
-      style: styles28.arrow,
+      style: styles29.arrow,
       onPress: handlePrev,
       activeOpacity: 0.6,
       touchSoundDisabled: true
     },
     /* @__PURE__ */ React25.createElement(Entypo$1, { name: "chevron-left", size: 22, color: colors.foreground })
-  ), /* @__PURE__ */ React25.createElement(Text, { style: [styles28.label, { color: colors.foreground }], allowFontScaling: true }, MONTH_NAMES[value.month - 1], " ", value.year), /* @__PURE__ */ React25.createElement(
+  ), /* @__PURE__ */ React25.createElement(Text, { style: [styles29.label, { color: colors.foreground }], allowFontScaling: true }, MONTH_NAMES[value.month - 1], " ", value.year), /* @__PURE__ */ React25.createElement(
     TouchableOpacity,
     {
-      style: styles28.arrow,
+      style: styles29.arrow,
       onPress: handleNext,
       activeOpacity: 0.6,
       touchSoundDisabled: true
@@ -2588,7 +2702,7 @@ function MonthPicker({ value, onChange, style }) {
     /* @__PURE__ */ React25.createElement(Entypo$1, { name: "chevron-right", size: 22, color: colors.foreground })
   ));
 }
-var styles28 = StyleSheet.create({
+var styles29 = StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -2601,8 +2715,8 @@ var styles28 = StyleSheet.create({
     justifyContent: "center"
   },
   label: {
+    fontFamily: "Poppins-Medium",
     fontSize: ms(17),
-    fontWeight: "500",
     lineHeight: mvs(24),
     textAlign: "center",
     minWidth: s(160)