@adia-ai/web-components 0.8.39 → 0.8.41

package/components/slider/slider.a2ui.json

@@ -126,6 +126,7 @@
       "volume"
     ],
     "name": "UISlider",
+    "parts": {},
     "related": [
       "input",
       "select",
@@ -151,6 +152,11 @@
         "description": "Default, ready for interaction.",
         "name": "idle"
       },
+      {
+        "description": "A thumb is mid-drag (pointer down through pointerup).",
+        "attribute": "dragging",
+        "name": "dragging"
+      },
       {
         "description": "Non-interactive; dimmed.",
         "attribute": "disabled",

package/components/slider/slider.class.js

@@ -317,7 +317,7 @@ export class UISlider extends UIFormElement {
     if (this.disabled) return;
     e.preventDefault();
     this.#dragging = true;
-    this.setAttribute('data-dragging', '');
+    this.setAttribute('dragging', '');
 
     let thumb;
     if (this.dual) {
@@ -343,6 +343,12 @@ export class UISlider extends UIFormElement {
     thumb.setPointerCapture(e.pointerId);
     thumb.addEventListener('pointermove', this.#onPointerMove);
     thumb.addEventListener('pointerup', this.#onPointerUp);
+    // A drag can end without pointerup: touch interruptions (incoming call,
+    // OS gesture steal) fire pointercancel, and losing the capture for any
+    // other reason fires lostpointercapture. Without these, [dragging] and
+    // the move/up listeners stay stuck (gh#1332 review follow-up).
+    thumb.addEventListener('pointercancel', this.#onPointerCancel);
+    thumb.addEventListener('lostpointercapture', this.#onPointerCancel);
   };
 
   #onPointerMove = (e) => {
@@ -357,16 +363,27 @@ export class UISlider extends UIFormElement {
     }
   };
 
+  #onPointerCancel = (e) => {
+    // lostpointercapture also fires after a normal pointerup's
+    // releasePointerCapture — the #dragging guard makes that a no-op.
+    if (!this.#dragging) return;
+    this.#onPointerUp(e);
+  };
+
   #onPointerUp = (e) => {
     this.#dragging = false;
     this.#dragOffset = 0;
-    this.removeAttribute('data-dragging');
+    this.removeAttribute('dragging');
     const thumb = this.dual
       ? (this.#draggingThumb === 'lower' ? this.#thumbLowerEl : this.#thumbUpperEl)
       : this.#thumbEl;
-    thumb?.releasePointerCapture(e.pointerId);
+    // On pointercancel the capture is already gone; releasing a
+    // no-longer-captured pointer throws NotFoundError in some engines.
+    try { thumb?.releasePointerCapture(e.pointerId); } catch { /* already released */ }
     thumb?.removeEventListener('pointermove', this.#onPointerMove);
     thumb?.removeEventListener('pointerup', this.#onPointerUp);
+    thumb?.removeEventListener('pointercancel', this.#onPointerCancel);
+    thumb?.removeEventListener('lostpointercapture', this.#onPointerCancel);
     // Drop the active marker — but only after emitting change, so any
     // mid-drag z-index lift stays painted through the up event.
     thumb?.removeAttribute('data-active');

package/components/slider/slider.css

@@ -264,7 +264,7 @@
 
   /* During drag: kill the left transition so the thumb follows
      the pointer frame-by-frame without CSS interpolation lag. */
-  :scope[data-dragging] [slot="thumb"] {
+  :scope[dragging] [slot="thumb"] {
     transition: transform var(--slider-duration) var(--slider-easing);
   }
 
@@ -332,6 +332,6 @@
     margin-top: var(--slider-hint-mt, var(--a-space-1));
     font-size: var(--slider-hint-size, var(--a-ui-xs));
     color:     var(--slider-hint-fg, var(--a-fg-muted));
-    line-height: var(--slider-hint-lh, 1.4);
+    line-height: var(--slider-hint-lh, var(--a-font-leading-normal));
   }
 }

package/components/slider/slider.yaml

@@ -107,6 +107,9 @@ slots:
 states:
   - name: idle
     description: Default, ready for interaction.
+  - name: dragging
+    description: A thumb is mid-drag (pointer down through pointerup).
+    attribute: dragging
   - name: disabled
     description: Non-interactive; dimmed.
     attribute: disabled

package/components/spinner/spinner.a2ui.json

@@ -112,6 +112,7 @@
       "circular"
     ],
     "name": "UISpinner",
+    "parts": {},
     "related": [
       "Progress",
       "Skeleton",

package/components/spinner/spinner.css

@@ -178,7 +178,7 @@
       align-items: center;
       justify-content: center;
       font: inherit;
-      line-height: 1;
+      line-height: var(--a-font-leading-none);
       text-align: center;
       color: currentColor;
     }

package/components/stack/stack.a2ui.json

@@ -53,6 +53,7 @@
       "stack"
     ],
     "name": "UIStack",
+    "parts": {},
     "related": [
       "Col",
       "Row",

package/components/stat/stat.a2ui.json

@@ -99,6 +99,7 @@
       "scoreboard"
     ],
     "name": "UIStat",
+    "parts": {},
     "related": [
       "Card",
       "Badge",

package/components/stat/stat.css

@@ -171,7 +171,7 @@
     grid-area: label;
     font-size: var(--stat-label-size);
     color: var(--stat-label-fg);
-    line-height: 1.4;
+    line-height: var(--a-font-leading-normal);
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -185,7 +185,7 @@
     align-items: center;
     gap: 0.25em;
     font-size: var(--stat-change-size);
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     justify-self: start;
   }
 
@@ -195,7 +195,7 @@
     font-size: var(--stat-value-size);
     font-weight: var(--stat-value-weight);
     color: var(--stat-value-fg);
-    line-height: 1.2;
+    line-height: var(--a-font-leading-snug);
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;

package/components/stat/stat.js

@@ -110,12 +110,12 @@ class UIStat extends UIElement {
       // Width 60% / 40% / 2em / 1em chosen to roughly mirror the rendered
       // value+change visual mass without being so wide as to look like text.
       this.#valueEl.textContent = '';
-      this.#valueEl.innerHTML = '<skeleton-ui width="60%" height="2em" radius="sm"></skeleton-ui>';
+      this.#valueEl.innerHTML = '<skeleton-ui width="60%" height="2em" corner-radius="sm"></skeleton-ui>';
       // Skeleton replaces the trend icon + text children wholesale; the
       // non-loading branch below detects the detached refs (parentNode
       // check) and re-inserts them once real data arrives.
       this.#changeEl.textContent = '';
-      this.#changeEl.innerHTML = '<skeleton-ui width="40%" height="1em" radius="sm"></skeleton-ui>';
+      this.#changeEl.innerHTML = '<skeleton-ui width="40%" height="1em" corner-radius="sm"></skeleton-ui>';
       this.#changeEl.hidden = false;
       // Icon stays as-is (metadata, not data).
       if (this.icon) {

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

@@ -68,6 +68,7 @@
       "indicator"
     ],
     "name": "UIStepProgress",
+    "parts": {},
     "related": [
       "progress-ui",
       "stepper-ui"

package/components/step-progress/step-progress.css

@@ -46,7 +46,7 @@
   [slot="caption"] {
     color: var(--step-progress-caption-fg);
     font-size: var(--step-progress-caption-size);
-    line-height: 1.4;
+    line-height: var(--a-font-leading-normal);
   }
 
   [slot="caption"][hidden] {

package/components/step-progress/step-progress.yaml

@@ -51,7 +51,7 @@ a2ui:
       reason: 'Minimal stepper visualization.'
     - rule: 'Different from <stepper-ui> (labeled, expanded) — step-progress is dense and label-free.'
       reason: 'Density boundary.'
-    - rule: 'For multi-task progress bars (multiple labeled rows) use <progress-row-ui> stack.'
+    - rule: 'For multi-task progress bars (multiple labeled rows) use a stack of <progress-ui> with `label` set (absorbed the row layout from the now-deprecated progress-row-ui).'
       reason: 'Different layout.'
 anti_patterns: []
 

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

@@ -53,6 +53,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "Stepper"
+    ],
     "anti_patterns": [],
     "category": "navigation",
     "composes": [],
@@ -66,6 +69,7 @@
       "step-row"
     ],
     "name": "UIStepperItem",
+    "parts": {},
     "related": [
       "Stepper",
       "Timeline",
@@ -73,13 +77,13 @@
     ],
     "slots": {
       "description": {
-        "description": "Custom description content; falls through to `[description]` prop if not slotted."
+        "description": "Custom secondary-line content; falls through to [description] prop if not slotted. Same adopt-or-stamp guard as `label` (gh#1462)."
       },
       "icon": {
-        "description": "Override the step-status glyph with a custom slotted element. By default the step renders a numeral / check / x indicator based on [status]; slot an `<icon-ui>` or image to customize."
+        "description": "Override the step-status glyph with a custom slotted element (custom icon-ui, image). Mutually exclusive with the [icon] attribute — a consumer-authored slot child wins and is never renamed or removed by render() (gh#1462 adopt-or-stamp guard)."
       },
       "label": {
-        "description": "Custom label content; falls through to `[text]` prop if not slotted."
+        "description": "Custom label content; falls through to [text] prop if not slotted. Adopt-or-stamp guarded (gh#1462): render() only writes into the component-stamped fallback span — a consumer-authored `[slot=\"label\"]` child is adopted as source of truth and never overwritten."
       }
     },
     "states": [],

package/components/stepper/stepper-item.yaml

@@ -50,14 +50,22 @@ props:
     default: false
 slots:
   label:
-    description: Custom label content; falls through to `[text]` prop if not slotted.
+    description: >-
+      Custom label content; falls through to [text] prop if not slotted.
+      Adopt-or-stamp guarded (gh#1462): render() only writes into the
+      component-stamped fallback span — a consumer-authored
+      `[slot="label"]` child is adopted as source of truth and never
+      overwritten.
   description:
-    description: Custom description content; falls through to `[description]` prop if not slotted.
+    description: >-
+      Custom secondary-line content; falls through to [description] prop
+      if not slotted. Same adopt-or-stamp guard as `label` (gh#1462).
   icon:
     description: >-
-      Override the step-status glyph with a custom slotted element. By default
-      the step renders a numeral / check / x indicator based on [status];
-      slot an `<icon-ui>` or image to customize.
+      Override the step-status glyph with a custom slotted element (custom
+      icon-ui, image). Mutually exclusive with the [icon] attribute — a
+      consumer-authored slot child wins and is never renamed or removed by
+      render() (gh#1462 adopt-or-stamp guard).
 
 keywords:
   - stepper-item
@@ -75,6 +83,8 @@ related:
   - StepProgress
 
 a2ui:
+  allowedParents:
+    - Stepper
   rules:
     - rule: 'Child of <stepper-ui> — one numbered step with label + complete/current/upcoming state.'
       reason: 'Cluster contract.'

package/components/stepper/stepper.a2ui.json

@@ -2,7 +2,7 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://adiaui.dev/a2ui/v0_9/components/Stepper.json",
   "title": "Stepper",
-  "description": "Wizard / process stepper — parent step index drives numbered children's complete/current/upcoming states automatically. Renders horizontally as a labeled step bar with connectors. Use for multi-step forms, onboarding, or pipelines; for read-only event history use <timeline-ui> instead. Add [interactive] to opt into click-to-navigate + roving- tabindex keyboard (arrow keys / Home / End) — the host still owns whether navigation is permitted: listen for the cancelable [step-request] event and call preventDefault() to veto a step before it lands, or set [disabled] on a stepper-item-ui to phase-gate it out of reach entirely.",
+  "description": "Wizard / process stepper — parent step index drives numbered children's complete/current/upcoming states automatically. Renders horizontally as a labeled step bar with connectors. Use for multi-step forms, onboarding, or pipelines; for read-only event history use <timeline-ui> instead. Add [interactive] to opt into click-to-navigate + roving-tabindex keyboard (arrow keys / Home / End) — the host still owns whether navigation is permitted: listen for the cancelable [step-request] event and call preventDefault() to veto a step before it lands, or set [disabled] on a stepper-item-ui to phase-gate it out of reach entirely.",
   "type": "object",
   "allOf": [
     {
@@ -37,6 +37,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedChildren": [
+      "StepperItem"
+    ],
     "anti_patterns": [],
     "category": "navigation",
     "composes": [
@@ -89,6 +92,7 @@
       "click-to-navigate"
     ],
     "name": "UIStepper",
+    "parts": {},
     "related": [
       "timeline-ui",
       "progress-ui"

package/components/stepper/stepper.class.js

@@ -108,7 +108,9 @@ export class UIStepper extends UIElement {
   connected() {
     this.addEventListener('click', this.#handleClick);
     this.addEventListener('keydown', this.#handleKeydown);
-    if (!this.#childObserver) {
+    // Guarded like the other Observer sites (gh#285 §1 pattern) — SSR shims
+    // have no MutationObserver; teardown already uses `?.disconnect()`.
+    if (!this.#childObserver && typeof MutationObserver !== 'undefined') {
       this.#childObserver = new MutationObserver(this.#onChildMutation);
       this.#childObserver.observe(this, {
         childList: true,
@@ -293,31 +295,44 @@ export class UIStepperItem extends UIElement {
 
   static template = () => null;
 
+  // Adopt-or-stamp (gh#1462): a fallback child stamped from a prop is
+  // marked, and render() only ever writes into marked elements — a
+  // consumer-authored slot="label"/"description"/"icon" child is adopted
+  // as source of truth and never overwritten or removed. Mirrors
+  // action-item-ui/menu-item-ui's stamp-marking (PR #1429).
+  #stampMark(el) { el.dataset.stepperItemStamped = '1'; return el; }
+  #wasStamped(el) { return el?.dataset?.stepperItemStamped === '1'; }
+
   connected() {
-    if (!this.querySelector('[slot="label"]')) {
-      this.innerHTML = `
-        <span slot="label"></span>
-        <span slot="description"></span>
-      `;
+    // Each slot's adopt-or-stamp decision is independent per slot key —
+    // an authored label must not suppress the prop-driven description
+    // fallback (mirrors action-item-ui's per-part stamping, PR #1429).
+    for (const name of ['label', 'description']) {
+      if (this.querySelector(`[slot="${name}"]`)) continue;
+      const span = this.#stampMark(document.createElement('span'));
+      span.setAttribute('slot', name);
+      this.appendChild(span);
     }
   }
 
   render() {
     const label = this.querySelector('[slot="label"]');
     const desc = this.querySelector('[slot="description"]');
-    if (label) label.textContent = this.text;
-    if (desc) desc.textContent = this.description;
+    if (this.#wasStamped(label)) label.textContent = this.text;
+    if (this.#wasStamped(desc)) desc.textContent = this.description;
 
+    const iconEl = this.querySelector('[slot="icon"]');
     if (this.icon) {
-      let iconEl = this.querySelector('[slot="icon"]');
-      if (!iconEl) {
-        iconEl = document.createElement('icon-ui');
-        iconEl.setAttribute('slot', 'icon');
-        this.prepend(iconEl);
+      if (iconEl) {
+        if (this.#wasStamped(iconEl)) iconEl.setAttribute('name', this.icon);
+      } else {
+        const el = this.#stampMark(document.createElement('icon-ui'));
+        el.setAttribute('slot', 'icon');
+        el.setAttribute('name', this.icon);
+        this.prepend(el);
       }
-      iconEl.setAttribute('name', this.icon);
-    } else {
-      this.querySelector('[slot="icon"]')?.remove();
+    } else if (this.#wasStamped(iconEl)) {
+      iconEl.remove();
     }
   }
 }

package/components/stepper/stepper.css

@@ -236,7 +236,7 @@
     display: block;
     font-weight: var(--stepper-item-label-weight);
     font-size: var(--stepper-item-label-size);
-    line-height: 1.4;
+    line-height: var(--a-font-leading-normal);
     color: var(--stepper-item-label-fg);
     min-width: 0;
     overflow-wrap: break-word;
@@ -247,7 +247,7 @@
     margin-top: var(--stepper-item-offset-xs);
     color: var(--stepper-item-desc-fg);
     font-size: var(--stepper-item-desc-size);
-    line-height: 1.5;
+    line-height: var(--a-font-leading-relaxed);
   }
 
   :scope [slot]:empty {

package/components/stepper/stepper.d.ts

@@ -1,5 +1,5 @@
 /**
- * `<stepper-ui>` — Wizard / process stepper — parent step index drives numbered children's complete/current/upcoming states automatically. Renders horizontally as a labeled step bar with connectors. Use for multi-step forms, onboarding, or pipelines; for read-only event history use <timeline-ui> instead. Add [interactive] to opt into click-to-navigate + roving- tabindex keyboard (arrow keys / Home / End) — the host still owns whether navigation is permitted: listen for the cancelable [step-request] event and call preventDefault() to veto a step before it lands, or set [disabled] on a stepper-item-ui to phase-gate it out of reach entirely.
+ * `<stepper-ui>` — Wizard / process stepper — parent step index drives numbered children's complete/current/upcoming states automatically. Renders horizontally as a labeled step bar with connectors. Use for multi-step forms, onboarding, or pipelines; for read-only event history use <timeline-ui> instead. Add [interactive] to opt into click-to-navigate + roving-tabindex keyboard (arrow keys / Home / End) — the host still owns whether navigation is permitted: listen for the cancelable [step-request] event and call preventDefault() to veto a step before it lands, or set [disabled] on a stepper-item-ui to phase-gate it out of reach entirely.
  *
  * @see https://ui-kit.exe.xyz/site/components/stepper
  *

package/components/stepper/stepper.yaml

@@ -12,8 +12,8 @@ description: >-
   complete/current/upcoming states automatically. Renders horizontally as
   a labeled step bar with connectors. Use for multi-step forms,
   onboarding, or pipelines; for read-only event history use <timeline-ui>
-  instead. Add [interactive] to opt into click-to-navigate + roving-
-  tabindex keyboard (arrow keys / Home / End) — the host still owns
+  instead. Add [interactive] to opt into click-to-navigate + roving-tabindex
+  keyboard (arrow keys / Home / End) — the host still owns
   whether navigation is permitted: listen for the cancelable
   [step-request] event and call preventDefault() to veto a step before
   it lands, or set [disabled] on a stepper-item-ui to phase-gate it
@@ -73,6 +73,8 @@ states:
 traits: []
 tokens: {}
 a2ui:
+  allowedChildren:
+    - StepperItem
   rules:
     - rule: 'Hosts <stepper-item-ui> children with a parent active-index driving complete/current/upcoming states.'
       reason: 'Process visualization cluster.'

package/components/stream/stream.a2ui.json

@@ -68,6 +68,7 @@
       "stream"
     ],
     "name": "UIStream",
+    "parts": {},
     "related": [
       "ChatThreadUI",
       "Text",

package/components/swatch/swatch.a2ui.json

@@ -145,6 +145,7 @@
       "token"
     ],
     "name": "UISwatch",
+    "parts": {},
     "related": [
       "chart-legend-ui",
       "tag-ui"

package/components/swatch/swatch.css

@@ -63,7 +63,7 @@
     min-width: 0;
     color: var(--swatch-label-fg);
     font-size: var(--swatch-label-size);
-    line-height: 1.2;
+    line-height: var(--a-font-leading-snug);
     vertical-align: baseline;
   }
 
@@ -238,7 +238,7 @@
     background: var(--swatch-badge-bg);
     color: var(--swatch-badge-fg);
     font-size: var(--swatch-badge-size);
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     border-radius: var(--swatch-badge-radius);
     box-shadow: 0 0 0 1px color-mix(in oklab, var(--md-sys-color-neutral-outline-variant) 60%, transparent);
   }

package/components/swiper/swiper.a2ui.json

@@ -141,6 +141,7 @@
       "swiper"
     ],
     "name": "UISwiper",
+    "parts": {},
     "related": [
       "image-gallery",
       "hero-section",

package/components/swiper/swiper.class.js

@@ -196,7 +196,11 @@ export class UISwiper extends UIElement {
 
   play() {
     this.pause();
-    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
+    // Feature-detect (gh#1430): SSR shims have no `matchMedia`, so treat "can't
+    // read the motion preference" like "reduce" — no viewport to animate, and
+    // a server-side setInterval would only leak.
+    if (typeof matchMedia !== 'function' ||
+        matchMedia('(prefers-reduced-motion: reduce)').matches) return;
 
     this.#timer = setInterval(() => {
       const lastPage = this.#getPageCount() - 1;

package/components/switch/switch.a2ui.json

@@ -75,7 +75,7 @@
         "wrong": "<field-ui inline label=\"Email notifications\">\n  <switch-ui></switch-ui>\n</field-ui>\n"
       }
     ],
-    "category": "layout",
+    "category": "input",
     "composes": [],
     "events": {
       "change": {
@@ -93,25 +93,26 @@
       "switch"
     ],
     "name": "UISwitch",
-    "related": [
-      "Check",
-      "Radio",
-      "Field"
-    ],
-    "slots": {
+    "parts": {
       "hint": {
-        "description": "Help text below the label"
+        "description": "Help text below the label — set via the `hint` attribute (template renders the span and wires aria-describedby); template-owned, not a light-DOM insertion point"
       },
       "label": {
-        "description": "Label text beside the toggle"
+        "description": "Label text beside the toggle — set via the `label` attribute (template renders the span); template-owned, not a light-DOM insertion point (gh#1435, gh#1447)"
       },
       "thumb": {
-        "description": "Sliding thumb indicator inside track"
+        "description": "Sliding thumb indicator inside track — template-owned anatomy part"
       },
       "track": {
-        "description": "Toggle track container (holds thumb)"
+        "description": "Toggle track container (holds thumb) — template-owned anatomy part"
       }
     },
+    "related": [
+      "Check",
+      "Radio",
+      "Field"
+    ],
+    "slots": {},
     "states": [
       {
         "description": "Default, ready for interaction.",

package/components/switch/switch.css

@@ -113,7 +113,7 @@ switch-ui[checked] [slot="thumb"] {
     margin-top: var(--switch-hint-mt, var(--a-space-1));
     font-size: var(--switch-hint-size, var(--a-ui-xs));
     color: var(--switch-hint-fg, var(--a-fg-muted));
-    line-height: var(--switch-hint-lh, 1.4);
+    line-height: var(--switch-hint-lh, var(--a-font-leading-normal));
   }
   /* The hint is documented (yaml + props table) as rendering BELOW the label,
      but the base `inline-flex` row laid the stamped `[slot="hint"]` out as a

package/components/switch/switch.yaml

@@ -3,7 +3,7 @@ name: UISwitch
 tag: switch-ui
 status: stable
 component: Switch
-category: layout
+category: input
 version: 1
 description: |
   Toggle switch primitive — binary on/off control where the host IS
@@ -57,15 +57,15 @@ props:
 events:
   change:
     description: Fired when checked state changes
-slots:
+parts:
   hint:
-    description: Help text below the label
+    description: Help text below the label — set via the `hint` attribute (template renders the span and wires aria-describedby); template-owned, not a light-DOM insertion point
   label:
-    description: Label text beside the toggle
+    description: Label text beside the toggle — set via the `label` attribute (template renders the span); template-owned, not a light-DOM insertion point (gh#1435, gh#1447)
   thumb:
-    description: Sliding thumb indicator inside track
+    description: Sliding thumb indicator inside track — template-owned anatomy part
   track:
-    description: Toggle track container (holds thumb)
+    description: Toggle track container (holds thumb) — template-owned anatomy part
 states:
 - name: idle
   description: Default, ready for interaction.

package/components/table/table.a2ui.json

@@ -24,16 +24,6 @@
       "description": "JS property (set programmatically — `el.data = [...]`) — row records, an array of plain objects keyed to columns[].key. May also be supplied declaratively as a JSON-array `data=\"[…]\"` attribute, hydrated once at connect (gh#288) — the same pattern chart-ui's `data` attribute uses. Custom accessor on the element class, not a reflected attribute.",
       "$ref": "common_types.json#/$defs/DynamicObjectList"
     },
-    "density": {
-      "description": "Controls cell padding and row height. 'compact' for dense data, 'standard' for default spacing, 'comfortable' for spacious rows.",
-      "type": "string",
-      "enum": [
-        "compact",
-        "standard",
-        "comfortable"
-      ],
-      "default": "standard"
-    },
     "expandable": {
       "description": "Enable row expansion",
       "type": "boolean",
@@ -287,6 +277,7 @@
       "manage"
     ],
     "name": "UITable",
+    "parts": {},
     "related": [
       "button",
       "input",