@thelacanians/vue-native-runtime 0.6.4 → 0.7.0

package/dist/index.js

@@ -1,6 +1,3 @@
-// src/index.ts
-import { createVNode } from "@vue/runtime-core";
-
 // src/renderer.ts
 import { createRenderer } from "@vue/runtime-core";
 
@@ -66,6 +63,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 */
@@ -333,12 +348,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
@@ -409,15 +424,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
@@ -450,17 +467,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 : {};
@@ -486,6 +518,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.
@@ -522,8 +562,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);
@@ -537,13 +581,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;
       }
@@ -618,7 +664,7 @@ var nodeOps = {
       } catch (err) {
         console.error(`[VueNative] Error removing node ${child.id}:`, err);
       }
-      releaseNodeId(child.id);
+      releaseSubtree(child);
     }
   },
   /**
@@ -712,6 +758,10 @@ import { defineComponent as defineComponent3, h as h3 } from "@vue/runtime-core"
 var VButton = defineComponent3({
   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,
@@ -729,15 +779,25 @@ var VButton = defineComponent3({
     accessibilityState: Object
   },
   setup(props, { slots }) {
-    return () => h3(
-      "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 ? [h3(VText, { style: props.titleStyle }, () => props.title)] : [];
+      return h3(
+        "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
+      );
+    };
   }
 });
 
@@ -1072,6 +1132,10 @@ var VSafeArea = defineComponent10({
 
 // src/components/VSlider.ts
 import { defineComponent as defineComponent11, h as h11 } from "@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 = defineComponent11({
   name: "VSlider",
   props: {
@@ -1095,9 +1159,11 @@ var VSlider = defineComponent11({
       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);
       }
     });
   }
@@ -1349,13 +1415,15 @@ var VAlertDialog = defineComponent14({
         }
       }
       return h14("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
       });
     };
   }
@@ -1401,9 +1469,12 @@ var VWebView = defineComponent16({
       return source;
     });
     return () => h16("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)
@@ -1497,12 +1568,14 @@ var VActionSheet = defineComponent20({
   emits: ["action", "cancel"],
   setup(props, { emit }) {
     return () => h20("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
     });
   }
 });
@@ -1837,12 +1910,14 @@ var VVideo = defineComponent27({
     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,
@@ -1851,7 +1926,21 @@ var VVideo = defineComponent27({
   emits: ["ready", "play", "pause", "end", "error", "progress"],
   setup(props, { emit }) {
     return () => h27("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"),
@@ -2058,23 +2147,35 @@ var VTabBar = defineComponent29({
     /** 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 = ref6(props.activeTab);
+    const activeTab = ref6(props.modelValue ?? props.activeTab ?? "");
     watch4(() => props.activeTab, (newVal) => {
-      activeTab.value = newVal;
+      if (newVal !== void 0) activeTab.value = newVal;
+    });
+    watch4(() => props.modelValue, (newVal) => {
+      if (newVal !== void 0) activeTab.value = newVal;
     });
     const switchTab = (tabId) => {
       activeTab.value = tabId;
       emit("change", tabId);
+      emit("update:modelValue", tabId);
     };
     return () => h29(VView, {
       style: {
@@ -2082,35 +2183,36 @@ var VTabBar = defineComponent29({
         [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 h29(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 ? h29(VText, { style: { fontSize: 24, marginBottom: 4 } }, () => tab.icon) : null,
+        tab.icon ? h29(VText, { style: { fontSize: 24, marginBottom: 4, color: isActive ? props.activeColor : props.inactiveColor } }, () => tab.icon) : null,
         h29(VText, {
           style: {
             fontSize: 12,
             fontWeight: isActive ? "600" : "400",
-            color: isActive ? "#007AFF" : "#8E8E93"
+            color: isActive ? props.activeColor : props.inactiveColor
           }
         }, () => tab.label),
-        tab.badge ? h29(VView, {
+        tab.badge !== void 0 && tab.badge !== null && tab.badge !== "" ? h29(VView, {
           style: {
             position: "absolute",
             top: 8,
@@ -2135,10 +2237,82 @@ var VTabBar = defineComponent29({
   }
 });
 
+// src/components/VToolbar.ts
+import { defineComponent as defineComponent30, h as h30 } from "@vue/runtime-core";
+var VToolbar = defineComponent30({
+  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 () => h30("VToolbar", {
+      ...props,
+      onItemClick: (e) => emit("itemClick", e)
+    });
+  }
+});
+
+// src/components/VSplitView.ts
+import { defineComponent as defineComponent31, h as h31 } from "@vue/runtime-core";
+var VSplitView = defineComponent31({
+  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 () => h31("VSplitView", {
+      ...props,
+      onResize: (e) => emit("resize", e)
+    }, slots.default?.());
+  }
+});
+
+// src/components/VOutlineView.ts
+import { defineComponent as defineComponent32, h as h32 } from "@vue/runtime-core";
+var VOutlineView = defineComponent32({
+  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 () => h32("VOutlineView", {
+      ...props,
+      onSelect: (e) => emit("select", e),
+      onExpand: (e) => emit("expand", e),
+      onCollapse: (e) => emit("collapse", e)
+    });
+  }
+});
+
 // src/components/VDrawer.ts
-import { defineComponent as defineComponent30, h as h30, inject, provide, ref as ref7, watch as watch5 } from "@vue/runtime-core";
+import { defineComponent as defineComponent33, h as h33, inject, provide, ref as ref7, watch as watch5 } from "@vue/runtime-core";
 var drawerContextKey = /* @__PURE__ */ Symbol("VDrawerContext");
-var VDrawer = defineComponent30({
+var VDrawer = defineComponent33({
   name: "VDrawer",
   props: {
     /** Whether the drawer is open */
@@ -2156,19 +2330,32 @@ var VDrawer = defineComponent30({
       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 = ref7(props.open);
     watch5(() => 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");
@@ -2187,7 +2374,7 @@ var VDrawer = defineComponent30({
         left: 0,
         right: 0,
         bottom: 0,
-        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        backgroundColor: props.overlayColor,
         opacity: isOpen.value ? 1 : 0,
         zIndex: 999
       };
@@ -2217,20 +2404,24 @@ var VDrawer = defineComponent30({
       if (slots.default) {
         drawerChildren.push(...slots.default({ close: closeDrawer }) ?? []);
       }
+      if (slots.footer) {
+        drawerChildren.push(...slots.footer());
+      }
       return [
         // Overlay
-        isOpen.value ? h30(VPressable, {
+        isOpen.value ? h33(VPressable, {
           style: overlayStyle,
-          onPress: closeDrawer,
-          accessibilityLabel: "Close menu"
+          onPress: props.closeOnPressOutside ? closeDrawer : void 0,
+          accessibilityLabel: "Close menu",
+          accessibilityState: { disabled: !props.closeOnPressOutside }
         }) : null,
         // Drawer
-        h30(VView, drawerProps, () => drawerChildren)
+        h33(VView, drawerProps, () => drawerChildren)
       ];
     };
   }
 });
-var VDrawerItem = defineComponent30({
+var VDrawerItem = defineComponent33({
   name: "VDrawerItem",
   props: {
     /** Icon (emoji or icon name) */
@@ -2243,6 +2434,11 @@ var VDrawerItem = defineComponent30({
       type: String,
       required: true
     },
+    /** Whether this item represents the current destination */
+    active: {
+      type: Boolean,
+      default: false
+    },
     /** Badge count */
     badge: {
       type: [Number, String],
@@ -2264,25 +2460,26 @@ var VDrawerItem = defineComponent30({
         drawer.close();
       }
     };
-    return () => h30(VPressable, {
+    return () => h33(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(
-          h30(VText, {
+          h33(VText, {
             style: {
               fontSize: 24,
               marginRight: 16,
@@ -2293,17 +2490,17 @@ var VDrawerItem = defineComponent30({
         );
       }
       children.push(
-        h30(VText, {
+        h33(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(
-          h30(VView, {
+          h33(VView, {
             style: {
               backgroundColor: "#007AFF",
               borderRadius: 12,
@@ -2313,7 +2510,7 @@ var VDrawerItem = defineComponent30({
               alignItems: "center",
               paddingHorizontal: 8
             }
-          }, () => h30(VText, {
+          }, () => h33(VText, {
             style: {
               color: "#fff",
               fontSize: 12,
@@ -2329,7 +2526,7 @@ var VDrawerItem = defineComponent30({
     });
   }
 });
-var VDrawerSection = defineComponent30({
+var VDrawerSection = defineComponent33({
   name: "VDrawerSection",
   props: {
     /** Section title */
@@ -2339,7 +2536,7 @@ var VDrawerSection = defineComponent30({
     }
   },
   setup(props, { slots }) {
-    return () => h30(VView, {
+    return () => h33(VView, {
       style: {
         paddingVertical: 8,
         paddingHorizontal: 16,
@@ -2351,7 +2548,7 @@ var VDrawerSection = defineComponent30({
       const children = [];
       if (props.title) {
         children.push(
-          h30(VText, {
+          h33(VText, {
             style: {
               fontSize: 13,
               fontWeight: "600",
@@ -2373,7 +2570,7 @@ VDrawer.Item = VDrawerItem;
 VDrawer.Section = VDrawerSection;
 
 // src/components/VTransition.ts
-import { defineComponent as defineComponent31, h as h31, ref as ref8 } from "@vue/runtime-core";
+import { BaseTransition, defineComponent as defineComponent34, h as h34, ref as ref8 } from "@vue/runtime-core";
 
 // src/composables/useAnimation.ts
 var Easing = {
@@ -2453,9 +2650,23 @@ function resolveAnimationTarget(el) {
   if (typeof el === "object" && "id" in el) return el.id;
   return void 0;
 }
-var VTransition = defineComponent31({
+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 = defineComponent34({
   name: "VTransition",
+  inheritAttrs: false,
   props: {
+    show: { type: Boolean, default: true },
     name: { type: String, default: "" },
     appear: { type: Boolean, default: false },
     persist: { type: Boolean, default: false },
@@ -2473,31 +2684,56 @@ var VTransition = defineComponent31({
     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 = ref8(false);
     const isLeaving = ref8(false);
     const hasEntered = ref8(!transitionProps.appear);
-    function getElementFromVNode(vnode) {
-      try {
-        const el = vnode.el;
-        if (!el) return void 0;
-        return resolveAnimationTarget(el);
-      } catch {
-        return void 0;
+    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) {
@@ -2507,47 +2743,60 @@ var VTransition = defineComponent31({
       }
     }
     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,
@@ -2560,30 +2809,15 @@ var VTransition = defineComponent31({
       hasEntered
     });
     return () => {
-      const children = slots.default?.() ?? [];
-      const hasDefault = children.length > 0;
-      if (!hasDefault) {
-        return h31("", {}, []);
-      }
-      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 h31("Transition", {
+      const finalChildren = transitionProps.show ? slots.default?.() ?? [] : [];
+      return h34(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,
@@ -2596,7 +2830,7 @@ var VTransition = defineComponent31({
     };
   }
 });
-var VTransitionGroup = defineComponent31({
+var VTransitionGroup = defineComponent34({
   name: "VTransitionGroup",
   props: {
     tag: { type: String, default: void 0 },
@@ -2610,185 +2844,61 @@ var VTransitionGroup = defineComponent31({
     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 h31("TransitionGroup", {
-        tag: groupProps.tag,
+      return h34(groupProps.tag || "VView", {}, children.map((child, index) => h34(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
-import {
-  defineComponent as defineComponent32,
-  onUnmounted as onUnmounted3,
-  watch as watch6
-} from "@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 = defineComponent32({
-  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);
-    }
-    watch6(
-      () => [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;
-        });
-      }
-    );
-    onUnmounted3(() => {
-      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;
+import { KeepAlive as VueKeepAlive } from "@vue/runtime-core";
+var KeepAlive = VueKeepAlive;
 
 // src/components/VSuspense.ts
 import {
-  defineComponent as defineComponent33,
-  h as h32,
-  ref as ref9,
-  onMounted,
-  shallowRef,
-  watch as watch7,
-  provide as provide2,
-  inject as inject2
+  Suspense,
+  defineAsyncComponent as vueDefineAsyncComponent
 } from "@vue/runtime-core";
-var suspenseContextKey = /* @__PURE__ */ Symbol("suspense");
-var VSuspense = defineComponent33({
-  name: "Suspense",
-  props: {
-    timeout: { type: Number, default: 3e4 }
-  },
-  setup(_props, { slots }) {
-    const hasError = ref9(false);
-    const error = shallowRef(null);
-    const pendingCount = ref9(0);
-    const context = {
-      hasError,
-      error,
-      pendingCount,
-      resolve: () => {
-        pendingCount.value--;
-      },
-      reject: (err) => {
-        hasError.value = true;
-        error.value = err;
-      }
-    };
-    provide2(suspenseContextKey, context);
-    return () => {
-      if (hasError.value) {
-        return slots.fallback?.({ error: error.value }) ?? null;
-      }
-      const defaultSlots = slots.default?.() ?? [];
-      return defaultSlots;
-    };
-  }
-});
+var VSuspense = Suspense;
+var defineAsyncComponent = vueDefineAsyncComponent;
 
 // src/components/index.ts
 var builtInComponents = {
@@ -2821,18 +2931,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
-import { defineComponent as defineComponent34, ref as ref10, watch as watch8, onErrorCaptured } from "@vue/runtime-core";
-var ErrorBoundary = defineComponent34({
+import { defineComponent as defineComponent35, ref as ref9, watch as watch6, onErrorCaptured } from "@vue/runtime-core";
+var ErrorBoundary = defineComponent35({
   name: "ErrorBoundary",
   props: {
     onError: Function,
@@ -2842,8 +2958,8 @@ var ErrorBoundary = defineComponent34({
     }
   },
   setup(props, { slots }) {
-    const error = ref10(null);
-    const errorInfo = ref10("");
+    const error = ref9(null);
+    const errorInfo = ref9("");
     onErrorCaptured((err, _instance, info) => {
       const normalizedError = err instanceof Error ? err : new Error(String(err));
       error.value = normalizedError;
@@ -2857,7 +2973,7 @@ var ErrorBoundary = defineComponent34({
       error.value = null;
       errorInfo.value = "";
     }
-    watch8(
+    watch6(
       () => props.resetKeys,
       () => {
         if (error.value) {
@@ -3118,9 +3234,9 @@ function useAsyncStorage() {
 }
 
 // src/composables/useClipboard.ts
-import { ref as ref11 } from "@vue/runtime-core";
+import { ref as ref10 } from "@vue/runtime-core";
 function useClipboard() {
-  const content = ref11("");
+  const content = ref10("");
   function copy(text) {
     return NativeBridge.invokeNativeModule("Clipboard", "copy", [text]).then(() => void 0);
   }
@@ -3134,29 +3250,29 @@ function useClipboard() {
 }
 
 // src/composables/useDeviceInfo.ts
-import { ref as ref12, onMounted as onMounted2 } from "@vue/runtime-core";
+import { ref as ref11, onMounted } from "@vue/runtime-core";
 function useDeviceInfo() {
-  const model = ref12("");
-  const systemVersion = ref12("");
-  const systemName = ref12("");
-  const name = ref12("");
-  const screenWidth = ref12(0);
-  const screenHeight = ref12(0);
-  const scale = ref12(1);
-  const isLoaded = ref12(false);
+  const model = ref11("");
+  const systemVersion = ref11("");
+  const systemName = ref11("");
+  const name = ref11("");
+  const screenWidth = ref11(0);
+  const screenHeight = ref11(0);
+  const scale = ref11(1);
+  const isLoaded = ref11(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;
   }
-  onMounted2(() => {
-    fetchInfo();
+  onMounted(() => {
+    void fetchInfo().catch(() => void 0);
   });
   return {
     model,
@@ -3172,10 +3288,10 @@ function useDeviceInfo() {
 }
 
 // src/composables/useKeyboard.ts
-import { ref as ref13 } from "@vue/runtime-core";
+import { ref as ref12 } from "@vue/runtime-core";
 function useKeyboard() {
-  const isVisible = ref13(false);
-  const height = ref13(0);
+  const isVisible = ref12(false);
+  const height = ref12(0);
   function dismiss() {
     return NativeBridge.invokeNativeModule("Keyboard", "dismiss", []).then(() => void 0);
   }
@@ -3189,10 +3305,10 @@ function useKeyboard() {
 }
 
 // src/composables/useNetwork.ts
-import { ref as ref14, onUnmounted as onUnmounted4 } from "@vue/runtime-core";
+import { ref as ref13, onUnmounted as onUnmounted3 } from "@vue/runtime-core";
 function useNetwork() {
-  const isConnected = ref14(true);
-  const connectionType = ref14("unknown");
+  const isConnected = ref13(true);
+  const connectionType = ref13("unknown");
   let lastEventTime = 0;
   const unsubscribe = NativeBridge.onGlobalEvent("network:change", (payload) => {
     lastEventTime = Date.now();
@@ -3208,14 +3324,14 @@ function useNetwork() {
   }).catch((err) => {
     if (__DEV__) console.warn("[vue-native] Network.getStatus failed:", err);
   });
-  onUnmounted4(unsubscribe);
+  onUnmounted3(unsubscribe);
   return { isConnected, connectionType };
 }
 
 // src/composables/useAppState.ts
-import { ref as ref15, onUnmounted as onUnmounted5 } from "@vue/runtime-core";
+import { ref as ref14, onUnmounted as onUnmounted4 } from "@vue/runtime-core";
 function useAppState() {
-  const state = ref15("active");
+  const state = ref14("active");
   NativeBridge.invokeNativeModule("AppState", "getState").then((s) => {
     state.value = s;
   }).catch((err) => {
@@ -3224,7 +3340,7 @@ function useAppState() {
   const unsubscribe = NativeBridge.onGlobalEvent("appState:change", (payload) => {
     state.value = payload.state;
   });
-  onUnmounted5(unsubscribe);
+  onUnmounted4(unsubscribe);
   return { state };
 }
 
@@ -3259,11 +3375,31 @@ function usePermissions() {
 }
 
 // src/composables/useGeolocation.ts
-import { ref as ref16, onUnmounted as onUnmounted6 } from "@vue/runtime-core";
+import { getCurrentInstance, ref as ref15, onUnmounted as onUnmounted5 } from "@vue/runtime-core";
 function useGeolocation() {
-  const coords = ref16(null);
-  const error = ref16(null);
+  const coords = ref15(null);
+  const error = ref15(null);
   let watchId = null;
+  let unsubscribePosition = null;
+  let unsubscribeError = null;
+  let isDisposed = false;
+  function removeWatchListeners() {
+    unsubscribePosition?.();
+    unsubscribeError?.();
+    unsubscribePosition = null;
+    unsubscribeError = null;
+  }
+  if (getCurrentInstance()) {
+    onUnmounted5(() => {
+      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;
@@ -3279,19 +3415,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;
       });
-      onUnmounted6(() => {
-        unsubscribe();
-        unsubscribeError();
-        if (watchId !== null) clearWatch(watchId);
-      });
       return id;
     } catch (e) {
       const msg = e instanceof Error ? e.message : String(e);
@@ -3301,13 +3440,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
-import { onUnmounted as onUnmounted7 } from "@vue/runtime-core";
+import { onUnmounted as onUnmounted6 } from "@vue/runtime-core";
 function useCamera() {
   const qrCleanups = [];
   async function launchCamera(options = {}) {
@@ -3330,7 +3472,7 @@ function useCamera() {
     qrCleanups.push(unsubscribe);
     return unsubscribe;
   }
-  onUnmounted7(() => {
+  onUnmounted6(() => {
     NativeBridge.invokeNativeModule("Camera", "stopQRScan").catch((err) => {
       if (__DEV__) console.warn("[vue-native] Camera.stopQRScan failed:", err);
     });
@@ -3341,10 +3483,10 @@ function useCamera() {
 }
 
 // src/composables/useNotifications.ts
-import { ref as ref17, onUnmounted as onUnmounted8 } from "@vue/runtime-core";
+import { ref as ref16, onUnmounted as onUnmounted7 } from "@vue/runtime-core";
 function useNotifications() {
-  const isGranted = ref17(false);
-  const pushToken = ref17(null);
+  const isGranted = ref16(false);
+  const pushToken = ref16(null);
   async function requestPermission() {
     const granted = await NativeBridge.invokeNativeModule("Notifications", "requestPermission");
     isGranted.value = granted;
@@ -3364,7 +3506,7 @@ function useNotifications() {
   }
   function onNotification(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("notification:received", handler);
-    onUnmounted8(unsubscribe);
+    onUnmounted7(unsubscribe);
     return unsubscribe;
   }
   async function registerForPush() {
@@ -3378,12 +3520,17 @@ function useNotifications() {
       pushToken.value = payload.token;
       handler(payload.token);
     });
-    onUnmounted8(unsubscribe);
+    onUnmounted7(unsubscribe);
     return unsubscribe;
   }
   function onPushReceived(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("push:received", handler);
-    onUnmounted8(unsubscribe);
+    onUnmounted7(unsubscribe);
+    return unsubscribe;
+  }
+  function onPushError(handler) {
+    const unsubscribe = NativeBridge.onGlobalEvent("push:error", handler);
+    onUnmounted7(unsubscribe);
     return unsubscribe;
   }
   return {
@@ -3400,7 +3547,8 @@ function useNotifications() {
     registerForPush,
     getToken,
     onPushToken,
-    onPushReceived
+    onPushReceived,
+    onPushError
   };
 }
 
@@ -3419,23 +3567,39 @@ function useBiometry() {
 }
 
 // src/composables/useHttp.ts
-import { ref as ref18, onUnmounted as onUnmounted9 } from "@vue/runtime-core";
+import { ref as ref17, onUnmounted as onUnmounted8 } from "@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 = ref18(false);
-  const error = ref18(null);
+  const loading = ref17(false);
+  const error = ref17(null);
+  let activeRequestCount = 0;
   let isMounted = true;
-  onUnmounted9(() => {
+  onUnmounted8(() => {
     isMounted = false;
   });
   const BODY_METHODS = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH"]);
@@ -3458,21 +3622,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 = {
@@ -3483,11 +3649,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 };
       }
@@ -3507,8 +3682,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;
       }
     }
   }
@@ -3535,23 +3711,41 @@ function useHttp(config = {}) {
 }
 
 // src/composables/useColorScheme.ts
-import { ref as ref19, onUnmounted as onUnmounted10 } from "@vue/runtime-core";
+import { ref as ref18, onMounted as onMounted2, onUnmounted as onUnmounted9 } from "@vue/runtime-core";
 function useColorScheme() {
-  const colorScheme = ref19("light");
-  const isDark = ref19(false);
+  const colorScheme = ref18("light");
+  const isDark = ref18(false);
+  let eventRevision = 0;
+  let isActive = true;
+  const applyColorScheme = (value) => {
+    if (value !== "light" && value !== "dark") return;
+    colorScheme.value = value;
+    isDark.value = value === "dark";
+  };
+  onMounted2(() => {
+    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);
     }
   );
-  onUnmounted10(unsubscribe);
+  onUnmounted9(() => {
+    isActive = false;
+    unsubscribe();
+  });
   return { colorScheme, isDark };
 }
 
 // src/composables/useBackHandler.ts
-import { onMounted as onMounted3, onUnmounted as onUnmounted11 } from "@vue/runtime-core";
+import { onMounted as onMounted3, onUnmounted as onUnmounted10 } from "@vue/runtime-core";
 function useBackHandler(handler) {
   let unsubscribe = null;
   onMounted3(() => {
@@ -3564,7 +3758,7 @@ function useBackHandler(handler) {
       }
     });
   });
-  onUnmounted11(() => {
+  onUnmounted10(() => {
     unsubscribe?.();
     unsubscribe = null;
   });
@@ -3588,14 +3782,18 @@ function useSecureStorage() {
 }
 
 // src/composables/useI18n.ts
-import { ref as ref20, onMounted as onMounted4 } from "@vue/runtime-core";
+import { ref as ref19, onMounted as onMounted4 } from "@vue/runtime-core";
+function normalizeLocale(value) {
+  if (typeof value !== "string" || value.trim().length === 0) return "en";
+  return value.trim();
+}
 function useI18n() {
-  const isRTL = ref20(false);
-  const locale = ref20("en");
+  const isRTL = ref19(false);
+  const locale = ref19("en");
   onMounted4(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 {
     }
@@ -3604,31 +3802,40 @@ function useI18n() {
 }
 
 // src/composables/useDimensions.ts
-import { ref as ref21, onMounted as onMounted5, onUnmounted as onUnmounted12 } from "@vue/runtime-core";
+import { ref as ref20, onMounted as onMounted5, onUnmounted as onUnmounted11 } from "@vue/runtime-core";
 function useDimensions() {
-  const width = ref21(0);
-  const height = ref21(0);
-  const scale = ref21(1);
+  const width = ref20(0);
+  const height = ref20(0);
+  const scale = ref20(1);
+  let eventRevision = 0;
+  let isActive = true;
   onMounted5(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;
   });
-  onUnmounted12(cleanup);
+  onUnmounted11(() => {
+    isActive = false;
+    cleanup();
+  });
   return { width, height, scale };
 }
 
 // src/composables/useWebSocket.ts
-import { ref as ref22, onUnmounted as onUnmounted13 } from "@vue/runtime-core";
+import { ref as ref21, onUnmounted as onUnmounted12 } from "@vue/runtime-core";
 var connectionCounter = 0;
 function useWebSocket(url, options = {}) {
   const {
@@ -3638,9 +3845,9 @@ function useWebSocket(url, options = {}) {
     reconnectInterval = 1e3
   } = options;
   const connectionId = `ws_${++connectionCounter}_${Date.now()}`;
-  const status = ref22("CLOSED");
-  const lastMessage = ref22(null);
-  const error = ref22(null);
+  const status = ref21("CLOSED");
+  const lastMessage = ref21(null);
+  const error = ref21(null);
   let reconnectAttempts = 0;
   let reconnectTimer = null;
   const MAX_PENDING_MESSAGES = 100;
@@ -3725,7 +3932,7 @@ function useWebSocket(url, options = {}) {
   if (autoConnect) {
     open();
   }
-  onUnmounted13(() => {
+  onUnmounted12(() => {
     if (reconnectTimer) {
       clearTimeout(reconnectTimer);
     }
@@ -3795,12 +4002,12 @@ function useFileSystem() {
 }
 
 // src/composables/useSensors.ts
-import { ref as ref23, onUnmounted as onUnmounted14 } from "@vue/runtime-core";
+import { ref as ref22, onUnmounted as onUnmounted13 } from "@vue/runtime-core";
 function useAccelerometer(options = {}) {
-  const x = ref23(0);
-  const y = ref23(0);
-  const z = ref23(0);
-  const isAvailable = ref23(false);
+  const x = ref22(0);
+  const y = ref22(0);
+  const z = ref22(0);
+  const isAvailable = ref22(false);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["accelerometer"]).then((result) => {
@@ -3832,16 +4039,16 @@ function useAccelerometer(options = {}) {
       if (__DEV__) console.warn("[vue-native] Sensors.stopAccelerometer failed:", err);
     });
   }
-  onUnmounted14(() => {
+  onUnmounted13(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 function useGyroscope(options = {}) {
-  const x = ref23(0);
-  const y = ref23(0);
-  const z = ref23(0);
-  const isAvailable = ref23(false);
+  const x = ref22(0);
+  const y = ref22(0);
+  const z = ref22(0);
+  const isAvailable = ref22(false);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["gyroscope"]).then((result) => {
@@ -3873,14 +4080,14 @@ function useGyroscope(options = {}) {
       if (__DEV__) console.warn("[vue-native] Sensors.stopGyroscope failed:", err);
     });
   }
-  onUnmounted14(() => {
+  onUnmounted13(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 
 // src/composables/useAudio.ts
-import { ref as ref24, onUnmounted as onUnmounted15 } from "@vue/runtime-core";
+import { ref as ref23, onUnmounted as onUnmounted14 } from "@vue/runtime-core";
 function asRecord(value) {
   return typeof value === "object" && value !== null ? value : null;
 }
@@ -3893,11 +4100,11 @@ function getStringProp(record, key) {
   return typeof value === "string" ? value : void 0;
 }
 function useAudio() {
-  const duration = ref24(0);
-  const position = ref24(0);
-  const isPlaying = ref24(false);
-  const isRecording = ref24(false);
-  const error = ref24(null);
+  const duration = ref23(0);
+  const position = ref23(0);
+  const isPlaying = ref23(false);
+  const isRecording = ref23(false);
+  const error = ref23(null);
   const unsubProgress = NativeBridge.onGlobalEvent("audio:progress", (payload) => {
     position.value = payload.currentTime ?? 0;
     duration.value = payload.duration ?? 0;
@@ -3910,7 +4117,7 @@ function useAudio() {
     error.value = payload.message ?? "Unknown audio error";
     isPlaying.value = false;
   });
-  onUnmounted15(() => {
+  onUnmounted14(() => {
     unsubProgress();
     unsubComplete();
     unsubError();
@@ -3995,9 +4202,9 @@ function useAudio() {
 }
 
 // src/composables/useDatabase.ts
-import { ref as ref25, onUnmounted as onUnmounted16 } from "@vue/runtime-core";
+import { ref as ref24, onUnmounted as onUnmounted15 } from "@vue/runtime-core";
 function useDatabase(name = "default") {
-  const isOpen = ref25(false);
+  const isOpen = ref24(false);
   let opened = false;
   async function ensureOpen() {
     if (opened) return;
@@ -4040,7 +4247,7 @@ function useDatabase(name = "default") {
     opened = false;
     isOpen.value = false;
   }
-  onUnmounted16(() => {
+  onUnmounted15(() => {
     if (opened) {
       NativeBridge.invokeNativeModule("Database", "close", [name]).catch((err) => {
         if (__DEV__) console.warn("[vue-native] Database.close failed:", err);
@@ -4053,12 +4260,12 @@ function useDatabase(name = "default") {
 }
 
 // src/composables/usePerformance.ts
-import { ref as ref26, onUnmounted as onUnmounted17 } from "@vue/runtime-core";
+import { ref as ref25, onUnmounted as onUnmounted16 } from "@vue/runtime-core";
 function usePerformance() {
-  const isProfiling = ref26(false);
-  const fps = ref26(0);
-  const memoryMB = ref26(0);
-  const bridgeOps = ref26(0);
+  const isProfiling = ref25(false);
+  const fps = ref25(0);
+  const memoryMB = ref25(0);
+  const bridgeOps = ref25(0);
   let unsubscribe = null;
   function handleMetrics(payload) {
     fps.value = payload.fps ?? 0;
@@ -4083,7 +4290,7 @@ function usePerformance() {
   async function getMetrics() {
     return NativeBridge.invokeNativeModule("Performance", "getMetrics", []);
   }
-  onUnmounted17(() => {
+  onUnmounted16(() => {
     if (isProfiling.value) {
       NativeBridge.invokeNativeModule("Performance", "stopProfiling", []).catch((err) => {
         if (__DEV__) console.warn("[vue-native] Performance.stopProfiling failed:", err);
@@ -4107,10 +4314,10 @@ function usePerformance() {
 }
 
 // src/composables/useSharedElementTransition.ts
-import { ref as ref27, onUnmounted as onUnmounted18 } from "@vue/runtime-core";
+import { ref as ref26, onUnmounted as onUnmounted17 } from "@vue/runtime-core";
 var sharedElementRegistry = /* @__PURE__ */ new Map();
 function useSharedElementTransition(elementId) {
-  const viewId = ref27(null);
+  const viewId = ref26(null);
   function register(nativeViewId) {
     viewId.value = nativeViewId;
     sharedElementRegistry.set(elementId, nativeViewId);
@@ -4119,7 +4326,7 @@ function useSharedElementTransition(elementId) {
     viewId.value = null;
     sharedElementRegistry.delete(elementId);
   }
-  onUnmounted18(() => {
+  onUnmounted17(() => {
     unregister();
   });
   return {
@@ -4143,7 +4350,7 @@ function clearSharedElementRegistry() {
 }
 
 // src/composables/useIAP.ts
-import { ref as ref28, onUnmounted as onUnmounted19 } from "@vue/runtime-core";
+import { ref as ref27, onUnmounted as onUnmounted18 } from "@vue/runtime-core";
 function getErrorMessage(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4153,9 +4360,9 @@ function getErrorMessage(error) {
   return String(error);
 }
 function useIAP() {
-  const products = ref28([]);
-  const isReady = ref28(false);
-  const error = ref28(null);
+  const products = ref27([]);
+  const isReady = ref27(false);
+  const error = ref27(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("iap:transactionUpdate", (payload) => {
     if (payload.state === "failed" && payload.error) {
@@ -4212,7 +4419,7 @@ function useIAP() {
     cleanups.push(unsub);
     return unsub;
   }
-  onUnmounted19(() => {
+  onUnmounted18(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -4229,7 +4436,7 @@ function useIAP() {
 }
 
 // src/composables/useAppleSignIn.ts
-import { ref as ref29, onUnmounted as onUnmounted20 } from "@vue/runtime-core";
+import { ref as ref28, onUnmounted as onUnmounted19 } from "@vue/runtime-core";
 function getErrorMessage2(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4252,9 +4459,9 @@ function normalizeSocialUser(value, provider) {
   };
 }
 function useAppleSignIn() {
-  const user = ref29(null);
-  const isAuthenticated = ref29(false);
-  const error = ref29(null);
+  const user = ref28(null);
+  const isAuthenticated = ref28(false);
+  const error = ref28(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("auth:appleCredentialRevoked", () => {
     user.value = null;
@@ -4297,7 +4504,7 @@ function useAppleSignIn() {
       error.value = getErrorMessage2(err);
     }
   }
-  onUnmounted20(() => {
+  onUnmounted19(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -4305,7 +4512,7 @@ function useAppleSignIn() {
 }
 
 // src/composables/useGoogleSignIn.ts
-import { ref as ref30, onUnmounted as onUnmounted21 } from "@vue/runtime-core";
+import { ref as ref29, onUnmounted as onUnmounted20 } from "@vue/runtime-core";
 function getErrorMessage3(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4328,9 +4535,9 @@ function normalizeSocialUser2(value) {
   };
 }
 function useGoogleSignIn(clientId) {
-  const user = ref30(null);
-  const isAuthenticated = ref30(false);
-  const error = ref30(null);
+  const user = ref29(null);
+  const isAuthenticated = ref29(false);
+  const error = ref29(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("SocialAuth", "getCurrentUser", ["google"]).then((result) => {
     const currentUser = normalizeSocialUser2(result);
@@ -4368,7 +4575,7 @@ function useGoogleSignIn(clientId) {
       error.value = getErrorMessage3(err);
     }
   }
-  onUnmounted21(() => {
+  onUnmounted20(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -4376,17 +4583,17 @@ function useGoogleSignIn(clientId) {
 }
 
 // src/composables/useBackgroundTask.ts
-import { ref as ref31, onUnmounted as onUnmounted22 } from "@vue/runtime-core";
+import { ref as ref30, onUnmounted as onUnmounted21 } from "@vue/runtime-core";
 function useBackgroundTask() {
   const taskHandlers = /* @__PURE__ */ new Map();
-  const defaultHandler = ref31(null);
+  const defaultHandler = ref30(null);
   const unsubscribe = NativeBridge.onGlobalEvent("background:taskExecute", (payload) => {
     const handler = taskHandlers.get(payload.taskId) || defaultHandler.value;
     if (handler) {
       handler(payload.taskId);
     }
   });
-  onUnmounted22(unsubscribe);
+  onUnmounted21(unsubscribe);
   function registerTask(taskId) {
     return NativeBridge.invokeNativeModule("BackgroundTask", "registerTask", [taskId]).then(() => void 0);
   }
@@ -4425,7 +4632,8 @@ function useBackgroundTask() {
 }
 
 // src/composables/useOTAUpdate.ts
-import { ref as ref32, onUnmounted as onUnmounted23 } from "@vue/runtime-core";
+import { ref as ref31, onUnmounted as onUnmounted22 } from "@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) {
@@ -4435,18 +4643,18 @@ function getErrorMessage4(error) {
   return String(error);
 }
 function useOTAUpdate(serverUrl) {
-  const currentVersion = ref32("embedded");
-  const availableVersion = ref32(null);
-  const downloadProgress = ref32(0);
-  const isChecking = ref32(false);
-  const isDownloading = ref32(false);
-  const status = ref32("idle");
-  const error = ref32(null);
+  const currentVersion = ref31("embedded");
+  const availableVersion = ref31(null);
+  const downloadProgress = ref31(0);
+  const isChecking = ref31(false);
+  const isDownloading = ref31(false);
+  const status = ref31("idle");
+  const error = ref31(null);
   let lastUpdateInfo = null;
   const unsubscribe = NativeBridge.onGlobalEvent("ota:downloadProgress", (payload) => {
     downloadProgress.value = payload.progress;
   });
-  onUnmounted23(unsubscribe);
+  onUnmounted22(unsubscribe);
   NativeBridge.invokeNativeModule("OTA", "getCurrentVersion", []).then((info) => {
     currentVersion.value = info.version;
   }).catch((err) => {
@@ -4458,13 +4666,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);
@@ -4474,21 +4687,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) => {
@@ -4509,6 +4735,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;
@@ -4560,7 +4789,7 @@ function useOTAUpdate(serverUrl) {
 }
 
 // src/composables/useBluetooth.ts
-import { ref as ref33, onUnmounted as onUnmounted24 } from "@vue/runtime-core";
+import { ref as ref32, onUnmounted as onUnmounted23 } from "@vue/runtime-core";
 function getErrorMessage5(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4570,11 +4799,11 @@ function getErrorMessage5(error) {
   return String(error);
 }
 function useBluetooth() {
-  const devices = ref33([]);
-  const connectedDevice = ref33(null);
-  const isScanning = ref33(false);
-  const isAvailable = ref33(false);
-  const error = ref33(null);
+  const devices = ref32([]);
+  const connectedDevice = ref32(null);
+  const isScanning = ref32(false);
+  const isAvailable = ref32(false);
+  const error = ref32(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("Bluetooth", "getState").then((state) => {
     isAvailable.value = state === "poweredOn";
@@ -4653,7 +4882,7 @@ function useBluetooth() {
       ]);
     };
   }
-  onUnmounted24(() => {
+  onUnmounted23(() => {
     if (isScanning.value) {
       NativeBridge.invokeNativeModule("Bluetooth", "stopScan").catch((err) => {
         if (__DEV__) console.warn("[vue-native] Bluetooth.stopScan failed:", err);
@@ -4679,7 +4908,7 @@ function useBluetooth() {
 }
 
 // src/composables/useCalendar.ts
-import { ref as ref34 } from "@vue/runtime-core";
+import { ref as ref33 } from "@vue/runtime-core";
 function getErrorMessage6(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4689,8 +4918,8 @@ function getErrorMessage6(error) {
   return String(error);
 }
 function useCalendar() {
-  const hasAccess = ref34(false);
-  const error = ref34(null);
+  const hasAccess = ref33(false);
+  const error = ref33(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Calendar", "requestAccess");
@@ -4723,7 +4952,7 @@ function useCalendar() {
 }
 
 // src/composables/useContacts.ts
-import { ref as ref35 } from "@vue/runtime-core";
+import { ref as ref34 } from "@vue/runtime-core";
 function getErrorMessage7(error) {
   if (error instanceof Error) return error.message;
   if (typeof error === "object" && error !== null && "message" in error) {
@@ -4733,8 +4962,8 @@ function getErrorMessage7(error) {
   return String(error);
 }
 function useContacts() {
-  const hasAccess = ref35(false);
-  const error = ref35(null);
+  const hasAccess = ref34(false);
+  const error = ref34(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Contacts", "requestAccess");
@@ -4834,10 +5063,10 @@ function useFileDialog() {
 }
 
 // src/composables/useDragDrop.ts
-import { ref as ref36, readonly } from "@vue/runtime-core";
+import { ref as ref35, readonly } from "@vue/runtime-core";
 function useDragDrop() {
   const { isMacOS } = usePlatform();
-  const isDragging = ref36(false);
+  const isDragging = ref35(false);
   async function enableDropZone() {
     if (!isMacOS) return;
     await NativeBridge.invokeNativeModule("DragDrop", "enableDropZone", []);
@@ -4878,7 +5107,7 @@ function useTeleport(target) {
 }
 
 // src/composables/useGesture.ts
-import { ref as ref37, onUnmounted as onUnmounted25 } from "@vue/runtime-core";
+import { ref as ref36, onUnmounted as onUnmounted24 } from "@vue/runtime-core";
 function hasViewId2(value) {
   return typeof value === "object" && value !== null && "id" in value && typeof value.id === "number";
 }
@@ -4937,21 +5166,21 @@ var GestureManager = class {
   }
 };
 function useGesture(target, options = {}) {
-  const pan = ref37(null);
-  const pinch = ref37(null);
-  const rotate = ref37(null);
-  const swipeLeft = ref37(null);
-  const swipeRight = ref37(null);
-  const swipeUp = ref37(null);
-  const swipeDown = ref37(null);
-  const press = ref37(null);
-  const longPress = ref37(null);
-  const doubleTap = ref37(null);
-  const forceTouch = ref37(null);
-  const hover = ref37(null);
-  const gestureState = ref37(null);
-  const activeGesture = ref37(null);
-  const isGesturing = ref37(false);
+  const pan = ref36(null);
+  const pinch = ref36(null);
+  const rotate = ref36(null);
+  const swipeLeft = ref36(null);
+  const swipeRight = ref36(null);
+  const swipeUp = ref36(null);
+  const swipeDown = ref36(null);
+  const press = ref36(null);
+  const longPress = ref36(null);
+  const doubleTap = ref36(null);
+  const forceTouch = ref36(null);
+  const hover = ref36(null);
+  const gestureState = ref36(null);
+  const activeGesture = ref36(null);
+  const isGesturing = ref36(false);
   const manager = new GestureManager();
   const cleanupFns = [];
   function attach(t) {
@@ -5106,7 +5335,7 @@ function useGesture(target, options = {}) {
       cleanupFns.push(dispose);
     }
   }
-  onUnmounted25(() => {
+  onUnmounted24(() => {
     detach();
   });
   if (target !== void 0) {
@@ -5134,14 +5363,14 @@ function useGesture(target, options = {}) {
   };
 }
 function useComposedGestures(target, options = {}) {
-  const pan = ref37(null);
-  const pinch = ref37(null);
-  const rotate = ref37(null);
-  const gestureState = ref37(null);
-  const activeGesture = ref37(null);
-  const isGesturing = ref37(false);
-  const isPinchingAndRotating = ref37(false);
-  const isPanningAndPinching = ref37(false);
+  const pan = ref36(null);
+  const pinch = ref36(null);
+  const rotate = ref36(null);
+  const gestureState = ref36(null);
+  const activeGesture = ref36(null);
+  const isGesturing = ref36(false);
+  const isPinchingAndRotating = ref36(false);
+  const isPanningAndPinching = ref36(false);
   const manager = new GestureManager();
   manager.attach(target);
   const panConfig = typeof options.pan === "object" ? options.pan : {};
@@ -5176,7 +5405,7 @@ function useComposedGestures(target, options = {}) {
       isPinchingAndRotating.value = pinch.value !== null && (state.state === "began" || state.state === "changed");
     }, rotateConfig));
   }
-  onUnmounted25(() => {
+  onUnmounted24(() => {
     for (const fn of cleanupFns) fn();
     manager.detach();
   });
@@ -5194,15 +5423,15 @@ function useComposedGestures(target, options = {}) {
 
 // src/theme.ts
 import {
-  inject as inject3,
-  provide as provide3,
+  inject as inject2,
+  provide as provide2,
   computed as computed3,
-  defineComponent as defineComponent35,
-  ref as ref38
+  defineComponent as defineComponent36,
+  ref as ref37
 } from "@vue/runtime-core";
 function createTheme(definition) {
   const key = /* @__PURE__ */ Symbol("vue-native-theme");
-  const ThemeProvider = defineComponent35({
+  const ThemeProvider = defineComponent36({
     name: "ThemeProvider",
     props: {
       initialColorScheme: {
@@ -5211,7 +5440,7 @@ function createTheme(definition) {
       }
     },
     setup(props, { slots }) {
-      const colorScheme = ref38(props.initialColorScheme);
+      const colorScheme = ref37(props.initialColorScheme);
       const theme = computed3(() => {
         return colorScheme.value === "dark" ? definition.dark : definition.light;
       });
@@ -5225,12 +5454,12 @@ function createTheme(definition) {
           colorScheme.value = scheme;
         }
       };
-      provide3(key, ctx);
+      provide2(key, ctx);
       return () => slots.default?.();
     }
   });
   function useTheme() {
-    const ctx = inject3(key);
+    const ctx = inject2(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."
@@ -5275,19 +5504,64 @@ 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 = 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;
 }
 export {
+  Easing,
   ErrorBoundary,
+  KeepAlive,
   NativeBridge,
   VActionSheet,
   VActivityIndicator,
@@ -5298,12 +5572,14 @@ export {
   VDrawerItem,
   VDrawerSection,
   VDropdown,
+  ErrorBoundary as VErrorBoundary,
   VFlatList,
   VImage,
   VInput,
   VKeyboardAvoiding,
   VList,
   VModal,
+  VOutlineView,
   VPicker,
   VPressable,
   VProgressBar,
@@ -5314,10 +5590,15 @@ export {
   VSectionList,
   VSegmentedControl,
   VSlider,
+  VSplitView,
   VStatusBar,
+  VSuspense,
   VSwitch,
   VTabBar,
   VText,
+  VToolbar,
+  VTransition,
+  VTransitionGroup,
   VVideo,
   VView,
   VWebView,
@@ -5330,6 +5611,7 @@ export {
   createStyleSheet,
   createTextNode,
   createTheme,
+  defineAsyncComponent,
   getRegisteredSharedElements,
   getSharedElementViewId,
   measureViewFrame,