@gaozh1024/rn-kit 0.3.3 → 0.3.4

package/dist/index.mjs

@@ -989,6 +989,7 @@ import { jsx as jsx2 } from "nativewind/jsx-runtime";
 function AppView({
   flex,
   row,
+  wrap,
   center,
   between,
   items,
@@ -1015,6 +1016,7 @@ function AppView({
         flex === true && "flex-1",
         typeof flex === "number" && `flex-${flex}`,
         row ? "flex-row" : "flex-col",
+        wrap && "flex-wrap",
         center && "items-center justify-center",
         between && "justify-between",
         items && `items-${items}`,
@@ -1208,6 +1210,7 @@ function SafeScreen({
   left = false,
   right = false,
   bg,
+  surface,
   flex = true,
   className,
   children,
@@ -1216,7 +1219,7 @@ function SafeScreen({
 }) {
   const insets = useSafeAreaInsets();
   const { theme, isDark } = useOptionalTheme();
-  const resolvedBgColor = resolveNamedColor(bg, theme, isDark);
+  const resolvedBgColor = resolveSurfaceColor(surface, theme, isDark) ?? resolveNamedColor(bg, theme, isDark);
   const shouldUseClassBg = !!bg && !resolvedBgColor;
   return /* @__PURE__ */ jsx9(
     View2,
@@ -1248,7 +1251,7 @@ function AppScreen({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(SafeScreen, { flex: true, bg: "background", ...props, className, children });
+  return /* @__PURE__ */ jsx9(SafeScreen, { flex: true, surface: "background", ...props, className, children });
 }
 function SafeBottom({
   children,
@@ -1277,7 +1280,12 @@ function AppButton({
   const buttonColors = {
     primary: theme.colors.primary?.[500] || "#f38b32",
     secondary: theme.colors.secondary?.[500] || "#3b82f6",
-    danger: theme.colors.error?.[500] || "#ef4444"
+    success: theme.colors.success?.[500] || "#22c55e",
+    warning: theme.colors.warning?.[500] || "#f59e0b",
+    info: theme.colors.info?.[500] || theme.colors.secondary?.[500] || "#3b82f6",
+    error: theme.colors.error?.[500] || "#ef4444",
+    danger: theme.colors.error?.[500] || "#ef4444",
+    muted: isDark ? "#6b7280" : "#9ca3af"
   };
   const ghostTextColor = isDark ? "#ffffff" : theme.colors.text?.[500] || "#1f2937";
   const ghostBackgroundColor = isDark ? "rgba(255,255,255,0.04)" : "transparent";
@@ -1538,6 +1546,10 @@ import { View as View3 } from "react-native";
 import { jsx as jsx15 } from "nativewind/jsx-runtime";
 function Card({
   children,
+  p,
+  px,
+  py,
+  gap,
   className,
   style,
   noShadow = false,
@@ -1553,6 +1565,10 @@ function Card({
         !noRadius && "rounded-lg",
         !noShadow && "shadow-sm",
         "overflow-hidden",
+        p !== void 0 && `p-${p}`,
+        px !== void 0 && `px-${px}`,
+        py !== void 0 && `py-${py}`,
+        gap !== void 0 && `gap-${gap}`,
         className
       ),
       style: [
@@ -2280,6 +2296,8 @@ var AppInput = forwardRef(
   }
 );
 AppInput.displayName = "AppInput";
+var AppTextInput = AppInput;
+AppTextInput.displayName = "AppTextInput";
 var styles5 = StyleSheet6.create({
   inputContainer: {
     borderWidth: 0.5,
@@ -4043,292 +4061,16 @@ function createDrawerScreens(routes) {
 }
 
 // src/navigation/components/AppHeader.tsx
-import { StyleSheet as StyleSheet14 } from "react-native";
+import { StyleSheet as StyleSheet17 } from "react-native";
 import { useSafeAreaInsets as useSafeAreaInsets3 } from "react-native-safe-area-context";
-import { jsx as jsx36, jsxs as jsxs14 } from "nativewind/jsx-runtime";
-function AppHeader({
-  title,
-  subtitle,
-  leftIcon = "chevron-left",
-  onLeftPress,
-  rightIcons = [],
-  transparent = false,
-  safeArea = true,
-  style
-}) {
-  const colors = useThemeColors();
-  const insets = useSafeAreaInsets3();
-  const backgroundColor = transparent ? "transparent" : colors.card;
-  return /* @__PURE__ */ jsx36(
-    AppView,
-    {
-      style: [
-        {
-          backgroundColor,
-          paddingTop: safeArea ? insets.top : 0
-        },
-        style
-      ],
-      children: /* @__PURE__ */ jsxs14(AppView, { row: true, items: "center", px: 4, style: styles13.container, children: [
-        /* @__PURE__ */ jsx36(AppView, { style: [styles13.sideContainer, styles13.leftContainer], children: leftIcon && /* @__PURE__ */ jsx36(AppPressable, { onPress: onLeftPress, style: styles13.iconButton, children: /* @__PURE__ */ jsx36(Icon, { name: leftIcon, size: 24, color: colors.text }) }) }),
-        /* @__PURE__ */ jsxs14(AppView, { style: styles13.centerContainer, children: [
-          title && /* @__PURE__ */ jsx36(
-            AppText,
-            {
-              size: "lg",
-              weight: "semibold",
-              style: [styles13.title, { color: colors.text }],
-              numberOfLines: 1,
-              children: title
-            }
-          ),
-          subtitle && /* @__PURE__ */ jsx36(
-            AppText,
-            {
-              size: "xs",
-              style: [styles13.subtitle, { color: colors.textMuted }],
-              numberOfLines: 1,
-              children: subtitle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx36(AppView, { row: true, items: "center", style: [styles13.sideContainer, styles13.rightContainer], children: rightIcons.map((icon, index) => /* @__PURE__ */ jsx36(AppPressable, { onPress: icon.onPress, style: styles13.iconButton, children: /* @__PURE__ */ jsxs14(AppView, { children: [
-          /* @__PURE__ */ jsx36(Icon, { name: icon.icon, size: 24, color: colors.text }),
-          icon.badge ? /* @__PURE__ */ jsx36(AppView, { style: styles13.badge, children: /* @__PURE__ */ jsx36(AppText, { size: "xs", color: "white", style: styles13.badgeText, children: icon.badge > 99 ? "99+" : icon.badge }) }) : null
-        ] }) }, index)) })
-      ] })
-    }
-  );
-}
-var styles13 = StyleSheet14.create({
-  container: {
-    height: 44
-    // iOS 标准导航栏高度
-  },
-  sideContainer: {
-    width: 70,
-    // 固定宽度，确保标题居中
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  leftContainer: {
-    justifyContent: "flex-start"
-  },
-  rightContainer: {
-    justifyContent: "flex-end"
-  },
-  centerContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  title: {
-    textAlign: "center"
-  },
-  subtitle: {
-    textAlign: "center",
-    marginTop: 2
-  },
-  iconButton: {
-    padding: 8
-  },
-  badge: {
-    position: "absolute",
-    top: -4,
-    right: -4,
-    minWidth: 16,
-    height: 16,
-    borderRadius: 8,
-    backgroundColor: "#ef4444",
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 4
-  },
-  badgeText: {
-    fontSize: 10,
-    fontWeight: "bold"
-  }
-});
-
-// src/navigation/components/DrawerContent.tsx
-import { View as View9, TouchableOpacity as TouchableOpacity8, StyleSheet as StyleSheet15 } from "react-native";
-import { DrawerContentScrollView } from "@react-navigation/drawer";
-import { jsx as jsx37, jsxs as jsxs15 } from "nativewind/jsx-runtime";
-function DrawerContent({
-  state,
-  descriptors,
-  navigation,
-  header,
-  footer,
-  items,
-  activeBackgroundColor,
-  activeTintColor,
-  inactiveTintColor
-}) {
-  const { theme, isDark } = useTheme();
-  const colors = useThemeColors();
-  const activeBgColor = activeBackgroundColor || (isDark ? colors.primarySurface : theme.colors.primary?.[50] || "#fff7ed");
-  const activeColor = activeTintColor || colors.primary;
-  const inactiveColor = inactiveTintColor || (isDark ? "#d1d5db" : "#4b5563");
-  const backgroundColor = colors.card;
-  const dividerColor = colors.divider;
-  const drawerItems = items || state.routes.map((route) => {
-    const descriptor = descriptors[route.key];
-    const options = descriptor.options;
-    return {
-      name: route.name,
-      label: options.drawerLabel || options.title || route.name,
-      icon: options.drawerIcon?.({ size: 24, color: inactiveColor })?.props?.name,
-      badge: options.tabBarBadge
-    };
-  });
-  return /* @__PURE__ */ jsxs15(DrawerContentScrollView, { style: [styles14.container, { backgroundColor }], children: [
-    header && /* @__PURE__ */ jsx37(View9, { style: [styles14.header, { borderBottomColor: dividerColor }], children: header }),
-    /* @__PURE__ */ jsx37(AppView, { className: "py-2", children: drawerItems.map((item) => {
-      const isFocused = state.routes[state.index].name === item.name;
-      const onPress = () => {
-        navigation.navigate(item.name);
-      };
-      return /* @__PURE__ */ jsxs15(
-        TouchableOpacity8,
-        {
-          onPress,
-          style: [styles14.item, isFocused && { backgroundColor: activeBgColor }],
-          children: [
-            item.icon && /* @__PURE__ */ jsx37(View9, { style: styles14.iconContainer, children: /* @__PURE__ */ jsx37(
-              Icon,
-              {
-                name: item.icon,
-                size: "md",
-                color: isFocused ? activeColor : inactiveColor
-              }
-            ) }),
-            /* @__PURE__ */ jsx37(
-              AppText,
-              {
-                style: [
-                  styles14.label,
-                  { color: isFocused ? activeColor : inactiveColor },
-                  isFocused && styles14.activeLabel
-                ],
-                numberOfLines: 1,
-                children: item.label
-              }
-            ),
-            item.badge != null && /* @__PURE__ */ jsx37(View9, { style: [styles14.badge, { backgroundColor: activeColor }], children: /* @__PURE__ */ jsx37(AppText, { style: styles14.badgeText, children: typeof item.badge === "number" && item.badge > 99 ? "99+" : item.badge }) })
-          ]
-        },
-        item.name
-      );
-    }) }),
-    footer && /* @__PURE__ */ jsx37(View9, { style: [styles14.footer, { borderTopColor: dividerColor }], children: footer })
-  ] });
-}
-var styles14 = StyleSheet15.create({
-  container: {
-    flex: 1
-  },
-  header: {
-    padding: 16,
-    borderBottomWidth: 0.5
-  },
-  item: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    marginHorizontal: 8,
-    marginVertical: 2,
-    borderRadius: 8
-  },
-  iconContainer: {
-    width: 32,
-    alignItems: "center",
-    marginRight: 8
-  },
-  label: {
-    flex: 1,
-    fontSize: 16
-  },
-  activeLabel: {
-    fontWeight: "600"
-  },
-  badge: {
-    minWidth: 20,
-    height: 20,
-    borderRadius: 10,
-    justifyContent: "center",
-    alignItems: "center",
-    paddingHorizontal: 6
-  },
-  badgeText: {
-    color: "#fff",
-    fontSize: 12,
-    fontWeight: "bold"
-  },
-  footer: {
-    marginTop: "auto",
-    padding: 16,
-    borderTopWidth: 0.5
-  }
-});
-
-// src/navigation/hooks/useNavigation.ts
-import { useEffect as useEffect10 } from "react";
-import { useNavigation as useRNNavigation } from "@react-navigation/native";
-function useNavigation() {
-  return useRNNavigation();
-}
-function useStackNavigation() {
-  return useRNNavigation();
-}
-function useTabNavigation() {
-  return useRNNavigation();
-}
-function useDrawerNavigation() {
-  return useRNNavigation();
-}
-function useBackHandler(handler) {
-  const navigation = useRNNavigation();
-  useEffect10(() => {
-    const unsubscribe = navigation.addListener("beforeRemove", (e) => {
-      if (!handler()) {
-        e.preventDefault();
-      }
-    });
-    return unsubscribe;
-  }, [navigation, handler]);
-}
-
-// src/navigation/hooks/useRoute.ts
-import { useRoute as useRNRoute } from "@react-navigation/native";
-function useRoute() {
-  return useRNRoute();
-}
-
-// src/navigation/hooks/useNavigationState.ts
-import {
-  useNavigationState as useRNNavigationState,
-  useIsFocused,
-  useFocusEffect,
-  useScrollToTop
-} from "@react-navigation/native";
-function useNavigationState(selector) {
-  return useRNNavigationState(selector);
-}
-
-// src/navigation/index.ts
-import {
-  NavigationContainer as NavigationContainer2
-} from "@react-navigation/native";
 
 // src/overlay/AppProvider.tsx
 import { SafeAreaProvider } from "react-native-safe-area-context";
 
 // src/overlay/AppStatusBar.tsx
 import { StatusBar } from "react-native";
-import { useIsFocused as useIsFocused2 } from "@react-navigation/native";
-import { jsx as jsx38 } from "nativewind/jsx-runtime";
+import { useIsFocused } from "@react-navigation/native";
+import { jsx as jsx36 } from "nativewind/jsx-runtime";
 function AppStatusBar({
   barStyle = "auto",
   backgroundColor,
@@ -4338,7 +4080,7 @@ function AppStatusBar({
   const { theme, isDark } = useTheme();
   const resolvedBarStyle = barStyle === "auto" ? isDark ? "light-content" : "dark-content" : barStyle;
   const resolvedBackgroundColor = backgroundColor ?? (translucent ? "transparent" : theme.colors.background?.[500] || "#ffffff");
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx36(
     StatusBar,
     {
       barStyle: resolvedBarStyle,
@@ -4349,9 +4091,9 @@ function AppStatusBar({
   );
 }
 function AppFocusedStatusBar(props) {
-  const isFocused = useIsFocused2();
+  const isFocused = useIsFocused();
   if (!isFocused) return null;
-  return /* @__PURE__ */ jsx38(AppStatusBar, { ...props });
+  return /* @__PURE__ */ jsx36(AppStatusBar, { ...props });
 }
 
 // src/overlay/loading/provider.tsx
@@ -4367,15 +4109,15 @@ function useLoadingContext() {
 }
 
 // src/overlay/loading/component.tsx
-import { View as View10, Modal as Modal5, ActivityIndicator as ActivityIndicator5, StyleSheet as StyleSheet16 } from "react-native";
-import { jsx as jsx39, jsxs as jsxs16 } from "nativewind/jsx-runtime";
+import { View as View9, Modal as Modal5, ActivityIndicator as ActivityIndicator5, StyleSheet as StyleSheet14 } from "react-native";
+import { jsx as jsx37, jsxs as jsxs14 } from "nativewind/jsx-runtime";
 function LoadingModal({ visible, text }) {
-  return /* @__PURE__ */ jsx39(Modal5, { transparent: true, visible, animationType: "fade", children: /* @__PURE__ */ jsx39(View10, { style: styles15.overlay, children: /* @__PURE__ */ jsxs16(View10, { style: [styles15.loadingBox, { backgroundColor: "rgba(0,0,0,0.8)" }], children: [
-    /* @__PURE__ */ jsx39(ActivityIndicator5, { size: "large", color: "#fff" }),
-    text && /* @__PURE__ */ jsx39(AppText, { className: "text-white mt-3 text-sm", children: text })
+  return /* @__PURE__ */ jsx37(Modal5, { transparent: true, visible, animationType: "fade", children: /* @__PURE__ */ jsx37(View9, { style: styles13.overlay, children: /* @__PURE__ */ jsxs14(View9, { style: [styles13.loadingBox, { backgroundColor: "rgba(0,0,0,0.8)" }], children: [
+    /* @__PURE__ */ jsx37(ActivityIndicator5, { size: "large", color: "#fff" }),
+    text && /* @__PURE__ */ jsx37(AppText, { className: "text-white mt-3 text-sm", children: text })
   ] }) }) });
 }
-var styles15 = StyleSheet16.create({
+var styles13 = StyleSheet14.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -4391,7 +4133,7 @@ var styles15 = StyleSheet16.create({
 });
 
 // src/overlay/loading/provider.tsx
-import { jsx as jsx40, jsxs as jsxs17 } from "nativewind/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs15 } from "nativewind/jsx-runtime";
 function LoadingProvider({ children }) {
   const [state, setState] = useState27({ visible: false });
   const show = useCallback19((text) => {
@@ -4400,15 +4142,15 @@ function LoadingProvider({ children }) {
   const hide = useCallback19(() => {
     setState({ visible: false });
   }, []);
-  return /* @__PURE__ */ jsxs17(LoadingContext.Provider, { value: { show, hide }, children: [
+  return /* @__PURE__ */ jsxs15(LoadingContext.Provider, { value: { show, hide }, children: [
     children,
-    /* @__PURE__ */ jsx40(LoadingModal, { ...state })
+    /* @__PURE__ */ jsx38(LoadingModal, { ...state })
   ] });
 }
 
 // src/overlay/toast/provider.tsx
 import { useState as useState28, useCallback as useCallback20, useRef as useRef9 } from "react";
-import { View as View11, StyleSheet as StyleSheet17 } from "react-native";
+import { View as View10, StyleSheet as StyleSheet15 } from "react-native";
 
 // src/overlay/toast/context.ts
 import { createContext as createContext3, useContext as useContext3 } from "react";
@@ -4420,12 +4162,12 @@ function useToastContext() {
 }
 
 // src/overlay/toast/component.tsx
-import { useRef as useRef8, useEffect as useEffect11 } from "react";
+import { useRef as useRef8, useEffect as useEffect10 } from "react";
 import { Animated } from "react-native";
-import { jsx as jsx41 } from "nativewind/jsx-runtime";
+import { jsx as jsx39 } from "nativewind/jsx-runtime";
 function ToastItemView({ message, type, onHide }) {
   const fadeAnim = useRef8(new Animated.Value(0)).current;
-  useEffect11(() => {
+  useEffect10(() => {
     Animated.sequence([
       Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
       Animated.delay(2500),
@@ -4438,7 +4180,7 @@ function ToastItemView({ message, type, onHide }) {
     warning: "bg-warning-500",
     info: "bg-primary-500"
   };
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx39(
     Animated.View,
     {
       style: {
@@ -4452,13 +4194,13 @@ function ToastItemView({ message, type, onHide }) {
           }
         ]
       },
-      children: /* @__PURE__ */ jsx41(AppView, { className: `${bgColors[type]} px-4 py-3 rounded-lg mb-2 mx-4 shadow-lg`, children: /* @__PURE__ */ jsx41(AppText, { className: "text-white text-center", children: message }) })
+      children: /* @__PURE__ */ jsx39(AppView, { className: `${bgColors[type]} px-4 py-3 rounded-lg mb-2 mx-4 shadow-lg`, children: /* @__PURE__ */ jsx39(AppText, { className: "text-white text-center", children: message }) })
     }
   );
 }
 
 // src/overlay/toast/provider.tsx
-import { jsx as jsx42, jsxs as jsxs18 } from "nativewind/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs16 } from "nativewind/jsx-runtime";
 function ToastProvider({ children }) {
   const [toasts, setToasts] = useState28([]);
   const timersRef = useRef9(/* @__PURE__ */ new Map());
@@ -4496,12 +4238,12 @@ function ToastProvider({ children }) {
     (message, duration) => show(message, "warning", duration),
     [show]
   );
-  return /* @__PURE__ */ jsxs18(ToastContext.Provider, { value: { show, success, error, info, warning }, children: [
+  return /* @__PURE__ */ jsxs16(ToastContext.Provider, { value: { show, success, error, info, warning }, children: [
     children,
-    /* @__PURE__ */ jsx42(View11, { style: styles16.toastContainer, pointerEvents: "none", children: toasts.map((toast) => /* @__PURE__ */ jsx42(ToastItemView, { ...toast, onHide: () => remove(toast.id) }, toast.id)) })
+    /* @__PURE__ */ jsx40(View10, { style: styles14.toastContainer, pointerEvents: "none", children: toasts.map((toast) => /* @__PURE__ */ jsx40(ToastItemView, { ...toast, onHide: () => remove(toast.id) }, toast.id)) })
   ] });
 }
-var styles16 = StyleSheet17.create({
+var styles14 = StyleSheet15.create({
   toastContainer: {
     position: "absolute",
     top: 60,
@@ -4524,8 +4266,8 @@ function useAlertContext() {
 }
 
 // src/overlay/alert/component.tsx
-import { View as View12, Modal as Modal6, StyleSheet as StyleSheet18 } from "react-native";
-import { jsx as jsx43, jsxs as jsxs19 } from "nativewind/jsx-runtime";
+import { View as View11, Modal as Modal6, StyleSheet as StyleSheet16 } from "react-native";
+import { jsx as jsx41, jsxs as jsxs17 } from "nativewind/jsx-runtime";
 function AlertModal({
   visible,
   title,
@@ -4537,16 +4279,16 @@ function AlertModal({
   onCancel
 }) {
   if (!visible) return null;
-  return /* @__PURE__ */ jsx43(Modal6, { transparent: true, visible: true, animationType: "fade", children: /* @__PURE__ */ jsx43(View12, { style: styles17.overlay, children: /* @__PURE__ */ jsxs19(View12, { style: styles17.alertBox, children: [
-    title && /* @__PURE__ */ jsx43(AppText, { className: "text-lg font-semibold text-center mb-2", children: title }),
-    message && /* @__PURE__ */ jsx43(AppText, { className: "text-gray-600 text-center mb-4", children: message }),
-    /* @__PURE__ */ jsxs19(AppView, { row: true, gap: 3, className: "mt-2", children: [
-      showCancel && /* @__PURE__ */ jsx43(AppPressable, { onPress: onCancel, className: "flex-1 py-3 bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx43(AppText, { className: "text-center text-gray-700", children: cancelText || "\u53D6\u6D88" }) }),
-      /* @__PURE__ */ jsx43(AppPressable, { onPress: onConfirm, className: "flex-1 py-3 bg-primary-500 rounded-lg", children: /* @__PURE__ */ jsx43(AppText, { className: "text-center text-white", children: confirmText || "\u786E\u5B9A" }) })
+  return /* @__PURE__ */ jsx41(Modal6, { transparent: true, visible: true, animationType: "fade", children: /* @__PURE__ */ jsx41(View11, { style: styles15.overlay, children: /* @__PURE__ */ jsxs17(View11, { style: styles15.alertBox, children: [
+    title && /* @__PURE__ */ jsx41(AppText, { className: "text-lg font-semibold text-center mb-2", children: title }),
+    message && /* @__PURE__ */ jsx41(AppText, { className: "text-gray-600 text-center mb-4", children: message }),
+    /* @__PURE__ */ jsxs17(AppView, { row: true, gap: 3, className: "mt-2", children: [
+      showCancel && /* @__PURE__ */ jsx41(AppPressable, { onPress: onCancel, className: "flex-1 py-3 bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx41(AppText, { className: "text-center text-gray-700", children: cancelText || "\u53D6\u6D88" }) }),
+      /* @__PURE__ */ jsx41(AppPressable, { onPress: onConfirm, className: "flex-1 py-3 bg-primary-500 rounded-lg", children: /* @__PURE__ */ jsx41(AppText, { className: "text-center text-white", children: confirmText || "\u786E\u5B9A" }) })
     ] })
   ] }) }) });
 }
-var styles17 = StyleSheet18.create({
+var styles15 = StyleSheet16.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -4568,7 +4310,7 @@ var styles17 = StyleSheet18.create({
 });
 
 // src/overlay/alert/provider.tsx
-import { jsx as jsx44, jsxs as jsxs20 } from "nativewind/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs18 } from "nativewind/jsx-runtime";
 function AlertProvider({ children }) {
   const [alert, setAlert] = useState29(null);
   const showAlert = useCallback21((options) => {
@@ -4591,9 +4333,9 @@ function AlertProvider({ children }) {
     alert?.onCancel?.();
     hide();
   }, [alert, hide]);
-  return /* @__PURE__ */ jsxs20(AlertContext.Provider, { value: { alert: showAlert, confirm }, children: [
+  return /* @__PURE__ */ jsxs18(AlertContext.Provider, { value: { alert: showAlert, confirm }, children: [
     children,
-    /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx42(
       AlertModal,
       {
         visible: alert?.visible ?? false,
@@ -4610,13 +4352,13 @@ function AlertProvider({ children }) {
 }
 
 // src/overlay/provider.tsx
-import { jsx as jsx45 } from "nativewind/jsx-runtime";
+import { jsx as jsx43 } from "nativewind/jsx-runtime";
 function OverlayProvider({ children }) {
-  return /* @__PURE__ */ jsx45(LoadingProvider, { children: /* @__PURE__ */ jsx45(ToastProvider, { children: /* @__PURE__ */ jsx45(AlertProvider, { children }) }) });
+  return /* @__PURE__ */ jsx43(LoadingProvider, { children: /* @__PURE__ */ jsx43(ToastProvider, { children: /* @__PURE__ */ jsx43(AlertProvider, { children }) }) });
 }
 
 // src/overlay/AppProvider.tsx
-import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs21 } from "nativewind/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs19 } from "nativewind/jsx-runtime";
 var defaultLightTheme = {
   colors: {
     primary: "#f38b32",
@@ -4653,21 +4395,21 @@ function AppProvider({
 }) {
   let content = children;
   if (enableOverlay) {
-    content = /* @__PURE__ */ jsx46(OverlayProvider, { children: content });
+    content = /* @__PURE__ */ jsx44(OverlayProvider, { children: content });
   }
   if (enableNavigation) {
-    content = /* @__PURE__ */ jsx46(NavigationProvider, { ...navigationProps, children: content });
+    content = /* @__PURE__ */ jsx44(NavigationProvider, { ...navigationProps, children: content });
   }
   if (enableTheme) {
-    content = /* @__PURE__ */ jsx46(ThemeProvider, { light: lightTheme, dark: darkTheme, defaultDark, isDark, children: /* @__PURE__ */ jsxs21(Fragment4, { children: [
-      enableStatusBar && /* @__PURE__ */ jsx46(AppStatusBar, { testID: "status-bar", ...statusBarProps }),
+    content = /* @__PURE__ */ jsx44(ThemeProvider, { light: lightTheme, dark: darkTheme, defaultDark, isDark, children: /* @__PURE__ */ jsxs19(Fragment4, { children: [
+      enableStatusBar && /* @__PURE__ */ jsx44(AppStatusBar, { testID: "status-bar", ...statusBarProps }),
       content
     ] }) });
   }
   if (enableSafeArea) {
-    content = /* @__PURE__ */ jsx46(SafeAreaProvider, { children: content });
+    content = /* @__PURE__ */ jsx44(SafeAreaProvider, { children: content });
   }
-  return /* @__PURE__ */ jsx46(Fragment4, { children: content });
+  return /* @__PURE__ */ jsx44(Fragment4, { children: content });
 }
 
 // src/overlay/loading/hooks.ts
@@ -4685,6 +4427,287 @@ function useAlert() {
   return useAlertContext();
 }
 
+// src/navigation/components/AppHeader.tsx
+import { Fragment as Fragment5, jsx as jsx45, jsxs as jsxs20 } from "nativewind/jsx-runtime";
+function AppHeader({
+  title,
+  subtitle,
+  leftIcon = "chevron-left",
+  onLeftPress,
+  rightIcons = [],
+  transparent = false,
+  safeArea = true,
+  style
+}) {
+  const colors = useThemeColors();
+  const insets = useSafeAreaInsets3();
+  const backgroundColor = transparent ? "transparent" : colors.card;
+  return /* @__PURE__ */ jsxs20(Fragment5, { children: [
+    /* @__PURE__ */ jsx45(AppFocusedStatusBar, { translucent: true, backgroundColor: "transparent" }),
+    /* @__PURE__ */ jsx45(
+      AppView,
+      {
+        style: [
+          {
+            backgroundColor,
+            paddingTop: safeArea ? insets.top : 0
+          },
+          style
+        ],
+        children: /* @__PURE__ */ jsxs20(AppView, { row: true, items: "center", px: 4, style: styles16.container, children: [
+          /* @__PURE__ */ jsx45(AppView, { style: [styles16.sideContainer, styles16.leftContainer], children: leftIcon && /* @__PURE__ */ jsx45(AppPressable, { onPress: onLeftPress, style: styles16.iconButton, children: /* @__PURE__ */ jsx45(Icon, { name: leftIcon, size: 24, color: colors.text }) }) }),
+          /* @__PURE__ */ jsxs20(AppView, { style: styles16.centerContainer, children: [
+            title && /* @__PURE__ */ jsx45(
+              AppText,
+              {
+                size: "lg",
+                weight: "semibold",
+                style: [styles16.title, { color: colors.text }],
+                numberOfLines: 1,
+                children: title
+              }
+            ),
+            subtitle && /* @__PURE__ */ jsx45(
+              AppText,
+              {
+                size: "xs",
+                style: [styles16.subtitle, { color: colors.textMuted }],
+                numberOfLines: 1,
+                children: subtitle
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx45(AppView, { row: true, items: "center", style: [styles16.sideContainer, styles16.rightContainer], children: rightIcons.map((icon, index) => /* @__PURE__ */ jsx45(AppPressable, { onPress: icon.onPress, style: styles16.iconButton, children: /* @__PURE__ */ jsxs20(AppView, { children: [
+            /* @__PURE__ */ jsx45(Icon, { name: icon.icon, size: 24, color: colors.text }),
+            icon.badge ? /* @__PURE__ */ jsx45(AppView, { style: styles16.badge, children: /* @__PURE__ */ jsx45(AppText, { size: "xs", color: "white", style: styles16.badgeText, children: icon.badge > 99 ? "99+" : icon.badge }) }) : null
+          ] }) }, index)) })
+        ] })
+      }
+    )
+  ] });
+}
+var styles16 = StyleSheet17.create({
+  container: {
+    height: 44
+    // iOS 标准导航栏高度
+  },
+  sideContainer: {
+    width: 70,
+    // 固定宽度，确保标题居中
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  leftContainer: {
+    justifyContent: "flex-start"
+  },
+  rightContainer: {
+    justifyContent: "flex-end"
+  },
+  centerContainer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  title: {
+    textAlign: "center"
+  },
+  subtitle: {
+    textAlign: "center",
+    marginTop: 2
+  },
+  iconButton: {
+    padding: 8
+  },
+  badge: {
+    position: "absolute",
+    top: -4,
+    right: -4,
+    minWidth: 16,
+    height: 16,
+    borderRadius: 8,
+    backgroundColor: "#ef4444",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 4
+  },
+  badgeText: {
+    fontSize: 10,
+    fontWeight: "bold"
+  }
+});
+
+// src/navigation/components/DrawerContent.tsx
+import { View as View12, TouchableOpacity as TouchableOpacity8, StyleSheet as StyleSheet18 } from "react-native";
+import { DrawerContentScrollView } from "@react-navigation/drawer";
+import { jsx as jsx46, jsxs as jsxs21 } from "nativewind/jsx-runtime";
+function DrawerContent({
+  state,
+  descriptors,
+  navigation,
+  header,
+  footer,
+  items,
+  activeBackgroundColor,
+  activeTintColor,
+  inactiveTintColor
+}) {
+  const { theme, isDark } = useTheme();
+  const colors = useThemeColors();
+  const activeBgColor = activeBackgroundColor || (isDark ? colors.primarySurface : theme.colors.primary?.[50] || "#fff7ed");
+  const activeColor = activeTintColor || colors.primary;
+  const inactiveColor = inactiveTintColor || (isDark ? "#d1d5db" : "#4b5563");
+  const backgroundColor = colors.card;
+  const dividerColor = colors.divider;
+  const drawerItems = items || state.routes.map((route) => {
+    const descriptor = descriptors[route.key];
+    const options = descriptor.options;
+    return {
+      name: route.name,
+      label: options.drawerLabel || options.title || route.name,
+      icon: options.drawerIcon?.({ size: 24, color: inactiveColor })?.props?.name,
+      badge: options.tabBarBadge
+    };
+  });
+  return /* @__PURE__ */ jsxs21(DrawerContentScrollView, { style: [styles17.container, { backgroundColor }], children: [
+    header && /* @__PURE__ */ jsx46(View12, { style: [styles17.header, { borderBottomColor: dividerColor }], children: header }),
+    /* @__PURE__ */ jsx46(AppView, { className: "py-2", children: drawerItems.map((item) => {
+      const isFocused = state.routes[state.index].name === item.name;
+      const onPress = () => {
+        navigation.navigate(item.name);
+      };
+      return /* @__PURE__ */ jsxs21(
+        TouchableOpacity8,
+        {
+          onPress,
+          style: [styles17.item, isFocused && { backgroundColor: activeBgColor }],
+          children: [
+            item.icon && /* @__PURE__ */ jsx46(View12, { style: styles17.iconContainer, children: /* @__PURE__ */ jsx46(
+              Icon,
+              {
+                name: item.icon,
+                size: "md",
+                color: isFocused ? activeColor : inactiveColor
+              }
+            ) }),
+            /* @__PURE__ */ jsx46(
+              AppText,
+              {
+                style: [
+                  styles17.label,
+                  { color: isFocused ? activeColor : inactiveColor },
+                  isFocused && styles17.activeLabel
+                ],
+                numberOfLines: 1,
+                children: item.label
+              }
+            ),
+            item.badge != null && /* @__PURE__ */ jsx46(View12, { style: [styles17.badge, { backgroundColor: activeColor }], children: /* @__PURE__ */ jsx46(AppText, { style: styles17.badgeText, children: typeof item.badge === "number" && item.badge > 99 ? "99+" : item.badge }) })
+          ]
+        },
+        item.name
+      );
+    }) }),
+    footer && /* @__PURE__ */ jsx46(View12, { style: [styles17.footer, { borderTopColor: dividerColor }], children: footer })
+  ] });
+}
+var styles17 = StyleSheet18.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    padding: 16,
+    borderBottomWidth: 0.5
+  },
+  item: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    marginHorizontal: 8,
+    marginVertical: 2,
+    borderRadius: 8
+  },
+  iconContainer: {
+    width: 32,
+    alignItems: "center",
+    marginRight: 8
+  },
+  label: {
+    flex: 1,
+    fontSize: 16
+  },
+  activeLabel: {
+    fontWeight: "600"
+  },
+  badge: {
+    minWidth: 20,
+    height: 20,
+    borderRadius: 10,
+    justifyContent: "center",
+    alignItems: "center",
+    paddingHorizontal: 6
+  },
+  badgeText: {
+    color: "#fff",
+    fontSize: 12,
+    fontWeight: "bold"
+  },
+  footer: {
+    marginTop: "auto",
+    padding: 16,
+    borderTopWidth: 0.5
+  }
+});
+
+// src/navigation/hooks/useNavigation.ts
+import { useEffect as useEffect11 } from "react";
+import { useNavigation as useRNNavigation } from "@react-navigation/native";
+function useNavigation() {
+  return useRNNavigation();
+}
+function useStackNavigation() {
+  return useRNNavigation();
+}
+function useTabNavigation() {
+  return useRNNavigation();
+}
+function useDrawerNavigation() {
+  return useRNNavigation();
+}
+function useBackHandler(handler) {
+  const navigation = useRNNavigation();
+  useEffect11(() => {
+    const unsubscribe = navigation.addListener("beforeRemove", (e) => {
+      if (!handler()) {
+        e.preventDefault();
+      }
+    });
+    return unsubscribe;
+  }, [navigation, handler]);
+}
+
+// src/navigation/hooks/useRoute.ts
+import { useRoute as useRNRoute } from "@react-navigation/native";
+function useRoute() {
+  return useRNRoute();
+}
+
+// src/navigation/hooks/useNavigationState.ts
+import {
+  useNavigationState as useRNNavigationState,
+  useIsFocused as useIsFocused2,
+  useFocusEffect,
+  useScrollToTop
+} from "@react-navigation/native";
+function useNavigationState(selector) {
+  return useRNNavigationState(selector);
+}
+
+// src/navigation/index.ts
+import {
+  NavigationContainer as NavigationContainer2
+} from "@react-navigation/native";
+
 // src/index.ts
 import { SafeAreaProvider as SafeAreaProvider2 } from "react-native-safe-area-context";
 export {
@@ -4702,6 +4725,7 @@ export {
   AppScrollView,
   AppStatusBar,
   AppText,
+  AppTextInput,
   AppView,
   BottomTabBar,
   Card,
@@ -4781,7 +4805,7 @@ export {
   useFocusEffect,
   useForm,
   useInfinite,
-  useIsFocused,
+  useIsFocused2 as useIsFocused,
   useKeyboard,
   useLoading,
   useMemoizedFn,