@thelacanians/vue-native-runtime 0.4.15 → 0.6.2

package/dist/index.cjs

@@ -28,6 +28,9 @@ __export(index_exports, {
   VAlertDialog: () => VAlertDialog,
   VButton: () => VButton,
   VCheckbox: () => VCheckbox,
+  VDrawer: () => VDrawer,
+  VDrawerItem: () => VDrawerItem,
+  VDrawerSection: () => VDrawerSection,
   VDropdown: () => VDropdown,
   VFlatList: () => VFlatList,
   VImage: () => VImage,
@@ -47,10 +50,12 @@ __export(index_exports, {
   VSlider: () => VSlider,
   VStatusBar: () => VStatusBar,
   VSwitch: () => VSwitch,
+  VTabBar: () => VTabBar,
   VText: () => VText,
   VVideo: () => VVideo,
   VView: () => VView,
   VWebView: () => VWebView,
+  builtInComponents: () => builtInComponents,
   clearSharedElementRegistry: () => clearSharedElementRegistry,
   createApp: () => createApp,
   createCommentNode: () => createCommentNode,
@@ -78,12 +83,16 @@ __export(index_exports, {
   useCamera: () => useCamera,
   useClipboard: () => useClipboard,
   useColorScheme: () => useColorScheme,
+  useComposedGestures: () => useComposedGestures,
   useContacts: () => useContacts,
   useDatabase: () => useDatabase,
   useDeviceInfo: () => useDeviceInfo,
   useDimensions: () => useDimensions,
+  useDragDrop: () => useDragDrop,
+  useFileDialog: () => useFileDialog,
   useFileSystem: () => useFileSystem,
   useGeolocation: () => useGeolocation,
+  useGesture: () => useGesture,
   useGoogleSignIn: () => useGoogleSignIn,
   useGyroscope: () => useGyroscope,
   useHaptics: () => useHaptics,
@@ -92,6 +101,7 @@ __export(index_exports, {
   useIAP: () => useIAP,
   useKeyboard: () => useKeyboard,
   useLinking: () => useLinking,
+  useMenu: () => useMenu,
   useNetwork: () => useNetwork,
   useNotifications: () => useNotifications,
   useOTAUpdate: () => useOTAUpdate,
@@ -101,12 +111,15 @@ __export(index_exports, {
   useSecureStorage: () => useSecureStorage,
   useShare: () => useShare,
   useSharedElementTransition: () => useSharedElementTransition,
+  useTeleport: () => useTeleport,
   useWebSocket: () => useWebSocket,
+  useWindow: () => useWindow,
+  vModel: () => vModel,
   vShow: () => vShow,
   validStyleProperties: () => validStyleProperties
 });
 module.exports = __toCommonJS(index_exports);
-var import_runtime_core59 = require("@vue/runtime-core");
+var import_runtime_core66 = require("@vue/runtime-core");
 
 // src/renderer.ts
 var import_runtime_core = require("@vue/runtime-core");
@@ -172,6 +185,7 @@ function createCommentNode(_text) {
 }
 
 // src/bridge.ts
+var bridgeGlobals = globalThis;
 var _NativeBridgeImpl = class _NativeBridgeImpl {
   constructor() {
     /** Pending operations waiting to be flushed to native */
@@ -213,7 +227,7 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
     const ops = this.pendingOps;
     this.pendingOps = [];
     const json = JSON.stringify(ops);
-    const flushFn = globalThis.__VN_flushOperations;
+    const flushFn = bridgeGlobals.__VN_flushOperations;
     if (typeof flushFn === "function") {
       try {
         flushFn(json);
@@ -390,6 +404,8 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
    * a crash or unregistered module), the Promise rejects with a clear error instead
    * of hanging forever.
    */
+  // Native module results are intentionally dynamic; callers often narrow them
+  // ad hoc based on the module contract rather than a shared generated type.
   invokeNativeModule(moduleName, methodName, args = [], timeoutMs = 3e4) {
     return new Promise((resolve, reject) => {
       const callbackId = this.nextCallbackId;
@@ -417,7 +433,11 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
           }
         }
       }
-      this.pendingCallbacks.set(callbackId, { resolve, reject, timeoutId });
+      this.pendingCallbacks.set(callbackId, {
+        resolve: (result) => resolve(result),
+        reject: (error) => reject(error),
+        timeoutId
+      });
       this.enqueue("invokeNativeModule", [moduleName, methodName, args, callbackId]);
     });
   }
@@ -449,6 +469,28 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
       pending.resolve(result);
     }
   }
+  /**
+   * Create teleport markers in native.
+   * Used for Teleport component to render content outside parent hierarchy.
+   */
+  createTeleport(parentId, startId, endId) {
+    this.enqueue("createTeleport", [parentId, startId, endId]);
+  }
+  /**
+   * Remove teleport markers from native.
+   * Cleans up teleport containers and markers.
+   */
+  removeTeleport(parentId, startId, endId) {
+    this.enqueue("removeTeleport", [parentId, startId, endId]);
+  }
+  /**
+   * Move a node to a teleport target.
+   * @param target - Teleport target name ('modal', 'root', etc.)
+   * @param nodeId - Node ID to teleport
+   */
+  teleportTo(target, nodeId) {
+    this.enqueue("teleportTo", [target, nodeId]);
+  }
   // ---------------------------------------------------------------------------
   // Global push events
   // ---------------------------------------------------------------------------
@@ -469,7 +511,7 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
    * Called from Swift via globalThis.__VN_handleGlobalEvent when a push event fires.
    */
   handleGlobalEvent(eventName, payloadJSON) {
-    let payload;
+    let payload = {};
     try {
       payload = JSON.parse(payloadJSON);
     } catch {
@@ -477,9 +519,9 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
     }
     const handlers = this.globalEventHandlers.get(eventName);
     if (handlers) {
-      handlers.forEach((h29) => {
+      handlers.forEach((h33) => {
         try {
-          h29(payload);
+          h33(payload);
         } catch (err) {
           console.error(`[VueNative] Error in global event handler "${eventName}":`, err);
         }
@@ -509,15 +551,14 @@ _NativeBridgeImpl.MAX_CALLBACK_ID = 2147483647;
 /** Maximum number of pending callbacks before evicting the oldest */
 _NativeBridgeImpl.MAX_PENDING_CALLBACKS = 1e3;
 var NativeBridgeImpl = _NativeBridgeImpl;
-if (typeof globalThis.__DEV__ === "undefined") {
-  ;
-  globalThis.__DEV__ = true;
+if (typeof bridgeGlobals.__DEV__ === "undefined") {
+  bridgeGlobals.__DEV__ = true;
 }
 var NativeBridge = new NativeBridgeImpl();
-globalThis.__VN_handleEvent = NativeBridge.handleNativeEvent.bind(NativeBridge);
-globalThis.__VN_resolveCallback = NativeBridge.resolveCallback.bind(NativeBridge);
-globalThis.__VN_handleGlobalEvent = NativeBridge.handleGlobalEvent.bind(NativeBridge);
-globalThis.__VN_teardown = () => {
+bridgeGlobals.__VN_handleEvent = NativeBridge.handleNativeEvent.bind(NativeBridge);
+bridgeGlobals.__VN_resolveCallback = NativeBridge.resolveCallback.bind(NativeBridge);
+bridgeGlobals.__VN_handleGlobalEvent = NativeBridge.handleGlobalEvent.bind(NativeBridge);
+bridgeGlobals.__VN_teardown = () => {
   NativeBridge.reset();
   resetNodeId();
 };
@@ -526,10 +567,13 @@ globalThis.__VN_teardown = () => {
 function toEventName(key) {
   return key.slice(2).toLowerCase();
 }
+function isEventHandler(value) {
+  return typeof value === "function";
+}
 function patchStyle(nodeId, prevStyle, nextStyle) {
   try {
-    const prev = prevStyle || {};
-    const next = nextStyle || {};
+    const prev = typeof prevStyle === "object" && prevStyle !== null ? prevStyle : {};
+    const next = typeof nextStyle === "object" && nextStyle !== null ? nextStyle : {};
     const changes = {};
     let hasChanges = false;
     for (const key in next) {
@@ -607,7 +651,7 @@ var nodeOps = {
         if (prevValue) {
           NativeBridge.removeEventListener(el.id, eventName);
         }
-        if (nextValue) {
+        if (isEventHandler(nextValue)) {
           NativeBridge.addEventListener(el.id, eventName, nextValue);
         }
         return;
@@ -701,6 +745,25 @@ var nodeOps = {
     const idx = parent.children.indexOf(node);
     if (idx === -1 || idx >= parent.children.length - 1) return null;
     return parent.children[idx + 1];
+  },
+  /**
+   * Insert static content (for Teleport).
+   * Creates teleport boundary markers.
+   */
+  insertStaticContent(content, parent, anchor, _namespace, _start, _end) {
+    const startNode = createNativeNode("__TELEPORT_START__");
+    const endNode = createNativeNode("__TELEPORT_END__");
+    if (anchor) {
+      const idx = parent.children.indexOf(anchor);
+      if (idx !== -1) {
+        parent.children.splice(idx, 0, startNode);
+        parent.children.splice(idx + 1, 0, endNode);
+      }
+    } else {
+      parent.children.push(startNode, endNode);
+    }
+    NativeBridge.createTeleport(parent.id, startNode.id, endNode.id);
+    return [startNode, endNode];
   }
 };
 function findNextNonComment(parent, anchor) {
@@ -789,6 +852,16 @@ var VButton = (0, import_runtime_core4.defineComponent)({
 
 // src/components/VInput.ts
 var import_runtime_core5 = require("@vue/runtime-core");
+function extractText(payload) {
+  if (typeof payload === "string") {
+    return payload;
+  }
+  if (typeof payload === "object" && payload !== null && "text" in payload) {
+    const text = payload.text;
+    return typeof text === "string" ? text : "";
+  }
+  return "";
+}
 var VInput = (0, import_runtime_core5.defineComponent)({
   name: "VInput",
   props: {
@@ -836,13 +909,11 @@ var VInput = (0, import_runtime_core5.defineComponent)({
     };
     const onCompositionend = (payload) => {
       isComposing.value = false;
-      const text = typeof payload === "string" ? payload : payload?.text ?? "";
-      emit("update:modelValue", text);
+      emit("update:modelValue", extractText(payload));
     };
     const onChangetext = (payload) => {
       if (isComposing.value) return;
-      const text = typeof payload === "string" ? payload : payload?.text ?? "";
-      emit("update:modelValue", text);
+      emit("update:modelValue", extractText(payload));
     };
     const onFocus = (payload) => {
       emit("focus", payload);
@@ -902,7 +973,8 @@ var VSwitch = (0, import_runtime_core6.defineComponent)({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const onChange = (payload) => {
-      const value = typeof payload === "boolean" ? payload : !!(payload?.value ?? payload);
+      const nextValue = typeof payload === "object" && payload !== null && "value" in payload ? payload.value : payload;
+      const value = typeof nextValue === "boolean" ? nextValue : Boolean(nextValue);
       emit("update:modelValue", value);
       emit("change", value);
     };
@@ -1066,9 +1138,9 @@ var VImage = (0, import_runtime_core9.defineComponent)({
       loading.value = false;
       emit("load");
     };
-    const onError = (e) => {
+    const onError = (event) => {
       loading.value = false;
-      emit("error", e);
+      emit("error", event);
     };
     expose({ loading });
     return () => (0, import_runtime_core9.h)(
@@ -1142,6 +1214,20 @@ var VSlider = (0, import_runtime_core12.defineComponent)({
 
 // src/components/VList.ts
 var import_runtime_core13 = require("@vue/runtime-core");
+
+// src/composables/usePlatform.ts
+function usePlatform() {
+  const platform = typeof __PLATFORM__ !== "undefined" ? __PLATFORM__ : "ios";
+  const isIOS = platform === "ios";
+  const isAndroid = platform === "android";
+  const isMacOS = platform === "macos";
+  const isApple = isIOS || isMacOS;
+  const isDesktop = isMacOS;
+  const isMobile = isIOS || isAndroid;
+  return { platform, isIOS, isAndroid, isMacOS, isApple, isDesktop, isMobile };
+}
+
+// src/components/VList.ts
 var VList = (0, import_runtime_core13.defineComponent)({
   name: "VList",
   props: {
@@ -1182,13 +1268,27 @@ var VList = (0, import_runtime_core13.defineComponent)({
   },
   emits: ["scroll", "endReached"],
   setup(props, { slots, emit }) {
+    const { isAndroid } = usePlatform();
     let lastScrollEmit = 0;
+    let endReachedFired = false;
     const onScroll = (e) => {
       const now = Date.now();
       if (now - lastScrollEmit >= 16) {
         lastScrollEmit = now;
         emit("scroll", e);
       }
+      if (props.horizontal && !isAndroid) {
+        const contentWidth = e.contentWidth ?? 0;
+        const layoutWidth = e.layoutWidth ?? 0;
+        const distanceFromEnd = contentWidth - layoutWidth - (e.x ?? 0);
+        const threshold = layoutWidth * 0.2;
+        if (contentWidth > layoutWidth && distanceFromEnd < threshold && !endReachedFired) {
+          endReachedFired = true;
+          emit("endReached");
+        } else if (distanceFromEnd >= threshold) {
+          endReachedFired = false;
+        }
+      }
     };
     return () => {
       const items = props.data ?? [];
@@ -1234,6 +1334,31 @@ var VList = (0, import_runtime_core13.defineComponent)({
           (0, import_runtime_core13.h)("VView", { key: "__footer__", style: { flexShrink: 0 } }, slots.footer())
         );
       }
+      if (props.horizontal && !isAndroid) {
+        return (0, import_runtime_core13.h)(
+          "VScrollView",
+          {
+            style: props.style,
+            horizontal: true,
+            showsVerticalScrollIndicator: false,
+            showsHorizontalScrollIndicator: props.showsScrollIndicator,
+            bounces: props.bounces,
+            onScroll
+          },
+          [
+            (0, import_runtime_core13.h)(
+              "VView",
+              {
+                style: {
+                  flexDirection: "row",
+                  alignItems: "stretch"
+                }
+              },
+              children
+            )
+          ]
+        );
+      }
       return (0, import_runtime_core13.h)(
         "VList",
         {
@@ -1337,9 +1462,9 @@ var VAlertDialog = (0, import_runtime_core15.defineComponent)({
         title: props.title,
         message: props.message,
         buttons: resolvedButtons,
-        onConfirm: (e) => emit("confirm", e),
+        onConfirm: (event) => emit("confirm", event),
         onCancel: () => emit("cancel"),
-        onAction: (e) => emit("action", e)
+        onAction: (event) => emit("action", event)
       });
     };
   }
@@ -1388,9 +1513,9 @@ var VWebView = (0, import_runtime_core17.defineComponent)({
       source: sanitizedSource.value,
       style: props.style,
       javaScriptEnabled: props.javaScriptEnabled,
-      onLoad: (e) => emit("load", e),
-      onError: (e) => emit("error", e),
-      onMessage: (e) => emit("message", e)
+      onLoad: (event) => emit("load", event),
+      onError: (event) => emit("error", event),
+      onMessage: (event) => emit("message", event)
     });
   }
 });
@@ -1699,7 +1824,8 @@ var VCheckbox = (0, import_runtime_core25.defineComponent)({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const onChange = (payload) => {
-      const value = typeof payload === "boolean" ? payload : !!(payload?.value ?? payload);
+      const nextValue = typeof payload === "object" && payload !== null && "value" in payload ? payload.value : payload;
+      const value = typeof nextValue === "boolean" ? nextValue : Boolean(nextValue);
       emit("update:modelValue", value);
       emit("change", value);
     };
@@ -1719,6 +1845,10 @@ var VCheckbox = (0, import_runtime_core25.defineComponent)({
 
 // src/components/VRadio.ts
 var import_runtime_core26 = require("@vue/runtime-core");
+function extractRadioValue(payload) {
+  const nextValue = typeof payload === "object" && payload !== null && "value" in payload ? payload.value : payload;
+  return typeof nextValue === "string" ? nextValue : void 0;
+}
 var VRadio = (0, import_runtime_core26.defineComponent)({
   name: "VRadio",
   props: {
@@ -1741,7 +1871,7 @@ var VRadio = (0, import_runtime_core26.defineComponent)({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const onChange = (payload) => {
-      const value = payload?.value ?? payload;
+      const value = extractRadioValue(payload);
       emit("update:modelValue", value);
       emit("change", value);
     };
@@ -1759,6 +1889,10 @@ var VRadio = (0, import_runtime_core26.defineComponent)({
 
 // src/components/VDropdown.ts
 var import_runtime_core27 = require("@vue/runtime-core");
+function extractDropdownValue(payload) {
+  const nextValue = typeof payload === "object" && payload !== null && "value" in payload ? payload.value : payload;
+  return typeof nextValue === "string" ? nextValue : void 0;
+}
 var VDropdown = (0, import_runtime_core27.defineComponent)({
   name: "VDropdown",
   props: {
@@ -1785,7 +1919,7 @@ var VDropdown = (0, import_runtime_core27.defineComponent)({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const onChange = (payload) => {
-      const value = payload?.value ?? payload;
+      const value = extractDropdownValue(payload);
       emit("update:modelValue", value);
       emit("change", value);
     };
@@ -1827,18 +1961,28 @@ var VVideo = (0, import_runtime_core28.defineComponent)({
   setup(props, { emit }) {
     return () => (0, import_runtime_core28.h)("VVideo", {
       ...props,
-      onReady: (e) => emit("ready", e),
+      onReady: (event) => emit("ready", event),
       onPlay: () => emit("play"),
       onPause: () => emit("pause"),
       onEnd: () => emit("end"),
-      onError: (e) => emit("error", e),
-      onProgress: (e) => emit("progress", e)
+      onError: (event) => emit("error", event),
+      onProgress: (event) => emit("progress", event)
     });
   }
 });
 
 // src/components/VFlatList.ts
 var import_runtime_core29 = require("@vue/runtime-core");
+function getDefaultItemKey(item, index) {
+  if (typeof item === "object" && item !== null) {
+    const keyedItem = item;
+    return keyedItem.id ?? keyedItem.key ?? index;
+  }
+  return index;
+}
+function resolveFlexValue(style) {
+  return typeof style?.flex === "number" ? style.flex : 1;
+}
 var VFlatList = (0, import_runtime_core29.defineComponent)({
   name: "VFlatList",
   props: {
@@ -1858,7 +2002,7 @@ var VFlatList = (0, import_runtime_core29.defineComponent)({
     /** Extract a unique key from each item. Defaults to item.id, item.key, or index. */
     keyExtractor: {
       type: Function,
-      default: (item, index) => item?.id ?? item?.key ?? index
+      default: getDefaultItemKey
     },
     /** Fixed height for each item in points. Required for virtualization math. */
     itemHeight: {
@@ -1978,7 +2122,7 @@ var VFlatList = (0, import_runtime_core29.defineComponent)({
         return (0, import_runtime_core29.h)(
           "VScrollView",
           {
-            style: { ...props.style, flex: props.style?.flex ?? 1 },
+            style: { ...props.style, flex: resolveFlexValue(props.style) },
             showsVerticalScrollIndicator: props.showsScrollIndicator,
             bounces: props.bounces
           },
@@ -1999,7 +2143,7 @@ var VFlatList = (0, import_runtime_core29.defineComponent)({
       return (0, import_runtime_core29.h)(
         "VScrollView",
         {
-          style: { ...props.style, flex: props.style?.flex ?? 1 },
+          style: { ...props.style, flex: resolveFlexValue(props.style) },
           showsVerticalScrollIndicator: props.showsScrollIndicator,
           bounces: props.bounces,
           onScroll
@@ -2010,138 +2154,891 @@ var VFlatList = (0, import_runtime_core29.defineComponent)({
   }
 });
 
-// src/directives/vShow.ts
-var vShow = {
-  beforeMount(el, { value }) {
-    try {
-      NativeBridge.updateProp(el.id, "hidden", !value);
-    } catch (err) {
-      console.error("[VueNative] v-show beforeMount error:", err);
+// src/components/VTabBar.ts
+var import_runtime_core30 = require("@vue/runtime-core");
+var VTabBar = (0, import_runtime_core30.defineComponent)({
+  name: "VTabBar",
+  props: {
+    /** Array of tab configurations */
+    tabs: {
+      type: Array,
+      required: true
+    },
+    /** Currently active tab ID */
+    activeTab: {
+      type: String,
+      required: true
+    },
+    /** Position: 'top' | 'bottom' */
+    position: {
+      type: String,
+      default: "bottom"
     }
   },
-  updated(el, { value, oldValue }) {
-    if (value === oldValue) return;
-    try {
-      NativeBridge.updateProp(el.id, "hidden", !value);
-    } catch (err) {
-      console.error("[VueNative] v-show updated error:", err);
-    }
+  emits: ["change"],
+  setup(props, { emit }) {
+    const activeTab = (0, import_runtime_core30.ref)(props.activeTab);
+    (0, import_runtime_core30.watch)(() => props.activeTab, (newVal) => {
+      activeTab.value = newVal;
+    });
+    const switchTab = (tabId) => {
+      activeTab.value = tabId;
+      emit("change", tabId);
+    };
+    return () => (0, import_runtime_core30.h)(VView, {
+      style: {
+        position: "absolute",
+        [props.position]: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: "#fff",
+        borderTopWidth: 1,
+        borderTopColor: "#e0e0e0",
+        flexDirection: "row",
+        height: 60
+      }
+    }, () => props.tabs.map((tab) => {
+      const isActive = activeTab.value === tab.id;
+      return (0, import_runtime_core30.h)(VPressable, {
+        key: tab.id,
+        style: {
+          flex: 1,
+          justifyContent: "center",
+          alignItems: "center"
+        },
+        onPress: () => switchTab(tab.id),
+        accessibilityLabel: tab.label,
+        accessibilityRole: "tab",
+        accessibilityState: { selected: isActive }
+      }, () => [
+        tab.icon ? (0, import_runtime_core30.h)(VText, { style: { fontSize: 24, marginBottom: 4 } }, () => tab.icon) : null,
+        (0, import_runtime_core30.h)(VText, {
+          style: {
+            fontSize: 12,
+            fontWeight: isActive ? "600" : "400",
+            color: isActive ? "#007AFF" : "#8E8E93"
+          }
+        }, () => tab.label),
+        tab.badge ? (0, import_runtime_core30.h)(VView, {
+          style: {
+            position: "absolute",
+            top: 8,
+            right: "25%",
+            backgroundColor: "#FF3B30",
+            borderRadius: 10,
+            minWidth: 20,
+            height: 20,
+            justifyContent: "center",
+            alignItems: "center"
+          }
+        }, () => (0, import_runtime_core30.h)(VText, {
+          style: {
+            color: "#fff",
+            fontSize: 12,
+            fontWeight: "600",
+            paddingHorizontal: 6
+          }
+        }, () => String(tab.badge))) : null
+      ]);
+    }));
   }
-};
+});
 
-// src/errorBoundary.ts
-var import_runtime_core30 = require("@vue/runtime-core");
-var ErrorBoundary = (0, import_runtime_core30.defineComponent)({
-  name: "ErrorBoundary",
+// src/components/VDrawer.ts
+var import_runtime_core31 = require("@vue/runtime-core");
+var drawerContextKey = /* @__PURE__ */ Symbol("VDrawerContext");
+var VDrawer = (0, import_runtime_core31.defineComponent)({
+  name: "VDrawer",
   props: {
-    onError: Function,
-    resetKeys: {
-      type: Array,
-      default: () => []
+    /** Whether the drawer is open */
+    open: {
+      type: Boolean,
+      default: false
+    },
+    /** Drawer position: 'left' | 'right' */
+    position: {
+      type: String,
+      default: "left"
+    },
+    /** Drawer width */
+    width: {
+      type: Number,
+      default: 280
+    },
+    /** Close on item press */
+    closeOnPress: {
+      type: Boolean,
+      default: true
     }
   },
-  setup(props, { slots }) {
-    const error = (0, import_runtime_core30.ref)(null);
-    const errorInfo = (0, import_runtime_core30.ref)("");
-    (0, import_runtime_core30.onErrorCaptured)((err, _instance, info) => {
-      const normalizedError = err instanceof Error ? err : new Error(String(err));
-      error.value = normalizedError;
-      errorInfo.value = info;
-      if (props.onError) {
-        props.onError(normalizedError, info);
-      }
-      return false;
+  emits: ["update:open", "close"],
+  setup(props, { attrs, slots, emit }) {
+    const isOpen = (0, import_runtime_core31.ref)(props.open);
+    (0, import_runtime_core31.watch)(() => props.open, (value) => {
+      isOpen.value = value;
+    });
+    const closeDrawer = () => {
+      isOpen.value = false;
+      emit("update:open", false);
+      emit("close");
+    };
+    (0, import_runtime_core31.provide)(drawerContextKey, {
+      close: closeDrawer,
+      shouldCloseOnPress: () => props.closeOnPress
     });
-    function reset() {
-      error.value = null;
-      errorInfo.value = "";
-    }
-    (0, import_runtime_core30.watch)(
-      () => props.resetKeys,
-      () => {
-        if (error.value) {
-          reset();
-        }
-      },
-      { deep: true }
-    );
     return () => {
-      if (error.value && slots.fallback) {
-        return slots.fallback({ error: error.value, errorInfo: errorInfo.value, reset });
+      if (!isOpen.value && !slots.default) {
+        return null;
+      }
+      const overlayStyle = {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        opacity: isOpen.value ? 1 : 0,
+        zIndex: 999
+      };
+      const drawerStyle = {
+        position: "absolute",
+        top: 0,
+        [props.position]: 0,
+        width: props.width,
+        height: "100%",
+        backgroundColor: "#fff",
+        transform: [
+          { translateX: isOpen.value ? 0 : props.position === "left" ? -props.width : props.width }
+        ],
+        zIndex: 1e3
+      };
+      const drawerProps = {
+        ...attrs,
+        style: {
+          ...drawerStyle,
+          ...attrs.style && typeof attrs.style === "object" && !Array.isArray(attrs.style) ? attrs.style : {}
+        }
+      };
+      const drawerChildren = [];
+      if (slots.header) {
+        drawerChildren.push(...slots.header());
+      }
+      if (slots.default) {
+        drawerChildren.push(...slots.default({ close: closeDrawer }) ?? []);
+      }
+      return [
+        // Overlay
+        isOpen.value ? (0, import_runtime_core31.h)(VPressable, {
+          style: overlayStyle,
+          onPress: closeDrawer,
+          accessibilityLabel: "Close menu"
+        }) : null,
+        // Drawer
+        (0, import_runtime_core31.h)(VView, drawerProps, () => drawerChildren)
+      ];
+    };
+  }
+});
+var VDrawerItem = (0, import_runtime_core31.defineComponent)({
+  name: "VDrawerItem",
+  props: {
+    /** Icon (emoji or icon name) */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /** Label text */
+    label: {
+      type: String,
+      required: true
+    },
+    /** Badge count */
+    badge: {
+      type: [Number, String],
+      default: null
+    },
+    /** Disabled state */
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["press"],
+  setup(props, { slots, emit }) {
+    const drawer = (0, import_runtime_core31.inject)(drawerContextKey, null);
+    const handlePress = () => {
+      if (props.disabled) return;
+      emit("press");
+      if (drawer?.shouldCloseOnPress()) {
+        drawer.close();
       }
-      return slots.default?.();
     };
+    return () => (0, import_runtime_core31.h)(VPressable, {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        padding: 16,
+        borderBottomWidth: 1,
+        borderBottomColor: "#f0f0f0",
+        opacity: props.disabled ? 0.5 : 1
+      },
+      onPress: handlePress,
+      disabled: props.disabled,
+      accessibilityLabel: props.label,
+      accessibilityRole: "menuitem",
+      accessibilityState: { disabled: props.disabled }
+    }, () => {
+      const children = [];
+      if (props.icon) {
+        children.push(
+          (0, import_runtime_core31.h)(VText, {
+            style: {
+              fontSize: 24,
+              marginRight: 16,
+              width: 32,
+              textAlign: "center"
+            }
+          }, () => props.icon)
+        );
+      }
+      children.push(
+        (0, import_runtime_core31.h)(VText, {
+          style: {
+            flex: 1,
+            fontSize: 16,
+            color: props.disabled ? "#999" : "#333"
+          }
+        }, () => props.label)
+      );
+      if (props.badge) {
+        children.push(
+          (0, import_runtime_core31.h)(VView, {
+            style: {
+              backgroundColor: "#007AFF",
+              borderRadius: 12,
+              minWidth: 24,
+              height: 24,
+              justifyContent: "center",
+              alignItems: "center",
+              paddingHorizontal: 8
+            }
+          }, () => (0, import_runtime_core31.h)(VText, {
+            style: {
+              color: "#fff",
+              fontSize: 12,
+              fontWeight: "600"
+            }
+          }, () => String(props.badge)))
+        );
+      }
+      if (slots.default) {
+        children.push(...slots.default() ?? []);
+      }
+      return children;
+    });
+  }
+});
+var VDrawerSection = (0, import_runtime_core31.defineComponent)({
+  name: "VDrawerSection",
+  props: {
+    /** Section title */
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, { slots }) {
+    return () => (0, import_runtime_core31.h)(VView, {
+      style: {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        backgroundColor: "#f9f9f9",
+        borderBottomWidth: 1,
+        borderBottomColor: "#e0e0e0"
+      }
+    }, () => {
+      const children = [];
+      if (props.title) {
+        children.push(
+          (0, import_runtime_core31.h)(VText, {
+            style: {
+              fontSize: 13,
+              fontWeight: "600",
+              color: "#666",
+              textTransform: "uppercase",
+              letterSpacing: 0.5
+            }
+          }, () => props.title)
+        );
+      }
+      if (slots.default) {
+        children.push(...slots.default() ?? []);
+      }
+      return children;
+    });
   }
 });
+VDrawer.Item = VDrawerItem;
+VDrawer.Section = VDrawerSection;
 
-// src/index.ts
-__reExport(index_exports, require("@vue/runtime-core"), module.exports);
+// src/components/VTransition.ts
+var import_runtime_core32 = require("@vue/runtime-core");
 
-// src/stylesheet.ts
-var validStyleProperties = /* @__PURE__ */ new Set([
-  // Layout (Yoga / Flexbox)
-  "flex",
-  "flexDirection",
-  "flexWrap",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "justifyContent",
-  "alignItems",
-  "alignSelf",
-  "alignContent",
-  "position",
-  "top",
-  "right",
-  "bottom",
-  "left",
-  "width",
-  "height",
-  "minWidth",
-  "minHeight",
-  "maxWidth",
-  "maxHeight",
-  "margin",
-  "marginTop",
-  "marginRight",
-  "marginBottom",
-  "marginLeft",
-  "marginHorizontal",
-  "marginVertical",
-  "padding",
-  "paddingTop",
-  "paddingRight",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingHorizontal",
-  "paddingVertical",
-  "gap",
-  "rowGap",
-  "columnGap",
-  "direction",
-  "display",
-  "overflow",
-  "zIndex",
-  "aspectRatio",
-  // Visual
-  "backgroundColor",
-  "opacity",
-  // Borders
-  "borderWidth",
-  "borderTopWidth",
-  "borderRightWidth",
-  "borderBottomWidth",
-  "borderLeftWidth",
-  "borderColor",
-  "borderTopColor",
-  "borderRightColor",
-  "borderBottomColor",
-  "borderLeftColor",
-  "borderRadius",
-  "borderTopLeftRadius",
-  "borderTopRightRadius",
-  "borderBottomLeftRadius",
-  "borderBottomRightRadius",
+// src/composables/useAnimation.ts
+var Easing = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "easeIn",
+  easeOut: "easeOut",
+  easeInOut: "easeInOut"
+};
+function hasViewId(value) {
+  return typeof value === "object" && value !== null && "id" in value && typeof value.id === "number";
+}
+function isAnimationRef(target) {
+  return typeof target === "object" && target !== null && "value" in target;
+}
+function resolveViewId(target) {
+  if (typeof target === "number") return target;
+  if (isAnimationRef(target)) {
+    const val = target.value;
+    if (hasViewId(val)) return val.id;
+    throw new Error("[VueNative] Animation target ref has no .value.id \u2014 is the ref attached to a component?");
+  }
+  if (hasViewId(target)) return target.id;
+  throw new Error("[VueNative] Invalid animation target. Pass a number, template ref, or NativeNode.");
+}
+function useAnimation() {
+  function timing(target, toStyles, config = {}) {
+    return NativeBridge.invokeNativeModule("Animation", "timing", [resolveViewId(target), toStyles, config]);
+  }
+  function spring(target, toStyles, config = {}) {
+    return NativeBridge.invokeNativeModule("Animation", "spring", [resolveViewId(target), toStyles, config]);
+  }
+  function keyframe(target, steps, config = {}) {
+    return NativeBridge.invokeNativeModule("Animation", "keyframe", [resolveViewId(target), steps, config]);
+  }
+  function sequence(animations) {
+    return NativeBridge.invokeNativeModule("Animation", "sequence", [animations]);
+  }
+  function parallel(animations) {
+    return NativeBridge.invokeNativeModule("Animation", "parallel", [animations]);
+  }
+  function fadeOut(target, duration = 300) {
+    return timing(target, { opacity: 0 }, { duration });
+  }
+  function fadeIn(target, duration = 300) {
+    return timing(target, { opacity: 1 }, { duration });
+  }
+  function slideInFromRight(target, duration = 300) {
+    return timing(target, { translateX: 0 }, { duration, easing: "easeOut" });
+  }
+  function slideOutToRight(target, duration = 300) {
+    return timing(target, { translateX: 400 }, { duration, easing: "easeIn" });
+  }
+  function resolveId(target) {
+    return resolveViewId(target);
+  }
+  return {
+    timing,
+    spring,
+    keyframe,
+    sequence,
+    parallel,
+    fadeIn,
+    fadeOut,
+    slideInFromRight,
+    slideOutToRight,
+    resolveId,
+    Easing
+  };
+}
+
+// src/components/VTransition.ts
+var DefaultDuration = 300;
+function resolveAnimationTarget(el) {
+  if (!el) return void 0;
+  if (typeof el === "number") return el;
+  if (typeof el === "object" && "id" in el) return el.id;
+  return void 0;
+}
+var VTransition = (0, import_runtime_core32.defineComponent)({
+  name: "VTransition",
+  props: {
+    name: { type: String, default: "" },
+    appear: { type: Boolean, default: false },
+    persist: { type: Boolean, default: false },
+    mode: { type: String, default: "default" },
+    css: { type: Boolean, default: true },
+    type: { type: String, default: "transition" },
+    enterClass: { type: String, default: "" },
+    leaveClass: { type: String, default: "" },
+    enterActiveClass: { type: String, default: "" },
+    leaveActiveClass: { type: String, default: "" },
+    enterToClass: { type: String, default: "" },
+    leaveToClass: { type: String, default: "" },
+    enterFromClass: { type: String, default: "" },
+    leaveFromClass: { type: String, default: "" },
+    appearClass: { type: String, default: "" },
+    appearActiveClass: { type: String, default: "" },
+    appearToClass: { type: String, default: "" },
+    duration: [Number, Object]
+  },
+  setup(transitionProps, { slots, expose }) {
+    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;
+      }
+    }
+    async function doEnter(el) {
+      const viewId = getElementFromVNode(el);
+      if (!viewId) return;
+      isAppearing.value = true;
+      const enterDuration = typeof transitionProps.duration === "object" ? transitionProps.duration.enter ?? DefaultDuration : transitionProps.duration ?? DefaultDuration;
+      const enterStyles = { opacity: 1 };
+      try {
+        await timing(viewId, { opacity: 0 }, { duration: 0 });
+        await timing(viewId, enterStyles, { duration: enterDuration, easing: "easeOut" });
+        isAppearing.value = false;
+        hasEntered.value = true;
+      } catch (e) {
+        console.warn("[VueNative Transition] enter animation failed:", e);
+        isAppearing.value = false;
+        hasEntered.value = true;
+      }
+    }
+    async function doLeave(el) {
+      const viewId = getElementFromVNode(el);
+      if (!viewId) 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" });
+      } 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 onLeave(el, done) {
+      doLeave(el).then(() => done());
+    }
+    function onAfterEnter() {
+    }
+    function onAfterLeave() {
+    }
+    function onEnterCancelled() {
+      isAppearing.value = false;
+    }
+    function onLeaveCancelled() {
+      isLeaving.value = false;
+    }
+    function onAppear(el, done) {
+      isAppearing.value = true;
+      doEnter(el).then(() => done());
+    }
+    function onAfterAppear() {
+      isAppearing.value = false;
+    }
+    expose({
+      onEnter,
+      onLeave,
+      onAfterEnter,
+      onAfterLeave,
+      onEnterCancelled,
+      onLeaveCancelled,
+      onAppear,
+      onAfterAppear,
+      isAppearing,
+      isLeaving,
+      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", {
+        name: transitionProps.name || "v",
+        appear: transitionProps.appear,
+        persist: transitionProps.persist || transitionProps.name === "persist",
+        css: transitionProps.css,
+        type: transitionProps.type,
+        onEnter,
+        onLeave,
+        onAfterEnter,
+        onAfterLeave,
+        onEnterCancelled,
+        onLeaveCancelled,
+        onAppear,
+        onAfterAppear
+      }, () => finalChildren);
+    };
+  }
+});
+var VTransitionGroup = (0, import_runtime_core32.defineComponent)({
+  name: "VTransitionGroup",
+  props: {
+    tag: { type: String, default: void 0 },
+    name: { type: String, default: "v" },
+    appear: { type: Boolean, default: false },
+    persist: { type: Boolean, default: false },
+    moveClass: { type: String, default: "" },
+    duration: { type: Number, default: void 0 }
+  },
+  setup(groupProps, { slots, expose }) {
+    const { timing } = useAnimation();
+    function onMove(_el) {
+    }
+    function onEnter(el, done) {
+      const viewId = resolveAnimationTarget(el);
+      if (!viewId) {
+        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) {
+        done();
+        return;
+      }
+      timing(viewId, { opacity: 0 }, { duration: groupProps.duration ?? 300, easing: "easeIn" }).then(() => done()).catch(() => done());
+    }
+    expose({
+      onEnter,
+      onLeave,
+      onMove
+    });
+    return () => {
+      const children = slots.default?.() ?? [];
+      return (0, import_runtime_core32.h)("TransitionGroup", {
+        tag: groupProps.tag,
+        name: groupProps.name,
+        appear: groupProps.appear,
+        persist: groupProps.persist,
+        moveClass: groupProps.moveClass,
+        onEnter,
+        onLeave,
+        onMove
+      }, () => children);
+    };
+  }
+});
+
+// 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;
+
+// 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;
+    };
+  }
+});
+
+// src/components/index.ts
+var builtInComponents = {
+  VView,
+  VText,
+  VButton,
+  VInput,
+  VSwitch,
+  VActivityIndicator,
+  VScrollView,
+  VImage,
+  VKeyboardAvoiding,
+  VSafeArea,
+  VSlider,
+  VList,
+  VModal,
+  VAlertDialog,
+  VStatusBar,
+  VWebView,
+  VProgressBar,
+  VPicker,
+  VSegmentedControl,
+  VActionSheet,
+  VRefreshControl,
+  VPressable,
+  VSectionList,
+  VCheckbox,
+  VRadio,
+  VDropdown,
+  VVideo,
+  VFlatList,
+  VTabBar,
+  VDrawer,
+  VDrawerItem,
+  VDrawerSection,
+  VTransition,
+  VTransitionGroup,
+  KeepAlive,
+  VSuspense
+};
+
+// src/errorBoundary.ts
+var import_runtime_core35 = require("@vue/runtime-core");
+var ErrorBoundary = (0, import_runtime_core35.defineComponent)({
+  name: "ErrorBoundary",
+  props: {
+    onError: Function,
+    resetKeys: {
+      type: Array,
+      default: () => []
+    }
+  },
+  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 normalizedError = err instanceof Error ? err : new Error(String(err));
+      error.value = normalizedError;
+      errorInfo.value = info;
+      if (props.onError) {
+        props.onError(normalizedError, info);
+      }
+      return false;
+    });
+    function reset() {
+      error.value = null;
+      errorInfo.value = "";
+    }
+    (0, import_runtime_core35.watch)(
+      () => props.resetKeys,
+      () => {
+        if (error.value) {
+          reset();
+        }
+      },
+      { deep: true }
+    );
+    return () => {
+      if (error.value && slots.fallback) {
+        return slots.fallback({ error: error.value, errorInfo: errorInfo.value, reset });
+      }
+      return slots.default?.();
+    };
+  }
+});
+
+// src/index.ts
+__reExport(index_exports, require("@vue/runtime-core"), module.exports);
+
+// src/stylesheet.ts
+var validStyleProperties = /* @__PURE__ */ new Set([
+  // Layout (Yoga / Flexbox)
+  "flex",
+  "flexDirection",
+  "flexWrap",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "justifyContent",
+  "alignItems",
+  "alignSelf",
+  "alignContent",
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "width",
+  "height",
+  "minWidth",
+  "minHeight",
+  "maxWidth",
+  "maxHeight",
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "marginHorizontal",
+  "marginVertical",
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingHorizontal",
+  "paddingVertical",
+  "gap",
+  "rowGap",
+  "columnGap",
+  "direction",
+  "display",
+  "overflow",
+  "zIndex",
+  "aspectRatio",
+  // Visual
+  "backgroundColor",
+  "opacity",
+  // Borders
+  "borderWidth",
+  "borderTopWidth",
+  "borderRightWidth",
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderColor",
+  "borderTopColor",
+  "borderRightColor",
+  "borderBottomColor",
+  "borderLeftColor",
+  "borderRadius",
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderBottomLeftRadius",
+  "borderBottomRightRadius",
   "borderStyle",
   // Shadow
   "shadowColor",
@@ -2190,12 +3087,79 @@ function createStyleSheet(styles) {
       }
     }
   }
-  const result = {};
-  for (const key in styles) {
-    result[key] = Object.freeze({ ...styles[key] });
-  }
-  return Object.freeze(result);
-}
+  const result = {};
+  for (const key in styles) {
+    const styleKey = key;
+    result[styleKey] = Object.freeze({ ...styles[styleKey] });
+  }
+  return Object.freeze(result);
+}
+
+// src/directives/vShow.ts
+var vShow = {
+  beforeMount(el, { value }) {
+    try {
+      NativeBridge.updateProp(el.id, "hidden", !value);
+    } catch (err) {
+      console.error("[VueNative] v-show beforeMount error:", err);
+    }
+  },
+  updated(el, { value, oldValue }) {
+    if (value === oldValue) return;
+    try {
+      NativeBridge.updateProp(el.id, "hidden", !value);
+    } catch (err) {
+      console.error("[VueNative] v-show updated error:", err);
+    }
+  }
+};
+
+// src/directives/vModel.ts
+function getModelValue(event) {
+  const modelEvent = event;
+  return modelEvent?.value ?? modelEvent?.target?.value ?? event;
+}
+var vModel = {
+  beforeMount(el, binding, vnode) {
+    const { value, modifiers } = binding;
+    const { lazy, number, trim } = modifiers || {};
+    NativeBridge.updateProp(el.id, "value", value);
+    const assign = vnode.dirs?.[0]?.value;
+    if (typeof assign !== "function") {
+      console.warn(
+        "[VueNative] v-model directive requires the vnode to have an assign function. This usually happens when using v-model on native elements rendered by Vue, not custom components with modelValue props."
+      );
+      return;
+    }
+    const eventName = lazy ? "change" : "input";
+    NativeBridge.addEventListener(el.id, eventName, (event) => {
+      let newValue = getModelValue(event);
+      if (trim && typeof newValue === "string") {
+        newValue = newValue.trim();
+      }
+      if (number) {
+        newValue = Number(newValue);
+      }
+      assign(newValue);
+    });
+  },
+  updated(el, { value, oldValue, modifiers }, vnode) {
+    if (value === oldValue) return;
+    const _assign = vnode.dirs?.[0]?.value;
+    let newValue = value;
+    if (modifiers?.trim && typeof value === "string") {
+      newValue = value.trim();
+    }
+    if (modifiers?.number) {
+      newValue = Number(value);
+    }
+    NativeBridge.updateProp(el.id, "value", newValue);
+  },
+  beforeUnmount(el, _binding, _vnode) {
+    NativeBridge.removeEventListener(el.id, "input");
+    NativeBridge.removeEventListener(el.id, "change");
+  }
+};
 
 // src/composables/useHaptics.ts
 function useHaptics() {
@@ -2250,9 +3214,9 @@ function useAsyncStorage() {
 }
 
 // src/composables/useClipboard.ts
-var import_runtime_core31 = require("@vue/runtime-core");
+var import_runtime_core36 = require("@vue/runtime-core");
 function useClipboard() {
-  const content = (0, import_runtime_core31.ref)("");
+  const content = (0, import_runtime_core36.ref)("");
   function copy(text) {
     return NativeBridge.invokeNativeModule("Clipboard", "copy", [text]).then(() => void 0);
   }
@@ -2266,16 +3230,16 @@ function useClipboard() {
 }
 
 // src/composables/useDeviceInfo.ts
-var import_runtime_core32 = require("@vue/runtime-core");
+var import_runtime_core37 = require("@vue/runtime-core");
 function useDeviceInfo() {
-  const model = (0, import_runtime_core32.ref)("");
-  const systemVersion = (0, import_runtime_core32.ref)("");
-  const systemName = (0, import_runtime_core32.ref)("");
-  const name = (0, import_runtime_core32.ref)("");
-  const screenWidth = (0, import_runtime_core32.ref)(0);
-  const screenHeight = (0, import_runtime_core32.ref)(0);
-  const scale = (0, import_runtime_core32.ref)(1);
-  const isLoaded = (0, import_runtime_core32.ref)(false);
+  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);
   async function fetchInfo() {
     const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
     model.value = info.model ?? "";
@@ -2287,7 +3251,7 @@ function useDeviceInfo() {
     scale.value = info.scale ?? 1;
     isLoaded.value = true;
   }
-  (0, import_runtime_core32.onMounted)(() => {
+  (0, import_runtime_core37.onMounted)(() => {
     fetchInfo();
   });
   return {
@@ -2304,10 +3268,10 @@ function useDeviceInfo() {
 }
 
 // src/composables/useKeyboard.ts
-var import_runtime_core33 = require("@vue/runtime-core");
+var import_runtime_core38 = require("@vue/runtime-core");
 function useKeyboard() {
-  const isVisible = (0, import_runtime_core33.ref)(false);
-  const height = (0, import_runtime_core33.ref)(0);
+  const isVisible = (0, import_runtime_core38.ref)(false);
+  const height = (0, import_runtime_core38.ref)(0);
   function dismiss() {
     return NativeBridge.invokeNativeModule("Keyboard", "dismiss", []).then(() => void 0);
   }
@@ -2320,75 +3284,11 @@ function useKeyboard() {
   return { isVisible, height, dismiss, getHeight };
 }
 
-// src/composables/useAnimation.ts
-var Easing = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "easeIn",
-  easeOut: "easeOut",
-  easeInOut: "easeInOut"
-};
-function resolveViewId(target) {
-  if (typeof target === "number") return target;
-  if (target && typeof target === "object" && "value" in target) {
-    const val = target.value;
-    if (val && typeof val.id === "number") return val.id;
-    throw new Error("[VueNative] Animation target ref has no .value.id \u2014 is the ref attached to a component?");
-  }
-  if (target && typeof target.id === "number") return target.id;
-  throw new Error("[VueNative] Invalid animation target. Pass a number, template ref, or NativeNode.");
-}
-function useAnimation() {
-  function timing(target, toStyles, config = {}) {
-    return NativeBridge.invokeNativeModule("Animation", "timing", [resolveViewId(target), toStyles, config]);
-  }
-  function spring(target, toStyles, config = {}) {
-    return NativeBridge.invokeNativeModule("Animation", "spring", [resolveViewId(target), toStyles, config]);
-  }
-  function keyframe(target, steps, config = {}) {
-    return NativeBridge.invokeNativeModule("Animation", "keyframe", [resolveViewId(target), steps, config]);
-  }
-  function sequence(animations) {
-    return NativeBridge.invokeNativeModule("Animation", "sequence", [animations]);
-  }
-  function parallel(animations) {
-    return NativeBridge.invokeNativeModule("Animation", "parallel", [animations]);
-  }
-  function fadeOut(target, duration = 300) {
-    return timing(target, { opacity: 0 }, { duration });
-  }
-  function fadeIn(target, duration = 300) {
-    return timing(target, { opacity: 1 }, { duration });
-  }
-  function slideInFromRight(target, duration = 300) {
-    return timing(target, { translateX: 0 }, { duration, easing: "easeOut" });
-  }
-  function slideOutToRight(target, duration = 300) {
-    return timing(target, { translateX: 400 }, { duration, easing: "easeIn" });
-  }
-  function resolveId(target) {
-    return resolveViewId(target);
-  }
-  return {
-    timing,
-    spring,
-    keyframe,
-    sequence,
-    parallel,
-    fadeIn,
-    fadeOut,
-    slideInFromRight,
-    slideOutToRight,
-    resolveId,
-    Easing
-  };
-}
-
 // src/composables/useNetwork.ts
-var import_runtime_core34 = require("@vue/runtime-core");
+var import_runtime_core39 = require("@vue/runtime-core");
 function useNetwork() {
-  const isConnected = (0, import_runtime_core34.ref)(true);
-  const connectionType = (0, import_runtime_core34.ref)("unknown");
+  const isConnected = (0, import_runtime_core39.ref)(true);
+  const connectionType = (0, import_runtime_core39.ref)("unknown");
   let lastEventTime = 0;
   const unsubscribe = NativeBridge.onGlobalEvent("network:change", (payload) => {
     lastEventTime = Date.now();
@@ -2403,14 +3303,14 @@ function useNetwork() {
     }
   }).catch(() => {
   });
-  (0, import_runtime_core34.onUnmounted)(unsubscribe);
+  (0, import_runtime_core39.onUnmounted)(unsubscribe);
   return { isConnected, connectionType };
 }
 
 // src/composables/useAppState.ts
-var import_runtime_core35 = require("@vue/runtime-core");
+var import_runtime_core40 = require("@vue/runtime-core");
 function useAppState() {
-  const state = (0, import_runtime_core35.ref)("active");
+  const state = (0, import_runtime_core40.ref)("active");
   NativeBridge.invokeNativeModule("AppState", "getState").then((s) => {
     state.value = s;
   }).catch(() => {
@@ -2418,7 +3318,7 @@ function useAppState() {
   const unsubscribe = NativeBridge.onGlobalEvent("appState:change", (payload) => {
     state.value = payload.state;
   });
-  (0, import_runtime_core35.onUnmounted)(unsubscribe);
+  (0, import_runtime_core40.onUnmounted)(unsubscribe);
   return { state };
 }
 
@@ -2453,10 +3353,10 @@ function usePermissions() {
 }
 
 // src/composables/useGeolocation.ts
-var import_runtime_core36 = require("@vue/runtime-core");
+var import_runtime_core41 = require("@vue/runtime-core");
 function useGeolocation() {
-  const coords = (0, import_runtime_core36.ref)(null);
-  const error = (0, import_runtime_core36.ref)(null);
+  const coords = (0, import_runtime_core41.ref)(null);
+  const error = (0, import_runtime_core41.ref)(null);
   let watchId = null;
   async function getCurrentPosition() {
     try {
@@ -2481,7 +3381,7 @@ function useGeolocation() {
       const unsubscribeError = NativeBridge.onGlobalEvent("location:error", (payload) => {
         error.value = payload.message;
       });
-      (0, import_runtime_core36.onUnmounted)(() => {
+      (0, import_runtime_core41.onUnmounted)(() => {
         unsubscribe();
         unsubscribeError();
         if (watchId !== null) clearWatch(watchId);
@@ -2501,7 +3401,7 @@ function useGeolocation() {
 }
 
 // src/composables/useCamera.ts
-var import_runtime_core37 = require("@vue/runtime-core");
+var import_runtime_core42 = require("@vue/runtime-core");
 function useCamera() {
   const qrCleanups = [];
   async function launchCamera(options = {}) {
@@ -2524,7 +3424,7 @@ function useCamera() {
     qrCleanups.push(unsubscribe);
     return unsubscribe;
   }
-  (0, import_runtime_core37.onUnmounted)(() => {
+  (0, import_runtime_core42.onUnmounted)(() => {
     NativeBridge.invokeNativeModule("Camera", "stopQRScan").catch(() => {
     });
     qrCleanups.forEach((fn) => fn());
@@ -2534,10 +3434,10 @@ function useCamera() {
 }
 
 // src/composables/useNotifications.ts
-var import_runtime_core38 = require("@vue/runtime-core");
+var import_runtime_core43 = require("@vue/runtime-core");
 function useNotifications() {
-  const isGranted = (0, import_runtime_core38.ref)(false);
-  const pushToken = (0, import_runtime_core38.ref)(null);
+  const isGranted = (0, import_runtime_core43.ref)(false);
+  const pushToken = (0, import_runtime_core43.ref)(null);
   async function requestPermission() {
     const granted = await NativeBridge.invokeNativeModule("Notifications", "requestPermission");
     isGranted.value = granted;
@@ -2557,7 +3457,7 @@ function useNotifications() {
   }
   function onNotification(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("notification:received", handler);
-    (0, import_runtime_core38.onUnmounted)(unsubscribe);
+    (0, import_runtime_core43.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   async function registerForPush() {
@@ -2571,12 +3471,12 @@ function useNotifications() {
       pushToken.value = payload.token;
       handler(payload.token);
     });
-    (0, import_runtime_core38.onUnmounted)(unsubscribe);
+    (0, import_runtime_core43.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   function onPushReceived(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("push:received", handler);
-    (0, import_runtime_core38.onUnmounted)(unsubscribe);
+    (0, import_runtime_core43.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   return {
@@ -2612,7 +3512,10 @@ function useBiometry() {
 }
 
 // src/composables/useHttp.ts
-var import_runtime_core39 = require("@vue/runtime-core");
+var import_runtime_core44 = require("@vue/runtime-core");
+function isQueryRequestOptions(value) {
+  return "params" in value || "headers" in value;
+}
 function useHttp(config = {}) {
   if (config.pins && Object.keys(config.pins).length > 0) {
     const configurePins = globalThis.__VN_configurePins;
@@ -2622,10 +3525,10 @@ function useHttp(config = {}) {
       NativeBridge.invokeNativeModule("Http", "configurePins", [config.pins]);
     }
   }
-  const loading = (0, import_runtime_core39.ref)(false);
-  const error = (0, import_runtime_core39.ref)(null);
+  const loading = (0, import_runtime_core44.ref)(false);
+  const error = (0, import_runtime_core44.ref)(null);
   let isMounted = true;
-  (0, import_runtime_core39.onUnmounted)(() => {
+  (0, import_runtime_core44.onUnmounted)(() => {
     isMounted = false;
   });
   const BODY_METHODS = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH"]);
@@ -2711,30 +3614,24 @@ function useHttp(config = {}) {
     loading,
     error,
     get: (url, options) => {
-      if (options && !("params" in options) && !("headers" in options)) {
-        return request("GET", url, { headers: options });
-      }
-      const opts = options;
-      return request("GET", buildUrl(url, opts?.params), { headers: opts?.headers });
+      const normalizedOptions = options ? isQueryRequestOptions(options) ? options : { headers: options } : void 0;
+      return request("GET", buildUrl(url, normalizedOptions?.params), { headers: normalizedOptions?.headers });
     },
     post: (url, body, headers) => request("POST", url, { body, headers }),
     put: (url, body, headers) => request("PUT", url, { body, headers }),
     patch: (url, body, headers) => request("PATCH", url, { body, headers }),
     delete: (url, options) => {
-      if (options && !("params" in options) && !("headers" in options)) {
-        return request("DELETE", url, { headers: options });
-      }
-      const opts = options;
-      return request("DELETE", buildUrl(url, opts?.params), { headers: opts?.headers });
+      const normalizedOptions = options ? isQueryRequestOptions(options) ? options : { headers: options } : void 0;
+      return request("DELETE", buildUrl(url, normalizedOptions?.params), { headers: normalizedOptions?.headers });
     }
   };
 }
 
 // src/composables/useColorScheme.ts
-var import_runtime_core40 = require("@vue/runtime-core");
+var import_runtime_core45 = require("@vue/runtime-core");
 function useColorScheme() {
-  const colorScheme = (0, import_runtime_core40.ref)("light");
-  const isDark = (0, import_runtime_core40.ref)(false);
+  const colorScheme = (0, import_runtime_core45.ref)("light");
+  const isDark = (0, import_runtime_core45.ref)(false);
   const unsubscribe = NativeBridge.onGlobalEvent(
     "colorScheme:change",
     (payload) => {
@@ -2742,15 +3639,15 @@ function useColorScheme() {
       isDark.value = payload.colorScheme === "dark";
     }
   );
-  (0, import_runtime_core40.onUnmounted)(unsubscribe);
+  (0, import_runtime_core45.onUnmounted)(unsubscribe);
   return { colorScheme, isDark };
 }
 
 // src/composables/useBackHandler.ts
-var import_runtime_core41 = require("@vue/runtime-core");
+var import_runtime_core46 = require("@vue/runtime-core");
 function useBackHandler(handler) {
   let unsubscribe = null;
-  (0, import_runtime_core41.onMounted)(() => {
+  (0, import_runtime_core46.onMounted)(() => {
     unsubscribe = NativeBridge.onGlobalEvent("hardware:backPress", () => {
       const handled = handler();
       if (!handled) {
@@ -2759,7 +3656,7 @@ function useBackHandler(handler) {
       }
     });
   });
-  (0, import_runtime_core41.onUnmounted)(() => {
+  (0, import_runtime_core46.onUnmounted)(() => {
     unsubscribe?.();
     unsubscribe = null;
   });
@@ -2783,11 +3680,11 @@ function useSecureStorage() {
 }
 
 // src/composables/useI18n.ts
-var import_runtime_core42 = require("@vue/runtime-core");
+var import_runtime_core47 = require("@vue/runtime-core");
 function useI18n() {
-  const isRTL = (0, import_runtime_core42.ref)(false);
-  const locale = (0, import_runtime_core42.ref)("en");
-  (0, import_runtime_core42.onMounted)(async () => {
+  const isRTL = (0, import_runtime_core47.ref)(false);
+  const locale = (0, import_runtime_core47.ref)("en");
+  (0, import_runtime_core47.onMounted)(async () => {
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getDeviceInfo", []);
       locale.value = info?.locale || "en";
@@ -2798,21 +3695,13 @@ function useI18n() {
   return { isRTL, locale };
 }
 
-// src/composables/usePlatform.ts
-function usePlatform() {
-  const platform = typeof __PLATFORM__ !== "undefined" ? __PLATFORM__ : "ios";
-  const isIOS = platform === "ios";
-  const isAndroid = platform === "android";
-  return { platform, isIOS, isAndroid };
-}
-
 // src/composables/useDimensions.ts
-var import_runtime_core43 = require("@vue/runtime-core");
+var import_runtime_core48 = require("@vue/runtime-core");
 function useDimensions() {
-  const width = (0, import_runtime_core43.ref)(0);
-  const height = (0, import_runtime_core43.ref)(0);
-  const scale = (0, import_runtime_core43.ref)(1);
-  (0, import_runtime_core43.onMounted)(async () => {
+  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 () => {
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
       width.value = info?.screenWidth || 0;
@@ -2826,12 +3715,12 @@ function useDimensions() {
     if (payload.height != null) height.value = payload.height;
     if (payload.scale != null) scale.value = payload.scale;
   });
-  (0, import_runtime_core43.onUnmounted)(cleanup);
+  (0, import_runtime_core48.onUnmounted)(cleanup);
   return { width, height, scale };
 }
 
 // src/composables/useWebSocket.ts
-var import_runtime_core44 = require("@vue/runtime-core");
+var import_runtime_core49 = require("@vue/runtime-core");
 var connectionCounter = 0;
 function useWebSocket(url, options = {}) {
   const {
@@ -2841,9 +3730,9 @@ function useWebSocket(url, options = {}) {
     reconnectInterval = 1e3
   } = options;
   const connectionId = `ws_${++connectionCounter}_${Date.now()}`;
-  const status = (0, import_runtime_core44.ref)("CLOSED");
-  const lastMessage = (0, import_runtime_core44.ref)(null);
-  const error = (0, import_runtime_core44.ref)(null);
+  const status = (0, import_runtime_core49.ref)("CLOSED");
+  const lastMessage = (0, import_runtime_core49.ref)(null);
+  const error = (0, import_runtime_core49.ref)(null);
   let reconnectAttempts = 0;
   let reconnectTimer = null;
   const MAX_PENDING_MESSAGES = 100;
@@ -2928,7 +3817,7 @@ function useWebSocket(url, options = {}) {
   if (autoConnect) {
     open();
   }
-  (0, import_runtime_core44.onUnmounted)(() => {
+  (0, import_runtime_core49.onUnmounted)(() => {
     if (reconnectTimer) {
       clearTimeout(reconnectTimer);
     }
@@ -2997,12 +3886,12 @@ function useFileSystem() {
 }
 
 // src/composables/useSensors.ts
-var import_runtime_core45 = require("@vue/runtime-core");
+var import_runtime_core50 = require("@vue/runtime-core");
 function useAccelerometer(options = {}) {
-  const x = (0, import_runtime_core45.ref)(0);
-  const y = (0, import_runtime_core45.ref)(0);
-  const z = (0, import_runtime_core45.ref)(0);
-  const isAvailable = (0, import_runtime_core45.ref)(false);
+  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);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["accelerometer"]).then((result) => {
@@ -3030,16 +3919,16 @@ function useAccelerometer(options = {}) {
     NativeBridge.invokeNativeModule("Sensors", "stopAccelerometer").catch(() => {
     });
   }
-  (0, import_runtime_core45.onUnmounted)(() => {
+  (0, import_runtime_core50.onUnmounted)(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 function useGyroscope(options = {}) {
-  const x = (0, import_runtime_core45.ref)(0);
-  const y = (0, import_runtime_core45.ref)(0);
-  const z = (0, import_runtime_core45.ref)(0);
-  const isAvailable = (0, import_runtime_core45.ref)(false);
+  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);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["gyroscope"]).then((result) => {
@@ -3067,20 +3956,31 @@ function useGyroscope(options = {}) {
     NativeBridge.invokeNativeModule("Sensors", "stopGyroscope").catch(() => {
     });
   }
-  (0, import_runtime_core45.onUnmounted)(() => {
+  (0, import_runtime_core50.onUnmounted)(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 
 // src/composables/useAudio.ts
-var import_runtime_core46 = require("@vue/runtime-core");
+var import_runtime_core51 = require("@vue/runtime-core");
+function asRecord(value) {
+  return typeof value === "object" && value !== null ? value : null;
+}
+function getNumberProp(record, key) {
+  const value = record?.[key];
+  return typeof value === "number" ? value : void 0;
+}
+function getStringProp(record, key) {
+  const value = record?.[key];
+  return typeof value === "string" ? value : void 0;
+}
 function useAudio() {
-  const duration = (0, import_runtime_core46.ref)(0);
-  const position = (0, import_runtime_core46.ref)(0);
-  const isPlaying = (0, import_runtime_core46.ref)(false);
-  const isRecording = (0, import_runtime_core46.ref)(false);
-  const error = (0, import_runtime_core46.ref)(null);
+  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 unsubProgress = NativeBridge.onGlobalEvent("audio:progress", (payload) => {
     position.value = payload.currentTime ?? 0;
     duration.value = payload.duration ?? 0;
@@ -3093,7 +3993,7 @@ function useAudio() {
     error.value = payload.message ?? "Unknown audio error";
     isPlaying.value = false;
   });
-  (0, import_runtime_core46.onUnmounted)(() => {
+  (0, import_runtime_core51.onUnmounted)(() => {
     unsubProgress();
     unsubComplete();
     unsubError();
@@ -3106,9 +4006,10 @@ function useAudio() {
   });
   async function play(uri, options = {}) {
     error.value = null;
-    const result = await NativeBridge.invokeNativeModule("Audio", "play", [uri, options]);
-    if (result?.duration != null) {
-      duration.value = result.duration;
+    const result = asRecord(await NativeBridge.invokeNativeModule("Audio", "play", [uri, options]));
+    const audioDuration = getNumberProp(result, "duration");
+    if (audioDuration !== void 0) {
+      duration.value = audioDuration;
     }
     isPlaying.value = true;
   }
@@ -3134,14 +4035,17 @@ function useAudio() {
   }
   async function startRecording(options = {}) {
     error.value = null;
-    const result = await NativeBridge.invokeNativeModule("Audio", "startRecording", [options]);
+    const result = asRecord(await NativeBridge.invokeNativeModule("Audio", "startRecording", [options]));
     isRecording.value = true;
-    return result?.uri ?? "";
+    return getStringProp(result, "uri") ?? "";
   }
   async function stopRecording() {
-    const result = await NativeBridge.invokeNativeModule("Audio", "stopRecording", []);
+    const result = asRecord(await NativeBridge.invokeNativeModule("Audio", "stopRecording", []));
     isRecording.value = false;
-    return { uri: result?.uri ?? "", duration: result?.duration ?? 0 };
+    return {
+      uri: getStringProp(result, "uri") ?? "",
+      duration: getNumberProp(result, "duration") ?? 0
+    };
   }
   async function pauseRecording() {
     await NativeBridge.invokeNativeModule("Audio", "pauseRecording", []);
@@ -3172,9 +4076,9 @@ function useAudio() {
 }
 
 // src/composables/useDatabase.ts
-var import_runtime_core47 = require("@vue/runtime-core");
+var import_runtime_core52 = require("@vue/runtime-core");
 function useDatabase(name = "default") {
-  const isOpen = (0, import_runtime_core47.ref)(false);
+  const isOpen = (0, import_runtime_core52.ref)(false);
   let opened = false;
   async function ensureOpen() {
     if (opened) return;
@@ -3216,7 +4120,7 @@ function useDatabase(name = "default") {
     opened = false;
     isOpen.value = false;
   }
-  (0, import_runtime_core47.onUnmounted)(() => {
+  (0, import_runtime_core52.onUnmounted)(() => {
     if (opened) {
       NativeBridge.invokeNativeModule("Database", "close", [name]).catch(() => {
       });
@@ -3228,12 +4132,12 @@ function useDatabase(name = "default") {
 }
 
 // src/composables/usePerformance.ts
-var import_runtime_core48 = require("@vue/runtime-core");
+var import_runtime_core53 = require("@vue/runtime-core");
 function usePerformance() {
-  const isProfiling = (0, import_runtime_core48.ref)(false);
-  const fps = (0, import_runtime_core48.ref)(0);
-  const memoryMB = (0, import_runtime_core48.ref)(0);
-  const bridgeOps = (0, import_runtime_core48.ref)(0);
+  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);
   let unsubscribe = null;
   function handleMetrics(payload) {
     fps.value = payload.fps ?? 0;
@@ -3258,7 +4162,7 @@ function usePerformance() {
   async function getMetrics() {
     return NativeBridge.invokeNativeModule("Performance", "getMetrics", []);
   }
-  (0, import_runtime_core48.onUnmounted)(() => {
+  (0, import_runtime_core53.onUnmounted)(() => {
     if (isProfiling.value) {
       NativeBridge.invokeNativeModule("Performance", "stopProfiling", []).catch(() => {
       });
@@ -3281,10 +4185,10 @@ function usePerformance() {
 }
 
 // src/composables/useSharedElementTransition.ts
-var import_runtime_core49 = require("@vue/runtime-core");
+var import_runtime_core54 = require("@vue/runtime-core");
 var sharedElementRegistry = /* @__PURE__ */ new Map();
 function useSharedElementTransition(elementId) {
-  const viewId = (0, import_runtime_core49.ref)(null);
+  const viewId = (0, import_runtime_core54.ref)(null);
   function register(nativeViewId) {
     viewId.value = nativeViewId;
     sharedElementRegistry.set(elementId, nativeViewId);
@@ -3293,7 +4197,7 @@ function useSharedElementTransition(elementId) {
     viewId.value = null;
     sharedElementRegistry.delete(elementId);
   }
-  (0, import_runtime_core49.onUnmounted)(() => {
+  (0, import_runtime_core54.onUnmounted)(() => {
     unregister();
   });
   return {
@@ -3317,11 +4221,19 @@ function clearSharedElementRegistry() {
 }
 
 // src/composables/useIAP.ts
-var import_runtime_core50 = require("@vue/runtime-core");
+var import_runtime_core55 = require("@vue/runtime-core");
+function getErrorMessage(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
 function useIAP() {
-  const products = (0, import_runtime_core50.ref)([]);
-  const isReady = (0, import_runtime_core50.ref)(false);
-  const error = (0, import_runtime_core50.ref)(null);
+  const products = (0, import_runtime_core55.ref)([]);
+  const isReady = (0, import_runtime_core55.ref)(false);
+  const error = (0, import_runtime_core55.ref)(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("iap:transactionUpdate", (payload) => {
     if (payload.state === "failed" && payload.error) {
@@ -3332,7 +4244,7 @@ function useIAP() {
   NativeBridge.invokeNativeModule("IAP", "initialize").then(() => {
     isReady.value = true;
   }).catch((err) => {
-    error.value = String(err);
+    error.value = getErrorMessage(err);
   });
   async function getProducts(skus) {
     error.value = null;
@@ -3342,7 +4254,7 @@ function useIAP() {
       products.value = productList;
       return productList;
     } catch (err) {
-      error.value = String(err);
+      error.value = getErrorMessage(err);
       return [];
     }
   }
@@ -3351,7 +4263,7 @@ function useIAP() {
     try {
       return await NativeBridge.invokeNativeModule("IAP", "purchase", [sku]);
     } catch (err) {
-      error.value = String(err);
+      error.value = getErrorMessage(err);
       return null;
     }
   }
@@ -3360,7 +4272,7 @@ function useIAP() {
     try {
       return await NativeBridge.invokeNativeModule("IAP", "restorePurchases");
     } catch (err) {
-      error.value = String(err);
+      error.value = getErrorMessage(err);
       return [];
     }
   }
@@ -3369,7 +4281,7 @@ function useIAP() {
     try {
       return await NativeBridge.invokeNativeModule("IAP", "getActiveSubscriptions");
     } catch (err) {
-      error.value = String(err);
+      error.value = getErrorMessage(err);
       return [];
     }
   }
@@ -3378,7 +4290,7 @@ function useIAP() {
     cleanups.push(unsub);
     return unsub;
   }
-  (0, import_runtime_core50.onUnmounted)(() => {
+  (0, import_runtime_core55.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -3395,11 +4307,32 @@ function useIAP() {
 }
 
 // src/composables/useAppleSignIn.ts
-var import_runtime_core51 = require("@vue/runtime-core");
+var import_runtime_core56 = require("@vue/runtime-core");
+function getErrorMessage2(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
+function normalizeSocialUser(value, provider) {
+  if (typeof value !== "object" || value === null) return null;
+  const payload = value;
+  if (typeof payload.userId !== "string") return null;
+  return {
+    userId: payload.userId,
+    email: typeof payload.email === "string" ? payload.email : void 0,
+    fullName: typeof payload.fullName === "string" ? payload.fullName : void 0,
+    identityToken: typeof payload.identityToken === "string" ? payload.identityToken : void 0,
+    authorizationCode: typeof payload.authorizationCode === "string" ? payload.authorizationCode : void 0,
+    provider
+  };
+}
 function useAppleSignIn() {
-  const user = (0, import_runtime_core51.ref)(null);
-  const isAuthenticated = (0, import_runtime_core51.ref)(false);
-  const error = (0, import_runtime_core51.ref)(null);
+  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 cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("auth:appleCredentialRevoked", () => {
     user.value = null;
@@ -3407,8 +4340,9 @@ function useAppleSignIn() {
   });
   cleanups.push(unsubscribe);
   NativeBridge.invokeNativeModule("SocialAuth", "getCurrentUser", ["apple"]).then((result) => {
-    if (result && result.userId) {
-      user.value = { ...result, provider: "apple" };
+    const currentUser = normalizeSocialUser(result, "apple");
+    if (currentUser) {
+      user.value = currentUser;
       isAuthenticated.value = true;
     }
   }).catch(() => {
@@ -3417,12 +4351,15 @@ function useAppleSignIn() {
     error.value = null;
     try {
       const result = await NativeBridge.invokeNativeModule("SocialAuth", "signInWithApple");
-      const socialUser = { ...result, provider: "apple" };
+      const socialUser = normalizeSocialUser(result, "apple");
+      if (!socialUser) {
+        throw new Error("Invalid Apple Sign In response.");
+      }
       user.value = socialUser;
       isAuthenticated.value = true;
       return { success: true, user: socialUser };
     } catch (err) {
-      const message = String(err);
+      const message = getErrorMessage2(err);
       error.value = message;
       return { success: false, error: message };
     }
@@ -3434,10 +4371,10 @@ function useAppleSignIn() {
       user.value = null;
       isAuthenticated.value = false;
     } catch (err) {
-      error.value = String(err);
+      error.value = getErrorMessage2(err);
     }
   }
-  (0, import_runtime_core51.onUnmounted)(() => {
+  (0, import_runtime_core56.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -3445,15 +4382,37 @@ function useAppleSignIn() {
 }
 
 // src/composables/useGoogleSignIn.ts
-var import_runtime_core52 = require("@vue/runtime-core");
+var import_runtime_core57 = require("@vue/runtime-core");
+function getErrorMessage3(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
+function normalizeSocialUser2(value) {
+  if (typeof value !== "object" || value === null) return null;
+  const payload = value;
+  if (typeof payload.userId !== "string") return null;
+  return {
+    userId: payload.userId,
+    email: typeof payload.email === "string" ? payload.email : void 0,
+    fullName: typeof payload.fullName === "string" ? payload.fullName : void 0,
+    identityToken: typeof payload.identityToken === "string" ? payload.identityToken : void 0,
+    authorizationCode: typeof payload.authorizationCode === "string" ? payload.authorizationCode : void 0,
+    provider: "google"
+  };
+}
 function useGoogleSignIn(clientId) {
-  const user = (0, import_runtime_core52.ref)(null);
-  const isAuthenticated = (0, import_runtime_core52.ref)(false);
-  const error = (0, import_runtime_core52.ref)(null);
+  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 cleanups = [];
   NativeBridge.invokeNativeModule("SocialAuth", "getCurrentUser", ["google"]).then((result) => {
-    if (result && result.userId) {
-      user.value = { ...result, provider: "google" };
+    const currentUser = normalizeSocialUser2(result);
+    if (currentUser) {
+      user.value = currentUser;
       isAuthenticated.value = true;
     }
   }).catch(() => {
@@ -3462,12 +4421,15 @@ function useGoogleSignIn(clientId) {
     error.value = null;
     try {
       const result = await NativeBridge.invokeNativeModule("SocialAuth", "signInWithGoogle", [clientId]);
-      const socialUser = { ...result, provider: "google" };
+      const socialUser = normalizeSocialUser2(result);
+      if (!socialUser) {
+        throw new Error("Invalid Google Sign In response.");
+      }
       user.value = socialUser;
       isAuthenticated.value = true;
       return { success: true, user: socialUser };
     } catch (err) {
-      const message = String(err);
+      const message = getErrorMessage3(err);
       error.value = message;
       return { success: false, error: message };
     }
@@ -3479,10 +4441,10 @@ function useGoogleSignIn(clientId) {
       user.value = null;
       isAuthenticated.value = false;
     } catch (err) {
-      error.value = String(err);
+      error.value = getErrorMessage3(err);
     }
   }
-  (0, import_runtime_core52.onUnmounted)(() => {
+  (0, import_runtime_core57.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -3490,17 +4452,17 @@ function useGoogleSignIn(clientId) {
 }
 
 // src/composables/useBackgroundTask.ts
-var import_runtime_core53 = require("@vue/runtime-core");
+var import_runtime_core58 = require("@vue/runtime-core");
 function useBackgroundTask() {
   const taskHandlers = /* @__PURE__ */ new Map();
-  const defaultHandler = (0, import_runtime_core53.ref)(null);
+  const defaultHandler = (0, import_runtime_core58.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_core53.onUnmounted)(unsubscribe);
+  (0, import_runtime_core58.onUnmounted)(unsubscribe);
   function registerTask(taskId) {
     return NativeBridge.invokeNativeModule("BackgroundTask", "registerTask", [taskId]).then(() => void 0);
   }
@@ -3539,20 +4501,28 @@ function useBackgroundTask() {
 }
 
 // src/composables/useOTAUpdate.ts
-var import_runtime_core54 = require("@vue/runtime-core");
+var import_runtime_core59 = require("@vue/runtime-core");
+function getErrorMessage4(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
 function useOTAUpdate(serverUrl) {
-  const currentVersion = (0, import_runtime_core54.ref)("embedded");
-  const availableVersion = (0, import_runtime_core54.ref)(null);
-  const downloadProgress = (0, import_runtime_core54.ref)(0);
-  const isChecking = (0, import_runtime_core54.ref)(false);
-  const isDownloading = (0, import_runtime_core54.ref)(false);
-  const status = (0, import_runtime_core54.ref)("idle");
-  const error = (0, import_runtime_core54.ref)(null);
+  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);
   let lastUpdateInfo = null;
   const unsubscribe = NativeBridge.onGlobalEvent("ota:downloadProgress", (payload) => {
     downloadProgress.value = payload.progress;
   });
-  (0, import_runtime_core54.onUnmounted)(unsubscribe);
+  (0, import_runtime_core59.onUnmounted)(unsubscribe);
   NativeBridge.invokeNativeModule("OTA", "getCurrentVersion", []).then((info) => {
     currentVersion.value = info.version;
   }).catch(() => {
@@ -3572,7 +4542,7 @@ function useOTAUpdate(serverUrl) {
       status.value = info.updateAvailable ? "idle" : "idle";
       return info;
     } catch (err) {
-      error.value = err?.message || String(err);
+      error.value = getErrorMessage4(err);
       status.value = "error";
       throw err;
     } finally {
@@ -3598,7 +4568,7 @@ function useOTAUpdate(serverUrl) {
     } catch (err) {
       await NativeBridge.invokeNativeModule("OTA", "cleanupPartialDownload", []).catch(() => {
       });
-      error.value = err?.message || String(err);
+      error.value = getErrorMessage4(err);
       status.value = "error";
       throw err;
     } finally {
@@ -3614,7 +4584,7 @@ function useOTAUpdate(serverUrl) {
       await NativeBridge.invokeNativeModule("OTA", "verifyBundle", []);
     } catch (err) {
       status.value = "error";
-      error.value = "Bundle verification failed: " + (err?.message || String(err));
+      error.value = "Bundle verification failed: " + getErrorMessage4(err);
       throw err;
     }
     try {
@@ -3624,7 +4594,7 @@ function useOTAUpdate(serverUrl) {
       availableVersion.value = null;
       status.value = "idle";
     } catch (err) {
-      error.value = err?.message || String(err);
+      error.value = getErrorMessage4(err);
       status.value = "error";
       throw err;
     }
@@ -3637,7 +4607,7 @@ function useOTAUpdate(serverUrl) {
       currentVersion.value = info.version;
       status.value = "idle";
     } catch (err) {
-      error.value = err?.message || String(err);
+      error.value = getErrorMessage4(err);
       status.value = "error";
       throw err;
     }
@@ -3664,13 +4634,21 @@ function useOTAUpdate(serverUrl) {
 }
 
 // src/composables/useBluetooth.ts
-var import_runtime_core55 = require("@vue/runtime-core");
+var import_runtime_core60 = require("@vue/runtime-core");
+function getErrorMessage5(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
 function useBluetooth() {
-  const devices = (0, import_runtime_core55.ref)([]);
-  const connectedDevice = (0, import_runtime_core55.ref)(null);
-  const isScanning = (0, import_runtime_core55.ref)(false);
-  const isAvailable = (0, import_runtime_core55.ref)(false);
-  const error = (0, import_runtime_core55.ref)(null);
+  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 cleanups = [];
   NativeBridge.invokeNativeModule("Bluetooth", "getState").then((state) => {
     isAvailable.value = state === "poweredOn";
@@ -3709,7 +4687,7 @@ function useBluetooth() {
     try {
       await NativeBridge.invokeNativeModule("Bluetooth", "startScan", [serviceUUIDs]);
     } catch (e) {
-      error.value = e?.message || String(e);
+      error.value = getErrorMessage5(e);
       isScanning.value = false;
     }
   }
@@ -3749,7 +4727,7 @@ function useBluetooth() {
       ]);
     };
   }
-  (0, import_runtime_core55.onUnmounted)(() => {
+  (0, import_runtime_core60.onUnmounted)(() => {
     if (isScanning.value) {
       NativeBridge.invokeNativeModule("Bluetooth", "stopScan").catch(() => {
       });
@@ -3774,17 +4752,25 @@ function useBluetooth() {
 }
 
 // src/composables/useCalendar.ts
-var import_runtime_core56 = require("@vue/runtime-core");
+var import_runtime_core61 = require("@vue/runtime-core");
+function getErrorMessage6(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
 function useCalendar() {
-  const hasAccess = (0, import_runtime_core56.ref)(false);
-  const error = (0, import_runtime_core56.ref)(null);
+  const hasAccess = (0, import_runtime_core61.ref)(false);
+  const error = (0, import_runtime_core61.ref)(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Calendar", "requestAccess");
       hasAccess.value = result.granted;
       return result.granted;
     } catch (e) {
-      error.value = e?.message || String(e);
+      error.value = getErrorMessage6(e);
       return false;
     }
   }
@@ -3810,17 +4796,25 @@ function useCalendar() {
 }
 
 // src/composables/useContacts.ts
-var import_runtime_core57 = require("@vue/runtime-core");
+var import_runtime_core62 = require("@vue/runtime-core");
+function getErrorMessage7(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    const message = error.message;
+    if (typeof message === "string") return message;
+  }
+  return String(error);
+}
 function useContacts() {
-  const hasAccess = (0, import_runtime_core57.ref)(false);
-  const error = (0, import_runtime_core57.ref)(null);
+  const hasAccess = (0, import_runtime_core62.ref)(false);
+  const error = (0, import_runtime_core62.ref)(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Contacts", "requestAccess");
       hasAccess.value = result.granted;
       return result.granted;
     } catch (e) {
-      error.value = e?.message || String(e);
+      error.value = getErrorMessage7(e);
       return false;
     }
   }
@@ -3839,11 +4833,443 @@ function useContacts() {
   return { requestAccess, getContacts, getContact, createContact, deleteContact, hasAccess, error };
 }
 
+// src/composables/useWindow.ts
+function useWindow() {
+  const { isMacOS } = usePlatform();
+  async function setTitle(title) {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Window", "setTitle", [title]);
+  }
+  async function setSize(width, height) {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Window", "setSize", [width, height]);
+  }
+  async function center() {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Window", "center", []);
+  }
+  async function minimize() {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Window", "minimize", []);
+  }
+  async function toggleFullScreen() {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Window", "toggleFullScreen", []);
+  }
+  async function close() {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Window", "close", []);
+  }
+  async function getInfo() {
+    if (!isMacOS) return null;
+    return await NativeBridge.invokeNativeModule("Window", "getInfo", []);
+  }
+  return { setTitle, setSize, center, minimize, toggleFullScreen, close, getInfo };
+}
+
+// src/composables/useMenu.ts
+function useMenu() {
+  const { isMacOS } = usePlatform();
+  async function setAppMenu(sections) {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Menu", "setAppMenu", [sections]);
+  }
+  async function showContextMenu(items) {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("Menu", "showContextMenu", [items]);
+  }
+  function onMenuItemClick(callback) {
+    if (!isMacOS) return () => {
+    };
+    return NativeBridge.onGlobalEvent("menu:itemClick", (payload) => {
+      callback(payload.id ?? "", payload.title ?? "");
+    });
+  }
+  return { setAppMenu, showContextMenu, onMenuItemClick };
+}
+
+// src/composables/useFileDialog.ts
+function useFileDialog() {
+  const { isMacOS } = usePlatform();
+  async function openFile(options) {
+    if (!isMacOS) return null;
+    return await NativeBridge.invokeNativeModule("FileDialog", "openFile", [options || {}]);
+  }
+  async function openDirectory(options) {
+    if (!isMacOS) return null;
+    return await NativeBridge.invokeNativeModule("FileDialog", "openDirectory", [options || {}]);
+  }
+  async function saveFile(options) {
+    if (!isMacOS) return null;
+    return await NativeBridge.invokeNativeModule("FileDialog", "saveFile", [options || {}]);
+  }
+  return { openFile, openDirectory, saveFile };
+}
+
+// src/composables/useDragDrop.ts
+var import_runtime_core63 = require("@vue/runtime-core");
+function useDragDrop() {
+  const { isMacOS } = usePlatform();
+  const isDragging = (0, import_runtime_core63.ref)(false);
+  async function enableDropZone() {
+    if (!isMacOS) return;
+    await NativeBridge.invokeNativeModule("DragDrop", "enableDropZone", []);
+  }
+  function onDrop(callback) {
+    if (!isMacOS) return () => {
+    };
+    return NativeBridge.onGlobalEvent("dragdrop:drop", (payload) => {
+      const files = Array.isArray(payload.files) ? payload.files.filter((file) => typeof file === "string") : [];
+      callback(files);
+    });
+  }
+  function onDragEnter(callback) {
+    if (!isMacOS) return () => {
+    };
+    return NativeBridge.onGlobalEvent("dragdrop:enter", () => {
+      isDragging.value = true;
+      callback();
+    });
+  }
+  function onDragLeave(callback) {
+    if (!isMacOS) return () => {
+    };
+    return NativeBridge.onGlobalEvent("dragdrop:leave", () => {
+      isDragging.value = false;
+      callback();
+    });
+  }
+  return { enableDropZone, onDrop, onDragEnter, onDragLeave, isDragging: (0, import_runtime_core63.readonly)(isDragging) };
+}
+
+// src/composables/useTeleport.ts
+function useTeleport(target) {
+  const teleport = (node) => {
+    NativeBridge.teleportTo(target, node.id);
+  };
+  return { teleport };
+}
+
+// src/composables/useGesture.ts
+var import_runtime_core64 = require("@vue/runtime-core");
+function hasViewId2(value) {
+  return typeof value === "object" && value !== null && "id" in value && typeof value.id === "number";
+}
+function isGestureRef(target) {
+  return typeof target === "object" && target !== null && "value" in target;
+}
+function resolveViewId2(target) {
+  if (typeof target === "number") return target;
+  if (isGestureRef(target)) {
+    const val = target.value;
+    if (hasViewId2(val)) return val.id;
+    throw new Error("[useGesture] Target ref has no .value.id \u2014 is the ref attached to a component?");
+  }
+  if (hasViewId2(target)) return target.id;
+  throw new Error("[useGesture] Invalid target. Pass a number, template ref, or NativeNode.");
+}
+var GestureManager = class {
+  constructor() {
+    this.nodeId = null;
+    this.handlers = /* @__PURE__ */ new Map();
+    this.disposables = [];
+  }
+  attach(target) {
+    this.nodeId = resolveViewId2(target);
+  }
+  on(event, callback, config) {
+    if (!this.nodeId) {
+      console.warn("[useGesture] Cannot add listener: not attached to a view. Call attach() first or use a ref.");
+      return () => {
+      };
+    }
+    if (!this.handlers.has(event)) {
+      this.handlers.set(event, /* @__PURE__ */ new Set());
+    }
+    this.handlers.get(event).add(callback);
+    NativeBridge.addEventListener(this.nodeId, event, (payload) => {
+      if (config?.enabled === false) return;
+      callback(payload);
+    });
+    const dispose = () => {
+      this.handlers.get(event)?.delete(callback);
+      if (this.nodeId) {
+        NativeBridge.removeEventListener(this.nodeId, event);
+      }
+    };
+    this.disposables.push(dispose);
+    return dispose;
+  }
+  detach() {
+    for (const dispose of this.disposables) {
+      dispose();
+    }
+    this.disposables = [];
+    this.handlers.clear();
+    this.nodeId = null;
+  }
+};
+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 manager = new GestureManager();
+  const cleanupFns = [];
+  function attach(t) {
+    manager.attach(t);
+    setupListeners();
+  }
+  function detach() {
+    for (const fn of cleanupFns) fn();
+    cleanupFns.length = 0;
+    manager.detach();
+    pan.value = null;
+    pinch.value = null;
+    rotate.value = null;
+    swipeLeft.value = null;
+    swipeRight.value = null;
+    swipeUp.value = null;
+    swipeDown.value = null;
+    press.value = null;
+    longPress.value = null;
+    doubleTap.value = null;
+    forceTouch.value = null;
+    hover.value = null;
+    gestureState.value = null;
+    activeGesture.value = null;
+    isGesturing.value = false;
+  }
+  function normalizeConfig(opt) {
+    return typeof opt === "boolean" ? { enabled: opt } : opt ?? {};
+  }
+  function on(event, callback) {
+    return manager.on(event, callback);
+  }
+  function setupListeners() {
+    if (options.pan) {
+      const cfg = normalizeConfig(options.pan);
+      const dispose = manager.on("pan", (state) => {
+        pan.value = state;
+        gestureState.value = state;
+        activeGesture.value = "pan";
+        isGesturing.value = state.state === "began" || state.state === "changed";
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.pinch) {
+      const cfg = normalizeConfig(options.pinch);
+      const dispose = manager.on("pinch", (state) => {
+        pinch.value = state;
+        gestureState.value = state;
+        activeGesture.value = "pinch";
+        isGesturing.value = state.state === "began" || state.state === "changed";
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.rotate) {
+      const cfg = normalizeConfig(options.rotate);
+      const dispose = manager.on("rotate", (state) => {
+        rotate.value = state;
+        gestureState.value = state;
+        activeGesture.value = "rotate";
+        isGesturing.value = state.state === "began" || state.state === "changed";
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.swipeLeft) {
+      const cfg = normalizeConfig(options.swipeLeft);
+      const dispose = manager.on("swipeLeft", (state) => {
+        swipeLeft.value = state;
+        gestureState.value = state;
+        activeGesture.value = "swipeLeft";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.swipeRight) {
+      const cfg = normalizeConfig(options.swipeRight);
+      const dispose = manager.on("swipeRight", (state) => {
+        swipeRight.value = state;
+        gestureState.value = state;
+        activeGesture.value = "swipeRight";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.swipeUp) {
+      const cfg = normalizeConfig(options.swipeUp);
+      const dispose = manager.on("swipeUp", (state) => {
+        swipeUp.value = state;
+        gestureState.value = state;
+        activeGesture.value = "swipeUp";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.swipeDown) {
+      const cfg = normalizeConfig(options.swipeDown);
+      const dispose = manager.on("swipeDown", (state) => {
+        swipeDown.value = state;
+        gestureState.value = state;
+        activeGesture.value = "swipeDown";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.press) {
+      const cfg = normalizeConfig(options.press);
+      const dispose = manager.on("press", (state) => {
+        press.value = state;
+        gestureState.value = state;
+        activeGesture.value = "press";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.longPress) {
+      const cfg = normalizeConfig(options.longPress);
+      const dispose = manager.on("longPress", (state) => {
+        longPress.value = state;
+        gestureState.value = state;
+        activeGesture.value = "longPress";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.doubleTap) {
+      const cfg = normalizeConfig(options.doubleTap);
+      const dispose = manager.on("doubleTap", (state) => {
+        doubleTap.value = state;
+        gestureState.value = state;
+        activeGesture.value = "doubleTap";
+        isGesturing.value = false;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.forceTouch) {
+      const cfg = normalizeConfig(options.forceTouch);
+      const dispose = manager.on("forceTouch", (state) => {
+        forceTouch.value = state;
+        gestureState.value = state;
+        activeGesture.value = "forceTouch";
+        isGesturing.value = state.stage > 0;
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+    if (options.hover) {
+      const cfg = normalizeConfig(options.hover);
+      const dispose = manager.on("hover", (state) => {
+        hover.value = state;
+        gestureState.value = state;
+        activeGesture.value = "hover";
+        isGesturing.value = state.state !== "exited";
+      }, cfg);
+      cleanupFns.push(dispose);
+    }
+  }
+  (0, import_runtime_core64.onUnmounted)(() => {
+    detach();
+  });
+  if (target !== void 0) {
+    attach(target);
+  }
+  return {
+    pan,
+    pinch,
+    rotate,
+    swipeLeft,
+    swipeRight,
+    swipeUp,
+    swipeDown,
+    press,
+    longPress,
+    doubleTap,
+    forceTouch,
+    hover,
+    gestureState,
+    activeGesture,
+    isGesturing,
+    attach,
+    detach,
+    on
+  };
+}
+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 manager = new GestureManager();
+  manager.attach(target);
+  const panConfig = typeof options.pan === "object" ? options.pan : {};
+  const pinchConfig = typeof options.pinch === "object" ? options.pinch : {};
+  const rotateConfig = typeof options.rotate === "object" ? options.rotate : {};
+  const cleanupFns = [];
+  if (options.pan !== false) {
+    cleanupFns.push(manager.on("pan", (state) => {
+      pan.value = state;
+      gestureState.value = state;
+      activeGesture.value = "pan";
+      isGesturing.value = state.state === "began" || state.state === "changed";
+      isPanningAndPinching.value = pinch.value !== null && (state.state === "began" || state.state === "changed");
+    }, panConfig));
+  }
+  if (options.pinch !== false) {
+    cleanupFns.push(manager.on("pinch", (state) => {
+      pinch.value = state;
+      gestureState.value = state;
+      activeGesture.value = "pinch";
+      isGesturing.value = state.state === "began" || state.state === "changed";
+      isPinchingAndRotating.value = rotate.value !== null && (state.state === "began" || state.state === "changed");
+      isPanningAndPinching.value = pan.value !== null && (state.state === "began" || state.state === "changed");
+    }, pinchConfig));
+  }
+  if (options.rotate !== false) {
+    cleanupFns.push(manager.on("rotate", (state) => {
+      rotate.value = state;
+      gestureState.value = state;
+      activeGesture.value = "rotate";
+      isGesturing.value = state.state === "began" || state.state === "changed";
+      isPinchingAndRotating.value = pinch.value !== null && (state.state === "began" || state.state === "changed");
+    }, rotateConfig));
+  }
+  (0, import_runtime_core64.onUnmounted)(() => {
+    for (const fn of cleanupFns) fn();
+    manager.detach();
+  });
+  return {
+    pan,
+    pinch,
+    rotate,
+    gestureState,
+    activeGesture,
+    isGesturing,
+    isPinchingAndRotating,
+    isPanningAndPinching
+  };
+}
+
 // src/theme.ts
-var import_runtime_core58 = require("@vue/runtime-core");
+var import_runtime_core65 = require("@vue/runtime-core");
 function createTheme(definition) {
   const key = /* @__PURE__ */ Symbol("vue-native-theme");
-  const ThemeProvider = (0, import_runtime_core58.defineComponent)({
+  const ThemeProvider = (0, import_runtime_core65.defineComponent)({
     name: "ThemeProvider",
     props: {
       initialColorScheme: {
@@ -3852,8 +5278,8 @@ function createTheme(definition) {
       }
     },
     setup(props, { slots }) {
-      const colorScheme = (0, import_runtime_core58.ref)(props.initialColorScheme);
-      const theme = (0, import_runtime_core58.computed)(() => {
+      const colorScheme = (0, import_runtime_core65.ref)(props.initialColorScheme);
+      const theme = (0, import_runtime_core65.computed)(() => {
         return colorScheme.value === "dark" ? definition.dark : definition.light;
       });
       const ctx = {
@@ -3866,12 +5292,12 @@ function createTheme(definition) {
           colorScheme.value = scheme;
         }
       };
-      (0, import_runtime_core58.provide)(key, ctx);
+      (0, import_runtime_core65.provide)(key, ctx);
       return () => slots.default?.();
     }
   });
   function useTheme() {
-    const ctx = (0, import_runtime_core58.inject)(key);
+    const ctx = (0, import_runtime_core65.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."
@@ -3882,43 +5308,19 @@ function createTheme(definition) {
   return { ThemeProvider, useTheme };
 }
 function createDynamicStyleSheet(theme, factory) {
-  return (0, import_runtime_core58.computed)(() => createStyleSheet(factory(theme.value)));
+  return (0, import_runtime_core65.computed)(() => createStyleSheet(factory(theme.value)));
 }
 
 // src/index.ts
 function createApp(rootComponent, rootProps) {
   const app = baseCreateApp(rootComponent, rootProps);
-  app.component("VView", VView);
-  app.component("VText", VText);
-  app.component("VButton", VButton);
-  app.component("VInput", VInput);
-  app.component("VSwitch", VSwitch);
-  app.component("VActivityIndicator", VActivityIndicator);
-  app.component("VScrollView", VScrollView);
-  app.component("VImage", VImage);
-  app.component("VKeyboardAvoiding", VKeyboardAvoiding);
-  app.component("VSafeArea", VSafeArea);
-  app.component("VSlider", VSlider);
-  app.component("VList", VList);
-  app.component("VModal", VModal);
-  app.component("VAlertDialog", VAlertDialog);
-  app.component("VStatusBar", VStatusBar);
-  app.component("VWebView", VWebView);
-  app.component("VProgressBar", VProgressBar);
-  app.component("VPicker", VPicker);
-  app.component("VSegmentedControl", VSegmentedControl);
-  app.component("VActionSheet", VActionSheet);
-  app.component("VRefreshControl", VRefreshControl);
-  app.component("VPressable", VPressable);
-  app.component("VSectionList", VSectionList);
-  app.component("VCheckbox", VCheckbox);
-  app.component("VRadio", VRadio);
-  app.component("VDropdown", VDropdown);
-  app.component("VVideo", VVideo);
-  app.component("VFlatList", VFlatList);
+  for (const [name, component] of Object.entries(builtInComponents)) {
+    app.component(name, component);
+  }
+  app.component("VDrawer.Item", VDrawerItem);
+  app.component("VDrawer.Section", VDrawerSection);
   app.component("ErrorBoundary", ErrorBoundary);
   app.component("VErrorBoundary", ErrorBoundary);
-  app.directive("show", vShow);
   app.config.errorHandler = (err, instance, info) => {
     const error = err instanceof Error ? err : new Error(String(err));
     const componentName = instance?.$options?.name || instance?.$.type?.name || "Anonymous";
@@ -3944,7 +5346,7 @@ function createApp(rootComponent, rootProps) {
     const root = createNativeNode("__ROOT__");
     NativeBridge.createNode(root.id, "__ROOT__");
     NativeBridge.setRootView(root.id);
-    const vnode = (0, import_runtime_core59.createVNode)(rootComponent, rootProps);
+    const vnode = (0, import_runtime_core66.createVNode)(rootComponent, rootProps);
     vnode.appContext = app._context;
     render(vnode, root);
     return root;
@@ -3960,6 +5362,9 @@ function createApp(rootComponent, rootProps) {
   VAlertDialog,
   VButton,
   VCheckbox,
+  VDrawer,
+  VDrawerItem,
+  VDrawerSection,
   VDropdown,
   VFlatList,
   VImage,
@@ -3979,10 +5384,12 @@ function createApp(rootComponent, rootProps) {
   VSlider,
   VStatusBar,
   VSwitch,
+  VTabBar,
   VText,
   VVideo,
   VView,
   VWebView,
+  builtInComponents,
   clearSharedElementRegistry,
   createApp,
   createCommentNode,
@@ -4010,12 +5417,16 @@ function createApp(rootComponent, rootProps) {
   useCamera,
   useClipboard,
   useColorScheme,
+  useComposedGestures,
   useContacts,
   useDatabase,
   useDeviceInfo,
   useDimensions,
+  useDragDrop,
+  useFileDialog,
   useFileSystem,
   useGeolocation,
+  useGesture,
   useGoogleSignIn,
   useGyroscope,
   useHaptics,
@@ -4024,6 +5435,7 @@ function createApp(rootComponent, rootProps) {
   useIAP,
   useKeyboard,
   useLinking,
+  useMenu,
   useNetwork,
   useNotifications,
   useOTAUpdate,
@@ -4033,7 +5445,10 @@ function createApp(rootComponent, rootProps) {
   useSecureStorage,
   useShare,
   useSharedElementTransition,
+  useTeleport,
   useWebSocket,
+  useWindow,
+  vModel,
   vShow,
   validStyleProperties,
   ...require("@vue/runtime-core")