@adia-ai/web-components 0.6.19 → 0.6.21

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # Changelog — @adia-ai/web-components
 
+## [0.6.21] — 2026-05-21
+
+### Changed — `table-ui` body cells truncate by default (opt-in wrap via `[wrap]` / `[data-wrap]`)
+
+- **`<table-ui>` body cells now default to single-line with ellipsis truncation** instead of `overflow-wrap: anywhere`. Long unbreakable strings (URLs, IDs) clip gracefully rather than re-wrapping the row, matching the row convention shared by `<select-ui>` + `<nav-item-ui>`. Three opt-in paths to wrapping: (1) `<table-ui wrap>` — new reflected boolean prop, whole-table opt-in; (2) `col.wrap: true` in `columns[]` — renderer sets `[data-wrap]` on each body cell in that column (per-column opt-in); (3) `<td data-wrap>` — surgical per-cell opt-in for hand-authored cells. Behavior change for consumers who relied on the legacy wrap default — set `[wrap]` on the host to restore. New tests cover the three paths. Files: `components/table/{table.css,table.yaml,class.js,table.test.js}`.
+
+### Fixed — toast / feed-item variant text colour now safe in light + dark mode
+
+- **`<feed-item-ui>` — the element `<toast-ui>` / `UIToast.show()` render through — paired a scheme-locked foreground with a scheme-flipping background.** The `info` / `success` / `warning` / `danger` variants set the text to `--a-{variant}-fg` (= `--a-{variant}-text-strong`, locked for solid `--variant-strong` fills) over a `--a-{variant}-muted` tint that flips light↔dark — going low-contrast in one scheme (e.g. a warning toast in dark mode). They now use the scheme-aware `--a-{variant}-text`, which flips with the background — matching `alert.css` and `toast.css` variant wiring. Files: `feed.css`.
+
+### Fixed — `input-ui` inline `[slot="label"]` no longer crowds the value text
+
+- **An inline `<span slot="label">` sat flush against the value** with only the field gap between them, so a short label and the value text read as one run-on string. `[slot="label"]` now carries a `min-width` floor (new `--input-label-min-width` token, default `8ch`) — it reserves a label column and the value start aligns down a stack of inputs. `flex-shrink: 0` keeps it from collapsing; a label wider than the floor still grows past it. Files: `input.css`.
+
+## [0.6.20] — 2026-05-21
+
+### Added — `table-ui` `row-click` event (FEEDBACK-35)
+
+- `<table-ui>` now dispatches a bubbling `row-click` event (detail:
+  `{ row, dataIndex }`) once per row click, alongside the existing per-cell
+  `cell-click`. Master-detail / open-flyout wiring no longer has to
+  deduplicate `cell-click` by `dataIndex`. `table.yaml` documents it.
+
+### Changed — `select-ui` honours declarative `<option selected>` (FEEDBACK-36)
+
+- `<select-ui>` now promotes an `<option selected>` child to the initial
+  value when the host carries no `[value]` attribute — matching native
+  `<select>` semantics. Previously the `selected` attribute was silently
+  ignored and the placeholder shown. Guarded on an empty `this.value`, so
+  consumers who set `[value]` explicitly are unaffected.
+
+### Changed — `chart-ui` wrong-`.data`-shape warning shows the correct shape (FEEDBACK-34)
+
+- The one-shot `console.warn` emitted when `.data` is set to a non-array
+  now embeds a minimal correct-shape example
+  (`[{ label: "Jan", value: 100 }, … ]`) instead of only naming the wrong
+  API and pointing at `chart.yaml`.
+
+### Docs — `table.yaml` / `select.yaml` description clarifications (FEEDBACK-35 §2, FEEDBACK-36)
+
+- `components/table/table.yaml` `sort` event: the `key` / `dir` detail
+  descriptions now name the fields explicitly (`key` not `column`, `dir` not
+  `direction`) — closing the guess the bare names invited.
+- `components/select/select.yaml` `value`: documents that a declarative
+  `<option selected>` child sets the initial value when the host `[value]`
+  attribute is absent.
+
 ## [0.6.19] — 2026-05-21
 
 ### Fixed — `drawer-ui` `innerHTML`-on-host orphaned the internal `<dialog>` (FEEDBACK-30)

package/components/chart/class.js

@@ -260,7 +260,9 @@ export class UIChart extends UIElement {
       console.warn(
         `[chart-ui] .data must be an array of plain objects — received ` +
         `${arr === null ? 'null' : typeof arr}. The {labels, datasets} ` +
-        `envelope is the Chart.js API, not the chart-ui API. See chart.yaml.`,
+        `envelope is the Chart.js API, not the chart-ui API.\n` +
+        `Correct shape for <chart-ui x="label" y="value">:\n` +
+        `  [{ label: "Jan", value: 100 }, { label: "Feb", value: 200 }]`,
       );
     }
     this.#data = Array.isArray(arr) ? arr : [];

package/components/feed/feed.css

@@ -104,10 +104,15 @@ feed-item-ui[data-closing] {
     --feed-item-gap:      var(--a-space-3);
     --feed-item-max-width: 22rem;  /* §230-bundle (v0.5.9): component-local. Was orphaned --a-feed-max-width — hoisted per RESPONSE-21 guidance. */
   }
-  :scope[variant="info"]    { --feed-item-fg: var(--a-info-fg);    --feed-item-bg: var(--a-info-muted); }
-  :scope[variant="success"] { --feed-item-fg: var(--a-success-fg); --feed-item-bg: var(--a-success-muted); }
-  :scope[variant="warning"] { --feed-item-fg: var(--a-warning-fg); --feed-item-bg: var(--a-warning-muted); }
-  :scope[variant="danger"]  { --feed-item-fg: var(--a-danger-fg);  --feed-item-bg: var(--a-danger-muted); }
+  /* fg = the scheme-aware --a-{variant}-text, which flips light↔dark via
+     light-dark() to track the --a-{variant}-muted bg (also scheme-aware).
+     NOT --a-{variant}-fg (= --a-{variant}-text-strong, locked for solid
+     --variant-strong fills) — pairing a locked fg with a flipping bg goes
+     low-contrast in one scheme. Mirrors alert.css + toast.css wiring. */
+  :scope[variant="info"]    { --feed-item-fg: var(--a-info-text);    --feed-item-bg: var(--a-info-muted); }
+  :scope[variant="success"] { --feed-item-fg: var(--a-success-text); --feed-item-bg: var(--a-success-muted); }
+  :scope[variant="warning"] { --feed-item-fg: var(--a-warning-text); --feed-item-bg: var(--a-warning-muted); }
+  :scope[variant="danger"]  { --feed-item-fg: var(--a-danger-text);  --feed-item-bg: var(--a-danger-muted); }
 
   :scope {
     box-sizing: border-box;

package/components/input/input.css

@@ -30,6 +30,7 @@ input-ui:not([disabled]) [slot="field"]:hover [slot="suffix"] {
     --input-placeholder-fg:  var(--a-ui-text-placeholder);
     --input-affix-fg:        var(--a-ui-text-placeholder);
     --input-field-gap:       var(--a-space-1);
+    --input-label-min-width: 8ch;
 
     /* ── Transitions ── */
     --input-duration:        var(--a-duration-fast);
@@ -55,9 +56,15 @@ input-ui:not([disabled]) [slot="field"]:hover [slot="suffix"] {
   /* Inline label — sits inside [slot="field"] as a leading caption,
      between [slot="prefix"] and [slot="text"]. Dim by default; shares
      the input chrome border. For stacked label / hint / error, wrap
-     with field-ui. */
+     with field-ui.
+
+     min-width reserves a label column so a short label (e.g. "PIN")
+     doesn't sit flush against the value text, and the value start aligns
+     down a stack of inputs. flex-shrink: 0 keeps it from collapsing; a
+     label wider than the floor grows past it. */
   [slot="label"] {
     flex-shrink: 0;
+    min-width: var(--input-label-min-width);
     color: var(--input-affix-fg);
     font-size: var(--input-font-size);
     user-select: none;

package/components/select/class.js

@@ -212,15 +212,20 @@ export class UISelect extends UIFormElement {
     this.#options = [];
     // §225 (v0.5.9): track unknown-child-tag names so we can warn once per element.
     const unknownTags = new Set();
+    // FEEDBACK-36: capture the value of an <option selected> child so a
+    // declarative initial selection is honoured (native <select> parity).
+    let preSelected;
     for (const child of this.children) {
       if (child.tagName === 'OPTGROUP') {
         const group = { label: child.label || child.getAttribute('label') || '', options: [] };
         for (const opt of child.querySelectorAll('option')) {
           group.options.push({ value: opt.value, label: opt.textContent.trim(), disabled: opt.disabled });
+          if (preSelected === undefined && opt.hasAttribute('selected')) preSelected = opt.value;
         }
         this.#options.push(group);
       } else if (child.tagName === 'OPTION') {
         this.#options.push({ value: child.value, label: child.textContent.trim(), disabled: child.disabled });
+        if (preSelected === undefined && child.hasAttribute('selected')) preSelected = child.value;
       } else if (
         // §225: skip [slot="display"] / [slot="listbox"] / [slot="action"] etc. — these are
         // stamped by the component itself, not consumer-authored options. Anything other
@@ -231,6 +236,10 @@ export class UISelect extends UIFormElement {
       }
     }
     for (const child of [...this.querySelectorAll('option, optgroup')]) child.remove();
+    // FEEDBACK-36: honour <option selected> as the initial value when the host
+    // carries no [value] — matches native <select> semantics. Guarded on an
+    // empty this.value so consumers who set [value] explicitly are unaffected.
+    if (!this.value && preSelected !== undefined) this.value = preSelected;
     // §225 (v0.5.9): warn once per element when consumer authored non-<option> children.
     if (unknownTags.size > 0 && !UISelect.#warnedNonOption.has(this)) {
       UISelect.#warnedNonOption.add(this);

package/components/select/select.a2ui.json

@@ -122,7 +122,7 @@
       "default": "md"
     },
     "value": {
-      "description": "Currently selected option value",
+      "description": "Currently selected option value. With declarative <option> children, a child carrying the native `selected` attribute sets the initial value when this attribute is absent (native <select> parity).",
       "type": "string",
       "default": ""
     },

package/components/select/select.yaml

@@ -111,7 +111,10 @@ props:
     type: boolean
     default: false
   value:
-    description: Currently selected option value
+    description: >-
+      Currently selected option value. With declarative <option> children, a
+      child carrying the native `selected` attribute sets the initial value
+      when this attribute is absent (native <select> parity).
     type: string
     default: ""
 events:

package/components/table/class.js

@@ -47,6 +47,7 @@
  *   page       — { detail: { page } }
  *   resize     — { detail: { key, width } }
  *   cell-click — { detail: { key, row, value, dataIndex } }
+ *   row-click  — { detail: { row, dataIndex } }  — row-level companion to cell-click
  */
 
 import { UIElement } from '../../core/element.js';
@@ -110,6 +111,7 @@ export class UITable extends UIElement {
     selectable: { type: Boolean, default: false, reflect: true },
     expandable: { type: Boolean, default: false, reflect: true },
     striped:    { type: Boolean, default: false, reflect: true },
+    wrap:       { type: Boolean, default: false, reflect: true },
     raw:        { type: Boolean, default: false, reflect: true },
     density:    { type: String,  default: 'standard', reflect: true },
     paginate:   { type: Number,  default: 0,     reflect: true },
@@ -826,6 +828,11 @@ export class UITable extends UIElement {
         cell.setAttribute('data-pinned', col.pinned);
       }
 
+      // Wrap (per-column opt-in to multi-line cell content)
+      if (col.wrap) {
+        cell.setAttribute('data-wrap', '');
+      }
+
       cells.push(cell);
     }
 
@@ -1303,6 +1310,13 @@ export class UITable extends UIElement {
           bubbles: true,
           detail: { key, row: rowData, value, dataIndex },
         }));
+        // FEEDBACK-35: row-click convenience event — fires once per row,
+        // regardless of which cell was hit. detail is a strict subset of
+        // cell-click (no key/value) so it reads as row identity, not a cell.
+        this.dispatchEvent(new CustomEvent('row-click', {
+          bubbles: true,
+          detail: { row: rowData, dataIndex },
+        }));
       }
     }
   };

package/components/table/table.a2ui.json

@@ -14,7 +14,7 @@
   ],
   "properties": {
     "columns": {
-      "description": "Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, accessor?, format?, render?, sortFn?, filterType?, meta?}. Alternative to declarative <col-def> children.",
+      "description": "Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, wrap?, accessor?, format?, render?, sortFn?, filterType?, meta?}. Alternative to declarative <col-def> children.",
       "type": "array",
       "default": []
     },
@@ -75,6 +75,11 @@
       "description": "Alternate row background colors for visual scanning.",
       "type": "boolean",
       "default": false
+    },
+    "wrap": {
+      "description": "Allow body-cell content to wrap onto multiple lines. Default is single-line with ellipsis truncation (matches the row convention shared by <select-ui> + <nav-item-ui>); long unbreakable strings clip gracefully rather than rewrapping the row. With [wrap], row height auto-grows to fit wrapped content. For surgical opt-in on a single column, set [data-wrap] on the cell / col-def instead.",
+      "type": "boolean",
+      "default": false
     }
   },
   "required": [
@@ -144,6 +149,19 @@
           }
         }
       },
+      "row-click": {
+        "description": "Fired once when any cell in a data row is clicked — the row-level companion to cell-click. Use it for master-detail / open-flyout wiring.",
+        "detail": {
+          "dataIndex": {
+            "description": "Row index in the underlying data array.",
+            "type": "number"
+          },
+          "row": {
+            "description": "Row data object.",
+            "type": "object"
+          }
+        }
+      },
       "row-collapse": {
         "description": "Fired when an already-expanded row's chevron is activated (collapses the row). Mirror of row-expand.",
         "detail": {
@@ -183,11 +201,11 @@
         "description": "Fired when sort state changes via header click.",
         "detail": {
           "dir": {
-            "description": "Sort direction — \"asc\" / \"desc\" / null (cleared).",
+            "description": "Sort direction — \"asc\" / \"desc\" / null (cleared). The detail field is `dir` (not `direction`).",
             "type": "string"
           },
           "key": {
-            "description": "Column key being sorted.",
+            "description": "Column key being sorted — the detail field is `key` (not `column`).",
             "type": "string"
           },
           "sortState": {

package/components/table/table.css

@@ -216,6 +216,25 @@
     padding: var(--table-py) var(--table-px);
     border-bottom: 1px solid var(--table-border);
     min-width: 0;
+    /* Default: single line with ellipsis. Authors opt in to wrapping
+       via [wrap] on the host (whole table) or [data-wrap] on a column /
+       individual cell. Matches `<select-ui>` / `<nav-item-ui>` single-line
+       row convention; long unbreakable strings (URLs, IDs) clip gracefully
+       rather than rewrapping the row. */
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  /* Wrap opt-in: per-table (all body cells) or per-cell (one column).
+     Restores the legacy `overflow-wrap: anywhere` behavior so wrapped
+     content can break inside long unbroken tokens (URLs, IDs). Row
+     height auto-grows to fit. */
+  :scope[wrap] [data-body] [role="gridcell"],
+  [data-body] [role="gridcell"][data-wrap] {
+    white-space: normal;
+    overflow: visible;
+    text-overflow: clip;
     overflow-wrap: anywhere;
   }
 

package/components/table/table.d.ts

@@ -44,6 +44,14 @@ export interface TableResizeEventDetail {
 }
 
 export type TableResizeEvent = CustomEvent<TableResizeEventDetail>;
+export interface TableRowClickEventDetail {
+  /** Row index in the underlying data array. */
+  dataIndex: number;
+  /** Row data object. */
+  row: Record<string, unknown>;
+}
+
+export type TableRowClickEvent = CustomEvent<TableRowClickEventDetail>;
 export interface TableRowCollapseEventDetail {
   /** Row index in the underlying data array. */
   index: number;
@@ -67,9 +75,9 @@ export interface TableSelectEventDetail {
 
 export type TableSelectEvent = CustomEvent<TableSelectEventDetail>;
 export interface TableSortEventDetail {
-  /** Sort direction — "asc" / "desc" / null (cleared). */
+  /** Sort direction — "asc" / "desc" / null (cleared). The detail field is `dir` (not `direction`). */
   dir: string;
-  /** Column key being sorted. */
+  /** Column key being sorted — the detail field is `key` (not `column`). */
   key: string;
   /** Full sort state array (multi-column support). */
   sortState: unknown[];
@@ -78,7 +86,7 @@ export interface TableSortEventDetail {
 export type TableSortEvent = CustomEvent<TableSortEventDetail>;
 
 export class UITable extends UIElement {
-  /** Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, accessor?, format?, render?, sortFn?, filterType?, meta?}. Alternative to declarative <col-def> children. */
+  /** Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, wrap?, accessor?, format?, render?, sortFn?, filterType?, meta?}. Alternative to declarative <col-def> children. */
   columns: unknown[];
   /** Row records. Array of plain objects keyed to columns[].key. */
   data: unknown[];
@@ -100,6 +108,8 @@ export class UITable extends UIElement {
   sortable: boolean;
   /** Alternate row background colors for visual scanning. */
   striped: boolean;
+  /** Allow body-cell content to wrap onto multiple lines. Default is single-line with ellipsis truncation (matches the row convention shared by <select-ui> + <nav-item-ui>); long unbreakable strings clip gracefully rather than rewrapping the row. With [wrap], row height auto-grows to fit wrapped content. For surgical opt-in on a single column, set [data-wrap] on the cell / col-def instead. */
+  wrap: boolean;
 
   addEventListener<K extends keyof HTMLElementEventMap>(
     type: K,
@@ -110,6 +120,7 @@ export class UITable extends UIElement {
   addEventListener(type: 'filter-change', listener: (ev: TableFilterChangeEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener(type: 'page', listener: (ev: TablePageEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener(type: 'resize', listener: (ev: TableResizeEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: 'row-click', listener: (ev: TableRowClickEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener(type: 'row-collapse', listener: (ev: TableRowCollapseEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener(type: 'row-expand', listener: (ev: TableRowExpandEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener(type: 'select', listener: (ev: TableSelectEvent) => unknown, options?: boolean | AddEventListenerOptions): void;

package/components/table/table.test.js

@@ -172,3 +172,67 @@ describe('table-ui — v0.6.18 loading=skeleton-rows (FB-12 P2)', () => {
     expect(afterHeader.children.length).toBe(3);
   });
 });
+
+/**
+ * Body-cell wrap default + opt-in paths (PATCH-class behavior change).
+ *
+ * Default: cells truncate single-line with ellipsis (the CSS rule sets
+ * white-space: nowrap; overflow: hidden; text-overflow: ellipsis). Three
+ * opt-in surfaces lift the truncation:
+ *   - host [wrap] attribute (reflected from the `wrap` prop)
+ *   - col.wrap=true in columns[] → renderer sets [data-wrap] on each
+ *     body cell in that column
+ *   - [data-wrap] directly on a hand-authored <td>
+ *
+ * Tests lock the attribute contract; CSS-rule application is covered by
+ * the source-grep stylistic invariants of table.css.
+ */
+describe('table-ui — wrap default + opt-in', () => {
+  beforeEach(() => { document.body.innerHTML = ''; });
+
+  it('host [wrap] attribute reflects from the wrap property', async () => {
+    const el = mount('<table-ui></table-ui>');
+    el.columns = COLS;
+    el.data = ROWS;
+    await raf();
+    expect(el.hasAttribute('wrap')).toBe(false);
+    el.wrap = true;
+    await raf();
+    expect(el.hasAttribute('wrap')).toBe(true);
+    el.wrap = false;
+    await raf();
+    expect(el.hasAttribute('wrap')).toBe(false);
+  });
+
+  it('col.wrap=true marks body cells in that column with [data-wrap]', async () => {
+    const el = mount('<table-ui></table-ui>');
+    el.columns = [
+      { key: 'id',    label: 'ID' },
+      { key: 'name',  label: 'Name', wrap: true },
+      { key: 'email', label: 'Email' },
+    ];
+    el.data = ROWS;
+    await raf();
+    const bodyRows = el.querySelectorAll(':scope > [data-body] > [role="row"]');
+    expect(bodyRows.length).toBe(2);
+    for (const row of bodyRows) {
+      const cells = row.querySelectorAll('[role="gridcell"]');
+      expect(cells.length).toBe(3);
+      expect(cells[0].hasAttribute('data-wrap')).toBe(false);
+      expect(cells[1].hasAttribute('data-wrap')).toBe(true);
+      expect(cells[2].hasAttribute('data-wrap')).toBe(false);
+    }
+  });
+
+  it('omitting col.wrap leaves all body cells without [data-wrap]', async () => {
+    const el = mount('<table-ui></table-ui>');
+    el.columns = COLS;
+    el.data = ROWS;
+    await raf();
+    const cells = el.querySelectorAll(':scope > [data-body] [role="gridcell"]');
+    expect(cells.length).toBeGreaterThan(0);
+    for (const cell of cells) {
+      expect(cell.hasAttribute('data-wrap')).toBe(false);
+    }
+  });
+});

package/components/table/table.yaml

@@ -19,7 +19,7 @@ composes:
   - badge-ui
 props:
   columns:
-    description: Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, accessor?, format?, render?, sortFn?, filterType?, meta?}. Alternative to declarative <col-def> children.
+    description: Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, wrap?, accessor?, format?, render?, sortFn?, filterType?, meta?}. Alternative to declarative <col-def> children.
     type: array
     default: []
   data:
@@ -76,6 +76,17 @@ props:
     description: Alternate row background colors for visual scanning.
     type: boolean
     default: false
+  wrap:
+    description: >-
+      Allow body-cell content to wrap onto multiple lines. Default is
+      single-line with ellipsis truncation (matches the row convention
+      shared by <select-ui> + <nav-item-ui>); long unbreakable strings
+      clip gracefully rather than rewrapping the row. With [wrap], row
+      height auto-grows to fit wrapped content. For surgical opt-in on
+      a single column, set [data-wrap] on the cell / col-def instead.
+    type: boolean
+    default: false
+    reflect: true
 events:
   cell-click:
     description: Fired when a data cell is clicked. detail carries the cell location + value.
@@ -91,6 +102,15 @@ events:
       dataIndex:
         type: number
         description: Row index in the underlying data array.
+  row-click:
+    description: Fired once when any cell in a data row is clicked — the row-level companion to cell-click. Use it for master-detail / open-flyout wiring.
+    detail:
+      row:
+        type: object
+        description: Row data object.
+      dataIndex:
+        type: number
+        description: Row index in the underlying data array.
   filter-change:
     description: Fired when an interactive filter row applies / clears. detail.filters is the current filter map.
     detail:
@@ -141,10 +161,10 @@ events:
     detail:
       key:
         type: string
-        description: Column key being sorted.
+        description: Column key being sorted — the detail field is `key` (not `column`).
       dir:
         type: string
-        description: Sort direction — "asc" / "desc" / null (cleared).
+        description: Sort direction — "asc" / "desc" / null (cleared). The detail field is `dir` (not `direction`).
       sortState:
         type: array
         description: Full sort state array (multi-column support).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.6.19",
+  "version": "0.6.21",
   "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
   "type": "module",
   "types": "./index.d.ts",