@adia-ai/web-components 0.0.12 → 0.0.13

package/README.md

@@ -5,9 +5,9 @@ elements**, a reactive core, a trait system, and a renderer that turns
 A2UI protocol messages into live DOM.
 
 > This package ships UI atoms only. The generation pipeline lives in
-> [`@adia-ai/gen-ui`](../gen-ui); the pattern corpus in
-> [`@adia-ai/gen-ui-training`](../gen-ui-training); the MCP server in
-> [`@adia-ai/gen-ui-mcp`](../gen-ui-mcp).
+> [`@adia-ai/a2ui-compose`](../a2ui/compose); the pattern corpus in
+> [`@adia-ai/a2ui-corpus`](../a2ui/corpus); the MCP server in
+> [`@adia-ai/a2ui-mcp`](../a2ui/mcp).
 
 ## Quick start
 
@@ -80,7 +80,7 @@ web-components/
 Build + dev utilities (including `build-a2ui-data.mjs`, `qa-training.mjs`,
 `a2ui-to-html.cjs`, `mcp-call.cjs`, `mcp-pipeline.cjs`, `screenshot.cjs`)
 live at the repo-root `scripts/` directory rather than inside this
-package — they span the monorepo (MCP server, gen-ui-training data,
+package — they span the monorepo (MCP server, a2ui-corpus data,
 component catalog) and aren't scoped to web-components alone.
 
 ## Component contract
@@ -165,7 +165,7 @@ output is robust to name drift.
 npm run build:components    # regenerate all .a2ui.json from YAML
 ```
 
-The build also writes `packages/gen-ui-training/catalog-a2ui_0_9.json` and
+The build also writes `packages/a2ui/corpus/catalog-a2ui_0_9.json` and
 `catalog-a2ui_0_9_rules.txt` — the flat-file catalog the MCP server and
 generation engine consume.
 
@@ -189,11 +189,11 @@ Each is a CSS-variable override; no class toggles, no re-imports.
 ## Dependency direction
 
 ```
-gen-ui  ──reads──>  gen-ui-training  ←─reads──  web-components
-gen-ui-mcp  ──reads──>  gen-ui, gen-ui-training
+a2ui-compose  ──reads──>  a2ui-corpus  ←─reads──  web-components
+a2ui-mcp      ──reads──>  a2ui-compose, a2ui-corpus
 ```
 
-Web-components never imports from gen-ui or gen-ui-mcp. The A2UI renderer
+Web-components never imports from a2ui-compose or a2ui-mcp. The A2UI renderer
 consumes a protocol, not a generator — anything that emits valid A2UI
 messages drives it.
 

package/components/code/code-editor.js

@@ -0,0 +1,103 @@
+/**
+ * code-editor — CodeMirror 6 runtime bundled for <code-ui>.
+ *
+ * Single file for the whole integration: CM core re-exports, the AdiaUI
+ * base theme + highlight style, the per-language lazy-load map, and the
+ * load-timeout helper. `code.js` does `import('./code-editor.js')` once
+ * per element mount.
+ *
+ * Styling contract: `EditorView.theme()` can't emit CSS custom properties
+ * (per CodeMirror docs), so the base theme below is structural-only.
+ * Every color, padding, border, and syntax-token style lives in
+ * `code.css` under `@scope (code-ui)`. See SPEC-CODE-EDITOR-001 §6.
+ *
+ * In Vite dev, the bare-specifier imports resolve through node_modules.
+ * In production, `scripts/build-site.mjs` runs esbuild with
+ * `splitting: true` on this file; each `languages[…]()` dynamic import
+ * becomes its own chunk, lazy-loaded on first use.
+ */
+
+import {
+  EditorState, EditorSelection, Compartment, StateEffect,
+} from '@codemirror/state';
+import {
+  EditorView,
+  lineNumbers, highlightActiveLine, highlightActiveLineGutter,
+  placeholder, drawSelection, keymap,
+} from '@codemirror/view';
+import {
+  defaultKeymap, history, historyKeymap, indentWithTab,
+} from '@codemirror/commands';
+import {
+  HighlightStyle, syntaxHighlighting, LanguageSupport, defaultHighlightStyle,
+} from '@codemirror/language';
+import { tags as t } from '@lezer/highlight';
+
+// ── Base theme (structural only — colors live in code.css) ───────────
+
+export const adiaBaseTheme = EditorView.theme({
+  '&':           { fontFamily: 'inherit', fontSize: 'inherit', color: 'inherit', backgroundColor: 'transparent' },
+  '.cm-content': { padding: '0', caretColor: 'inherit' },
+  '.cm-focused': { outline: 'none' },
+});
+
+// ── Syntax highlight (class-based so CSS owns the colors) ────────────
+
+export const adiaHighlightStyle = HighlightStyle.define([
+  { tag: [t.comment, t.lineComment, t.blockComment, t.docComment],                 class: 'tok-comment' },
+  { tag: [t.keyword, t.controlKeyword, t.modifier, t.operatorKeyword],             class: 'tok-keyword' },
+  { tag: [t.string, t.character, t.regexp, t.escape, t.special(t.string)],         class: 'tok-string' },
+  { tag: [t.number, t.integer, t.float],                                           class: 'tok-number' },
+  { tag: [t.bool, t.null, t.atom],                                                 class: 'tok-boolean' },
+  { tag: [t.operator, t.logicOperator, t.arithmeticOperator, t.compareOperator,
+          t.updateOperator, t.definitionOperator],                                 class: 'tok-operator' },
+  { tag: [t.punctuation, t.bracket, t.paren, t.brace, t.squareBracket,
+          t.angleBracket, t.separator],                                            class: 'tok-punctuation' },
+  { tag: [t.function(t.variableName), t.function(t.propertyName), t.macroName],    class: 'tok-function' },
+  { tag: [t.variableName, t.local(t.variableName), t.self],                        class: 'tok-variable' },
+  { tag: [t.typeName, t.className, t.namespace],                                   class: 'tok-type' },
+  { tag: [t.propertyName, t.labelName, t.definition(t.variableName)],              class: 'tok-property' },
+  { tag: [t.tagName, t.heading, t.contentSeparator],                               class: 'tok-tag' },
+  { tag: [t.attributeName, t.attributeValue],                                      class: 'tok-attribute' },
+  { tag: [t.url, t.link],                                                          class: 'tok-url' },
+  { tag: [t.invalid, t.deleted],                                                   class: 'tok-invalid' },
+]);
+
+// ── Per-language lazy loaders ────────────────────────────────────────
+
+export const languages = {
+  json:       () => import('@codemirror/lang-json').then((m) => ({ extension: m.json() })),
+  html:       () => import('@codemirror/lang-html').then((m) => ({ extension: m.html() })),
+  javascript: () => import('@codemirror/lang-javascript').then((m) => ({ extension: m.javascript({ jsx: false, typescript: false }) })),
+  css:        () => import('@codemirror/lang-css').then((m) => ({ extension: m.css() })),
+  markdown:   () => import('@codemirror/lang-markdown').then((m) => ({ extension: m.markdown() })),
+  yaml:       () => import('@codemirror/lang-yaml').then((m) => ({ extension: m.yaml() })),
+};
+
+// ── Load helper ──────────────────────────────────────────────────────
+
+/** 10s ceiling on any single dynamic import. Per SPEC-CODE-EDITOR-001 §7.4. */
+export const LOAD_TIMEOUT_MS = 10_000;
+
+export function importWithTimeout(loader, label) {
+  return Promise.race([
+    loader(),
+    new Promise((_, reject) =>
+      setTimeout(
+        () => reject(new Error(`code-editor: ${label} load timed out after ${LOAD_TIMEOUT_MS}ms`)),
+        LOAD_TIMEOUT_MS,
+      ),
+    ),
+  ]);
+}
+
+// ── Re-exports (so code.js gets everything from one import) ─────────
+
+export {
+  EditorState, EditorSelection, Compartment, StateEffect,
+  EditorView,
+  lineNumbers, highlightActiveLine, highlightActiveLineGutter,
+  placeholder, drawSelection, keymap,
+  defaultKeymap, history, historyKeymap, indentWithTab,
+  HighlightStyle, syntaxHighlighting, LanguageSupport, defaultHighlightStyle,
+};

package/components/code/code.js

@@ -137,7 +137,7 @@ class AdiaCode extends AdiaElement {
     this.#pendingMount = true;
 
     try {
-      const bundle = await import('../../core/code-editor-bundle.js');
+      const bundle = await import('./code-editor.js');
 
       // Load the language pack with a timeout. If it fails, continue with
       // core-only (editor still renders; no syntax highlight). Emit an

package/components/select/select.css

@@ -179,7 +179,7 @@ select-ui [slot="listbox"] {
   padding: var(--a-space-1);
   border: 1px solid var(--a-ui-border);
   border-radius: var(--a-radius);
-  background: var(--a-bg-subtle);
+  background: var(--a-canvas-bright);
   box-shadow: var(--a-shadow-lg);
   max-height: 15rem;
   overflow-y: auto;

package/components/slider/slider.js

@@ -1,9 +1,14 @@
 /**
- * <slider-ui label="Width" value="63" min="0" max="200" step="1" suffix="rem"></slider-ui>
+ * <field-ui label="Width">
+ *   <slider-ui value="63" min="0" max="200" step="1" suffix="rem"></slider-ui>
+ * </field-ui>
  *
- * Layout:
- *   [label]                    [value] [suffix]
+ * Layout inside the field:
+ *   [field label]              [value] [suffix]
  *   [====fill====●─────────────────track──────]
+ *
+ * Bare `<slider-ui label="…">` still works but logs a deprecation warning
+ * asking you to wrap in <field-ui> for proper label association.
  */
 
 import { AdiaFormElement } from '../../core/form.js';

package/core/index.js

@@ -0,0 +1,25 @@
+/**
+ * core barrel — re-exports every public core module.
+ *
+ * Consumers who want to build on AdiaElement or use the reactive
+ * signal system directly do:
+ *
+ *   import { AdiaElement } from '@adia-ai/web-components/core';
+ *   import { signal, effect } from '@adia-ai/web-components/core';
+ *
+ * Exports are flat — every symbol from the re-exported files is
+ * available at this level. Symbol collisions between files are not
+ * allowed (there are none currently; keep it that way).
+ */
+
+export * from './element.js';
+export * from './form.js';
+export * from './signals.js';
+export * from './template.js';
+export * from './controller.js';
+export * from './provider.js';
+export * from './anchor.js';
+export * from './icons.js';
+export * from './markdown.js';
+export * from './transport.js';
+export * from './polyfills.js';

package/index.css

@@ -0,0 +1,26 @@
+/**
+ * @adia-ai/web-components — the opinionated all-in-one stylesheet.
+ *
+ *   <link rel="stylesheet" href="@adia-ai/web-components/css" />
+ *
+ * Imports, in cascade order: design tokens (primitives + semantics
+ * + typography — via the colors tree) → component styles → global
+ * resets.
+ *
+ * Pattern CSS (adia-chat, adia-editor, app-shell, etc.) is NOT
+ * bundled here — each page links its own patterns explicitly.
+ * Opinionated theme overrides live in `./styles/themes.css`; link
+ * them separately when you want the 8 named themes.
+ *
+ * If you need a subset, skip this file and link the layers directly:
+ *   @adia-ai/web-components/styles/tokens.css
+ *   @adia-ai/web-components/styles/components.css
+ *   @adia-ai/web-components/styles/resets.css
+ *   @adia-ai/web-components/styles/themes.css      (optional)
+ *   @adia-ai/web-components/styles/prose.css       (optional)
+ *   @adia-ai/web-components/styles/typography.css  (standalone)
+ */
+
+@import "./styles/tokens.css";
+@import "./styles/components.css";
+@import "./styles/resets.css";

package/index.js

@@ -0,0 +1,18 @@
+/**
+ * @adia-ai/web-components — main entry.
+ *
+ *   import '@adia-ai/web-components';
+ *   import { AdiaButton, AdiaAppShell } from '@adia-ai/web-components';
+ *
+ * Loading this file registers every component + pattern custom
+ * element (side effect of each module's `customElements.define(...)`
+ * call). Pair with `@adia-ai/web-components/css` (the all-in-one
+ * stylesheet) or link tokens/components/resets individually.
+ *
+ * If you only want a subset, use the subpath imports:
+ *   import '@adia-ai/web-components/components/button';
+ *   import { AdiaAppShell } from '@adia-ai/web-components/patterns';
+ */
+
+export * from './components/index.js';
+export * from './patterns/index.js';

package/package.json

@@ -1,14 +1,22 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "AdiaUI web components — vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-utils.",
   "type": "module",
   "exports": {
-    ".":         "./index.js",
-    "./css":     "./index.css",
-    "./a2ui":    "./a2ui/index.js",
-    "./core":    "./core/index.js",
-    "./patterns": "./patterns/index.js"
+    ".":              "./index.js",
+    "./css":          "./index.css",
+    "./a2ui":         "./a2ui/index.js",
+    "./core":         "./core/index.js",
+    "./core/*":       "./core/*.js",
+    "./components":   "./components/index.js",
+    "./components/*": "./components/*/*.js",
+    "./patterns":     "./patterns/index.js",
+    "./patterns/*":   "./patterns/*/*.js",
+    "./styles/*":     "./styles/*",
+    "./traits":       "./traits/index.js",
+    "./traits/*":     "./traits/*.js",
+    "./package.json": "./package.json"
   },
   "files": [
     "core/",

package/patterns/adia-chat/adia-chat.js

@@ -1,6 +1,6 @@
 import { AdiaElement } from '../../core/element.js';
 import { renderMarkdown } from '../../core/markdown.js';
-import { streamChat } from '../../../gen-ui/llm/adapters/index.js';
+import { streamChat } from '../../../a2ui/compose/llm/adapters/index.js';
 
 function escapeHTML(s) {
   return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');

package/styles/colors/semantics.css

@@ -464,10 +464,10 @@
      UI (FIELD) — Form input surfaces
      ══════════════════════════════════════════════════════════════ */
 
-  --a-ui-bg:               var(--a-neutral-0-scrim);
-  --a-ui-bg-hover:         var(--a-neutral-2-scrim);
+  --a-ui-bg:               var(--a-canvas-0-scrim);
+  --a-ui-bg-hover:         var(--a-canvas-0-scrim);
   --a-ui-bg-active:        var(--a-canvas-0);
-  --a-ui-bg-selected:      var(--a-canvas-0-scrim);
+  --a-ui-bg-selected:      var(--a-canvas-bright);
   --a-ui-bg-disabled:      var(--a-canvas-1);
   --a-ui-bg-invalid:       var(--a-danger-muted);
 

package/styles/{styles.css → components.css}

@@ -1,5 +1,12 @@
 /**
- * Styles barrel — imports all component CSS + global reset.
+ * Components barrel — imports every component's CSS, in stamp order.
+ *
+ * This file is *only* the `packages/web-components/components/**`
+ * stylesheet set. Patterns (adia-chat, adia-editor, app-shell,
+ * app-nav, section-nav, gen-ui, etc.) are NOT imported here — each
+ * page links its own patterns explicitly. Global resets live in
+ * `resets.css` and must be linked separately.
+ *
  * All components use Light DOM — styles target tag names directly.
  */
 
@@ -82,113 +89,3 @@
 @import "../components/agent-suggestions/agent-suggestions.css";
 @import "../components/agent-questions/agent-questions.css";
 @import "../components/agent-artifact/agent-artifact.css";
-@import "../patterns/gen-ui/gen-ui.css";
-
-/* ── Reset ── */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  scrollbar-width: none;
-}
-
-*::-webkit-scrollbar {
-  display: none;
-}
-
-/* Kill default focus outline — components manage their own via --a-focus-ring */
-*:focus {
-  outline: none;
-}
-
-/* Prevent text selection on all interactive components */
-:is(button-ui, kbd-ui, tag-ui, input-ui, textarea-ui, select-ui, check-ui, radio-ui, switch-ui,
-    slider-ui, range-ui, segmented-ui, segment-ui) {
-  user-select: none;
-}
-
-html {
-  -webkit-text-size-adjust: 100%;
-  text-size-adjust: 100%;
-  hanging-punctuation: first last;
-  color-scheme: light dark;
-}
-
-body {
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-
-  margin: 0;
-  font-family: var(--a-font-family);
-  font-size: var(--a-body-size);
-  font-style: normal;
-  font-variation-settings: 'slnt' 0, 'ital' 0;
-  line-height: 1.5;
-  color: var(--a-fg);
-  background: var(--a-bg);
-  min-block-size: 100dvb;
-}
-
-img,
-picture,
-svg,
-video,
-canvas {
-  display: block;
-  max-inline-size: 100%;
-  block-size: auto;
-}
-
-ul[role='list'],
-ol[role='list'] {
-  list-style: none;
-  padding: 0;
-}
-
-/* ── Size-query provider utility ──────────────────────────────────
-   Opt any element into being a container-query size provider for
-   its descendants, without the nesting fragility of applying
-   container-type to every instance of a primitive. Use sparingly —
-   on panels, split-panes, cards that actually need responsive
-   children — and descendants query via bare `@container (width < Xrem)`
-   (matches nearest) or `@container container (...)` for clarity.
-
-   Why inline-size: block-direction height stays content-driven.
-   Why an attribute: explicit opt-in; avoids accidental containment
-   collapse when a primitive is composed inside another flex chain. */
-[provide-container-inline-size] {
-  container-type: inline-size;
-  container-name: container;
-}
-
-
-:focus-visible {
-  outline: var(--ui-focus-width, 2px) solid var(--ui-focus, Highlight);
-  outline-offset: 2px;
-}
-
-::selection {
-  background: var(--a-selection-bg);
-  color: var(--a-selection-text);
-  border-radius: var(--a-selection-radius);
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  text-wrap: balance;
-  line-height: 1.1;
-}
-
-p,
-li,
-figcaption {
-  text-wrap: pretty;
-}
-
-a:not([class]) {
-  text-underline-offset: 0.12em;
-}

package/styles/resets.css

@@ -0,0 +1,116 @@
+/**
+ * Global resets — box-sizing, scrollbar hiding, focus management,
+ * element defaults, and the size-query provider utility.
+ *
+ * Imported from styles.css (the barrel). Targets document-level
+ * defaults and universal selectors; component-scoped rules live in
+ * each component's own CSS under `@scope (component-n)`.
+ */
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  scrollbar-width: none;
+}
+
+*::-webkit-scrollbar {
+  display: none;
+}
+
+/* Kill default focus outline — components manage their own via --a-focus-ring */
+*:focus {
+  outline: none;
+}
+
+/* Prevent text selection on all interactive components */
+:is(button-ui, kbd-ui, tag-ui, input-ui, textarea-ui, select-ui, check-ui, radio-ui, switch-ui,
+    slider-ui, range-ui, segmented-ui, segment-ui) {
+  user-select: none;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+  hanging-punctuation: first last;
+  color-scheme: light dark;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+
+  margin: 0;
+  font-family: var(--a-font-family);
+  font-size: var(--a-body-size);
+  font-style: normal;
+  font-variation-settings: 'slnt' 0, 'ital' 0;
+  line-height: 1.5;
+  color: var(--a-fg);
+  background: var(--a-bg);
+  min-block-size: 100dvb;
+}
+
+img,
+picture,
+svg,
+video,
+canvas {
+  display: block;
+  max-inline-size: 100%;
+  block-size: auto;
+}
+
+ul[role='list'],
+ol[role='list'] {
+  list-style: none;
+  padding: 0;
+}
+
+/* ── Size-query provider utility ──────────────────────────────────
+   Opt any element into being a container-query size provider for
+   its descendants, without the nesting fragility of applying
+   container-type to every instance of a primitive. Use sparingly —
+   on panels, split-panes, cards that actually need responsive
+   children — and descendants query via bare `@container (width < Xrem)`
+   (matches nearest) or `@container container (...)` for clarity.
+
+   Why inline-size: block-direction height stays content-driven.
+   Why an attribute: explicit opt-in; avoids accidental containment
+   collapse when a primitive is composed inside another flex chain. */
+[provide-container-inline-size] {
+  container-type: inline-size;
+  container-name: container;
+}
+
+
+:focus-visible {
+  outline: var(--ui-focus-width, 2px) solid var(--ui-focus, Highlight);
+  outline-offset: 2px;
+}
+
+::selection {
+  background: var(--a-selection-bg);
+  color: var(--a-selection-text);
+  border-radius: var(--a-selection-radius);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.1;
+}
+
+p,
+li,
+figcaption {
+  text-wrap: pretty;
+}
+
+a:not([class]) {
+  text-underline-offset: 0.12em;
+}

package/styles/tokens.css

@@ -16,10 +16,16 @@
    · Monospace font is the default — data-confident, technical character
    ═══════════════════════════════════════════════════════════════ */
 
+/* Color ramps + semantic role aliases + typography scale are
+   primitive-layer — every component consumes `--a-fg`, `--a-bg-*`,
+   `--a-font-family`, `--a-body-size`, etc. Kept bundled. */
 @import "./colors/index.css";
 @import "./typography.css";
-@import "./prose.css";
-@import "./themes.css";
+
+/* NOT imported here:
+   - styles/prose.css   — opt-in per-page; [prose] attribute only
+   - styles/themes.css  — opt-in per-page; 8 named themes + schemes
+   Link separately from HTML when needed. */
 
 /* ═══════════════════════════════════════════════════════════════
    PARAMETRIC MULTIPLIERS — @property declarations

package/core/_cm-core.js

@@ -1,38 +0,0 @@
-/**
- * CodeMirror 6 core re-exports.
- *
- * Thin shim so the rest of the AdiaUI codebase imports CM symbols from
- * `@core/_cm-core.js` and the production build can split them into a
- * single minified chunk (see scripts/build-site.mjs:bundleCodeEditor).
- */
-
-export {
-  EditorState,
-  EditorSelection,
-  Compartment,
-  StateEffect,
-} from '@codemirror/state';
-
-export {
-  EditorView,
-  lineNumbers,
-  highlightActiveLine,
-  highlightActiveLineGutter,
-  placeholder,
-  drawSelection,
-  keymap,
-} from '@codemirror/view';
-
-export {
-  defaultKeymap,
-  history,
-  historyKeymap,
-  indentWithTab,
-} from '@codemirror/commands';
-
-export {
-  HighlightStyle,
-  syntaxHighlighting,
-  LanguageSupport,
-  defaultHighlightStyle,
-} from '@codemirror/language';

package/core/_cm-theme.js

@@ -1,58 +0,0 @@
-/**
- * AdiaUI base theme + highlight style for CodeMirror 6.
- *
- * The base theme is deliberately near-empty — it only sets the handful
- * of structural rules that MUST live inside `EditorView.theme()`. All
- * colors, spacing, font size, radius, and token-span styling live in
- * `components/code/code.css` inside `@scope (code-ui)` and consume
- * AdiaUI semantic tokens.
- *
- * CodeMirror injects its CSS-in-JS stylesheets at module load; AdiaUI's
- * authored stylesheet loads after that, so `@scope (code-ui) .cm-*`
- * overrides win on natural specificity — no `!important` needed.
- *
- * The highlight style uses `class:` rather than `color:` so CodeMirror
- * emits `<span class="tok-keyword">` instead of inline styles — exactly
- * what our CSS needs. See spec SPEC-CODE-EDITOR-001 §6.3 for the full
- * Lezer tag → class → token mapping.
- */
-
-import { EditorView } from '@codemirror/view';
-import { HighlightStyle } from '@codemirror/language';
-import { tags as t } from '@lezer/highlight';
-
-export const adiaBaseTheme = EditorView.theme({
-  '&': {
-    fontFamily: 'inherit',
-    fontSize: 'inherit',
-    color: 'inherit',
-    backgroundColor: 'transparent',
-  },
-  '.cm-content': {
-    padding: '0',
-    caretColor: 'inherit',
-  },
-  '.cm-focused': {
-    outline: 'none',
-  },
-});
-
-export const adiaHighlightStyle = HighlightStyle.define([
-  { tag: [t.comment, t.lineComment, t.blockComment, t.docComment],                   class: 'tok-comment' },
-  { tag: [t.keyword, t.controlKeyword, t.modifier, t.operatorKeyword],               class: 'tok-keyword' },
-  { tag: [t.string, t.character, t.regexp, t.escape, t.special(t.string)],           class: 'tok-string' },
-  { tag: [t.number, t.integer, t.float],                                             class: 'tok-number' },
-  { tag: [t.bool, t.null, t.atom],                                                   class: 'tok-boolean' },
-  { tag: [t.operator, t.logicOperator, t.arithmeticOperator, t.compareOperator,
-          t.updateOperator, t.definitionOperator],                                   class: 'tok-operator' },
-  { tag: [t.punctuation, t.bracket, t.paren, t.brace, t.squareBracket,
-          t.angleBracket, t.separator],                                              class: 'tok-punctuation' },
-  { tag: [t.function(t.variableName), t.function(t.propertyName), t.macroName],     class: 'tok-function' },
-  { tag: [t.variableName, t.local(t.variableName), t.self],                          class: 'tok-variable' },
-  { tag: [t.typeName, t.className, t.namespace],                                     class: 'tok-type' },
-  { tag: [t.propertyName, t.labelName, t.definition(t.variableName)],                class: 'tok-property' },
-  { tag: [t.tagName, t.heading, t.contentSeparator],                                 class: 'tok-tag' },
-  { tag: [t.attributeName, t.attributeValue],                                        class: 'tok-attribute' },
-  { tag: [t.url, t.link],                                                            class: 'tok-url' },
-  { tag: [t.invalid, t.deleted],                                                     class: 'tok-invalid' },
-]);

package/core/_lang-css.js

@@ -1,2 +0,0 @@
-import { css } from '@codemirror/lang-css';
-export const extension = css();

package/core/_lang-html.js

@@ -1,2 +0,0 @@
-import { html } from '@codemirror/lang-html';
-export const extension = html();

package/core/_lang-javascript.js

@@ -1,2 +0,0 @@
-import { javascript } from '@codemirror/lang-javascript';
-export const extension = javascript({ jsx: false, typescript: false });

package/core/_lang-json.js

@@ -1,2 +0,0 @@
-import { json } from '@codemirror/lang-json';
-export const extension = json();

package/core/_lang-markdown.js

@@ -1,2 +0,0 @@
-import { markdown } from '@codemirror/lang-markdown';
-export const extension = markdown();

package/core/_lang-yaml.js

@@ -1,2 +0,0 @@
-import { yaml } from '@codemirror/lang-yaml';
-export const extension = yaml();

package/core/code-editor-bundle.js

@@ -1,63 +0,0 @@
-/**
- * code-editor-bundle — the single entry point `<code-ui>` imports when
- * it needs CodeMirror 6. Re-exports core runtime + AdiaUI theme, and
- * exposes a lazy-load map of language packs (one dynamic import per
- * language, split into its own chunk by esbuild in production).
- *
- * Vite dev: imports resolve against node_modules naturally.
- * Production: scripts/build-site.mjs runs esbuild with
- * splitting: true, producing `code-editor-core.js` + one
- * `code-editor-lang-<lang>.js` per language.
- *
- * Spec: docs/specs/code-editor.md §4 (architecture), §7 (bundling).
- */
-
-export {
-  EditorState,
-  EditorSelection,
-  Compartment,
-  StateEffect,
-  EditorView,
-  lineNumbers,
-  highlightActiveLine,
-  highlightActiveLineGutter,
-  placeholder,
-  drawSelection,
-  keymap,
-  defaultKeymap,
-  history,
-  historyKeymap,
-  indentWithTab,
-  HighlightStyle,
-  syntaxHighlighting,
-  LanguageSupport,
-  defaultHighlightStyle,
-} from './_cm-core.js';
-
-export { adiaBaseTheme, adiaHighlightStyle } from './_cm-theme.js';
-
-/** Dynamic-import map — one lazy-loaded chunk per supported language. */
-export const languages = {
-  json:       () => import('./_lang-json.js'),
-  html:       () => import('./_lang-html.js'),
-  javascript: () => import('./_lang-javascript.js'),
-  css:        () => import('./_lang-css.js'),
-  markdown:   () => import('./_lang-markdown.js'),
-  yaml:       () => import('./_lang-yaml.js'),
-};
-
-/** 10-second timeout for any single dynamic import. Matches spec §7.4. */
-export const LOAD_TIMEOUT_MS = 10_000;
-
-/**
- * Wrap a dynamic-import promise with a timeout. Rejects on timeout;
- * propagates the original error on fetch failure.
- */
-export function importWithTimeout(loader, label) {
-  return Promise.race([
-    loader(),
-    new Promise((_, reject) =>
-      setTimeout(() => reject(new Error(`code-editor: ${label} load timed out after ${LOAD_TIMEOUT_MS}ms`)), LOAD_TIMEOUT_MS),
-    ),
-  ]);
-}