@webority/mobile-ui 0.19.1 → 0.88.0

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.0",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -93,7 +93,7 @@
     "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/mobile-core": "0.88.0"
   },
   "peerDependenciesMeta": {},
   "publishConfig": {
@@ -127,10 +127,34 @@
     ]
   },
   "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/mobile-core": "0.88.0",
+    "@webority/mobile-dev": "0.0.0"
   },
   "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;