@adia-ai/web-components 0.8.3 → 0.8.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
   "type": "module",
   "types": "./index.d.ts",
@@ -61,10 +61,6 @@
       "types": "./css-module.d.ts",
       "default": "./components/*/*.css"
     },
-    "./components/*/*.css": {
-      "types": "./css-module.d.ts",
-      "default": "./components/*/*.css"
-    },
     "./components/*/css/*.css": {
       "types": "./css-module.d.ts",
       "default": "./components/*/css/*.css"

package/styles/colors/semantics/features.css

@@ -28,7 +28,12 @@
      consume either `--a-focus-ring` directly or an L3 alias like
      `--{component}-focus-ring: var(--a-focus-ring)` (the more common
      pattern — gives per-component override headroom without breaking
-     the canonical default). */
+     the canonical default).
+
+     While the ring paints, the control's own border-color goes
+     transparent (operator ruling 2026-07-16): the ring is the single
+     focus affordance; a visible border under the ring double-draws
+     the edge. */
 
   --a-focus-color:         var(--a-primary-strong);
   --a-focus-color-invalid: var(--a-danger);

package/styles/components.css

@@ -49,6 +49,7 @@
 @import "../components/card/card.css";
 @import "../components/frame/frame.css";
 @import "../components/avatar/avatar.css";
+@import "../components/adia-mark/adia-mark.css";
 @import "../components/progress/progress.css";
 @import "../components/skeleton/skeleton.css";
 @import "../components/alert/alert.css";

package/traits/error-shake/error-shake.js

@@ -121,28 +121,34 @@ export const errorShake = defineTrait({
     // synchronously *before* dispatching `validated`, so the observer
     // and event listener can both fire — we de-dupe by tracking the
     // last-known invalid state and only triggering on false → true.
-    const observer = new MutationObserver((muts) => {
-      for (const m of muts) {
-        if (m.attributeName === 'data-validation-invalid') {
-          const nowInvalid = host.hasAttribute('data-validation-invalid');
-          if (nowInvalid && !lastInvalid) shake();
-          lastInvalid = nowInvalid;
-        } else if (m.attributeName === 'data-error-shake-trigger') {
-          // Toggle (any change) fires a shake. Empty-string and "" are
-          // both treated as "present" — the convention for boolean attrs.
-          if (host.hasAttribute('data-error-shake-trigger')) shake();
+    // gh#285 — SSR DOM shims (linkedom) have no MutationObserver global.
+    // Guard construction; the `validated` event listener below still
+    // covers the primary trigger path, so this degrades rather than crashes.
+    let observer = null;
+    if (typeof MutationObserver !== 'undefined') {
+      observer = new MutationObserver((muts) => {
+        for (const m of muts) {
+          if (m.attributeName === 'data-validation-invalid') {
+            const nowInvalid = host.hasAttribute('data-validation-invalid');
+            if (nowInvalid && !lastInvalid) shake();
+            lastInvalid = nowInvalid;
+          } else if (m.attributeName === 'data-error-shake-trigger') {
+            // Toggle (any change) fires a shake. Empty-string and "" are
+            // both treated as "present" — the convention for boolean attrs.
+            if (host.hasAttribute('data-error-shake-trigger')) shake();
+          }
         }
-      }
-    });
-    observer.observe(host, {
-      attributes: true,
-      attributeFilter: ['data-validation-invalid', 'data-error-shake-trigger'],
-    });
+      });
+      observer.observe(host, {
+        attributes: true,
+        attributeFilter: ['data-validation-invalid', 'data-error-shake-trigger'],
+      });
+    }
 
     host.addEventListener('validated', onValidated);
 
     return () => {
-      observer.disconnect();
+      observer?.disconnect();
       host.removeEventListener('validated', onValidated);
       for (const t of activeTimers) clearTimeout(t);
       activeTimers.clear();

package/traits/fade-presence/fade-presence.js

@@ -21,20 +21,24 @@ export const fadePresence = defineTrait({
       }
     }
 
-    const observer = new MutationObserver(() => {
-      const visible = host.hasAttribute('data-fade-presence-visible');
-      if (visible) {
-        host.setAttribute('data-fade-presence-entering', '');
-        host.removeAttribute('data-fade-presence-exiting');
-        host.style.opacity = '1';
-      } else {
-        host.setAttribute('data-fade-presence-exiting', '');
-        host.removeAttribute('data-fade-presence-entering');
-        host.style.opacity = '0';
-      }
-    });
-
-    observer.observe(host, { attributes: true, attributeFilter: ['data-fade-presence-visible'] });
+    // gh#285 — SSR DOM shims (linkedom) have no MutationObserver global;
+    // skip construction rather than throwing (progressive enhancement).
+    let observer = null;
+    if (typeof MutationObserver !== 'undefined') {
+      observer = new MutationObserver(() => {
+        const visible = host.hasAttribute('data-fade-presence-visible');
+        if (visible) {
+          host.setAttribute('data-fade-presence-entering', '');
+          host.removeAttribute('data-fade-presence-exiting');
+          host.style.opacity = '1';
+        } else {
+          host.setAttribute('data-fade-presence-exiting', '');
+          host.removeAttribute('data-fade-presence-entering');
+          host.style.opacity = '0';
+        }
+      });
+      observer.observe(host, { attributes: true, attributeFilter: ['data-fade-presence-visible'] });
+    }
     host.addEventListener('transitionend', onTransitionEnd);
 
     // Apply initial state
@@ -43,7 +47,7 @@ export const fadePresence = defineTrait({
     }
 
     return () => {
-      observer.disconnect();
+      observer?.disconnect();
       host.removeEventListener('transitionend', onTransitionEnd);
       host.style.opacity = '';
       host.style.transition = '';

package/traits/success-checkmark/success-checkmark.js

@@ -188,27 +188,32 @@ export const successCheckmark = defineTrait({
       if (e?.detail && e.detail.valid === true) draw();
     }
 
-    // Watch data-validation-valid (false → true) + the manual trigger.
-    const observer = new MutationObserver((muts) => {
-      for (const m of muts) {
-        if (m.attributeName === 'data-validation-valid') {
-          const nowValid = host.hasAttribute('data-validation-valid');
-          if (nowValid && !lastValid) draw();
-          lastValid = nowValid;
-        } else if (m.attributeName === 'data-success-checkmark-trigger') {
-          if (host.hasAttribute('data-success-checkmark-trigger')) draw();
+    // gh#285 — SSR DOM shims (linkedom) have no MutationObserver global.
+    // Guard construction; the `validated` event listener below still
+    // covers the primary trigger path, so this degrades rather than crashes.
+    let observer = null;
+    if (typeof MutationObserver !== 'undefined') {
+      observer = new MutationObserver((muts) => {
+        for (const m of muts) {
+          if (m.attributeName === 'data-validation-valid') {
+            const nowValid = host.hasAttribute('data-validation-valid');
+            if (nowValid && !lastValid) draw();
+            lastValid = nowValid;
+          } else if (m.attributeName === 'data-success-checkmark-trigger') {
+            if (host.hasAttribute('data-success-checkmark-trigger')) draw();
+          }
         }
-      }
-    });
-    observer.observe(host, {
-      attributes: true,
-      attributeFilter: ['data-validation-valid', 'data-success-checkmark-trigger'],
-    });
+      });
+      observer.observe(host, {
+        attributes: true,
+        attributeFilter: ['data-validation-valid', 'data-success-checkmark-trigger'],
+      });
+    }
 
     host.addEventListener('validated', onValidated);
 
     return () => {
-      observer.disconnect();
+      observer?.disconnect();
       host.removeEventListener('validated', onValidated);
       for (const t of activeTimers) clearTimeout(t);
       activeTimers.clear();