@adia-ai/web-components 0.0.29 → 0.0.34

package/components/pipeline-status/pipeline-status.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaPipelineStatus
+name: UIPipelineStatus
 tag: pipeline-status-ui
 component: PipelineStatus
 category: agent

package/components/popover/popover.a2ui.json

@@ -85,7 +85,7 @@
       "context-menu",
       "right-click"
     ],
-    "name": "AdiaPopover",
+    "name": "UIPopover",
     "related": [
       "button",
       "divider"

package/components/popover/popover.js

@@ -13,12 +13,12 @@
  * Triggers: click | hover | manual. ESC closes click/manual popovers.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { anchorPopover } from '../../core/anchor.js';
 
 const HOVER_CLOSE_DELAY = 120;
 
-class AdiaPopover extends AdiaElement {
+class UIPopover extends UIElement {
   static properties = {
     placement: { type: String,  default: 'bottom', reflect: true },
     gap:       { type: Number,  default: 4, reflect: true },
@@ -180,5 +180,5 @@ class AdiaPopover extends AdiaElement {
   }
 }
 
-customElements.define('popover-ui', AdiaPopover);
-export { AdiaPopover };
+customElements.define('popover-ui', UIPopover);
+export { UIPopover };

package/components/popover/popover.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaPopover
+name: UIPopover
 tag: popover-ui
 component: Popover
 category: container

package/components/progress/progress.a2ui.json

@@ -72,7 +72,7 @@
       "percent",
       "gamification"
     ],
-    "name": "AdiaProgress",
+    "name": "UIProgress",
     "related": [
       "grid",
       "button",

package/components/progress/progress.js

@@ -8,9 +8,9 @@
  * (Legacy `value="-1"` is still treated as indeterminate for back-compat.)
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaProgress extends AdiaElement {
+class UIProgress extends UIElement {
   static properties = {
     value:   { type: Number, default: null,  reflect: true },
     variant: { type: String, default: 'bar', reflect: true },
@@ -59,6 +59,6 @@ class AdiaProgress extends AdiaElement {
     this.#fill = null;
   }
 }
-customElements.define('progress-ui', AdiaProgress);
+customElements.define('progress-ui', UIProgress);
 
-export { AdiaProgress };
+export { UIProgress };

package/components/progress/progress.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaProgress
+name: UIProgress
 tag: progress-ui
 component: Progress
 category: display

package/components/progress-row/progress-row.a2ui.json

@@ -66,7 +66,7 @@
       "progress",
       "row"
     ],
-    "name": "AdiaProgressRow",
+    "name": "UIProgressRow",
     "related": [],
     "slots": {
       "label": {

package/components/progress-row/progress-row.js

@@ -17,9 +17,9 @@
  *   variant — success | warning | danger (colors the fill; inherits otherwise)
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaProgressRow extends AdiaElement {
+class UIProgressRow extends UIElement {
   static properties = {
     label:   { type: String, default: '',  reflect: true },
     value:   { type: Number, default: null, reflect: true },
@@ -96,6 +96,6 @@ class AdiaProgressRow extends AdiaElement {
   }
 }
 
-customElements.define('progress-row-ui', AdiaProgressRow);
+customElements.define('progress-row-ui', UIProgressRow);
 
-export { AdiaProgressRow };
+export { UIProgressRow };

package/components/progress-row/progress-row.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaProgressRow
+name: UIProgressRow
 tag: progress-row-ui
 component: ProgressRow
 category: data

package/components/radio/radio.a2ui.json

@@ -92,7 +92,7 @@
       "questionnaire",
       "poll"
     ],
-    "name": "AdiaRadio",
+    "name": "UIRadio",
     "related": [
       "button"
     ],

package/components/radio/radio.js

@@ -3,12 +3,12 @@
  * Pure CSS dot via [slot="dot"]::after inner circle. No SVG, no inset shadow hack.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 import { html } from '../../core/element.js';
 
-class AdiaRadio extends AdiaFormElement {
+class UIRadio extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     checked:  { type: Boolean, default: false, reflect: true },
     label:    { type: String,  default: '', reflect: true },
   };
@@ -68,6 +68,6 @@ class AdiaRadio extends AdiaFormElement {
     this.removeEventListener('keydown', this.#onKey);
   }
 }
-customElements.define('radio-ui', AdiaRadio);
+customElements.define('radio-ui', UIRadio);
 
-export { AdiaRadio };
+export { UIRadio };

package/components/radio/radio.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaRadio
+name: UIRadio
 tag: radio-ui
 component: Radio
 category: input

package/components/range/range.a2ui.json

@@ -93,7 +93,7 @@
       "range",
       "volume"
     ],
-    "name": "AdiaRange",
+    "name": "UIRange",
     "related": [
       "input",
       "button"

package/components/range/range.js

@@ -11,10 +11,10 @@
  *   - While dragging: accent highlight on the field
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 
-class AdiaRange extends AdiaFormElement {
-  // Opt out of AdiaFormElement's per-control `label` deprecation warning.
+class UIRange extends UIFormElement {
+  // Opt out of UIFormElement's per-control `label` deprecation warning.
   // range-ui's `label` is a first-class API: it renders as the in-track
   // caption next to the value (the entire field is the scrubber surface)
   // and the host gets `aria-label` wired from it for proper screen-reader
@@ -22,8 +22,8 @@ class AdiaRange extends AdiaFormElement {
   static labelDeprecated = false;
 
   static properties = {
-    ...AdiaFormElement.properties,
-    /** value: Number — overrides AdiaFormElement.value (String); syncs as string on form submit. */
+    ...UIFormElement.properties,
+    /** value: Number — overrides UIFormElement.value (String); syncs as string on form submit. */
     value:  { type: Number,  default: 0,  reflect: true },
     min:    { type: Number,  default: 0,  reflect: true },
     max:    { type: Number,  default: 100, reflect: true },
@@ -179,6 +179,6 @@ class AdiaRange extends AdiaFormElement {
     this.#valueEl = null;
   }
 }
-customElements.define('range-ui', AdiaRange);
+customElements.define('range-ui', UIRange);
 
-export { AdiaRange };
+export { UIRange };

package/components/range/range.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaRange
+name: UIRange
 tag: range-ui
 component: Range
 category: input

package/components/rating/rating.a2ui.json

@@ -90,7 +90,7 @@
       "heart",
       "like"
     ],
-    "name": "AdiaRating",
+    "name": "UIRating",
     "related": [],
     "slots": {},
     "states": [

package/components/rating/rating.js

@@ -9,12 +9,12 @@
  *   <rating-ui value="5" readonly></rating-ui>
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 
-class AdiaRating extends AdiaFormElement {
+class UIRating extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
-    /** value: Number — overrides AdiaFormElement.value (String); syncs as string on form submit. */
+    ...UIFormElement.properties,
+    /** value: Number — overrides UIFormElement.value (String); syncs as string on form submit. */
     value:     { type: Number,  default: 0, reflect: true },
     max:       { type: Number,  default: 5, reflect: true },
     icon:      { type: String,  default: 'star', reflect: true },
@@ -134,5 +134,5 @@ class AdiaRating extends AdiaFormElement {
   }
 }
 
-customElements.define('rating-ui', AdiaRating);
-export { AdiaRating };
+customElements.define('rating-ui', UIRating);
+export { UIRating };

package/components/rating/rating.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaRating
+name: UIRating
 tag: rating-ui
 component: Rating
 category: form

package/components/richtext/richtext.a2ui.json

@@ -60,7 +60,7 @@
     "keywords": [
       "richtext"
     ],
-    "name": "AdiaRichtext",
+    "name": "UIRichtext",
     "related": [],
     "slots": {
       "default": {

package/components/richtext/richtext.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { renderMarkdown } from '../../core/markdown.js';
 
 /**
@@ -15,7 +15,7 @@ import { renderMarkdown } from '../../core/markdown.js';
  *   const el = document.querySelector('richtext-ui');
  *   el.markdown = '# Title\nParagraph text.';
  */
-class AdiaRichText extends AdiaElement {
+class UIRichText extends UIElement {
   static properties = {
     src:      { type: String, default: '', reflect: true },
     // Markdown bodies can be arbitrarily large; reflecting to the attribute
@@ -73,5 +73,5 @@ class AdiaRichText extends AdiaElement {
   }
 }
 
-customElements.define('richtext-ui', AdiaRichText);
-export { AdiaRichText };
+customElements.define('richtext-ui', UIRichText);
+export { UIRichText };

package/components/richtext/richtext.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaRichtext
+name: UIRichtext
 tag: richtext-ui
 component: Richtext
 category: forms

package/components/row/row.a2ui.json

@@ -69,7 +69,7 @@
     "keywords": [
       "row"
     ],
-    "name": "AdiaRow",
+    "name": "UIRow",
     "related": [
       "avatar",
       "input",

package/components/row/row.js

@@ -5,10 +5,10 @@
  * <row-ui draggable>...</row-ui>   wires the draggable trait, emits drag-end
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 import { draggable } from '../../traits/draggable.js';
 
-class AdiaRow extends AdiaElement {
+class UIRow extends UIElement {
   static properties = {
     justify:   { type: String,  default: 'start',  reflect: true },
     align:     { type: String,  default: 'center', reflect: true },
@@ -34,6 +34,6 @@ class AdiaRow extends AdiaElement {
     }
   }
 }
-customElements.define('row-ui', AdiaRow);
+customElements.define('row-ui', UIRow);
 
-export { AdiaRow };
+export { UIRow };

package/components/row/row.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaRow
+name: UIRow
 tag: row-ui
 component: Row
 category: layout

package/components/search/search.a2ui.json

@@ -83,7 +83,7 @@
       "omnibar",
       "combobox"
     ],
-    "name": "AdiaSearch",
+    "name": "UISearch",
     "related": [],
     "slots": {
       "clear": {

package/components/search/search.js

@@ -7,11 +7,11 @@
  * Fires debounced 'search' event. Clear button resets and fires immediately.
  */
 
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 
-class AdiaSearch extends AdiaFormElement {
+class UISearch extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     placeholder: { type: String, default: 'Search...', reflect: true },
     debounce:    { type: Number, default: 300, reflect: true },
   };
@@ -119,6 +119,6 @@ class AdiaSearch extends AdiaFormElement {
     this.#suffixEl = null;
   }
 }
-customElements.define('search-ui', AdiaSearch);
+customElements.define('search-ui', UISearch);
 
-export { AdiaSearch };
+export { UISearch };

package/components/search/search.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaSearch
+name: UISearch
 tag: search-ui
 component: Search
 category: input

package/components/section/section.a2ui.json

@@ -50,7 +50,7 @@
     "keywords": [
       "section"
     ],
-    "name": "AdiaSection",
+    "name": "UISection",
     "related": [
       "avatar",
       "input",

package/components/section/section.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaSection
+name: UISection
 tag: section-ui
 component: Section
 category: container

package/components/segment/segment.a2ui.json

@@ -80,7 +80,7 @@
     "keywords": [
       "segment"
     ],
-    "name": "AdiaSegment",
+    "name": "UISegment",
     "related": [
       "segmented-control"
     ],

package/components/segment/segment.js

@@ -6,9 +6,9 @@
  * Mirrors the button-ui pattern.
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaSegment extends AdiaElement {
+class UISegment extends UIElement {
   static properties = {
     value:    { type: String, default: '', reflect: true },
     text:     { type: String, default: '', reflect: true },
@@ -47,6 +47,6 @@ class AdiaSegment extends AdiaElement {
     }
   }
 }
-customElements.define('segment-ui', AdiaSegment);
+customElements.define('segment-ui', UISegment);
 
-export { AdiaSegment };
+export { UISegment };

package/components/segment/segment.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaSegment
+name: UISegment
 tag: segment-ui
 component: Segment
 category: navigation

package/components/segmented/segmented.a2ui.json

@@ -51,7 +51,7 @@
       "tabs",
       "button-group"
     ],
-    "name": "AdiaSegmented",
+    "name": "UISegmented",
     "related": [],
     "slots": {},
     "states": [

package/components/segmented/segmented.css

@@ -32,6 +32,12 @@
     grid-auto-columns: 1fr;
     align-items: stretch;
     position: relative;
+    /* Children use `position: relative; z-index: 1` (segments) so they
+       paint above the absolute indicator. Without an own stacking context
+       here, those z-indexed children escape into the parent context and
+       can paint above sticky/fixed siblings (e.g. a sticky page header).
+       `isolation: isolate` scopes the inner z-index to this element. */
+    isolation: isolate;
     overflow: hidden;
 
     min-height: var(--segmented-height);

package/components/segmented/segmented.js

@@ -9,12 +9,12 @@
  * Indicator uses CSS transform (GPU-accelerated).
  */
 
-import { AdiaFormElement } from '../../core/form.js';
-import '@components/segment/segment.js';
+import { UIFormElement } from '../../core/form.js';
+import '../segment/segment.js';
 
-class AdiaSegmented extends AdiaFormElement {
+class UISegmented extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     value: { type: String, default: '', reflect: true },
   };
 
@@ -129,7 +129,7 @@ class AdiaSegmented extends AdiaFormElement {
 
   #handleKeydown = (e) => {
     const target = e.target;
-    if (target.tagName !== 'SEGMENT-N') return;
+    if (target.tagName !== 'SEGMENT-UI') return;
     const segs = this.#enabledSegments;
     const idx = segs.indexOf(target);
     if (idx < 0) return;
@@ -150,6 +150,6 @@ class AdiaSegmented extends AdiaFormElement {
     this.#select(segs[next]);
   };
 }
-customElements.define('segmented-ui', AdiaSegmented);
+customElements.define('segmented-ui', UISegmented);
 
-export { AdiaSegmented };
+export { UISegmented };

package/components/segmented/segmented.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaSegmented
+name: UISegmented
 tag: segmented-ui
 component: Segmented
 category: navigation

package/components/select/select.a2ui.json

@@ -148,7 +148,7 @@
       "combobox",
       "autocomplete"
     ],
-    "name": "AdiaSelect",
+    "name": "UISelect",
     "related": [
       "image",
       "button",

package/components/select/select.js

@@ -1,13 +1,13 @@
-import { AdiaFormElement } from '../../core/form.js';
+import { UIFormElement } from '../../core/form.js';
 import { anchorPopover } from '../../core/anchor.js';
 
 function escapeHTML(s) {
   return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
 
-class AdiaSelect extends AdiaFormElement {
+class UISelect extends UIFormElement {
   static properties = {
-    ...AdiaFormElement.properties,
+    ...UIFormElement.properties,
     placeholder: { type: String,  default: 'Select...', reflect: true },
     open:        { type: Boolean, default: false, reflect: true },
     label:       { type: String,  default: '', reflect: true },
@@ -393,6 +393,6 @@ class AdiaSelect extends AdiaFormElement {
     this.#listbox = null;
   }
 }
-customElements.define('select-ui', AdiaSelect);
+customElements.define('select-ui', UISelect);
 
-export { AdiaSelect };
+export { UISelect };

package/components/select/select.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaSelect
+name: UISelect
 tag: select-ui
 component: Select
 category: input

package/components/skeleton/skeleton.a2ui.json

@@ -66,7 +66,7 @@
       "placeholder",
       "shimmer"
     ],
-    "name": "AdiaSkeleton",
+    "name": "UISkeleton",
     "related": [],
     "slots": {},
     "states": [

package/components/skeleton/skeleton.js

@@ -11,9 +11,9 @@
  * Radius: none, sm (default), md, lg, full
  */
 
-import { AdiaElement } from '../../core/element.js';
+import { UIElement } from '../../core/element.js';
 
-class AdiaSkeleton extends AdiaElement {
+class UISkeleton extends UIElement {
   static properties = {
     width:  { type: String,  default: '100%',  reflect: true },
     height: { type: String,  default: '1.2em', reflect: true },
@@ -38,6 +38,6 @@ class AdiaSkeleton extends AdiaElement {
   }
 }
 
-customElements.define('skeleton-ui', AdiaSkeleton);
+customElements.define('skeleton-ui', UISkeleton);
 
-export { AdiaSkeleton };
+export { UISkeleton };

package/components/skeleton/skeleton.yaml

@@ -1,7 +1,7 @@
 # Generated by scripts/migrate-yamls-to-v1.mjs — migrated to v1 contract.
 # Edit this file; run `npm run build:components` to regenerate a2ui.json.
 $schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaSkeleton
+name: UISkeleton
 tag: skeleton-ui
 component: Skeleton
 category: display

package/components/slider/slider.a2ui.json

@@ -99,7 +99,7 @@
       "range",
       "volume"
     ],
-    "name": "AdiaSlider",
+    "name": "UISlider",
     "related": [
       "input",
       "select",