# @lssm-tech/lib.cockpit-kit-native

Native lane for cockpit primitives — React Native implementations with cockpit-kit type contracts

## Source and release context

- Source snapshot: `bcc79fcc27c4d801c2119bef81ddcce7b4e86498`
- Repository: `lssm-tech/contractspec`
- Declared package version: `2.0.4`
- Package path: `packages/platform/ui/cockpit-kit-native`
- Manifest path: `packages/platform/ui/cockpit-kit-native/package.json`
- Manifest Git blob: `b60a18b23f25ff7896dae5960743abcb22152d41`
- Manifest origin: pinned GitHub manifest fetch
- Manual: [@lssm-tech/lib.cockpit-kit-native](https://lssm.co/docs/packages/lib.cockpit-kit-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/cockpit-kit-native)
- [Manifest source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/package.json)
- [Readme source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/README.md)
- [Guide source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/lib.cockpit-kit-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": "experimental"
  },
  "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/cockpit-kit-native/README.md",
  "sourceUrl": "https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/README.md",
  "blobSha": "7a79498120fd09e5903c8514d6da95434969d948",
  "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.cockpit-kit-native

Native lane (React Native / Expo) for cockpit primitives. Implements the `CockpitFrame`, `NavRail`, `GraphCanvas`, and `MetricPanel` contracts from `@lssm-tech/lib.cockpit-kit` using React Native primitives.

## Overview

```
cockpit-kit-native  →  cockpit-kit  (type contracts + variant unions)
```


Variant unions (`Density`, `Expansion`) are owned by `cockpit-kit` and re-exported here for convenience.

## Usage

```tsx
import { CockpitFrame } from "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame";

function MyCockpit() {
  const [active, setActive] = React.useState("dashboard");
  return (
    <CockpitFrame density="comfortable" expansion="expanded">
      <CockpitFrame.Nav>
        {/* NavRailNative goes here */}
      </CockpitFrame.Nav>
      {active === "dashboard" && (
        <CockpitFrame.Screen for="dashboard">
          <DashboardScreen />
        </CockpitFrame.Screen>
      )}
      <CockpitFrame.Footer>
        <StatusBar />
      </CockpitFrame.Footer>
    </CockpitFrame>
  );
}
```


## Subpath exports

| Import | Contents |
|--------|----------|
| `@lssm-tech/lib.cockpit-kit-native` | Type contracts + variant unions |
| `@lssm-tech/lib.cockpit-kit-native/variants` | Density + Expansion re-exports |
| `@lssm-tech/lib.cockpit-kit-native/types` | Prop interface re-exports |
| `@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame` | Compound layout container |

## Rules

- Do NOT import from `@lssm-tech/lib.personalized-presentation` (cycle prevention)
- Do NOT use web-only APIs (`div`, `className`, `cva`, `clsx`)
- Use `StyleSheet.create` for all styles
- Variant types MUST come from `@lssm-tech/lib.cockpit-kit/variants`


## Declared capabilities

### Lib Cockpit Kit Native

Capability ID: `package.lssm.tech.lib.cockpit.kit.native`

Native lane for cockpit primitives — React Native implementations with cockpit-kit type contracts

Use cases:

- Adopt native lane for cockpit primitives — react native implementations with cockpit-kit type contracts

Constraints:

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

Other capability declarations:

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

Capability imports:

```json
[
  {
    "from": "@lssm-tech/lib.cockpit-kit-native",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/types",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Footer",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Nav",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Screen",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.variants",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/types",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/useCockpitFrame",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel",
    "symbols": []
  },
  {
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/MetricPanel",
    "symbols": []
  }
]
```

## Catalogue metadata

```json
{
  "family": "ui",
  "kind": "library",
  "status": "active",
  "adoptionMode": "adoptable",
  "stability": "experimental",
  "platforms": [
    "server"
  ],
  "runtimes": [
    "node"
  ],
  "entrypoints": [
    ".",
    "./types",
    "./ui/CockpitFrame",
    "./ui/CockpitFrame/CockpitFrame",
    "./ui/CockpitFrame/CockpitFrame.Footer",
    "./ui/CockpitFrame/CockpitFrame.Nav",
    "./ui/CockpitFrame/CockpitFrame.Screen",
    "./ui/CockpitFrame/CockpitFrame.variants",
    "./ui/CockpitFrame/types",
    "./ui/CockpitFrame/useCockpitFrame",
    "./ui/MetricPanel",
    "./ui/MetricPanel/MetricPanel",
    "./ui/MetricPanel/MetricPanel.variants",
    "./ui/MetricPanel/types",
    "./ui/MetricPanel/useMetricPanel",
    "./variants"
  ],
  "examples": [],
  "replacements": [],
  "visualTesting": {
    "status": "platform-qualified",
    "platform": "native",
    "owner": "@contractspec-core",
    "qualificationCommands": [
      "bun run typecheck",
      "bun run test"
    ],
    "evidenceManifest": "./storybook-platform-qualification.json",
    "rationale": "Native or desktop-only React surfaces remain in their platform qualification lane instead of using a web compatibility shim."
  }
}
```

## 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.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/types",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Footer",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Nav",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Screen",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.variants",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/types",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/useCockpitFrame",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel",
    "symbols": []
  },
  {
    "capabilityId": "package.lssm.tech.lib.cockpit.kit.native",
    "from": "@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/MetricPanel",
    "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.cockpit-kit-native` — subpath `.`
  - `unconditional`: `./src/index.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/index.ts); verified source file.

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

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

- `@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame` — subpath `./ui/CockpitFrame/CockpitFrame`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/ui/CockpitFrame/CockpitFrame.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Footer` — subpath `./ui/CockpitFrame/CockpitFrame.Footer`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.Footer.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/ui/CockpitFrame/CockpitFrame.Footer.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Nav` — subpath `./ui/CockpitFrame/CockpitFrame.Nav`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.Nav.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/ui/CockpitFrame/CockpitFrame.Nav.tsx); verified source file.

- `@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Screen` — subpath `./ui/CockpitFrame/CockpitFrame.Screen`
  - `unconditional`: `./src/ui/CockpitFrame/CockpitFrame.Screen.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/ui/CockpitFrame/CockpitFrame.Screen.tsx); verified source file.

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

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

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

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

- `@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/MetricPanel` — subpath `./ui/MetricPanel/MetricPanel`
  - `unconditional`: `./src/ui/MetricPanel/MetricPanel.tsx` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/ui/MetricPanel/MetricPanel.tsx); verified source file.

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

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

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

- `@lssm-tech/lib.cockpit-kit-native/variants` — subpath `./variants`
  - `unconditional`: `./src/variants.ts` — [pinned source](https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/platform/ui/cockpit-kit-native/src/variants.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"
    },
    "./types": {
      "types": "./dist/types.d.ts",
      "browser": "./dist/browser/types.js",
      "bun": "./dist/types.js",
      "default": "./dist/types.js"
    },
    "./ui/CockpitFrame": {
      "types": "./dist/ui/CockpitFrame/index.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/index.js",
      "bun": "./dist/ui/CockpitFrame/index.js",
      "default": "./dist/ui/CockpitFrame/index.js"
    },
    "./ui/CockpitFrame/CockpitFrame": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.js"
    },
    "./ui/CockpitFrame/CockpitFrame.Footer": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.Footer.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.Footer.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.Footer.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.Footer.js"
    },
    "./ui/CockpitFrame/CockpitFrame.Nav": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.Nav.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.Nav.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.Nav.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.Nav.js"
    },
    "./ui/CockpitFrame/CockpitFrame.Screen": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.Screen.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.Screen.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.Screen.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.Screen.js"
    },
    "./ui/CockpitFrame/CockpitFrame.variants": {
      "types": "./dist/ui/CockpitFrame/CockpitFrame.variants.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/CockpitFrame.variants.js",
      "bun": "./dist/ui/CockpitFrame/CockpitFrame.variants.js",
      "default": "./dist/ui/CockpitFrame/CockpitFrame.variants.js"
    },
    "./ui/CockpitFrame/types": {
      "types": "./dist/ui/CockpitFrame/types.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/types.js",
      "bun": "./dist/ui/CockpitFrame/types.js",
      "default": "./dist/ui/CockpitFrame/types.js"
    },
    "./ui/CockpitFrame/useCockpitFrame": {
      "types": "./dist/ui/CockpitFrame/useCockpitFrame.d.ts",
      "browser": "./dist/browser/ui/CockpitFrame/useCockpitFrame.js",
      "bun": "./dist/ui/CockpitFrame/useCockpitFrame.js",
      "default": "./dist/ui/CockpitFrame/useCockpitFrame.js"
    },
    "./ui/MetricPanel": {
      "types": "./dist/ui/MetricPanel/index.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/index.js",
      "bun": "./dist/ui/MetricPanel/index.js",
      "default": "./dist/ui/MetricPanel/index.js"
    },
    "./ui/MetricPanel/MetricPanel": {
      "types": "./dist/ui/MetricPanel/MetricPanel.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/MetricPanel.js",
      "bun": "./dist/ui/MetricPanel/MetricPanel.js",
      "default": "./dist/ui/MetricPanel/MetricPanel.js"
    },
    "./ui/MetricPanel/MetricPanel.variants": {
      "types": "./dist/ui/MetricPanel/MetricPanel.variants.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/MetricPanel.variants.js",
      "bun": "./dist/ui/MetricPanel/MetricPanel.variants.js",
      "default": "./dist/ui/MetricPanel/MetricPanel.variants.js"
    },
    "./ui/MetricPanel/types": {
      "types": "./dist/ui/MetricPanel/types.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/types.js",
      "bun": "./dist/ui/MetricPanel/types.js",
      "default": "./dist/ui/MetricPanel/types.js"
    },
    "./ui/MetricPanel/useMetricPanel": {
      "types": "./dist/ui/MetricPanel/useMetricPanel.d.ts",
      "browser": "./dist/browser/ui/MetricPanel/useMetricPanel.js",
      "bun": "./dist/ui/MetricPanel/useMetricPanel.js",
      "default": "./dist/ui/MetricPanel/useMetricPanel.js"
    },
    "./variants": {
      "types": "./dist/variants.d.ts",
      "browser": "./dist/browser/variants.js",
      "bun": "./dist/variants.js",
      "default": "./dist/variants.js"
    }
  }
}
```

## Dependencies

Metadata status: complete pinned manifest.

### Runtime dependencies

- [@lssm-tech/lib.cockpit-kit](https://lssm.co/docs/packages/lib.cockpit-kit/): `workspace:^`
- [@lssm-tech/lib.contracts-spec-core](https://lssm.co/docs/packages/lib.contracts-spec-core/): `workspace:^`
- `lucide-react-native`: `catalog:ui`

### Peer dependencies

- `react`: `catalog:`
- `react-native`: `catalog:native`

### Optional dependencies

No declarations in the inspected manifest.

### Development dependencies

- [@lssm-tech/lib.testing-helpers](https://lssm.co/docs/packages/lib.testing-helpers/): `workspace:*`
- [@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-native`: `catalog:native`
- `typescript`: `catalog:`

### Peer dependency metadata

```json
{
  "react": {
    "optional": true
  },
  "react-native": {
    "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
{
  "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",
  "clean": "rm -rf dist",
  "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"
}
```

## Declared documentation links

- [Lib Cockpit Kit Native documentation](https://www.npmjs.com/package/%40lssm-tech%2Flib.cockpit-kit-native) — declared link; destination not verified.

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

## Existing agent-guide projection

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