@webority/mobile-ui 0.19.1 → 0.88.1

package/lib/typescript/module/theme/tokens.generated.d.ts

@@ -0,0 +1,215 @@
+export declare const COLOR_NAMES: readonly ["bg", "bg-subtle", "bg-muted", "surface", "surface-inverse", "text", "text-body", "text-muted", "text-subtle", "text-inverse", "link", "border", "border-subtle", "field-bg", "field-border", "field-border-focus", "focus-ring", "scrim", "on-scrim", "primary", "primary-hover", "primary-soft", "primary-text", "on-primary", "neutral", "neutral-hover", "on-neutral", "success", "success-text", "on-success", "warning", "warning-text", "on-warning", "danger", "danger-border", "danger-text", "on-danger", "info", "info-text", "on-info", "primary-pressed", "on-neutral-strong", "text-disabled", "surface-pressed", "surface-hover", "surface-selected", "surface-disabled", "skeleton", "skeleton-highlight", "glass-fill", "glass-border", "on-glass", "glass-badge", "field-bg-focus", "field-bg-disabled", "field-border-error", "field-label", "field-text", "field-text-disabled", "field-placeholder", "field-placeholder-disabled", "field-icon", "field-icon-focus", "field-icon-disabled", "field-caret", "field-message", "avatar-1", "avatar-2", "avatar-3", "avatar-4", "avatar-5", "avatar-6", "avatar-7", "avatar-8", "thumb", "success-soft", "warning-soft", "danger-soft", "info-soft", "neutral-text", "primary-wash", "primary-wash-strong"];
+export type ColorName = (typeof COLOR_NAMES)[number];
+export declare const SPACE_NAMES: readonly ["none", "xxs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
+export type SpaceName = (typeof SPACE_NAMES)[number];
+export declare const RADIUS_NAMES: readonly ["none", "sm", "md", "lg", "xl", "pill"];
+export type RadiusName = (typeof RADIUS_NAMES)[number];
+export declare const TEXT_NAMES: readonly ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
+export type TextName = (typeof TEXT_NAMES)[number];
+export declare const WEIGHT_NAMES: readonly ["normal", "medium", "semibold", "bold"];
+export type WeightName = (typeof WEIGHT_NAMES)[number];
+export declare const LEADING_NAMES: readonly ["tight", "normal", "relaxed"];
+export type LeadingName = (typeof LEADING_NAMES)[number];
+export declare const LETTER_SPACING_NAMES: readonly ["tight", "normal", "wide"];
+export type LetterSpacingName = (typeof LETTER_SPACING_NAMES)[number];
+export declare const FONT_NAMES: readonly ["ui", "display", "mono"];
+export type FontName = (typeof FONT_NAMES)[number];
+export declare const SHADOW_NAMES: readonly ["card", "elevated", "popover", "modal", "drawer"];
+export type ShadowName = (typeof SHADOW_NAMES)[number];
+export declare const DURATION_NAMES: readonly ["instant", "fast", "default", "slow", "slower"];
+export type DurationName = (typeof DURATION_NAMES)[number];
+export declare const EASE_NAMES: readonly ["in-out", "accelerate", "decelerate", "sharp"];
+export type EaseName = (typeof EASE_NAMES)[number];
+export declare const SIZE_NAMES: readonly ["border"];
+export type SizeName = (typeof SIZE_NAMES)[number];
+export type FontWeightValue = "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
+/** Face name per weight; an empty object means the platform system font. */
+export type FontFaces = Partial<Record<WeightName, string>>;
+export interface PhoneShadow {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}
+export type ComponentKind = "space" | "text" | "radius" | "px" | "number" | "ms";
+type Sized<S extends string, T> = Record<S, T>;
+type L3 = "sm" | "md" | "lg";
+export interface ComponentTokens {
+    button: Sized<"xs" | L3 | "xl", {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        "min-height": number;
+        text: TextName;
+        radius: RadiusName;
+        icon: number;
+        "badge-icon": number;
+    }>;
+    field: Sized<L3, {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        "min-height": number;
+        text: TextName;
+        radius: RadiusName;
+        icon: number;
+        "label-text": TextName;
+        "label-gap": SpaceName;
+        "message-text": TextName;
+        "message-gap": SpaceName;
+    }>;
+    input: Sized<L3, {
+        "multiline-min-height": number;
+    }>;
+    "search-bar": Sized<L3, {
+        radius: RadiusName;
+    }>;
+    "empty-state": Sized<L3, {
+        icon: number;
+        "title-text": TextName;
+        "description-text": TextName;
+        "padding-y": SpaceName;
+        "title-gap": SpaceName;
+        "description-gap": SpaceName;
+    }>;
+    "list-item": Sized<L3, {
+        "padding-y": SpaceName;
+        "title-text": TextName;
+        "subtitle-text": TextName;
+        "min-height": number;
+    }>;
+    badge: Sized<"sm" | "md", {
+        text: TextName;
+        "min-width": number;
+        height: number;
+        "padding-x": SpaceName;
+        "dot-size": number;
+    }> & {
+        "border-width": number;
+        "anchor-offset": number;
+    };
+    chip: Sized<"sm" | "md", {
+        "padding-x": SpaceName;
+        "padding-y": SpaceName;
+        text: TextName;
+        "min-height": number;
+        "close-size": number;
+        "close-text": TextName;
+        gap: SpaceName;
+        icon: number;
+    }>;
+    checkbox: Sized<L3, {
+        "box-size": number;
+    }> & {
+        "label-gap": SpaceName;
+    };
+    radio: Sized<L3, {
+        outer: number;
+        inner: number;
+    }> & {
+        "label-gap": SpaceName;
+    };
+    switch: Sized<L3, {
+        "track-width": number;
+        "track-height": number;
+        "thumb-size": number;
+        padding: SpaceName;
+    }>;
+    "otp-input": Sized<L3, {
+        cell: number;
+        text: TextName;
+        radius: RadiusName;
+        gap: SpaceName;
+    }>;
+    "segmented-control": Sized<L3, {
+        height: number;
+        text: TextName;
+        "padding-x": SpaceName;
+        icon: number;
+    }> & {
+        "track-padding": SpaceName;
+        "underline-height": number;
+        "pill-inset": SpaceName;
+    };
+    tabs: Sized<L3, {
+        text: TextName;
+        "padding-y": SpaceName;
+        "padding-x": SpaceName;
+        "scrollable-padding-x": SpaceName;
+        icon: number;
+    }> & {
+        "icon-gap": SpaceName;
+        "track-padding": SpaceName;
+        "underline-height": number;
+        "pill-inset": SpaceName;
+        "disabled-opacity": number;
+        "badge-gap": SpaceName;
+    };
+    slider: Sized<L3, {
+        "track-height": number;
+        "thumb-diameter": number;
+    }>;
+    "floating-action-button": Sized<L3, {
+        diameter: number;
+        icon: number;
+        text: TextName;
+        "label-padding-x": SpaceName;
+    }> & {
+        "edge-offset": SpaceName;
+        "bottom-offset": SpaceName;
+        "secondary-gap": SpaceName;
+        "stagger-ms": number;
+    };
+    dialog: {
+        "icon-wrapper-size": number;
+        "action-button-min-height": number;
+    };
+    toast: {
+        "icon-circle-size": number;
+        "icon-glyph-text": TextName;
+        "tint-bar-width": number;
+        "action-min-height": number;
+    };
+    banner: {
+        "tint-bar-width": number;
+    };
+    disabled: {
+        opacity: number;
+    };
+    press: {
+        opacity: number;
+    };
+}
+export type ComponentName = keyof ComponentTokens;
+type SizeKeysOf<C extends ComponentName> = Extract<keyof ComponentTokens[C], "xs" | "sm" | "md" | "lg" | "xl">;
+export type ComponentSizeTokens<C extends ComponentName> = ComponentTokens[C][SizeKeysOf<C>];
+export declare const COMPONENT_KINDS: {
+    readonly [C in ComponentName]: Readonly<Record<string, ComponentKind>>;
+};
+export interface TokenSet {
+    mode: "light" | "dark";
+    colors: Record<ColorName, string>;
+    space: Record<SpaceName, number>;
+    radius: Record<RadiusName, number>;
+    text: Record<TextName, {
+        size: number;
+        lineHeight: number;
+    }>;
+    weight: Record<WeightName, FontWeightValue>;
+    leading: Record<LeadingName, number>;
+    "letter-spacing": Record<LetterSpacingName, number>;
+    font: Record<FontName, FontFaces>;
+    shadow: Record<ShadowName, PhoneShadow>;
+    motion: {
+        duration: Record<DurationName, number>;
+        ease: Record<EaseName, readonly [number, number, number, number]>;
+    };
+    size: Record<SizeName, number>;
+    components: ComponentTokens;
+}
+export declare const lightTokens: TokenSet;
+export declare const darkTokens: TokenSet;
+export {};
+//# sourceMappingURL=tokens.generated.d.ts.map

package/lib/typescript/module/theme/types.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { ComponentTokens } from './componentTokens.js';
-export type ColorMode = 'light' | 'dark';
+import type React from "react";
+import type { TextStyle, ViewStyle } from "react-native";
+import type { ComponentTokens } from "./componentTokens.js";
+export type ColorMode = "light" | "dark";
 /**
  * A linear gradient definition used by Button, Card and consumer components.
  * `colors` must have at least 2 entries. `start`/`end` are unit vectors in a
@@ -213,15 +213,15 @@ export interface TypographyScale {
         base: number;
         lg: number;
         xl: number;
-        '2xl': number;
-        '3xl': number;
-        '4xl': number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
     };
     fontWeight: {
-        normal: TextStyle['fontWeight'];
-        medium: TextStyle['fontWeight'];
-        semibold: TextStyle['fontWeight'];
-        bold: TextStyle['fontWeight'];
+        normal: TextStyle["fontWeight"];
+        medium: TextStyle["fontWeight"];
+        semibold: TextStyle["fontWeight"];
+        bold: TextStyle["fontWeight"];
     };
     /**
      * Optional brand font families. When set, library text components prefer
@@ -249,9 +249,9 @@ export interface SpacingScale {
     md: number;
     lg: number;
     xl: number;
-    '2xl': number;
-    '3xl': number;
-    '4xl': number;
+    "2xl": number;
+    "3xl": number;
+    "4xl": number;
 }
 export interface RadiusScale {
     none: 0;
@@ -262,7 +262,7 @@ export interface RadiusScale {
     pill: 9999;
 }
 export type SpacingKey = keyof SpacingScale;
-export type FontSizeKey = keyof TypographyScale['fontSize'];
+export type FontSizeKey = keyof TypographyScale["fontSize"];
 export type RadiusKey = keyof RadiusScale;
 export interface ShadowDefinition {
     shadowColor: string;
@@ -281,7 +281,7 @@ export interface ShadowScale {
     md: ShadowDefinition;
     lg: ShadowDefinition;
     xl: ShadowDefinition;
-    '2xl': ShadowDefinition;
+    "2xl": ShadowDefinition;
 }
 export interface MotionScale {
     duration: {
@@ -317,7 +317,7 @@ export interface MotionScale {
     /** Length in ms of the opacity fade that replaces movement under Reduce Motion. Never collapsed. */
     fadeDuration: number;
 }
-export type * from './componentTokens.js';
+export type * from "./componentTokens.js";
 /**
  * Renderer signature for theme-level icons. Each registry entry receives a
  * pixel `size` and a `color` and returns whatever JSX the consumer wants —
@@ -373,19 +373,19 @@ export interface IconRegistry {
  * take a typography token or a raw number.
  */
 export interface TextVariantSpec {
-    size: keyof TypographyScale['fontSize'] | number;
-    weight?: keyof TypographyScale['fontWeight'];
+    size: keyof TypographyScale["fontSize"] | number;
+    weight?: keyof TypographyScale["fontWeight"];
     /** Pixels, or a `typography.lineHeight` token (a multiple of the size). Omitted: the font's own metrics decide. */
-    lineHeight?: number | keyof TypographyScale['lineHeight'];
+    lineHeight?: number | keyof TypographyScale["lineHeight"];
     /** A text role, semantic tone or raw colour. Defaults to `primary`. */
     color?: string;
     uppercase?: boolean;
     /** Pixels, or a `typography.letterSpacing` token. */
-    letterSpacing?: number | keyof TypographyScale['letterSpacing'];
+    letterSpacing?: number | keyof TypographyScale["letterSpacing"];
     italic?: boolean;
-    fontVariant?: TextStyle['fontVariant'];
+    fontVariant?: TextStyle["fontVariant"];
     /** `'display'` draws the variant in `typography.fontFamily.display` when the theme sets it; otherwise the weight faces. */
-    fontFamily?: 'display';
+    fontFamily?: "display";
     /** Announce text in this variant as a heading (accessibilityRole header). */
     heading?: boolean;
 }

package/lib/typescript/module/utils/ariaState.d.ts

@@ -1,5 +1,5 @@
-import type { AccessibilityState, ViewProps } from 'react-native';
-type AriaStateProps = Pick<ViewProps, 'aria-busy' | 'aria-checked' | 'aria-disabled' | 'aria-expanded' | 'aria-selected'>;
+import type { AccessibilityState, ViewProps } from "react-native";
+type AriaStateProps = Pick<ViewProps, "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected">;
 /**
  * The `aria-*` twin of an `accessibilityState`. React Native Web reads only the
  * `aria-*` props, so a control that builds its state at run time spreads this

package/lib/typescript/module/utils/dimensions.d.ts

@@ -1,3 +1,3 @@
-export type { BreakpointKey, ResponsiveScales, ScreenInfo } from './responsive.js';
-export { Breakpoints, isScreenSize, isTablet, ScreenDimensions, useScreenDimensions } from './responsive.js';
+export type { BreakpointKey, ResponsiveScales, ScreenInfo } from "./responsive.js";
+export { Breakpoints, isScreenSize, isTablet, ScreenDimensions, useScreenDimensions, } from "./responsive.js";
 //# sourceMappingURL=dimensions.d.ts.map

package/lib/typescript/module/utils/feedback.d.ts

@@ -1,4 +1,4 @@
-import { type HapticType } from './hapticUtils.js';
+import { type HapticType } from "./hapticUtils.js";
 /**
  * What the interaction MEANT, not which vibration to play.
  *
@@ -7,7 +7,7 @@ import { type HapticType } from './hapticUtils.js';
  * `notificationWarning`, and the app stops speaking one language. Naming the
  * intent moves that decision here, once.
  */
-export type FeedbackIntent = 'tap' | 'select' | 'longPress' | 'created' | 'deleted' | 'restored' | 'toggledOn' | 'toggledOff' | 'succeeded' | 'warned' | 'failed';
+export type FeedbackIntent = "tap" | "select" | "longPress" | "created" | "deleted" | "restored" | "toggledOn" | "toggledOff" | "succeeded" | "warned" | "failed";
 /**
  * Gate every intent from one place, so an app's "haptics" setting needs no
  * per-component plumbing.

package/lib/typescript/module/utils/hapticUtils.d.ts

@@ -1,4 +1,4 @@
-export type HapticType = 'selection' | 'impactLight' | 'impactMedium' | 'impactHeavy' | 'notificationSuccess' | 'notificationWarning' | 'notificationError' | 'longPress' | 'tick' | 'denseTick' | 'confirm' | 'reject' | 'gestureStart';
+export type HapticType = "selection" | "impactLight" | "impactMedium" | "impactHeavy" | "notificationSuccess" | "notificationWarning" | "notificationError" | "longPress" | "tick" | "denseTick" | "confirm" | "reject" | "gestureStart";
 export declare const triggerHaptic: (type?: HapticType) => void;
 /**
  * Replace the haptic backend. Intended for TESTS and for the showcase; an app

package/lib/typescript/module/utils/index.d.ts

@@ -1,16 +1,16 @@
-export type { AnnounceOptions } from './announce.js';
-export { announce } from './announce.js';
-export { blendOf, tintOf } from './color.js';
-export { smoothCorners } from './corners.js';
-export type { FeedbackIntent } from './feedback.js';
-export { configureFeedback, feedback, hapticForIntent, isFeedbackEnabled } from './feedback.js';
-export type { HapticType } from './hapticUtils.js';
-export { resolveHaptic, setHapticImplementation, triggerHaptic } from './hapticUtils.js';
-export { mergeRefs } from './mergeRefs.js';
-export type { BreakpointKey, ResponsiveScales, ScreenInfo } from './responsive.js';
-export { Breakpoints, isScreenSize, isTablet, Responsive, ScreenDimensions, useScreenDimensions } from './responsive.js';
-export { shadowStyle } from './shadows.js';
-export type { SquirclePathParams } from './squircle.js';
-export { SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, squircleApplies, squircleHostRadius, squirclePath } from './squircle.js';
-export { warnUnknownProps } from './warnUnknownProps.js';
+export type { AnnounceOptions } from "./announce.js";
+export { announce } from "./announce.js";
+export { blendOf, tintOf } from "./color.js";
+export { smoothCorners } from "./corners.js";
+export type { FeedbackIntent } from "./feedback.js";
+export { configureFeedback, feedback, hapticForIntent, isFeedbackEnabled } from "./feedback.js";
+export type { HapticType } from "./hapticUtils.js";
+export { resolveHaptic, setHapticImplementation, triggerHaptic } from "./hapticUtils.js";
+export { mergeRefs } from "./mergeRefs.js";
+export type { BreakpointKey, ResponsiveScales, ScreenInfo } from "./responsive.js";
+export { Breakpoints, isScreenSize, isTablet, Responsive, ScreenDimensions, useScreenDimensions, } from "./responsive.js";
+export { shadowStyle } from "./shadows.js";
+export type { SquirclePathParams } from "./squircle.js";
+export { SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, squircleApplies, squircleHostRadius, squirclePath, } from "./squircle.js";
+export { warnUnknownProps } from "./warnUnknownProps.js";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/utils/mergeRefs.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from 'react';
+import type { Ref } from "react";
 /**
  * Fold several refs into one callback ref, so a component can hold its own
  * ref to a host (to call `focus()` on it) while still forwarding the ref its

package/lib/typescript/module/utils/placement.d.ts

@@ -1,13 +1,13 @@
-import type { LayoutRectangle } from 'react-native';
-import type { EdgeInsets } from 'react-native-safe-area-context';
+import type { LayoutRectangle } from "react-native";
+import type { EdgeInsets } from "react-native-safe-area-context";
 /**
  * The anchored-surface engine: where a menu, a context menu or a tooltip sits
  * against the view that opened it. Pure geometry in window coordinates (what
  * `measureInWindow` reports), so it runs the same on iOS, Android and web.
  */
-export type PlacementPreference = 'top' | 'bottom' | 'auto';
-export type ResolvedPlacement = 'top' | 'bottom';
-export type PlacementAlign = 'center' | 'start' | 'end';
+export type PlacementPreference = "top" | "bottom" | "auto";
+export type ResolvedPlacement = "top" | "bottom";
+export type PlacementAlign = "center" | "start" | "end";
 export interface PlacementViewport {
     width: number;
     height: number;

package/lib/typescript/module/utils/shadows.d.ts

@@ -1,5 +1,5 @@
-import type { ViewStyle } from 'react-native';
-import type { ShadowScale } from '../theme/types.js';
+import type { ViewStyle } from "react-native";
+import type { ShadowScale } from "../theme/types.js";
 export declare const shadowStyle: (shadows: ShadowScale, level: keyof ShadowScale) => ViewStyle;
 /**
  * Whether this platform draws a `boxShadow`. Android paints an outset box

package/lib/typescript/module/utils/themeStyles.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from '../theme/types.js';
+import type { Theme } from "../theme/types.js";
 /** Builds a component's styles once per theme object; every row of a list shares them. */
 export declare const themeStyles: <T>(build: (theme: Theme) => T) => ((theme: Theme) => T);
 //# sourceMappingURL=themeStyles.d.ts.map

package/lib/typescript/module/utils/warnUnknownProps.d.ts

@@ -10,8 +10,8 @@
  * sites. Neither failed a build, a lint or a test.
  *
  * Our components are TypeScript, so a TS consumer is already protected at
- * compile time. Several apps in the fleet are plain JS, and they get nothing —
- * which is who this is for. The check therefore has to be a runtime one, and it
+ * compile time. Some apps are plain JS and get nothing from it, and they are
+ * who this is for. The check therefore has to be a runtime one, and it
  * has to run where the mistake is made: the consumer's dev server.
  *
  * DEV ONLY — the `__DEV__` guard means it costs a release build nothing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-ui",
-  "version": "0.19.1",
+  "version": "0.88.1",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -93,9 +93,14 @@
     "react-native-safe-area-context": ">=5.4.0",
     "react-native-svg": ">=15.0.0",
     "react-native-worklets": ">=0.10.0",
-    "@webority/mobile-core": "0.19.1"
+    "@webority/canvas-kit": "0.88.1",
+    "@webority/mobile-core": "0.88.1"
+  },
+  "peerDependenciesMeta": {
+    "@webority/canvas-kit": {
+      "optional": true
+    }
   },
-  "peerDependenciesMeta": {},
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -127,10 +132,35 @@
     ]
   },
   "devDependencies": {
-    "@webority/mobile-core": "0.19.1"
+    "@react-native/metro-config": "0.86.3",
+    "@testing-library/react-native": "12.9.0",
+    "@types/node": "25.6.0",
+    "@types/react": "19.2.18",
+    "@types/react-test-renderer": "19.1.0",
+    "expo": "57.0.17",
+    "expo-file-system": "57.0.6",
+    "expo-haptics": "57.0.2",
+    "expo-image": "57.0.3",
+    "jest": "29.7.0",
+    "react": "19.2.8",
+    "react-hook-form": "7.89.0",
+    "react-native": "0.86.3",
+    "react-native-builder-bob": "0.43.0",
+    "react-native-gesture-handler": "3.2.1",
+    "react-native-keyboard-controller": "1.21.9",
+    "react-native-reanimated": "4.5.3",
+    "react-native-safe-area-context": "5.9.1",
+    "react-native-svg": "15.15.5",
+    "react-native-worklets": "0.10.4",
+    "react-test-renderer": "19.2.8",
+    "rimraf": "6.1.3",
+    "typescript": "5.9.3",
+    "@webority/canvas-kit": "0.88.1",
+    "@webority/mobile-dev": "0.0.0",
+    "@webority/mobile-core": "0.88.1"
   },
   "scripts": {
-    "build": "bob build && node ../../scripts/minify-lib.mjs",
+    "build": "bob build && node ../mobile-dev/scripts/minify-lib.mjs",
     "clean": "rimraf lib",
     "lint": "biome lint ./src",
     "lint:fix": "biome lint --write ./src",

package/src/specs/NativePdfRasterizer.ts

@@ -1,46 +1,46 @@
-import type { TurboModule } from 'react-native';
-import { TurboModuleRegistry } from 'react-native';
+import type { TurboModule } from "react-native";
+import { TurboModuleRegistry } from "react-native";
 
 export interface PdfDocumentInfo {
-  /** Opaque handle for every subsequent call (getPageInfo/renderPage/close) — NOT the file path. */
-  handle: string;
-  pageCount: number;
-  /** Points (1/72 in), the page size of page 0 as displayed (after the page's /Rotate) — a per-page size read happens in renderPage. */
-  pageWidth: number;
-  pageHeight: number;
+    /** Opaque handle for every subsequent call (getPageInfo/renderPage/close) — NOT the file path. */
+    handle: string;
+    pageCount: number;
+    /** Points (1/72 in), the page size of page 0 as displayed (after the page's /Rotate) — a per-page size read happens in renderPage. */
+    pageWidth: number;
+    pageHeight: number;
 }
 
 export interface PdfPageInfo {
-  width: number;
-  height: number;
+    width: number;
+    height: number;
 }
 
 export interface Spec extends TurboModule {
-  /**
-   * Opens a LOCAL pdf file (a file:// path or bare absolute path — no http(s), no
-   * headers, no auth: callers download remote documents with mobile-core's
-   * `downloadFile` first). Returns a handle used by every other call. Throws
-   * (rejects) on a missing file, a corrupt PDF, or a password-protected PDF.
-   */
-  open(path: string): Promise<PdfDocumentInfo>;
+    /**
+     * Opens a LOCAL pdf file (a file:// path or bare absolute path — no http(s), no
+     * headers, no auth: callers download remote documents with mobile-core's
+     * `downloadFile` first). Returns a handle used by every other call. Throws
+     * (rejects) on a missing file, a corrupt PDF, or a password-protected PDF.
+     */
+    open(path: string): Promise<PdfDocumentInfo>;
 
-  /**
-   * Reads one page's own size without rasterizing it (pages in a PDF can each
-   * have a different size/rotation).
-   */
-  getPageInfo(handle: string, pageIndex: number): Promise<PdfPageInfo>;
+    /**
+     * Reads one page's own size without rasterizing it (pages in a PDF can each
+     * have a different size/rotation).
+     */
+    getPageInfo(handle: string, pageIndex: number): Promise<PdfPageInfo>;
 
-  /**
-   * Rasterizes one page to a PNG file in the cache directory and returns its
-   * absolute path. `scale` is a multiplier on the page's own point size (pass
-   * the view width / page width ratio, capped by the caller — see
-   * react-native.md's "RGBA_8888 is 4 bytes/px" guidance). Renders are
-   * serialized per handle on both platforms; call sequentially per document.
-   */
-  renderPage(handle: string, pageIndex: number, scale: number): Promise<string>;
+    /**
+     * Rasterizes one page to a PNG file in the cache directory and returns its
+     * absolute path. `scale` is a multiplier on the page's own point size (pass
+     * the view width / page width ratio, capped by the caller — see
+     * react-native.md's "RGBA_8888 is 4 bytes/px" guidance). Renders are
+     * serialized per handle on both platforms; call sequentially per document.
+     */
+    renderPage(handle: string, pageIndex: number, scale: number): Promise<string>;
 
-  /** Releases the native document and evicts any cached page renders for it. */
-  close(handle: string): Promise<void>;
+    /** Releases the native document and evicts any cached page renders for it. */
+    close(handle: string): Promise<void>;
 }
 
-export default TurboModuleRegistry.get<Spec>('PdfRasterizer') as Spec | null;
+export default TurboModuleRegistry.get<Spec>("PdfRasterizer") as Spec | null;