@gaozh1024/rn-kit 0.3.0 → 0.3.2

package/dist/index.js

@@ -33,12 +33,14 @@ __export(index_exports, {
   ActionIcons: () => ActionIcons,
   Alert: () => Alert,
   AppButton: () => AppButton,
+  AppFocusedStatusBar: () => AppFocusedStatusBar,
   AppHeader: () => AppHeader,
   AppImage: () => AppImage,
   AppInput: () => AppInput,
   AppList: () => AppList,
   AppPressable: () => AppPressable,
   AppProvider: () => AppProvider,
+  AppScreen: () => AppScreen,
   AppScrollView: () => AppScrollView,
   AppStatusBar: () => AppStatusBar,
   AppText: () => AppText,
@@ -63,7 +65,6 @@ __export(index_exports, {
   NavigationIcons: () => NavigationIcons,
   NavigationProvider: () => NavigationProvider,
   OverlayProvider: () => OverlayProvider,
-  Page: () => Page,
   PageDrawer: () => PageDrawer,
   Progress: () => Progress,
   Radio: () => Radio,
@@ -1397,7 +1398,7 @@ var styles = import_react_native5.StyleSheet.create({
     flex: 1
   }
 });
-function Page({
+function AppScreen({
   children,
   className,
   ...props
@@ -1723,7 +1724,8 @@ function Card({
 }
 
 // src/ui/display/Icon.tsx
-var import_MaterialIcons = __toESM(require("react-native-vector-icons/MaterialIcons"));
+var import_react_native10 = require("react-native");
+var import_vector_icons = require("@expo/vector-icons");
 var import_jsx_runtime16 = require("nativewind/jsx-runtime");
 var sizeMap2 = {
   xs: 16,
@@ -1732,6 +1734,12 @@ var sizeMap2 = {
   lg: 32,
   xl: 48
 };
+function isComponentLike(value) {
+  if (typeof value === "function") return true;
+  if (typeof value !== "object" || value === null) return false;
+  return "$$typeof" in value;
+}
+var MaterialIconComponent = isComponentLike(import_vector_icons.MaterialIcons) ? import_vector_icons.MaterialIcons : void 0;
 function resolveSize(size = "md") {
   if (typeof size === "number") return size;
   return sizeMap2[size] || 24;
@@ -1740,11 +1748,37 @@ function Icon({ name, size = "md", color = "gray-600", style, onPress, testID })
   const { theme, isDark } = useOptionalTheme();
   const resolvedSize = resolveSize(size);
   const resolvedColor = resolveNamedColor(color, theme, isDark) ?? color;
+  const fallback = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_native10.Text,
+    {
+      style: [
+        {
+          color: resolvedColor,
+          fontSize: resolvedSize,
+          lineHeight: resolvedSize
+        },
+        style
+      ],
+      testID,
+      children: "\u25A1"
+    }
+  );
+  if (!MaterialIconComponent) {
+    return onPress ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AppPressable, { onPress, children: fallback }) : fallback;
+  }
   if (onPress) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AppPressable, { onPress, testID, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_MaterialIcons.default, { name, size: resolvedSize, color: resolvedColor, style }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AppPressable, { onPress, testID, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      MaterialIconComponent,
+      {
+        name,
+        size: resolvedSize,
+        color: resolvedColor,
+        style
+      }
+    ) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_MaterialIcons.default,
+    MaterialIconComponent,
     {
       name,
       size: resolvedSize,
@@ -1800,7 +1834,7 @@ var FileIcons = {
 
 // src/ui/display/AppImage.tsx
 var import_react14 = require("react");
-var import_react_native10 = require("react-native");
+var import_react_native11 = require("react-native");
 var import_jsx_runtime17 = require("nativewind/jsx-runtime");
 var radiusMap = {
   none: 0,
@@ -1863,7 +1897,7 @@ function AppImage({
     if (!isLoading) return null;
     if (placeholder) {
       return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        import_react_native10.Image,
+        import_react_native11.Image,
         {
           source: placeholder,
           style: {
@@ -1884,7 +1918,7 @@ function AppImage({
             center: true,
             className: "absolute inset-0 bg-gray-100",
             style: { borderRadius: resolvedRadius },
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native10.ActivityIndicator, { color: theme.colors.primary?.[500] })
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native11.ActivityIndicator, { color: theme.colors.primary?.[500] })
           }
         );
       }
@@ -1896,7 +1930,7 @@ function AppImage({
     if (!hasError) return null;
     if (errorPlaceholder) {
       return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        import_react_native10.Image,
+        import_react_native11.Image,
         {
           source: errorPlaceholder,
           style: {
@@ -1925,7 +1959,7 @@ function AppImage({
   const isNumberWidth = typeof width === "number";
   const isNumberHeight = typeof height === "number";
   const content = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    import_react_native10.View,
+    import_react_native11.View,
     {
       className: cn("overflow-hidden", className),
       style: {
@@ -1937,7 +1971,7 @@ function AppImage({
       children: [
         renderLoading(),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_react_native10.Image,
+          import_react_native11.Image,
           {
             source,
             style: imageStyle,
@@ -1958,7 +1992,7 @@ function AppImage({
 
 // src/ui/display/AppList.tsx
 var import_react15 = require("react");
-var import_react_native11 = require("react-native");
+var import_react_native12 = require("react-native");
 var import_jsx_runtime18 = require("nativewind/jsx-runtime");
 function SkeletonItem2({ render }) {
   const colors = useThemeColors();
@@ -1985,12 +2019,18 @@ function EmptyState({
     description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { size: "sm", className: "mt-2", style: { color: colors.textMuted }, children: description })
   ] });
 }
-function ErrorState({ error, onRetry }) {
+function ErrorState({
+  error,
+  onRetry,
+  errorTitle,
+  errorDescription,
+  retryText
+}) {
   const colors = useThemeColors();
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Center, { py: 20, children: [
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "error-outline", size: 64, color: "error-300" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { size: "lg", weight: "medium", color: "error-500", className: "mt-4", children: "\u52A0\u8F7D\u5931\u8D25" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { size: "sm", style: { color: colors.textMuted }, className: "mt-2 text-center px-8", children: error.message || "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u540E\u91CD\u8BD5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { size: "lg", weight: "medium", color: "error-500", className: "mt-4", children: errorTitle || "\u52A0\u8F7D\u5931\u8D25" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { size: "sm", style: { color: colors.textMuted }, className: "mt-2 text-center px-8", children: error.message || errorDescription || "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u540E\u91CD\u8BD5" }),
     onRetry && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       AppPressable,
       {
@@ -2000,14 +2040,14 @@ function ErrorState({ error, onRetry }) {
           styles3.retryButton,
           { backgroundColor: colors.cardElevated, borderColor: colors.border }
         ],
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { style: { color: colors.textSecondary }, className: "text-center", children: "\u91CD\u65B0\u52A0\u8F7D" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppText, { style: { color: colors.textSecondary }, className: "text-center", children: retryText || "\u91CD\u65B0\u52A0\u8F7D" })
       }
     )
   ] });
 }
 function LoadMoreFooter({ loading }) {
   if (!loading) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Center, { py: 4, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native11.ActivityIndicator, { size: "small" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Center, { py: 4, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_native12.ActivityIndicator, { size: "small" }) });
 }
 function Divider({ style }) {
   const colors = useThemeColors();
@@ -2031,6 +2071,9 @@ function AppList({
   onEndReachedThreshold = 0.5,
   error,
   onRetry,
+  errorTitle,
+  errorDescription,
+  retryText,
   emptyTitle,
   emptyDescription,
   emptyIcon,
@@ -2086,7 +2129,7 @@ function AppList({
   );
   if (loading && data.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_react_native11.FlatList,
+      import_react_native12.FlatList,
       {
         data: skeletonData,
         renderItem: skeletonRenderItem,
@@ -2099,7 +2142,16 @@ function AppList({
     );
   }
   if (error && data.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Center, { style, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorState, { error, onRetry }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Center, { style, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      ErrorState,
+      {
+        error,
+        onRetry,
+        errorTitle,
+        errorDescription,
+        retryText
+      }
+    ) });
   }
   const ListEmptyComponent = (0, import_react15.useMemo)(() => {
     if (EmptyComponent) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmptyComponent, {});
@@ -2112,13 +2164,13 @@ function AppList({
     ] });
   }, [isLoadingMore, ListFooterComponent]);
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_native11.FlatList,
+    import_react_native12.FlatList,
     {
       data,
       renderItem: wrappedRenderItem,
       keyExtractor: defaultKeyExtractor,
       refreshControl: onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_react_native11.RefreshControl,
+        import_react_native12.RefreshControl,
         {
           refreshing,
           onRefresh,
@@ -2145,7 +2197,7 @@ function AppList({
     }
   );
 }
-var styles3 = import_react_native11.StyleSheet.create({
+var styles3 = import_react_native12.StyleSheet.create({
   retryButton: {
     borderWidth: 0.5
   }
@@ -2153,7 +2205,7 @@ var styles3 = import_react_native11.StyleSheet.create({
 
 // src/ui/display/PageDrawer.tsx
 var import_react16 = __toESM(require("react"));
-var import_react_native12 = require("react-native");
+var import_react_native13 = require("react-native");
 var import_jsx_runtime19 = require("nativewind/jsx-runtime");
 function PageDrawer({
   visible,
@@ -2181,14 +2233,14 @@ function PageDrawer({
   }, [onClose]);
   import_react16.default.useEffect(() => {
     if (!visible) return;
-    const subscription = import_react_native12.BackHandler.addEventListener("hardwareBackPress", () => {
+    const subscription = import_react_native13.BackHandler.addEventListener("hardwareBackPress", () => {
       handleClose();
       return true;
     });
     return () => subscription.remove();
   }, [handleClose, visible]);
   const panResponder = import_react16.default.useMemo(
-    () => import_react_native12.PanResponder.create({
+    () => import_react_native13.PanResponder.create({
       onMoveShouldSetPanResponder: (_event, gestureState) => {
         if (!swipeEnabled) return false;
         const isHorizontal = Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
@@ -2261,18 +2313,11 @@ function PageDrawer({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AppScrollView, { flex: true, className: "px-4 py-4", children }),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          AppView,
-          {
-            className: "px-4 py-4",
-            style: [styles4.footer, { borderTopColor: colors.divider }],
-            children: footer
-          }
-        )
+        footer && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AppView, { className: "px-4 py-4", style: [styles4.footer, { borderTopColor: colors.divider }], children: footer })
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native12.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_native13.Modal, { visible: true, transparent: true, animationType: "fade", onRequestClose: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     AppView,
     {
       testID,
@@ -2295,7 +2340,7 @@ function PageDrawer({
     }
   ) });
 }
-var styles4 = import_react_native12.StyleSheet.create({
+var styles4 = import_react_native13.StyleSheet.create({
   drawer: {
     height: "100%"
   },
@@ -2323,7 +2368,7 @@ function GradientView({
 
 // src/ui/form/AppInput.tsx
 var import_react17 = require("react");
-var import_react_native13 = require("react-native");
+var import_react_native14 = require("react-native");
 var import_jsx_runtime21 = require("nativewind/jsx-runtime");
 var AppInput = (0, import_react17.forwardRef)(
   ({ label, error, disabled = false, leftIcon, rightIcon, className, style, ...props }, ref) => {
@@ -2352,9 +2397,9 @@ var AppInput = (0, import_react17.forwardRef)(
             }
           ],
           children: [
-            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native13.View, { style: styles5.icon, children: leftIcon }),
+            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native14.View, { style: styles5.icon, children: leftIcon }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-              import_react_native13.TextInput,
+              import_react_native14.TextInput,
               {
                 ref,
                 className: "flex-1 py-3 text-base",
@@ -2372,7 +2417,7 @@ var AppInput = (0, import_react17.forwardRef)(
                 ...props
               }
             ),
-            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native13.View, { style: styles5.icon, children: rightIcon })
+            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_native14.View, { style: styles5.icon, children: rightIcon })
           ]
         }
       ),
@@ -2381,7 +2426,7 @@ var AppInput = (0, import_react17.forwardRef)(
   }
 );
 AppInput.displayName = "AppInput";
-var styles5 = import_react_native13.StyleSheet.create({
+var styles5 = import_react_native14.StyleSheet.create({
   inputContainer: {
     borderWidth: 0.5,
     minHeight: 48
@@ -2397,7 +2442,7 @@ var styles5 = import_react_native13.StyleSheet.create({
 
 // src/ui/form/Checkbox.tsx
 var import_react18 = require("react");
-var import_react_native14 = require("react-native");
+var import_react_native15 = require("react-native");
 var import_jsx_runtime22 = require("nativewind/jsx-runtime");
 function Checkbox({
   checked,
@@ -2421,7 +2466,7 @@ function Checkbox({
   };
   const disabledOpacity = 0.4;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_react_native14.TouchableOpacity,
+    import_react_native15.TouchableOpacity,
     {
       onPress: toggle,
       disabled,
@@ -2452,7 +2497,7 @@ function Checkbox({
     }
   );
 }
-var styles6 = import_react_native14.StyleSheet.create({
+var styles6 = import_react_native15.StyleSheet.create({
   checkbox: {
     borderWidth: 0.5
   }
@@ -2497,7 +2542,7 @@ function CheckboxGroup({
 
 // src/ui/form/Radio.tsx
 var import_react19 = require("react");
-var import_react_native15 = require("react-native");
+var import_react_native16 = require("react-native");
 var import_jsx_runtime24 = require("nativewind/jsx-runtime");
 function Radio({
   checked,
@@ -2521,7 +2566,7 @@ function Radio({
   };
   const disabledOpacity = 0.4;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    import_react_native15.TouchableOpacity,
+    import_react_native16.TouchableOpacity,
     {
       onPress: toggle,
       disabled,
@@ -2556,7 +2601,7 @@ function Radio({
     }
   );
 }
-var styles7 = import_react_native15.StyleSheet.create({
+var styles7 = import_react_native16.StyleSheet.create({
   radio: {
     borderWidth: 0.5
   },
@@ -2590,7 +2635,7 @@ function RadioGroup({
 
 // src/ui/form/Switch.tsx
 var import_react20 = require("react");
-var import_react_native16 = require("react-native");
+var import_react_native17 = require("react-native");
 var import_jsx_runtime26 = require("nativewind/jsx-runtime");
 function Switch({
   checked,
@@ -2624,7 +2669,7 @@ function Switch({
   const config = sizes[size];
   const thumbPosition = isChecked ? config.width - config.thumb - config.padding : config.padding;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_react_native16.TouchableOpacity,
+    import_react_native17.TouchableOpacity,
     {
       onPress: toggle,
       disabled,
@@ -2669,7 +2714,7 @@ function Switch({
     }
   );
 }
-var styles8 = import_react_native16.StyleSheet.create({
+var styles8 = import_react_native17.StyleSheet.create({
   track: {
     justifyContent: "center",
     padding: 2
@@ -2685,7 +2730,7 @@ var styles8 = import_react_native16.StyleSheet.create({
 
 // src/ui/form/Slider.tsx
 var import_react22 = require("react");
-var import_react_native17 = require("react-native");
+var import_react_native18 = require("react-native");
 
 // src/ui/form/useFormTheme.ts
 var import_react21 = require("react");
@@ -2753,7 +2798,7 @@ function Slider({
     [value, min, max, onChange]
   );
   const panResponder = (0, import_react22.useRef)(
-    import_react_native17.PanResponder.create({
+    import_react_native18.PanResponder.create({
       onStartShouldSetPanResponder: () => !disabled,
       onMoveShouldSetPanResponder: () => !disabled,
       onPanResponderGrant: () => {
@@ -2816,7 +2861,7 @@ function Slider({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      import_react_native17.View,
+      import_react_native18.View,
       {
         onLayout,
         className: "rounded-full",
@@ -2875,7 +2920,7 @@ function Slider({
     )
   ] });
 }
-var styles9 = import_react_native17.StyleSheet.create({
+var styles9 = import_react_native18.StyleSheet.create({
   track: {
     height: 6,
     width: "100%"
@@ -2917,8 +2962,11 @@ var styles9 = import_react_native17.StyleSheet.create({
 
 // src/ui/form/Select.tsx
 var import_react23 = require("react");
-var import_react_native18 = require("react-native");
+var import_react_native19 = require("react-native");
 var import_jsx_runtime28 = require("nativewind/jsx-runtime");
+function formatSelectedCountText(template, count) {
+  return template.replace("{{count}}", String(count));
+}
 function Select({
   value,
   onChange,
@@ -2929,6 +2977,12 @@ function Select({
   onSearch,
   disabled = false,
   clearable = true,
+  singleSelectTitle = "\u8BF7\u9009\u62E9",
+  multipleSelectTitle = "\u9009\u62E9\u9009\u9879",
+  searchPlaceholder = "\u641C\u7D22...",
+  emptyText = "\u6682\u65E0\u9009\u9879",
+  selectedCountText = "\u5DF2\u9009\u62E9 {{count}} \u9879",
+  confirmText = "\u786E\u5B9A",
   className
 }) {
   const colors = useFormThemeColors();
@@ -3023,15 +3077,15 @@ function Select({
               children: displayText
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native18.View, { className: "flex-row items-center", children: [
-            clearable && selectedValues.length > 0 && !disabled && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native18.TouchableOpacity, { onPress: handleClear, className: "mr-2 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "sm", color: colors.icon }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react_native19.View, { className: "flex-row items-center", children: [
+            clearable && selectedValues.length > 0 && !disabled && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native19.TouchableOpacity, { onPress: handleClear, className: "mr-2 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "sm", color: colors.icon }) }),
             /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "keyboard-arrow-down", size: "md", color: colors.icon })
           ] })
         ]
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      import_react_native18.Modal,
+      import_react_native19.Modal,
       {
         visible,
         transparent: true,
@@ -3052,8 +3106,8 @@ function Select({
                   className: "px-4 py-3",
                   style: [styles10.header, { borderBottomColor: colors.divider }],
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { className: "text-lg font-semibold", style: { color: colors.text }, children: multiple ? "\u9009\u62E9\u9009\u9879" : "\u8BF7\u9009\u62E9" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native18.TouchableOpacity, { onPress: () => setVisible(false), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "md", color: colors.icon }) })
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { className: "text-lg font-semibold", style: { color: colors.text }, children: multiple ? multipleSelectTitle : singleSelectTitle }),
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native19.TouchableOpacity, { onPress: () => setVisible(false), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "md", color: colors.icon }) })
                   ]
                 }
               ),
@@ -3070,32 +3124,32 @@ function Select({
                       className: "px-3 py-2 rounded-lg",
                       style: { backgroundColor: colors.surfaceMuted },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native18.View, { style: { marginRight: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "search", size: "sm", color: colors.icon }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native19.View, { style: { marginRight: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "search", size: "sm", color: colors.icon }) }),
                         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                          import_react_native18.TextInput,
+                          import_react_native19.TextInput,
                           {
                             className: "flex-1 text-base",
                             style: { color: colors.text },
-                            placeholder: "\u641C\u7D22...",
+                            placeholder: searchPlaceholder,
                             placeholderTextColor: colors.textMuted,
                             value: searchKeyword,
                             onChangeText: handleSearch,
                             autoFocus: true
                           }
                         ),
-                        searchKeyword.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native18.TouchableOpacity, { onPress: () => setSearchKeyword(""), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "sm", color: colors.icon }) })
+                        searchKeyword.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_native19.TouchableOpacity, { onPress: () => setSearchKeyword(""), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "sm", color: colors.icon }) })
                       ]
                     }
                   )
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                import_react_native18.FlatList,
+                import_react_native19.FlatList,
                 {
                   data: filteredOptions,
                   keyExtractor: (item) => item.value,
                   renderItem: renderOption,
-                  ListEmptyComponent: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppView, { center: true, className: "py-8", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { style: { color: colors.textMuted }, children: "\u6682\u65E0\u9009\u9879" }) })
+                  ListEmptyComponent: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppView, { center: true, className: "py-8", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { style: { color: colors.textMuted }, children: emptyText }) })
                 }
               ),
               multiple && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
@@ -3107,18 +3161,14 @@ function Select({
                   className: "px-4 py-3",
                   style: [styles10.footer, { borderTopColor: colors.divider }],
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(AppText, { style: { color: colors.textMuted }, children: [
-                      "\u5DF2\u9009\u62E9 ",
-                      selectedValues.length,
-                      " \u9879"
-                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { style: { color: colors.textMuted }, children: formatSelectedCountText(selectedCountText, selectedValues.length) }),
                     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-                      import_react_native18.TouchableOpacity,
+                      import_react_native19.TouchableOpacity,
                       {
                         className: "px-4 py-2 rounded-lg",
                         style: { backgroundColor: colors.primary },
                         onPress: () => setVisible(false),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { className: "font-medium", style: { color: colors.textInverse }, children: "\u786E\u5B9A" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(AppText, { className: "font-medium", style: { color: colors.textInverse }, children: confirmText })
                       }
                     )
                   ]
@@ -3131,7 +3181,7 @@ function Select({
     )
   ] });
 }
-var styles10 = import_react_native18.StyleSheet.create({
+var styles10 = import_react_native19.StyleSheet.create({
   trigger: {
     borderWidth: 0.5
   },
@@ -3151,7 +3201,7 @@ var styles10 = import_react_native18.StyleSheet.create({
 
 // src/ui/form/DatePicker.tsx
 var import_react24 = require("react");
-var import_react_native19 = require("react-native");
+var import_react_native20 = require("react-native");
 var import_jsx_runtime29 = require("nativewind/jsx-runtime");
 function PickerColumn({
   title,
@@ -3177,7 +3227,7 @@ function PickerColumn({
           const selected = selectedValue === value;
           const disabled = isDisabled(value);
           return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-            import_react_native19.TouchableOpacity,
+            import_react_native20.TouchableOpacity,
             {
               className: cn("py-2 items-center", selected && "bg-primary-50"),
               style: selected ? { backgroundColor: colors.primarySurface } : void 0,
@@ -3209,7 +3259,17 @@ function DatePicker({
   format = "yyyy-MM-dd",
   minDate,
   maxDate,
-  className
+  className,
+  cancelText = "\u53D6\u6D88",
+  confirmText = "\u786E\u5B9A",
+  pickerTitle = "\u9009\u62E9\u65E5\u671F",
+  pickerDateFormat = "yyyy\u5E74MM\u6708dd\u65E5",
+  yearLabel = "\u5E74",
+  monthLabel = "\u6708",
+  dayLabel = "\u65E5",
+  todayText = "\u4ECA\u5929",
+  minDateText = "\u6700\u65E9",
+  maxDateText = "\u6700\u665A"
 }) {
   const colors = useFormThemeColors();
   const [visible, setVisible] = (0, import_react24.useState)(false);
@@ -3287,7 +3347,7 @@ function DatePicker({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_react_native19.Modal,
+      import_react_native20.Modal,
       {
         visible,
         transparent: true,
@@ -3303,18 +3363,18 @@ function DatePicker({
               className: "px-4 py-3",
               style: [styles11.header, { borderBottomColor: colors.divider }],
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native19.TouchableOpacity, { onPress: () => setVisible(false), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.textMuted }, children: "\u53D6\u6D88" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { className: "text-lg font-semibold", style: { color: colors.text }, children: "\u9009\u62E9\u65E5\u671F" }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native19.TouchableOpacity, { onPress: handleConfirm, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.primary }, className: "font-medium", children: "\u786E\u5B9A" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native20.TouchableOpacity, { onPress: () => setVisible(false), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.textMuted }, children: cancelText }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { className: "text-lg font-semibold", style: { color: colors.text }, children: pickerTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_native20.TouchableOpacity, { onPress: handleConfirm, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.primary }, className: "font-medium", children: confirmText }) })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppView, { center: true, className: "py-4", style: { backgroundColor: colors.headerSurface }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { className: "text-2xl font-semibold", style: { color: colors.text }, children: formatDate(tempDate, "yyyy\u5E74MM\u6708dd\u65E5") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppView, { center: true, className: "py-4", style: { backgroundColor: colors.headerSurface }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { className: "text-2xl font-semibold", style: { color: colors.text }, children: formatDate(tempDate, pickerDateFormat) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(AppView, { row: true, className: "h-48", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               PickerColumn,
               {
-                title: "\u5E74",
+                title: yearLabel,
                 values: years,
                 selectedValue: tempDate.getFullYear(),
                 onSelect: (year) => updateTempDate(year),
@@ -3326,7 +3386,7 @@ function DatePicker({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               PickerColumn,
               {
-                title: "\u6708",
+                title: monthLabel,
                 values: months,
                 selectedValue: tempDate.getMonth() + 1,
                 onSelect: (month) => updateTempDate(void 0, month),
@@ -3339,7 +3399,7 @@ function DatePicker({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               PickerColumn,
               {
-                title: "\u65E5",
+                title: dayLabel,
                 values: days,
                 selectedValue: tempDate.getDate(),
                 onSelect: (day) => updateTempDate(void 0, void 0, day),
@@ -3356,30 +3416,30 @@ function DatePicker({
               style: [styles11.footer, { borderTopColor: colors.divider }],
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                  import_react_native19.TouchableOpacity,
+                  import_react_native20.TouchableOpacity,
                   {
                     className: "flex-1 py-2 items-center rounded-lg",
                     style: { backgroundColor: colors.surfaceMuted },
                     onPress: () => setTempDate(/* @__PURE__ */ new Date()),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.text }, children: "\u4ECA\u5929" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.text }, children: todayText })
                   }
                 ),
                 minDate && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                  import_react_native19.TouchableOpacity,
+                  import_react_native20.TouchableOpacity,
                   {
                     className: "flex-1 py-2 items-center rounded-lg",
                     style: { backgroundColor: colors.surfaceMuted },
                     onPress: () => setTempDate(minDate),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.text }, children: "\u6700\u65E9" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.text }, children: minDateText })
                   }
                 ),
                 maxDate && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                  import_react_native19.TouchableOpacity,
+                  import_react_native20.TouchableOpacity,
                   {
                     className: "flex-1 py-2 items-center rounded-lg",
                     style: { backgroundColor: colors.surfaceMuted },
                     onPress: () => setTempDate(maxDate),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.text }, children: "\u6700\u665A" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.text }, children: maxDateText })
                   }
                 )
               ]
@@ -3390,7 +3450,7 @@ function DatePicker({
     )
   ] });
 }
-var styles11 = import_react_native19.StyleSheet.create({
+var styles11 = import_react_native20.StyleSheet.create({
   trigger: {
     borderWidth: 0.5
   },
@@ -3625,7 +3685,7 @@ function useThrottle(value, delay = 200) {
 
 // src/ui/hooks/useKeyboard.ts
 var import_react30 = require("react");
-var import_react_native20 = require("react-native");
+var import_react_native21 = require("react-native");
 function useKeyboard() {
   const [visible, setVisible] = (0, import_react30.useState)(false);
   const [height, setHeight] = (0, import_react30.useState)(0);
@@ -3646,13 +3706,13 @@ function useKeyboard() {
       setVisible(false);
       setHeight(0);
     };
-    const willShowSub = import_react_native20.Keyboard.addListener(
-      import_react_native20.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
-      import_react_native20.Platform.OS === "ios" ? handleKeyboardWillShow : handleKeyboardDidShow
+    const willShowSub = import_react_native21.Keyboard.addListener(
+      import_react_native21.Platform.OS === "ios" ? "keyboardWillShow" : "keyboardDidShow",
+      import_react_native21.Platform.OS === "ios" ? handleKeyboardWillShow : handleKeyboardDidShow
     );
-    const willHideSub = import_react_native20.Keyboard.addListener(
-      import_react_native20.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide",
-      import_react_native20.Platform.OS === "ios" ? handleKeyboardWillHide : handleKeyboardDidHide
+    const willHideSub = import_react_native21.Keyboard.addListener(
+      import_react_native21.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide",
+      import_react_native21.Platform.OS === "ios" ? handleKeyboardWillHide : handleKeyboardDidHide
     );
     return () => {
       willShowSub.remove();
@@ -3660,17 +3720,17 @@ function useKeyboard() {
     };
   }, []);
   const dismiss = (0, import_react30.useCallback)(() => {
-    import_react_native20.Keyboard.dismiss();
+    import_react_native21.Keyboard.dismiss();
   }, []);
   return { visible, height, dismiss };
 }
 
 // src/ui/hooks/useDimensions.ts
 var import_react31 = require("react");
-var import_react_native21 = require("react-native");
+var import_react_native22 = require("react-native");
 function useDimensions() {
   const [dimensions, setDimensions] = (0, import_react31.useState)(() => {
-    const window = import_react_native21.Dimensions.get("window");
+    const window = import_react_native22.Dimensions.get("window");
     return {
       width: window.width,
       height: window.height,
@@ -3687,7 +3747,7 @@ function useDimensions() {
         fontScale: window.fontScale
       });
     };
-    const subscription = import_react_native21.Dimensions.addEventListener("change", handleChange);
+    const subscription = import_react_native22.Dimensions.addEventListener("change", handleChange);
     return () => {
       subscription.remove();
     };
@@ -3697,10 +3757,10 @@ function useDimensions() {
 
 // src/ui/hooks/useOrientation.ts
 var import_react32 = require("react");
-var import_react_native22 = require("react-native");
+var import_react_native23 = require("react-native");
 function useOrientation() {
   const getOrientation = () => {
-    const { width, height } = import_react_native22.Dimensions.get("window");
+    const { width, height } = import_react_native23.Dimensions.get("window");
     return width > height ? "landscape" : "portrait";
   };
   const [orientation, setOrientation] = (0, import_react32.useState)(getOrientation);
@@ -3709,7 +3769,7 @@ function useOrientation() {
       const newOrientation = window.width > window.height ? "landscape" : "portrait";
       setOrientation(newOrientation);
     };
-    const subscription = import_react_native22.Dimensions.addEventListener("change", handleChange);
+    const subscription = import_react_native23.Dimensions.addEventListener("change", handleChange);
     return () => {
       subscription.remove();
     };
@@ -3817,7 +3877,7 @@ var import_react34 = __toESM(require("react"));
 var import_bottom_tabs = require("@react-navigation/bottom-tabs");
 
 // src/navigation/components/BottomTabBar.tsx
-var import_react_native23 = require("react-native");
+var import_react_native24 = require("react-native");
 var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
 var import_jsx_runtime33 = require("nativewind/jsx-runtime");
 var DEFAULT_TAB_BAR_HEIGHT = 65;
@@ -3842,7 +3902,7 @@ function BottomTabBar({
   const backgroundColor = style?.backgroundColor || colors.card;
   const borderTopColor = colors.divider;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_react_native23.View,
+    import_react_native24.View,
     {
       style: [
         styles12.container,
@@ -3877,7 +3937,7 @@ function BottomTabBar({
         }) : null;
         const badge = options.tabBarBadge;
         return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-          import_react_native23.TouchableOpacity,
+          import_react_native24.TouchableOpacity,
           {
             accessibilityRole: "button",
             accessibilityState: isFocused ? { selected: true } : {},
@@ -3892,9 +3952,9 @@ function BottomTabBar({
               }
             ],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native23.View, { style: [styles12.iconContainer, iconStyle], children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react_native24.View, { style: [styles12.iconContainer, iconStyle], children: [
                 iconName,
-                badge != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native23.View, { style: [styles12.badge, { backgroundColor: activeColor }], children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AppText, { style: styles12.badgeText, children: typeof badge === "number" && badge > 99 ? "99+" : badge }) })
+                badge != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_native24.View, { style: [styles12.badge, { backgroundColor: activeColor }], children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(AppText, { style: styles12.badgeText, children: typeof badge === "number" && badge > 99 ? "99+" : badge }) })
               ] }),
               showLabel && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 AppText,
@@ -3916,7 +3976,7 @@ function BottomTabBar({
     }
   );
 }
-var styles12 = import_react_native23.StyleSheet.create({
+var styles12 = import_react_native24.StyleSheet.create({
   container: {
     flexDirection: "row",
     borderTopWidth: 0.5,
@@ -4116,7 +4176,7 @@ function createDrawerScreens(routes) {
 }
 
 // src/navigation/components/AppHeader.tsx
-var import_react_native24 = require("react-native");
+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({
@@ -4173,7 +4233,7 @@ function AppHeader({
     }
   );
 }
-var styles13 = import_react_native24.StyleSheet.create({
+var styles13 = import_react_native25.StyleSheet.create({
   container: {
     height: 44
     // iOS 标准导航栏高度
@@ -4224,7 +4284,7 @@ var styles13 = import_react_native24.StyleSheet.create({
 });
 
 // src/navigation/components/DrawerContent.tsx
-var import_react_native25 = require("react-native");
+var import_react_native26 = require("react-native");
 var import_drawer2 = require("@react-navigation/drawer");
 var import_jsx_runtime37 = require("nativewind/jsx-runtime");
 function DrawerContent({
@@ -4256,19 +4316,19 @@ function DrawerContent({
     };
   });
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_drawer2.DrawerContentScrollView, { style: [styles14.container, { backgroundColor }], children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native25.View, { style: [styles14.header, { borderBottomColor: dividerColor }], children: header }),
+    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_native25.TouchableOpacity,
+        import_react_native26.TouchableOpacity,
         {
           onPress,
           style: [styles14.item, isFocused && { backgroundColor: activeBgColor }],
           children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native25.View, { style: styles14.iconContainer, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            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,
@@ -4288,16 +4348,16 @@ function DrawerContent({
                 children: item.label
               }
             ),
-            item.badge != null && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native25.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.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_native25.View, { style: [styles14.footer, { borderTopColor: dividerColor }], children: footer })
+    footer && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_native26.View, { style: [styles14.footer, { borderTopColor: dividerColor }], children: footer })
   ] });
 }
-var styles14 = import_react_native25.StyleSheet.create({
+var styles14 = import_react_native26.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -4392,7 +4452,8 @@ var import_native5 = require("@react-navigation/native");
 var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
 
 // src/overlay/AppStatusBar.tsx
-var import_react_native26 = require("react-native");
+var import_react_native27 = require("react-native");
+var import_native6 = require("@react-navigation/native");
 var import_jsx_runtime38 = require("nativewind/jsx-runtime");
 function AppStatusBar({
   barStyle = "auto",
@@ -4404,7 +4465,7 @@ function AppStatusBar({
   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_native26.StatusBar,
+    import_react_native27.StatusBar,
     {
       barStyle: resolvedBarStyle,
       backgroundColor: resolvedBackgroundColor,
@@ -4413,6 +4474,11 @@ function AppStatusBar({
     }
   );
 }
+function AppFocusedStatusBar(props) {
+  const isFocused = (0, import_native6.useIsFocused)();
+  if (!isFocused) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AppStatusBar, { ...props });
+}
 
 // src/overlay/loading/provider.tsx
 var import_react38 = require("react");
@@ -4427,15 +4493,15 @@ function useLoadingContext() {
 }
 
 // src/overlay/loading/component.tsx
-var import_react_native27 = require("react-native");
+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_native27.Modal, { transparent: true, visible, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native27.View, { style: styles15.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_native27.View, { style: [styles15.loadingBox, { backgroundColor: "rgba(0,0,0,0.8)" }], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_native27.ActivityIndicator, { size: "large", color: "#fff" }),
+  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 styles15 = import_react_native27.StyleSheet.create({
+var styles15 = import_react_native28.StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -4468,7 +4534,7 @@ function LoadingProvider({ children }) {
 
 // src/overlay/toast/provider.tsx
 var import_react41 = require("react");
-var import_react_native29 = require("react-native");
+var import_react_native30 = require("react-native");
 
 // src/overlay/toast/context.ts
 var import_react39 = require("react");
@@ -4481,15 +4547,15 @@ function useToastContext() {
 
 // src/overlay/toast/component.tsx
 var import_react40 = require("react");
-var import_react_native28 = require("react-native");
+var import_react_native29 = require("react-native");
 var import_jsx_runtime41 = require("nativewind/jsx-runtime");
 function ToastItemView({ message, type, onHide }) {
-  const fadeAnim = (0, import_react40.useRef)(new import_react_native28.Animated.Value(0)).current;
+  const fadeAnim = (0, import_react40.useRef)(new import_react_native29.Animated.Value(0)).current;
   (0, import_react40.useEffect)(() => {
-    import_react_native28.Animated.sequence([
-      import_react_native28.Animated.timing(fadeAnim, { toValue: 1, duration: 200, useNativeDriver: true }),
-      import_react_native28.Animated.delay(2500),
-      import_react_native28.Animated.timing(fadeAnim, { toValue: 0, duration: 200, useNativeDriver: true })
+    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 })
     ]).start(onHide);
   }, []);
   const bgColors = {
@@ -4499,7 +4565,7 @@ function ToastItemView({ message, type, onHide }) {
     info: "bg-primary-500"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_native28.Animated.View,
+    import_react_native29.Animated.View,
     {
       style: {
         opacity: fadeAnim,
@@ -4558,10 +4624,10 @@ function ToastProvider({ children }) {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(ToastContext.Provider, { value: { show, success, error, info, warning }, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_native29.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_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)) })
   ] });
 }
-var styles16 = import_react_native29.StyleSheet.create({
+var styles16 = import_react_native30.StyleSheet.create({
   toastContainer: {
     position: "absolute",
     top: 60,
@@ -4584,7 +4650,7 @@ function useAlertContext() {
 }
 
 // src/overlay/alert/component.tsx
-var import_react_native30 = require("react-native");
+var import_react_native31 = require("react-native");
 var import_jsx_runtime43 = require("nativewind/jsx-runtime");
 function AlertModal({
   visible,
@@ -4597,7 +4663,7 @@ function AlertModal({
   onCancel
 }) {
   if (!visible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_native30.Modal, { transparent: true, visible: true, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_native30.View, { style: styles17.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_react_native30.View, { style: styles17.alertBox, children: [
+  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: [
@@ -4606,7 +4672,7 @@ function AlertModal({
     ] })
   ] }) }) });
 }
-var styles17 = import_react_native30.StyleSheet.create({
+var styles17 = import_react_native31.StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0,0,0,0.5)",
@@ -4752,12 +4818,14 @@ var import_react_native_safe_area_context5 = require("react-native-safe-area-con
   ActionIcons,
   Alert,
   AppButton,
+  AppFocusedStatusBar,
   AppHeader,
   AppImage,
   AppInput,
   AppList,
   AppPressable,
   AppProvider,
+  AppScreen,
   AppScrollView,
   AppStatusBar,
   AppText,
@@ -4782,7 +4850,6 @@ var import_react_native_safe_area_context5 = require("react-native-safe-area-con
   NavigationIcons,
   NavigationProvider,
   OverlayProvider,
-  Page,
   PageDrawer,
   Progress,
   Radio,