@bpmnkit/astro-shared 0.0.3

package/README.md

@@ -0,0 +1,78 @@
+<div align="center">
+  <img src="https://raw.githubusercontent.com/bpmnkit/monorepo/main/doc/logos/logo-2-gateway.svg" width="72" height="72" alt="BPMN Kit logo">
+  <h1>@bpmnkit/astro-shared</h1>
+  <p>Shared CSS design tokens, aurora background, and site metadata for BPMN Kit Astro apps</p>
+
+  [![npm](https://img.shields.io/npm/v/@bpmnkit/astro-shared?style=flat-square&color=6244d7)](https://www.npmjs.com/package/@bpmnkit/astro-shared)
+  [![license](https://img.shields.io/npm/l/@bpmnkit/astro-shared?style=flat-square)](https://github.com/bpmnkit/monorepo/blob/main/LICENSE)
+  [![typescript](https://img.shields.io/badge/TypeScript-strict-6244d7?style=flat-square&logo=typescript&logoColor=white)](https://github.com/bpmnkit/monorepo)
+
+  [Documentation](https://docs.bpmnkit.com) · [GitHub](https://github.com/bpmnkit/monorepo) · [Changelog](https://github.com/bpmnkit/monorepo/blob/main/packages/astro-shared/CHANGELOG.md)
+</div>
+
+---
+
+## Overview
+
+`@bpmnkit/astro-shared` provides shared CSS imports and site metadata used across BPMN Kit's Astro-based apps (landing page, docs, learn). It re-exports the design tokens from `@bpmnkit/ui` and adds a global aurora background animation.
+
+This package is primarily intended for internal use by BPMN Kit's own Astro applications.
+
+## Installation
+
+```sh
+npm install @bpmnkit/astro-shared
+```
+
+## Usage
+
+### Import design tokens in Astro layouts
+
+```astro
+---
+import "@bpmnkit/astro-shared/tokens.css"
+import "@bpmnkit/astro-shared/background.css"
+---
+```
+
+### Access site metadata
+
+```typescript
+import { SITE } from "@bpmnkit/astro-shared"
+
+console.log(SITE.name)    // "BPMN Kit"
+console.log(SITE.docsUrl) // "https://docs.bpmnkit.com"
+```
+
+## Exports
+
+| Export | Description |
+|--------|-------------|
+| `/tokens.css` | All `--bpmnkit-*` CSS custom properties (re-exports `@bpmnkit/ui/tokens.css`) |
+| `/background.css` | Global aurora background animation styles |
+| `.` | `SITE` metadata object (name, url, github, docsUrl, learnUrl, npm) |
+
+---
+
+## Related Packages
+
+| Package | Description |
+|---------|-------------|
+| [`@bpmnkit/core`](https://www.npmjs.com/package/@bpmnkit/core) | BPMN/DMN/Form parser, builder, layout engine |
+| [`@bpmnkit/canvas`](https://www.npmjs.com/package/@bpmnkit/canvas) | Zero-dependency SVG BPMN viewer |
+| [`@bpmnkit/editor`](https://www.npmjs.com/package/@bpmnkit/editor) | Full-featured interactive BPMN editor |
+| [`@bpmnkit/engine`](https://www.npmjs.com/package/@bpmnkit/engine) | Lightweight BPMN process execution engine |
+| [`@bpmnkit/feel`](https://www.npmjs.com/package/@bpmnkit/feel) | FEEL expression language parser & evaluator |
+| [`@bpmnkit/plugins`](https://www.npmjs.com/package/@bpmnkit/plugins) | 22 composable canvas plugins |
+| [`@bpmnkit/api`](https://www.npmjs.com/package/@bpmnkit/api) | Camunda 8 REST API TypeScript client |
+| [`@bpmnkit/ascii`](https://www.npmjs.com/package/@bpmnkit/ascii) | Render BPMN diagrams as Unicode ASCII art |
+| [`@bpmnkit/ui`](https://www.npmjs.com/package/@bpmnkit/ui) | Shared design tokens and UI components |
+| [`@bpmnkit/profiles`](https://www.npmjs.com/package/@bpmnkit/profiles) | Shared auth, profile storage, and client factories for CLI & proxy |
+| [`@bpmnkit/operate`](https://www.npmjs.com/package/@bpmnkit/operate) | Monitoring & operations frontend for Camunda clusters |
+| [`@bpmnkit/connector-gen`](https://www.npmjs.com/package/@bpmnkit/connector-gen) | Generate connector templates from OpenAPI specs |
+| [`@bpmnkit/cli`](https://www.npmjs.com/package/@bpmnkit/cli) | Camunda 8 command-line interface (casen) |
+| [`@bpmnkit/proxy`](https://www.npmjs.com/package/@bpmnkit/proxy) | Local AI bridge and Camunda API proxy server |
+
+## License
+
+[MIT](https://github.com/bpmnkit/monorepo/blob/main/LICENSE) © BPMN Kit

package/package.json

@@ -0,0 +1,43 @@
+{
+	"name": "@bpmnkit/astro-shared",
+	"version": "0.0.3",
+	"private": false,
+	"type": "module",
+	"exports": {
+		"./tokens.css": "./src/tokens.css",
+		"./background.css": "./src/background.css",
+		".": "./src/site.ts"
+	},
+	"files": [
+		"README.md",
+		"src/*.css",
+		"src/site.ts"
+	],
+	"scripts": {
+		"check": "biome check ."
+	},
+	"keywords": [
+		"bpmn",
+		"astro",
+		"design-tokens",
+		"shared",
+		"css",
+		"typescript"
+	],
+	"dependencies": {
+		"@bpmnkit/ui": "workspace:*"
+	},
+	"license": "MIT",
+	"publishConfig": {
+		"access": "public"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/bpmnkit/monorepo"
+	},
+	"description": "Shared CSS design tokens, aurora background, and site metadata for BPMN Kit Astro apps",
+	"homepage": "https://bpmnkit.com",
+	"bugs": {
+		"url": "https://github.com/bpmnkit/monorepo/issues"
+	}
+}

package/src/background.css

@@ -0,0 +1,90 @@
+/* ── Aurora background ──────────────────────────────────────────── */
+.aurora {
+	position: fixed;
+	inset: 0;
+	pointer-events: none;
+	overflow: hidden;
+	z-index: -1;
+}
+
+.orb {
+	position: absolute;
+	border-radius: 50%;
+	filter: blur(80px);
+	opacity: 0.55;
+}
+
+.orb-1 {
+	width: 600px;
+	height: 600px;
+	top: -200px;
+	left: -100px;
+	background: radial-gradient(circle, oklch(55% 0.22 280 / 0.7), transparent 70%);
+	animation: drift1 14s ease-in-out infinite alternate;
+}
+
+.orb-2 {
+	width: 500px;
+	height: 500px;
+	top: -100px;
+	right: -80px;
+	background: radial-gradient(circle, oklch(72% 0.18 185 / 0.5), transparent 70%);
+	animation: drift2 18s ease-in-out infinite alternate;
+}
+
+.orb-3 {
+	width: 400px;
+	height: 400px;
+	bottom: 0;
+	left: 35%;
+	background: radial-gradient(circle, oklch(68% 0.22 340 / 0.35), transparent 70%);
+	animation: drift3 22s ease-in-out infinite alternate;
+}
+
+@keyframes drift1 {
+	from {
+		transform: translate(0, 0) scale(1);
+	}
+	to {
+		transform: translate(60px, 40px) scale(1.1);
+	}
+}
+
+@keyframes drift2 {
+	from {
+		transform: translate(0, 0) scale(1.05);
+	}
+	to {
+		transform: translate(-50px, 60px) scale(0.95);
+	}
+}
+
+@keyframes drift3 {
+	from {
+		transform: translate(0, 0) scale(0.9);
+	}
+	to {
+		transform: translate(40px, -30px) scale(1.1);
+	}
+}
+
+.dots {
+	position: fixed;
+	inset: 0;
+	pointer-events: none;
+	z-index: -1;
+	background-image: radial-gradient(oklch(55% 0.04 270 / 0.5) 1px, transparent 1px);
+	background-size: 28px 28px;
+	mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, black 20%, transparent 80%);
+	-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, black 20%, transparent 80%);
+}
+
+.grain {
+	position: fixed;
+	inset: 0;
+	pointer-events: none;
+	z-index: -1;
+	opacity: 0.035;
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
+	background-size: 256px;
+}

package/src/site.ts

@@ -0,0 +1,11 @@
+export const SITE = {
+	name: "BPMN Kit",
+	tagline: "Build, model, and deploy BPMN processes with TypeScript",
+	description:
+		"A TypeScript SDK for building, modeling, simulating, and deploying BPMN processes on Camunda 8.",
+	url: "https://bpmn-sdk.github.io/monorepo",
+	github: "https://github.com/bpmnkit/monorepo",
+	npm: "https://www.npmjs.com/package/@bpmnkit/core",
+	docsUrl: "https://docs.bpmnkit.com",
+	learnUrl: "https://learn.bpmnkit.com",
+}

package/src/tokens.css

@@ -0,0 +1,33 @@
+/* ── BPMN SDK brand tokens (Astro apps) ─────────────────────────────────────
+ * Imports the canonical --bpmnkit-* token set, then maps them to the shorter
+ * --* names used by the landing / learn / docs layouts so those templates
+ * don't need updating.  Aurora / layout tokens live here too.
+ * ─────────────────────────────────────────────────────────────────────────── */
+
+@import "@bpmnkit/ui/tokens.css";
+
+/* Map --bpmnkit-* → short names used in Astro layout templates */
+:root {
+	--bg: var(--bpmnkit-bg);
+	--bg-card: var(--bpmnkit-surface);
+	--surface: var(--bpmnkit-surface);
+	--bg-code: var(--bpmnkit-surface-2);
+	--border: var(--bpmnkit-border);
+	--text: var(--bpmnkit-fg);
+	--text-muted: var(--bpmnkit-fg-muted);
+	--accent: var(--bpmnkit-accent);
+	--accent-bright: var(--bpmnkit-accent-bright);
+	--accent-glow: var(--bpmnkit-accent-subtle);
+	--teal: var(--bpmnkit-teal);
+	--success: var(--bpmnkit-success);
+	--warn: var(--bpmnkit-warn);
+	--danger: var(--bpmnkit-danger);
+
+	/* Astro-specific layout tokens */
+	--pink: oklch(68% 0.22 340);
+	--font-mono: var(--bpmnkit-font-mono);
+	--font-sans: var(--bpmnkit-font);
+	--max-width: 1120px;
+	--nav-h: 60px;
+	--radius: 14px;
+}