Docs/Interfaces, presentations and design
libraryPackage manifestv2.0.4

lib.cockpit-kit-web

Web lane for cockpit primitives — re-exports cockpit-kit types with web-specific ui/ subpath convention

@lssm-tech/lib.cockpit-kit-web
Markdown ↓Structured data ↓
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-webplatform

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

5 déclarationsSELECT TO INSPECT
PACKAGE GUIDERead at source ↗

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

Web lane for cockpit UI primitives. Mirrors @lssm-tech/lib.ui-kit-web in structure.

Vue d’ensemble

cockpit-kit-web provides the web-specific surface for cockpit primitives, re-exporting type contracts from @lssm-tech/lib.cockpit-kit and (in Phase 1) adding React/DOM component implementations.

Subpath exports

Import What you get
@lssm-tech/lib.cockpit-kit-web All types + variants
@lssm-tech/lib.cockpit-kit-web/variants Density, Expansion + schema descriptors
@lssm-tech/lib.cockpit-kit-web/types Component prop interfaces

Phase 1 will add:

Import What you get
@lssm-tech/lib.cockpit-kit-web/ui/CockpitFrame Web CockpitFrame component
@lssm-tech/lib.cockpit-kit-web/ui/NavRail Web NavRail component
@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas Web GraphCanvas component
@lssm-tech/lib.cockpit-kit-web/ui/MetricPanel Web MetricPanel component

Usage

ts
// Types (scaffold — Phase 1 adds implementations)
import type { CockpitFrameProps } from '@lssm-tech/lib.cockpit-kit-web';

// Canonical variants (owned by cockpit-kit, re-exported here)
import { Density, densityVariantSchema } from '@lssm-tech/lib.cockpit-kit-web/variants';

Dependency rules

  • cockpit-kit-web depends on cockpit-kit — not the reverse
  • Density and Expansion unions are owned by cockpit-kit; this package re-exports them
  • Do not add native/React Native code here

Declared capabilities.

Lib Cockpit Kit Web

Web lane for cockpit primitives — re-exports cockpit-kit types with web-specific ui/ subpath convention

Use it to

  • Adopt web lane for cockpit primitives — re-exports cockpit-kit types with web-specific ui/ subpath convention

Requires

  • TypeScript

Choose another boundary when

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

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

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

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

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

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

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

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

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

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

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

@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas

@lssm-tech/lib.cockpit-kit-web/ui/GraphCanvas/GraphCanvas

Imports and export paths.

31 entries

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

31 imports

Dependencies and related packages.

Runtime dependencies 5
class-variance-authority
catalog:ui
lucide-react
catalog:ui
Peer dependencies 2
react
catalog:
react-dom
catalog:
Development dependencies 6
react
catalog:
react-dom
catalog:
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:fixnode ../../../../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 directoryMore in Interfaces, presentations and design →
Votre vue

Make room for your context.

Shape the presentation around this moment. You can change it whenever you need.

Votre contexte

The different parts of you

Choose a starting point

Un mélange utile de contexte, de visuels et de guidage discret.

Tune each dimension
Each dimension can change independently. Product permissions and available actions stay unchanged.

Support the way you begin and return

Tune your support

Confort de lecture

Choisir votre langue

La langue de l’interface change uniquement le texte. Les marchés, les prix et les parcours conservent leurs propres paramètres.

Couverture des traductions

Une partie du contenu est affichée en anglais.

Navigation151
Graphe616
Catégories378
Portfolio833
Exemples2 035
Aperçu de la source1 542

D’autres traductions seront ajoutées à mesure que le contenu sera relu.

Cette préférence est enregistrée dans ce navigateur.

Rechercher sur le site

Des points de départ utiles

Aucun résultat. Essayez une expression plus courte, un nom d’opération ou un autre périmètre de recherche.

UN PEU DE PLACE POUR EXPLORER

Trouvez quelque chose à explorer.

Ouvrez un aperçu détaillé sur cette page, essayez une autre perspective ou suivez le détail vers sa propre page.

Fonctionnement des aperçus et des commandes
01

Regarder avant de partir

Survolez un lien ou sélectionnez-le avec Tab pour voir un aperçu. Cliquer sur le lien d’origine ou appuyer sur Entrée ouvre toujours sa destination.

02

Rester dans le contexte

Entrez dans l’aperçu pour explorer ses sections. Depuis un lien sélectionné, utilisez Alt + ↓ pour y entrer au clavier. Échap le ferme.

03

Ouvrir les possibilités

Les lignes dépliables, les choix de perspective et les commandes mises en évidence révèlent davantage. Votre vue adapte le confort de lecture et le contexte exploré.

Un bouton séparé pour voir de plus près

Affichez de petits boutons d’aperçu à côté des liens quand l’espace le permet. Touchez l’œil pour examiner ou le lien pour y aller directement. Ce choix reste dans cet onglet.

Aucun historique de navigation n’est collecté. La réduction des animations suit votre appareil et Votre vue.