@adia-ai/web-components 0.8.36 → 0.8.38

package/patterns/permissions-sharing/permissions-sharing.examples.html

@@ -34,7 +34,7 @@
           <option-card-ui name="scope" value="link" heading="Anyone with the link" description="No sign-in required. Link can be revoked anytime." icon="link"></option-card-ui>
           <option-card-ui name="scope" value="org" heading="Anyone in your workspace" description="Members of acme.com can find and open it." icon="users"></option-card-ui>
           <option-card-ui name="scope" value="public" description="Discoverable via search. Use with care." icon="globe">
-            <span slot="heading">Public on the web <tag-ui variant="warning" size="sm">Indexable</tag-ui></span>
+            <span slot="heading">Public on the web <tag-ui variant="warning">Indexable</tag-ui></span>
           </option-card-ui>
         </col-ui>
       </field-ui>
@@ -53,7 +53,7 @@
         data-chunk-keywords="share link copy url scope anyone expiry revoke permission level readonly collaborate" style="max-width: 560px;">
         <header>
           <span slot="heading" variant="section">Share link</span>
-          <tag-ui slot="action" variant="primary" size="sm">Anyone with the link</tag-ui>
+          <tag-ui slot="action" variant="primary">Anyone with the link</tag-ui>
         </header>
         <section>
           <col-ui gap="3">
@@ -125,7 +125,7 @@
                   <text-ui strong>Kim Granlund</text-ui>
                   <text-ui color="subtle" size="sm">kim@example.com</text-ui>
                 </col-ui>
-                <tag-ui size="sm">Owner</tag-ui>
+                <tag-ui>Owner</tag-ui>
               </row-ui>
               <row-ui gap="3" align="center">
                 <avatar-ui size="sm" text="Avery Chen"></avatar-ui>

package/patterns/profile-public-and-verification/profile-public-and-verification.examples.html

@@ -38,7 +38,7 @@
               <col-ui gap="1" grow>
                 <row-ui gap="2" align="center">
                   <text-ui strong size="lg">Kim Granlund</text-ui>
-                  <tag-ui size="sm" variant="primary" icon-leading="seal-check">Verified</tag-ui>
+                  <tag-ui variant="primary" icon-leading="seal-check">Verified</tag-ui>
                 </row-ui>
                 <text-ui color="subtle">Founder · AdiaUI · Reykjavík, IS</text-ui>
                 <text-ui>Building the AdiaUI web-components library and the A2UI generative-UI runtime. Previously at Construct, before that at Modular.</text-ui>
@@ -178,7 +178,7 @@
         <header>
           <span slot="heading" variant="section">
             You're verified
-            <tag-ui size="sm" variant="primary" icon-leading="seal-check">Verified</tag-ui>
+            <tag-ui variant="primary" icon-leading="seal-check">Verified</tag-ui>
           </span>
         </header>
         <section>

package/patterns/search-discovery/search-discovery.examples.html

@@ -36,19 +36,19 @@
           <list-ui divider contained>
             <list-item-ui text="Component Token Contract">
               <span slot="description">"…all colors must reference --a-chrome-*, --a-data-0..9, or semantic tokens. Zero raw oklch in component CSS…"</span>
-              <tag-ui slot="action" size="sm">Spec</tag-ui>
+              <tag-ui slot="action">Spec</tag-ui>
             </list-item-ui>
             <list-item-ui text="2026-04-29 — primitive QA sweep">
               <span slot="description">"…OKLCH-with-transparent red-shift bug fixed in Safari 18.0 (ADR-0007); we use oklab for color-mix instead…"</span>
-              <tag-ui slot="action" size="sm">Journal</tag-ui>
+              <tag-ui slot="action">Journal</tag-ui>
             </list-item-ui>
             <list-item-ui text="styles/tokens.css">
               <span slot="description">"--a-primary-bg: oklch(64% 0.18 245); --a-primary-fg: oklch(98% 0.01 245)…"</span>
-              <tag-ui slot="action" size="sm">Code</tag-ui>
+              <tag-ui slot="action">Code</tag-ui>
             </list-item-ui>
             <list-item-ui text="Reasoning About Color (skill)">
               <span slot="description">"…OKLCH ramps that satisfy contrast, hue-stability, and perceptual-evenness…"</span>
-              <tag-ui slot="action" size="sm">Skill</tag-ui>
+              <tag-ui slot="action">Skill</tag-ui>
             </list-item-ui>
           </list-ui>
         </section>
@@ -197,8 +197,8 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>My open issues</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">assignee=me</tag-ui>
-                    <tag-ui size="sm">status=open</tag-ui>
+                    <tag-ui>assignee=me</tag-ui>
+                    <tag-ui>status=open</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">12 results · 3 min ago</text-ui>
@@ -209,9 +209,9 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>Q2 customer escalations</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">label=customer</tag-ui>
-                    <tag-ui size="sm">priority=p1</tag-ui>
-                    <tag-ui size="sm">created≥2026-04-01</tag-ui>
+                    <tag-ui>label=customer</tag-ui>
+                    <tag-ui>priority=p1</tag-ui>
+                    <tag-ui>created≥2026-04-01</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">7 results · today</text-ui>
@@ -222,9 +222,9 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>Stale PRs</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">type=pr</tag-ui>
-                    <tag-ui size="sm">updated&lt;30d</tag-ui>
-                    <tag-ui size="sm">status=open</tag-ui>
+                    <tag-ui>type=pr</tag-ui>
+                    <tag-ui>updated&lt;30d</tag-ui>
+                    <tag-ui>status=open</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">23 results · 1 hour ago</text-ui>
@@ -235,9 +235,9 @@
                 <col-ui gap="1" grow>
                   <text-ui strong>Recent docs from team</text-ui>
                   <row-ui gap="1" wrap>
-                    <tag-ui size="sm">type=doc</tag-ui>
-                    <tag-ui size="sm">author∈team</tag-ui>
-                    <tag-ui size="sm">edited≤7d</tag-ui>
+                    <tag-ui>type=doc</tag-ui>
+                    <tag-ui>author∈team</tag-ui>
+                    <tag-ui>edited≤7d</tag-ui>
                   </row-ui>
                 </col-ui>
                 <text-ui color="subtle" size="sm">31 results · 4 hours ago</text-ui>

package/styles/components.css

@@ -27,6 +27,7 @@
 @import "../components/segmented/segmented.css";
 @import "../components/range/range.css";
 @import "../components/tree/tree.css";
+@import "../components/drilldown/drilldown.css";
 @import "../components/pane/pane.css";
 @import "../components/page/page.css";
 @import "../components/chat-thread/chat-input.css";

package/styles/type/scale.css

@@ -22,7 +22,8 @@
   /* `--a-font` (the pre-ADR-0035 back-compat alias) was REMOVED in 0.8.23
      (gh ruling 2026-07-30; prerequisite in-repo sweep 2026-07-29). A
      surviving `var(--a-font)` reference goes invalid-at-computed-value-time
-     → inherit → UA serif — see MIGRATION GUIDE §0.9.0; the
+     → inherit → UA serif — see MIGRATION GUIDE
+     "Migrating to @adia-ai/*@v0.8.23"; the
      audit-font-family-floor gate and forge/factory lint rules flag any
      usage. */
 

package/traits/view-transition/view-transition.js

@@ -107,6 +107,13 @@ export const viewTransition = defineTrait({
       // end once the transition resolves.
       fireStart();
       const transition = document.startViewTransition(() => cb());
+      // gh#1255: a superseding transition aborts `ready` and
+      // `updateCallbackDone` (AbortError) independently of `finished` —
+      // each is a distinct promise, so each needs its own handler or the
+      // abort surfaces as an unhandled rejection. Abort-on-supersede is
+      // expected here, not a real error, so swallow it on all three.
+      transition.ready.catch(() => {});
+      transition.updateCallbackDone.catch(() => {});
       transition.finished
         .then(() => fireEnd())
         .catch(() => fireEnd()); // user-skipped or thrown — still emit end