@zendir/ui 0.1.0

package/dist/tokens/tokens.css

@@ -0,0 +1,155 @@
+/**
+ * @zendir/ui - CSS Design Tokens
+ * 
+ * Import this file to use Zendir design tokens as CSS custom properties.
+ * 
+ * Usage:
+ *   @import '@zendir/ui/tokens/css';
+ *   
+ *   .my-component {
+ *     background: var(--zendir-bg-surface);
+ *     color: var(--zendir-text-primary);
+ *   }
+ */
+
+:root {
+  /* ========================================
+   * STATUS COLORS (Astro UX Compliant)
+   * ======================================== */
+  --zendir-status-critical: #ff3838;
+  --zendir-status-serious: #ffb302;
+  --zendir-status-caution: #fce83a;
+  --zendir-status-normal: #56f000;
+  --zendir-status-standby: #2dccff;
+  --zendir-status-off: #a4abb6;
+
+  /* Light Theme Status Fill Colors */
+  --zendir-status-critical-light: #ff2a04;
+  --zendir-status-serious-light: #ffaf3d;
+  --zendir-status-caution-light: #fad800;
+  --zendir-status-normal-light: #00e200;
+  --zendir-status-standby-light: #64d9ff;
+  --zendir-status-off-light: #7b8089;
+
+  /* Light Theme Status Border Colors */
+  --zendir-status-critical-border: #661102;
+  --zendir-status-serious-border: #664618;
+  --zendir-status-caution-border: #645600;
+  --zendir-status-normal-border: #005a00;
+  --zendir-status-standby-border: #285766;
+  --zendir-status-off-border: #3c3e42;
+
+  /* ========================================
+   * ACCENT COLORS
+   * ======================================== */
+  --zendir-accent-primary: #4dacff;
+  --zendir-accent-secondary: #3d8ddb;
+  --zendir-accent-tertiary: #2e6eb3;
+
+  /* ========================================
+   * SPACING
+   * ======================================== */
+  --zendir-spacing-xs: 4px;
+  --zendir-spacing-sm: 8px;
+  --zendir-spacing-md: 16px;
+  --zendir-spacing-lg: 24px;
+  --zendir-spacing-xl: 32px;
+  --zendir-spacing-xxl: 48px;
+
+  /* ========================================
+   * BORDER RADIUS
+   * ======================================== */
+  --zendir-radius-none: 0;
+  --zendir-radius-sm: 2px;
+  --zendir-radius-md: 4px;
+  --zendir-radius-lg: 8px;
+  --zendir-radius-xl: 16px;
+  --zendir-radius-full: 9999px;
+
+  /* ========================================
+   * TYPOGRAPHY - AstroUXDS Compliant
+   * @see https://www.astrouxds.com/foundations/typography/
+   * ======================================== */
+  --zendir-font-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+  --zendir-font-mono: 'Roboto Mono', 'SF Mono', 'Consolas', 'Liberation Mono', monospace;
+
+  /* Compact sizes for dense UIs */
+  --zendir-font-size-micro: 0.5625rem; /* 9px */
+  --zendir-font-size-xxs: 0.625rem;    /* 10px */
+  /* Standard sizes */
+  --zendir-font-size-xs: 0.75rem;      /* 12px */
+  --zendir-font-size-sm: 0.875rem;     /* 14px */
+  --zendir-font-size-base: 1rem;       /* 16px */
+  --zendir-font-size-md: 1.125rem;     /* 18px */
+  --zendir-font-size-lg: 1.25rem;      /* 20px */
+  --zendir-font-size-xl: 1.5rem;       /* 24px */
+  --zendir-font-size-xxl: 2rem;        /* 32px */
+  --zendir-font-size-xxxl: 2.5rem;     /* 40px */
+
+  /* Font weights per AstroUXDS: only 300, 400, 500, 700 */
+  --zendir-font-weight-light: 300;
+  --zendir-font-weight-normal: 400;
+  --zendir-font-weight-medium: 500;
+  --zendir-font-weight-semibold: 500; /* Use medium (500) - Astro doesn't support 600 */
+  --zendir-font-weight-bold: 700;
+
+  --zendir-line-height-tight: 1.25;
+  --zendir-line-height-normal: 1.5;
+  --zendir-line-height-relaxed: 1.75;
+
+  /* ========================================
+   * SHADOWS
+   * ======================================== */
+  --zendir-shadow-none: none;
+  --zendir-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --zendir-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.3);
+  --zendir-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.3);
+  --zendir-shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.4);
+  --zendir-shadow-glow: 0 0 20px rgba(77, 172, 255, 0.4);
+
+  /* ========================================
+   * ANIMATION
+   * ======================================== */
+  --zendir-animation-fast: 150ms ease;
+  --zendir-animation-normal: 250ms ease;
+  --zendir-animation-slow: 400ms ease;
+}
+
+/* ========================================
+ * DARK THEME (Default)
+ * ======================================== */
+:root,
+[data-theme="dark"] {
+  --zendir-bg-base: #101923;
+  --zendir-bg-surface: #1b2d3e;
+  --zendir-bg-elevated: #243647;
+  --zendir-bg-overlay: rgba(0, 0, 0, 0.7);
+
+  --zendir-text-primary: #ffffff;
+  --zendir-text-secondary: #9ea7ad;
+  --zendir-text-tertiary: #6b7175;
+  --zendir-text-muted: #52595f;
+
+  --zendir-border-default: #3c4b5a;
+  --zendir-border-muted: #2b3d4e;
+  --zendir-border-focus: #4dacff;
+}
+
+/* ========================================
+ * LIGHT THEME
+ * ======================================== */
+[data-theme="light"] {
+  --zendir-bg-base: #f5f6f9;
+  --zendir-bg-surface: #ffffff;
+  --zendir-bg-elevated: #ffffff;
+  --zendir-bg-overlay: rgba(0, 0, 0, 0.5);
+
+  --zendir-text-primary: #1b2d3e;
+  --zendir-text-secondary: #4c5a67;
+  --zendir-text-tertiary: #7a8891;
+  --zendir-text-muted: #a4adb5;
+
+  --zendir-border-default: #c4c8cc;
+  --zendir-border-muted: #e1e4e8;
+  --zendir-border-focus: #4dacff;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @zendir/ui - UI-Specific Types
+ */
+/**
+ * Aggregated anomaly status for a spacecraft or subsystem
+ */
+export interface AnomalyStatus {
+    hasAnomaly: boolean;
+    anomalies: Anomaly[];
+}
+/**
+ * Individual anomaly for display in UI alerts
+ * Severity uses AstroUXDS terminology: caution, serious, critical
+ */
+export interface Anomaly {
+    type: 'gyroscope' | 'star_tracker' | 'power' | 'communication' | 'thermal' | 'propulsion';
+    /** Severity level (AstroUXDS: caution/serious/critical) */
+    severity: 'caution' | 'serious' | 'critical';
+    timestamp: string;
+    description: string;
+    subsystem?: string;
+    acknowledged?: boolean;
+}

package/dist/types.d.ts

@@ -0,0 +1 @@
+export * from './types/index'

package/dist/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,220 @@
+{
+  "name": "@zendir/ui",
+  "version": "0.1.0",
+  "description": "React UI components for space operations, built on the Astro UX Design System",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./react/core": {
+      "types": "./dist/react/core/index.d.ts",
+      "import": "./dist/react/core/index.js"
+    },
+    "./react/charts": {
+      "types": "./dist/react/charts/index.d.ts",
+      "import": "./dist/react/charts/index.js"
+    },
+    "./react/3d": {
+      "types": "./dist/react/3d/index.d.ts",
+      "import": "./dist/react/3d/index.js"
+    },
+    "./react/astro": {
+      "types": "./dist/react/astro/index.d.ts",
+      "import": "./dist/react/astro/index.js"
+    },
+    "./react/chatgpt": {
+      "types": "./dist/react/chatgpt/index.d.ts",
+      "import": "./dist/react/chatgpt/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js"
+    },
+    "./tokens/css": "./dist/tokens/tokens.css",
+    "./sdk-stub": "./sdk-stub.js",
+    "./styles": "./dist/style.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "sdk-stub.js",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "overrides": {
+    "@testing-library/dom": "10.4.1"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "demo": "npm run build && cd zendir-ui-demo && npm run dev",
+    "demo:install": "cd zendir-ui-demo && npm install",
+    "build:demo": "npm run build && cd zendir-ui-demo && npm ci && npm run build",
+    "build": "vite build && npm run build:tokens:css",
+    "build:tokens:css": "node scripts/copy-tokens-css.js",
+    "build:tokens": "node scripts/build-tokens.js",
+    "build:types": "npx tsc --emitDeclarationOnly",
+    "typecheck": "npx tsc -p tsconfig.json --noEmit",
+    "lint": "eslint src --ext ts,tsx",
+    "lint:fix": "eslint src --ext ts,tsx --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,css}\"",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "storybook": "storybook dev -p 6006",
+    "storybook:fast": "node -e \"process.env.STORYBOOK_FAST='1'; const extra=process.argv.slice(1); const args=['dev', ...(extra.length ? extra : ['-p','6006'])]; require('child_process').spawn('storybook', args, { stdio: 'inherit', shell: true, env: process.env });\"",
+    "build-storybook": "storybook build",
+    "size": "size-limit",
+    "analyze": "vite-bundle-visualizer",
+    "prepublishOnly": "npm run build && npm run test:run",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "changeset publish"
+  },
+  "peerDependencies": {
+    "@astrouxds/react": "^7.27.0",
+    "cesium": "^1.120.0",
+    "echarts": "^5.6.0",
+    "echarts-for-react": "^3.0.6",
+    "echarts-gl": "^2.0.9",
+    "leaflet": "^1.9.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "three": "^0.183.2"
+  },
+  "peerDependenciesMeta": {
+    "@astrouxds/react": {
+      "optional": true
+    },
+    "echarts": {
+      "optional": true
+    },
+    "echarts-for-react": {
+      "optional": true
+    },
+    "echarts-gl": {
+      "optional": true
+    },
+    "cesium": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    },
+    "leaflet": {
+      "optional": true
+    },
+    "@zendir/sdk": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@astrouxds/react": "^7.27.0",
+    "@changesets/cli": "^2.27.0",
+    "@size-limit/preset-small-lib": "^12.0.0",
+    "@storybook/addon-a11y": "8.6.17",
+    "@storybook/addon-essentials": "8.6.17",
+    "@storybook/addon-interactions": "8.6.17",
+    "@storybook/addon-links": "8.6.17",
+    "@storybook/blocks": "8.6.17",
+    "@storybook/react": "8.6.17",
+    "@storybook/react-vite": "8.6.17",
+    "@storybook/test": "8.6.17",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "@types/leaflet": "^1.9.0",
+    "@types/node": "^25.3.2",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.3.7",
+    "@types/three": "^0.170.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "@vitest/coverage-v8": "^1.0.0",
+    "@vitest/ui": "^1.0.0",
+    "cesium": "^1.129.0",
+    "echarts": "^5.6.0",
+    "echarts-for-react": "^3.0.6",
+    "echarts-gl": "^2.0.9",
+    "eslint": "^8.0.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "happy-dom": "^20.7.0",
+    "jsdom": "^28.1.0",
+    "leaflet": "^1.9.0",
+    "prettier": "^3.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.3.1",
+    "size-limit": "^12.0.0",
+    "storybook": "8.6.17",
+    "three": "^0.183.2",
+    "typescript": "^5.9.3",
+    "vite": "^5.0.0",
+    "vite-bundle-visualizer": "^1.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "vitest": "^1.0.0"
+  },
+  "size-limit": [
+    {
+      "path": "dist/react/index.js",
+      "limit": "50 KB"
+    },
+    {
+      "path": "dist/tokens/index.js",
+      "limit": "5 KB"
+    }
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zendir-dev/zendir-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/zendir-dev/zendir-ui/issues"
+  },
+  "homepage": "https://github.com/zendir-dev/zendir-ui#readme",
+  "keywords": [
+    "zendir",
+    "space",
+    "spacecraft",
+    "satellite",
+    "telemetry",
+    "astro-ux",
+    "react",
+    "ui-library",
+    "design-system",
+    "components",
+    "accessible",
+    "a11y",
+    "wcag",
+    "wcag-2.2-aa",
+    "european-accessibility-act",
+    "en-301-549",
+    "mission-control",
+    "orbit-visualization"
+  ],
+  "author": "Zendir",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/sdk-stub.js

@@ -0,0 +1,22 @@
+/**
+ * @zendir/ui — optional stub for @zendir/sdk
+ *
+ * Use this when you do NOT install @zendir/sdk so that Vite/bundlers can resolve
+ * the optional peer and the app still runs (hooks will report "SDK not installed").
+ *
+ * In your app's vite.config (or similar), add:
+ *
+ *   resolve: {
+ *     alias: {
+ *       '@zendir/sdk': require.resolve('@zendir/ui/sdk-stub'),
+ *     },
+ *   },
+ *
+ * Only add this alias when @zendir/sdk is not installed.
+ */
+
+export function getZendirClient() {
+  return null;
+}
+
+export default { getZendirClient };