@digithings-ai/ui 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,49 @@
-# Temporary Holding Version
+# @digithings-ai/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The shared React component layer for the digithings surfaces: the terminal and
+emblem grammar, `ThemeProvider`, motion primitives, the chat kit
+(`assistant-ui` skins), the finance chart shells and the stylesheets that pin
+them. It consumes `@digithings-ai/design` tokens and `@digithings-ai/hero-banner`
+definitions; it owns no data and no network I/O.
+
+```tsx
+import { Terminal, ThemeProvider } from "@digithings-ai/ui";
+import "@digithings-ai/ui/styles/web-theme.css";
+```
+
+Entry points are listed under `exports` in
+[`package.json`](package.json) — the barrel (`.`) plus one deep entry per
+component family (`./theme`, `./chat/thread`, `./chat/transcript`,
+`./chart-scale`, `./styles/*`, …). Import the narrowest entry that has what you
+need: `./styles/*` is CSS, the rest is TypeScript or TSX source.
+
+The kit grammar, the tokens-never-literals rule and the chart house rules are
+described in [`DESIGN.md`](DESIGN.md), [`CHAT_THEME.md`](CHAT_THEME.md) and
+[`CHARTS.md`](CHARTS.md).
+
+## Publishing
+
+This package is published to npm as part of the digithings R0 release. Its
+`exports` point at **TypeScript source**, not a build output, so the published
+tarball is the same code the workspace consumes.
+
+A Next.js consumer must therefore transpile it — add the package (and its
+`@digithings-ai/*` dependencies, which are source too) to `transpilePackages` in
+`next.config.mjs`:
+
+```js
+const nextConfig = {
+  transpilePackages: [
+    "@digithings-ai/ui",
+    "@digithings-ai/design",
+    "@digithings-ai/hero-banner",
+    "@digithings-ai/perf-math",
+  ],
+};
+```
+
+A bundler that already compiles TS (Vite, tsup, Bun) resolves the source
+directly and needs no extra configuration. `react` and `react-dom` are peers;
+`@assistant-ui/react` is a peer because the chat entries import it.
+
+Tests: `npm test --workspace @digithings-ai/ui`.

package/package.json

@@ -1,6 +1,145 @@
 {
   "name": "@digithings-ai/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Shared React + Framer Motion component layer for the digithings marketing sites. Consumes @digithings-ai/design tokens.",
+  "license": "MIT",
+  "homepage": "https://digithings.ai",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/digithings-ai/digithings.git",
+    "directory": "packages/ui"
+  },
+  "type": "module",
+  "exports": {
+    ".": "./src/index.ts",
+    "./theme": "./src/theme/index.ts",
+    "./replay": "./src/replay/index.ts",
+    "./theme/tui": "./src/theme/tui-prefs.ts",
+    "./theme-init": "./src/components/themeInit.ts",
+    "./theme-provider": "./src/components/ThemeProvider.tsx",
+    "./chart-scale": "./src/components/finance-charts/chart-scale.ts",
+    "./cn": "./src/lib/utils.ts",
+    "./base-path": "./src/lib/base-path.ts",
+    "./styles/web-theme.css": "./src/styles/web-theme.css",
+    "./styles/brand-wordmark.css": "./src/styles/brand-wordmark.css",
+    "./styles/docs.css": "./src/styles/docs.css",
+    "./styles/diagrams.css": "./src/styles/diagrams.css",
+    "./styles/nav-shell.css": "./src/styles/nav-shell.css",
+    "./styles/pricing.css": "./src/styles/pricing.css",
+    "./styles/stages.css": "./src/styles/stages.css",
+    "./styles/metrics.css": "./src/styles/metrics.css",
+    "./styles/word-reveal.css": "./src/styles/word-reveal.css",
+    "./styles/marquee.css": "./src/styles/marquee.css",
+    "./styles/terminal-manifest.css": "./src/styles/terminal-manifest.css",
+    "./styles/terminal-loaders.css": "./src/styles/terminal-loaders.css",
+    "./styles/chat-core.css": "./src/styles/chat-core.css",
+    "./styles/chat-math.css": "./src/styles/chat-math.css",
+    "./styles/chat-widgets.css": "./src/styles/chat-widgets.css",
+    "./styles/chat-aui.css": "./src/styles/chat-aui.css",
+    "./styles/chat-digichat.css": "./src/styles/chat-digichat.css",
+    "./styles/digichat-launcher.css": "./src/styles/digichat-launcher.css",
+    "./styles/digichat-boot-loader.css": "./src/styles/digichat-boot-loader.css",
+    "./styles/digichat-app-theme.css": "./src/styles/digichat-app-theme.css",
+    "./chat/thread": "./src/components/chat/DigichatThread.tsx",
+    "./chat/composer-keyboard": "./src/components/chat/gallery-thread/composer-keyboard.ts",
+    "./chat/trace-spacing": "./src/components/chat/trace-spacing.ts",
+    "./chat/boot-signal": "./src/components/chat/boot-signal.ts",
+    "./chat/use-warmup-phase": "./src/components/chat/use-warmup-phase.ts",
+    "./chat/boot-loader": "./src/components/chat/DigichatBootLoader.tsx",
+    "./chat/boot-lab": "./src/components/chat/boot-lab.tsx",
+    "./chat/suggestions": "./src/components/chat/suggestion-cycle.tsx",
+    "./chat/thread-list": "./src/components/chat/DigichatThreadList.tsx",
+    "./chat/launcher": "./src/components/chat/DigichatLauncher.tsx",
+    "./chat/surfaces": "./src/components/chat/chat-surfaces.ts",
+    "./chat/dot-matrix": "./src/components/chat/DotMatrix.tsx",
+    "./chat/overlay-scrollbar": "./src/components/chat/overlay-scrollbar.tsx",
+    "./chat/skins": "./src/components/chat/skins/index.ts",
+    "./chat/skins/digichat": "./src/components/chat/skins/digichat.tsx",
+    "./chat/context-meter": "./src/components/chat/skins/digichat-context-meter.tsx",
+    "./chat/composer-toolbar": "./src/components/chat/skins/digichat-composer-toolbar.tsx",
+    "./chat/stock": "./src/components/chat/stock/index.ts",
+    "./chat/tool-surface": "./src/components/chat/stock/tool-surface.ts",
+    "./chat/stock/thread": "./src/components/chat/stock/thread.aui.tsx",
+    "./chat/notice": "./src/components/chat/stock/chat-notice.tsx",
+    "./chat/transcript": "./src/components/chat/transcript/index.ts",
+    "./styles/controls-core.css": "./src/styles/controls-core.css",
+    "./styles/controls-overlay.css": "./src/styles/controls-overlay.css",
+    "./styles/finance-composites.css": "./src/styles/finance-composites.css",
+    "./styles/finance-tearsheet.css": "./src/styles/finance-tearsheet.css",
+    "./styles/finance-tearsheet-overlay.css": "./src/styles/finance-tearsheet-overlay.css",
+    "./styles/data-layout.css": "./src/styles/data-layout.css",
+    "./styles/card-rail.css": "./src/styles/card-rail.css",
+    "./styles/repo-activity.css": "./src/styles/repo-activity.css",
+    "./styles/deck.css": "./src/styles/deck.css",
+    "./styles/effects-chrome.css": "./src/styles/effects-chrome.css",
+    "./styles/command-palette.css": "./src/styles/command-palette.css",
+    "./styles/account-auth.css": "./src/styles/account-auth.css",
+    "./data/modules": "./src/data/modules.ts",
+    "./data/subsystems": "./src/data/subsystems.ts",
+    "./ui": "./src/ui/index.ts",
+    "./lib/stub-payload": "./src/lib/stub-payload.ts",
+    "./lib/record": "./src/lib/record.ts",
+    "./pixel-wordmark": "./src/components/landing/PixelWordmark.tsx"
+  },
+  "files": [
+    "src",
+    "!src/**/*.test.ts",
+    "!src/**/*.test.tsx",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint .",
+    "build": "tsup"
+  },
+  "peerDependencies": {
+    "@assistant-ui/react": "^0.15.18",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
+  },
+  "dependencies": {
+    "@assistant-ui/react-markdown": "^0.14.14",
+    "@base-ui/react": "^1.3.0",
+    "@digithings-ai/design": "0.1.0",
+    "@digithings-ai/hero-banner": "0.1.0",
+    "@digithings-ai/perf-math": "0.1.0",
+    "beautiful-mermaid": "^1.1.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "dompurify": "^3.4.17",
+    "heat-graph": "^0.0.17",
+    "katex": "^0.16.47",
+    "lightweight-charts": "^5.2.0",
+    "lucide-react": "^0.577.0",
+    "mermaid": "^11.16.0",
+    "motion": "^12.23.12",
+    "radix-ui": "^1.6.7",
+    "react-markdown": "^10.1.0",
+    "rehype-katex": "^7.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "simple-icons": "^15.18.0",
+    "tailwind-merge": "^3.6.0",
+    "zustand": "^5.0.15",
+    "cmdk": "^1.1.1",
+    "@assistant-ui/react-lexical": "^0.2.12"
+  },
+  "devDependencies": {
+    "@assistant-ui/react": "^0.15.18",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.3",
+    "@types/node": "^25.9.5",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "happy-dom": "^20.11.1",
+    "jsdom": "^29.1.1",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.0",
+    "tsup": "^8.5.0"
+  }
+}