@adia-ai/web-components 0.6.31 → 0.6.33

package/components/col/col.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UICol
 tag: col-ui
+status: stable
 component: Col
 category: layout
 version: 1

package/components/color-input/color-input.a2ui.json

@@ -198,6 +198,7 @@
         "name": "disabled"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "color-field": [
         "color-input"

package/components/color-input/color-input.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIColorInput
 tag: color-input-ui
+status: stable
 component: ColorInput
 category: input
 version: 1

package/components/color-picker/color-picker.a2ui.json

@@ -128,6 +128,7 @@
         "name": "disabled"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "color-picker": [
         "color-canvas",

package/components/color-picker/color-picker.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIColorPicker
 tag: color-picker-ui
+status: stable
 component: ColorPicker
 category: input
 version: 1

package/components/command/command.a2ui.json

@@ -114,6 +114,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "ai": [
         "chat",

package/components/command/command.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UICommand
 tag: command-ui
+status: stable
 component: Command
 category: container
 version: 1

package/components/demo-toggle/demo-toggle.a2ui.json

@@ -116,6 +116,7 @@
         "name": "off"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "compare": [
         "demo-toggle",

package/components/demo-toggle/demo-toggle.yaml

@@ -2,6 +2,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIDemoToggle
 tag: demo-toggle-ui
+status: stable
 component: DemoToggle
 category: container
 version: 1

package/components/description-list/description-list.a2ui.json

@@ -78,6 +78,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "description-list": [
         "description list",

package/components/description-list/description-list.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIDescriptionList
 tag: description-list-ui
+status: stable
 component: DescriptionList
 category: display
 version: 1

package/components/divider/divider.a2ui.json

@@ -70,6 +70,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "divider": [
         "divider",

package/components/divider/divider.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIDivider
 tag: divider-ui
+status: stable
 component: Divider
 category: display
 version: 1

package/components/drawer/drawer.a2ui.json

@@ -156,6 +156,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "collapse": [
         "accordion",

package/components/drawer/drawer.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIDrawer
 tag: drawer-ui
+status: stable
 component: Drawer
 category: container
 version: 1

package/components/embed/embed.a2ui.json

@@ -86,6 +86,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "embed": [
         "embed",

package/components/embed/embed.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIEmbed
 tag: embed-ui
+status: stable
 component: Embed
 category: agent
 version: 1

package/components/empty-state/empty-state.a2ui.json

@@ -95,6 +95,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "empty-state": [
         "zero-state",

package/components/empty-state/empty-state.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIEmptyState
 tag: empty-state-ui
+status: stable
 component: EmptyState
 category: display
 version: 1

package/components/feed/feed-item.a2ui.json

@@ -88,6 +88,7 @@
       }
     },
     "states": {},
+    "status": "stable",
     "synonyms": {
       "feed-item": [
         "notification-row",

package/components/feed/feed-item.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIFeedItem
 tag: feed-item-ui
+status: stable
 component: FeedItem
 category: feedback
 version: 1

package/components/feed/feed.a2ui.json

@@ -70,6 +70,7 @@
     ],
     "slots": {},
     "states": {},
+    "status": "stable",
     "synonyms": {
       "feed": [
         "notification-feed",

package/components/feed/feed.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIFeedContainer
 tag: feed-ui
+status: stable
 component: Feed
 category: container
 version: 1

package/components/field/field.a2ui.json

@@ -47,7 +47,8 @@
     }
   },
   "required": [
-    "component"
+    "component",
+    "label"
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
@@ -112,6 +113,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "form": [
         "field",

package/components/field/field.css

@@ -33,10 +33,19 @@
       "control"
       "message";
     column-gap: var(--field-gap);
-    row-gap: var(--field-gap);
     align-items: center;
   }
 
+  /* Gate `row-gap` on actual message presence — otherwise the grid
+     reserves --field-gap (~8px) between the control row and a
+     zero-content message row, making field-ui[inline] visibly taller
+     (~7-8 px) than non-field-ui siblings in a `<row-ui align="center">`.
+     FB-54 (v0.6.32) — closes the trap for compact filter bars that
+     mix field-ui with bare primitives. */
+  :scope:has(> [slot="hint"], > [slot="error"]) {
+    row-gap: var(--field-gap);
+  }
+
   /* Stacked + (trailing or action) → 2-col */
   :scope:has(> :is([slot="trailing"], [slot="action"])) {
     grid-template-columns: minmax(0, 1fr) auto;

package/components/field/field.test.js

@@ -1,4 +1,7 @@
 import { describe, it, expect, beforeEach } from 'vitest';
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import { dirname, resolve } from 'node:path';
 import '../../core/element.js';
 import './field.js';
 // Preload <input-ui> at module top so the error-mirror test can rely on
@@ -8,6 +11,9 @@ import './field.js';
 // it to top-level removes that race entirely.
 import '../input/input.js';
 
+const HERE = dirname(fileURLToPath(import.meta.url));
+const FIELD_CSS = readFileSync(resolve(HERE, 'field.css'), 'utf8');
+
 const tick = () => new Promise((r) => queueMicrotask(r));
 
 function mount(html) {
@@ -200,4 +206,30 @@ describe('field-ui', () => {
     const f = mount('<field-ui label="X"><input /></field-ui>');
     expect(hasAlignProp(f)).toBe(true);
   });
+
+  // ── FB-54 row-gap presence guard ──────────────────────────────────
+  //
+  // field-ui grid's :scope previously declared `row-gap: var(--field-gap)`
+  // unconditionally. Without a hint/error slot the message row collapses
+  // to 0px content, but the gap is still reserved — so field-ui[inline]
+  // is ~7-8 px taller than non-field-ui siblings in a row-ui[align=center].
+  //
+  // The fix moves `row-gap` into a `:has(> [slot="hint"], > [slot="error"])`
+  // guard. jsdom doesn't evaluate @scope rules in getComputedStyle, so the
+  // contract is locked by source-grep — same recipe as
+  // description-list / text-ui / tag-ui contract pins.
+
+  it('CSS source contract: base :scope does NOT declare unconditional row-gap', () => {
+    // Match the `:scope { ... }` block (no chained attribute/pseudo selectors).
+    // Within that block, `row-gap` must NOT appear.
+    const scopeBlock = FIELD_CSS.match(/:scope\s*\{[^}]+\}/);
+    expect(scopeBlock).not.toBeNull();
+    expect(scopeBlock[0]).not.toMatch(/row-gap\s*:/);
+  });
+
+  it('CSS source contract: `:scope:has(> [slot="hint"], > [slot="error"])` declares row-gap', () => {
+    expect(FIELD_CSS).toMatch(
+      /:scope:has\(>\s*\[slot="hint"\]\s*,\s*>\s*\[slot="error"\]\)\s*\{[^}]*row-gap:\s*var\(--field-gap\)/
+    );
+  });
 });

package/components/field/field.yaml

@@ -2,6 +2,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIField
 tag: field-ui
+status: stable
 component: Field
 category: form
 version: 1
@@ -17,6 +18,7 @@ description: >-
 props:
   label:
     description: Label text rendered in the label row.
+    required: true
     type: string
     default: ""
     reflect: true

package/components/fields/fields.a2ui.json

@@ -84,6 +84,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "form": [
         "fields",

package/components/fields/fields.yaml

@@ -2,6 +2,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIFields
 tag: fields-ui
+status: stable
 component: Fields
 category: form
 version: 1

package/components/footer/footer.a2ui.json

@@ -71,6 +71,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "footer": [
         "footer-bar",

package/components/footer/footer.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIFooter
 tag: footer-ui
+status: stable
 component: Footer
 category: container
 version: 1

package/components/grid/grid.a2ui.json

@@ -89,6 +89,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "catalog": [
         "product",

package/components/grid/grid.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIGrid
 tag: grid-ui
+status: stable
 component: Grid
 category: layout
 version: 1

package/components/header/header.a2ui.json

@@ -68,6 +68,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "header": [
         "header-bar",

package/components/header/header.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIHeader
 tag: header-ui
+status: stable
 component: Header
 category: container
 version: 1

package/components/heatmap/heatmap.a2ui.json

@@ -136,6 +136,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "activity": [
         "heatmap",

package/components/heatmap/heatmap.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIHeatmap
 tag: heatmap-ui
+status: stable
 component: Heatmap
 category: data-display
 version: 1

package/components/icon/icon.a2ui.json

@@ -46,7 +46,8 @@
     }
   },
   "required": [
-    "component"
+    "component",
+    "name"
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
@@ -84,6 +85,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "icon": [
         "glyph",

package/components/icon/icon.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIIcon
 tag: icon-ui
+status: stable
 component: Icon
 category: display
 version: 1
@@ -14,6 +15,7 @@ description: >-
 props:
   name:
     description: Icon name from registry
+    required: true
     type: string
     default: ""
   label:

package/components/image/image.a2ui.json

@@ -135,6 +135,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "assets": [
         "data",

package/components/image/image.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIImage
 tag: image-ui
+status: stable
 component: Image
 category: display
 version: 1

package/components/input/input.a2ui.json

@@ -257,6 +257,7 @@
         "selector": ":focus-visible"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "chip": [
         "badge",

package/components/input/input.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIInput
 tag: input-ui
+status: stable
 component: Input
 category: input
 version: 1

package/components/inspector/inspector.a2ui.json

@@ -63,6 +63,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "tags": [
         "object-inspector",

package/components/inspector/inspector.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIInspector
 tag: inspector-ui
+status: stable
 component: Inspector
 category: agent
 version: 1

package/components/kbd/kbd.a2ui.json

@@ -65,6 +65,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "command": [
         "command",

package/components/kbd/kbd.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIKbd
 tag: kbd-ui
+status: stable
 component: Kbd
 category: display
 version: 1

package/components/link/link.a2ui.json

@@ -149,6 +149,7 @@
         "name": "disabled"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "Link": [
         "Anchor",

package/components/link/link.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UILink
 tag: link-ui
+status: stable
 component: Link
 category: content
 version: 1

package/components/list/list-item.a2ui.json

@@ -55,6 +55,7 @@
     ],
     "slots": {},
     "states": [],
+    "status": "stable",
     "synonyms": {
       "list-item": [
         "row",

package/components/list/list-item.yaml

@@ -11,6 +11,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIListItem
 tag: list-item-ui
+status: stable
 component: ListItem
 category: layout
 version: 1

package/components/list/list.a2ui.json

@@ -92,6 +92,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "bookmark": [
         "bookmark",

package/components/list/list.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIList
 tag: list-ui
+status: stable
 component: List
 category: layout
 version: 1

package/components/menu/menu-divider.a2ui.json

@@ -40,6 +40,7 @@
     ],
     "slots": {},
     "states": [],
+    "status": "stable",
     "synonyms": {
       "menu-divider": [
         "menu-separator",

package/components/menu/menu-divider.yaml

@@ -8,6 +8,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIMenuDivider
 tag: menu-divider-ui
+status: stable
 component: MenuDivider
 category: navigation
 version: 1

package/components/menu/menu-item.a2ui.json

@@ -78,6 +78,7 @@
       }
     },
     "states": [],
+    "status": "stable",
     "synonyms": {
       "menu-item": [
         "dropdown-item",

package/components/menu/menu-item.yaml

@@ -8,6 +8,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIMenuItem
 tag: menu-item-ui
+status: stable
 component: MenuItem
 category: navigation
 version: 1

package/components/menu/menu.a2ui.json

@@ -99,6 +99,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "context-menu": [
         "popover",

package/components/menu/menu.yaml

@@ -3,6 +3,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIMenu
 tag: menu-ui
+status: stable
 component: Menu
 category: container
 version: 1

package/components/modal/modal.a2ui.json

@@ -84,6 +84,7 @@
         "name": "idle"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "tags": [
         "Dialog"

package/components/modal/modal.yaml

@@ -1,6 +1,7 @@
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
 name: UIModal
 tag: modal-ui
+status: stable
 component: Modal
 category: container
 version: 1

package/components/nav/nav.a2ui.json

@@ -115,6 +115,7 @@
         "name": "collapsed"
       }
     ],
+    "status": "stable",
     "synonyms": {
       "nav": [
         "sidebar",