@thelacanians/vue-native-runtime 0.4.14 → 0.4.15

package/dist/index.cjs

@@ -29,6 +29,7 @@ __export(index_exports, {
   VButton: () => VButton,
   VCheckbox: () => VCheckbox,
   VDropdown: () => VDropdown,
+  VFlatList: () => VFlatList,
   VImage: () => VImage,
   VInput: () => VInput,
   VKeyboardAvoiding: () => VKeyboardAvoiding,
@@ -53,9 +54,11 @@ __export(index_exports, {
   clearSharedElementRegistry: () => clearSharedElementRegistry,
   createApp: () => createApp,
   createCommentNode: () => createCommentNode,
+  createDynamicStyleSheet: () => createDynamicStyleSheet,
   createNativeNode: () => createNativeNode,
   createStyleSheet: () => createStyleSheet,
   createTextNode: () => createTextNode,
+  createTheme: () => createTheme,
   getRegisteredSharedElements: () => getRegisteredSharedElements,
   getSharedElementViewId: () => getSharedElementViewId,
   measureViewFrame: () => measureViewFrame,
@@ -103,7 +106,7 @@ __export(index_exports, {
   validStyleProperties: () => validStyleProperties
 });
 module.exports = __toCommonJS(index_exports);
-var import_runtime_core57 = require("@vue/runtime-core");
+var import_runtime_core59 = require("@vue/runtime-core");
 
 // src/renderer.ts
 var import_runtime_core = require("@vue/runtime-core");
@@ -112,16 +115,25 @@ var import_runtime_core = require("@vue/runtime-core");
 var import_reactivity = require("@vue/reactivity");
 var nextNodeId = 1;
 var MAX_NODE_ID = 2147483647;
+var activeNodeIds = /* @__PURE__ */ new Set();
 function resetNodeId() {
   nextNodeId = 1;
+  activeNodeIds.clear();
+}
+function releaseNodeId(id) {
+  activeNodeIds.delete(id);
 }
 function getNextNodeId() {
   const id = nextNodeId;
   if (nextNodeId >= MAX_NODE_ID) {
     nextNodeId = 1;
+    while (activeNodeIds.has(nextNodeId) && nextNodeId < MAX_NODE_ID) {
+      nextNodeId++;
+    }
   } else {
     nextNodeId++;
   }
+  activeNodeIds.add(id);
   return id;
 }
 function createNativeNode(type) {
@@ -281,6 +293,16 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
   updateStyle(nodeId, key, value) {
     this.enqueue("updateStyle", [nodeId, { [key]: value }]);
   }
+  /**
+   * Update multiple style properties on a native view in a single bridge op.
+   * Swift/Kotlin handler: handleUpdateStyle(args: [nodeId, { key1: val1, key2: val2, ... }])
+   *
+   * More efficient than calling updateStyle() per property — sends one op
+   * instead of N ops, reducing JSON overhead and bridge dispatch.
+   */
+  updateStyles(nodeId, styles) {
+    this.enqueue("updateStyle", [nodeId, styles]);
+  }
   // ---------------------------------------------------------------------------
   // Tree mutations
   // ---------------------------------------------------------------------------
@@ -455,9 +477,9 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
     }
     const handlers = this.globalEventHandlers.get(eventName);
     if (handlers) {
-      handlers.forEach((h28) => {
+      handlers.forEach((h29) => {
         try {
-          h28(payload);
+          h29(payload);
         } catch (err) {
           console.error(`[VueNative] Error in global event handler "${eventName}":`, err);
         }
@@ -474,6 +496,9 @@ var _NativeBridgeImpl = class _NativeBridgeImpl {
     this.pendingOps = [];
     this.flushScheduled = false;
     this.eventHandlers.clear();
+    for (const pending of this.pendingCallbacks.values()) {
+      clearTimeout(pending.timeoutId);
+    }
     this.pendingCallbacks.clear();
     this.nextCallbackId = 1;
     this.globalEventHandlers.clear();
@@ -505,16 +530,23 @@ function patchStyle(nodeId, prevStyle, nextStyle) {
   try {
     const prev = prevStyle || {};
     const next = nextStyle || {};
+    const changes = {};
+    let hasChanges = false;
     for (const key in next) {
       if (next[key] !== prev[key]) {
-        NativeBridge.updateStyle(nodeId, key, next[key]);
+        changes[key] = next[key];
+        hasChanges = true;
       }
     }
     for (const key in prev) {
       if (!(key in next)) {
-        NativeBridge.updateStyle(nodeId, key, null);
+        changes[key] = null;
+        hasChanges = true;
       }
     }
+    if (hasChanges) {
+      NativeBridge.updateStyles(nodeId, changes);
+    }
   } catch (err) {
     console.error(`[VueNative] Error patching style on node ${nodeId}:`, err);
   }
@@ -651,6 +683,7 @@ var nodeOps = {
       } catch (err) {
         console.error(`[VueNative] Error removing node ${child.id}:`, err);
       }
+      releaseNodeId(child.id);
     }
   },
   /**
@@ -1804,20 +1837,201 @@ var VVideo = (0, import_runtime_core28.defineComponent)({
   }
 });
 
+// src/components/VFlatList.ts
+var import_runtime_core29 = require("@vue/runtime-core");
+var VFlatList = (0, import_runtime_core29.defineComponent)({
+  name: "VFlatList",
+  props: {
+    /** Array of data items to render. */
+    data: {
+      type: Array,
+      required: true
+    },
+    /**
+     * Render function for each item. Receives { item, index } and returns a VNode.
+     * If not provided, the `#item` slot is used instead.
+     */
+    renderItem: {
+      type: Function,
+      default: void 0
+    },
+    /** 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
+    },
+    /** Fixed height for each item in points. Required for virtualization math. */
+    itemHeight: {
+      type: Number,
+      required: true
+    },
+    /**
+     * Number of viewport-heights to render above and below the visible area.
+     * Higher values reduce blank flashes during fast scrolling but use more memory.
+     * Default: 3 (3 viewports above + 3 below = 7 total viewports of items).
+     */
+    windowSize: {
+      type: Number,
+      default: 3
+    },
+    /** Style for the outer scroll container. */
+    style: {
+      type: Object,
+      default: () => ({})
+    },
+    /** Show vertical scroll indicator. Default: true */
+    showsScrollIndicator: {
+      type: Boolean,
+      default: true
+    },
+    /** Enable bounce at scroll boundaries. Default: true */
+    bounces: {
+      type: Boolean,
+      default: true
+    },
+    /** Height of the header slot in points. Used to offset items below the header. */
+    headerHeight: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * How far from the end (in viewport fractions) to trigger endReached.
+     * Default: 0.5 (trigger when within 50% of a viewport from the bottom).
+     */
+    endReachedThreshold: {
+      type: Number,
+      default: 0.5
+    }
+  },
+  emits: ["scroll", "endReached"],
+  setup(props, { slots, emit }) {
+    const scrollOffset = (0, import_runtime_core29.ref)(0);
+    const viewportHeight = (0, import_runtime_core29.ref)(0);
+    let endReachedFired = false;
+    const hasHeader = (0, import_runtime_core29.computed)(() => !!slots.header);
+    const totalHeight = (0, import_runtime_core29.computed)(() => {
+      const itemsHeight = (props.data?.length ?? 0) * props.itemHeight;
+      return itemsHeight + (hasHeader.value ? props.headerHeight : 0);
+    });
+    const visibleRange = (0, import_runtime_core29.computed)(() => {
+      const vh = viewportHeight.value || props.itemHeight * 20;
+      const buffer = vh * props.windowSize;
+      const startPx = Math.max(0, scrollOffset.value - buffer);
+      const endPx = scrollOffset.value + vh + buffer;
+      const startIdx = Math.floor(startPx / props.itemHeight);
+      const endIdx = Math.min(
+        Math.ceil(endPx / props.itemHeight),
+        props.data?.length ?? 0
+      );
+      return { start: startIdx, end: endIdx };
+    });
+    function onScroll(event) {
+      scrollOffset.value = event.y ?? 0;
+      if (event.layoutHeight && event.layoutHeight > 0) {
+        viewportHeight.value = event.layoutHeight;
+      }
+      emit("scroll", event);
+      const contentLength = totalHeight.value;
+      const offset = scrollOffset.value;
+      const vh = viewportHeight.value || props.itemHeight * 20;
+      const distanceFromEnd = contentLength - vh - offset;
+      const threshold = vh * props.endReachedThreshold;
+      if (distanceFromEnd < threshold && !endReachedFired) {
+        endReachedFired = true;
+        emit("endReached");
+      } else if (distanceFromEnd >= threshold) {
+        endReachedFired = false;
+      }
+    }
+    return () => {
+      const items = props.data ?? [];
+      const { start, end } = visibleRange.value;
+      const children = [];
+      for (let i = start; i < end; i++) {
+        const item = items[i];
+        if (item === void 0) continue;
+        const key = props.keyExtractor(item, i);
+        const itemContent = props.renderItem ? [props.renderItem({ item, index: i })] : slots.item?.({ item, index: i }) ?? [];
+        children.push(
+          (0, import_runtime_core29.h)(
+            "VView",
+            {
+              key,
+              style: {
+                position: "absolute",
+                top: (hasHeader.value ? props.headerHeight : 0) + i * props.itemHeight,
+                left: 0,
+                right: 0,
+                height: props.itemHeight
+              }
+            },
+            itemContent
+          )
+        );
+      }
+      if (slots.header) {
+        children.unshift(
+          (0, import_runtime_core29.h)("VView", { key: "__vfl_header__", style: { position: "absolute", top: 0, left: 0, right: 0 } }, slots.header())
+        );
+      }
+      if (items.length === 0 && slots.empty) {
+        return (0, import_runtime_core29.h)(
+          "VScrollView",
+          {
+            style: { ...props.style, flex: props.style?.flex ?? 1 },
+            showsVerticalScrollIndicator: props.showsScrollIndicator,
+            bounces: props.bounces
+          },
+          [(0, import_runtime_core29.h)("VView", { style: { flex: 1 } }, slots.empty())]
+        );
+      }
+      const innerContainer = (0, import_runtime_core29.h)(
+        "VView",
+        {
+          key: "__vfl_container__",
+          style: {
+            height: totalHeight.value,
+            width: "100%"
+          }
+        },
+        children
+      );
+      return (0, import_runtime_core29.h)(
+        "VScrollView",
+        {
+          style: { ...props.style, flex: props.style?.flex ?? 1 },
+          showsVerticalScrollIndicator: props.showsScrollIndicator,
+          bounces: props.bounces,
+          onScroll
+        },
+        [innerContainer]
+      );
+    };
+  }
+});
+
 // src/directives/vShow.ts
 var vShow = {
   beforeMount(el, { value }) {
-    NativeBridge.updateProp(el.id, "hidden", !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;
-    NativeBridge.updateProp(el.id, "hidden", !value);
+    try {
+      NativeBridge.updateProp(el.id, "hidden", !value);
+    } catch (err) {
+      console.error("[VueNative] v-show updated error:", err);
+    }
   }
 };
 
 // src/errorBoundary.ts
-var import_runtime_core29 = require("@vue/runtime-core");
-var ErrorBoundary = (0, import_runtime_core29.defineComponent)({
+var import_runtime_core30 = require("@vue/runtime-core");
+var ErrorBoundary = (0, import_runtime_core30.defineComponent)({
   name: "ErrorBoundary",
   props: {
     onError: Function,
@@ -1827,9 +2041,9 @@ var ErrorBoundary = (0, import_runtime_core29.defineComponent)({
     }
   },
   setup(props, { slots }) {
-    const error = (0, import_runtime_core29.ref)(null);
-    const errorInfo = (0, import_runtime_core29.ref)("");
-    (0, import_runtime_core29.onErrorCaptured)((err, _instance, info) => {
+    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;
@@ -1842,7 +2056,7 @@ var ErrorBoundary = (0, import_runtime_core29.defineComponent)({
       error.value = null;
       errorInfo.value = "";
     }
-    (0, import_runtime_core29.watch)(
+    (0, import_runtime_core30.watch)(
       () => props.resetKeys,
       () => {
         if (error.value) {
@@ -2036,9 +2250,9 @@ function useAsyncStorage() {
 }
 
 // src/composables/useClipboard.ts
-var import_runtime_core30 = require("@vue/runtime-core");
+var import_runtime_core31 = require("@vue/runtime-core");
 function useClipboard() {
-  const content = (0, import_runtime_core30.ref)("");
+  const content = (0, import_runtime_core31.ref)("");
   function copy(text) {
     return NativeBridge.invokeNativeModule("Clipboard", "copy", [text]).then(() => void 0);
   }
@@ -2052,16 +2266,16 @@ function useClipboard() {
 }
 
 // src/composables/useDeviceInfo.ts
-var import_runtime_core31 = require("@vue/runtime-core");
+var import_runtime_core32 = require("@vue/runtime-core");
 function useDeviceInfo() {
-  const model = (0, import_runtime_core31.ref)("");
-  const systemVersion = (0, import_runtime_core31.ref)("");
-  const systemName = (0, import_runtime_core31.ref)("");
-  const name = (0, import_runtime_core31.ref)("");
-  const screenWidth = (0, import_runtime_core31.ref)(0);
-  const screenHeight = (0, import_runtime_core31.ref)(0);
-  const scale = (0, import_runtime_core31.ref)(1);
-  const isLoaded = (0, import_runtime_core31.ref)(false);
+  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);
   async function fetchInfo() {
     const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
     model.value = info.model ?? "";
@@ -2073,7 +2287,7 @@ function useDeviceInfo() {
     scale.value = info.scale ?? 1;
     isLoaded.value = true;
   }
-  (0, import_runtime_core31.onMounted)(() => {
+  (0, import_runtime_core32.onMounted)(() => {
     fetchInfo();
   });
   return {
@@ -2090,10 +2304,10 @@ function useDeviceInfo() {
 }
 
 // src/composables/useKeyboard.ts
-var import_runtime_core32 = require("@vue/runtime-core");
+var import_runtime_core33 = require("@vue/runtime-core");
 function useKeyboard() {
-  const isVisible = (0, import_runtime_core32.ref)(false);
-  const height = (0, import_runtime_core32.ref)(0);
+  const isVisible = (0, import_runtime_core33.ref)(false);
+  const height = (0, import_runtime_core33.ref)(0);
   function dismiss() {
     return NativeBridge.invokeNativeModule("Keyboard", "dismiss", []).then(() => void 0);
   }
@@ -2114,15 +2328,25 @@ var Easing = {
   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(viewId, toStyles, config = {}) {
-    return NativeBridge.invokeNativeModule("Animation", "timing", [viewId, toStyles, config]);
+  function timing(target, toStyles, config = {}) {
+    return NativeBridge.invokeNativeModule("Animation", "timing", [resolveViewId(target), toStyles, config]);
   }
-  function spring(viewId, toStyles, config = {}) {
-    return NativeBridge.invokeNativeModule("Animation", "spring", [viewId, toStyles, config]);
+  function spring(target, toStyles, config = {}) {
+    return NativeBridge.invokeNativeModule("Animation", "spring", [resolveViewId(target), toStyles, config]);
   }
-  function keyframe(viewId, steps, config = {}) {
-    return NativeBridge.invokeNativeModule("Animation", "keyframe", [viewId, steps, config]);
+  function keyframe(target, steps, config = {}) {
+    return NativeBridge.invokeNativeModule("Animation", "keyframe", [resolveViewId(target), steps, config]);
   }
   function sequence(animations) {
     return NativeBridge.invokeNativeModule("Animation", "sequence", [animations]);
@@ -2130,17 +2354,20 @@ function useAnimation() {
   function parallel(animations) {
     return NativeBridge.invokeNativeModule("Animation", "parallel", [animations]);
   }
-  function fadeOut(viewId, duration = 300) {
-    return timing(viewId, { opacity: 0 }, { duration });
+  function fadeOut(target, duration = 300) {
+    return timing(target, { opacity: 0 }, { duration });
+  }
+  function fadeIn(target, duration = 300) {
+    return timing(target, { opacity: 1 }, { duration });
   }
-  function fadeIn(viewId, duration = 300) {
-    return timing(viewId, { opacity: 1 }, { duration });
+  function slideInFromRight(target, duration = 300) {
+    return timing(target, { translateX: 0 }, { duration, easing: "easeOut" });
   }
-  function slideInFromRight(viewId, duration = 300) {
-    return timing(viewId, { translateX: 0 }, { duration, easing: "easeOut" });
+  function slideOutToRight(target, duration = 300) {
+    return timing(target, { translateX: 400 }, { duration, easing: "easeIn" });
   }
-  function slideOutToRight(viewId, duration = 300) {
-    return timing(viewId, { translateX: 400 }, { duration, easing: "easeIn" });
+  function resolveId(target) {
+    return resolveViewId(target);
   }
   return {
     timing,
@@ -2152,15 +2379,16 @@ function useAnimation() {
     fadeOut,
     slideInFromRight,
     slideOutToRight,
+    resolveId,
     Easing
   };
 }
 
 // src/composables/useNetwork.ts
-var import_runtime_core33 = require("@vue/runtime-core");
+var import_runtime_core34 = require("@vue/runtime-core");
 function useNetwork() {
-  const isConnected = (0, import_runtime_core33.ref)(true);
-  const connectionType = (0, import_runtime_core33.ref)("unknown");
+  const isConnected = (0, import_runtime_core34.ref)(true);
+  const connectionType = (0, import_runtime_core34.ref)("unknown");
   let lastEventTime = 0;
   const unsubscribe = NativeBridge.onGlobalEvent("network:change", (payload) => {
     lastEventTime = Date.now();
@@ -2175,14 +2403,14 @@ function useNetwork() {
     }
   }).catch(() => {
   });
-  (0, import_runtime_core33.onUnmounted)(unsubscribe);
+  (0, import_runtime_core34.onUnmounted)(unsubscribe);
   return { isConnected, connectionType };
 }
 
 // src/composables/useAppState.ts
-var import_runtime_core34 = require("@vue/runtime-core");
+var import_runtime_core35 = require("@vue/runtime-core");
 function useAppState() {
-  const state = (0, import_runtime_core34.ref)("active");
+  const state = (0, import_runtime_core35.ref)("active");
   NativeBridge.invokeNativeModule("AppState", "getState").then((s) => {
     state.value = s;
   }).catch(() => {
@@ -2190,7 +2418,7 @@ function useAppState() {
   const unsubscribe = NativeBridge.onGlobalEvent("appState:change", (payload) => {
     state.value = payload.state;
   });
-  (0, import_runtime_core34.onUnmounted)(unsubscribe);
+  (0, import_runtime_core35.onUnmounted)(unsubscribe);
   return { state };
 }
 
@@ -2225,10 +2453,10 @@ function usePermissions() {
 }
 
 // src/composables/useGeolocation.ts
-var import_runtime_core35 = require("@vue/runtime-core");
+var import_runtime_core36 = require("@vue/runtime-core");
 function useGeolocation() {
-  const coords = (0, import_runtime_core35.ref)(null);
-  const error = (0, import_runtime_core35.ref)(null);
+  const coords = (0, import_runtime_core36.ref)(null);
+  const error = (0, import_runtime_core36.ref)(null);
   let watchId = null;
   async function getCurrentPosition() {
     try {
@@ -2253,7 +2481,7 @@ function useGeolocation() {
       const unsubscribeError = NativeBridge.onGlobalEvent("location:error", (payload) => {
         error.value = payload.message;
       });
-      (0, import_runtime_core35.onUnmounted)(() => {
+      (0, import_runtime_core36.onUnmounted)(() => {
         unsubscribe();
         unsubscribeError();
         if (watchId !== null) clearWatch(watchId);
@@ -2273,7 +2501,7 @@ function useGeolocation() {
 }
 
 // src/composables/useCamera.ts
-var import_runtime_core36 = require("@vue/runtime-core");
+var import_runtime_core37 = require("@vue/runtime-core");
 function useCamera() {
   const qrCleanups = [];
   async function launchCamera(options = {}) {
@@ -2296,7 +2524,7 @@ function useCamera() {
     qrCleanups.push(unsubscribe);
     return unsubscribe;
   }
-  (0, import_runtime_core36.onUnmounted)(() => {
+  (0, import_runtime_core37.onUnmounted)(() => {
     NativeBridge.invokeNativeModule("Camera", "stopQRScan").catch(() => {
     });
     qrCleanups.forEach((fn) => fn());
@@ -2306,10 +2534,10 @@ function useCamera() {
 }
 
 // src/composables/useNotifications.ts
-var import_runtime_core37 = require("@vue/runtime-core");
+var import_runtime_core38 = require("@vue/runtime-core");
 function useNotifications() {
-  const isGranted = (0, import_runtime_core37.ref)(false);
-  const pushToken = (0, import_runtime_core37.ref)(null);
+  const isGranted = (0, import_runtime_core38.ref)(false);
+  const pushToken = (0, import_runtime_core38.ref)(null);
   async function requestPermission() {
     const granted = await NativeBridge.invokeNativeModule("Notifications", "requestPermission");
     isGranted.value = granted;
@@ -2329,7 +2557,7 @@ function useNotifications() {
   }
   function onNotification(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("notification:received", handler);
-    (0, import_runtime_core37.onUnmounted)(unsubscribe);
+    (0, import_runtime_core38.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   async function registerForPush() {
@@ -2343,12 +2571,12 @@ function useNotifications() {
       pushToken.value = payload.token;
       handler(payload.token);
     });
-    (0, import_runtime_core37.onUnmounted)(unsubscribe);
+    (0, import_runtime_core38.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   function onPushReceived(handler) {
     const unsubscribe = NativeBridge.onGlobalEvent("push:received", handler);
-    (0, import_runtime_core37.onUnmounted)(unsubscribe);
+    (0, import_runtime_core38.onUnmounted)(unsubscribe);
     return unsubscribe;
   }
   return {
@@ -2384,7 +2612,7 @@ function useBiometry() {
 }
 
 // src/composables/useHttp.ts
-var import_runtime_core38 = require("@vue/runtime-core");
+var import_runtime_core39 = require("@vue/runtime-core");
 function useHttp(config = {}) {
   if (config.pins && Object.keys(config.pins).length > 0) {
     const configurePins = globalThis.__VN_configurePins;
@@ -2394,39 +2622,70 @@ function useHttp(config = {}) {
       NativeBridge.invokeNativeModule("Http", "configurePins", [config.pins]);
     }
   }
-  const loading = (0, import_runtime_core38.ref)(false);
-  const error = (0, import_runtime_core38.ref)(null);
+  const loading = (0, import_runtime_core39.ref)(false);
+  const error = (0, import_runtime_core39.ref)(null);
   let isMounted = true;
-  (0, import_runtime_core38.onUnmounted)(() => {
+  (0, import_runtime_core39.onUnmounted)(() => {
     isMounted = false;
   });
+  const BODY_METHODS = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH"]);
+  function parseResponseHeaders(response) {
+    const result = {};
+    if (!response.headers) return result;
+    try {
+      if (typeof response.headers.forEach === "function") {
+        response.headers.forEach((value, key) => {
+          result[key] = value;
+        });
+      } else if (typeof response.headers.entries === "function") {
+        for (const [key, value] of response.headers.entries()) {
+          result[key] = value;
+        }
+      }
+    } catch {
+    }
+    return result;
+  }
   async function request(method, url, options = {}) {
     const fullUrl = config.baseURL ? `${config.baseURL}${url}` : url;
     loading.value = true;
     error.value = null;
+    let controller;
+    let timeoutId;
+    if (config.timeout && config.timeout > 0 && typeof AbortController !== "undefined") {
+      controller = new AbortController();
+      timeoutId = setTimeout(() => controller.abort(), config.timeout);
+    }
     try {
+      const upperMethod = method.toUpperCase();
       const mergedHeaders = {
-        "Content-Type": "application/json",
         ...config.headers ?? {},
         ...options.headers ?? {}
       };
+      if (BODY_METHODS.has(upperMethod) && !mergedHeaders["Content-Type"]) {
+        mergedHeaders["Content-Type"] = "application/json";
+      }
       const fetchOptions = {
-        method: method.toUpperCase(),
+        method: upperMethod,
         headers: mergedHeaders
       };
+      if (controller) {
+        fetchOptions.signal = controller.signal;
+      }
       if (options.body !== void 0) {
         fetchOptions.body = JSON.stringify(options.body);
       }
       const response = await fetch(fullUrl, fetchOptions);
       const data = await response.json();
+      const responseHeaders = parseResponseHeaders(response);
       if (!isMounted) {
-        return { data, status: response.status, ok: response.ok, headers: {} };
+        return { data, status: response.status, ok: response.ok, headers: responseHeaders };
       }
       return {
         data,
         status: response.status,
         ok: response.ok,
-        headers: {}
+        headers: responseHeaders
       };
     } catch (e) {
       const msg = e instanceof Error ? e.message : String(e);
@@ -2435,6 +2694,9 @@ function useHttp(config = {}) {
       }
       throw e;
     } finally {
+      if (timeoutId !== void 0) {
+        clearTimeout(timeoutId);
+      }
       if (isMounted) {
         loading.value = false;
       }
@@ -2469,10 +2731,10 @@ function useHttp(config = {}) {
 }
 
 // src/composables/useColorScheme.ts
-var import_runtime_core39 = require("@vue/runtime-core");
+var import_runtime_core40 = require("@vue/runtime-core");
 function useColorScheme() {
-  const colorScheme = (0, import_runtime_core39.ref)("light");
-  const isDark = (0, import_runtime_core39.ref)(false);
+  const colorScheme = (0, import_runtime_core40.ref)("light");
+  const isDark = (0, import_runtime_core40.ref)(false);
   const unsubscribe = NativeBridge.onGlobalEvent(
     "colorScheme:change",
     (payload) => {
@@ -2480,15 +2742,15 @@ function useColorScheme() {
       isDark.value = payload.colorScheme === "dark";
     }
   );
-  (0, import_runtime_core39.onUnmounted)(unsubscribe);
+  (0, import_runtime_core40.onUnmounted)(unsubscribe);
   return { colorScheme, isDark };
 }
 
 // src/composables/useBackHandler.ts
-var import_runtime_core40 = require("@vue/runtime-core");
+var import_runtime_core41 = require("@vue/runtime-core");
 function useBackHandler(handler) {
   let unsubscribe = null;
-  (0, import_runtime_core40.onMounted)(() => {
+  (0, import_runtime_core41.onMounted)(() => {
     unsubscribe = NativeBridge.onGlobalEvent("hardware:backPress", () => {
       const handled = handler();
       if (!handled) {
@@ -2497,7 +2759,7 @@ function useBackHandler(handler) {
       }
     });
   });
-  (0, import_runtime_core40.onUnmounted)(() => {
+  (0, import_runtime_core41.onUnmounted)(() => {
     unsubscribe?.();
     unsubscribe = null;
   });
@@ -2521,11 +2783,11 @@ function useSecureStorage() {
 }
 
 // src/composables/useI18n.ts
-var import_runtime_core41 = require("@vue/runtime-core");
+var import_runtime_core42 = require("@vue/runtime-core");
 function useI18n() {
-  const isRTL = (0, import_runtime_core41.ref)(false);
-  const locale = (0, import_runtime_core41.ref)("en");
-  (0, import_runtime_core41.onMounted)(async () => {
+  const isRTL = (0, import_runtime_core42.ref)(false);
+  const locale = (0, import_runtime_core42.ref)("en");
+  (0, import_runtime_core42.onMounted)(async () => {
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getDeviceInfo", []);
       locale.value = info?.locale || "en";
@@ -2545,12 +2807,12 @@ function usePlatform() {
 }
 
 // src/composables/useDimensions.ts
-var import_runtime_core42 = require("@vue/runtime-core");
+var import_runtime_core43 = require("@vue/runtime-core");
 function useDimensions() {
-  const width = (0, import_runtime_core42.ref)(0);
-  const height = (0, import_runtime_core42.ref)(0);
-  const scale = (0, import_runtime_core42.ref)(1);
-  (0, import_runtime_core42.onMounted)(async () => {
+  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 () => {
     try {
       const info = await NativeBridge.invokeNativeModule("DeviceInfo", "getInfo", []);
       width.value = info?.screenWidth || 0;
@@ -2564,12 +2826,12 @@ function useDimensions() {
     if (payload.height != null) height.value = payload.height;
     if (payload.scale != null) scale.value = payload.scale;
   });
-  (0, import_runtime_core42.onUnmounted)(cleanup);
+  (0, import_runtime_core43.onUnmounted)(cleanup);
   return { width, height, scale };
 }
 
 // src/composables/useWebSocket.ts
-var import_runtime_core43 = require("@vue/runtime-core");
+var import_runtime_core44 = require("@vue/runtime-core");
 var connectionCounter = 0;
 function useWebSocket(url, options = {}) {
   const {
@@ -2579,9 +2841,9 @@ function useWebSocket(url, options = {}) {
     reconnectInterval = 1e3
   } = options;
   const connectionId = `ws_${++connectionCounter}_${Date.now()}`;
-  const status = (0, import_runtime_core43.ref)("CLOSED");
-  const lastMessage = (0, import_runtime_core43.ref)(null);
-  const error = (0, import_runtime_core43.ref)(null);
+  const status = (0, import_runtime_core44.ref)("CLOSED");
+  const lastMessage = (0, import_runtime_core44.ref)(null);
+  const error = (0, import_runtime_core44.ref)(null);
   let reconnectAttempts = 0;
   let reconnectTimer = null;
   const MAX_PENDING_MESSAGES = 100;
@@ -2666,7 +2928,7 @@ function useWebSocket(url, options = {}) {
   if (autoConnect) {
     open();
   }
-  (0, import_runtime_core43.onUnmounted)(() => {
+  (0, import_runtime_core44.onUnmounted)(() => {
     if (reconnectTimer) {
       clearTimeout(reconnectTimer);
     }
@@ -2735,12 +2997,12 @@ function useFileSystem() {
 }
 
 // src/composables/useSensors.ts
-var import_runtime_core44 = require("@vue/runtime-core");
+var import_runtime_core45 = require("@vue/runtime-core");
 function useAccelerometer(options = {}) {
-  const x = (0, import_runtime_core44.ref)(0);
-  const y = (0, import_runtime_core44.ref)(0);
-  const z = (0, import_runtime_core44.ref)(0);
-  const isAvailable = (0, import_runtime_core44.ref)(false);
+  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);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["accelerometer"]).then((result) => {
@@ -2768,16 +3030,16 @@ function useAccelerometer(options = {}) {
     NativeBridge.invokeNativeModule("Sensors", "stopAccelerometer").catch(() => {
     });
   }
-  (0, import_runtime_core44.onUnmounted)(() => {
+  (0, import_runtime_core45.onUnmounted)(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 function useGyroscope(options = {}) {
-  const x = (0, import_runtime_core44.ref)(0);
-  const y = (0, import_runtime_core44.ref)(0);
-  const z = (0, import_runtime_core44.ref)(0);
-  const isAvailable = (0, import_runtime_core44.ref)(false);
+  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);
   let running = false;
   let unsubscribe = null;
   NativeBridge.invokeNativeModule("Sensors", "isAvailable", ["gyroscope"]).then((result) => {
@@ -2805,20 +3067,20 @@ function useGyroscope(options = {}) {
     NativeBridge.invokeNativeModule("Sensors", "stopGyroscope").catch(() => {
     });
   }
-  (0, import_runtime_core44.onUnmounted)(() => {
+  (0, import_runtime_core45.onUnmounted)(() => {
     stop();
   });
   return { x, y, z, isAvailable, start, stop };
 }
 
 // src/composables/useAudio.ts
-var import_runtime_core45 = require("@vue/runtime-core");
+var import_runtime_core46 = require("@vue/runtime-core");
 function useAudio() {
-  const duration = (0, import_runtime_core45.ref)(0);
-  const position = (0, import_runtime_core45.ref)(0);
-  const isPlaying = (0, import_runtime_core45.ref)(false);
-  const isRecording = (0, import_runtime_core45.ref)(false);
-  const error = (0, import_runtime_core45.ref)(null);
+  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 unsubProgress = NativeBridge.onGlobalEvent("audio:progress", (payload) => {
     position.value = payload.currentTime ?? 0;
     duration.value = payload.duration ?? 0;
@@ -2831,7 +3093,7 @@ function useAudio() {
     error.value = payload.message ?? "Unknown audio error";
     isPlaying.value = false;
   });
-  (0, import_runtime_core45.onUnmounted)(() => {
+  (0, import_runtime_core46.onUnmounted)(() => {
     unsubProgress();
     unsubComplete();
     unsubError();
@@ -2910,9 +3172,9 @@ function useAudio() {
 }
 
 // src/composables/useDatabase.ts
-var import_runtime_core46 = require("@vue/runtime-core");
+var import_runtime_core47 = require("@vue/runtime-core");
 function useDatabase(name = "default") {
-  const isOpen = (0, import_runtime_core46.ref)(false);
+  const isOpen = (0, import_runtime_core47.ref)(false);
   let opened = false;
   async function ensureOpen() {
     if (opened) return;
@@ -2954,7 +3216,7 @@ function useDatabase(name = "default") {
     opened = false;
     isOpen.value = false;
   }
-  (0, import_runtime_core46.onUnmounted)(() => {
+  (0, import_runtime_core47.onUnmounted)(() => {
     if (opened) {
       NativeBridge.invokeNativeModule("Database", "close", [name]).catch(() => {
       });
@@ -2966,12 +3228,12 @@ function useDatabase(name = "default") {
 }
 
 // src/composables/usePerformance.ts
-var import_runtime_core47 = require("@vue/runtime-core");
+var import_runtime_core48 = require("@vue/runtime-core");
 function usePerformance() {
-  const isProfiling = (0, import_runtime_core47.ref)(false);
-  const fps = (0, import_runtime_core47.ref)(0);
-  const memoryMB = (0, import_runtime_core47.ref)(0);
-  const bridgeOps = (0, import_runtime_core47.ref)(0);
+  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);
   let unsubscribe = null;
   function handleMetrics(payload) {
     fps.value = payload.fps ?? 0;
@@ -2996,7 +3258,7 @@ function usePerformance() {
   async function getMetrics() {
     return NativeBridge.invokeNativeModule("Performance", "getMetrics", []);
   }
-  (0, import_runtime_core47.onUnmounted)(() => {
+  (0, import_runtime_core48.onUnmounted)(() => {
     if (isProfiling.value) {
       NativeBridge.invokeNativeModule("Performance", "stopProfiling", []).catch(() => {
       });
@@ -3019,10 +3281,10 @@ function usePerformance() {
 }
 
 // src/composables/useSharedElementTransition.ts
-var import_runtime_core48 = require("@vue/runtime-core");
+var import_runtime_core49 = require("@vue/runtime-core");
 var sharedElementRegistry = /* @__PURE__ */ new Map();
 function useSharedElementTransition(elementId) {
-  const viewId = (0, import_runtime_core48.ref)(null);
+  const viewId = (0, import_runtime_core49.ref)(null);
   function register(nativeViewId) {
     viewId.value = nativeViewId;
     sharedElementRegistry.set(elementId, nativeViewId);
@@ -3031,7 +3293,7 @@ function useSharedElementTransition(elementId) {
     viewId.value = null;
     sharedElementRegistry.delete(elementId);
   }
-  (0, import_runtime_core48.onUnmounted)(() => {
+  (0, import_runtime_core49.onUnmounted)(() => {
     unregister();
   });
   return {
@@ -3055,11 +3317,11 @@ function clearSharedElementRegistry() {
 }
 
 // src/composables/useIAP.ts
-var import_runtime_core49 = require("@vue/runtime-core");
+var import_runtime_core50 = require("@vue/runtime-core");
 function useIAP() {
-  const products = (0, import_runtime_core49.ref)([]);
-  const isReady = (0, import_runtime_core49.ref)(false);
-  const error = (0, import_runtime_core49.ref)(null);
+  const products = (0, import_runtime_core50.ref)([]);
+  const isReady = (0, import_runtime_core50.ref)(false);
+  const error = (0, import_runtime_core50.ref)(null);
   const cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("iap:transactionUpdate", (payload) => {
     if (payload.state === "failed" && payload.error) {
@@ -3116,7 +3378,7 @@ function useIAP() {
     cleanups.push(unsub);
     return unsub;
   }
-  (0, import_runtime_core49.onUnmounted)(() => {
+  (0, import_runtime_core50.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -3133,11 +3395,11 @@ function useIAP() {
 }
 
 // src/composables/useAppleSignIn.ts
-var import_runtime_core50 = require("@vue/runtime-core");
+var import_runtime_core51 = require("@vue/runtime-core");
 function useAppleSignIn() {
-  const user = (0, import_runtime_core50.ref)(null);
-  const isAuthenticated = (0, import_runtime_core50.ref)(false);
-  const error = (0, import_runtime_core50.ref)(null);
+  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 cleanups = [];
   const unsubscribe = NativeBridge.onGlobalEvent("auth:appleCredentialRevoked", () => {
     user.value = null;
@@ -3175,7 +3437,7 @@ function useAppleSignIn() {
       error.value = String(err);
     }
   }
-  (0, import_runtime_core50.onUnmounted)(() => {
+  (0, import_runtime_core51.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -3183,11 +3445,11 @@ function useAppleSignIn() {
 }
 
 // src/composables/useGoogleSignIn.ts
-var import_runtime_core51 = require("@vue/runtime-core");
+var import_runtime_core52 = require("@vue/runtime-core");
 function useGoogleSignIn(clientId) {
-  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_core52.ref)(null);
+  const isAuthenticated = (0, import_runtime_core52.ref)(false);
+  const error = (0, import_runtime_core52.ref)(null);
   const cleanups = [];
   NativeBridge.invokeNativeModule("SocialAuth", "getCurrentUser", ["google"]).then((result) => {
     if (result && result.userId) {
@@ -3220,7 +3482,7 @@ function useGoogleSignIn(clientId) {
       error.value = String(err);
     }
   }
-  (0, import_runtime_core51.onUnmounted)(() => {
+  (0, import_runtime_core52.onUnmounted)(() => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   });
@@ -3228,17 +3490,17 @@ function useGoogleSignIn(clientId) {
 }
 
 // src/composables/useBackgroundTask.ts
-var import_runtime_core52 = require("@vue/runtime-core");
+var import_runtime_core53 = require("@vue/runtime-core");
 function useBackgroundTask() {
   const taskHandlers = /* @__PURE__ */ new Map();
-  const defaultHandler = (0, import_runtime_core52.ref)(null);
+  const defaultHandler = (0, import_runtime_core53.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_core52.onUnmounted)(unsubscribe);
+  (0, import_runtime_core53.onUnmounted)(unsubscribe);
   function registerTask(taskId) {
     return NativeBridge.invokeNativeModule("BackgroundTask", "registerTask", [taskId]).then(() => void 0);
   }
@@ -3277,20 +3539,20 @@ function useBackgroundTask() {
 }
 
 // src/composables/useOTAUpdate.ts
-var import_runtime_core53 = require("@vue/runtime-core");
+var import_runtime_core54 = require("@vue/runtime-core");
 function useOTAUpdate(serverUrl) {
-  const currentVersion = (0, import_runtime_core53.ref)("embedded");
-  const availableVersion = (0, import_runtime_core53.ref)(null);
-  const downloadProgress = (0, import_runtime_core53.ref)(0);
-  const isChecking = (0, import_runtime_core53.ref)(false);
-  const isDownloading = (0, import_runtime_core53.ref)(false);
-  const status = (0, import_runtime_core53.ref)("idle");
-  const error = (0, import_runtime_core53.ref)(null);
+  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);
   let lastUpdateInfo = null;
   const unsubscribe = NativeBridge.onGlobalEvent("ota:downloadProgress", (payload) => {
     downloadProgress.value = payload.progress;
   });
-  (0, import_runtime_core53.onUnmounted)(unsubscribe);
+  (0, import_runtime_core54.onUnmounted)(unsubscribe);
   NativeBridge.invokeNativeModule("OTA", "getCurrentVersion", []).then((info) => {
     currentVersion.value = info.version;
   }).catch(() => {
@@ -3402,13 +3664,13 @@ function useOTAUpdate(serverUrl) {
 }
 
 // src/composables/useBluetooth.ts
-var import_runtime_core54 = require("@vue/runtime-core");
+var import_runtime_core55 = require("@vue/runtime-core");
 function useBluetooth() {
-  const devices = (0, import_runtime_core54.ref)([]);
-  const connectedDevice = (0, import_runtime_core54.ref)(null);
-  const isScanning = (0, import_runtime_core54.ref)(false);
-  const isAvailable = (0, import_runtime_core54.ref)(false);
-  const error = (0, import_runtime_core54.ref)(null);
+  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 cleanups = [];
   NativeBridge.invokeNativeModule("Bluetooth", "getState").then((state) => {
     isAvailable.value = state === "poweredOn";
@@ -3487,7 +3749,7 @@ function useBluetooth() {
       ]);
     };
   }
-  (0, import_runtime_core54.onUnmounted)(() => {
+  (0, import_runtime_core55.onUnmounted)(() => {
     if (isScanning.value) {
       NativeBridge.invokeNativeModule("Bluetooth", "stopScan").catch(() => {
       });
@@ -3512,10 +3774,10 @@ function useBluetooth() {
 }
 
 // src/composables/useCalendar.ts
-var import_runtime_core55 = require("@vue/runtime-core");
+var import_runtime_core56 = require("@vue/runtime-core");
 function useCalendar() {
-  const hasAccess = (0, import_runtime_core55.ref)(false);
-  const error = (0, import_runtime_core55.ref)(null);
+  const hasAccess = (0, import_runtime_core56.ref)(false);
+  const error = (0, import_runtime_core56.ref)(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Calendar", "requestAccess");
@@ -3548,10 +3810,10 @@ function useCalendar() {
 }
 
 // src/composables/useContacts.ts
-var import_runtime_core56 = require("@vue/runtime-core");
+var import_runtime_core57 = require("@vue/runtime-core");
 function useContacts() {
-  const hasAccess = (0, import_runtime_core56.ref)(false);
-  const error = (0, import_runtime_core56.ref)(null);
+  const hasAccess = (0, import_runtime_core57.ref)(false);
+  const error = (0, import_runtime_core57.ref)(null);
   async function requestAccess() {
     try {
       const result = await NativeBridge.invokeNativeModule("Contacts", "requestAccess");
@@ -3577,6 +3839,52 @@ function useContacts() {
   return { requestAccess, getContacts, getContact, createContact, deleteContact, hasAccess, error };
 }
 
+// src/theme.ts
+var import_runtime_core58 = require("@vue/runtime-core");
+function createTheme(definition) {
+  const key = /* @__PURE__ */ Symbol("vue-native-theme");
+  const ThemeProvider = (0, import_runtime_core58.defineComponent)({
+    name: "ThemeProvider",
+    props: {
+      initialColorScheme: {
+        type: String,
+        default: "light"
+      }
+    },
+    setup(props, { slots }) {
+      const colorScheme = (0, import_runtime_core58.ref)(props.initialColorScheme);
+      const theme = (0, import_runtime_core58.computed)(() => {
+        return colorScheme.value === "dark" ? definition.dark : definition.light;
+      });
+      const ctx = {
+        theme,
+        colorScheme,
+        toggleColorScheme: () => {
+          colorScheme.value = colorScheme.value === "light" ? "dark" : "light";
+        },
+        setColorScheme: (scheme) => {
+          colorScheme.value = scheme;
+        }
+      };
+      (0, import_runtime_core58.provide)(key, ctx);
+      return () => slots.default?.();
+    }
+  });
+  function useTheme() {
+    const ctx = (0, import_runtime_core58.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."
+      );
+    }
+    return ctx;
+  }
+  return { ThemeProvider, useTheme };
+}
+function createDynamicStyleSheet(theme, factory) {
+  return (0, import_runtime_core58.computed)(() => createStyleSheet(factory(theme.value)));
+}
+
 // src/index.ts
 function createApp(rootComponent, rootProps) {
   const app = baseCreateApp(rootComponent, rootProps);
@@ -3607,6 +3915,7 @@ function createApp(rootComponent, rootProps) {
   app.component("VRadio", VRadio);
   app.component("VDropdown", VDropdown);
   app.component("VVideo", VVideo);
+  app.component("VFlatList", VFlatList);
   app.component("ErrorBoundary", ErrorBoundary);
   app.component("VErrorBoundary", ErrorBoundary);
   app.directive("show", vShow);
@@ -3635,7 +3944,7 @@ function createApp(rootComponent, rootProps) {
     const root = createNativeNode("__ROOT__");
     NativeBridge.createNode(root.id, "__ROOT__");
     NativeBridge.setRootView(root.id);
-    const vnode = (0, import_runtime_core57.createVNode)(rootComponent, rootProps);
+    const vnode = (0, import_runtime_core59.createVNode)(rootComponent, rootProps);
     vnode.appContext = app._context;
     render(vnode, root);
     return root;
@@ -3652,6 +3961,7 @@ function createApp(rootComponent, rootProps) {
   VButton,
   VCheckbox,
   VDropdown,
+  VFlatList,
   VImage,
   VInput,
   VKeyboardAvoiding,
@@ -3676,9 +3986,11 @@ function createApp(rootComponent, rootProps) {
   clearSharedElementRegistry,
   createApp,
   createCommentNode,
+  createDynamicStyleSheet,
   createNativeNode,
   createStyleSheet,
   createTextNode,
+  createTheme,
   getRegisteredSharedElements,
   getSharedElementViewId,
   measureViewFrame,