@gaozh1024/rn-kit 0.3.3 → 0.3.4

package/dist/index.js

@@ -44,6 +44,7 @@ __export(index_exports, {
   AppScrollView: () => AppScrollView,
   AppStatusBar: () => AppStatusBar,
   AppText: () => AppText,
+  AppTextInput: () => AppTextInput,
   AppView: () => AppView,
   BottomTabBar: () => BottomTabBar,
   Card: () => Card,
@@ -61,7 +62,7 @@ __export(index_exports, {
   Icon: () => Icon,
   Loading: () => Loading,
   MemoryStorage: () => MemoryStorage,
-  NavigationContainer: () => import_native5.NavigationContainer,
+  NavigationContainer: () => import_native6.NavigationContainer,
   NavigationIcons: () => NavigationIcons,
   NavigationProvider: () => NavigationProvider,
   OverlayProvider: () => OverlayProvider,
@@ -120,10 +121,10 @@ __export(index_exports, {
   useDebounce: () => useDebounce,
   useDimensions: () => useDimensions,
   useDrawerNavigation: () => useDrawerNavigation,
-  useFocusEffect: () => import_native4.useFocusEffect,
+  useFocusEffect: () => import_native5.useFocusEffect,
   useForm: () => useForm,
   useInfinite: () => useInfinite,
-  useIsFocused: () => import_native4.useIsFocused,
+  useIsFocused: () => import_native5.useIsFocused,
   useKeyboard: () => useKeyboard,
   useLoading: () => useLoading,
   useMemoizedFn: () => useMemoizedFn,
@@ -138,7 +139,7 @@ __export(index_exports, {
   useRefresh: () => useRefresh,
   useRequest: () => useRequest,
   useRoute: () => useRoute,
-  useScrollToTop: () => import_native4.useScrollToTop,
+  useScrollToTop: () => import_native5.useScrollToTop,
   useSetState: () => useSetState,
   useStackNavigation: () => useStackNavigation,
   useStorage: () => useStorage,
@@ -1144,6 +1145,7 @@ var import_jsx_runtime2 = require("nativewind/jsx-runtime");
 function AppView({
   flex,
   row,
+  wrap,
   center,
   between,
   items,
@@ -1170,6 +1172,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}`,
@@ -1363,6 +1366,7 @@ function SafeScreen({
   left = false,
   right = false,
   bg,
+  surface,
   flex = true,
   className,
   children,
@@ -1371,7 +1375,7 @@ function SafeScreen({
 }) {
   const insets = (0, import_react_native_safe_area_context.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__ */ (0, import_jsx_runtime9.jsx)(
     import_react_native5.View,
@@ -1403,7 +1407,7 @@ function AppScreen({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SafeScreen, { flex: true, bg: "background", ...props, className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SafeScreen, { flex: true, surface: "background", ...props, className, children });
 }
 function SafeBottom({
   children,
@@ -1432,7 +1436,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";
@@ -1693,6 +1702,10 @@ var import_react_native9 = require("react-native");
 var import_jsx_runtime15 = require("nativewind/jsx-runtime");
 function Card({
   children,
+  p,
+  px,
+  py,
+  gap,
   className,
   style,
   noShadow = false,
@@ -1708,6 +1721,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: [
@@ -2426,6 +2443,8 @@ var AppInput = (0, import_react17.forwardRef)(
   }
 );
 AppInput.displayName = "AppInput";
+var AppTextInput = AppInput;
+AppTextInput.displayName = "AppTextInput";
 var styles5 = import_react_native14.StyleSheet.create({
   inputContainer: {
     borderWidth: 0.5,
@@ -4176,285 +4195,16 @@ function createDrawerScreens(routes) {
 }
 
 // src/navigation/components/AppHeader.tsx
-var import_react_native25 = require("react-native");
-var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
-var import_jsx_runtime36 = require("nativewind/jsx-runtime");
-function AppHeader({
-  title,
-  subtitle,
-  leftIcon = "chevron-left",
-  onLeftPress,
-  rightIcons = [],
-  transparent = false,
-  safeArea = true,
-  style
-}) {
-  const colors = useThemeColors();
-  const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-  const backgroundColor = transparent ? "transparent" : colors.card;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    AppView,
-    {
-      style: [
-        {
-          backgroundColor,
-          paddingTop: safeArea ? insets.top : 0
-        },
-        style
-      ],
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AppView, { row: true, items: "center", px: 4, style: styles13.container, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppView, { style: [styles13.sideContainer, styles13.leftContainer], children: leftIcon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppPressable, { onPress: onLeftPress, style: styles13.iconButton, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: leftIcon, size: 24, color: colors.text }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AppView, { style: styles13.centerContainer, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-            AppText,
-            {
-              size: "lg",
-              weight: "semibold",
-              style: [styles13.title, { color: colors.text }],
-              numberOfLines: 1,
-              children: title
-            }
-          ),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-            AppText,
-            {
-              size: "xs",
-              style: [styles13.subtitle, { color: colors.textMuted }],
-              numberOfLines: 1,
-              children: subtitle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppView, { row: true, items: "center", style: [styles13.sideContainer, styles13.rightContainer], children: rightIcons.map((icon, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppPressable, { onPress: icon.onPress, style: styles13.iconButton, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(AppView, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Icon, { name: icon.icon, size: 24, color: colors.text }),
-          icon.badge ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppView, { style: styles13.badge, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppText, { size: "xs", color: "white", style: styles13.badgeText, children: icon.badge > 99 ? "99+" : icon.badge }) }) : null
-        ] }) }, index)) })
-      ] })
-    }
-  );
-}
-var styles13 = import_react_native25.StyleSheet.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
-var import_react_native26 = require("react-native");
-var import_drawer2 = require("@react-navigation/drawer");
-var import_jsx_runtime37 = require("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__ */ (0, import_jsx_runtime37.jsxs)(import_drawer2.DrawerContentScrollView, { style: [styles14.container, { backgroundColor }], children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.View, { style: [styles14.header, { borderBottomColor: dividerColor }], children: header }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(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__ */ (0, import_jsx_runtime37.jsxs)(
-        import_react_native26.TouchableOpacity,
-        {
-          onPress,
-          style: [styles14.item, isFocused && { backgroundColor: activeBgColor }],
-          children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.View, { style: styles14.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-              Icon,
-              {
-                name: item.icon,
-                size: "md",
-                color: isFocused ? activeColor : inactiveColor
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-              AppText,
-              {
-                style: [
-                  styles14.label,
-                  { color: isFocused ? activeColor : inactiveColor },
-                  isFocused && styles14.activeLabel
-                ],
-                numberOfLines: 1,
-                children: item.label
-              }
-            ),
-            item.badge != null && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.View, { style: [styles14.badge, { backgroundColor: activeColor }], children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AppText, { style: styles14.badgeText, children: typeof item.badge === "number" && item.badge > 99 ? "99+" : item.badge }) })
-          ]
-        },
-        item.name
-      );
-    }) }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.View, { style: [styles14.footer, { borderTopColor: dividerColor }], children: footer })
-  ] });
-}
-var styles14 = import_react_native26.StyleSheet.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
-var import_react36 = require("react");
-var import_native2 = require("@react-navigation/native");
-function useNavigation() {
-  return (0, import_native2.useNavigation)();
-}
-function useStackNavigation() {
-  return (0, import_native2.useNavigation)();
-}
-function useTabNavigation() {
-  return (0, import_native2.useNavigation)();
-}
-function useDrawerNavigation() {
-  return (0, import_native2.useNavigation)();
-}
-function useBackHandler(handler) {
-  const navigation = (0, import_native2.useNavigation)();
-  (0, import_react36.useEffect)(() => {
-    const unsubscribe = navigation.addListener("beforeRemove", (e) => {
-      if (!handler()) {
-        e.preventDefault();
-      }
-    });
-    return unsubscribe;
-  }, [navigation, handler]);
-}
-
-// src/navigation/hooks/useRoute.ts
-var import_native3 = require("@react-navigation/native");
-function useRoute() {
-  return (0, import_native3.useRoute)();
-}
-
-// src/navigation/hooks/useNavigationState.ts
-var import_native4 = require("@react-navigation/native");
-function useNavigationState(selector) {
-  return (0, import_native4.useNavigationState)(selector);
-}
-
-// src/navigation/index.ts
-var import_native5 = require("@react-navigation/native");
+var import_react_native30 = require("react-native");
+var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
 
 // src/overlay/AppProvider.tsx
-var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
+var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
 
 // src/overlay/AppStatusBar.tsx
-var import_react_native27 = require("react-native");
-var import_native6 = require("@react-navigation/native");
-var import_jsx_runtime38 = require("nativewind/jsx-runtime");
+var import_react_native25 = require("react-native");
+var import_native2 = require("@react-navigation/native");
+var import_jsx_runtime36 = require("nativewind/jsx-runtime");
 function AppStatusBar({
   barStyle = "auto",
   backgroundColor,
@@ -4464,8 +4214,8 @@ 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__ */ (0, import_jsx_runtime38.jsx)(
-    import_react_native27.StatusBar,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_react_native25.StatusBar,
     {
       barStyle: resolvedBarStyle,
       backgroundColor: resolvedBackgroundColor,
@@ -4475,33 +4225,33 @@ function AppStatusBar({
   );
 }
 function AppFocusedStatusBar(props) {
-  const isFocused = (0, import_native6.useIsFocused)();
+  const isFocused = (0, import_native2.useIsFocused)();
   if (!isFocused) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AppStatusBar, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AppStatusBar, { ...props });
 }
 
 // src/overlay/loading/provider.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 
 // src/overlay/loading/context.ts
-var import_react37 = require("react");
-var LoadingContext = (0, import_react37.createContext)(null);
+var import_react36 = require("react");
+var LoadingContext = (0, import_react36.createContext)(null);
 function useLoadingContext() {
-  const ctx = (0, import_react37.useContext)(LoadingContext);
+  const ctx = (0, import_react36.useContext)(LoadingContext);
   if (!ctx) throw new Error("useLoading must be used within OverlayProvider");
   return ctx;
 }
 
 // src/overlay/loading/component.tsx
-var import_react_native28 = require("react-native");
-var import_jsx_runtime39 = require("nativewind/jsx-runtime");
-function LoadingModal({ visible, text }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native28.Modal, { transparent: true, visible, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native28.View, { style: styles15.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_native28.View, { style: [styles15.loadingBox, { backgroundColor: "rgba(0,0,0,0.8)" }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native28.ActivityIndicator, { size: "large", color: "#fff" }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppText, { className: "text-white mt-3 text-sm", children: text })
+var import_react_native26 = require("react-native");
+var import_jsx_runtime37 = require("nativewind/jsx-runtime");
+function LoadingModal({ visible, text }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.Modal, { transparent: true, visible, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.View, { style: styles13.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react_native26.View, { style: [styles13.loadingBox, { backgroundColor: "rgba(0,0,0,0.8)" }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.ActivityIndicator, { size: "large", color: "#fff" }),
+    text && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AppText, { className: "text-white mt-3 text-sm", children: text })
   ] }) }) });
 }
-var styles15 = import_react_native28.StyleSheet.create({
+var styles13 = import_react_native26.StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -4517,45 +4267,45 @@ var styles15 = import_react_native28.StyleSheet.create({
 });
 
 // src/overlay/loading/provider.tsx
-var import_jsx_runtime40 = require("nativewind/jsx-runtime");
+var import_jsx_runtime38 = require("nativewind/jsx-runtime");
 function LoadingProvider({ children }) {
-  const [state, setState] = (0, import_react38.useState)({ visible: false });
-  const show = (0, import_react38.useCallback)((text) => {
+  const [state, setState] = (0, import_react37.useState)({ visible: false });
+  const show = (0, import_react37.useCallback)((text) => {
     setState({ visible: true, text });
   }, []);
-  const hide = (0, import_react38.useCallback)(() => {
+  const hide = (0, import_react37.useCallback)(() => {
     setState({ visible: false });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(LoadingContext.Provider, { value: { show, hide }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(LoadingContext.Provider, { value: { show, hide }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(LoadingModal, { ...state })
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(LoadingModal, { ...state })
   ] });
 }
 
 // src/overlay/toast/provider.tsx
-var import_react41 = require("react");
-var import_react_native30 = require("react-native");
+var import_react40 = require("react");
+var import_react_native28 = require("react-native");
 
 // src/overlay/toast/context.ts
-var import_react39 = require("react");
-var ToastContext = (0, import_react39.createContext)(null);
+var import_react38 = require("react");
+var ToastContext = (0, import_react38.createContext)(null);
 function useToastContext() {
-  const ctx = (0, import_react39.useContext)(ToastContext);
+  const ctx = (0, import_react38.useContext)(ToastContext);
   if (!ctx) throw new Error("useToast must be used within OverlayProvider");
   return ctx;
 }
 
 // src/overlay/toast/component.tsx
-var import_react40 = require("react");
-var import_react_native29 = require("react-native");
-var import_jsx_runtime41 = require("nativewind/jsx-runtime");
+var import_react39 = require("react");
+var import_react_native27 = require("react-native");
+var import_jsx_runtime39 = require("nativewind/jsx-runtime");
 function ToastItemView({ message, type, onHide }) {
-  const fadeAnim = (0, import_react40.useRef)(new import_react_native29.Animated.Value(0)).current;
-  (0, import_react40.useEffect)(() => {
-    import_react_native29.Animated.sequence([
-      import_react_native29.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
-      import_react_native29.Animated.delay(2500),
-      import_react_native29.Animated.timing(fadeAnim, { toValue: 0, duration: 200, useNativeDriver: true })
+  const fadeAnim = (0, import_react39.useRef)(new import_react_native27.Animated.Value(0)).current;
+  (0, import_react39.useEffect)(() => {
+    import_react_native27.Animated.sequence([
+      import_react_native27.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
+      import_react_native27.Animated.delay(2500),
+      import_react_native27.Animated.timing(fadeAnim, { toValue: 0, duration: 200, useNativeDriver: true })
     ]).start(onHide);
   }, []);
   const bgColors = {
@@ -4564,8 +4314,8 @@ function ToastItemView({ message, type, onHide }) {
     warning: "bg-warning-500",
     info: "bg-primary-500"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_native29.Animated.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_react_native27.Animated.View,
     {
       style: {
         opacity: fadeAnim,
@@ -4578,17 +4328,17 @@ function ToastItemView({ message, type, onHide }) {
           }
         ]
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppView, { className: `${bgColors[type]} px-4 py-3 rounded-lg mb-2 mx-4 shadow-lg`, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppText, { className: "text-white text-center", children: message }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppView, { className: `${bgColors[type]} px-4 py-3 rounded-lg mb-2 mx-4 shadow-lg`, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppText, { className: "text-white text-center", children: message }) })
     }
   );
 }
 
 // src/overlay/toast/provider.tsx
-var import_jsx_runtime42 = require("nativewind/jsx-runtime");
+var import_jsx_runtime40 = require("nativewind/jsx-runtime");
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = (0, import_react41.useState)([]);
-  const timersRef = (0, import_react41.useRef)(/* @__PURE__ */ new Map());
-  const remove = (0, import_react41.useCallback)((id) => {
+  const [toasts, setToasts] = (0, import_react40.useState)([]);
+  const timersRef = (0, import_react40.useRef)(/* @__PURE__ */ new Map());
+  const remove = (0, import_react40.useCallback)((id) => {
     setToasts((prev) => prev.filter((t) => t.id !== id));
     const timer = timersRef.current.get(id);
     if (timer) {
@@ -4596,7 +4346,7 @@ function ToastProvider({ children }) {
       timersRef.current.delete(id);
     }
   }, []);
-  const show = (0, import_react41.useCallback)(
+  const show = (0, import_react40.useCallback)(
     (message, type = "info", duration = 3e3) => {
       const id = Math.random().toString(36).substring(7);
       const toast = { id, message, type, duration };
@@ -4606,28 +4356,28 @@ function ToastProvider({ children }) {
     },
     [remove]
   );
-  const success = (0, import_react41.useCallback)(
+  const success = (0, import_react40.useCallback)(
     (message, duration) => show(message, "success", duration),
     [show]
   );
-  const error = (0, import_react41.useCallback)(
+  const error = (0, import_react40.useCallback)(
     (message, duration) => show(message, "error", duration),
     [show]
   );
-  const info = (0, import_react41.useCallback)(
+  const info = (0, import_react40.useCallback)(
     (message, duration) => show(message, "info", duration),
     [show]
   );
-  const warning = (0, import_react41.useCallback)(
+  const warning = (0, import_react40.useCallback)(
     (message, duration) => show(message, "warning", duration),
     [show]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ToastContext.Provider, { value: { show, success, error, info, warning }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ToastContext.Provider, { value: { show, success, error, info, warning }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_native30.View, { style: styles16.toastContainer, pointerEvents: "none", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ToastItemView, { ...toast, onHide: () => remove(toast.id) }, toast.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_native28.View, { style: styles14.toastContainer, pointerEvents: "none", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ToastItemView, { ...toast, onHide: () => remove(toast.id) }, toast.id)) })
   ] });
 }
-var styles16 = import_react_native30.StyleSheet.create({
+var styles14 = import_react_native28.StyleSheet.create({
   toastContainer: {
     position: "absolute",
     top: 60,
@@ -4638,20 +4388,20 @@ var styles16 = import_react_native30.StyleSheet.create({
 });
 
 // src/overlay/alert/provider.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 
 // src/overlay/alert/context.ts
-var import_react42 = require("react");
-var AlertContext = (0, import_react42.createContext)(null);
+var import_react41 = require("react");
+var AlertContext = (0, import_react41.createContext)(null);
 function useAlertContext() {
-  const ctx = (0, import_react42.useContext)(AlertContext);
+  const ctx = (0, import_react41.useContext)(AlertContext);
   if (!ctx) throw new Error("useAlert must be used within OverlayProvider");
   return ctx;
 }
 
 // src/overlay/alert/component.tsx
-var import_react_native31 = require("react-native");
-var import_jsx_runtime43 = require("nativewind/jsx-runtime");
+var import_react_native29 = require("react-native");
+var import_jsx_runtime41 = require("nativewind/jsx-runtime");
 function AlertModal({
   visible,
   title,
@@ -4663,16 +4413,16 @@ function AlertModal({
   onCancel
 }) {
   if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_native31.Modal, { transparent: true, visible: true, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_native31.View, { style: styles17.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react_native31.View, { style: styles17.alertBox, children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AppText, { className: "text-lg font-semibold text-center mb-2", children: title }),
-    message && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AppText, { className: "text-gray-600 text-center mb-4", children: message }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(AppView, { row: true, gap: 3, className: "mt-2", children: [
-      showCancel && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AppPressable, { onPress: onCancel, className: "flex-1 py-3 bg-gray-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AppText, { className: "text-center text-gray-700", children: cancelText || "\u53D6\u6D88" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AppPressable, { onPress: onConfirm, className: "flex-1 py-3 bg-primary-500 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AppText, { className: "text-center text-white", children: confirmText || "\u786E\u5B9A" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_native29.Modal, { transparent: true, visible: true, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_native29.View, { style: styles15.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_native29.View, { style: styles15.alertBox, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppText, { className: "text-lg font-semibold text-center mb-2", children: title }),
+    message && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppText, { className: "text-gray-600 text-center mb-4", children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(AppView, { row: true, gap: 3, className: "mt-2", children: [
+      showCancel && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppPressable, { onPress: onCancel, className: "flex-1 py-3 bg-gray-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppText, { className: "text-center text-gray-700", children: cancelText || "\u53D6\u6D88" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppPressable, { onPress: onConfirm, className: "flex-1 py-3 bg-primary-500 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppText, { className: "text-center text-white", children: confirmText || "\u786E\u5B9A" }) })
     ] })
   ] }) }) });
 }
-var styles17 = import_react_native31.StyleSheet.create({
+var styles15 = import_react_native29.StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -4694,32 +4444,32 @@ var styles17 = import_react_native31.StyleSheet.create({
 });
 
 // src/overlay/alert/provider.tsx
-var import_jsx_runtime44 = require("nativewind/jsx-runtime");
+var import_jsx_runtime42 = require("nativewind/jsx-runtime");
 function AlertProvider({ children }) {
-  const [alert, setAlert] = (0, import_react43.useState)(null);
-  const showAlert = (0, import_react43.useCallback)((options) => {
+  const [alert, setAlert] = (0, import_react42.useState)(null);
+  const showAlert = (0, import_react42.useCallback)((options) => {
     setAlert({ ...options, visible: true });
   }, []);
-  const confirm = (0, import_react43.useCallback)(
+  const confirm = (0, import_react42.useCallback)(
     (options) => {
       showAlert({ ...options, showCancel: true });
     },
     [showAlert]
   );
-  const hide = (0, import_react43.useCallback)(() => {
+  const hide = (0, import_react42.useCallback)(() => {
     setAlert(null);
   }, []);
-  const handleConfirm = (0, import_react43.useCallback)(() => {
+  const handleConfirm = (0, import_react42.useCallback)(() => {
     alert?.onConfirm?.();
     hide();
   }, [alert, hide]);
-  const handleCancel = (0, import_react43.useCallback)(() => {
+  const handleCancel = (0, import_react42.useCallback)(() => {
     alert?.onCancel?.();
     hide();
   }, [alert, hide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(AlertContext.Provider, { value: { alert: showAlert, confirm }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(AlertContext.Provider, { value: { alert: showAlert, confirm }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       AlertModal,
       {
         visible: alert?.visible ?? false,
@@ -4736,13 +4486,13 @@ function AlertProvider({ children }) {
 }
 
 // src/overlay/provider.tsx
-var import_jsx_runtime45 = require("nativewind/jsx-runtime");
+var import_jsx_runtime43 = require("nativewind/jsx-runtime");
 function OverlayProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(LoadingProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AlertProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(LoadingProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(AlertProvider, { children }) }) });
 }
 
 // src/overlay/AppProvider.tsx
-var import_jsx_runtime46 = require("nativewind/jsx-runtime");
+var import_jsx_runtime44 = require("nativewind/jsx-runtime");
 var defaultLightTheme = {
   colors: {
     primary: "#f38b32",
@@ -4779,21 +4529,21 @@ function AppProvider({
 }) {
   let content = children;
   if (enableOverlay) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(OverlayProvider, { children: content });
+    content = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(OverlayProvider, { children: content });
   }
   if (enableNavigation) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(NavigationProvider, { ...navigationProps, children: content });
+    content = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavigationProvider, { ...navigationProps, children: content });
   }
   if (enableTheme) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ThemeProvider, { light: lightTheme, dark: darkTheme, defaultDark, isDark, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-      enableStatusBar && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AppStatusBar, { testID: "status-bar", ...statusBarProps }),
+    content = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ThemeProvider, { light: lightTheme, dark: darkTheme, defaultDark, isDark, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+      enableStatusBar && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AppStatusBar, { testID: "status-bar", ...statusBarProps }),
       content
     ] }) });
   }
   if (enableSafeArea) {
-    content = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native_safe_area_context4.SafeAreaProvider, { children: content });
+    content = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_native_safe_area_context3.SafeAreaProvider, { children: content });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: content });
 }
 
 // src/overlay/loading/hooks.ts
@@ -4811,6 +4561,280 @@ function useAlert() {
   return useAlertContext();
 }
 
+// src/navigation/components/AppHeader.tsx
+var import_jsx_runtime45 = require("nativewind/jsx-runtime");
+function AppHeader({
+  title,
+  subtitle,
+  leftIcon = "chevron-left",
+  onLeftPress,
+  rightIcons = [],
+  transparent = false,
+  safeArea = true,
+  style
+}) {
+  const colors = useThemeColors();
+  const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
+  const backgroundColor = transparent ? "transparent" : colors.card;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppFocusedStatusBar, { translucent: true, backgroundColor: "transparent" }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      AppView,
+      {
+        style: [
+          {
+            backgroundColor,
+            paddingTop: safeArea ? insets.top : 0
+          },
+          style
+        ],
+        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AppView, { row: true, items: "center", px: 4, style: styles16.container, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppView, { style: [styles16.sideContainer, styles16.leftContainer], children: leftIcon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppPressable, { onPress: onLeftPress, style: styles16.iconButton, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: leftIcon, size: 24, color: colors.text }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AppView, { style: styles16.centerContainer, children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              AppText,
+              {
+                size: "lg",
+                weight: "semibold",
+                style: [styles16.title, { color: colors.text }],
+                numberOfLines: 1,
+                children: title
+              }
+            ),
+            subtitle && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              AppText,
+              {
+                size: "xs",
+                style: [styles16.subtitle, { color: colors.textMuted }],
+                numberOfLines: 1,
+                children: subtitle
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppView, { row: true, items: "center", style: [styles16.sideContainer, styles16.rightContainer], children: rightIcons.map((icon, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppPressable, { onPress: icon.onPress, style: styles16.iconButton, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(AppView, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Icon, { name: icon.icon, size: 24, color: colors.text }),
+            icon.badge ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppView, { style: styles16.badge, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AppText, { size: "xs", color: "white", style: styles16.badgeText, children: icon.badge > 99 ? "99+" : icon.badge }) }) : null
+          ] }) }, index)) })
+        ] })
+      }
+    )
+  ] });
+}
+var styles16 = import_react_native30.StyleSheet.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
+var import_react_native31 = require("react-native");
+var import_drawer2 = require("@react-navigation/drawer");
+var import_jsx_runtime46 = require("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__ */ (0, import_jsx_runtime46.jsxs)(import_drawer2.DrawerContentScrollView, { style: [styles17.container, { backgroundColor }], children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native31.View, { style: [styles17.header, { borderBottomColor: dividerColor }], children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(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__ */ (0, import_jsx_runtime46.jsxs)(
+        import_react_native31.TouchableOpacity,
+        {
+          onPress,
+          style: [styles17.item, isFocused && { backgroundColor: activeBgColor }],
+          children: [
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native31.View, { style: styles17.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              Icon,
+              {
+                name: item.icon,
+                size: "md",
+                color: isFocused ? activeColor : inactiveColor
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              AppText,
+              {
+                style: [
+                  styles17.label,
+                  { color: isFocused ? activeColor : inactiveColor },
+                  isFocused && styles17.activeLabel
+                ],
+                numberOfLines: 1,
+                children: item.label
+              }
+            ),
+            item.badge != null && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native31.View, { style: [styles17.badge, { backgroundColor: activeColor }], children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AppText, { style: styles17.badgeText, children: typeof item.badge === "number" && item.badge > 99 ? "99+" : item.badge }) })
+          ]
+        },
+        item.name
+      );
+    }) }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native31.View, { style: [styles17.footer, { borderTopColor: dividerColor }], children: footer })
+  ] });
+}
+var styles17 = import_react_native31.StyleSheet.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
+var import_react43 = require("react");
+var import_native3 = require("@react-navigation/native");
+function useNavigation() {
+  return (0, import_native3.useNavigation)();
+}
+function useStackNavigation() {
+  return (0, import_native3.useNavigation)();
+}
+function useTabNavigation() {
+  return (0, import_native3.useNavigation)();
+}
+function useDrawerNavigation() {
+  return (0, import_native3.useNavigation)();
+}
+function useBackHandler(handler) {
+  const navigation = (0, import_native3.useNavigation)();
+  (0, import_react43.useEffect)(() => {
+    const unsubscribe = navigation.addListener("beforeRemove", (e) => {
+      if (!handler()) {
+        e.preventDefault();
+      }
+    });
+    return unsubscribe;
+  }, [navigation, handler]);
+}
+
+// src/navigation/hooks/useRoute.ts
+var import_native4 = require("@react-navigation/native");
+function useRoute() {
+  return (0, import_native4.useRoute)();
+}
+
+// src/navigation/hooks/useNavigationState.ts
+var import_native5 = require("@react-navigation/native");
+function useNavigationState(selector) {
+  return (0, import_native5.useNavigationState)(selector);
+}
+
+// src/navigation/index.ts
+var import_native6 = require("@react-navigation/native");
+
 // src/index.ts
 var import_react_native_safe_area_context5 = require("react-native-safe-area-context");
 // Annotate the CommonJS export names for ESM import in node:
@@ -4829,6 +4853,7 @@ var import_react_native_safe_area_context5 = require("react-native-safe-area-con
   AppScrollView,
   AppStatusBar,
   AppText,
+  AppTextInput,
   AppView,
   BottomTabBar,
   Card,