@adia-ai/web-components 0.0.29 → 0.0.33

package/core/form.js

@@ -1,16 +1,16 @@
 /**
- * AdiaFormElement — Form-participating base class.
+ * UIFormElement — Form-participating base class.
  *
- * Extends AdiaElement with ElementInternals form participation,
+ * Extends UIElement with ElementInternals form participation,
  * constraint validation (required, pattern, minlength, maxlength),
  * and auto-validation UX (submit, blur, input re-validation).
  *
  * Usage:
- *   import { AdiaFormElement } from './form.js';
+ *   import { UIFormElement } from './form.js';
  *
- *   class MyField extends AdiaFormElement {
+ *   class MyField extends UIFormElement {
  *     static properties = {
- *       ...AdiaFormElement.properties,
+ *       ...UIFormElement.properties,
  *       placeholder: { type: String, default: '', reflect: true },
  *     };
  *   }
@@ -34,9 +34,9 @@
  *   el.syncValue(val)      → update form value + run constraints
  */
 
-import { AdiaElement } from './element.js';
+import { UIElement } from './element.js';
 
-export class AdiaFormElement extends AdiaElement {
+export class UIFormElement extends UIElement {
   static formAssociated = true;
 
   static get properties() {
@@ -199,8 +199,8 @@ export class AdiaFormElement extends AdiaElement {
     if (ctor.labelDeprecated === false) return;
     if (!ctor.properties?.label) return;
     if (!this.hasAttribute('label')) return;
-    if (AdiaFormElement.#labelWarned.has(ctor)) return;
-    AdiaFormElement.#labelWarned.add(ctor);
+    if (UIFormElement.#labelWarned.has(ctor)) return;
+    UIFormElement.#labelWarned.add(ctor);
     // eslint-disable-next-line no-console
     console.warn(
       `[AdiaUI] <${this.localName} label="…"> is deprecated — wrap in ` +

package/core/index.js

@@ -1,10 +1,10 @@
 /**
  * core barrel — re-exports every public core module.
  *
- * Consumers who want to build on AdiaElement or use the reactive
+ * Consumers who want to build on UIElement or use the reactive
  * signal system directly do:
  *
- *   import { AdiaElement } from '@adia-ai/web-components/core';
+ *   import { UIElement } 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

package/core/provider.js

@@ -2,11 +2,11 @@
  * AdiaUI Router — Self-contained vanilla JS bundle.
  * Includes: RouteController + router-ui component.
  *
- * Depends on: core.js (AdiaElement), controllers.js (BaseController)
+ * Depends on: core.js (UIElement), controllers.js (BaseController)
  *
  * Usage:
- *   import { AdiaElement } from './core.js';
- *   import { AdiaRouter, RouteController } from './router.js';
+ *   import { UIElement } from './core.js';
+ *   import { UIRouter, RouteController } from './router.js';
  *
  *   // Option 1: Declarative routes
  *   const router = document.querySelector('router-ui');
@@ -22,14 +22,14 @@
  *   ctrl.commands.navigate('/about');
  */
 
-import { AdiaElement } from './element.js';
+import { UIElement } from './element.js';
 import { BaseController } from './controller.js';
 
 // ═══════════════════════════════════════════════════════════════
 // ADIA PROVIDER (inline — tiny base class)
 // ═══════════════════════════════════════════════════════════════
 
-class AdiaProvider extends AdiaElement {
+class UIProvider extends UIElement {
   static template = () => null;
   #abort = null;
   get abort() { if (!this.#abort) this.#abort = new AbortController(); return this.#abort; }
@@ -161,7 +161,7 @@ export class RouteController extends BaseController {
 // ROUTER-UI — content fragment renderer
 // ═══════════════════════════════════════════════════════════════
 
-export class AdiaRouter extends AdiaProvider {
+export class UIRouter extends UIProvider {
   #cache = new Map();
   #ownCtrl = null;
   #lastPath = null;
@@ -260,4 +260,4 @@ export class AdiaRouter extends AdiaProvider {
   }
 }
 
-customElements.define('router-ui', AdiaRouter);
+customElements.define('router-ui', UIRouter);

package/core/template.js

@@ -2,7 +2,7 @@
  * AdiaUI Template — Tagged template literal rendering.
  *
  * Lightweight lit-html-style rendering with reactive bindings.
- * Depends on DOM but not on AdiaElement — usable standalone.
+ * Depends on DOM but not on UIElement — usable standalone.
  *
  *   import { html, repeat } from './template.js';
  *

package/index.css

@@ -7,7 +7,7 @@
  * + typography — via the colors tree) → component styles → global
  * resets.
  *
- * Composite-element CSS (adia-chat, adia-editor, app-shell, etc.)
+ * Composite-element CSS (chat-shell, editor-shell, admin-shell, etc.)
  * lives in the sibling `@adia-ai/web-modules` package as of 0.0.29
  * (see ADR-0012). Each page links its own cluster CSS explicitly.
  * Opinionated theme overrides live in `./styles/themes.css`; link

package/index.js

@@ -2,7 +2,7 @@
  * @adia-ai/web-components — main entry.
  *
  *   import '@adia-ai/web-components';
- *   import { AdiaButton } from '@adia-ai/web-components';
+ *   import { UIButton } from '@adia-ai/web-components';
  *
  * Loading this file registers every primitive (side effect of each
  * module's `customElements.define(...)` call). Pair with
@@ -12,15 +12,17 @@
  * If you only want a subset, use the subpath imports:
  *   import '@adia-ai/web-components/components/button';
  *
- * Composite elements (app-shell, app-nav, adia-chat, adia-editor,
- * gen-ui, a2ui-root) shipped here as `patterns/` until 0.0.28 — they
- * now live in `@adia-ai/web-modules` (see ADR-0012).
+ * Composite elements (admin-shell, chat-shell, editor-shell, gen-root,
+ * a2ui-root) shipped here as `patterns/` until 0.0.28 — they now live
+ * in `@adia-ai/web-modules` (see ADR-0012). The nav family was
+ * subsequently consolidated back into web-components as primitives
+ * (see ADR-0015 § Nav consolidation).
  *
  *   import '@adia-ai/web-modules';            // every cluster
- *   import '@adia-ai/web-modules/shell';      // app-shell, app-nav*, section-nav*
- *   import '@adia-ai/web-modules/chat';       // adia-chat
- *   import '@adia-ai/web-modules/editor';     // adia-editor
- *   import '@adia-ai/web-modules/runtime';    // gen-ui, a2ui-root
+ *   import '@adia-ai/web-modules/shell';      // admin-shell
+ *   import '@adia-ai/web-modules/chat';       // chat-shell
+ *   import '@adia-ai/web-modules/editor';     // editor-shell
+ *   import '@adia-ai/web-modules/runtime';    // gen-root, a2ui-root
  */
 
 export * from './components/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.0.29",
+  "version": "0.0.33",
   "description": "AdiaUI web components — vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-utils.",
   "type": "module",
   "exports": {

package/styles/components.css

@@ -2,10 +2,10 @@
  * 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.
+ * stylesheet set. Modules in `@adia-ai/web-modules` (chat-shell,
+ * editor-shell, admin-shell, gen-root, a2ui-root, etc.) are NOT
+ * imported here — each page links its own modules explicitly.
+ * Global resets live in `resets.css` and must be linked separately.
  *
  * All components use Light DOM — styles target tag names directly.
  */
@@ -27,10 +27,11 @@
 @import "../components/tree/tree.css";
 @import "../components/pane/pane.css";
 @import "../components/page/page.css";
-@import "../components/chat/chat-input.css";
-@import "../components/chat/chat.css";
+@import "../components/chat-thread/chat-input.css";
+@import "../components/chat-thread/chat-thread.css";
 @import "../components/drawer/drawer.css";
 @import "../components/modal/modal.css";
+@import "../components/feed/feed.css";
 @import "../components/toast/toast.css";
 @import "../components/tabs/tabs.css";
 @import "../components/tooltip/tooltip.css";
@@ -66,6 +67,9 @@
 @import "../components/list/list.css";
 @import "../components/menu/menu.css";
 @import "../components/toolbar/toolbar.css";
+@import "../components/nav/nav.css";
+@import "../components/nav-group/nav-group.css";
+@import "../components/nav-item/nav-item.css";
 @import "../components/otp-input/otp-input.css";
 @import "../components/image/image.css";
 @import "../components/search/search.css";

package/styles/resets.css

@@ -4,7 +4,7 @@
  *
  * 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)`.
+ * each component's own CSS under `@scope (component-ui)`.
  */
 
 *,

package/traits/define.js

@@ -22,8 +22,8 @@
  *   inst.connect(myElement);
  *   inst.disconnect(myElement);
  *
- *   // On a AdiaElement:
- *   class MyButton extends AdiaElement {
+ *   // On a UIElement:
+ *   class MyButton extends UIElement {
  *     static traits = [pressable];
  *   }
  */