libraryPackage manifestv2.0.4

lib.cockpit-kit-native

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

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

Source, release and verification context

Source snapshot bcc79fcc · Declared package version 2.0.4. This page combines the checked-in package guide and manifest; commands and runtime behavior were not executed in this review.

Package source ↗ Manifest ↗

servernode

EXPLORE THE PACKAGE

See where this package fits.

Follow a declared connection, inspect an import, then open the source guide when you need the detail.

THIS PACKAGElib.cockpit-kit-nativeplatform

Arrows point from a package to its direct dependency. Each count is derived from the captured manifests.

Search this view

3 declarationsSELECT TO INSPECT

PACKAGE GUIDERead at source ↗

@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

code

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

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

Use it to

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

Requires

TypeScript

Choose another boundary when

The @lssm-tech/lib.cockpit-kit-native package constraints do not match the target runtime or platform.

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

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

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Footer

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Nav

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Screen

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.variants

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/types

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/useCockpitFrame

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/MetricPanel

Imports and export paths.

16 entries

These are package-manifest entry points. Named symbols listed above come from the capability catalogue; this is not an exhaustive TypeScript symbol reference.

16 imports

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

./src/index.ts

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

./src/types.ts

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame

./src/ui/CockpitFrame/index.ts

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame

./src/ui/CockpitFrame/CockpitFrame.tsx

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Footer

./src/ui/CockpitFrame/CockpitFrame.Footer.tsx

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Nav

./src/ui/CockpitFrame/CockpitFrame.Nav.tsx

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.Screen

./src/ui/CockpitFrame/CockpitFrame.Screen.tsx

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/CockpitFrame.variants

./src/ui/CockpitFrame/CockpitFrame.variants.ts

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/types

./src/ui/CockpitFrame/types.ts

@lssm-tech/lib.cockpit-kit-native/ui/CockpitFrame/useCockpitFrame

./src/ui/CockpitFrame/useCockpitFrame.ts

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel

./src/ui/MetricPanel/index.ts

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/MetricPanel

./src/ui/MetricPanel/MetricPanel.tsx

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/MetricPanel.variants

./src/ui/MetricPanel/MetricPanel.variants.ts

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/types

./src/ui/MetricPanel/types.ts

@lssm-tech/lib.cockpit-kit-native/ui/MetricPanel/useMetricPanel

./src/ui/MetricPanel/useMetricPanel.ts

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

./src/variants.ts

Dependencies and related packages.

Runtime dependencies 3

@lssm-tech/lib.cockpit-kit: workspace:^
@lssm-tech/lib.contracts-spec-core: workspace:^
lucide-react-native: catalog:ui

Peer dependencies 2

react: catalog:
react-native: catalog:native

Development dependencies 6

@lssm-tech/lib.testing-helpers: workspace:*
@lssm-tech/tool.bun: workspace:*
@lssm-tech/tool.typescript: workspace:*
react: catalog:
react-native: catalog:native
typescript: catalog:

Package scripts.

Commands declared by this package. Review its setup requirements before running them; no command here was executed by this review.

publish:pkgbun publish --tolerate-republish --ignore-scripts --verbose

publish:pkg:canarybun publish:pkg --tag canary

buildcontractspec-bun-build build

build:bundlecontractspec-bun-build transpile

build:typescontractspec-bun-build types

devcontractspec-bun-build dev

cleanrm -rf dist

lintbun run lint:fix

lint:fix

node ../../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../../scripts/biome.cjs check --write .

lint:checknode ../../../../scripts/biome.cjs check .

testbun test --pass-with-no-tests

prebuildcontractspec-bun-build prebuild

typechecktsgo --noEmit

← Package directory More in Interfaces, presentations and design →

lib.cockpit-kit-native

See where this package fits.

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

Overview

Usage

Subpath exports

Rules

Declared capabilities.

Lib Cockpit Kit Native

Use it to

Requires

Choose another boundary when

Imports and export paths.

Dependencies and related packages.

Package scripts.

Make room for your context.

Your context

Choose a starting point

Support the way you begin and return

Reading comfort

Choose your language

Search the website

Find something to explore.

A few places to go deeper

Look before you leave

Stay with the context

Open the possibilities

A separate button for a closer look