@editora/ui-core 0.1.21 → 0.1.23

package/dist/animated-list.esm.js

@@ -1,4 +1,4 @@
-import { E as b } from "./ElementBase-YlTLMsGk.mjs";
+import { E as b } from "./ElementBase-BeZT54Hj.mjs";
 const o = "520ms", l = "90ms", d = "0ms", _ = 1400, h = 0.24, x = /* @__PURE__ */ new Set(["none", "sm", "md", "lg", "full"]), y = /* @__PURE__ */ new Set(["load", "visible", "manual"]), v = /* @__PURE__ */ new Set(["calm", "smooth", "snappy", "bouncy"]), A = `
   :host {
     --ui-animated-list-duration: ${o};
@@ -47,7 +47,7 @@ const o = "520ms", l = "90ms", d = "0ms", _ = 1400, h = 0.24, x = /* @__PURE__ *
       0 1px 2px rgba(15, 23, 42, 0.04),
       0 10px 18px rgba(15, 23, 42, 0.06);
     --ui-animated-list-item-color: inherit;
-    --ui-animated-list-item-muted: var(--ui-color-muted, #64748b);
+    --ui-animated-list-item-muted: var(--ui-color-muted, #526175);
     --ui-animated-list-item-backdrop: none;
 
     display: block;
@@ -133,7 +133,7 @@ const o = "520ms", l = "90ms", d = "0ms", _ = 1400, h = 0.24, x = /* @__PURE__ *
   }
 
   :host([tone="neutral"]) {
-    --ui-animated-list-accent: #64748b;
+    --ui-animated-list-accent: #526175;
   }
 
   :host([tone="info"]) {
@@ -141,11 +141,11 @@ const o = "520ms", l = "90ms", d = "0ms", _ = 1400, h = 0.24, x = /* @__PURE__ *
   }
 
   :host([tone="success"]) {
-    --ui-animated-list-accent: var(--ui-color-success, #16a34a);
+    --ui-animated-list-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-animated-list-accent: var(--ui-color-warning, #d97706);
+    --ui-animated-list-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/animated-text.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-EV6mVBUV.js"),T="720ms",A="55ms",M="0ms",x=1400,S=new Set(["fade-up","fade-down","slide-left","slide-right","blur","blur-up","pop","wave","zoom-in","rotate-in","flip-up","skew-in","glow","typewriter"]),z=new Set(["chars","words","lines"]),C=new Set(["load","visible","manual"]),R=new Set(["none","sm","md","lg","full"]),L=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-DxbvhLJs.js"),T="720ms",A="55ms",M="0ms",x=1400,S=new Set(["fade-up","fade-down","slide-left","slide-right","blur","blur-up","pop","wave","zoom-in","rotate-in","flip-up","skew-in","glow","typewriter"]),z=new Set(["chars","words","lines"]),C=new Set(["load","visible","manual"]),R=new Set(["none","sm","md","lg","full"]),L=`
   :host {
     --ui-animated-text-duration: ${T};
     --ui-animated-text-stagger: ${A};
@@ -75,19 +75,19 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-animated-text-accent: #64748b;
+    --ui-animated-text-accent: #526175;
   }
 
   :host([tone="info"]) {
-    --ui-animated-text-accent: #0ea5e9;
+    --ui-animated-text-accent: var(--ui-color-info, #0e7490);
   }
 
   :host([tone="success"]) {
-    --ui-animated-text-accent: var(--ui-color-success, #16a34a);
+    --ui-animated-text-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-animated-text-accent: var(--ui-color-warning, #d97706);
+    --ui-animated-text-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/animated-text.esm.js

@@ -1,4 +1,4 @@
-import { E as w } from "./ElementBase-YlTLMsGk.mjs";
+import { E as w } from "./ElementBase-BeZT54Hj.mjs";
 const k = "720ms", T = "55ms", A = "0ms", x = 1400, M = /* @__PURE__ */ new Set([
   "fade-up",
   "fade-down",
@@ -91,19 +91,19 @@ const k = "720ms", T = "55ms", A = "0ms", x = 1400, M = /* @__PURE__ */ new Set(
   }
 
   :host([tone="neutral"]) {
-    --ui-animated-text-accent: #64748b;
+    --ui-animated-text-accent: #526175;
   }
 
   :host([tone="info"]) {
-    --ui-animated-text-accent: #0ea5e9;
+    --ui-animated-text-accent: var(--ui-color-info, #0e7490);
   }
 
   :host([tone="success"]) {
-    --ui-animated-text-accent: var(--ui-color-success, #16a34a);
+    --ui-animated-text-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-animated-text-accent: var(--ui-color-warning, #d97706);
+    --ui-animated-text-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {

package/dist/app-header.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./ElementBase-EV6mVBUV.js"),p=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./ElementBase-DxbvhLJs.js"),p=`
   :host {
     display: block;
     --ui-app-header-height: var(--base-app-header-height, 64px);
@@ -77,7 +77,7 @@
   :host([variant='solid']) {
     --ui-app-header-bg: var(--ui-app-header-accent);
     --ui-app-header-color: #ffffff;
-    --ui-app-header-muted: color-mix(in srgb, #ffffff 76%, transparent);
+    --ui-app-header-muted: color-mix(in srgb, #ffffff 94%, transparent);
     --ui-app-header-border: 1px solid color-mix(in srgb, #000000 16%, transparent);
     --ui-app-header-control-bg: color-mix(in srgb, #ffffff 14%, transparent);
     --ui-app-header-control-bg-hover: color-mix(in srgb, #ffffff 24%, transparent);
@@ -102,11 +102,11 @@
   }
 
   :host([tone='success']) {
-    --ui-app-header-accent: var(--ui-color-success, #16a34a);
+    --ui-app-header-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone='warning']) {
-    --ui-app-header-accent: var(--ui-color-warning, #d97706);
+    --ui-app-header-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone='danger']) {

package/dist/app-header.esm.js

@@ -1,4 +1,4 @@
-import { E as i } from "./ElementBase-YlTLMsGk.mjs";
+import { E as i } from "./ElementBase-BeZT54Hj.mjs";
 const t = `
   :host {
     display: block;
@@ -78,7 +78,7 @@ const t = `
   :host([variant='solid']) {
     --ui-app-header-bg: var(--ui-app-header-accent);
     --ui-app-header-color: #ffffff;
-    --ui-app-header-muted: color-mix(in srgb, #ffffff 76%, transparent);
+    --ui-app-header-muted: color-mix(in srgb, #ffffff 94%, transparent);
     --ui-app-header-border: 1px solid color-mix(in srgb, #000000 16%, transparent);
     --ui-app-header-control-bg: color-mix(in srgb, #ffffff 14%, transparent);
     --ui-app-header-control-bg-hover: color-mix(in srgb, #ffffff 24%, transparent);
@@ -103,11 +103,11 @@ const t = `
   }
 
   :host([tone='success']) {
-    --ui-app-header-accent: var(--ui-color-success, #16a34a);
+    --ui-app-header-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone='warning']) {
-    --ui-app-header-accent: var(--ui-color-warning, #d97706);
+    --ui-app-header-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone='danger']) {

package/dist/aspect-ratio.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-EV6mVBUV.js"),p=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-DxbvhLJs.js"),p=`
   :host {
     display: block;
     width: 100%;
@@ -7,7 +7,7 @@
     --ui-aspect-bg-base: var(--base-aspect-ratio-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
     --ui-aspect-bg: var(--ui-aspect-bg-base);
     --ui-aspect-color: var(--ui-color-text, #0f172a);
-    --ui-aspect-muted: var(--ui-color-muted, #64748b);
+    --ui-aspect-muted: var(--ui-color-muted, #526175);
     --ui-aspect-accent: var(--ui-color-primary, #2563eb);
     --ui-aspect-empty-bg: var(--base-aspect-ratio-empty-bg, color-mix(in srgb, var(--ui-aspect-accent) 9%, transparent));
     --ui-aspect-shadow: var(--base-aspect-ratio-shadow, none);
@@ -75,11 +75,11 @@
   }
 
   :host([tone='success']) {
-    --ui-aspect-accent: var(--ui-color-success, #16a34a);
+    --ui-aspect-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone='warning']) {
-    --ui-aspect-accent: var(--ui-color-warning, #d97706);
+    --ui-aspect-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone='danger']) {

package/dist/aspect-ratio.esm.js

@@ -1,4 +1,4 @@
-import { E as o } from "./ElementBase-YlTLMsGk.mjs";
+import { E as o } from "./ElementBase-BeZT54Hj.mjs";
 const c = `
   :host {
     display: block;
@@ -8,7 +8,7 @@ const c = `
     --ui-aspect-bg-base: var(--base-aspect-ratio-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
     --ui-aspect-bg: var(--ui-aspect-bg-base);
     --ui-aspect-color: var(--ui-color-text, #0f172a);
-    --ui-aspect-muted: var(--ui-color-muted, #64748b);
+    --ui-aspect-muted: var(--ui-color-muted, #526175);
     --ui-aspect-accent: var(--ui-color-primary, #2563eb);
     --ui-aspect-empty-bg: var(--base-aspect-ratio-empty-bg, color-mix(in srgb, var(--ui-aspect-accent) 9%, transparent));
     --ui-aspect-shadow: var(--base-aspect-ratio-shadow, none);
@@ -76,11 +76,11 @@ const c = `
   }
 
   :host([tone='success']) {
-    --ui-aspect-accent: var(--ui-color-success, #16a34a);
+    --ui-aspect-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone='warning']) {
-    --ui-aspect-accent: var(--ui-color-warning, #d97706);
+    --ui-aspect-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone='danger']) {

package/dist/avatar.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./ElementBase-EV6mVBUV.js"),f=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("./ElementBase-DxbvhLJs.js"),y=`
   :host {
     display: inline-block;
     --ui-avatar-size: var(--base-avatar-size-md, 40px);
@@ -6,7 +6,7 @@
     --ui-avatar-bg-base: var(--base-avatar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
     --ui-avatar-bg: var(--ui-avatar-bg-base);
     --ui-avatar-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 78%, var(--ui-color-text, #0f172a) 22%);
-    --ui-avatar-muted: var(--ui-color-muted, #64748b);
+    --ui-avatar-muted: var(--ui-color-muted, #526175);
     --ui-avatar-border: var(--base-avatar-border, 1px solid color-mix(in srgb, var(--ui-color-border, rgba(15, 23, 42, 0.14)) 82%, transparent));
     --ui-avatar-ring: var(--base-avatar-shadow, 0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.12));
     --ui-avatar-font-size: var(--ui-default-font-size, 14px);
@@ -45,11 +45,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-avatar-accent: var(--ui-color-success, #16a34a);
+    --ui-avatar-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-avatar-accent: var(--ui-color-warning, #d97706);
+    --ui-avatar-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -195,7 +195,7 @@
   }
 
   :host([state="success"]) {
-    --ui-avatar-accent: var(--ui-color-success, #16a34a);
+    --ui-avatar-accent: var(--ui-color-success, #15803d);
   }
 
   :host([state="success"]) .avatar {
@@ -254,7 +254,7 @@
     height: var(--ui-avatar-status-size);
     border-radius: 50%;
     border: var(--ui-avatar-status-border);
-    background: var(--ui-avatar-status-color, var(--ui-color-success, #16a34a));
+    background: var(--ui-avatar-status-color, var(--ui-color-success, #15803d));
     box-sizing: border-box;
     box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-avatar-status-color, #16a34a) 28%, transparent), 0 0 0 1px color-mix(in srgb, #000000 10%, transparent);
   }
@@ -351,15 +351,15 @@
       box-shadow: none;
     }
   }
-`;function o(r){return String(r).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\"/g,"&quot;").replace(/'/g,"&#39;")}function l(r){const a=r.trim().split(/\s+/).filter(Boolean);return a.length===0?"?":a.length===1?a[0].slice(0,2).toUpperCase():`${a[0][0]||""}${a[1][0]||""}`.toUpperCase()}function v(r){if(!r)return"";const a=r.trim().toLowerCase();return a?/^\d+(\.\d+)?$/.test(a)?`${a}px`:a==="xs"?"24px":a==="sm"?"30px":a==="md"?"36px":a==="lg"?"44px":a==="xl"?"56px":a==="2xl"?"64px":r:""}function c(r){if(!r)return"";const a=r.trim().toLowerCase();return a?a==="full"||a==="pill"||a==="circle"?"999px":/^\d+(\.\d+)?$/.test(a)?`${a}px`:r:""}function m(r){if(r==="eager")return"eager";if(r==="lazy"||!r)return"lazy";const a=r.toLowerCase();return a==="true"||a==="1"?"eager":"lazy"}class d extends p.ElementBase{constructor(){super(),this._img=null,this._imgLoaded=!1,this._imgFailed=!1,this._managedRole=!1,this._managedTabIndex=!1,this._managedAriaDisabled=!1,this._managedAriaBusy=!1,this._onImageLoad=this._onImageLoad.bind(this),this._onImageError=this._onImageError.bind(this),this._onInteractiveKeyDown=this._onInteractiveKeyDown.bind(this)}static get observedAttributes(){return["src","alt","initials","size","bg","color","radius","fontweight","shape","tone","variant","status","badge","ring","interactive","disabled","state","loading","headless","elevation"]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||(this.setAttribute("role","img"),this._managedRole=!0),this.addEventListener("keydown",this._onInteractiveKeyDown),this._syncInteractiveA11y(),this._syncBusyState();const a=v(this.getAttribute("size"));a&&this.style.setProperty("--ui-avatar-size",a);const i=c(this.getAttribute("radius"));i&&this.style.setProperty("--ui-avatar-radius",i);const t=this.getAttribute("bg");t&&this.style.setProperty("--ui-avatar-bg",t);const e=this.getAttribute("color");e&&this.style.setProperty("--ui-avatar-color",e);const s=this.getAttribute("fontweight");s&&this.style.setProperty("--ui-avatar-font-weight",s)}attributeChangedCallback(a,i,t){if(i!==t){if(a==="src"&&i!==t&&(this._imgLoaded=!1,this._imgFailed=!1),(a==="interactive"||a==="disabled")&&this._syncInteractiveA11y(),a==="state"&&this._syncBusyState(),a==="size"){const e=v(t);e?this.style.setProperty("--ui-avatar-size",e):this.style.removeProperty("--ui-avatar-size")}if(a==="bg"&&(t?this.style.setProperty("--ui-avatar-bg",t):this.style.removeProperty("--ui-avatar-bg")),a==="color"&&(t?this.style.setProperty("--ui-avatar-color",t):this.style.removeProperty("--ui-avatar-color")),a==="radius"){const e=c(t);e?this.style.setProperty("--ui-avatar-radius",e):this.style.removeProperty("--ui-avatar-radius")}a==="fontweight"&&(t?this.style.setProperty("--ui-avatar-font-weight",t):this.style.removeProperty("--ui-avatar-font-weight")),this.isConnected&&this.requestRender()}}disconnectedCallback(){this._detachImageListeners(),this.removeEventListener("keydown",this._onInteractiveKeyDown),super.disconnectedCallback()}_syncInteractiveA11y(){const a=this.hasAttribute("interactive"),i=this.hasAttribute("disabled");if(a){(this._managedRole||this.getAttribute("role")==="img"||!this.hasAttribute("role"))&&(this.setAttribute("role","button"),this._managedRole=!0),this.hasAttribute("tabindex")?this._managedTabIndex&&this.setAttribute("tabindex",i?"-1":"0"):(this.setAttribute("tabindex",i?"-1":"0"),this._managedTabIndex=!0),(!this.hasAttribute("aria-disabled")||this._managedAriaDisabled)&&(this.setAttribute("aria-disabled",i?"true":"false"),this._managedAriaDisabled=!0);return}this._managedRole&&this.setAttribute("role","img"),this._managedTabIndex&&(this.removeAttribute("tabindex"),this._managedTabIndex=!1),this._managedAriaDisabled&&(this.removeAttribute("aria-disabled"),this._managedAriaDisabled=!1)}_syncBusyState(){if(this.getAttribute("state")==="loading"){(!this.hasAttribute("aria-busy")||this._managedAriaBusy)&&(this.setAttribute("aria-busy","true"),this._managedAriaBusy=!0);return}this._managedAriaBusy&&(this.removeAttribute("aria-busy"),this._managedAriaBusy=!1)}_onInteractiveKeyDown(a){!this.hasAttribute("interactive")||this.hasAttribute("disabled")||a.key!=="Enter"&&a.key!==" "||(a.preventDefault(),this.click())}_onImageLoad(){if(this._imgLoaded&&!this._imgFailed)return;this._imgLoaded=!0,this._imgFailed=!1,this.requestRender();const a={src:this.getAttribute("src")||""};this.dispatchEvent(new CustomEvent("avatar-load",{detail:a,bubbles:!0})),this.dispatchEvent(new CustomEvent("load",{detail:a,bubbles:!0}))}_onImageError(){if(this._imgFailed)return;this._imgLoaded=!1,this._imgFailed=!0,this.requestRender();const a={src:this.getAttribute("src")||""};this.dispatchEvent(new CustomEvent("avatar-error",{detail:a,bubbles:!0})),this.dispatchEvent(new CustomEvent("error",{detail:a,bubbles:!0}))}_detachImageListeners(){this._img&&(this._img.removeEventListener("load",this._onImageLoad),this._img.removeEventListener("error",this._onImageError),this._img=null)}render(){this._syncBusyState();const a=this.getAttribute("src")||"",i=this.getAttribute("alt")||"",t=this.getAttribute("initials")||"",e=(this.textContent||"").trim(),s=t.trim()?t.trim().slice(0,2).toUpperCase():i.trim()?l(i):e?l(e):"?";this.hasAttribute("aria-label")||this.setAttribute("aria-label",i.trim()||s);const n=!!a&&!this._imgFailed,b=!n||!this._imgLoaded,h=m(this.getAttribute("loading")),g=this.hasAttribute("status"),u=(this.getAttribute("badge")||"").trim();this._detachImageListeners(),this.setContent(`
-      <style>${f}</style>
+`;function n(r){return String(r).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\"/g,"&quot;").replace(/'/g,"&#39;")}function d(r){const a=r.trim().split(/\s+/).filter(Boolean);return a.length===0?"?":a.length===1?a[0].slice(0,2).toUpperCase():`${a[0][0]||""}${a[1][0]||""}`.toUpperCase()}function b(r){if(!r)return"";const a=r.trim().toLowerCase();return a?/^\d+(\.\d+)?$/.test(a)?`${a}px`:a==="xs"?"24px":a==="sm"?"30px":a==="md"?"36px":a==="lg"?"44px":a==="xl"?"56px":a==="2xl"?"64px":r:""}function h(r){if(!r)return"";const a=r.trim().toLowerCase();return a?a==="full"||a==="pill"||a==="circle"?"999px":/^\d+(\.\d+)?$/.test(a)?`${a}px`:r:""}function _(r){if(r==="eager")return"eager";if(r==="lazy"||!r)return"lazy";const a=r.toLowerCase();return a==="true"||a==="1"?"eager":"lazy"}class g extends x.ElementBase{constructor(){super(),this._img=null,this._imgLoaded=!1,this._imgFailed=!1,this._managedRole=!1,this._autoName="",this._managedTabIndex=!1,this._managedAriaDisabled=!1,this._managedAriaBusy=!1,this._onImageLoad=this._onImageLoad.bind(this),this._onImageError=this._onImageError.bind(this),this._onInteractiveKeyDown=this._onInteractiveKeyDown.bind(this)}static get observedAttributes(){return["src","alt","initials","size","bg","color","radius","fontweight","shape","tone","variant","status","badge","ring","interactive","disabled","state","loading","headless","elevation"]}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||(this.setAttribute("role","img"),this._managedRole=!0),this.addEventListener("keydown",this._onInteractiveKeyDown),this._syncInteractiveA11y(),this._syncBusyState();const a=b(this.getAttribute("size"));a&&this.style.setProperty("--ui-avatar-size",a);const e=h(this.getAttribute("radius"));e&&this.style.setProperty("--ui-avatar-radius",e);const t=this.getAttribute("bg");t&&this.style.setProperty("--ui-avatar-bg",t);const i=this.getAttribute("color");i&&this.style.setProperty("--ui-avatar-color",i);const s=this.getAttribute("fontweight");s&&this.style.setProperty("--ui-avatar-font-weight",s)}attributeChangedCallback(a,e,t){if(e!==t){if(a==="src"&&e!==t&&(this._imgLoaded=!1,this._imgFailed=!1),(a==="interactive"||a==="disabled")&&this._syncInteractiveA11y(),a==="state"&&this._syncBusyState(),a==="size"){const i=b(t);i?this.style.setProperty("--ui-avatar-size",i):this.style.removeProperty("--ui-avatar-size")}if(a==="bg"&&(t?this.style.setProperty("--ui-avatar-bg",t):this.style.removeProperty("--ui-avatar-bg")),a==="color"&&(t?this.style.setProperty("--ui-avatar-color",t):this.style.removeProperty("--ui-avatar-color")),a==="radius"){const i=h(t);i?this.style.setProperty("--ui-avatar-radius",i):this.style.removeProperty("--ui-avatar-radius")}a==="fontweight"&&(t?this.style.setProperty("--ui-avatar-font-weight",t):this.style.removeProperty("--ui-avatar-font-weight")),this.isConnected&&this.requestRender()}}disconnectedCallback(){this._detachImageListeners(),this.removeEventListener("keydown",this._onInteractiveKeyDown),super.disconnectedCallback()}_syncInteractiveA11y(){const a=this.hasAttribute("interactive"),e=this.hasAttribute("disabled");if(a){(this._managedRole||this.getAttribute("role")==="img"||!this.hasAttribute("role"))&&(this.setAttribute("role","button"),this._managedRole=!0),this.hasAttribute("tabindex")?this._managedTabIndex&&this.setAttribute("tabindex",e?"-1":"0"):(this.setAttribute("tabindex",e?"-1":"0"),this._managedTabIndex=!0),(!this.hasAttribute("aria-disabled")||this._managedAriaDisabled)&&(this.setAttribute("aria-disabled",e?"true":"false"),this._managedAriaDisabled=!0);return}this._managedRole&&this.setAttribute("role","img"),this._managedTabIndex&&(this.removeAttribute("tabindex"),this._managedTabIndex=!1),this._managedAriaDisabled&&(this.removeAttribute("aria-disabled"),this._managedAriaDisabled=!1)}_syncBusyState(){if(this.getAttribute("state")==="loading"){(!this.hasAttribute("aria-busy")||this._managedAriaBusy)&&(this.setAttribute("aria-busy","true"),this._managedAriaBusy=!0);return}this._managedAriaBusy&&(this.removeAttribute("aria-busy"),this._managedAriaBusy=!1)}_onInteractiveKeyDown(a){!this.hasAttribute("interactive")||this.hasAttribute("disabled")||a.key!=="Enter"&&a.key!==" "||(a.preventDefault(),this.click())}_onImageLoad(){if(this._imgLoaded&&!this._imgFailed)return;this._imgLoaded=!0,this._imgFailed=!1,this.requestRender();const a={src:this.getAttribute("src")||""};this.dispatchEvent(new CustomEvent("avatar-load",{detail:a,bubbles:!0})),this.dispatchEvent(new CustomEvent("load",{detail:a,bubbles:!0}))}_onImageError(){if(this._imgFailed)return;this._imgLoaded=!1,this._imgFailed=!0,this.requestRender();const a={src:this.getAttribute("src")||""};this.dispatchEvent(new CustomEvent("avatar-error",{detail:a,bubbles:!0})),this.dispatchEvent(new CustomEvent("error",{detail:a,bubbles:!0}))}_detachImageListeners(){this._img&&(this._img.removeEventListener("load",this._onImageLoad),this._img.removeEventListener("error",this._onImageError),this._img=null)}render(){this._syncBusyState();const a=this.getAttribute("src")||"",e=this.getAttribute("alt")||"",t=this.getAttribute("initials")||"",i=(this.textContent||"").trim(),s=t.trim()?t.trim().slice(0,2).toUpperCase():e.trim()?d(e):i?d(i):"?",v=!!a&&!this._imgFailed,p=!v||!this._imgLoaded,f=_(this.getAttribute("loading")),m=this.hasAttribute("status"),o=(this.getAttribute("badge")||"").trim(),u=this.getAttribute("aria-label");if(u===null||u===this._autoName){const l=e.trim()||s,c=o&&!l.includes(o)?`${l}, ${o}`:l;c!==u&&this.setAttribute("aria-label",c),this._autoName=c}this._detachImageListeners(),this.setContent(`
+      <style>${y}</style>
       <div class="avatar" part="base">
-        ${n?`<img src="${o(a)}" alt="${o(i)}" loading="${h}" />`:""}
+        ${v?`<img src="${n(a)}" alt="${n(e)}" loading="${f}" />`:""}
         <span class="overlay" part="overlay" aria-hidden="true"></span>
-        <span class="fallback" part="fallback" ${b?"":"hidden"}>
-          <slot>${o(s)}</slot>
+        <span class="fallback" part="fallback" ${p?"":"hidden"}>
+          <slot>${n(s)}</slot>
         </span>
-        ${g?'<span class="status" part="status" aria-hidden="true"></span>':""}
-        <span class="badge" part="badge" ${u?"":"hidden"}>${o(u)}</span>
+        ${m?'<span class="status" part="status" aria-hidden="true"></span>':""}
+        <span class="badge" part="badge" ${o?"":"hidden"}>${n(o)}</span>
       </div>
-    `),this._img=this.root.querySelector("img"),this._img&&(this._img.addEventListener("load",this._onImageLoad),this._img.addEventListener("error",this._onImageError),this._img.complete&&(this._img.naturalWidth>0?this._onImageLoad():this._onImageError()))}shouldRenderOnAttributeChange(a,i,t){return i===t?!1:!["size","bg","color","radius","fontweight","shape","tone","variant","ring","interactive","disabled","elevation"].includes(a)}}typeof customElements<"u"&&!customElements.get("ui-avatar")&&customElements.define("ui-avatar",d);exports.UIAvatar=d;
+    `),this._img=this.root.querySelector("img"),this._img&&(this._img.addEventListener("load",this._onImageLoad),this._img.addEventListener("error",this._onImageError),this._img.complete&&(this._img.naturalWidth>0?this._onImageLoad():this._onImageError()))}shouldRenderOnAttributeChange(a,e,t){return e===t?!1:!["size","bg","color","radius","fontweight","shape","tone","variant","ring","interactive","disabled","elevation"].includes(a)}}typeof customElements<"u"&&!customElements.get("ui-avatar")&&customElements.define("ui-avatar",g);exports.UIAvatar=g;

package/dist/avatar.esm.js

@@ -1,5 +1,5 @@
-import { E as g } from "./ElementBase-YlTLMsGk.mjs";
-const p = `
+import { E as m } from "./ElementBase-BeZT54Hj.mjs";
+const x = `
   :host {
     display: inline-block;
     --ui-avatar-size: var(--base-avatar-size-md, 40px);
@@ -7,7 +7,7 @@ const p = `
     --ui-avatar-bg-base: var(--base-avatar-bg, var(--color-panel-solid, var(--ui-color-surface, #ffffff)));
     --ui-avatar-bg: var(--ui-avatar-bg-base);
     --ui-avatar-color: color-mix(in srgb, var(--ui-color-primary, #2563eb) 78%, var(--ui-color-text, #0f172a) 22%);
-    --ui-avatar-muted: var(--ui-color-muted, #64748b);
+    --ui-avatar-muted: var(--ui-color-muted, #526175);
     --ui-avatar-border: var(--base-avatar-border, 1px solid color-mix(in srgb, var(--ui-color-border, rgba(15, 23, 42, 0.14)) 82%, transparent));
     --ui-avatar-ring: var(--base-avatar-shadow, 0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 24px rgba(15, 23, 42, 0.12));
     --ui-avatar-font-size: var(--ui-default-font-size, 14px);
@@ -46,11 +46,11 @@ const p = `
   }
 
   :host([tone="success"]) {
-    --ui-avatar-accent: var(--ui-color-success, #16a34a);
+    --ui-avatar-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-avatar-accent: var(--ui-color-warning, #d97706);
+    --ui-avatar-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -196,7 +196,7 @@ const p = `
   }
 
   :host([state="success"]) {
-    --ui-avatar-accent: var(--ui-color-success, #16a34a);
+    --ui-avatar-accent: var(--ui-color-success, #15803d);
   }
 
   :host([state="success"]) .avatar {
@@ -255,7 +255,7 @@ const p = `
     height: var(--ui-avatar-status-size);
     border-radius: 50%;
     border: var(--ui-avatar-status-border);
-    background: var(--ui-avatar-status-color, var(--ui-color-success, #16a34a));
+    background: var(--ui-avatar-status-color, var(--ui-color-success, #15803d));
     box-sizing: border-box;
     box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-avatar-status-color, #16a34a) 28%, transparent), 0 0 0 1px color-mix(in srgb, #000000 10%, transparent);
   }
@@ -353,32 +353,32 @@ const p = `
     }
   }
 `;
-function o(r) {
+function n(r) {
   return String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function l(r) {
+function d(r) {
   const a = r.trim().split(/\s+/).filter(Boolean);
   return a.length === 0 ? "?" : a.length === 1 ? a[0].slice(0, 2).toUpperCase() : `${a[0][0] || ""}${a[1][0] || ""}`.toUpperCase();
 }
-function v(r) {
+function b(r) {
   if (!r) return "";
   const a = r.trim().toLowerCase();
   return a ? /^\d+(\.\d+)?$/.test(a) ? `${a}px` : a === "xs" ? "24px" : a === "sm" ? "30px" : a === "md" ? "36px" : a === "lg" ? "44px" : a === "xl" ? "56px" : a === "2xl" ? "64px" : r : "";
 }
-function c(r) {
+function h(r) {
   if (!r) return "";
   const a = r.trim().toLowerCase();
   return a ? a === "full" || a === "pill" || a === "circle" ? "999px" : /^\d+(\.\d+)?$/.test(a) ? `${a}px` : r : "";
 }
-function f(r) {
+function y(r) {
   if (r === "eager") return "eager";
   if (r === "lazy" || !r) return "lazy";
   const a = r.toLowerCase();
   return a === "true" || a === "1" ? "eager" : "lazy";
 }
-class m extends g {
+class _ extends m {
   constructor() {
-    super(), this._img = null, this._imgLoaded = !1, this._imgFailed = !1, this._managedRole = !1, this._managedTabIndex = !1, this._managedAriaDisabled = !1, this._managedAriaBusy = !1, this._onImageLoad = this._onImageLoad.bind(this), this._onImageError = this._onImageError.bind(this), this._onInteractiveKeyDown = this._onInteractiveKeyDown.bind(this);
+    super(), this._img = null, this._imgLoaded = !1, this._imgFailed = !1, this._managedRole = !1, this._autoName = "", this._managedTabIndex = !1, this._managedAriaDisabled = !1, this._managedAriaBusy = !1, this._onImageLoad = this._onImageLoad.bind(this), this._onImageError = this._onImageError.bind(this), this._onInteractiveKeyDown = this._onInteractiveKeyDown.bind(this);
   }
   static get observedAttributes() {
     return [
@@ -406,9 +406,9 @@ class m extends g {
   }
   connectedCallback() {
     super.connectedCallback(), this.hasAttribute("role") || (this.setAttribute("role", "img"), this._managedRole = !0), this.addEventListener("keydown", this._onInteractiveKeyDown), this._syncInteractiveA11y(), this._syncBusyState();
-    const a = v(this.getAttribute("size"));
+    const a = b(this.getAttribute("size"));
     a && this.style.setProperty("--ui-avatar-size", a);
-    const i = c(this.getAttribute("radius"));
+    const i = h(this.getAttribute("radius"));
     i && this.style.setProperty("--ui-avatar-radius", i);
     const t = this.getAttribute("bg");
     t && this.style.setProperty("--ui-avatar-bg", t);
@@ -420,11 +420,11 @@ class m extends g {
   attributeChangedCallback(a, i, t) {
     if (i !== t) {
       if (a === "src" && i !== t && (this._imgLoaded = !1, this._imgFailed = !1), (a === "interactive" || a === "disabled") && this._syncInteractiveA11y(), a === "state" && this._syncBusyState(), a === "size") {
-        const e = v(t);
+        const e = b(t);
         e ? this.style.setProperty("--ui-avatar-size", e) : this.style.removeProperty("--ui-avatar-size");
       }
       if (a === "bg" && (t ? this.style.setProperty("--ui-avatar-bg", t) : this.style.removeProperty("--ui-avatar-bg")), a === "color" && (t ? this.style.setProperty("--ui-avatar-color", t) : this.style.removeProperty("--ui-avatar-color")), a === "radius") {
-        const e = c(t);
+        const e = h(t);
         e ? this.style.setProperty("--ui-avatar-radius", e) : this.style.removeProperty("--ui-avatar-radius");
       }
       a === "fontweight" && (t ? this.style.setProperty("--ui-avatar-font-weight", t) : this.style.removeProperty("--ui-avatar-font-weight")), this.isConnected && this.requestRender();
@@ -468,19 +468,21 @@ class m extends g {
   }
   render() {
     this._syncBusyState();
-    const a = this.getAttribute("src") || "", i = this.getAttribute("alt") || "", t = this.getAttribute("initials") || "", e = (this.textContent || "").trim(), s = t.trim() ? t.trim().slice(0, 2).toUpperCase() : i.trim() ? l(i) : e ? l(e) : "?";
-    this.hasAttribute("aria-label") || this.setAttribute("aria-label", i.trim() || s);
-    const n = !!a && !this._imgFailed, d = !n || !this._imgLoaded, b = f(this.getAttribute("loading")), h = this.hasAttribute("status"), u = (this.getAttribute("badge") || "").trim();
+    const a = this.getAttribute("src") || "", i = this.getAttribute("alt") || "", t = this.getAttribute("initials") || "", e = (this.textContent || "").trim(), s = t.trim() ? t.trim().slice(0, 2).toUpperCase() : i.trim() ? d(i) : e ? d(e) : "?", v = !!a && !this._imgFailed, g = !v || !this._imgLoaded, p = y(this.getAttribute("loading")), f = this.hasAttribute("status"), o = (this.getAttribute("badge") || "").trim(), u = this.getAttribute("aria-label");
+    if (u === null || u === this._autoName) {
+      const l = i.trim() || s, c = o && !l.includes(o) ? `${l}, ${o}` : l;
+      c !== u && this.setAttribute("aria-label", c), this._autoName = c;
+    }
     this._detachImageListeners(), this.setContent(`
-      <style>${p}</style>
+      <style>${x}</style>
       <div class="avatar" part="base">
-        ${n ? `<img src="${o(a)}" alt="${o(i)}" loading="${b}" />` : ""}
+        ${v ? `<img src="${n(a)}" alt="${n(i)}" loading="${p}" />` : ""}
         <span class="overlay" part="overlay" aria-hidden="true"></span>
-        <span class="fallback" part="fallback" ${d ? "" : "hidden"}>
-          <slot>${o(s)}</slot>
+        <span class="fallback" part="fallback" ${g ? "" : "hidden"}>
+          <slot>${n(s)}</slot>
         </span>
-        ${h ? '<span class="status" part="status" aria-hidden="true"></span>' : ""}
-        <span class="badge" part="badge" ${u ? "" : "hidden"}>${o(u)}</span>
+        ${f ? '<span class="status" part="status" aria-hidden="true"></span>' : ""}
+        <span class="badge" part="badge" ${o ? "" : "hidden"}>${n(o)}</span>
       </div>
     `), this._img = this.root.querySelector("img"), this._img && (this._img.addEventListener("load", this._onImageLoad), this._img.addEventListener("error", this._onImageError), this._img.complete && (this._img.naturalWidth > 0 ? this._onImageLoad() : this._onImageError()));
   }
@@ -501,7 +503,7 @@ class m extends g {
     ].includes(a);
   }
 }
-typeof customElements < "u" && !customElements.get("ui-avatar") && customElements.define("ui-avatar", m);
+typeof customElements < "u" && !customElements.get("ui-avatar") && customElements.define("ui-avatar", _);
 export {
-  m as UIAvatar
+  _ as UIAvatar
 };

package/dist/badge.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-EV6mVBUV.js"),g=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./ElementBase-DxbvhLJs.js"),g=`
   :host {
     display: inline-flex;
     --ui-badge-font-size: var(--base-badge-font-size, 12px);
@@ -27,7 +27,7 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-badge-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 74%, var(--ui-color-text, #0f172a) 26%);
+    --ui-badge-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 74%, var(--ui-color-text, #0f172a) 26%);
   }
 
   :host([tone="brand"]),
@@ -36,11 +36,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-badge-accent: var(--ui-color-success, #16a34a);
+    --ui-badge-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-badge-accent: var(--ui-color-warning, #d97706);
+    --ui-badge-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -215,7 +215,7 @@
   }
 
   :host([state="success"]) {
-    --ui-badge-accent: var(--ui-color-success, #16a34a);
+    --ui-badge-accent: var(--ui-color-success, #15803d);
     --ui-badge-border: color-mix(in srgb, var(--ui-badge-accent) 46%, var(--ui-color-border, rgba(15, 23, 42, 0.16)));
   }
 

package/dist/badge.esm.js

@@ -1,4 +1,4 @@
-import { E as l } from "./ElementBase-YlTLMsGk.mjs";
+import { E as l } from "./ElementBase-BeZT54Hj.mjs";
 const u = `
   :host {
     display: inline-flex;
@@ -28,7 +28,7 @@ const u = `
   }
 
   :host([tone="neutral"]) {
-    --ui-badge-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 74%, var(--ui-color-text, #0f172a) 26%);
+    --ui-badge-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 74%, var(--ui-color-text, #0f172a) 26%);
   }
 
   :host([tone="brand"]),
@@ -37,11 +37,11 @@ const u = `
   }
 
   :host([tone="success"]) {
-    --ui-badge-accent: var(--ui-color-success, #16a34a);
+    --ui-badge-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-badge-accent: var(--ui-color-warning, #d97706);
+    --ui-badge-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -216,7 +216,7 @@ const u = `
   }
 
   :host([state="success"]) {
-    --ui-badge-accent: var(--ui-color-success, #16a34a);
+    --ui-badge-accent: var(--ui-color-success, #15803d);
     --ui-badge-border: color-mix(in srgb, var(--ui-badge-accent) 46%, var(--ui-color-border, rgba(15, 23, 42, 0.16)));
   }
 

package/dist/block-controls.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-EV6mVBUV.js"),v=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-DxbvhLJs.js"),v=`
   :host {
     display: inline-flex;
     min-inline-size: 0;
@@ -23,7 +23,7 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-block-controls-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 72%, var(--ui-color-text, #0f172a) 28%);
+    --ui-block-controls-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 72%, var(--ui-color-text, #0f172a) 28%);
   }
 
   :host([tone="info"]) {
@@ -31,11 +31,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-block-controls-accent: var(--ui-color-success, #16a34a);
+    --ui-block-controls-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-block-controls-accent: var(--ui-color-warning, #d97706);
+    --ui-block-controls-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -227,7 +227,7 @@
   }
 
   :host([state="success"]) {
-    --ui-block-controls-accent: var(--ui-color-success, #16a34a);
+    --ui-block-controls-accent: var(--ui-color-success, #15803d);
     --ui-block-controls-border: 1px solid color-mix(in srgb, var(--ui-block-controls-accent) 44%, var(--ui-color-border, rgba(15, 23, 42, 0.16)));
   }
 

package/dist/block-controls.esm.js

@@ -1,4 +1,4 @@
-import { E as x } from "./ElementBase-YlTLMsGk.mjs";
+import { E as x } from "./ElementBase-BeZT54Hj.mjs";
 const k = `
   :host {
     display: inline-flex;
@@ -24,7 +24,7 @@ const k = `
   }
 
   :host([tone="neutral"]) {
-    --ui-block-controls-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 72%, var(--ui-color-text, #0f172a) 28%);
+    --ui-block-controls-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 72%, var(--ui-color-text, #0f172a) 28%);
   }
 
   :host([tone="info"]) {
@@ -32,11 +32,11 @@ const k = `
   }
 
   :host([tone="success"]) {
-    --ui-block-controls-accent: var(--ui-color-success, #16a34a);
+    --ui-block-controls-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-block-controls-accent: var(--ui-color-warning, #d97706);
+    --ui-block-controls-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -228,7 +228,7 @@ const k = `
   }
 
   :host([state="success"]) {
-    --ui-block-controls-accent: var(--ui-color-success, #16a34a);
+    --ui-block-controls-accent: var(--ui-color-success, #15803d);
     --ui-block-controls-border: 1px solid color-mix(in srgb, var(--ui-block-controls-accent) 44%, var(--ui-color-border, rgba(15, 23, 42, 0.16)));
   }