@thelacanians/vue-native-runtime 0.1.0 → 0.2.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as _vue_runtime_core from '@vue/runtime-core';
-import { Directive, App, Component } from '@vue/runtime-core';
+import { PropType, Directive, App, Component } from '@vue/runtime-core';
 export * from '@vue/runtime-core';
 import * as _vue_reactivity from '@vue/reactivity';
 
@@ -34,13 +34,148 @@ declare function createTextNode(text: string): NativeNode;
  * Comments are no-ops on the native side — they exist only so Vue
  * can track insertion points for conditional/list rendering.
  */
-declare function createCommentNode(text: string): NativeNode;
+declare function createCommentNode(_text: string): NativeNode;
 
 /**
  * The Vue 3 custom renderer instance for native iOS views.
  */
 declare const render: _vue_runtime_core.RootRenderFunction<NativeNode>;
 
+/**
+ * Style type definitions for Vue Native components.
+ *
+ * These interfaces provide TypeScript autocompletion and validation for
+ * style objects passed to createStyleSheet() and component style props.
+ */
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type AlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
+type Position = 'relative' | 'absolute';
+type Display = 'flex' | 'none';
+type Overflow = 'visible' | 'hidden' | 'scroll';
+type Direction = 'inherit' | 'ltr' | 'rtl';
+type BorderStyle = 'solid' | 'dotted' | 'dashed';
+type TextAlign = 'auto' | 'left' | 'right' | 'center' | 'justify';
+type TextDecorationLine = 'none' | 'underline' | 'line-through' | 'underline line-through';
+type TextDecorationStyle = 'solid' | 'double' | 'dotted' | 'dashed';
+type TextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+type FontStyle = 'normal' | 'italic';
+type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+type ResizeMode = 'cover' | 'contain' | 'stretch' | 'center';
+type ImportantForAccessibility = 'auto' | 'yes' | 'no' | 'no-hide-descendants';
+interface ShadowOffset {
+    width: number;
+    height: number;
+}
+interface TransformValue {
+    translateX?: number;
+    translateY?: number;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+    rotate?: string;
+    rotateX?: string;
+    rotateY?: string;
+    rotateZ?: string;
+}
+interface ViewStyle {
+    flex?: number;
+    flexDirection?: FlexDirection;
+    flexWrap?: FlexWrap;
+    flexGrow?: number;
+    flexShrink?: number;
+    flexBasis?: number | string;
+    justifyContent?: JustifyContent;
+    alignItems?: AlignItems;
+    alignSelf?: AlignSelf;
+    alignContent?: AlignContent;
+    position?: Position;
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    width?: number | string;
+    height?: number | string;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    margin?: number | string;
+    marginTop?: number | string;
+    marginRight?: number | string;
+    marginBottom?: number | string;
+    marginLeft?: number | string;
+    marginHorizontal?: number | string;
+    marginVertical?: number | string;
+    padding?: number | string;
+    paddingTop?: number | string;
+    paddingRight?: number | string;
+    paddingBottom?: number | string;
+    paddingLeft?: number | string;
+    paddingHorizontal?: number | string;
+    paddingVertical?: number | string;
+    gap?: number;
+    rowGap?: number;
+    columnGap?: number;
+    direction?: Direction;
+    display?: Display;
+    overflow?: Overflow;
+    zIndex?: number;
+    aspectRatio?: number;
+    backgroundColor?: string;
+    opacity?: number;
+    borderWidth?: number;
+    borderTopWidth?: number;
+    borderRightWidth?: number;
+    borderBottomWidth?: number;
+    borderLeftWidth?: number;
+    borderColor?: string;
+    borderTopColor?: string;
+    borderRightColor?: string;
+    borderBottomColor?: string;
+    borderLeftColor?: string;
+    borderRadius?: number;
+    borderTopLeftRadius?: number;
+    borderTopRightRadius?: number;
+    borderBottomLeftRadius?: number;
+    borderBottomRightRadius?: number;
+    borderStyle?: BorderStyle;
+    shadowColor?: string;
+    shadowOffset?: ShadowOffset;
+    shadowOpacity?: number;
+    shadowRadius?: number;
+    transform?: TransformValue[];
+    accessibilityLabel?: string;
+    accessibilityRole?: string;
+    accessibilityHint?: string;
+    accessibilityState?: Record<string, any>;
+    accessibilityValue?: Record<string, any>;
+    accessible?: boolean;
+    importantForAccessibility?: ImportantForAccessibility;
+}
+interface TextStyle extends ViewStyle {
+    color?: string;
+    fontSize?: number;
+    fontWeight?: FontWeight;
+    fontFamily?: string;
+    fontStyle?: FontStyle;
+    lineHeight?: number;
+    letterSpacing?: number;
+    textAlign?: TextAlign;
+    textDecorationLine?: TextDecorationLine;
+    textDecorationStyle?: TextDecorationStyle;
+    textDecorationColor?: string;
+    textTransform?: TextTransform;
+    includeFontPadding?: boolean;
+}
+interface ImageStyle extends ViewStyle {
+    resizeMode?: ResizeMode;
+    tintColor?: string;
+}
+
 /**
  * StyleSheet utility for Vue Native.
  *
@@ -56,6 +191,8 @@ declare const render: _vue_runtime_core.RootRenderFunction<NativeNode>;
 declare const validStyleProperties: ReadonlySet<string>;
 /**
  * A single style declaration — a flat object of style properties.
+ * Can be a ViewStyle, TextStyle, or ImageStyle from the typed interfaces,
+ * or a plain record for backwards compatibility.
  */
 type StyleProp = Record<string, any>;
 /**
@@ -65,6 +202,9 @@ type StyleProp = Record<string, any>;
 type StyleSheet<T extends Record<string, StyleProp>> = Readonly<{
     [K in keyof T]: Readonly<T[K]>;
 }>;
+
+/** Union of all valid style types for createStyleSheet values */
+type AnyStyle = ViewStyle | TextStyle | ImageStyle;
 /**
  * Create a style sheet object. This is the recommended way to define styles
  * for Vue Native components.
@@ -93,6 +233,233 @@ type StyleSheet<T extends Record<string, StyleProp>> = Readonly<{
  */
 declare function createStyleSheet<T extends Record<string, StyleProp>>(styles: T): StyleSheet<T>;
 
+/**
+ * TypeScript prop interfaces for Vue Native components.
+ *
+ * These interfaces describe the props accepted by each built-in component.
+ * They can be used for documentation, type-checking render functions,
+ * or building abstractions on top of the built-in components.
+ */
+
+interface AccessibilityProps {
+    accessibilityLabel?: string;
+    accessibilityRole?: string;
+    accessibilityHint?: string;
+    accessibilityState?: Record<string, any>;
+}
+interface VViewProps extends AccessibilityProps {
+    style?: ViewStyle;
+    testID?: string;
+}
+interface VTextProps extends AccessibilityProps {
+    style?: TextStyle;
+    numberOfLines?: number;
+    selectable?: boolean;
+}
+interface VButtonProps extends AccessibilityProps {
+    style?: ViewStyle;
+    disabled?: boolean;
+    activeOpacity?: number;
+    onPress?: () => void;
+    onLongPress?: () => void;
+}
+interface VInputProps extends AccessibilityProps {
+    modelValue?: string;
+    placeholder?: string;
+    secureTextEntry?: boolean;
+    keyboardType?: 'default' | 'numeric' | 'email-address' | 'phone-pad' | 'number-pad' | 'decimal-pad' | 'url';
+    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send';
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    autoCorrect?: boolean;
+    maxLength?: number;
+    multiline?: boolean;
+    style?: TextStyle;
+}
+interface VSwitchProps extends AccessibilityProps {
+    modelValue?: boolean;
+    disabled?: boolean;
+    onTintColor?: string;
+    thumbTintColor?: string;
+    style?: ViewStyle;
+}
+interface VImageProps extends AccessibilityProps {
+    source: {
+        uri: string;
+    };
+    resizeMode?: ResizeMode;
+    style?: ImageStyle;
+    testID?: string;
+}
+interface VScrollViewProps extends AccessibilityProps {
+    horizontal?: boolean;
+    showsVerticalScrollIndicator?: boolean;
+    showsHorizontalScrollIndicator?: boolean;
+    scrollEnabled?: boolean;
+    bounces?: boolean;
+    pagingEnabled?: boolean;
+    contentContainerStyle?: ViewStyle;
+    refreshing?: boolean;
+    style?: ViewStyle;
+}
+interface VActivityIndicatorProps {
+    animating?: boolean;
+    color?: string;
+    size?: 'small' | 'medium' | 'large';
+    hidesWhenStopped?: boolean;
+    style?: ViewStyle;
+}
+interface VSliderProps extends AccessibilityProps {
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    style?: ViewStyle;
+}
+interface VListProps {
+    data: any[];
+    keyExtractor?: (item: any, index: number) => string;
+    estimatedItemHeight?: number;
+    showsScrollIndicator?: boolean;
+    bounces?: boolean;
+    horizontal?: boolean;
+    style?: ViewStyle;
+}
+interface VModalProps {
+    visible?: boolean;
+    style?: ViewStyle;
+}
+interface VAlertDialogProps {
+    visible?: boolean;
+    title?: string;
+    message?: string;
+    buttons?: Array<{
+        label: string;
+        style?: 'default' | 'cancel' | 'destructive';
+    }>;
+}
+interface VStatusBarProps {
+    barStyle?: 'default' | 'light-content' | 'dark-content';
+    hidden?: boolean;
+    animated?: boolean;
+}
+interface VWebViewProps {
+    source: {
+        uri?: string;
+        html?: string;
+    };
+    style?: ViewStyle;
+    javaScriptEnabled?: boolean;
+}
+interface VProgressBarProps {
+    progress?: number;
+    progressTintColor?: string;
+    trackTintColor?: string;
+    animated?: boolean;
+    style?: ViewStyle;
+}
+interface VPickerProps {
+    mode?: 'date' | 'time' | 'datetime';
+    value?: number;
+    minimumDate?: number;
+    maximumDate?: number;
+    minuteInterval?: number;
+    style?: ViewStyle;
+}
+interface VSegmentedControlProps {
+    values: string[];
+    selectedIndex?: number;
+    tintColor?: string;
+    enabled?: boolean;
+    style?: ViewStyle;
+}
+interface VActionSheetProps {
+    visible?: boolean;
+    title?: string;
+    message?: string;
+    actions?: Array<{
+        label: string;
+        style?: 'default' | 'cancel' | 'destructive';
+    }>;
+}
+interface VKeyboardAvoidingProps {
+    style?: ViewStyle;
+    testID?: string;
+}
+interface VSafeAreaProps {
+    style?: ViewStyle;
+}
+interface VRefreshControlProps {
+    refreshing?: boolean;
+    onRefresh?: () => void;
+    tintColor?: string;
+    title?: string;
+    style?: ViewStyle;
+}
+interface VPressableProps extends AccessibilityProps {
+    style?: ViewStyle;
+    disabled?: boolean;
+    activeOpacity?: number;
+    onPress?: () => void;
+    onPressIn?: () => void;
+    onPressOut?: () => void;
+    onLongPress?: () => void;
+}
+interface VCheckboxProps extends AccessibilityProps {
+    modelValue?: boolean;
+    disabled?: boolean;
+    label?: string;
+    checkColor?: string;
+    tintColor?: string;
+    style?: ViewStyle;
+}
+interface VRadioProps extends AccessibilityProps {
+    modelValue?: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    disabled?: boolean;
+    tintColor?: string;
+    style?: ViewStyle;
+}
+interface VDropdownProps extends AccessibilityProps {
+    modelValue?: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    placeholder?: string;
+    disabled?: boolean;
+    tintColor?: string;
+    style?: ViewStyle;
+}
+interface VVideoProps extends AccessibilityProps {
+    source: {
+        uri: string;
+    };
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    paused?: boolean;
+    controls?: boolean;
+    volume?: number;
+    resizeMode?: 'cover' | 'contain' | 'stretch' | 'center';
+    poster?: string;
+    style?: ViewStyle;
+    testID?: string;
+}
+interface VSectionListProps {
+    sections: Array<{
+        title: string;
+        data: any[];
+    }>;
+    keyExtractor?: (item: any, index: number) => string;
+    estimatedItemHeight?: number;
+    stickySectionHeaders?: boolean;
+    showsScrollIndicator?: boolean;
+    bounces?: boolean;
+    style?: ViewStyle;
+}
+
 /**
  * VView — the fundamental container component in Vue Native.
  *
@@ -107,15 +474,21 @@ declare function createStyleSheet<T extends Record<string, StyleProp>>(styles: T
  * ```
  */
 declare const VView: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
     testID: StringConstructor;
     accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
     testID: StringConstructor;
     accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -135,23 +508,29 @@ declare const VView: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extract
  * ```
  */
 declare const VText: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<TextStyle>;
     numberOfLines: NumberConstructor;
     selectable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    accessibilityLabel: StringConstructor;
     accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<TextStyle>;
     numberOfLines: NumberConstructor;
     selectable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    accessibilityLabel: StringConstructor;
     accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{}>, {
     selectable: boolean;
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
@@ -175,7 +554,7 @@ declare const VText: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extract
  * ```
  */
 declare const VButton: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -184,12 +563,16 @@ declare const VButton: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
         type: NumberConstructor;
         default: number;
     };
-    onPress: FunctionConstructor;
-    onLongPress: FunctionConstructor;
+    onPress: PropType<() => void>;
+    onLongPress: PropType<() => void>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -198,8 +581,12 @@ declare const VButton: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
         type: NumberConstructor;
         default: number;
     };
-    onPress: FunctionConstructor;
-    onLongPress: FunctionConstructor;
+    onPress: PropType<() => void>;
+    onLongPress: PropType<() => void>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{}>, {
     disabled: boolean;
     activeOpacity: number;
@@ -257,7 +644,11 @@ declare const VInput: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
         type: BooleanConstructor;
         default: boolean;
     };
-    style: ObjectConstructor;
+    style: PropType<TextStyle>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "submit")[], "update:modelValue" | "focus" | "blur" | "submit", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -291,7 +682,11 @@ declare const VInput: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
         type: BooleanConstructor;
         default: boolean;
     };
-    style: ObjectConstructor;
+    style: PropType<TextStyle>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -328,7 +723,11 @@ declare const VSwitch: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
     };
     onTintColor: StringConstructor;
     thumbTintColor: StringConstructor;
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -342,7 +741,11 @@ declare const VSwitch: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
     };
     onTintColor: StringConstructor;
     thumbTintColor: StringConstructor;
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -376,7 +779,7 @@ declare const VActivityIndicator: _vue_runtime_core.DefineComponent<_vue_runtime
         type: BooleanConstructor;
         default: boolean;
     };
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -393,7 +796,7 @@ declare const VActivityIndicator: _vue_runtime_core.DefineComponent<_vue_runtime
         type: BooleanConstructor;
         default: boolean;
     };
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
 }>> & Readonly<{}>, {
     size: string;
     animating: boolean;
@@ -441,13 +844,17 @@ declare const VScrollView: _vue_runtime_core.DefineComponent<_vue_runtime_core.E
         type: BooleanConstructor;
         default: boolean;
     };
-    contentContainerStyle: ObjectConstructor;
+    contentContainerStyle: PropType<ViewStyle>;
     /** Whether the pull-to-refresh indicator is active */
     refreshing: {
         type: BooleanConstructor;
         default: boolean;
     };
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("scroll" | "refresh")[], "scroll" | "refresh", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -475,13 +882,17 @@ declare const VScrollView: _vue_runtime_core.DefineComponent<_vue_runtime_core.E
         type: BooleanConstructor;
         default: boolean;
     };
-    contentContainerStyle: ObjectConstructor;
+    contentContainerStyle: PropType<ViewStyle>;
     /** Whether the pull-to-refresh indicator is active */
     refreshing: {
         type: BooleanConstructor;
         default: boolean;
     };
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
@@ -520,9 +931,12 @@ declare const VImage: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
         type: () => "cover" | "contain" | "stretch" | "center";
         default: string;
     };
-    style: ObjectConstructor;
+    style: PropType<ImageStyle>;
     testID: StringConstructor;
     accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("load" | "error")[], "load" | "error", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -533,9 +947,12 @@ declare const VImage: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
         type: () => "cover" | "contain" | "stretch" | "center";
         default: string;
     };
-    style: ObjectConstructor;
+    style: PropType<ImageStyle>;
     testID: StringConstructor;
     accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
@@ -558,29 +975,29 @@ declare const VImage: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
  * ```
  */
 declare const VKeyboardAvoiding: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
     testID: StringConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
-    style: ObjectConstructor;
+    style: PropType<ViewStyle>;
     testID: StringConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 declare const VSafeArea: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    style: Record<string, any>;
+    style: ViewStyle;
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 declare const VSlider: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
@@ -597,9 +1014,13 @@ declare const VSlider: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
         default: number;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
@@ -616,14 +1037,18 @@ declare const VSlider: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
         default: number;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     modelValue: number;
     min: number;
     max: number;
@@ -681,7 +1106,7 @@ declare const VList: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extract
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
@@ -718,14 +1143,14 @@ declare const VList: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extract
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onEndReached?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     horizontal: boolean;
     bounces: boolean;
     keyExtractor: (item: any, index: number) => string;
@@ -748,7 +1173,7 @@ declare const VModal: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
@@ -759,13 +1184,13 @@ declare const VModal: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extrac
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>> & Readonly<{
     onDismiss?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     visible: boolean;
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
@@ -890,7 +1315,7 @@ declare const VWebView: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extr
         required: true;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
     javaScriptEnabled: {
@@ -905,7 +1330,7 @@ declare const VWebView: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extr
         required: true;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
     javaScriptEnabled: {
@@ -917,7 +1342,7 @@ declare const VWebView: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extr
     onError?: ((...args: any[]) => any) | undefined;
     onMessage?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     javaScriptEnabled: boolean;
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
@@ -945,7 +1370,7 @@ declare const VProgressBar: _vue_runtime_core.DefineComponent<_vue_runtime_core.
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
@@ -968,11 +1393,11 @@ declare const VProgressBar: _vue_runtime_core.DefineComponent<_vue_runtime_core.
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     animated: boolean;
     progress: number;
     progressTintColor: string;
@@ -1007,7 +1432,7 @@ declare const VPicker: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
         default: number;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
@@ -1034,13 +1459,13 @@ declare const VPicker: _vue_runtime_core.DefineComponent<_vue_runtime_core.Extra
         default: number;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     mode: "date" | "time" | "datetime";
     value: number;
     minimumDate: number;
@@ -1076,7 +1501,7 @@ declare const VSegmentedControl: _vue_runtime_core.DefineComponent<_vue_runtime_
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
@@ -1099,13 +1524,13 @@ declare const VSegmentedControl: _vue_runtime_core.DefineComponent<_vue_runtime_
         default: boolean;
     };
     style: {
-        type: ObjectConstructor;
+        type: PropType<ViewStyle>;
         default: () => {};
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    style: Record<string, any>;
+    style: ViewStyle;
     selectedIndex: number;
     tintColor: string;
     enabled: boolean;
@@ -1178,100 +1603,650 @@ declare const VActionSheet: _vue_runtime_core.DefineComponent<_vue_runtime_core.
 }, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 /**
- * v-show directive for Vue Native.
- * Maps to the 'hidden' prop on native views (view.isHidden in Swift).
- */
-declare const vShow: Directive<NativeNode>;
-
-/**
- * Haptic feedback composable.
- *
- * Wraps the native Haptics module to provide tactile feedback.
+ * VRefreshControl — a pull-to-refresh indicator component.
  *
- * @example
- * ```ts
- * const { vibrate, selectionChanged } = useHaptics()
- * vibrate('medium')
- * ```
- */
-declare function useHaptics(): {
-    vibrate: (style?: "light" | "medium" | "heavy" | "rigid" | "soft") => Promise<void>;
-    notificationFeedback: (type?: "success" | "warning" | "error") => Promise<void>;
-    selectionChanged: () => Promise<void>;
-};
-
-/**
- * Async key-value storage composable backed by UserDefaults.
+ * Designed to be used as a child of VScrollView or VList. When the user
+ * pulls down past the scroll boundary, the onRefresh callback fires.
+ * Set the refreshing prop to true while loading data, then false when done.
  *
- * All operations are Promise-based and run on a background thread.
+ * On iOS this attaches a UIRefreshControl to the parent UIScrollView.
+ * On Android this configures the parent SwipeRefreshLayout.
  *
  * @example
- * ```ts
- * const storage = useAsyncStorage()
- * await storage.setItem('theme', 'dark')
- * const theme = await storage.getItem('theme')
+ * ```vue
+ * <VScrollView :style="{ flex: 1 }">
+ *   <VRefreshControl
+ *     :refreshing="isLoading"
+ *     :onRefresh="handleRefresh"
+ *     tintColor="#007AFF"
+ *   />
+ *   <VText>Content here</VText>
+ * </VScrollView>
  * ```
  */
-declare function useAsyncStorage(): {
-    getItem: (key: string) => Promise<string | null>;
-    setItem: (key: string, value: string) => Promise<void>;
-    removeItem: (key: string) => Promise<void>;
-    getAllKeys: () => Promise<string[]>;
-    clear: () => Promise<void>;
-};
+declare const VRefreshControl: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    refreshing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onRefresh: PropType<() => void>;
+    tintColor: StringConstructor;
+    title: StringConstructor;
+    style: PropType<ViewStyle>;
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    refreshing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onRefresh: PropType<() => void>;
+    tintColor: StringConstructor;
+    title: StringConstructor;
+    style: PropType<ViewStyle>;
+}>> & Readonly<{}>, {
+    refreshing: boolean;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 /**
- * Clipboard composable providing read/write access to UIPasteboard.
- *
- * `content` is a reactive ref that updates when `paste()` is called.
+ * VPressable — a generic pressable container component.
  *
- * @example
- * ```ts
- * const { copy, paste, content } = useClipboard()
- * await copy('Hello, World!')
- * const text = await paste()
- * ```
- */
-declare function useClipboard(): {
-    copy: (text: string) => Promise<void>;
-    paste: () => Promise<string>;
-    content: _vue_reactivity.Ref<string, string>;
-};
-
-/**
- * Device information composable.
+ * Like VButton but without any default styling or built-in text label.
+ * Wraps any children in a touchable container with configurable press
+ * feedback. Supports press, long press, pressIn, and pressOut events.
  *
- * Fetches device info once on mount and exposes reactive refs.
+ * On iOS this maps to a TouchableView (custom UIView) with opacity animation.
+ * On Android this maps to a TouchableView (FlexboxLayout subclass).
  *
  * @example
- * ```ts
- * const { model, screenWidth, screenHeight } = useDeviceInfo()
+ * ```vue
+ * <VPressable
+ *   :style="{ padding: 16 }"
+ *   :onPress="handlePress"
+ *   :onLongPress="handleLongPress"
+ *   :activeOpacity="0.6"
+ * >
+ *   <VView :style="{ flexDirection: 'row', alignItems: 'center' }">
+ *     <VImage :source="{ uri: icon }" :style="{ width: 24, height: 24 }" />
+ *     <VText :style="{ marginLeft: 8 }">Press me</VText>
+ *   </VView>
+ * </VPressable>
  * ```
  */
-declare function useDeviceInfo(): {
-    model: _vue_reactivity.Ref<string, string>;
-    systemVersion: _vue_reactivity.Ref<string, string>;
-    systemName: _vue_reactivity.Ref<string, string>;
-    name: _vue_reactivity.Ref<string, string>;
-    screenWidth: _vue_reactivity.Ref<number, number>;
-    screenHeight: _vue_reactivity.Ref<number, number>;
-    scale: _vue_reactivity.Ref<number, number>;
-    isLoaded: _vue_reactivity.Ref<boolean, boolean>;
-    fetchInfo: () => Promise<void>;
-};
+declare const VPressable: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    style: PropType<ViewStyle>;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onPress: PropType<() => void>;
+    onPressIn: PropType<() => void>;
+    onPressOut: PropType<() => void>;
+    onLongPress: PropType<() => void>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    style: PropType<ViewStyle>;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeOpacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onPress: PropType<() => void>;
+    onPressIn: PropType<() => void>;
+    onPressOut: PropType<() => void>;
+    onLongPress: PropType<() => void>;
+    accessibilityLabel: StringConstructor;
+    accessibilityRole: StringConstructor;
+    accessibilityHint: StringConstructor;
+    accessibilityState: ObjectConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    activeOpacity: number;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
 
 /**
- * Keyboard state composable.
+ * VSectionList — A sectioned list component backed by UITableView with sections on iOS.
  *
- * Provides reactive keyboard visibility state and a dismiss function.
- * The `isVisible` and `height` refs are updated by native keyboard events
- * dispatched through a special keyboard node.
+ * Renders grouped data with section headers. Each section has a title and
+ * an array of data items rendered via the #item slot.
  *
  * @example
- * ```ts
- * const { isVisible, height, dismiss } = useKeyboard()
- * ```
- */
+ * <VSectionList
+ *   :sections="[
+ *     { title: 'Fruits', data: ['Apple', 'Banana'] },
+ *     { title: 'Vegetables', data: ['Carrot', 'Pea'] },
+ *   ]"
+ *   :estimatedItemHeight="48"
+ *   :style="{ flex: 1 }"
+ * >
+ *   <template #sectionHeader="{ section }">
+ *     <VText :style="{ fontWeight: 'bold', padding: 8 }">{{ section.title }}</VText>
+ *   </template>
+ *   <template #item="{ item, index, section }">
+ *     <VText :style="{ padding: 12 }">{{ item }}</VText>
+ *   </template>
+ * </VSectionList>
+ */
+interface Section {
+    title: string;
+    data: any[];
+}
+declare const VSectionList: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    /** Array of section objects, each with a title and data array */
+    sections: {
+        type: () => Section[];
+        required: true;
+    };
+    /** Extract a unique key from each item. Defaults to index as string. */
+    keyExtractor: {
+        type: () => (item: any, index: number) => string;
+        default: (_item: any, index: number) => string;
+    };
+    /** Estimated height per row in points. Default: 44 */
+    estimatedItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Whether section headers stick to the top when scrolling. Default: true */
+    stickySectionHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show vertical scroll indicator. Default: true */
+    showsScrollIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Enable bounce at scroll boundaries. Default: true */
+    bounces: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("scroll" | "endReached")[], "scroll" | "endReached", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    /** Array of section objects, each with a title and data array */
+    sections: {
+        type: () => Section[];
+        required: true;
+    };
+    /** Extract a unique key from each item. Defaults to index as string. */
+    keyExtractor: {
+        type: () => (item: any, index: number) => string;
+        default: (_item: any, index: number) => string;
+    };
+    /** Estimated height per row in points. Default: 44 */
+    estimatedItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Whether section headers stick to the top when scrolling. Default: true */
+    stickySectionHeaders: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Show vertical scroll indicator. Default: true */
+    showsScrollIndicator: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Enable bounce at scroll boundaries. Default: true */
+    bounces: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onEndReached?: ((...args: any[]) => any) | undefined;
+}>, {
+    style: Record<string, any>;
+    bounces: boolean;
+    keyExtractor: (item: any, index: number) => string;
+    estimatedItemHeight: number;
+    showsScrollIndicator: boolean;
+    stickySectionHeaders: boolean;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * VCheckbox — a boolean checkbox component with optional label.
+ *
+ * Maps to a custom checkbox view on iOS, CheckBox on Android.
+ * Supports v-model for two-way binding.
+ *
+ * @example
+ * ```vue
+ * <VCheckbox v-model="accepted" label="I accept the terms" />
+ * ```
+ */
+declare const VCheckbox: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    checkColor: StringConstructor;
+    tintColor: StringConstructor;
+    style: ObjectConstructor;
+    accessibilityLabel: StringConstructor;
+    accessibilityHint: StringConstructor;
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    checkColor: StringConstructor;
+    tintColor: StringConstructor;
+    style: ObjectConstructor;
+    accessibilityLabel: StringConstructor;
+    accessibilityHint: StringConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: boolean;
+    label: string;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
+
+interface RadioOption {
+    label: string;
+    value: string;
+}
+/**
+ * VRadio — a radio button group component.
+ *
+ * Maps to a custom UIStackView with radio circles on iOS,
+ * RadioGroup + RadioButton on Android.
+ *
+ * @example
+ * ```vue
+ * <VRadio
+ *   v-model="size"
+ *   :options="[
+ *     { label: 'Small', value: 'sm' },
+ *     { label: 'Medium', value: 'md' },
+ *     { label: 'Large', value: 'lg' },
+ *   ]"
+ * />
+ * ```
+ */
+declare const VRadio: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<RadioOption[]>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tintColor: StringConstructor;
+    style: ObjectConstructor;
+    accessibilityLabel: StringConstructor;
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<RadioOption[]>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tintColor: StringConstructor;
+    style: ObjectConstructor;
+    accessibilityLabel: StringConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: string;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
+
+interface DropdownOption {
+    label: string;
+    value: string;
+}
+/**
+ * VDropdown — a dropdown/picker selection component.
+ *
+ * Maps to UIMenu (iOS 14+) or UIPickerView on iOS, Spinner on Android.
+ *
+ * @example
+ * ```vue
+ * <VDropdown
+ *   v-model="country"
+ *   placeholder="Select country"
+ *   :options="[
+ *     { label: 'United States', value: 'us' },
+ *     { label: 'Canada', value: 'ca' },
+ *     { label: 'Mexico', value: 'mx' },
+ *   ]"
+ * />
+ * ```
+ */
+declare const VDropdown: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<DropdownOption[]>;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tintColor: StringConstructor;
+    style: ObjectConstructor;
+    accessibilityLabel: StringConstructor;
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    options: {
+        type: PropType<DropdownOption[]>;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tintColor: StringConstructor;
+    style: ObjectConstructor;
+    accessibilityLabel: StringConstructor;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * VVideo — the video playback component in Vue Native.
+ *
+ * Maps to AVPlayer on iOS and MediaPlayer on Android.
+ * Supports inline video playback with progress reporting.
+ *
+ * @example
+ * ```vue
+ * <VVideo
+ *   :source="{ uri: 'https://example.com/video.mp4' }"
+ *   :autoplay="true"
+ *   :loop="false"
+ *   :muted="false"
+ *   resizeMode="cover"
+ *   :style="{ width: '100%', height: 200 }"
+ *   @ready="onReady"
+ *   @progress="onProgress"
+ *   @end="onEnd"
+ * />
+ * ```
+ */
+declare const VVideo: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    source: () => {
+        uri: string;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    muted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    volume: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resizeMode: {
+        type: () => "cover" | "contain" | "stretch" | "center";
+        default: string;
+    };
+    poster: StringConstructor;
+    style: PropType<ViewStyle>;
+    testID: StringConstructor;
+    accessibilityLabel: StringConstructor;
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, ("error" | "progress" | "ready" | "play" | "pause" | "end")[], "error" | "progress" | "ready" | "play" | "pause" | "end", _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    source: () => {
+        uri: string;
+    };
+    autoplay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    muted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    paused: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    volume: {
+        type: NumberConstructor;
+        default: number;
+    };
+    resizeMode: {
+        type: () => "cover" | "contain" | "stretch" | "center";
+        default: string;
+    };
+    poster: StringConstructor;
+    style: PropType<ViewStyle>;
+    testID: StringConstructor;
+    accessibilityLabel: StringConstructor;
+}>> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+    onProgress?: ((...args: any[]) => any) | undefined;
+    onReady?: ((...args: any[]) => any) | undefined;
+    onPlay?: ((...args: any[]) => any) | undefined;
+    onPause?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+}>, {
+    resizeMode: "cover" | "contain" | "stretch" | "center";
+    autoplay: boolean;
+    loop: boolean;
+    muted: boolean;
+    paused: boolean;
+    controls: boolean;
+    volume: number;
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
+
+declare const ErrorBoundary: _vue_runtime_core.DefineComponent<_vue_runtime_core.ExtractPropTypes<{
+    onError: PropType<(error: Error, info: string) => void>;
+    resetKeys: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+}>, () => _vue_runtime_core.VNode<_vue_runtime_core.RendererNode, _vue_runtime_core.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, _vue_runtime_core.ComponentOptionsMixin, _vue_runtime_core.ComponentOptionsMixin, {}, string, _vue_runtime_core.PublicProps, Readonly<_vue_runtime_core.ExtractPropTypes<{
+    onError: PropType<(error: Error, info: string) => void>;
+    resetKeys: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    resetKeys: any[];
+}, {}, {}, {}, string, _vue_runtime_core.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * v-show directive for Vue Native.
+ * Maps to the 'hidden' prop on native views (view.isHidden in Swift).
+ */
+declare const vShow: Directive<NativeNode>;
+
+/**
+ * Haptic feedback composable.
+ *
+ * Wraps the native Haptics module to provide tactile feedback.
+ *
+ * @example
+ * ```ts
+ * const { vibrate, selectionChanged } = useHaptics()
+ * vibrate('medium')
+ * ```
+ */
+declare function useHaptics(): {
+    vibrate: (style?: "light" | "medium" | "heavy" | "rigid" | "soft") => Promise<void>;
+    notificationFeedback: (type?: "success" | "warning" | "error") => Promise<void>;
+    selectionChanged: () => Promise<void>;
+};
+
+/**
+ * Async key-value storage composable backed by UserDefaults.
+ *
+ * All operations are Promise-based and run on a background thread.
+ *
+ * @example
+ * ```ts
+ * const storage = useAsyncStorage()
+ * await storage.setItem('theme', 'dark')
+ * const theme = await storage.getItem('theme')
+ * ```
+ */
+declare function useAsyncStorage(): {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+    getAllKeys: () => Promise<string[]>;
+    clear: () => Promise<void>;
+};
+
+/**
+ * Clipboard composable providing read/write access to UIPasteboard.
+ *
+ * `content` is a reactive ref that updates when `paste()` is called.
+ *
+ * @example
+ * ```ts
+ * const { copy, paste, content } = useClipboard()
+ * await copy('Hello, World!')
+ * const text = await paste()
+ * ```
+ */
+declare function useClipboard(): {
+    copy: (text: string) => Promise<void>;
+    paste: () => Promise<string>;
+    content: _vue_reactivity.Ref<string, string>;
+};
+
+/**
+ * Device information composable.
+ *
+ * Fetches device info once on mount and exposes reactive refs.
+ *
+ * @example
+ * ```ts
+ * const { model, screenWidth, screenHeight } = useDeviceInfo()
+ * ```
+ */
+declare function useDeviceInfo(): {
+    model: _vue_reactivity.Ref<string, string>;
+    systemVersion: _vue_reactivity.Ref<string, string>;
+    systemName: _vue_reactivity.Ref<string, string>;
+    name: _vue_reactivity.Ref<string, string>;
+    screenWidth: _vue_reactivity.Ref<number, number>;
+    screenHeight: _vue_reactivity.Ref<number, number>;
+    scale: _vue_reactivity.Ref<number, number>;
+    isLoaded: _vue_reactivity.Ref<boolean, boolean>;
+    fetchInfo: () => Promise<void>;
+};
+
+/**
+ * Keyboard state composable.
+ *
+ * Provides reactive keyboard visibility state and a dismiss function.
+ * The `isVisible` and `height` refs are updated by native keyboard events
+ * dispatched through a special keyboard node.
+ *
+ * @example
+ * ```ts
+ * const { isVisible, height, dismiss } = useKeyboard()
+ * ```
+ */
 declare function useKeyboard(): {
     isVisible: _vue_reactivity.Ref<boolean, boolean>;
     height: _vue_reactivity.Ref<number, number>;
@@ -1502,17 +2477,60 @@ interface CameraResult {
     type: string;
     didCancel?: boolean;
 }
+interface VideoCaptureOptions {
+    /** Video quality: 'low' | 'medium' | 'high'. Default: 'medium' */
+    quality?: 'low' | 'medium' | 'high';
+    /** Maximum recording duration in seconds */
+    maxDuration?: number;
+    /** Use front camera. Default: false */
+    frontCamera?: boolean;
+}
+interface VideoCaptureResult {
+    uri: string;
+    duration: number;
+    type: string;
+    didCancel?: boolean;
+}
+interface QRCodeResult {
+    /** Decoded QR code / barcode data */
+    data: string;
+    /** Barcode type (e.g. "org.iso.QRCode", "org.gs1.EAN-13") */
+    type: string;
+    /** Bounding rectangle of the detected code in normalized coordinates (0-1) */
+    bounds: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
 /**
- * Launch the camera or image library.
+ * Camera composable for photo capture, video recording, and QR code scanning.
  *
  * @example
- * const { launchCamera, launchImageLibrary } = useCamera()
- * const result = await launchImageLibrary()
- * if (!result.didCancel) imageUri.value = result.uri
+ * const { launchCamera, launchImageLibrary, captureVideo, scanQRCode, stopQRScan, onQRCodeDetected } = useCamera()
+ *
+ * // Photo
+ * const photo = await launchCamera()
+ * if (!photo.didCancel) imageUri.value = photo.uri
+ *
+ * // Video
+ * const video = await captureVideo({ quality: 'high', maxDuration: 30 })
+ * if (!video.didCancel) videoUri.value = video.uri
+ *
+ * // QR scanning
+ * onQRCodeDetected((result) => {
+ *   console.log('Scanned:', result.data)
+ * })
+ * await scanQRCode()
  */
 declare function useCamera(): {
     launchCamera: (options?: CameraOptions) => Promise<CameraResult>;
     launchImageLibrary: (options?: CameraOptions) => Promise<CameraResult>;
+    captureVideo: (options?: VideoCaptureOptions) => Promise<VideoCaptureResult>;
+    scanQRCode: () => Promise<void>;
+    stopQRScan: () => Promise<void>;
+    onQRCodeDetected: (callback: (result: QRCodeResult) => void) => () => void;
 };
 
 interface LocalNotification {
@@ -1531,13 +2549,28 @@ interface NotificationPayload {
     data: Record<string, any>;
     action?: string;
 }
+interface PushNotificationPayload {
+    title: string;
+    body: string;
+    data: Record<string, any>;
+    remote: true;
+}
 /**
- * Local notification scheduling and permission management.
+ * Local and push notification management.
  *
  * @example
+ * // Local notifications
  * const { requestPermission, scheduleLocal, onNotification } = useNotifications()
  * await requestPermission()
  * await scheduleLocal({ title: 'Reminder', body: 'Don\'t forget!', delay: 5 })
+ *
+ * // Push notifications
+ * const { registerForPush, getToken, onPushReceived } = useNotifications()
+ * await registerForPush()
+ * const token = await getToken()
+ * onPushReceived((notification) => {
+ *   console.log('Push:', notification.title, notification.body)
+ * })
  */
 declare function useNotifications(): {
     isGranted: _vue_reactivity.Ref<boolean, boolean>;
@@ -1547,6 +2580,11 @@ declare function useNotifications(): {
     cancel: (id: string) => Promise<void>;
     cancelAll: () => Promise<void>;
     onNotification: (handler: (payload: NotificationPayload) => void) => () => void;
+    pushToken: _vue_reactivity.Ref<string | null, string | null>;
+    registerForPush: () => Promise<void>;
+    getToken: () => Promise<string | null>;
+    onPushToken: (handler: (token: string) => void) => () => void;
+    onPushReceived: (handler: (payload: PushNotificationPayload) => void) => () => void;
 };
 
 type BiometryType = 'faceID' | 'touchID' | 'opticID' | 'none';
@@ -1572,6 +2610,17 @@ interface HttpRequestConfig {
     baseURL?: string;
     headers?: Record<string, string>;
     timeout?: number;
+    /**
+     * Certificate pinning configuration.
+     * Maps domain names to arrays of SHA-256 pin hashes.
+     * Each pin must be in the format "sha256/<base64-encoded-hash>".
+     *
+     * @example
+     * pins: {
+     *   'api.example.com': ['sha256/AAAAAAA...', 'sha256/BBBBBBB...'],
+     * }
+     */
+    pins?: Record<string, string[]>;
 }
 interface HttpResponse<T = any> {
     data: T;
@@ -1634,6 +2683,768 @@ declare function useColorScheme(): {
  */
 declare function useBackHandler(handler: () => boolean): void;
 
+/**
+ * Secure key-value storage composable backed by Keychain (iOS) and
+ * EncryptedSharedPreferences (Android).
+ *
+ * All operations are Promise-based and run on a background thread.
+ *
+ * @example
+ * ```ts
+ * const secureStorage = useSecureStorage()
+ * await secureStorage.setItem('token', 'abc123')
+ * const token = await secureStorage.getItem('token')
+ * ```
+ */
+declare function useSecureStorage(): {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+    clear: () => Promise<void>;
+};
+
+declare function useI18n(): {
+    isRTL: _vue_reactivity.Ref<boolean, boolean>;
+    locale: _vue_reactivity.Ref<string, string>;
+};
+
+type Platform = 'ios' | 'android';
+/**
+ * Returns the current platform ('ios' or 'android').
+ *
+ * Relies on the `__PLATFORM__` compile-time constant injected by the Vite plugin.
+ * Falls back to 'ios' if not defined.
+ *
+ * @example
+ * ```ts
+ * const { platform, isIOS, isAndroid } = usePlatform()
+ * ```
+ */
+declare function usePlatform(): {
+    platform: Platform;
+    isIOS: boolean;
+    isAndroid: boolean;
+};
+
+interface Dimensions {
+    width: number;
+    height: number;
+    scale: number;
+}
+/**
+ * Reactive screen dimensions composable.
+ *
+ * Fetches initial dimensions from DeviceInfo on mount, then listens for
+ * orientation/resize changes via the 'dimensionsChange' global event.
+ *
+ * @example
+ * ```ts
+ * const { width, height, scale } = useDimensions()
+ * ```
+ */
+declare function useDimensions(): {
+    width: _vue_reactivity.Ref<number, number>;
+    height: _vue_reactivity.Ref<number, number>;
+    scale: _vue_reactivity.Ref<number, number>;
+};
+
+type WebSocketStatus = 'CLOSED' | 'CONNECTING' | 'OPEN' | 'CLOSING';
+interface WebSocketOptions {
+    /** Automatically connect on creation. Defaults to true. */
+    autoConnect?: boolean;
+    /** Automatically reconnect on close. Defaults to false. */
+    autoReconnect?: boolean;
+    /** Max reconnect attempts. Defaults to 3. */
+    maxReconnectAttempts?: number;
+    /** Reconnect interval in ms. Defaults to 1000. */
+    reconnectInterval?: number;
+}
+/**
+ * Reactive WebSocket connection.
+ *
+ * @example
+ * const { status, lastMessage, send, open, close } = useWebSocket('wss://echo.example.com')
+ *
+ * watch(lastMessage, (msg) => {
+ *   console.log('Received:', msg)
+ * })
+ *
+ * send('Hello!')
+ * send({ type: 'ping' }) // Objects are auto-stringified
+ */
+declare function useWebSocket(url: string, options?: WebSocketOptions): {
+    status: _vue_reactivity.Ref<WebSocketStatus, WebSocketStatus>;
+    lastMessage: _vue_reactivity.Ref<string | null, string | null>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+    send: (data: string | object) => void;
+    close: (code?: number, reason?: string) => void;
+    open: () => void;
+};
+
+/**
+ * File system access composable for reading, writing, and managing files.
+ *
+ * All operations are Promise-based and execute on a background thread.
+ * Paths should be absolute — use getDocumentsPath() or getCachesPath()
+ * to obtain app-scoped directories.
+ *
+ * @example
+ * ```ts
+ * const fs = useFileSystem()
+ * const docsDir = await fs.getDocumentsPath()
+ * await fs.writeFile(`${docsDir}/notes.txt`, 'Hello world')
+ * const content = await fs.readFile(`${docsDir}/notes.txt`)
+ * ```
+ */
+interface FileStat {
+    size: number;
+    isDirectory: boolean;
+    /** Last modified time in milliseconds since epoch */
+    modified: number;
+}
+declare function useFileSystem(): {
+    readFile: (path: string, encoding?: "utf8" | "base64") => Promise<string>;
+    writeFile: (path: string, content: string, encoding?: "utf8" | "base64") => Promise<void>;
+    deleteFile: (path: string) => Promise<void>;
+    exists: (path: string) => Promise<boolean>;
+    listDirectory: (path: string) => Promise<string[]>;
+    downloadFile: (url: string, destPath: string) => Promise<string>;
+    getDocumentsPath: () => Promise<string>;
+    getCachesPath: () => Promise<string>;
+    stat: (path: string) => Promise<FileStat>;
+    mkdir: (path: string) => Promise<void>;
+    copyFile: (srcPath: string, destPath: string) => Promise<void>;
+    moveFile: (srcPath: string, destPath: string) => Promise<void>;
+};
+
+interface SensorOptions {
+    /** Update interval in milliseconds. Default: 100 */
+    interval?: number;
+}
+interface SensorData {
+    x: number;
+    y: number;
+    z: number;
+}
+/**
+ * Reactive accelerometer data. Reads device acceleration (including gravity)
+ * via CMMotionManager on iOS and SensorManager on Android.
+ *
+ * @example
+ * const { x, y, z, isAvailable, start, stop } = useAccelerometer({ interval: 50 })
+ */
+declare function useAccelerometer(options?: SensorOptions): {
+    x: _vue_reactivity.Ref<number, number>;
+    y: _vue_reactivity.Ref<number, number>;
+    z: _vue_reactivity.Ref<number, number>;
+    isAvailable: _vue_reactivity.Ref<boolean, boolean>;
+    start: () => void;
+    stop: () => void;
+};
+/**
+ * Reactive gyroscope data. Reads device rotation rate
+ * via CMMotionManager on iOS and SensorManager on Android.
+ *
+ * @example
+ * const { x, y, z, isAvailable, start, stop } = useGyroscope({ interval: 50 })
+ */
+declare function useGyroscope(options?: SensorOptions): {
+    x: _vue_reactivity.Ref<number, number>;
+    y: _vue_reactivity.Ref<number, number>;
+    z: _vue_reactivity.Ref<number, number>;
+    isAvailable: _vue_reactivity.Ref<boolean, boolean>;
+    start: () => void;
+    stop: () => void;
+};
+
+interface AudioPlayOptions {
+    /** Volume 0.0–1.0. Default 1.0. */
+    volume?: number;
+    /** Loop playback. Default false. */
+    loop?: boolean;
+}
+interface AudioRecordOptions {
+    /** Recording quality. Default "medium". */
+    quality?: 'low' | 'medium' | 'high';
+    /** Output format. Default "m4a". */
+    format?: 'm4a' | 'wav';
+}
+interface AudioRecordResult {
+    uri: string;
+    duration: number;
+}
+/**
+ * Audio playback and recording composable.
+ *
+ * @example
+ * ```ts
+ * const { play, pause, stop, seek, duration, position, isPlaying } = useAudio()
+ *
+ * // Play a remote file
+ * await play('https://example.com/song.mp3')
+ *
+ * // Seek to 30 seconds
+ * await seek(30)
+ *
+ * // Record audio
+ * const { startRecording, stopRecording, isRecording } = useAudio()
+ * await startRecording({ quality: 'high' })
+ * const result = await stopRecording() // { uri, duration }
+ * ```
+ */
+declare function useAudio(): {
+    play: (uri: string, options?: AudioPlayOptions) => Promise<void>;
+    pause: () => Promise<void>;
+    resume: () => Promise<void>;
+    stop: () => Promise<void>;
+    seek: (positionSec: number) => Promise<void>;
+    setVolume: (volume: number) => Promise<void>;
+    startRecording: (options?: AudioRecordOptions) => Promise<string>;
+    stopRecording: () => Promise<AudioRecordResult>;
+    pauseRecording: () => Promise<void>;
+    resumeRecording: () => Promise<void>;
+    duration: _vue_reactivity.Ref<number, number>;
+    position: _vue_reactivity.Ref<number, number>;
+    isPlaying: _vue_reactivity.Ref<boolean, boolean>;
+    isRecording: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
+interface ExecuteResult {
+    rowsAffected: number;
+    insertId?: number;
+}
+type Row = Record<string, any>;
+interface TransactionContext {
+    execute: (sql: string, params?: any[]) => Promise<ExecuteResult>;
+    query: <T extends Row = Row>(sql: string, params?: any[]) => Promise<T[]>;
+}
+/**
+ * Reactive SQLite database access. Opens a named database on first use
+ * and auto-closes on component unmount.
+ *
+ * @param name - Database name (defaults to "default"). Stored as `<name>.sqlite`.
+ *
+ * @example
+ * const db = useDatabase('myapp')
+ *
+ * // Create table
+ * await db.execute('CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY, name TEXT)')
+ *
+ * // Insert
+ * const { insertId } = await db.execute('INSERT INTO users (name) VALUES (?)', ['Alice'])
+ *
+ * // Query
+ * const users = await db.query<{ id: number; name: string }>('SELECT * FROM users')
+ *
+ * // Transaction
+ * await db.transaction(async ({ execute }) => {
+ *   await execute('INSERT INTO users (name) VALUES (?)', ['Bob'])
+ *   await execute('INSERT INTO users (name) VALUES (?)', ['Charlie'])
+ * })
+ */
+declare function useDatabase(name?: string): {
+    execute: (sql: string, params?: any[]) => Promise<ExecuteResult>;
+    query: <T extends Row = Row>(sql: string, params?: any[]) => Promise<T[]>;
+    transaction: (callback: (ctx: TransactionContext) => Promise<void>) => Promise<void>;
+    close: () => Promise<void>;
+    isOpen: _vue_reactivity.Ref<boolean, boolean>;
+};
+
+interface PerformanceMetrics {
+    fps: number;
+    memoryMB: number;
+    bridgeOps: number;
+    timestamp: number;
+}
+/**
+ * Performance profiler composable.
+ *
+ * Starts/stops native performance profiling (FPS via CADisplayLink/Choreographer,
+ * memory via task_info/Runtime, bridge operation count). While profiling is active,
+ * reactive refs are updated every second via `perf:metrics` global events.
+ *
+ * @example
+ * const { startProfiling, stopProfiling, fps, memoryMB, isProfiling } = usePerformance()
+ *
+ * await startProfiling()
+ * // fps.value, memoryMB.value update every second
+ * await stopProfiling()
+ */
+declare function usePerformance(): {
+    startProfiling: () => Promise<void>;
+    stopProfiling: () => Promise<void>;
+    getMetrics: () => Promise<PerformanceMetrics>;
+    isProfiling: _vue_reactivity.Ref<boolean, boolean>;
+    fps: _vue_reactivity.Ref<number, number>;
+    memoryMB: _vue_reactivity.Ref<number, number>;
+    bridgeOps: _vue_reactivity.Ref<number, number>;
+};
+
+interface SharedElementFrame {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface SharedElementRegistration {
+    /** The shared element identifier. */
+    id: string;
+    /** The native view ID this registration is bound to. */
+    viewId: number;
+}
+/**
+ * Register a native view as a shared element for transitions.
+ *
+ * Call this composable with a unique identifier. When navigating with
+ * `router.push('Detail', { sharedElements: ['hero-image'] })`, elements
+ * registered with the same id on both source and destination screens
+ * will animate their position and size between the two locations.
+ *
+ * @example
+ * const { register, unregister } = useSharedElementTransition('hero-image')
+ *
+ * // In setup, after the view is mounted:
+ * register(viewId)
+ *
+ * // Cleanup happens automatically on unmount
+ */
+declare function useSharedElementTransition(elementId: string): {
+    id: string;
+    viewId: _vue_reactivity.Ref<number | null, number | null>;
+    register: (nativeViewId: number) => void;
+    unregister: () => void;
+};
+/**
+ * Measure the frame (position + size) of a native view.
+ * Used internally by the shared element transition system.
+ */
+declare function measureViewFrame(nativeViewId: number): Promise<SharedElementFrame>;
+/**
+ * Get the registered native view ID for a shared element.
+ */
+declare function getSharedElementViewId(elementId: string): number | undefined;
+/**
+ * Get all currently registered shared element IDs.
+ */
+declare function getRegisteredSharedElements(): string[];
+/**
+ * Clear all shared element registrations. Used during navigation transitions
+ * to reset state.
+ */
+declare function clearSharedElementRegistry(): void;
+
+type ProductType = 'consumable' | 'nonConsumable' | 'autoRenewable' | 'nonRenewable';
+type TransactionState = 'purchasing' | 'purchased' | 'failed' | 'restored' | 'deferred';
+interface Product {
+    id: string;
+    displayName: string;
+    description: string;
+    price: number;
+    displayPrice: string;
+    currencyCode: string;
+    type: ProductType;
+}
+interface Purchase {
+    productId: string;
+    transactionId: string;
+    originalTransactionId?: string;
+    purchaseDate: string;
+    expiresDate?: string;
+}
+interface TransactionUpdate {
+    productId: string;
+    state: TransactionState;
+    transactionId?: string;
+    error?: string;
+}
+/**
+ * In-App Purchases composable backed by StoreKit 2 (iOS) and Google Play Billing (Android).
+ *
+ * @example
+ * const { products, getProducts, purchase, restorePurchases, isReady, error } = useIAP()
+ *
+ * // Load products
+ * await getProducts(['com.app.premium', 'com.app.coins100'])
+ *
+ * // Purchase
+ * const result = await purchase('com.app.premium')
+ *
+ * // Restore
+ * const restored = await restorePurchases()
+ */
+declare function useIAP(): {
+    products: _vue_reactivity.Ref<{
+        id: string;
+        displayName: string;
+        description: string;
+        price: number;
+        displayPrice: string;
+        currencyCode: string;
+        type: ProductType;
+    }[], Product[] | {
+        id: string;
+        displayName: string;
+        description: string;
+        price: number;
+        displayPrice: string;
+        currencyCode: string;
+        type: ProductType;
+    }[]>;
+    isReady: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+    getProducts: (skus: string[]) => Promise<Product[]>;
+    purchase: (sku: string) => Promise<Purchase | null>;
+    restorePurchases: () => Promise<Purchase[]>;
+    getActiveSubscriptions: () => Promise<Purchase[]>;
+    onTransactionUpdate: (callback: (update: TransactionUpdate) => void) => () => void;
+};
+
+interface SocialUser {
+    userId: string;
+    email?: string;
+    fullName?: string;
+    identityToken?: string;
+    authorizationCode?: string;
+    provider: 'apple' | 'google';
+}
+interface AuthResult {
+    success: boolean;
+    user?: SocialUser;
+    error?: string;
+}
+/**
+ * Apple Sign In composable backed by ASAuthorizationAppleIDProvider (iOS).
+ *
+ * @example
+ * const { signIn, signOut, user, isAuthenticated, error } = useAppleSignIn()
+ *
+ * async function handleLogin() {
+ *   const result = await signIn()
+ *   if (result.success) {
+ *     console.log('Welcome', result.user.fullName)
+ *   }
+ * }
+ */
+declare function useAppleSignIn(): {
+    signIn: () => Promise<AuthResult>;
+    signOut: () => Promise<void>;
+    user: _vue_reactivity.Ref<{
+        userId: string;
+        email?: string | undefined;
+        fullName?: string | undefined;
+        identityToken?: string | undefined;
+        authorizationCode?: string | undefined;
+        provider: "apple" | "google";
+    } | null, SocialUser | {
+        userId: string;
+        email?: string | undefined;
+        fullName?: string | undefined;
+        identityToken?: string | undefined;
+        authorizationCode?: string | undefined;
+        provider: "apple" | "google";
+    } | null>;
+    isAuthenticated: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
+/**
+ * Google Sign In composable backed by Google Sign In SDK (iOS) and
+ * Credential Manager API (Android).
+ *
+ * @param clientId - Your Google OAuth 2.0 client ID.
+ *
+ * @example
+ * const { signIn, signOut, user, isAuthenticated, error } = useGoogleSignIn('your-client-id.apps.googleusercontent.com')
+ *
+ * async function handleLogin() {
+ *   const result = await signIn()
+ *   if (result.success) {
+ *     console.log('Welcome', result.user.fullName)
+ *   }
+ * }
+ */
+declare function useGoogleSignIn(clientId: string): {
+    signIn: () => Promise<AuthResult>;
+    signOut: () => Promise<void>;
+    user: _vue_reactivity.Ref<{
+        userId: string;
+        email?: string | undefined;
+        fullName?: string | undefined;
+        identityToken?: string | undefined;
+        authorizationCode?: string | undefined;
+        provider: "apple" | "google";
+    } | null, SocialUser | {
+        userId: string;
+        email?: string | undefined;
+        fullName?: string | undefined;
+        identityToken?: string | undefined;
+        authorizationCode?: string | undefined;
+        provider: "apple" | "google";
+    } | null>;
+    isAuthenticated: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
+type BackgroundTaskType = 'refresh' | 'processing';
+interface BackgroundTaskOptions {
+    /** Task type: 'refresh' for short tasks, 'processing' for long-running tasks. */
+    type?: BackgroundTaskType;
+    /** Earliest time the task can begin (Unix timestamp in ms). */
+    earliestBeginDate?: number;
+    /** Whether the task requires network connectivity. */
+    requiresNetworkConnectivity?: boolean;
+    /** Whether the task requires the device to be charging. */
+    requiresExternalPower?: boolean;
+    /** Interval in minutes for periodic tasks (Android only, type must be 'processing'). */
+    interval?: number;
+}
+/**
+ * Composable for scheduling and managing background tasks.
+ *
+ * Uses BGTaskScheduler on iOS and WorkManager on Android.
+ *
+ * @example
+ * ```ts
+ * const { scheduleTask, cancelTask, onTaskExecute } = useBackgroundTask()
+ *
+ * onTaskExecute((taskId) => {
+ *   // Perform work, then signal completion
+ *   doWork().then(() => completeTask(taskId))
+ * })
+ *
+ * await scheduleTask('com.myapp.sync', {
+ *   type: 'refresh',
+ *   requiresNetworkConnectivity: true,
+ * })
+ * ```
+ */
+declare function useBackgroundTask(): {
+    registerTask: (taskId: string) => Promise<void>;
+    scheduleTask: (taskId: string, options?: BackgroundTaskOptions) => Promise<void>;
+    cancelTask: (taskId: string) => Promise<void>;
+    cancelAllTasks: () => Promise<void>;
+    completeTask: (taskId: string, success?: boolean) => Promise<void>;
+    onTaskExecute: (handler: (taskId: string) => void, taskId?: string) => () => void;
+};
+
+interface UpdateInfo {
+    /** Whether an update is available. */
+    updateAvailable: boolean;
+    /** Version string of the available update. */
+    version: string;
+    /** URL to download the update bundle. */
+    downloadUrl: string;
+    /** SHA-256 hash of the bundle for integrity verification. */
+    hash: string;
+    /** Size of the update in bytes. */
+    size: number;
+    /** Release notes for the update. */
+    releaseNotes: string;
+}
+interface VersionInfo {
+    /** Current bundle version identifier. */
+    version: string;
+    /** Whether the app is currently running an OTA bundle. */
+    isUsingOTA: boolean;
+    /** Path to the active OTA bundle, or empty string if using embedded. */
+    bundlePath: string;
+}
+type UpdateStatus = 'idle' | 'checking' | 'downloading' | 'ready' | 'error';
+/**
+ * Composable for managing Over-The-Air (OTA) JS bundle updates.
+ *
+ * Downloads new JS bundles from a server, verifies integrity via SHA-256,
+ * and applies them on the next app launch.
+ *
+ * @param serverUrl - URL of the update server endpoint
+ *
+ * @example
+ * ```ts
+ * const {
+ *   checkForUpdate, downloadUpdate, applyUpdate, rollback,
+ *   currentVersion, availableVersion, downloadProgress,
+ *   isChecking, isDownloading, error,
+ * } = useOTAUpdate('https://updates.myapp.com/check')
+ *
+ * await checkForUpdate()
+ * if (availableVersion.value) {
+ *   await downloadUpdate()
+ *   await applyUpdate()
+ *   // Restart app to load new bundle
+ * }
+ * ```
+ */
+declare function useOTAUpdate(serverUrl: string): {
+    checkForUpdate: () => Promise<UpdateInfo>;
+    downloadUpdate: (url?: string, hash?: string) => Promise<void>;
+    applyUpdate: () => Promise<void>;
+    rollback: () => Promise<void>;
+    getCurrentVersion: () => Promise<VersionInfo>;
+    currentVersion: _vue_reactivity.Ref<string, string>;
+    availableVersion: _vue_reactivity.Ref<string | null, string | null>;
+    downloadProgress: _vue_reactivity.Ref<number, number>;
+    isChecking: _vue_reactivity.Ref<boolean, boolean>;
+    isDownloading: _vue_reactivity.Ref<boolean, boolean>;
+    status: _vue_reactivity.Ref<UpdateStatus, UpdateStatus>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
+interface BLEDevice {
+    id: string;
+    name: string;
+    rssi: number;
+}
+interface BLECharacteristic {
+    value: string;
+    characteristicUUID: string;
+    serviceUUID: string;
+}
+interface BLECharacteristicChange {
+    deviceId: string;
+    serviceUUID: string;
+    characteristicUUID: string;
+    value: string;
+}
+type BLEState = 'poweredOn' | 'poweredOff' | 'unauthorized' | 'unsupported' | 'resetting' | 'unknown';
+/**
+ * Bluetooth Low Energy (BLE) composable for scanning, connecting,
+ * and communicating with BLE peripherals.
+ *
+ * @example
+ * const { scan, connect, devices, connectedDevice, isScanning } = useBluetooth()
+ *
+ * // Scan for devices
+ * await scan()
+ *
+ * // Connect to a device
+ * await connect(devices.value[0].id)
+ *
+ * // Read a characteristic
+ * const data = await read(deviceId, serviceUUID, charUUID)
+ */
+declare function useBluetooth(): {
+    scan: (serviceUUIDs?: string[]) => Promise<void>;
+    stopScan: () => Promise<void>;
+    connect: (deviceId: string) => Promise<BLEDevice>;
+    disconnect: (deviceId: string) => Promise<void>;
+    read: (deviceId: string, serviceUUID: string, charUUID: string) => Promise<BLECharacteristic>;
+    write: (deviceId: string, serviceUUID: string, charUUID: string, data: string) => Promise<void>;
+    subscribe: (deviceId: string, serviceUUID: string, charUUID: string, callback: (change: BLECharacteristicChange) => void) => Promise<() => void>;
+    devices: _vue_reactivity.Ref<{
+        id: string;
+        name: string;
+        rssi: number;
+    }[], BLEDevice[] | {
+        id: string;
+        name: string;
+        rssi: number;
+    }[]>;
+    connectedDevice: _vue_reactivity.Ref<{
+        id: string;
+        name: string;
+        rssi: number;
+    } | null, BLEDevice | {
+        id: string;
+        name: string;
+        rssi: number;
+    } | null>;
+    isScanning: _vue_reactivity.Ref<boolean, boolean>;
+    isAvailable: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
+interface CalendarEvent {
+    id: string;
+    title: string;
+    startDate: number;
+    endDate: number;
+    isAllDay: boolean;
+    calendarId: string;
+    notes?: string;
+    location?: string;
+}
+interface Calendar {
+    id: string;
+    title: string;
+    color: string;
+    type: string;
+    isImmutable?: boolean;
+}
+interface CreateEventOptions {
+    title: string;
+    startDate: number;
+    endDate: number;
+    notes?: string;
+    calendarId?: string;
+}
+/**
+ * Calendar access composable for reading and writing calendar events.
+ *
+ * @example
+ * const { requestAccess, getEvents, createEvent } = useCalendar()
+ *
+ * await requestAccess()
+ * const events = await getEvents(Date.now(), Date.now() + 86400000)
+ */
+declare function useCalendar(): {
+    requestAccess: () => Promise<boolean>;
+    getEvents: (startDate: number, endDate: number) => Promise<CalendarEvent[]>;
+    createEvent: (options: CreateEventOptions) => Promise<{
+        eventId: string;
+    }>;
+    deleteEvent: (eventId: string) => Promise<void>;
+    getCalendars: () => Promise<Calendar[]>;
+    hasAccess: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
+interface ContactField {
+    label: string;
+    value: string;
+}
+interface Contact {
+    id: string;
+    givenName: string;
+    familyName: string;
+    middleName: string;
+    organizationName: string;
+    jobTitle: string;
+    hasImage: boolean;
+    emailAddresses?: ContactField[];
+    phoneNumbers?: ContactField[];
+}
+interface CreateContactData {
+    givenName?: string;
+    familyName?: string;
+    middleName?: string;
+    organizationName?: string;
+    jobTitle?: string;
+    note?: string;
+    emailAddresses?: ContactField[];
+    phoneNumbers?: ContactField[];
+}
+/**
+ * Contacts access composable for reading and writing device contacts.
+ *
+ * @example
+ * const { requestAccess, getContacts, createContact } = useContacts()
+ *
+ * await requestAccess()
+ * const contacts = await getContacts('John')
+ */
+declare function useContacts(): {
+    requestAccess: () => Promise<boolean>;
+    getContacts: (query?: string) => Promise<Contact[]>;
+    getContact: (id: string) => Promise<Contact>;
+    createContact: (data: CreateContactData) => Promise<{
+        id: string;
+    }>;
+    deleteContact: (id: string) => Promise<void>;
+    hasAccess: _vue_reactivity.Ref<boolean, boolean>;
+    error: _vue_reactivity.Ref<string | null, string | null>;
+};
+
 /**
  * NativeBridge -- the communication layer between JavaScript and Swift/UIKit.
  *
@@ -1841,4 +3652,4 @@ interface NativeApp extends App {
  */
 declare function createApp(rootComponent: Component, rootProps?: Record<string, any>): NativeApp;
 
-export { type ActionSheetAction, type AlertButton, type AppStateStatus, type BiometryResult, type BiometryType, type CameraOptions, type CameraResult, type ColorScheme, type ConnectionType, type GeoCoordinates, type HttpRequestConfig, type HttpResponse, type LocalNotification, type NativeApp, NativeBridge, type NativeNode, type NetworkState, type NotificationPayload, type Permission, type PermissionStatus, type ShareContent, type ShareResult, type SpringOptions, type StatusBarStyle, type StyleProp, type StyleSheet, type TimingOptions, VActionSheet, VActivityIndicator, VAlertDialog, VButton, VImage, VInput, VKeyboardAvoiding, VList, VModal, VPicker, VProgressBar, VSafeArea, VScrollView, VSegmentedControl, VSlider, VStatusBar, VSwitch, VText, VView, VWebView, type WebViewSource, createApp, createCommentNode, createNativeNode, createStyleSheet, createTextNode, render, resetNodeId, useAnimation, useAppState, useAsyncStorage, useBackHandler, useBiometry, useCamera, useClipboard, useColorScheme, useDeviceInfo, useGeolocation, useHaptics, useHttp, useKeyboard, useLinking, useNetwork, useNotifications, usePermissions, useShare, vShow, validStyleProperties };
+export { type AccessibilityProps, type ActionSheetAction, type AlertButton, type AlignContent, type AlignItems, type AlignSelf, type AnyStyle, type AppStateStatus, type AudioPlayOptions, type AudioRecordOptions, type AudioRecordResult, type AuthResult, type BLECharacteristic, type BLECharacteristicChange, type BLEDevice, type BLEState, type BackgroundTaskOptions, type BackgroundTaskType, type BiometryResult, type BiometryType, type BorderStyle, type Calendar, type CalendarEvent, type CameraOptions, type CameraResult, type ColorScheme, type ConnectionType, type Contact, type ContactField, type CreateContactData, type CreateEventOptions, type Dimensions, type Direction, type Display, type DropdownOption, ErrorBoundary, type ExecuteResult, type FileStat, type FlexDirection, type FlexWrap, type FontStyle, type FontWeight, type GeoCoordinates, type HttpRequestConfig, type HttpResponse, type ImageStyle, type ImportantForAccessibility, type JustifyContent, type LocalNotification, type NativeApp, NativeBridge, type NativeNode, type NetworkState, type NotificationPayload, type Overflow, type PerformanceMetrics, type Permission, type PermissionStatus, type Platform, type Position, type Product, type ProductType, type Purchase, type PushNotificationPayload, type QRCodeResult, type RadioOption, type ResizeMode, type Row, type SensorData, type SensorOptions, type ShadowOffset, type ShareContent, type ShareResult, type SharedElementFrame, type SharedElementRegistration, type SocialUser, type SpringOptions, type StatusBarStyle, type StyleProp, type StyleSheet, type TextAlign, type TextDecorationLine, type TextDecorationStyle, type TextStyle, type TextTransform, type TimingOptions, type TransactionContext, type TransactionState, type TransactionUpdate, type TransformValue, type UpdateInfo, type UpdateStatus, VActionSheet, type VActionSheetProps, VActivityIndicator, type VActivityIndicatorProps, VAlertDialog, type VAlertDialogProps, VButton, type VButtonProps, VCheckbox, type VCheckboxProps, VDropdown, type VDropdownProps, VImage, type VImageProps, VInput, type VInputProps, VKeyboardAvoiding, type VKeyboardAvoidingProps, VList, type VListProps, VModal, type VModalProps, VPicker, type VPickerProps, VPressable, type VPressableProps, VProgressBar, type VProgressBarProps, VRadio, type VRadioProps, VRefreshControl, type VRefreshControlProps, VSafeArea, type VSafeAreaProps, VScrollView, type VScrollViewProps, VSectionList, type VSectionListProps, VSegmentedControl, type VSegmentedControlProps, VSlider, type VSliderProps, VStatusBar, type VStatusBarProps, VSwitch, type VSwitchProps, VText, type VTextProps, VVideo, type VVideoProps, VView, type VViewProps, VWebView, type VWebViewProps, type VersionInfo, type VideoCaptureOptions, type VideoCaptureResult, type ViewStyle, type WebSocketOptions, type WebSocketStatus, type WebViewSource, clearSharedElementRegistry, createApp, createCommentNode, createNativeNode, createStyleSheet, createTextNode, getRegisteredSharedElements, getSharedElementViewId, measureViewFrame, render, resetNodeId, useAccelerometer, useAnimation, useAppState, useAppleSignIn, useAsyncStorage, useAudio, useBackHandler, useBackgroundTask, useBiometry, useBluetooth, useCalendar, useCamera, useClipboard, useColorScheme, useContacts, useDatabase, useDeviceInfo, useDimensions, useFileSystem, useGeolocation, useGoogleSignIn, useGyroscope, useHaptics, useHttp, useI18n, useIAP, useKeyboard, useLinking, useNetwork, useNotifications, useOTAUpdate, usePerformance, usePermissions, usePlatform, useSecureStorage, useShare, useSharedElementTransition, useWebSocket, vShow, validStyleProperties };