@thelacanians/vue-native-runtime 0.6.5 → 0.7.1

package/dist/index.cjs

@@ -21,7 +21,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Easing: () => Easing,
   ErrorBoundary: () => ErrorBoundary,
+  KeepAlive: () => KeepAlive,
   NativeBridge: () => NativeBridge,
   VActionSheet: () => VActionSheet,
   VActivityIndicator: () => VActivityIndicator,
@@ -32,12 +34,14 @@ __export(index_exports, {
   VDrawerItem: () => VDrawerItem,
   VDrawerSection: () => VDrawerSection,
   VDropdown: () => VDropdown,
+  VErrorBoundary: () => ErrorBoundary,
   VFlatList: () => VFlatList,
   VImage: () => VImage,
   VInput: () => VInput,
   VKeyboardAvoiding: () => VKeyboardAvoiding,
   VList: () => VList,
   VModal: () => VModal,
+  VOutlineView: () => VOutlineView,
   VPicker: () => VPicker,
   VPressable: () => VPressable,
   VProgressBar: () => VProgressBar,
@@ -48,10 +52,15 @@ __export(index_exports, {
   VSectionList: () => VSectionList,
   VSegmentedControl: () => VSegmentedControl,
   VSlider: () => VSlider,
+  VSplitView: () => VSplitView,
   VStatusBar: () => VStatusBar,
+  VSuspense: () => VSuspense,
   VSwitch: () => VSwitch,
   VTabBar: () => VTabBar,
   VText: () => VText,
+  VToolbar: () => VToolbar,
+  VTransition: () => VTransition,
+  VTransitionGroup: () => VTransitionGroup,
   VVideo: () => VVideo,
   VView: () => VView,
   VWebView: () => VWebView,
@@ -64,6 +73,7 @@ __export(index_exports, {
   createStyleSheet: () => createStyleSheet,
   createTextNode: () => createTextNode,
   createTheme: () => createTheme,
+  defineAsyncComponent: () => defineAsyncComponent,
   getRegisteredSharedElements: () => getRegisteredSharedElements,
   getSharedElementViewId: () => getSharedElementViewId,
   measureViewFrame: () => measureViewFrame,
@@ -119,7 +129,6 @@ __export(index_exports, {
   validStyleProperties: () => validStyleProperties
 });
 module.exports = __toCommonJS(index_exports);
-var import_runtime_core66 = require("@vue/runtime-core");
 
 // src/renderer.ts
 var import_runtime_core = require("@vue/runtime-core");
@@ -186,6 +195,24 @@ function createCommentNode(_text) {
 
 // src/bridge.ts
 var bridgeGlobals = globalThis;
+var appTeardowns = /* @__PURE__ */ new Set();
+function registerAppTeardown(teardown) {
+  appTeardowns.add(teardown);
+  return () => {
+    appTeardowns.delete(teardown);
+  };
+}
+function teardownMountedApps() {
+  const teardowns = [...appTeardowns];
+  appTeardowns.clear();
+  for (const teardown of teardowns) {
+    try {
+      teardown();
+    } catch (err) {
+      console.error("[VueNative] Error unmounting app during teardown:", err);
+    }
+  }
+}
 var _NativeBridgeImpl = class _NativeBridgeImpl {
   constructor() {
     /** Pending operations waiting to be flushed to native */
@@ -453,12 +480,12 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
     });
   }
   /**
-   * Invoke a native module method synchronously.
-   * This sends the operation immediately and expects no callback.
-   * Use sparingly -- prefer the async variant.
+   * @deprecated Native module invocations cannot safely return a value through
+   * the batched JSON bridge. This compatibility alias now uses the reliable
+   * asynchronous callback path; migrate callers to invokeNativeModule().
    */
   invokeNativeModuleSync(moduleName, methodName, args = []) {
-    this.enqueue("invokeNativeModuleSync", [moduleName, methodName, args]);
+    return this.invokeNativeModule(moduleName, methodName, args);
   }
   /**
    * Called from Swift via globalThis.__VN_resolveCallback when an async
@@ -529,15 +556,17 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
       payload = {};
     }
     const handlers = this.globalEventHandlers.get(eventName);
-    if (handlers) {
-      handlers.forEach((h33) => {
-        try {
-          h33(payload);
-        } catch (err) {
-          console.error(`[VueNative] Error in global event handler "${eventName}":`, err);
-        }
-      });
+    if (!handlers || handlers.size === 0) {
+      return false;
     }
+    handlers.forEach((h35) => {
+      try {
+        h35(payload);
+      } catch (err) {
+        console.error(`[VueNative] Error in global event handler "${eventName}":`, err);
+      }
+    });
+    return true;
   }
   // ---------------------------------------------------------------------------
   // Cleanup
@@ -570,17 +599,32 @@ bridgeGlobals.__VN_handleEvent = NativeBridge.handleNativeEvent.bind(NativeBridg
 bridgeGlobals.__VN_resolveCallback = NativeBridge.resolveCallback.bind(NativeBridge);
 bridgeGlobals.__VN_handleGlobalEvent = NativeBridge.handleGlobalEvent.bind(NativeBridge);
 bridgeGlobals.__VN_teardown = () => {
+  teardownMountedApps();
   NativeBridge.reset();
   resetNodeId();
 };
 
 // src/renderer.ts
 function toEventName(key) {
-  return key.slice(2).toLowerCase();
+  const name = key.slice(2);
+  return name.charAt(0).toLowerCase() + name.slice(1);
 }
 function isEventHandler(value) {
   return typeof value === "function";
 }
+function getEventHandler(value) {
+  if (isEventHandler(value)) {
+    return value;
+  }
+  if (Array.isArray(value) && value.length > 0 && value.every(isEventHandler)) {
+    return (payload) => {
+      for (const handler of value) {
+        handler(payload);
+      }
+    };
+  }
+  return null;
+}
 function patchStyle(nodeId, prevStyle, nextStyle) {
   try {
     const prev = typeof prevStyle === "object" && prevStyle !== null ? prevStyle : {};
@@ -606,6 +650,14 @@ function patchStyle(nodeId, prevStyle, nextStyle) {
     console.error(`[VueNative] Error patching style on node ${nodeId}:`, err);
   }
 }
+function releaseSubtree(node) {
+  const children = node.children.splice(0);
+  for (const child of children) {
+    child.parent = null;
+    releaseSubtree(child);
+  }
+  releaseNodeId(node.id);
+}
 var nodeOps = {
   /**
    * Create a native element node.
@@ -642,8 +694,12 @@ var nodeOps = {
    * Set the text content of an element, replacing all its children.
    */
   setElementText(node, text) {
-    for (const child of node.children) {
+    for (const child of [...node.children]) {
+      if (child.type !== "__COMMENT__") {
+        NativeBridge.removeChild(node.id, child.id);
+      }
       child.parent = null;
+      releaseSubtree(child);
     }
     node.children = [];
     NativeBridge.setElementText(node.id, text);
@@ -657,13 +713,15 @@ var nodeOps = {
    */
   patchProp(el, key, prevValue, nextValue) {
     try {
-      if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase()) {
+      const previousHandler = getEventHandler(prevValue);
+      const nextHandler = getEventHandler(nextValue);
+      if (/^on[A-Z]/.test(key) && (previousHandler || nextHandler)) {
         const eventName = toEventName(key);
-        if (prevValue) {
+        if (previousHandler) {
           NativeBridge.removeEventListener(el.id, eventName);
         }
-        if (isEventHandler(nextValue)) {
-          NativeBridge.addEventListener(el.id, eventName, nextValue);
+        if (nextHandler) {
+          NativeBridge.addEventListener(el.id, eventName, nextHandler);
         }
         return;
       }
@@ -738,7 +796,7 @@ var nodeOps = {
       } catch (err) {
         console.error(`[VueNative] Error removing node ${child.id}:`, err);
       }
-      releaseNodeId(child.id);
+      releaseSubtree(child);
     }
   },
   /**
@@ -832,6 +890,10 @@ var import_runtime_core4 = require("@vue/runtime-core");
 var VButton = (0, import_runtime_core4.defineComponent)({
   name: "VButton",
   props: {
+    /** Convenience label rendered as VText when no default slot is provided. */
+    title: String,
+    /** Text styling for the title shorthand. */
+    titleStyle: Object,
     style: Object,
     disabled: {
       type: Boolean,
@@ -849,15 +911,25 @@ var VButton = (0, import_runtime_core4.defineComponent)({
     accessibilityState: Object
   },
   setup(props, { slots }) {
-    return () => (0, import_runtime_core4.h)(
-      "VButton",
-      {
-        ...props,
-        onPress: props.disabled ? void 0 : props.onPress,
-        onLongPress: props.disabled ? void 0 : props.onLongPress
-      },
-      slots.default?.()
-    );
+    return () => {
+      const slotContent = slots.default?.();
+      const content = slotContent?.length ? slotContent : props.title !== void 0 ? [(0, import_runtime_core4.h)(VText, { style: props.titleStyle }, () => props.title)] : [];
+      return (0, import_runtime_core4.h)(
+        "VButton",
+        {
+          style: props.style,
+          disabled: props.disabled,
+          activeOpacity: props.activeOpacity,
+          onPress: props.disabled ? void 0 : props.onPress,
+          onLongPress: props.disabled ? void 0 : props.onLongPress,
+          accessibilityLabel: props.accessibilityLabel,
+          accessibilityRole: props.accessibilityRole,
+          accessibilityHint: props.accessibilityHint,
+          accessibilityState: props.accessibilityState
+        },
+        content
+      );
+    };
   }
 });
 
@@ -1192,6 +1264,10 @@ var VSafeArea = (0, import_runtime_core11.defineComponent)({
 
 // src/components/VSlider.ts
 var import_runtime_core12 = require("@vue/runtime-core");
+function getSliderValue(payload) {
+  const value = typeof payload === "object" && payload !== null && "value" in payload ? payload.value : payload;
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
 var VSlider = (0, import_runtime_core12.defineComponent)({
   name: "VSlider",
   props: {
@@ -1215,9 +1291,11 @@ var VSlider = (0, import_runtime_core12.defineComponent)({
       accessibilityRole: props.accessibilityRole,
       accessibilityHint: props.accessibilityHint,
       accessibilityState: props.accessibilityState,
-      onChange: (val) => {
-        emit("update:modelValue", val);
-        emit("change", val);
+      onChange: (payload) => {
+        const value = getSliderValue(payload);
+        if (value === null) return;
+        emit("update:modelValue", value);
+        emit("change", value);
       }
     });
   }
@@ -1469,13 +1547,15 @@ var VAlertDialog = (0, import_runtime_core15.defineComponent)({
         }
       }
       return (0, import_runtime_core15.h)("VAlertDialog", {
-        visible: debouncedVisible.value,
         title: props.title,
         message: props.message,
         buttons: resolvedButtons,
         onConfirm: (event) => emit("confirm", event),
         onCancel: () => emit("cancel"),
-        onAction: (event) => emit("action", event)
+        onAction: (event) => emit("action", event),
+        // Native factories present synchronously when this becomes true. Keep
+        // it last so content and handlers are installed before presentation.
+        visible: debouncedVisible.value
       });
     };
   }
@@ -1521,9 +1601,12 @@ var VWebView = (0, import_runtime_core17.defineComponent)({
       return source;
     });
     return () => (0, import_runtime_core17.h)("VWebView", {
+      // Native WKWebView factories begin navigation as soon as `source` is
+      // applied. Keep this first so the initial navigation observes the
+      // requested JavaScript policy as well as subsequent navigations.
+      javaScriptEnabled: props.javaScriptEnabled,
       source: sanitizedSource.value,
       style: props.style,
-      javaScriptEnabled: props.javaScriptEnabled,
       onLoad: (event) => emit("load", event),
       onError: (event) => emit("error", event),
       onMessage: (event) => emit("message", event)
@@ -1617,12 +1700,14 @@ var VActionSheet = (0, import_runtime_core21.defineComponent)({
   emits: ["action", "cancel"],
   setup(props, { emit }) {
     return () => (0, import_runtime_core21.h)("VActionSheet", {
-      visible: props.visible,
       title: props.title,
       message: props.message,
       actions: props.actions,
       onAction: (e) => emit("action", e),
-      onCancel: () => emit("cancel")
+      onCancel: () => emit("cancel"),
+      // Presentation is triggered by the visible update on native. Apply it
+      // only after content and event handlers have reached the bridge.
+      visible: props.visible
     });
   }
 });
@@ -1957,12 +2042,14 @@ var VVideo = (0, import_runtime_core28.defineComponent)({
     loop: { type: Boolean, default: false },
     muted: { type: Boolean, default: false },
     paused: { type: Boolean, default: false },
+    /** Reserved for native transport controls; currently has no effect. */
     controls: { type: Boolean, default: true },
     volume: { type: Number, default: 1 },
     resizeMode: {
       type: String,
       default: "cover"
     },
+    /** Reserved for native poster rendering; currently has no effect. */
     poster: String,
     style: Object,
     testID: String,
@@ -1971,7 +2058,21 @@ var VVideo = (0, import_runtime_core28.defineComponent)({
   emits: ["ready", "play", "pause", "end", "error", "progress"],
   setup(props, { emit }) {
     return () => (0, import_runtime_core28.h)("VVideo", {
-      ...props,
+      // Playback intent must reach native before a source can become ready.
+      // In particular, the default paused=false must not override
+      // autoplay=false by eagerly starting a newly-created player.
+      autoplay: props.autoplay,
+      paused: props.paused,
+      source: props.source,
+      loop: props.loop,
+      volume: props.volume,
+      muted: props.muted,
+      controls: props.controls,
+      resizeMode: props.resizeMode,
+      poster: props.poster,
+      style: props.style,
+      testID: props.testID,
+      accessibilityLabel: props.accessibilityLabel,
       onReady: (event) => emit("ready", event),
       onPlay: () => emit("play"),
       onPause: () => emit("pause"),
@@ -2178,23 +2279,35 @@ var VTabBar = (0, import_runtime_core30.defineComponent)({
     /** Currently active tab ID */
     activeTab: {
       type: String,
-      required: true
+      default: void 0
+    },
+    /** Currently active tab name/id for v-model */
+    modelValue: {
+      type: String,
+      default: void 0
     },
     /** Position: 'top' | 'bottom' */
     position: {
       type: String,
       default: "bottom"
-    }
+    },
+    activeColor: { type: String, default: "#007AFF" },
+    inactiveColor: { type: String, default: "#8E8E93" },
+    backgroundColor: { type: String, default: "#fff" }
   },
-  emits: ["change"],
+  emits: ["change", "update:modelValue"],
   setup(props, { emit }) {
-    const activeTab = (0, import_runtime_core30.ref)(props.activeTab);
+    const activeTab = (0, import_runtime_core30.ref)(props.modelValue ?? props.activeTab ?? "");
     (0, import_runtime_core30.watch)(() => props.activeTab, (newVal) => {
-      activeTab.value = newVal;
+      if (newVal !== void 0) activeTab.value = newVal;
+    });
+    (0, import_runtime_core30.watch)(() => props.modelValue, (newVal) => {
+      if (newVal !== void 0) activeTab.value = newVal;
     });
     const switchTab = (tabId) => {
       activeTab.value = tabId;
       emit("change", tabId);
+      emit("update:modelValue", tabId);
     };
     return () => (0, import_runtime_core30.h)(VView, {
       style: {
@@ -2202,35 +2315,36 @@ var VTabBar = (0, import_runtime_core30.defineComponent)({
         [props.position]: 0,
         left: 0,
         right: 0,
-        backgroundColor: "#fff",
-        borderTopWidth: 1,
-        borderTopColor: "#e0e0e0",
+        backgroundColor: props.backgroundColor,
+        ...props.position === "top" ? { borderBottomWidth: 1, borderBottomColor: "#e0e0e0" } : { borderTopWidth: 1, borderTopColor: "#e0e0e0" },
         flexDirection: "row",
         height: 60
       }
     }, () => props.tabs.map((tab) => {
-      const isActive = activeTab.value === tab.id;
+      const tabId = tab.name ?? tab.id;
+      if (tabId === void 0 || tabId === "") return null;
+      const isActive = activeTab.value === tabId;
       return (0, import_runtime_core30.h)(VPressable, {
-        key: tab.id,
+        key: tabId,
         style: {
           flex: 1,
           justifyContent: "center",
           alignItems: "center"
         },
-        onPress: () => switchTab(tab.id),
+        onPress: () => switchTab(tabId),
         accessibilityLabel: tab.label,
         accessibilityRole: "tab",
         accessibilityState: { selected: isActive }
       }, () => [
-        tab.icon ? (0, import_runtime_core30.h)(VText, { style: { fontSize: 24, marginBottom: 4 } }, () => tab.icon) : null,
+        tab.icon ? (0, import_runtime_core30.h)(VText, { style: { fontSize: 24, marginBottom: 4, color: isActive ? props.activeColor : props.inactiveColor } }, () => tab.icon) : null,
         (0, import_runtime_core30.h)(VText, {
           style: {
             fontSize: 12,
             fontWeight: isActive ? "600" : "400",
-            color: isActive ? "#007AFF" : "#8E8E93"
+            color: isActive ? props.activeColor : props.inactiveColor
           }
         }, () => tab.label),
-        tab.badge ? (0, import_runtime_core30.h)(VView, {
+        tab.badge !== void 0 && tab.badge !== null && tab.badge !== "" ? (0, import_runtime_core30.h)(VView, {
           style: {
             position: "absolute",
             top: 8,
@@ -2255,10 +2369,82 @@ var VTabBar = (0, import_runtime_core30.defineComponent)({
   }
 });
 
-// src/components/VDrawer.ts
+// src/components/VToolbar.ts
 var import_runtime_core31 = require("@vue/runtime-core");
+var VToolbar = (0, import_runtime_core31.defineComponent)({
+  name: "VToolbar",
+  props: {
+    items: { type: Array, required: true },
+    displayMode: {
+      type: String,
+      default: "iconAndLabel"
+    },
+    showsBaselineSeparator: { type: Boolean, default: true },
+    style: Object
+  },
+  emits: ["itemClick"],
+  setup(props, { emit }) {
+    return () => (0, import_runtime_core31.h)("VToolbar", {
+      ...props,
+      onItemClick: (e) => emit("itemClick", e)
+    });
+  }
+});
+
+// src/components/VSplitView.ts
+var import_runtime_core32 = require("@vue/runtime-core");
+var VSplitView = (0, import_runtime_core32.defineComponent)({
+  name: "VSplitView",
+  props: {
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    dividerStyle: {
+      type: String,
+      default: "thin"
+    },
+    dividerColor: String,
+    dividerPosition: Number,
+    style: Object
+  },
+  emits: ["resize"],
+  setup(props, { emit, slots }) {
+    return () => (0, import_runtime_core32.h)("VSplitView", {
+      ...props,
+      onResize: (e) => emit("resize", e)
+    }, slots.default?.());
+  }
+});
+
+// src/components/VOutlineView.ts
+var import_runtime_core33 = require("@vue/runtime-core");
+var VOutlineView = (0, import_runtime_core33.defineComponent)({
+  name: "VOutlineView",
+  props: {
+    data: { type: Array, required: true },
+    expandAll: { type: Boolean, default: false },
+    selectionMode: {
+      type: String,
+      default: "single"
+    },
+    style: Object
+  },
+  emits: ["select", "expand", "collapse"],
+  setup(props, { emit }) {
+    return () => (0, import_runtime_core33.h)("VOutlineView", {
+      ...props,
+      onSelect: (e) => emit("select", e),
+      onExpand: (e) => emit("expand", e),
+      onCollapse: (e) => emit("collapse", e)
+    });
+  }
+});
+
+// src/components/VDrawer.ts
+var import_runtime_core34 = require("@vue/runtime-core");
 var drawerContextKey = /* @__PURE__ */ Symbol("VDrawerContext");
-var VDrawer = (0, import_runtime_core31.defineComponent)({
+var VDrawer = (0, import_runtime_core34.defineComponent)({
   name: "VDrawer",
   props: {
     /** Whether the drawer is open */
@@ -2276,24 +2462,37 @@ var VDrawer = (0, import_runtime_core31.defineComponent)({
       type: Number,
       default: 280
     },
+    /** Backdrop color shown behind the drawer */
+    overlayColor: {
+      type: String,
+      default: "rgba(0, 0, 0, 0.5)"
+    },
     /** Close on item press */
     closeOnPress: {
       type: Boolean,
       default: true
+    },
+    /** Close when the backdrop is pressed */
+    closeOnPressOutside: {
+      type: Boolean,
+      default: true
     }
   },
-  emits: ["update:open", "close"],
+  emits: ["update:open", "open", "close"],
   setup(props, { attrs, slots, emit }) {
-    const isOpen = (0, import_runtime_core31.ref)(props.open);
-    (0, import_runtime_core31.watch)(() => props.open, (value) => {
+    const isOpen = (0, import_runtime_core34.ref)(props.open);
+    (0, import_runtime_core34.watch)(() => props.open, (value) => {
+      if (isOpen.value === value) return;
       isOpen.value = value;
+      emit(value ? "open" : "close");
     });
     const closeDrawer = () => {
+      if (!isOpen.value) return;
       isOpen.value = false;
       emit("update:open", false);
       emit("close");
     };
-    (0, import_runtime_core31.provide)(drawerContextKey, {
+    (0, import_runtime_core34.provide)(drawerContextKey, {
       close: closeDrawer,
       shouldCloseOnPress: () => props.closeOnPress
     });
@@ -2307,7 +2506,7 @@ var VDrawer = (0, import_runtime_core31.defineComponent)({
         left: 0,
         right: 0,
         bottom: 0,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        backgroundColor: props.overlayColor,
         opacity: isOpen.value ? 1 : 0,
         zIndex: 999
       };
@@ -2337,20 +2536,24 @@ var VDrawer = (0, import_runtime_core31.defineComponent)({
       if (slots.default) {
         drawerChildren.push(...slots.default({ close: closeDrawer }) ?? []);
       }
+      if (slots.footer) {
+        drawerChildren.push(...slots.footer());
+      }
       return [
         // Overlay
-        isOpen.value ? (0, import_runtime_core31.h)(VPressable, {
+        isOpen.value ? (0, import_runtime_core34.h)(VPressable, {
           style: overlayStyle,
-          onPress: closeDrawer,
-          accessibilityLabel: "Close menu"
+          onPress: props.closeOnPressOutside ? closeDrawer : void 0,
+          accessibilityLabel: "Close menu",
+          accessibilityState: { disabled: !props.closeOnPressOutside }
         }) : null,
         // Drawer
-        (0, import_runtime_core31.h)(VView, drawerProps, () => drawerChildren)
+        (0, import_runtime_core34.h)(VView, drawerProps, () => drawerChildren)
       ];
     };
   }
 });
-var VDrawerItem = (0, import_runtime_core31.defineComponent)({
+var VDrawerItem = (0, import_runtime_core34.defineComponent)({
   name: "VDrawerItem",
   props: {
     /** Icon (emoji or icon name) */
@@ -2363,6 +2566,11 @@ var VDrawerItem = (0, import_runtime_core31.defineComponent)({
       type: String,
       required: true
     },
+    /** Whether this item represents the current destination */
+    active: {
+      type: Boolean,
+      default: false
+    },
     /** Badge count */
     badge: {
       type: [Number, String],
@@ -2376,7 +2584,7 @@ var VDrawerItem = (0, import_runtime_core31.defineComponent)({
   },
   emits: ["press"],
   setup(props, { slots, emit }) {
-    const drawer = (0, import_runtime_core31.inject)(drawerContextKey, null);
+    const drawer = (0, import_runtime_core34.inject)(drawerContextKey, null);
     const handlePress = () => {
       if (props.disabled) return;
       emit("press");
@@ -2384,25 +2592,26 @@ var VDrawerItem = (0, import_runtime_core31.defineComponent)({
         drawer.close();
       }
     };
-    return () => (0, import_runtime_core31.h)(VPressable, {
+    return () => (0, import_runtime_core34.h)(VPressable, {
       style: {
         flexDirection: "row",
         alignItems: "center",
         padding: 16,
         borderBottomWidth: 1,
         borderBottomColor: "#f0f0f0",
+        backgroundColor: props.active ? "#EAF3FF" : "transparent",
         opacity: props.disabled ? 0.5 : 1
       },
       onPress: handlePress,
       disabled: props.disabled,
       accessibilityLabel: props.label,
       accessibilityRole: "menuitem",
-      accessibilityState: { disabled: props.disabled }
+      accessibilityState: { disabled: props.disabled, selected: props.active }
     }, () => {
       const children = [];
       if (props.icon) {
         children.push(
-          (0, import_runtime_core31.h)(VText, {
+          (0, import_runtime_core34.h)(VText, {
             style: {
               fontSize: 24,
               marginRight: 16,
@@ -2413,17 +2622,17 @@ var VDrawerItem = (0, import_runtime_core31.defineComponent)({
         );
       }
       children.push(
-        (0, import_runtime_core31.h)(VText, {
+        (0, import_runtime_core34.h)(VText, {
           style: {
             flex: 1,
             fontSize: 16,
-            color: props.disabled ? "#999" : "#333"
+            color: props.disabled ? "#999" : props.active ? "#007AFF" : "#333"
           }
         }, () => props.label)
       );
-      if (props.badge) {
+      if (props.badge !== null && props.badge !== void 0 && props.badge !== "") {
         children.push(
-          (0, import_runtime_core31.h)(VView, {
+          (0, import_runtime_core34.h)(VView, {
             style: {
               backgroundColor: "#007AFF",
               borderRadius: 12,
@@ -2433,7 +2642,7 @@ var VDrawerItem = (0, import_runtime_core31.defineComponent)({
               alignItems: "center",
               paddingHorizontal: 8
             }
-          }, () => (0, import_runtime_core31.h)(VText, {
+          }, () => (0, import_runtime_core34.h)(VText, {
             style: {
               color: "#fff",
               fontSize: 12,
@@ -2449,7 +2658,7 @@ var VDrawerItem = (0, import_runtime_core31.defineComponent)({
     });
   }
 });
-var VDrawerSection = (0, import_runtime_core31.defineComponent)({
+var VDrawerSection = (0, import_runtime_core34.defineComponent)({
   name: "VDrawerSection",
   props: {
     /** Section title */
@@ -2459,7 +2668,7 @@ var VDrawerSection = (0, import_runtime_core31.defineComponent)({
     }
   },
   setup(props, { slots }) {
-    return () => (0, import_runtime_core31.h)(VView, {
+    return () => (0, import_runtime_core34.h)(VView, {
       style: {
         paddingVertical: 8,
         paddingHorizontal: 16,
@@ -2471,7 +2680,7 @@ var VDrawerSection = (0, import_runtime_core31.defineComponent)({
       const children = [];
       if (props.title) {
         children.push(
-          (0, import_runtime_core31.h)(VText, {
+          (0, import_runtime_core34.h)(VText, {
             style: {
               fontSize: 13,
               fontWeight: "600",
@@ -2493,7 +2702,7 @@ VDrawer.Item = VDrawerItem;
 VDrawer.Section = VDrawerSection;
 
 // src/components/VTransition.ts
-var import_runtime_core32 = require("@vue/runtime-core");
+var import_runtime_core35 = require("@vue/runtime-core");
 
 // src/composables/useAnimation.ts
 var Easing = {
@@ -2573,9 +2782,23 @@ function resolveAnimationTarget(el) {
   if (typeof el === "object" && "id" in el) return el.id;
   return void 0;
 }
-var VTransition = (0, import_runtime_core32.defineComponent)({
+function getElementFromVNode(vnode) {
+  try {
+    const el = vnode.el;
+    if (!el) return void 0;
+    return resolveAnimationTarget(el);
+  } catch {
+    return void 0;
+  }
+}
+function resolveTransitionTarget(el) {
+  return resolveAnimationTarget(el) ?? getElementFromVNode(el);
+}
+var VTransition = (0, import_runtime_core35.defineComponent)({
   name: "VTransition",
+  inheritAttrs: false,
   props: {
+    show: { type: Boolean, default: true },
     name: { type: String, default: "" },
     appear: { type: Boolean, default: false },
     persist: { type: Boolean, default: false },
@@ -2593,31 +2816,56 @@ var VTransition = (0, import_runtime_core32.defineComponent)({
     appearClass: { type: String, default: "" },
     appearActiveClass: { type: String, default: "" },
     appearToClass: { type: String, default: "" },
-    duration: [Number, Object]
+    duration: [Number, Object],
+    enterFrom: Object,
+    enterTo: Object,
+    leaveFrom: Object,
+    leaveTo: Object,
+    easing: { type: String, default: "ease" }
   },
-  setup(transitionProps, { slots, expose }) {
+  setup(transitionProps, { slots, expose, attrs }) {
     const { timing } = useAnimation();
-    const isAppearing = (0, import_runtime_core32.ref)(false);
-    const isLeaving = (0, import_runtime_core32.ref)(false);
-    const hasEntered = (0, import_runtime_core32.ref)(!transitionProps.appear);
-    function getElementFromVNode(vnode) {
-      try {
-        const el = vnode.el;
-        if (!el) return void 0;
-        return resolveAnimationTarget(el);
-      } catch {
-        return void 0;
+    const isAppearing = (0, import_runtime_core35.ref)(false);
+    const isLeaving = (0, import_runtime_core35.ref)(false);
+    const hasEntered = (0, import_runtime_core35.ref)(!transitionProps.appear);
+    function presetStyles() {
+      if (transitionProps.name === "slide") {
+        return {
+          enterFrom: { opacity: 0, translateX: -30 },
+          enterTo: { opacity: 1, translateX: 0 },
+          leaveFrom: { opacity: 1, translateX: 0 },
+          leaveTo: { opacity: 0, translateX: -30 }
+        };
+      }
+      return {
+        enterFrom: { opacity: 0 },
+        enterTo: { opacity: 1 },
+        leaveFrom: { opacity: 1 },
+        leaveTo: { opacity: 0 }
+      };
+    }
+    function callListener(name, ...args) {
+      const listener = attrs[name];
+      if (Array.isArray(listener)) {
+        listener.forEach((fn) => typeof fn === "function" && fn(...args));
+      } else if (typeof listener === "function") {
+        listener(...args);
       }
     }
     async function doEnter(el) {
-      const viewId = getElementFromVNode(el);
-      if (!viewId) return;
+      const viewId = resolveTransitionTarget(el);
+      if (viewId == null) return;
       isAppearing.value = true;
       const enterDuration = typeof transitionProps.duration === "object" ? transitionProps.duration.enter ?? DefaultDuration : transitionProps.duration ?? DefaultDuration;
-      const enterStyles = { opacity: 1 };
+      const presets = presetStyles();
+      const enterFrom = transitionProps.enterFrom ?? presets.enterFrom;
+      const enterTo = transitionProps.enterTo ?? presets.enterTo;
       try {
-        await timing(viewId, { opacity: 0 }, { duration: 0 });
-        await timing(viewId, enterStyles, { duration: enterDuration, easing: "easeOut" });
+        await timing(viewId, enterFrom, { duration: 0 });
+        await timing(viewId, enterTo, {
+          duration: enterDuration,
+          easing: transitionProps.easing
+        });
         isAppearing.value = false;
         hasEntered.value = true;
       } catch (e) {
@@ -2627,47 +2875,60 @@ var VTransition = (0, import_runtime_core32.defineComponent)({
       }
     }
     async function doLeave(el) {
-      const viewId = getElementFromVNode(el);
-      if (!viewId) return;
+      const viewId = resolveTransitionTarget(el);
+      if (viewId == null) return;
       isLeaving.value = true;
       const leaveDuration = typeof transitionProps.duration === "object" ? transitionProps.duration.leave ?? DefaultDuration : transitionProps.duration ?? DefaultDuration;
       try {
-        await timing(viewId, { opacity: 0 }, { duration: leaveDuration, easing: "easeIn" });
+        const presets = presetStyles();
+        await timing(viewId, transitionProps.leaveFrom ?? presets.leaveFrom, { duration: 0 });
+        await timing(viewId, transitionProps.leaveTo ?? presets.leaveTo, {
+          duration: leaveDuration,
+          easing: transitionProps.easing
+        });
       } catch (e) {
         console.warn("[VueNative Transition] leave animation failed:", e);
       } finally {
         isLeaving.value = false;
       }
     }
-    function onEnter(_el, done) {
-      if (!hasEntered.value || transitionProps.appear) {
-        doEnter(_el).then(() => done());
-      } else {
-        done();
-      }
+    function onBeforeEnter(el) {
+      callListener("onBeforeEnter", el);
+    }
+    function onEnter(el, done) {
+      callListener("onEnter", el);
+      doEnter(el).then(() => done());
     }
     function onLeave(el, done) {
+      callListener("onLeave", el);
       doLeave(el).then(() => done());
     }
     function onAfterEnter() {
+      callListener("onAfterEnter");
     }
     function onAfterLeave() {
+      callListener("onAfterLeave");
     }
     function onEnterCancelled() {
       isAppearing.value = false;
+      callListener("onEnterCancelled");
     }
     function onLeaveCancelled() {
       isLeaving.value = false;
+      callListener("onLeaveCancelled");
     }
     function onAppear(el, done) {
       isAppearing.value = true;
+      callListener("onAppear", el);
       doEnter(el).then(() => done());
     }
     function onAfterAppear() {
       isAppearing.value = false;
+      callListener("onAfterAppear");
     }
     expose({
       onEnter,
+      onBeforeEnter,
       onLeave,
       onAfterEnter,
       onAfterLeave,
@@ -2680,30 +2941,15 @@ var VTransition = (0, import_runtime_core32.defineComponent)({
       hasEntered
     });
     return () => {
-      const children = slots.default?.() ?? [];
-      const hasDefault = children.length > 0;
-      if (!hasDefault) {
-        return (0, import_runtime_core32.h)("", {}, []);
-      }
-      let finalChildren = children;
-      if (transitionProps.mode === "out-in") {
-        if (isLeaving.value) {
-          finalChildren = [children[children.length - 1]];
-        } else if (!hasEntered.value) {
-          finalChildren = [];
-        }
-      }
-      if (transitionProps.mode === "in-out") {
-        if (isAppearing.value && children.length > 1) {
-          finalChildren = [children[0]];
-        }
-      }
-      return (0, import_runtime_core32.h)("Transition", {
+      const finalChildren = transitionProps.show ? slots.default?.() ?? [] : [];
+      return (0, import_runtime_core35.h)(import_runtime_core35.BaseTransition, {
         name: transitionProps.name || "v",
         appear: transitionProps.appear,
         persist: transitionProps.persist || transitionProps.name === "persist",
+        mode: transitionProps.mode === "default" ? void 0 : transitionProps.mode,
         css: transitionProps.css,
         type: transitionProps.type,
+        onBeforeEnter,
         onEnter,
         onLeave,
         onAfterEnter,
@@ -2716,7 +2962,7 @@ var VTransition = (0, import_runtime_core32.defineComponent)({
     };
   }
 });
-var VTransitionGroup = (0, import_runtime_core32.defineComponent)({
+var VTransitionGroup = (0, import_runtime_core35.defineComponent)({
   name: "VTransitionGroup",
   props: {
     tag: { type: String, default: void 0 },
@@ -2730,172 +2976,58 @@ var VTransitionGroup = (0, import_runtime_core32.defineComponent)({
     const { timing } = useAnimation();
     function onMove(_el) {
     }
+    function onBeforeEnter(el) {
+      const viewId = resolveTransitionTarget(el);
+      if (viewId == null) return;
+      timing(viewId, { opacity: 0 }, { duration: 0 }).catch(() => {
+      });
+    }
     function onEnter(el, done) {
-      const viewId = resolveAnimationTarget(el);
-      if (!viewId) {
+      const viewId = resolveTransitionTarget(el);
+      if (viewId == null) {
         done();
         return;
       }
       timing(viewId, { opacity: 1 }, { duration: groupProps.duration ?? 300, easing: "easeOut" }).then(() => done()).catch(() => done());
     }
     function onLeave(el, done) {
-      const viewId = resolveAnimationTarget(el);
-      if (!viewId) {
+      const viewId = resolveTransitionTarget(el);
+      if (viewId == null) {
         done();
         return;
       }
       timing(viewId, { opacity: 0 }, { duration: groupProps.duration ?? 300, easing: "easeIn" }).then(() => done()).catch(() => done());
     }
     expose({
+      onBeforeEnter,
       onEnter,
       onLeave,
       onMove
     });
     return () => {
       const children = slots.default?.() ?? [];
-      return (0, import_runtime_core32.h)("TransitionGroup", {
-        tag: groupProps.tag,
+      return (0, import_runtime_core35.h)(groupProps.tag || "VView", {}, children.map((child, index) => (0, import_runtime_core35.h)(import_runtime_core35.BaseTransition, {
+        key: child.key ?? index,
         name: groupProps.name,
         appear: groupProps.appear,
         persist: groupProps.persist,
-        moveClass: groupProps.moveClass,
+        css: false,
+        onBeforeEnter,
         onEnter,
-        onLeave,
-        onMove
-      }, () => children);
+        onLeave
+      }, () => [child])));
     };
   }
 });
 
 // src/components/KeepAlive.ts
-var import_runtime_core33 = require("@vue/runtime-core");
-function matches(pattern, name) {
-  if (!pattern) return false;
-  if (typeof pattern === "string") {
-    return pattern === name;
-  }
-  if (pattern instanceof RegExp) {
-    return pattern.test(name);
-  }
-  if (Array.isArray(pattern)) {
-    return pattern.includes(name);
-  }
-  return false;
-}
-function getComponentName(vnode) {
-  const component = vnode.type;
-  if (typeof component === "object" && component !== null && "name" in component) {
-    return component.name;
-  }
-  if (typeof component === "function") {
-    return component.name;
-  }
-  return void 0;
-}
-var KeepAlive = (0, import_runtime_core33.defineComponent)({
-  name: "KeepAlive",
-  props: {
-    include: [String, RegExp, Array],
-    exclude: [String, RegExp, Array],
-    max: [Number, String]
-  },
-  setup(props, { slots }) {
-    const cache = /* @__PURE__ */ new Map();
-    const keys = /* @__PURE__ */ new Set();
-    const maxCacheSize = typeof props.max === "string" ? parseInt(props.max, 10) : props.max;
-    function pruneCache(filter) {
-      cache.forEach((_, key) => {
-        if (!filter(key)) {
-          cache.delete(key);
-          keys.delete(key);
-        }
-      });
-    }
-    function pruneCacheEntry(key) {
-      cache.delete(key);
-      keys.delete(key);
-    }
-    (0, import_runtime_core33.watch)(
-      () => [props.include, props.exclude],
-      () => {
-        if (!props.include && !props.exclude) return;
-        pruneCache((name) => {
-          if (props.include && !matches(props.include, name)) return false;
-          if (props.exclude && matches(props.exclude, name)) return false;
-          return true;
-        });
-      }
-    );
-    (0, import_runtime_core33.onUnmounted)(() => {
-      cache.clear();
-      keys.clear();
-    });
-    return () => {
-      const children = slots.default?.() ?? [];
-      if (!children.length) return children;
-      const vnode = children[0];
-      const name = getComponentName(vnode) ?? String(vnode.type);
-      const key = name;
-      if (props.include && !matches(props.include, name)) {
-        return vnode;
-      }
-      if (props.exclude && matches(props.exclude, name)) {
-        return vnode;
-      }
-      const cached = cache.get(key);
-      if (cached) {
-        keys.delete(key);
-        keys.add(key);
-        return cached.vnode;
-      }
-      if (maxCacheSize && cache.size >= maxCacheSize) {
-        const firstKey = keys.values().next().value;
-        if (firstKey) {
-          pruneCacheEntry(firstKey);
-        }
-      }
-      cache.set(key, { vnode, key });
-      keys.add(key);
-      return vnode;
-    };
-  }
-});
-KeepAlive.isKeepAlive = true;
+var import_runtime_core36 = require("@vue/runtime-core");
+var KeepAlive = import_runtime_core36.KeepAlive;
 
 // src/components/VSuspense.ts
-var import_runtime_core34 = require("@vue/runtime-core");
-var suspenseContextKey = /* @__PURE__ */ Symbol("suspense");
-var VSuspense = (0, import_runtime_core34.defineComponent)({
-  name: "Suspense",
-  props: {
-    timeout: { type: Number, default: 3e4 }
-  },
-  setup(_props, { slots }) {
-    const hasError = (0, import_runtime_core34.ref)(false);
-    const error = (0, import_runtime_core34.shallowRef)(null);
-    const pendingCount = (0, import_runtime_core34.ref)(0);
-    const context = {
-      hasError,
-      error,
-      pendingCount,
-      resolve: () => {
-        pendingCount.value--;
-      },
-      reject: (err) => {
-        hasError.value = true;
-        error.value = err;
-      }
-    };
-    (0, import_runtime_core34.provide)(suspenseContextKey, context);
-    return () => {
-      if (hasError.value) {
-        return slots.fallback?.({ error: error.value }) ?? null;
-      }
-      const defaultSlots = slots.default?.() ?? [];
-      return defaultSlots;
-    };
-  }
-});
+var import_runtime_core37 = require("@vue/runtime-core");
+var VSuspense = import_runtime_core37.Suspense;
+var defineAsyncComponent = import_runtime_core37.defineAsyncComponent;
 
 // src/components/index.ts
 var builtInComponents = {
@@ -2928,18 +3060,24 @@ var builtInComponents = {
   VVideo,
   VFlatList,
   VTabBar,
+  VToolbar,
+  VSplitView,
+  VOutlineView,
   VDrawer,
   VDrawerItem,
   VDrawerSection,
   VTransition,
   VTransitionGroup,
   KeepAlive,
+  // Vue types Suspense separately from ordinary components even though it is
+  // valid in the global component registry and handled specially by the
+  // renderer at runtime.
   VSuspense
 };
 
 // src/errorBoundary.ts
-var import_runtime_core35 = require("@vue/runtime-core");
-var ErrorBoundary = (0, import_runtime_core35.defineComponent)({
+var import_runtime_core38 = require("@vue/runtime-core");
+var ErrorBoundary = (0, import_runtime_core38.defineComponent)({
   name: "ErrorBoundary",
   props: {
     onError: Function,
@@ -2949,9 +3087,9 @@ var ErrorBoundary = (0, import_runtime_core35.defineComponent)({
     }
   },
   setup(props, { slots }) {
-    const error = (0, import_runtime_core35.ref)(null);
-    const errorInfo = (0, import_runtime_core35.ref)("");
-    (0, import_runtime_core35.onErrorCaptured)((err, _instance, info) => {
+    const error = (0, import_runtime_core38.ref)(null);
+    const errorInfo = (0, import_runtime_core38.ref)("");
+    (0, import_runtime_core38.onErrorCaptured)((err, _instance, info) => {
       const normalizedError = err instanceof Error ? err : new Error(String(err));
       error.value = normalizedError;
       errorInfo.value = info;
@@ -2964,7 +3102,7 @@ var ErrorBoundary = (0, import_runtime_core35.defineComponent)({
       error.value = null;
       errorInfo.value = "";
     }
-    (0, import_runtime_core35.watch)(
+    (0, import_runtime_core38.watch)(
       () => props.resetKeys,
       () => {
         if (error.value) {
@@ -3225,9 +3363,9 @@ function useAsyncStorage() {
 }
 
 // src/composables/useClipboard.ts
-var import_runtime_core36 = require("@vue/runtime-core");
+var import_runtime_core39 = require("@vue/runtime-core");
 function useClipboard() {
-  const content = (0, import_runtime_core36.ref)("");
+  const content = (0, import_runtime_core39.ref)("");
   function copy(text) {
     return NativeBridge.invokeNativeModule("Clipboard", "copy", [text]).then(() => void 0);
   }
@@ -3241,29 +3379,29 @@ function useClipboard() {
 }
 
 // src/composables/useDeviceInfo.ts
-var import_runtime_core37 = require("@vue/runtime-core");
+var import_runtime_core40 = require("@vue/runtime-core");
 function useDeviceInfo() {
-  const model = (0, import_runtime_core37.ref)("");
-  const systemVersion = (0, import_runtime_core37.ref)("");
-  const systemName = (0, import_runtime_core37.ref)("");
-  const name = (0, import_runtime_core37.ref)("");
-  const screenWidth = (0, import_runtime_core37.ref)(0);
-  const screenHeight = (0, import_runtime_core37.ref)(0);
-  const scale = (0, import_runtime_core37.ref)(1);
-  const isLoaded = (0, import_runtime_core37.ref)(false);
+  const model = (0, import_runtime_core40.ref)("");
+  const systemVersion = (0, import_runtime_core40.ref)("");
+  const systemName = (0, import_runtime_core40.ref)("");
+  const name = (0, import_runtime_core40.ref)("");
+  const screenWidth = (0, import_runtime_core40.ref)(0);
+  const screenHeight = (0, import_runtime_core40.ref)(0);
+  const scale = (0, import_runtime_core40.ref)(1);
+  const isLoaded = (0, import_runtime_core40.ref)(false);
   async function fetchInfo() {
     const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
     model.value = info.model ?? "";
     systemVersion.value = info.systemVersion ?? "";
     systemName.value = info.systemName ?? "";
-    name.value = info.name ?? "";
+    name.value = info.name ?? info.deviceName ?? "";
     screenWidth.value = info.screenWidth ?? 0;
     screenHeight.value = info.screenHeight ?? 0;
-    scale.value = info.scale ?? 1;
+    scale.value = info.scale ?? info.screenScale ?? 1;
     isLoaded.value = true;
   }
-  (0, import_runtime_core37.onMounted)(() => {
-    fetchInfo();
+  (0, import_runtime_core40.onMounted)(() => {
+    void fetchInfo().catch(() => void 0);
   });
   return {
     model,
@@ -3279,10 +3417,10 @@ function useDeviceInfo() {
 }
 
 // src/composables/useKeyboard.ts
-var import_runtime_core38 = require("@vue/runtime-core");
+var import_runtime_core41 = require("@vue/runtime-core");
 function useKeyboard() {
-  const isVisible = (0, import_runtime_core38.ref)(false);
-  const height = (0, import_runtime_core38.ref)(0);
+  const isVisible = (0, import_runtime_core41.ref)(false);
+  const height = (0, import_runtime_core41.ref)(0);
   function dismiss() {
     return NativeBridge.invokeNativeModule("Keyboard", "dismiss", []).then(() => void 0);
   }
@@ -3296,10 +3434,10 @@ function useKeyboard() {
 }
 
 // src/composables/useNetwork.ts
-var import_runtime_core39 = require("@vue/runtime-core");
+var import_runtime_core42 = require("@vue/runtime-core");
 function useNetwork() {
-  const isConnected = (0, import_runtime_core39.ref)(true);
-  const connectionType = (0, import_runtime_core39.ref)("unknown");
+  const isConnected = (0, import_runtime_core42.ref)(true);
+  const connectionType = (0, import_runtime_core42.ref)("unknown");
   let lastEventTime = 0;
   const unsubscribe = NativeBridge.onGlobalEvent("network:change", (payload) => {
     lastEventTime = Date.now();
@@ -3315,14 +3453,14 @@ function useNetwork() {
   }).catch((err) => {
     if (__DEV__) console.warn("[vue-native] Network.getStatus failed:", err);
   });
-  (0, import_runtime_core39.onUnmounted)(unsubscribe);
+  (0, import_runtime_core42.onUnmounted)(unsubscribe);
   return { isConnected, connectionType };
 }
 
 // src/composables/useAppState.ts
-var import_runtime_core40 = require("@vue/runtime-core");
+var import_runtime_core43 = require("@vue/runtime-core");
 function useAppState() {
-  const state = (0, import_runtime_core40.ref)("active");
+  const state = (0, import_runtime_core43.ref)("active");
   NativeBridge.invokeNativeModule("AppState", "getState").then((s) => {
     state.value = s;
   }).catch((err) => {
@@ -3331,7 +3469,7 @@ function useAppState() {
   const unsubscribe = NativeBridge.onGlobalEvent("appState:change", (payload) => {
     state.value = payload.state;
   });
-  (0, import_runtime_core40.onUnmounted)(unsubscribe);
+  (0, import_runtime_core43.onUnmounted)(unsubscribe);
   return { state };
 }
 
@@ -3366,11 +3504,31 @@ function usePermissions() {
 }
 
 // src/composables/useGeolocation.ts
-var import_runtime_core41 = require("@vue/runtime-core");
+var import_runtime_core44 = require("@vue/runtime-core");
 function useGeolocation() {
-  const coords = (0, import_runtime_core41.ref)(null);
-  const error = (0, import_runtime_core41.ref)(null);
+  const coords = (0, import_runtime_core44.ref)(null);
+  const error = (0, import_runtime_core44.ref)(null);
   let watchId = null;
+  let unsubscribePosition = null;
+  let unsubscribeError = null;
+  let isDisposed = false;
+  function removeWatchListeners() {
+    unsubscribePosition?.();
+    unsubscribeError?.();
+    unsubscribePosition = null;
+    unsubscribeError = null;
+  }
+  if ((0, import_runtime_core44.getCurrentInstance)()) {
+    (0, import_runtime_core44.onUnmounted)(() => {
+      isDisposed = true;
+      removeWatchListeners();
+      const activeWatchId = watchId;
+      watchId = null;
+      if (activeWatchId !== null) {
+        void NativeBridge.invokeNativeModule("Geolocation", "clearWatch", [activeWatchId]).catch(() => void 0);
+      }
+    });
+  }
   async function getCurrentPosition() {
     try {
       error.value = null;
@@ -3386,19 +3544,22 @@ function useGeolocation() {
   async function watchPosition() {
     try {
       error.value = null;
+      if (watchId !== null) {
+        await clearWatch(watchId);
+      }
+      removeWatchListeners();
       const id = await NativeBridge.invokeNativeModule("Geolocation", "watchPosition");
+      if (isDisposed) {
+        await NativeBridge.invokeNativeModule("Geolocation", "clearWatch", [id]);
+        return id;
+      }
       watchId = id;
-      const unsubscribe = NativeBridge.onGlobalEvent("location:update", (payload) => {
+      unsubscribePosition = NativeBridge.onGlobalEvent("location:update", (payload) => {
         coords.value = payload;
       });
-      const unsubscribeError = NativeBridge.onGlobalEvent("location:error", (payload) => {
+      unsubscribeError = NativeBridge.onGlobalEvent("location:error", (payload) => {
         error.value = payload.message;
       });
-      (0, import_runtime_core41.onUnmounted)(() => {
-        unsubscribe();
-        unsubscribeError();
-        if (watchId !== null) clearWatch(watchId);
-      });
       return id;
     } catch (e) {
       const msg = e instanceof Error ? e.message : String(e);
@@ -3408,13 +3569,16 @@ function useGeolocation() {
   }
   async function clearWatch(id) {
     await NativeBridge.invokeNativeModule("Geolocation", "clearWatch", [id]);
-    watchId = null;
+    if (watchId === id) {
+      watchId = null;
+      removeWatchListeners();
+    }
   }
   return { coords, error, getCurrentPosition, watchPosition, clearWatch };
 }
 
 // src/composables/useCamera.ts
-var import_runtime_core42 = require("@vue/runtime-core");
+var import_runtime_core45 = require("@vue/runtime-core");
 function useCamera() {
   const qrCleanups = [];
   async function launchCamera(options = {}) {
@@ -3437,7 +3601,7 @@ function useCamera() {
     qrCleanups.push(unsubscribe);
     return unsubscribe;
   }
-  (0, import_runtime_core42.onUnmounted)(() => {
+  (0, import_runtime_core45.onUnmounted)(() => {
     NativeBridge.invokeNativeModule("Camera", "stopQRScan").catch((err) => {
       if (__DEV__) console.warn("[vue-native] Camera.stopQRScan failed:", err);
     });
@@ -3448,10 +3612,10 @@ function useCamera() {
 }
 
 // src/composables/useNotifications.ts
-var import_runtime_core43 = require("@vue/runtime-core");
+var import_runtime_core46 = require("@vue/runtime-core");
 function useNotifications() {
-  const isGranted = (0, import_runtime_core43.ref)(false);
-  const pushToken = (0, import_runtime_core43.ref)(null);
+  const isGranted = (0, import_runtime_core46.ref)(false);
+  const pushToken = (0, import_runtime_core46.ref)(null);
   async function requestPermission() {
     const granted = await NativeBridge.invokeNativeModule("Notifications", "requestPermission");
     isGranted.value = granted;
@@ -3471,7 +3635,7 @@ function useNotifications() {
   }
   function onNotification(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("notification:received", handler);
-    (0, import_runtime_core43.onUnmounted)(unsubscribe);
+    (0, import_runtime_core46.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   async function registerForPush() {
@@ -3485,12 +3649,17 @@ function useNotifications() {
       pushToken.value = payload.token;
       handler(payload.token);
     });
-    (0, import_runtime_core43.onUnmounted)(unsubscribe);
+    (0, import_runtime_core46.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   function onPushReceived(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("push:received", handler);
-    (0, import_runtime_core43.onUnmounted)(unsubscribe);
+    (0, import_runtime_core46.onUnmounted)(unsubscribe);
+    return unsubscribe;
+  }
+  function onPushError(handler) {
+    const unsubscribe = NativeBridge.onGlobalEvent("push:error", handler);
+    (0, import_runtime_core46.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   return {
@@ -3507,7 +3676,8 @@ function useNotifications() {
     registerForPush,
     getToken,
     onPushToken,
-    onPushReceived
+    onPushReceived,
+    onPushError
   };
 }
 
@@ -3526,23 +3696,39 @@ function useBiometry() {
 }
 
 // src/composables/useHttp.ts
-var import_runtime_core44 = require("@vue/runtime-core");
+var import_runtime_core47 = require("@vue/runtime-core");
 function isQueryRequestOptions(value) {
   return "params" in value || "headers" in value;
 }
+function getHeader(headers, name) {
+  const expected = name.toLowerCase();
+  return Object.entries(headers).find(([key]) => key.toLowerCase() === expected)?.[1];
+}
+async function parseResponseBody(response, headers) {
+  if (response.status === 204 || response.status === 205) return void 0;
+  const contentType = getHeader(headers, "content-type")?.toLowerCase() ?? "";
+  const expectsJson = contentType === "" || contentType.includes("json") || contentType.includes("+json");
+  if (!expectsJson && typeof response.text === "function") {
+    return await response.text();
+  }
+  return await response.json();
+}
 function useHttp(config = {}) {
+  let configurePinsPromise;
   if (config.pins && Object.keys(config.pins).length > 0) {
     const configurePins = globalThis.__VN_configurePins;
     if (typeof configurePins === "function") {
       configurePins(JSON.stringify(config.pins));
+      configurePinsPromise = Promise.resolve();
     } else {
-      NativeBridge.invokeNativeModule("Http", "configurePins", [config.pins]);
+      configurePinsPromise = NativeBridge.invokeNativeModule("Http", "configurePins", [config.pins]);
     }
   }
-  const loading = (0, import_runtime_core44.ref)(false);
-  const error = (0, import_runtime_core44.ref)(null);
+  const loading = (0, import_runtime_core47.ref)(false);
+  const error = (0, import_runtime_core47.ref)(null);
+  let activeRequestCount = 0;
   let isMounted = true;
-  (0, import_runtime_core44.onUnmounted)(() => {
+  (0, import_runtime_core47.onUnmounted)(() => {
     isMounted = false;
   });
   const BODY_METHODS = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH"]);
@@ -3565,21 +3751,23 @@ function useHttp(config = {}) {
   }
   async function request(method, url, options = {}) {
     const fullUrl = config.baseURL ? `${config.baseURL}${url}` : url;
+    activeRequestCount++;
     loading.value = true;
     error.value = null;
-    let controller;
+    const AbortControllerCtor = globalThis.AbortController;
+    const controller = config.timeout && config.timeout > 0 && typeof AbortControllerCtor === "function" ? new AbortControllerCtor() : void 0;
     let timeoutId;
-    if (config.timeout && config.timeout > 0 && typeof AbortController !== "undefined") {
-      controller = new AbortController();
-      timeoutId = setTimeout(() => controller.abort(), config.timeout);
-    }
     try {
+      if (configurePinsPromise) {
+        await configurePinsPromise;
+      }
       const upperMethod = method.toUpperCase();
       const mergedHeaders = {
         ...config.headers ?? {},
         ...options.headers ?? {}
       };
-      if (BODY_METHODS.has(upperMethod) && !mergedHeaders["Content-Type"]) {
+      const hasContentType = getHeader(mergedHeaders, "content-type") !== void 0;
+      if (BODY_METHODS.has(upperMethod) && !hasContentType && (options.body === void 0 || typeof options.body !== "string")) {
         mergedHeaders["Content-Type"] = "application/json";
       }
       const fetchOptions = {
@@ -3590,11 +3778,20 @@ function useHttp(config = {}) {
         fetchOptions.signal = controller.signal;
       }
       if (options.body !== void 0) {
-        fetchOptions.body = JSON.stringify(options.body);
+        fetchOptions.body = typeof options.body === "string" ? options.body : JSON.stringify(options.body);
       }
-      const response = await fetch(fullUrl, fetchOptions);
-      const data = await response.json();
+      const fetchPromise = fetch(fullUrl, fetchOptions);
+      const response = config.timeout && config.timeout > 0 ? await Promise.race([
+        fetchPromise,
+        new Promise((_resolve, reject) => {
+          timeoutId = setTimeout(() => {
+            controller?.abort();
+            reject(new Error(`[VueNative] ${upperMethod} ${fullUrl} timed out after ${config.timeout}ms`));
+          }, config.timeout);
+        })
+      ]) : await fetchPromise;
       const responseHeaders = parseResponseHeaders(response);
+      const data = await parseResponseBody(response, responseHeaders);
       if (!isMounted) {
         return { data, status: response.status, ok: response.ok, headers: responseHeaders };
       }
@@ -3614,8 +3811,9 @@ function useHttp(config = {}) {
       if (timeoutId !== void 0) {
         clearTimeout(timeoutId);
       }
+      activeRequestCount = Math.max(0, activeRequestCount - 1);
       if (isMounted) {
-        loading.value = false;
+        loading.value = activeRequestCount > 0;
       }
     }
   }
@@ -3642,26 +3840,44 @@ function useHttp(config = {}) {
 }
 
 // src/composables/useColorScheme.ts
-var import_runtime_core45 = require("@vue/runtime-core");
+var import_runtime_core48 = require("@vue/runtime-core");
 function useColorScheme() {
-  const colorScheme = (0, import_runtime_core45.ref)("light");
-  const isDark = (0, import_runtime_core45.ref)(false);
+  const colorScheme = (0, import_runtime_core48.ref)("light");
+  const isDark = (0, import_runtime_core48.ref)(false);
+  let eventRevision = 0;
+  let isActive = true;
+  const applyColorScheme = (value) => {
+    if (value !== "light" && value !== "dark") return;
+    colorScheme.value = value;
+    isDark.value = value === "dark";
+  };
+  (0, import_runtime_core48.onMounted)(() => {
+    const revisionAtRequest = eventRevision;
+    void NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []).then((info) => {
+      if (isActive && eventRevision === revisionAtRequest) {
+        applyColorScheme(info?.colorScheme);
+      }
+    }).catch(() => void 0);
+  });
   const unsubscribe = NativeBridge.onGlobalEvent(
     "colorScheme:change",
     (payload) => {
-      colorScheme.value = payload.colorScheme;
-      isDark.value = payload.colorScheme === "dark";
+      eventRevision++;
+      applyColorScheme(payload?.colorScheme);
     }
   );
-  (0, import_runtime_core45.onUnmounted)(unsubscribe);
+  (0, import_runtime_core48.onUnmounted)(() => {
+    isActive = false;
+    unsubscribe();
+  });
   return { colorScheme, isDark };
 }
 
 // src/composables/useBackHandler.ts
-var import_runtime_core46 = require("@vue/runtime-core");
+var import_runtime_core49 = require("@vue/runtime-core");
 function useBackHandler(handler) {
   let unsubscribe = null;
-  (0, import_runtime_core46.onMounted)(() => {
+  (0, import_runtime_core49.onMounted)(() => {
     unsubscribe = NativeBridge.onGlobalEvent("hardware:backPress", () => {
       const handled = handler();
       if (!handled) {
@@ -3671,7 +3887,7 @@ function useBackHandler(handler) {
       }
     });
   });
-  (0, import_runtime_core46.onUnmounted)(() => {
+  (0, import_runtime_core49.onUnmounted)(() => {
     unsubscribe?.();
     unsubscribe = null;
   });
@@ -3695,14 +3911,18 @@ function useSecureStorage() {
 }
 
 // src/composables/useI18n.ts
-var import_runtime_core47 = require("@vue/runtime-core");
+var import_runtime_core50 = require("@vue/runtime-core");
+function normalizeLocale(value) {
+  if (typeof value !== "string" || value.trim().length === 0) return "en";
+  return value.trim();
+}
 function useI18n() {
-  const isRTL = (0, import_runtime_core47.ref)(false);
-  const locale = (0, import_runtime_core47.ref)("en");
-  (0, import_runtime_core47.onMounted)(async () => {
+  const isRTL = (0, import_runtime_core50.ref)(false);
+  const locale = (0, import_runtime_core50.ref)("en");
+  (0, import_runtime_core50.onMounted)(async () => {
     try {
-      const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getDeviceInfo", []);
-      locale.value = info?.locale || "en";
+      const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
+      locale.value = normalizeLocale(info?.locale);
       isRTL.value = ["ar", "he", "fa", "ur"].some((l) => locale.value.startsWith(l));
     } catch {
     }
@@ -3711,31 +3931,40 @@ function useI18n() {
 }
 
 // src/composables/useDimensions.ts
-var import_runtime_core48 = require("@vue/runtime-core");
+var import_runtime_core51 = require("@vue/runtime-core");
 function useDimensions() {
-  const width = (0, import_runtime_core48.ref)(0);
-  const height = (0, import_runtime_core48.ref)(0);
-  const scale = (0, import_runtime_core48.ref)(1);
-  (0, import_runtime_core48.onMounted)(async () => {
+  const width = (0, import_runtime_core51.ref)(0);
+  const height = (0, import_runtime_core51.ref)(0);
+  const scale = (0, import_runtime_core51.ref)(1);
+  let eventRevision = 0;
+  let isActive = true;
+  (0, import_runtime_core51.onMounted)(async () => {
+    const revisionAtRequest = eventRevision;
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
-      width.value = info?.screenWidth || 0;
-      height.value = info?.screenHeight || 0;
-      scale.value = info?.scale || 1;
+      if (isActive && eventRevision === revisionAtRequest) {
+        width.value = info?.screenWidth || 0;
+        height.value = info?.screenHeight || 0;
+        scale.value = info?.scale ?? info?.screenScale ?? 1;
+      }
     } catch {
     }
   });
   const cleanup = NativeBridge.onGlobalEvent("dimensionsChange", (payload) => {
+    eventRevision++;
     if (payload.width != null) width.value = payload.width;
     if (payload.height != null) height.value = payload.height;
     if (payload.scale != null) scale.value = payload.scale;
   });
-  (0, import_runtime_core48.onUnmounted)(cleanup);
+  (0, import_runtime_core51.onUnmounted)(() => {
+    isActive = false;
+    cleanup();
+  });
   return { width, height, scale };
 }
 
 // src/composables/useWebSocket.ts
-var import_runtime_core49 = require("@vue/runtime-core");
+var import_runtime_core52 = require("@vue/runtime-core");
 var connectionCounter = 0;
 function useWebSocket(url, options = {}) {
   const {
@@ -3745,9 +3974,9 @@ function useWebSocket(url, options = {}) {
     reconnectInterval = 1e3
   } = options;
   const connectionId = `ws_${++connectionCounter}_${Date.now()}`;
-  const status = (0, import_runtime_core49.ref)("CLOSED");
-  const lastMessage = (0, import_runtime_core49.ref)(null);
-  const error = (0, import_runtime_core49.ref)(null);
+  const status = (0, import_runtime_core52.ref)("CLOSED");
+  const lastMessage = (0, import_runtime_core52.ref)(null);
+  const error = (0, import_runtime_core52.ref)(null);
   let reconnectAttempts = 0;
   let reconnectTimer = null;
   const MAX_PENDING_MESSAGES = 100;
@@ -3832,7 +4061,7 @@ function useWebSocket(url, options = {}) {
   if (autoConnect) {
     open();
   }
-  (0, import_runtime_core49.onUnmounted)(() => {
+  (0, import_runtime_core52.onUnmounted)(() => {
     if (reconnectTimer) {
       clearTimeout(reconnectTimer);
     }
@@ -3902,12 +4131,12 @@ function useFileSystem() {
 }
 
 // src/composables/useSensors.ts
-var import_runtime_core50 = require("@vue/runtime-core");
+var import_runtime_core53 = require("@vue/runtime-core");
 function useAccelerometer(options = {}) {
-  const x = (0, import_runtime_core50.ref)(0);
-  const y = (0, import_runtime_core50.ref)(0);
-  const z = (0, import_runtime_core50.ref)(0);
-  const isAvailable = (0, import_runtime_core50.ref)(false);
+  const x = (0, import_runtime_core53.ref)(0);
+  const y = (0, import_runtime_core53.ref)(0);
+  const z = (0, import_runtime_core53.ref)(0);
+  const isAvailable = (0, import_runtime_core53.ref)(false);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["accelerometer"]).then((result) => {
@@ -3939,16 +4168,16 @@ function useAccelerometer(options = {}) {
       if (__DEV__) console.warn("[vue-native] Sensors.stopAccelerometer failed:", err);
     });
   }
-  (0, import_runtime_core50.onUnmounted)(() => {
+  (0, import_runtime_core53.onUnmounted)(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 function useGyroscope(options = {}) {
-  const x = (0, import_runtime_core50.ref)(0);
-  const y = (0, import_runtime_core50.ref)(0);
-  const z = (0, import_runtime_core50.ref)(0);
-  const isAvailable = (0, import_runtime_core50.ref)(false);
+  const x = (0, import_runtime_core53.ref)(0);
+  const y = (0, import_runtime_core53.ref)(0);
+  const z = (0, import_runtime_core53.ref)(0);
+  const isAvailable = (0, import_runtime_core53.ref)(false);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["gyroscope"]).then((result) => {
@@ -3980,14 +4209,14 @@ function useGyroscope(options = {}) {
       if (__DEV__) console.warn("[vue-native] Sensors.stopGyroscope failed:", err);
     });
   }
-  (0, import_runtime_core50.onUnmounted)(() => {
+  (0, import_runtime_core53.onUnmounted)(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 
 // src/composables/useAudio.ts
-var import_runtime_core51 = require("@vue/runtime-core");
+var import_runtime_core54 = require("@vue/runtime-core");
 function asRecord(value) {
   return typeof value === "object" && value !== null ? value : null;
 }
@@ -4000,11 +4229,11 @@ function getStringProp(record, key) {
   return typeof value === "string" ? value : void 0;
 }
 function useAudio() {
-  const duration = (0, import_runtime_core51.ref)(0);
-  const position = (0, import_runtime_core51.ref)(0);
-  const isPlaying = (0, import_runtime_core51.ref)(false);
-  const isRecording = (0, import_runtime_core51.ref)(false);
-  const error = (0, import_runtime_core51.ref)(null);
+  const duration = (0, import_runtime_core54.ref)(0);
+  const position = (0, import_runtime_core54.ref)(0);
+  const isPlaying = (0, import_runtime_core54.ref)(false);
+  const isRecording = (0, import_runtime_core54.ref)(false);
+  const error = (0, import_runtime_core54.ref)(null);
   const unsubProgress = NativeBridge.onGlobalEvent("audio:progress", (payload) => {
     position.value = payload.currentTime ?? 0;
     duration.value = payload.duration ?? 0;
@@ -4017,7 +4246,7 @@ function useAudio() {
     error.value = payload.message ?? "Unknown audio error";
     isPlaying.value = false;
   });
-  (0, import_runtime_core51.onUnmounted)(() => {
+  (0, import_runtime_core54.onUnmounted)(() => {
     unsubProgress();
     unsubComplete();
     unsubError();
@@ -4102,9 +4331,9 @@ function useAudio() {
 }
 
 // src/composables/useDatabase.ts
-var import_runtime_core52 = require("@vue/runtime-core");
+var import_runtime_core55 = require("@vue/runtime-core");
 function useDatabase(name = "default") {
-  const isOpen = (0, import_runtime_core52.ref)(false);
+  const isOpen = (0, import_runtime_core55.ref)(false);
   let opened = false;
   async function ensureOpen() {
     if (opened) return;
@@ -4147,7 +4376,7 @@ function useDatabase(name = "default") {
     opened = false;
     isOpen.value = false;
   }
-  (0, import_runtime_core52.onUnmounted)(() => {
+  (0, import_runtime_core55.onUnmounted)(() => {
     if (opened) {
       NativeBridge.invokeNativeModule("Database", "close", [name]).catch((err) => {
         if (__DEV__) console.warn("[vue-native] Database.close failed:", err);
@@ -4160,12 +4389,12 @@ function useDatabase(name = "default") {
 }
 
 // src/composables/usePerformance.ts
-var import_runtime_core53 = require("@vue/runtime-core");
+var import_runtime_core56 = require("@vue/runtime-core");
 function usePerformance() {
-  const isProfiling = (0, import_runtime_core53.ref)(false);
-  const fps = (0, import_runtime_core53.ref)(0);
-  const memoryMB = (0, import_runtime_core53.ref)(0);
-  const bridgeOps = (0, import_runtime_core53.ref)(0);
+  const isProfiling = (0, import_runtime_core56.ref)(false);
+  const fps = (0, import_runtime_core56.ref)(0);
+  const memoryMB = (0, import_runtime_core56.ref)(0);
+  const bridgeOps = (0, import_runtime_core56.ref)(0);
   let unsubscribe = null;
   function handleMetrics(payload) {
     fps.value = payload.fps ?? 0;
@@ -4190,7 +4419,7 @@ function usePerformance() {
   async function getMetrics() {
     return NativeBridge.invokeNativeModule("Performance", "getMetrics", []);
   }
-  (0, import_runtime_core53.onUnmounted)(() => {
+  (0, import_runtime_core56.onUnmounted)(() => {
     if (isProfiling.value) {
       NativeBridge.invokeNativeModule("Performance", "stopProfiling", []).catch((err) => {
         if (__DEV__) console.warn("[vue-native] Performance.stopProfiling failed:", err);
@@ -4214,10 +4443,10 @@ function usePerformance() {
 }
 
 // src/composables/useSharedElementTransition.ts
-var import_runtime_core54 = require("@vue/runtime-core");
+var import_runtime_core57 = require("@vue/runtime-core");
 var sharedElementRegistry = /* @__PURE__ */ new Map();
 function useSharedElementTransition(elementId) {
-  const viewId = (0, import_runtime_core54.ref)(null);
+  const viewId = (0, import_runtime_core57.ref)(null);
   function register(nativeViewId) {
     viewId.value = nativeViewId;
     sharedElementRegistry.set(elementId, nativeViewId);
@@ -4226,7 +4455,7 @@ function useSharedElementTransition(elementId) {
     viewId.value = null;
     sharedElementRegistry.delete(elementId);
   }
-  (0, import_runtime_core54.onUnmounted)(() => {
+  (0, import_runtime_core57.onUnmounted)(() => {
     unregister();
   });
   return {
@@ -4250,7 +4479,7 @@ function clearSharedElementRegistry() {
 }
 
 // src/composables/useIAP.ts
-var import_runtime_core55 = require("@vue/runtime-core");
+var import_runtime_core58 = require("@vue/runtime-core");
 function getErrorMessage(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4260,9 +4489,9 @@ function getErrorMessage(error) {
   return String(error);
 }
 function useIAP() {
-  const products = (0, import_runtime_core55.ref)([]);
-  const isReady = (0, import_runtime_core55.ref)(false);
-  const error = (0, import_runtime_core55.ref)(null);
+  const products = (0, import_runtime_core58.ref)([]);
+  const isReady = (0, import_runtime_core58.ref)(false);
+  const error = (0, import_runtime_core58.ref)(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("iap:transactionUpdate", (payload) => {
     if (payload.state === "failed" && payload.error) {
@@ -4319,7 +4548,7 @@ function useIAP() {
     cleanups.push(unsub);
     return unsub;
   }
-  (0, import_runtime_core55.onUnmounted)(() => {
+  (0, import_runtime_core58.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -4336,7 +4565,7 @@ function useIAP() {
 }
 
 // src/composables/useAppleSignIn.ts
-var import_runtime_core56 = require("@vue/runtime-core");
+var import_runtime_core59 = require("@vue/runtime-core");
 function getErrorMessage2(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4359,9 +4588,9 @@ function normalizeSocialUser(value, provider) {
   };
 }
 function useAppleSignIn() {
-  const user = (0, import_runtime_core56.ref)(null);
-  const isAuthenticated = (0, import_runtime_core56.ref)(false);
-  const error = (0, import_runtime_core56.ref)(null);
+  const user = (0, import_runtime_core59.ref)(null);
+  const isAuthenticated = (0, import_runtime_core59.ref)(false);
+  const error = (0, import_runtime_core59.ref)(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("auth:appleCredentialRevoked", () => {
     user.value = null;
@@ -4404,7 +4633,7 @@ function useAppleSignIn() {
       error.value = getErrorMessage2(err);
     }
   }
-  (0, import_runtime_core56.onUnmounted)(() => {
+  (0, import_runtime_core59.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -4412,7 +4641,7 @@ function useAppleSignIn() {
 }
 
 // src/composables/useGoogleSignIn.ts
-var import_runtime_core57 = require("@vue/runtime-core");
+var import_runtime_core60 = require("@vue/runtime-core");
 function getErrorMessage3(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4435,9 +4664,9 @@ function normalizeSocialUser2(value) {
   };
 }
 function useGoogleSignIn(clientId) {
-  const user = (0, import_runtime_core57.ref)(null);
-  const isAuthenticated = (0, import_runtime_core57.ref)(false);
-  const error = (0, import_runtime_core57.ref)(null);
+  const user = (0, import_runtime_core60.ref)(null);
+  const isAuthenticated = (0, import_runtime_core60.ref)(false);
+  const error = (0, import_runtime_core60.ref)(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("SocialAuth", "getCurrentUser", ["google"]).then((result) => {
     const currentUser = normalizeSocialUser2(result);
@@ -4475,7 +4704,7 @@ function useGoogleSignIn(clientId) {
       error.value = getErrorMessage3(err);
     }
   }
-  (0, import_runtime_core57.onUnmounted)(() => {
+  (0, import_runtime_core60.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -4483,17 +4712,17 @@ function useGoogleSignIn(clientId) {
 }
 
 // src/composables/useBackgroundTask.ts
-var import_runtime_core58 = require("@vue/runtime-core");
+var import_runtime_core61 = require("@vue/runtime-core");
 function useBackgroundTask() {
   const taskHandlers = /* @__PURE__ */ new Map();
-  const defaultHandler = (0, import_runtime_core58.ref)(null);
+  const defaultHandler = (0, import_runtime_core61.ref)(null);
   const unsubscribe = NativeBridge.onGlobalEvent("background:taskExecute", (payload) => {
     const handler = taskHandlers.get(payload.taskId) || defaultHandler.value;
     if (handler) {
       handler(payload.taskId);
     }
   });
-  (0, import_runtime_core58.onUnmounted)(unsubscribe);
+  (0, import_runtime_core61.onUnmounted)(unsubscribe);
   function registerTask(taskId) {
     return NativeBridge.invokeNativeModule("BackgroundTask", "registerTask", [taskId]).then(() => void 0);
   }
@@ -4532,7 +4761,8 @@ function useBackgroundTask() {
 }
 
 // src/composables/useOTAUpdate.ts
-var import_runtime_core59 = require("@vue/runtime-core");
+var import_runtime_core62 = require("@vue/runtime-core");
+var SHA256_HEX_PATTERN = /^[a-f\d]{64}$/i;
 function getErrorMessage4(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4542,18 +4772,18 @@ function getErrorMessage4(error) {
   return String(error);
 }
 function useOTAUpdate(serverUrl) {
-  const currentVersion = (0, import_runtime_core59.ref)("embedded");
-  const availableVersion = (0, import_runtime_core59.ref)(null);
-  const downloadProgress = (0, import_runtime_core59.ref)(0);
-  const isChecking = (0, import_runtime_core59.ref)(false);
-  const isDownloading = (0, import_runtime_core59.ref)(false);
-  const status = (0, import_runtime_core59.ref)("idle");
-  const error = (0, import_runtime_core59.ref)(null);
+  const currentVersion = (0, import_runtime_core62.ref)("embedded");
+  const availableVersion = (0, import_runtime_core62.ref)(null);
+  const downloadProgress = (0, import_runtime_core62.ref)(0);
+  const isChecking = (0, import_runtime_core62.ref)(false);
+  const isDownloading = (0, import_runtime_core62.ref)(false);
+  const status = (0, import_runtime_core62.ref)("idle");
+  const error = (0, import_runtime_core62.ref)(null);
   let lastUpdateInfo = null;
   const unsubscribe = NativeBridge.onGlobalEvent("ota:downloadProgress", (payload) => {
     downloadProgress.value = payload.progress;
   });
-  (0, import_runtime_core59.onUnmounted)(unsubscribe);
+  (0, import_runtime_core62.onUnmounted)(unsubscribe);
   NativeBridge.invokeNativeModule("OTA", "getCurrentVersion", []).then((info) => {
     currentVersion.value = info.version;
   }).catch((err) => {
@@ -4565,13 +4795,18 @@ function useOTAUpdate(serverUrl) {
     error.value = null;
     try {
       const info = await NativeBridge.invokeNativeModule("OTA", "checkForUpdate", [serverUrl]);
+      if (info.updateAvailable) {
+        if (!info.version || !info.downloadUrl || !SHA256_HEX_PATTERN.test(info.hash)) {
+          throw new Error("Update server returned incomplete or invalid update metadata.");
+        }
+      }
       lastUpdateInfo = info;
       if (info.updateAvailable) {
         availableVersion.value = info.version;
       } else {
         availableVersion.value = null;
       }
-      status.value = info.updateAvailable ? "idle" : "idle";
+      status.value = "idle";
       return info;
     } catch (err) {
       error.value = getErrorMessage4(err);
@@ -4581,21 +4816,34 @@ function useOTAUpdate(serverUrl) {
       isChecking.value = false;
     }
   }
-  async function downloadUpdate(url, hash) {
+  async function downloadUpdate(url, hash, version) {
     const downloadUrl = url || lastUpdateInfo?.downloadUrl;
     const expectedHash = hash || lastUpdateInfo?.hash;
+    const offeredVersion = version || lastUpdateInfo?.version;
     if (!downloadUrl) {
       const msg = "No download URL. Call checkForUpdate() first or provide a URL.";
       error.value = msg;
       status.value = "error";
       throw new Error(msg);
     }
+    if (!expectedHash || !SHA256_HEX_PATTERN.test(expectedHash)) {
+      const msg = "A valid 64-character SHA-256 hash is required for OTA updates.";
+      error.value = msg;
+      status.value = "error";
+      throw new Error(msg);
+    }
+    if (!offeredVersion) {
+      const msg = "No update version. Call checkForUpdate() first or provide a version.";
+      error.value = msg;
+      status.value = "error";
+      throw new Error(msg);
+    }
     isDownloading.value = true;
     downloadProgress.value = 0;
     status.value = "downloading";
     error.value = null;
     try {
-      await NativeBridge.invokeNativeModule("OTA", "downloadUpdate", [downloadUrl, expectedHash || ""]);
+      await NativeBridge.invokeNativeModule("OTA", "downloadUpdate", [downloadUrl, expectedHash, offeredVersion]);
       status.value = "ready";
     } catch (err) {
       await NativeBridge.invokeNativeModule("OTA", "cleanupPartialDownload", []).catch((err2) => {
@@ -4616,6 +4864,9 @@ function useOTAUpdate(serverUrl) {
     try {
       await NativeBridge.invokeNativeModule("OTA", "verifyBundle", []);
     } catch (err) {
+      await NativeBridge.invokeNativeModule("OTA", "cleanupPartialDownload", []).catch((cleanupError) => {
+        if (__DEV__) console.warn("[vue-native] OTA.cleanupPartialDownload failed:", cleanupError);
+      });
       status.value = "error";
       error.value = "Bundle verification failed: " + getErrorMessage4(err);
       throw err;
@@ -4667,7 +4918,7 @@ function useOTAUpdate(serverUrl) {
 }
 
 // src/composables/useBluetooth.ts
-var import_runtime_core60 = require("@vue/runtime-core");
+var import_runtime_core63 = require("@vue/runtime-core");
 function getErrorMessage5(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4677,11 +4928,11 @@ function getErrorMessage5(error) {
   return String(error);
 }
 function useBluetooth() {
-  const devices = (0, import_runtime_core60.ref)([]);
-  const connectedDevice = (0, import_runtime_core60.ref)(null);
-  const isScanning = (0, import_runtime_core60.ref)(false);
-  const isAvailable = (0, import_runtime_core60.ref)(false);
-  const error = (0, import_runtime_core60.ref)(null);
+  const devices = (0, import_runtime_core63.ref)([]);
+  const connectedDevice = (0, import_runtime_core63.ref)(null);
+  const isScanning = (0, import_runtime_core63.ref)(false);
+  const isAvailable = (0, import_runtime_core63.ref)(false);
+  const error = (0, import_runtime_core63.ref)(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("Bluetooth", "getState").then((state) => {
     isAvailable.value = state === "poweredOn";
@@ -4760,7 +5011,7 @@ function useBluetooth() {
       ]);
     };
   }
-  (0, import_runtime_core60.onUnmounted)(() => {
+  (0, import_runtime_core63.onUnmounted)(() => {
     if (isScanning.value) {
       NativeBridge.invokeNativeModule("Bluetooth", "stopScan").catch((err) => {
         if (__DEV__) console.warn("[vue-native] Bluetooth.stopScan failed:", err);
@@ -4786,7 +5037,7 @@ function useBluetooth() {
 }
 
 // src/composables/useCalendar.ts
-var import_runtime_core61 = require("@vue/runtime-core");
+var import_runtime_core64 = require("@vue/runtime-core");
 function getErrorMessage6(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4796,8 +5047,8 @@ function getErrorMessage6(error) {
   return String(error);
 }
 function useCalendar() {
-  const hasAccess = (0, import_runtime_core61.ref)(false);
-  const error = (0, import_runtime_core61.ref)(null);
+  const hasAccess = (0, import_runtime_core64.ref)(false);
+  const error = (0, import_runtime_core64.ref)(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Calendar", "requestAccess");
@@ -4830,7 +5081,7 @@ function useCalendar() {
 }
 
 // src/composables/useContacts.ts
-var import_runtime_core62 = require("@vue/runtime-core");
+var import_runtime_core65 = require("@vue/runtime-core");
 function getErrorMessage7(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4840,8 +5091,8 @@ function getErrorMessage7(error) {
   return String(error);
 }
 function useContacts() {
-  const hasAccess = (0, import_runtime_core62.ref)(false);
-  const error = (0, import_runtime_core62.ref)(null);
+  const hasAccess = (0, import_runtime_core65.ref)(false);
+  const error = (0, import_runtime_core65.ref)(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Contacts", "requestAccess");
@@ -4941,10 +5192,10 @@ function useFileDialog() {
 }
 
 // src/composables/useDragDrop.ts
-var import_runtime_core63 = require("@vue/runtime-core");
+var import_runtime_core66 = require("@vue/runtime-core");
 function useDragDrop() {
   const { isMacOS } = usePlatform();
-  const isDragging = (0, import_runtime_core63.ref)(false);
+  const isDragging = (0, import_runtime_core66.ref)(false);
   async function enableDropZone() {
     if (!isMacOS) return;
     await NativeBridge.invokeNativeModule("DragDrop", "enableDropZone", []);
@@ -4973,7 +5224,7 @@ function useDragDrop() {
       callback();
     });
   }
-  return { enableDropZone, onDrop, onDragEnter, onDragLeave, isDragging: (0, import_runtime_core63.readonly)(isDragging) };
+  return { enableDropZone, onDrop, onDragEnter, onDragLeave, isDragging: (0, import_runtime_core66.readonly)(isDragging) };
 }
 
 // src/composables/useTeleport.ts
@@ -4985,7 +5236,7 @@ function useTeleport(target) {
 }
 
 // src/composables/useGesture.ts
-var import_runtime_core64 = require("@vue/runtime-core");
+var import_runtime_core67 = require("@vue/runtime-core");
 function hasViewId2(value) {
   return typeof value === "object" && value !== null && "id" in value && typeof value.id === "number";
 }
@@ -5044,21 +5295,21 @@ var GestureManager = class {
   }
 };
 function useGesture(target, options = {}) {
-  const pan = (0, import_runtime_core64.ref)(null);
-  const pinch = (0, import_runtime_core64.ref)(null);
-  const rotate = (0, import_runtime_core64.ref)(null);
-  const swipeLeft = (0, import_runtime_core64.ref)(null);
-  const swipeRight = (0, import_runtime_core64.ref)(null);
-  const swipeUp = (0, import_runtime_core64.ref)(null);
-  const swipeDown = (0, import_runtime_core64.ref)(null);
-  const press = (0, import_runtime_core64.ref)(null);
-  const longPress = (0, import_runtime_core64.ref)(null);
-  const doubleTap = (0, import_runtime_core64.ref)(null);
-  const forceTouch = (0, import_runtime_core64.ref)(null);
-  const hover = (0, import_runtime_core64.ref)(null);
-  const gestureState = (0, import_runtime_core64.ref)(null);
-  const activeGesture = (0, import_runtime_core64.ref)(null);
-  const isGesturing = (0, import_runtime_core64.ref)(false);
+  const pan = (0, import_runtime_core67.ref)(null);
+  const pinch = (0, import_runtime_core67.ref)(null);
+  const rotate = (0, import_runtime_core67.ref)(null);
+  const swipeLeft = (0, import_runtime_core67.ref)(null);
+  const swipeRight = (0, import_runtime_core67.ref)(null);
+  const swipeUp = (0, import_runtime_core67.ref)(null);
+  const swipeDown = (0, import_runtime_core67.ref)(null);
+  const press = (0, import_runtime_core67.ref)(null);
+  const longPress = (0, import_runtime_core67.ref)(null);
+  const doubleTap = (0, import_runtime_core67.ref)(null);
+  const forceTouch = (0, import_runtime_core67.ref)(null);
+  const hover = (0, import_runtime_core67.ref)(null);
+  const gestureState = (0, import_runtime_core67.ref)(null);
+  const activeGesture = (0, import_runtime_core67.ref)(null);
+  const isGesturing = (0, import_runtime_core67.ref)(false);
   const manager = new GestureManager();
   const cleanupFns = [];
   function attach(t) {
@@ -5213,7 +5464,7 @@ function useGesture(target, options = {}) {
       cleanupFns.push(dispose);
     }
   }
-  (0, import_runtime_core64.onUnmounted)(() => {
+  (0, import_runtime_core67.onUnmounted)(() => {
     detach();
   });
   if (target !== void 0) {
@@ -5241,14 +5492,14 @@ function useGesture(target, options = {}) {
   };
 }
 function useComposedGestures(target, options = {}) {
-  const pan = (0, import_runtime_core64.ref)(null);
-  const pinch = (0, import_runtime_core64.ref)(null);
-  const rotate = (0, import_runtime_core64.ref)(null);
-  const gestureState = (0, import_runtime_core64.ref)(null);
-  const activeGesture = (0, import_runtime_core64.ref)(null);
-  const isGesturing = (0, import_runtime_core64.ref)(false);
-  const isPinchingAndRotating = (0, import_runtime_core64.ref)(false);
-  const isPanningAndPinching = (0, import_runtime_core64.ref)(false);
+  const pan = (0, import_runtime_core67.ref)(null);
+  const pinch = (0, import_runtime_core67.ref)(null);
+  const rotate = (0, import_runtime_core67.ref)(null);
+  const gestureState = (0, import_runtime_core67.ref)(null);
+  const activeGesture = (0, import_runtime_core67.ref)(null);
+  const isGesturing = (0, import_runtime_core67.ref)(false);
+  const isPinchingAndRotating = (0, import_runtime_core67.ref)(false);
+  const isPanningAndPinching = (0, import_runtime_core67.ref)(false);
   const manager = new GestureManager();
   manager.attach(target);
   const panConfig = typeof options.pan === "object" ? options.pan : {};
@@ -5283,7 +5534,7 @@ function useComposedGestures(target, options = {}) {
       isPinchingAndRotating.value = pinch.value !== null && (state.state === "began" || state.state === "changed");
     }, rotateConfig));
   }
-  (0, import_runtime_core64.onUnmounted)(() => {
+  (0, import_runtime_core67.onUnmounted)(() => {
     for (const fn of cleanupFns) fn();
     manager.detach();
   });
@@ -5300,10 +5551,10 @@ function useComposedGestures(target, options = {}) {
 }
 
 // src/theme.ts
-var import_runtime_core65 = require("@vue/runtime-core");
+var import_runtime_core68 = require("@vue/runtime-core");
 function createTheme(definition) {
   const key = /* @__PURE__ */ Symbol("vue-native-theme");
-  const ThemeProvider = (0, import_runtime_core65.defineComponent)({
+  const ThemeProvider = (0, import_runtime_core68.defineComponent)({
     name: "ThemeProvider",
     props: {
       initialColorScheme: {
@@ -5312,8 +5563,8 @@ function createTheme(definition) {
       }
     },
     setup(props, { slots }) {
-      const colorScheme = (0, import_runtime_core65.ref)(props.initialColorScheme);
-      const theme = (0, import_runtime_core65.computed)(() => {
+      const colorScheme = (0, import_runtime_core68.ref)(props.initialColorScheme);
+      const theme = (0, import_runtime_core68.computed)(() => {
         return colorScheme.value === "dark" ? definition.dark : definition.light;
       });
       const ctx = {
@@ -5326,12 +5577,12 @@ function createTheme(definition) {
           colorScheme.value = scheme;
         }
       };
-      (0, import_runtime_core65.provide)(key, ctx);
+      (0, import_runtime_core68.provide)(key, ctx);
       return () => slots.default?.();
     }
   });
   function useTheme() {
-    const ctx = (0, import_runtime_core65.inject)(key);
+    const ctx = (0, import_runtime_core68.inject)(key);
     if (!ctx) {
       throw new Error(
         "[Vue Native] useTheme() was called outside of a <ThemeProvider>. Wrap your app root with <ThemeProvider> to provide theme context."
@@ -5342,7 +5593,7 @@ function createTheme(definition) {
   return { ThemeProvider, useTheme };
 }
 function createDynamicStyleSheet(theme, factory) {
-  return (0, import_runtime_core65.computed)(() => createStyleSheet(factory(theme.value)));
+  return (0, import_runtime_core68.computed)(() => createStyleSheet(factory(theme.value)));
 }
 
 // src/index.ts
@@ -5376,20 +5627,65 @@ function createApp(rootComponent, rootProps) {
       console.warn(`[VueNative] Warning in ${componentName}: ${msg}`);
     };
   }
+  let mountedRoot = null;
+  let unregisterTeardown = null;
+  let hasUnmounted = false;
+  const unmount = app.unmount.bind(app);
+  app.unmount = () => {
+    const root = mountedRoot;
+    const wasMounted = root !== null || app._instance !== null;
+    if (!wasMounted) return;
+    hasUnmounted = true;
+    unregisterTeardown?.();
+    unregisterTeardown = null;
+    mountedRoot = null;
+    unmount();
+    if (root) {
+      NativeBridge.removeChild(0, root.id);
+      releaseNodeId(root.id);
+    }
+  };
   app.start = () => {
+    if (mountedRoot) {
+      return mountedRoot;
+    }
+    if (hasUnmounted) {
+      throw new Error("[VueNative] This app has been unmounted and cannot be restarted. Create a new app instance.");
+    }
+    if (app._instance) {
+      throw new Error("[VueNative] This app is already mounted. Use either app.mount() or app.start(), not both.");
+    }
     const root = createNativeNode("__ROOT__");
     NativeBridge.createNode(root.id, "__ROOT__");
     NativeBridge.setRootView(root.id);
-    const vnode = (0, import_runtime_core66.createVNode)(rootComponent, rootProps);
-    vnode.appContext = app._context;
-    render(vnode, root);
+    mountedRoot = root;
+    try {
+      app.mount(root);
+    } catch (error) {
+      mountedRoot = null;
+      hasUnmounted = true;
+      if (app._instance) {
+        try {
+          unmount();
+        } catch {
+        }
+      }
+      NativeBridge.removeChild(0, root.id);
+      releaseNodeId(root.id);
+      throw error;
+    }
+    if (mountedRoot === root) {
+      unregisterTeardown = registerAppTeardown(() => app.unmount());
+    }
     return root;
   };
   return app;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Easing,
   ErrorBoundary,
+  KeepAlive,
   NativeBridge,
   VActionSheet,
   VActivityIndicator,
@@ -5400,12 +5696,14 @@ function createApp(rootComponent, rootProps) {
   VDrawerItem,
   VDrawerSection,
   VDropdown,
+  VErrorBoundary,
   VFlatList,
   VImage,
   VInput,
   VKeyboardAvoiding,
   VList,
   VModal,
+  VOutlineView,
   VPicker,
   VPressable,
   VProgressBar,
@@ -5416,10 +5714,15 @@ function createApp(rootComponent, rootProps) {
   VSectionList,
   VSegmentedControl,
   VSlider,
+  VSplitView,
   VStatusBar,
+  VSuspense,
   VSwitch,
   VTabBar,
   VText,
+  VToolbar,
+  VTransition,
+  VTransitionGroup,
   VVideo,
   VView,
   VWebView,
@@ -5432,6 +5735,7 @@ function createApp(rootComponent, rootProps) {
   createStyleSheet,
   createTextNode,
   createTheme,
+  defineAsyncComponent,
   getRegisteredSharedElements,
   getSharedElementViewId,
   measureViewFrame,