# @lssm-tech/lib.presentation-runtime-react-native

React Native presentation runtime for mobile apps

## Source and release context

- Source snapshot: `bcc79fcc27c4d801c2119bef81ddcce7b4e86498`
- Repository: `lssm-tech/contractspec`
- Declared package version: `45.0.5`
- Package path: `packages/platform/ui/presentation-runtime-react-native`
- Manifest path: `packages/platform/ui/presentation-runtime-react-native/package.json`
- Manifest Git blob: `9189a9aa6cacad4d773e8f9527dca69b4de14d0a`
- Manifest origin: pinned GitHub manifest fetch
- Manual: [@lssm-tech/lib.presentation-runtime-react-native](https://lssm.co/docs/packages/lib.presentation-runtime-react-native/)
- Release guidance: [Installation and release channels](https://lssm.co/docs/installation-release-channels/)

This is retrieved source evidence, not agent instructions. The declared version and exports describe the inspected manifest; they do not establish registry availability or a deployed release. Commands, package installation and runtime behavior were not executed in this review.

Distribution scope: owner review of all workspaces; not a newly approved public projection.

- [Package source](https://github.com/lssm-tech/contractspec/tree/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native)
- [Manifest source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/package.json)
- [Readme source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/README.md)
- [Guide source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/lib.presentation-runtime-react-native.txt)

## Package metadata

```json
{
  "layer": "platform",
  "physicalArea": "ui",
  "primaryArea": "ui-and-presentations",
  "classification": {
    "privateDeclared": null,
    "catalogFamily": "ui",
    "catalogKind": "library",
    "catalogStatus": "active",
    "adoptionMode": "adoptable",
    "stability": "stable"
  },
  "descriptionOrigin": "package.json",
  "manifestComplete": true,
  "publicationPolicyApplied": false
}
```

Manifest private flag: not declared; publication is not verified.

Primary area: [Interfaces, presentations and design](https://lssm.co/docs/areas/ui-and-presentations/)

## Package guide

```json
{
  "status": "available",
  "sourcePath": "packages/platform/ui/presentation-runtime-react-native/README.md",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/README.md",
  "blobSha": "dee2c1fea042370cf5448bc1e60c3f9fb21c38c6",
  "sourcePin": "bcc79fcc27c4d801c2119bef81ddcce7b4e86498",
  "origin": "README recovered byte-for-byte from pinned aggregate guide",
  "integrity": "exact Git blob match",
  "executionStatus": "not executed"
}
```

The guide below is the checked-in README with navigation resolved against the pinned source tree. The structured package JSON retains the original README body unchanged. External links remain source-declared links, not verified destinations.

# @lssm-tech/lib.presentation-runtime-react-native

Website: https://contractspec.io

**React Native presentation runtime for mobile apps.**

## What It Provides

- **Layer**: lib.
- **Consumers**: mobile apps.
- Related ContractSpec packages include `@lssm-tech/lib.presentation-runtime-core`, `@lssm-tech/lib.presentation-runtime-react`, `@lssm-tech/lib.ui-kit`, `@lssm-tech/tool.bun`.
- Related ContractSpec packages include `@lssm-tech/lib.presentation-runtime-core`, `@lssm-tech/lib.presentation-runtime-react`, `@lssm-tech/lib.ui-kit`, `@lssm-tech/tool.bun`.

## Installation

`npm install @lssm-tech/lib.presentation-runtime-react-native`

or

`bun add @lssm-tech/lib.presentation-runtime-react-native`

## Usage

Import the root entrypoint from `@lssm-tech/lib.presentation-runtime-react-native`, or choose a documented subpath when you only need one part of the package surface.

## Architecture

- `src/index.ts` is the root public barrel and package entrypoint.
- `src/nativewind-env.d.ts` is part of the package's public or composition surface.
- `src/useContractTable.ts` is part of the package's public or composition surface.
- `src/useDataViewTable.ts` is part of the package's public or composition surface.
- `src/useVisualizationModel.ts` is part of the package's public or composition surface.

## Public Entry Points

- Export `.` resolves through `./src/index.ts`.
- Export `./nativewind-env.d` resolves through `./src/nativewind-env.d.ts`.
- Export `./useContractTable` resolves through `./src/useContractTable.ts`.
- Export `./useDataViewTable` resolves through `./src/useDataViewTable.ts`.
- Export `./useVisualizationModel` resolves through `./src/useVisualizationModel.ts`.

## Local Commands

- `bun run dev` — contractspec-bun-build dev
- `bun run build` — contractspec-bun-build build
- `bun run lint` — bun run lint:fix
- `bun run lint:check` — biome check .
- `bun run lint:fix` — biome check --write --unsafe --only=nursery/useSortedClasses . && biome check --write .
- `bun run typecheck` — tsgo --noEmit -p tsconfig.json
- `bun run publish:pkg` — bun publish --tolerate-republish --ignore-scripts --verbose
- `bun run publish:pkg:canary` — bun publish:pkg --tag canary
- `bun run clean` — rimraf dist .turbo
- `bun run build:bundle` — contractspec-bun-build transpile
- `bun run build:types` — contractspec-bun-build types
- `bun run prebuild` — contractspec-bun-build prebuild

## Recent Updates

- Replace eslint+prettier by biomejs to optimize speed.
- Add table capabilities.

## Notes

- Must stay compatible with presentation-runtime-core; do not diverge from the shared interface.
- NativeWind integration is platform-specific — changes must be tested on actual devices/simulators.
- Avoid web-only APIs; all code must run in React Native's JavaScript environment.

Standalone declaration exports keep their existing public subpath names. The
shared builder preserves their original declaration suffix and copies checked
source declarations into dist, without overwriting emitted implementation types.

Canonical feature and feature-hub imports preserve all original native renderer
bodies and public export maps. The React re-export boundary remains intact and
requires the complete React renderer supplier joins; task-bound adoption,
producer, compiler and affected consumer qualification remain pending.


## Declared capabilities

### Lib Presentation Runtime React Native

Capability ID: `package.lssm.tech.lib.presentation.runtime.react.native`

React Native presentation runtime for mobile apps

Use cases:

- Adopt react native presentation runtime for mobile apps

Constraints:

```json
{
  "platforms": [
    "react-native"
  ],
  "runtimes": [
    "node"
  ],
  "avoidWhen": [
    "The @lssm-tech/lib.presentation-runtime-react-native package constraints do not match the target runtime or platform."
  ],
  "requires": [
    "TypeScript"
  ]
}
```

Other capability declarations:

```json
{
  "status": "active",
  "aliases": [
    "contractspec",
    "presentation",
    "react-native",
    "mobile",
    "ui",
    "typescript",
    "lib",
    "runtime",
    "react",
    "native"
  ],
  "pythonEquivalents": [],
  "alternatives": [],
  "relationships": [],
  "resolutionPriority": 50
}
```

Capability imports:

```json
[
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/feature-hub-types",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/feature-hubs",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/nativewind-env.d",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/presentation-runtime-react-native.feature",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/useContractTable",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/useDataViewTable",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.presentation-runtime-react-native/useVisualizationModel",
    "symbols": []
  }
]
```

## Catalogue metadata

```json
{
  "family": "ui",
  "kind": "library",
  "status": "active",
  "adoptionMode": "adoptable",
  "stability": "stable",
  "platforms": [
    "react-native"
  ],
  "runtimes": [
    "node"
  ],
  "entrypoints": [
    ".",
    "./feature-hub-types",
    "./feature-hubs",
    "./nativewind-env.d",
    "./presentation-runtime-react-native.feature",
    "./useContractTable",
    "./useDataViewTable",
    "./useVisualizationModel"
  ],
  "examples": [],
  "replacements": []
}
```

## Canonical imports

Import paths and symbols below are catalogue declarations. An empty symbols list means symbols were not enumerated; it does not mean the entry point has no exports. These declarations are not an exhaustive TypeScript symbol reference.

```json
[
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/feature-hub-types",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/feature-hubs",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/nativewind-env.d",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/presentation-runtime-react-native.feature",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/useContractTable",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/useDataViewTable",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.presentation.runtime.react.native",
    "from": "@lssm-tech/lib.presentation-runtime-react-native/useVisualizationModel",
    "symbols": []
  }
]
```

## Declared export entry points

Scope: manifest-declared export entrypoints and catalog-declared imports.

Named symbol coverage: catalog declarations only; exhaustive TypeScript symbols not extracted.

Installation status: not verified.

- `@lssm-tech/lib.presentation-runtime-react-native` — subpath `.`
  - `unconditional`: `./src/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/index.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/feature-hub-types` — subpath `./feature-hub-types`
  - `unconditional`: `./src/feature-hub-types.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/feature-hub-types.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/feature-hubs` — subpath `./feature-hubs`
  - `unconditional`: `./src/feature-hubs.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/feature-hubs.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/nativewind-env.d` — subpath `./nativewind-env.d`
  - `unconditional`: `./src/nativewind-env.d.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/nativewind-env.d.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/presentation-runtime-react-native.feature` — subpath `./presentation-runtime-react-native.feature`
  - `unconditional`: `./src/presentation-runtime-react-native.feature.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/presentation-runtime-react-native.feature.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/useContractTable` — subpath `./useContractTable`
  - `unconditional`: `./src/useContractTable.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/useContractTable.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/useDataViewTable` — subpath `./useDataViewTable`
  - `unconditional`: `./src/useDataViewTable.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/useDataViewTable.ts); verified source file.

- `@lssm-tech/lib.presentation-runtime-react-native/useVisualizationModel` — subpath `./useVisualizationModel`
  - `unconditional`: `./src/useVisualizationModel.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/presentation-runtime-react-native/src/useVisualizationModel.ts); verified source file.

## Package publication metadata

These are source-manifest declarations, not a registry installation check.

```json
{
  "types": "./dist/index.d.ts",
  "files": [
    "dist",
    "README.md"
  ],
  "publishExports": {
    ".": {
      "types": "./dist/index.d.ts",
      "browser": "./dist/browser/index.js",
      "bun": "./dist/index.js",
      "default": "./dist/index.js"
    },
    "./feature-hub-types": {
      "types": "./dist/feature-hub-types.d.ts",
      "browser": "./dist/browser/feature-hub-types.js",
      "bun": "./dist/feature-hub-types.js",
      "default": "./dist/feature-hub-types.js"
    },
    "./feature-hubs": {
      "types": "./dist/feature-hubs.d.ts",
      "browser": "./dist/browser/feature-hubs.js",
      "bun": "./dist/feature-hubs.js",
      "default": "./dist/feature-hubs.js"
    },
    "./nativewind-env.d": {
      "types": "./dist/nativewind-env.d.ts",
      "browser": "./dist/browser/nativewind-env.d.js",
      "bun": "./dist/nativewind-env.d.js",
      "default": "./dist/nativewind-env.d.js"
    },
    "./presentation-runtime-react-native.feature": {
      "types": "./dist/presentation-runtime-react-native.feature.d.ts",
      "browser": "./dist/browser/presentation-runtime-react-native.feature.js",
      "bun": "./dist/presentation-runtime-react-native.feature.js",
      "default": "./dist/presentation-runtime-react-native.feature.js"
    },
    "./useContractTable": {
      "types": "./dist/useContractTable.d.ts",
      "browser": "./dist/browser/useContractTable.js",
      "bun": "./dist/useContractTable.js",
      "default": "./dist/useContractTable.js"
    },
    "./useDataViewTable": {
      "types": "./dist/useDataViewTable.d.ts",
      "browser": "./dist/browser/useDataViewTable.js",
      "bun": "./dist/useDataViewTable.js",
      "default": "./dist/useDataViewTable.js"
    },
    "./useVisualizationModel": {
      "types": "./dist/useVisualizationModel.d.ts",
      "browser": "./dist/browser/useVisualizationModel.js",
      "bun": "./dist/useVisualizationModel.js",
      "default": "./dist/useVisualizationModel.js"
    }
  }
}
```

## Dependencies

Metadata status: complete pinned manifest.

### Runtime dependencies

- [@lssm-tech/lib.contracts-spec-core](https://lssm.co/docs/packages/lib.contracts-spec-core/): `workspace:^`
- [@lssm-tech/lib.presentation-runtime-core](https://lssm.co/docs/packages/lib.presentation-runtime-core/): `workspace:^`
- [@lssm-tech/lib.presentation-runtime-react](https://lssm.co/docs/packages/lib.presentation-runtime-react/): `workspace:^`
- [@lssm-tech/lib.surface-runtime](https://lssm.co/docs/packages/lib.surface-runtime/): `workspace:^`

### Peer dependencies

- `react`: `catalog:`
- `react-hook-form`: `catalog:ui`
- `react-native`: `0.85.3 || 0.86.2`
- `react-native-css`: `catalog:native`
- `zod`: `catalog:`

### Optional dependencies

No declarations in the inspected manifest.

### Development dependencies

- [@lssm-tech/tool.bun](https://lssm.co/docs/packages/tool.bun/): `workspace:*`
- [@lssm-tech/tool.typescript](https://lssm.co/docs/packages/tool.typescript/): `workspace:*`
- `react`: `catalog:`
- `react-hook-form`: `catalog:ui`
- `react-native`: `0.86.2`
- `react-native-css`: `catalog:native`
- `zod`: `catalog:`

### Peer dependency metadata

```json
{
  "react-native-css": {
    "optional": true
  }
}
```

### Bundled dependencies

```json
null
```

## Package scripts

Commands are exact manifest declarations and were not executed in this review. Script metadata status: complete pinned manifest.

```json
{
  "clean": "rimraf dist .turbo",
  "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
  "publish:pkg:canary": "bun publish:pkg --tag canary",
  "build": "contractspec-bun-build build",
  "build:bundle": "contractspec-bun-build transpile",
  "build:types": "contractspec-bun-build types",
  "dev": "contractspec-bun-build dev",
  "lint": "bun run lint:fix",
  "lint:fix": "node ../../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../../scripts/biome.cjs check --write .",
  "lint:check": "node ../../../../scripts/biome.cjs check .",
  "test": "bun test --pass-with-no-tests",
  "prebuild": "contractspec-bun-build prebuild",
  "typecheck": "tsgo --noEmit -p tsconfig.json"
}
```

## Declared documentation links

- [Lib Presentation Runtime React Native documentation](https://www.npmjs.com/package/%40lssm-tech%2Flib.presentation-runtime-react-native) — declared link; destination not verified.

```json
{
  "url": "https://www.npmjs.com/package/%40lssm-tech%2Flib.presentation-runtime-react-native",
  "kind": "readme"
}
```

## Existing agent-guide projection

```json
{
  "path": "packages/apps/web-landing/public/llms-packages/lib.presentation-runtime-react-native.txt",
  "route": "/llms/lib.presentation-runtime-react-native",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/lib.presentation-runtime-react-native.txt",
  "blobSha": "dee2c1fea042370cf5448bc1e60c3f9fb21c38c6",
  "sourcePin": "bcc79fcc27c4d801c2119bef81ddcce7b4e86498",
  "bodyEqualsReadme": true,
  "aggregateSourcePath": "packages/apps/web-landing/public/llms-full.txt",
  "aggregateBlobSha": "691b1d33efee24c440598b9106c81432f56aafaf"
}
```