@adia-ai/web-components 0.8.21 → 0.8.23

package/components/tabs/tab.js

@@ -7,6 +7,7 @@
  * The tab button is rendered by the parent tabs-ui, not by tab-ui itself.
  */
 
+import { defineIfFree } from '../../core/register.js';
 import { UIElement } from '../../core/element.js';
 
 class UITab extends UIElement {
@@ -29,6 +30,8 @@ class UITab extends UIElement {
     else this.removeAttribute('aria-disabled');
   }
 }
-customElements.define('tab-ui', UITab);
+// defineIfFree (gh#534): the prod bundle + module graph load in parallel;
+// second registration must no-op, not throw.
+defineIfFree('tab-ui', UITab);
 
 export { UITab };

package/components/tag/tag.css

@@ -51,15 +51,21 @@ tag-ui[removable]:not([disabled]):hover {
     box-sizing: border-box;
     display: inline-flex;
     align-items: center;
-    /* align-self: start — TKT-0021. A flex-column ancestor (col-ui
-       defaults to align-items: stretch) otherwise stretches a bare
-       tag-ui to the column's full width; a chip should size to its own
-       content regardless of ancestor. justify-content: center is the
-       matching defensive default badge-ui/button-ui already carry
-       (badge.css/button.css) — if the box is ever wider than its
-       content for any other reason, the label still centers instead of
-       reading left-aligned in an oversized pill. */
-    align-self: start;
+    /* width: fit-content — the TKT-0021 guard, re-cut for gh#503. The old
+       `align-self: start` defeated col-ui's stretch, but align-self acts on
+       whichever cross axis the PARENT has: in a flex-ROW parent (every
+       table-ui body cell, row-ui, toolbars) it governed the vertical axis
+       and top-pinned bare chips in tall rows (measured −34px off-center,
+       adia-v2 console). A definite inline size defeats stretch in a column
+       stack the same way (stretch applies only at auto cross size; the item
+       then sits at cross-start — identical content-sized, left-aligned
+       result), while a row parent's align-items: center regains control of
+       vertical placement. justify-content: center is the matching defensive
+       default badge-ui/button-ui already carry (badge.css/button.css) — if
+       the box is ever wider than its content for any other reason, the
+       label still centers instead of reading left-aligned in an oversized
+       pill. */
+    width: fit-content;
     justify-content: center;
     gap: var(--tag-gap);
     padding: var(--tag-py) var(--tag-px);

package/core/provider.js

@@ -23,6 +23,7 @@
  */
 
 import { UIElement } from './element.js';
+import { defineIfFree } from './register.js';
 import { BaseController } from './controller.js';
 
 // ═══════════════════════════════════════════════════════════════
@@ -295,4 +296,7 @@ export class UIRouter extends UIProvider {
   }
 }
 
-customElements.define('router-ui', UIRouter);
+// defineIfFree, not a bare define (gh#534): the site's prod bootstrap loads
+// the prebuilt everything-bundle ALONGSIDE the module graph — whichever
+// registers second must no-op, not throw.
+defineIfFree('router-ui', UIRouter);