@gaozh1024/rn-kit 0.3.0 → 0.3.1

package/dist/index.js

@@ -1723,7 +1723,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 +1733,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 +1747,29 @@ 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 +1825,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 +1888,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 +1909,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 +1921,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 +1950,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 +1962,7 @@ function AppImage({
       children: [
         renderLoading(),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_react_native10.Image,
+          import_react_native11.Image,
           {
             source,
             style: imageStyle,
@@ -1958,7 +1983,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();
@@ -2007,7 +2032,7 @@ function ErrorState({ error, onRetry }) {
 }
 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();
@@ -2086,7 +2111,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,
@@ -2112,13 +2137,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 +2170,7 @@ function AppList({
     }
   );
 }
-var styles3 = import_react_native11.StyleSheet.create({
+var styles3 = import_react_native12.StyleSheet.create({
   retryButton: {
     borderWidth: 0.5
   }
@@ -2153,7 +2178,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 +2206,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);
@@ -2272,7 +2297,7 @@ function PageDrawer({
       ]
     }
   );
-  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 +2320,7 @@ function PageDrawer({
     }
   ) });
 }
-var styles4 = import_react_native12.StyleSheet.create({
+var styles4 = import_react_native13.StyleSheet.create({
   drawer: {
     height: "100%"
   },
@@ -2323,7 +2348,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 +2377,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 +2397,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 +2406,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 +2422,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 +2446,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 +2477,7 @@ function Checkbox({
     }
   );
 }
-var styles6 = import_react_native14.StyleSheet.create({
+var styles6 = import_react_native15.StyleSheet.create({
   checkbox: {
     borderWidth: 0.5
   }
@@ -2497,7 +2522,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 +2546,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 +2581,7 @@ function Radio({
     }
   );
 }
-var styles7 = import_react_native15.StyleSheet.create({
+var styles7 = import_react_native16.StyleSheet.create({
   radio: {
     borderWidth: 0.5
   },
@@ -2590,7 +2615,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 +2649,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 +2694,7 @@ function Switch({
     }
   );
 }
-var styles8 = import_react_native16.StyleSheet.create({
+var styles8 = import_react_native17.StyleSheet.create({
   track: {
     justifyContent: "center",
     padding: 2
@@ -2685,7 +2710,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 +2778,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 +2841,7 @@ function Slider({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-      import_react_native17.View,
+      import_react_native18.View,
       {
         onLayout,
         className: "rounded-full",
@@ -2875,7 +2900,7 @@ function Slider({
     )
   ] });
 }
-var styles9 = import_react_native17.StyleSheet.create({
+var styles9 = import_react_native18.StyleSheet.create({
   track: {
     height: 6,
     width: "100%"
@@ -2917,7 +2942,7 @@ 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 Select({
   value,
@@ -3023,15 +3048,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,
@@ -3053,7 +3078,7 @@ function Select({
                   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)(import_react_native19.TouchableOpacity, { onPress: () => setVisible(false), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "close", size: "md", color: colors.icon }) })
                   ]
                 }
               ),
@@ -3070,9 +3095,9 @@ 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 },
@@ -3083,14 +3108,14 @@ function Select({
                             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,
@@ -3113,7 +3138,7 @@ function Select({
                       " \u9879"
                     ] }),
                     /* @__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 },
@@ -3131,7 +3156,7 @@ function Select({
     )
   ] });
 }
-var styles10 = import_react_native18.StyleSheet.create({
+var styles10 = import_react_native19.StyleSheet.create({
   trigger: {
     borderWidth: 0.5
   },
@@ -3151,7 +3176,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 +3202,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,
@@ -3287,7 +3312,7 @@ function DatePicker({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_react_native19.Modal,
+      import_react_native20.Modal,
       {
         visible,
         transparent: true,
@@ -3303,9 +3328,9 @@ 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)(import_react_native20.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: handleConfirm, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AppText, { style: { color: colors.primary }, className: "font-medium", children: "\u786E\u5B9A" }) })
               ]
             }
           ),
@@ -3356,7 +3381,7 @@ 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 },
@@ -3365,7 +3390,7 @@ function DatePicker({
                   }
                 ),
                 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 },
@@ -3374,7 +3399,7 @@ function DatePicker({
                   }
                 ),
                 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 },
@@ -3390,7 +3415,7 @@ function DatePicker({
     )
   ] });
 }
-var styles11 = import_react_native19.StyleSheet.create({
+var styles11 = import_react_native20.StyleSheet.create({
   trigger: {
     borderWidth: 0.5
   },
@@ -3625,7 +3650,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 +3671,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 +3685,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 +3712,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 +3722,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 +3734,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 +3842,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 +3867,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 +3902,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 +3917,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 +3941,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 +4141,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 +4198,7 @@ function AppHeader({
     }
   );
 }
-var styles13 = import_react_native24.StyleSheet.create({
+var styles13 = import_react_native25.StyleSheet.create({
   container: {
     height: 44
     // iOS 标准导航栏高度
@@ -4224,7 +4249,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 +4281,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 +4313,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 +4417,7 @@ 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_jsx_runtime38 = require("nativewind/jsx-runtime");
 function AppStatusBar({
   barStyle = "auto",
@@ -4404,7 +4429,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,
@@ -4427,15 +4452,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 +4493,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 +4506,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 +4524,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 +4583,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 +4609,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 +4622,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 +4631,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)",