@agent-ui-kit/web-components 0.0.14 → 0.0.16

package/dist/chunks/{empty-state-5M3uR5CM.js → form-oekEhwja.js}

@@ -1,6 +1,6 @@
-import { A as d, s as V, u as P } from "./agent-C72JZNe6.js";
-import { o as K, g as _ } from "./registry-BNb5ABBs.js";
-class vt extends d {
+import { A as d, l as J, u as N } from "./agent-XMhz_6OA.js";
+import { o as Z, g as H } from "./registry-BNb5ABBs.js";
+class Mt extends d {
   static attributes = {
     disabled: { type: "boolean", default: !1 },
     loading: { type: "boolean", default: !1 },
@@ -65,8 +65,8 @@ class vt extends d {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.click());
   };
 }
-const Y = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><circle cx="116" cy="116" r="84" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="175.4" y1="175.4" x2="224" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>', G = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>';
-class gt extends d {
+const Q = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><circle cx="116" cy="116" r="84" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="175.4" y1="175.4" x2="224" y2="224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>', tt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><line x1="200" y1="56" x2="56" y2="200" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="200" y1="200" x2="56" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>';
+class Dt extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -91,8 +91,8 @@ class gt extends d {
   #n = null;
   #a = !1;
   #r = null;
-  #h = null;
   #o = null;
+  #h = null;
   constructor() {
     super(), this.#e = this.attachInternals(), this.#e.role = "textbox";
   }
@@ -114,7 +114,7 @@ class gt extends d {
     }), this.addEffect(() => {
       const t = this.value;
       !this.#a && this.#t && this.#t.textContent !== t && (this.#t.textContent = t, this.#l());
-    }), this.#t.addEventListener("input", this.#p), this.#t.addEventListener("keydown", this.#f), this.#t.addEventListener("focus", this.#v), this.#t.addEventListener("blur", this.#b), this.#t.addEventListener("paste", this.#c), this.addEventListener("click", this.#g), this.#i?.addEventListener("click", this.#m), this.autofocus && requestAnimationFrame(() => this.#t?.focus()), this.type === "number") {
+    }), this.#t.addEventListener("input", this.#c), this.#t.addEventListener("keydown", this.#f), this.#t.addEventListener("focus", this.#m), this.#t.addEventListener("blur", this.#b), this.#t.addEventListener("paste", this.#p), this.addEventListener("click", this.#A), this.#i?.addEventListener("click", this.#v), this.autofocus && requestAnimationFrame(() => this.#t?.focus()), this.type === "number") {
       if (this.querySelector('[data-input-stepper="down"]') ? this.#n = this.querySelector('[data-input-stepper="down"]') : (this.#n = document.createElement("span"), this.#n.setAttribute("data-input-stepper", "down"), this.#n.setAttribute("role", "button"), this.#n.setAttribute("tabindex", "-1"), this.#n.setAttribute("aria-label", "Decrease"), this.insertBefore(this.#n, this.#t)), this.querySelector('[data-input-stepper="up"]'))
         this.#s = this.querySelector('[data-input-stepper="up"]');
       else {
@@ -122,20 +122,20 @@ class gt extends d {
         const t = this.#t?.nextSibling ?? null;
         t ? this.insertBefore(this.#s, t) : this.appendChild(this.#s);
       }
-      this.#n?.addEventListener("click", this.#y), this.#s?.addEventListener("click", this.#x);
+      this.#n?.addEventListener("click", this.#g), this.#s?.addEventListener("click", this.#E);
     }
     if (this.type === "search") {
-      if (this.querySelector('[slot="leading"]') || (this.#r = document.createElement("span"), this.#r.setAttribute("slot", "leading"), this.#r.setAttribute("data-input-search-icon", ""), this.#r.innerHTML = Y, this.insertBefore(this.#r, this.firstChild)), !this["no-clear"] && !this.querySelector("[data-input-clear]")) {
-        this.#h = document.createElement("span"), this.#h.setAttribute("data-input-clear", ""), this.#h.setAttribute("role", "button"), this.#h.setAttribute("tabindex", "-1"), this.#h.setAttribute("aria-label", "Clear"), this.#h.innerHTML = G;
+      if (this.querySelector('[slot="leading"]') || (this.#r = document.createElement("span"), this.#r.setAttribute("slot", "leading"), this.#r.setAttribute("data-input-search-icon", ""), this.#r.innerHTML = Q, this.insertBefore(this.#r, this.firstChild)), !this["no-clear"] && !this.querySelector("[data-input-clear]")) {
+        this.#o = document.createElement("span"), this.#o.setAttribute("data-input-clear", ""), this.#o.setAttribute("role", "button"), this.#o.setAttribute("tabindex", "-1"), this.#o.setAttribute("aria-label", "Clear"), this.#o.innerHTML = tt;
         const t = this.querySelector('[slot="trailing"]');
-        t ? this.insertBefore(this.#h, t) : this.appendChild(this.#h);
+        t ? this.insertBefore(this.#o, t) : this.appendChild(this.#o);
       } else
-        this.#h = this.querySelector("[data-input-clear]");
-      this.#h?.addEventListener("click", this.#k);
+        this.#o = this.querySelector("[data-input-clear]");
+      this.#o?.addEventListener("click", this.#C);
     }
   }
   dispose() {
-    this.#t?.removeEventListener("input", this.#p), this.#t?.removeEventListener("keydown", this.#f), this.#t?.removeEventListener("focus", this.#v), this.#t?.removeEventListener("blur", this.#b), this.#t?.removeEventListener("paste", this.#c), this.removeEventListener("click", this.#g), this.#i?.removeEventListener("click", this.#m), this.#n?.removeEventListener("click", this.#y), this.#s?.removeEventListener("click", this.#x), this.#h?.removeEventListener("click", this.#k), this.#o && clearTimeout(this.#o);
+    this.#t?.removeEventListener("input", this.#c), this.#t?.removeEventListener("keydown", this.#f), this.#t?.removeEventListener("focus", this.#m), this.#t?.removeEventListener("blur", this.#b), this.#t?.removeEventListener("paste", this.#p), this.removeEventListener("click", this.#A), this.#i?.removeEventListener("click", this.#v), this.#n?.removeEventListener("click", this.#g), this.#s?.removeEventListener("click", this.#E), this.#o?.removeEventListener("click", this.#C), this.#h && clearTimeout(this.#h);
   }
   // ── Public API ──────────────────────────────────────────
   focus(t) {
@@ -199,8 +199,8 @@ class gt extends d {
     t && t.setPosition(this.#t, 0);
   }
   // ── Event handlers ────────────────────────────────────
-  #p = () => {
-    this.#a = !0, this.value = this.#t?.textContent ?? "", this.#e.setFormValue(this.value || null), this.#l(), this.#a = !1, this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), this.type === "search" && this.#C();
+  #c = () => {
+    this.#a = !0, this.value = this.#t?.textContent ?? "", this.#e.setFormValue(this.value || null), this.#l(), this.#a = !1, this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), this.type === "search" && this.#k();
   };
   #f = (t) => {
     if (this.type === "search" && t.key === "Escape") {
@@ -213,11 +213,11 @@ class gt extends d {
     }
     if (this.type === "number") {
       if (t.key === "ArrowUp") {
-        t.preventDefault(), this.#A(1);
+        t.preventDefault(), this.#y(1);
         return;
       }
       if (t.key === "ArrowDown") {
-        t.preventDefault(), this.#A(-1);
+        t.preventDefault(), this.#y(-1);
         return;
       }
     }
@@ -226,7 +226,7 @@ class gt extends d {
       (this.#t?.textContent?.length ?? 0) >= e && t.key.length === 1 && !t.ctrlKey && !t.metaKey && (window.getSelection()?.toString() || t.preventDefault());
     }
   };
-  #v = () => {
+  #m = () => {
     this.#u();
   };
   #b = () => {
@@ -242,7 +242,7 @@ class gt extends d {
     }
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
   };
-  #c = (t) => {
+  #p = (t) => {
     t.preventDefault();
     let e = t.clipboardData?.getData("text/plain") ?? "";
     if (e = e.replace(/[\r\n]+/g, " "), this.maxlength) {
@@ -251,44 +251,44 @@ class gt extends d {
     }
     document.execCommand("insertText", !1, e);
   };
-  #g = (t) => {
+  #A = (t) => {
     const e = t.target;
     e === this || e.getAttribute("slot") === "leading" ? (this.#t?.focus(), this.#u()) : e === this.#t && this.#u();
   };
-  #m = (t) => {
+  #v = (t) => {
     t.stopPropagation(), this.#t && (this.#t.textContent = ""), this.value = "", this.#e.setFormValue(null), this.#l(), this.#t?.focus(), this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   };
   // ── Number stepper ──────────────────────────────────────
-  #A(t) {
+  #y(t) {
     const e = parseFloat(this.value) || 0, i = parseFloat(this.getAttribute("step") || "1"), s = this.hasAttribute("min") ? parseFloat(this.getAttribute("min")) : -1 / 0, n = this.hasAttribute("max") ? parseFloat(this.getAttribute("max")) : 1 / 0, a = Math.min(n, Math.max(s, e + t * i)), r = String(a);
     this.value = r, this.#t && (this.#t.textContent = r), this.#e.setFormValue(r), this.#l(), this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   }
-  #x = (t) => {
-    t.stopPropagation(), this.#A(1);
+  #E = (t) => {
+    t.stopPropagation(), this.#y(1);
   };
-  #y = (t) => {
-    t.stopPropagation(), this.#A(-1);
+  #g = (t) => {
+    t.stopPropagation(), this.#y(-1);
   };
   // ── Search helpers ──────────────────────────────────────────
-  #C() {
-    this.#o && clearTimeout(this.#o);
+  #k() {
+    this.#h && clearTimeout(this.#h);
     const t = parseInt(this.debounce, 10) || 200;
-    this.#o = setTimeout(() => {
+    this.#h = setTimeout(() => {
       this.#w();
     }, t);
   }
   #w() {
-    this.#o && (clearTimeout(this.#o), this.#o = null), this.dispatchEvent(new CustomEvent("search", {
+    this.#h && (clearTimeout(this.#h), this.#h = null), this.dispatchEvent(new CustomEvent("search", {
       bubbles: !0,
       composed: !0,
       detail: { value: this.value ?? "" }
     }));
   }
-  #k = (t) => {
+  #C = (t) => {
     t.stopPropagation(), this.#t && (this.#t.textContent = ""), this.value = "", this.#e.setFormValue(null), this.#l(), this.#t?.focus(), this.#w();
   };
 }
-class yt extends d {
+class It extends d {
   static formAssociated = !0;
   static attributes = {
     length: { type: "string", default: "6" },
@@ -314,11 +314,11 @@ class yt extends d {
       this.#e.setFormValue(this.value || null);
     }), this.value && this.#i(this.value);
     for (const e of this.#t)
-      e.addEventListener("input", this.#a), e.addEventListener("keydown", this.#r), e.addEventListener("paste", this.#h), e.addEventListener("focus", this.#o);
+      e.addEventListener("input", this.#a), e.addEventListener("keydown", this.#r), e.addEventListener("paste", this.#o), e.addEventListener("focus", this.#h);
   }
   dispose() {
     for (const t of this.#t)
-      t.removeEventListener("input", this.#a), t.removeEventListener("keydown", this.#r), t.removeEventListener("paste", this.#h), t.removeEventListener("focus", this.#o);
+      t.removeEventListener("input", this.#a), t.removeEventListener("keydown", this.#r), t.removeEventListener("paste", this.#o), t.removeEventListener("focus", this.#h);
     this.#t = [];
   }
   formDisabledCallback(t) {
@@ -353,21 +353,21 @@ class yt extends d {
     const e = t.target, i = this.#n(e);
     t.key === "Backspace" ? !e.textContent && i > 0 && (t.preventDefault(), this.#t[i - 1].textContent = "", this.#t[i - 1].focus(), this.#s()) : t.key === "ArrowLeft" && i > 0 ? (t.preventDefault(), this.#t[i - 1].focus()) : t.key === "ArrowRight" && i < this.#t.length - 1 ? (t.preventDefault(), this.#t[i + 1].focus()) : t.key === "Enter" && t.preventDefault();
   };
-  #h = (t) => {
+  #o = (t) => {
     t.preventDefault();
     const i = (t.clipboardData?.getData("text") ?? "").replace(/\D/g, "").slice(0, this.#t.length);
     this.#i(i), this.#s();
     const s = Math.min(i.length, this.#t.length - 1);
     this.#t[s]?.focus();
   };
-  #o = (t) => {
+  #h = (t) => {
     const e = t.target, i = document.createRange();
     i.selectNodeContents(e);
     const s = window.getSelection();
     s?.removeAllRanges(), s?.addRange(i);
   };
 }
-class At extends d {
+class Tt extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -412,7 +412,7 @@ class At extends d {
     (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#t());
   };
 }
-class Et extends d {
+class Pt extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -455,7 +455,7 @@ class Et extends d {
     (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#t());
   };
 }
-class xt extends d {
+class qt extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -499,7 +499,7 @@ class xt extends d {
     (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#t());
   };
 }
-class wt extends d {
+class Ot extends d {
   static attributes = {
     disabled: { type: "boolean", default: !1 },
     name: { type: "string", default: "" },
@@ -551,7 +551,7 @@ class wt extends d {
     s >= 0 && (e[s].click(), e[s].focus());
   };
 }
-class kt extends d {
+class Ft extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -581,10 +581,10 @@ class kt extends d {
     }), this.addEffect(() => {
       const t = this.value;
       !this.#i && this.#t && this.#t.textContent !== t && (this.#t.textContent = t, this.#n(), this.autogrow && this.#a());
-    }), this.#t.addEventListener("input", this.#r), this.#t.addEventListener("blur", this.#h), this.addEventListener("click", this.#o), this.autofocus && requestAnimationFrame(() => this.#t?.focus());
+    }), this.#t.addEventListener("input", this.#r), this.#t.addEventListener("blur", this.#o), this.addEventListener("click", this.#h), this.autofocus && requestAnimationFrame(() => this.#t?.focus());
   }
   dispose() {
-    this.#t?.removeEventListener("input", this.#r), this.#t?.removeEventListener("blur", this.#h), this.removeEventListener("click", this.#o), this.#s !== null && cancelAnimationFrame(this.#s);
+    this.#t?.removeEventListener("input", this.#r), this.#t?.removeEventListener("blur", this.#o), this.removeEventListener("click", this.#h), this.#s !== null && cancelAnimationFrame(this.#s);
   }
   focus(t) {
     this.#t?.focus(t);
@@ -614,14 +614,14 @@ class kt extends d {
   #r = () => {
     this.#i = !0, this.value = this.#t?.textContent ?? "", this.#e.setFormValue(this.value || null), this.#n(), this.autogrow && this.#a(), this.#i = !1, this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 }));
   };
-  #h = () => {
+  #o = () => {
     this.dispatchEvent(new Event("change", { bubbles: !0 }));
   };
-  #o = (t) => {
+  #h = (t) => {
     t.target === this && this.#t?.focus();
   };
 }
-class Ct extends d {
+class Rt extends d {
   static attributes = {
     bordered: { type: "boolean", default: !1 },
     elevation: { type: "string", default: "" },
@@ -641,11 +641,11 @@ class Ct extends d {
     (t.key === "Enter" || t.key === " ") && this.href && (t.preventDefault(), window.location.href = this.href);
   };
 }
-function j(h) {
-  const t = getComputedStyle(h).getPropertyValue("--aui-duration").trim();
+function et(o) {
+  const t = getComputedStyle(o).getPropertyValue("--aui-duration").trim();
   return parseFloat(t) || 200;
 }
-class Lt extends d {
+class Nt extends d {
   static attributes = {
     open: { type: "boolean", default: !1 },
     size: { type: "enum", values: ["sm", "lg", "xl", "full"], default: "" }
@@ -685,7 +685,7 @@ class Lt extends d {
   hide() {
     !this.#e || !this.#e.open || this.#i || (this.#i = !0, this.#e.removeAttribute("data-dialog-open"), this.#e.setAttribute("data-dialog-closing", ""), setTimeout(() => {
       this.#i = !1, this.#e?.removeAttribute("data-dialog-closing"), this.#e?.close();
-    }, j(this)));
+    }, et(this)));
   }
   // ── Internal ────────────────────────────────────────────
   #n = (t) => {
@@ -698,11 +698,11 @@ class Lt extends d {
     t.target === this.#e && this.hide();
   };
 }
-function W(h) {
-  const t = getComputedStyle(h).getPropertyValue("--aui-duration").trim();
+function it(o) {
+  const t = getComputedStyle(o).getPropertyValue("--aui-duration").trim();
   return parseFloat(t) || 200;
 }
-class St extends d {
+class Ht extends d {
   static attributes = {
     open: { type: "boolean", default: !1 },
     side: { type: "enum", values: ["left", "right", "top", "bottom"], default: "right" },
@@ -742,7 +742,7 @@ class St extends d {
   hide() {
     !this.#e || !this.#e.open || this.#i || (this.#i = !0, this.#e.removeAttribute("data-drawer-open"), this.#e.setAttribute("data-drawer-closing", ""), setTimeout(() => {
       this.#i = !1, this.#e?.removeAttribute("data-drawer-closing"), this.#e?.close(), this["scroll-lock"] && !document.querySelector("dialog[open]") && (document.documentElement.style.overflow = "");
-    }, W(this)));
+    }, it(this)));
   }
   #n = (t) => {
     t.preventDefault(), this.hide();
@@ -754,8 +754,8 @@ class St extends d {
     t.target === this.#e && this.hide();
   };
 }
-const q = /* @__PURE__ */ new Map();
-class Dt extends d {
+const z = /* @__PURE__ */ new Map();
+class zt extends d {
   static attributes = {
     name: { type: "string", default: "" },
     src: { type: "string", default: "" },
@@ -772,24 +772,27 @@ class Dt extends d {
     }), this.addEffect(() => {
       if (this.#t) return;
       const t = this.name;
-      t ? this.#i(t) : this.src && this.#s(this.src);
-    }), this.#e = K(() => {
+      t ? this.#s(t) : this.src && this.#n(this.src);
+    }), this.#e = Z(() => {
       if (this.#t) return;
       const t = this.name;
-      t && !this.querySelector("svg") && this.#i(t);
+      t && !this.querySelector("svg") && this.#s(t);
     });
   }
   dispose() {
-    this.#e?.(), this.#e = null;
-  }
-  #i(t) {
-    const e = _(t);
-    e && this.#n(e);
+    this.#e?.(), this.#e = null, this.#i && (clearTimeout(this.#i), this.#i = null);
   }
-  async #s(t) {
-    const e = q.get(t);
+  #i = null;
+  #s(t) {
+    const e = H(t);
+    e ? (this.#a(e), this.#i && (clearTimeout(this.#i), this.#i = null)) : this.src || (this.#i && clearTimeout(this.#i), this.#i = setTimeout(() => {
+      !H(t) && !this.querySelector("svg") && console.warn(`[aui-icon] Icon "${t}" not found in registry. Register it with registerIcons({ ${t}: svgString }).`), this.#i = null;
+    }, 2e3));
+  }
+  async #n(t) {
+    const e = z.get(t);
     if (e) {
-      this.#n(e);
+      this.#a(e);
       return;
     }
     try {
@@ -797,11 +800,11 @@ class Dt extends d {
       if (!i.ok) return;
       const s = await i.text();
       if (!s.includes("<svg")) return;
-      q.set(t, s), this.src === t && this.#n(s);
+      z.set(t, s), this.src === t && this.#a(s);
     } catch {
     }
   }
-  #n(t) {
+  #a(t) {
     const e = this.querySelector("svg");
     e && e.remove();
     const i = document.createElement("template");
@@ -810,7 +813,7 @@ class Dt extends d {
     s && this.prepend(s);
   }
 }
-class It extends d {
+class $t extends d {
   static attributes = {
     content: { type: "string", default: "" },
     position: { type: "enum", values: ["top", "bottom", "left", "right"], default: "top" }
@@ -844,7 +847,7 @@ class It extends d {
     t.key === "Escape" && this.#n();
   };
 }
-class Mt extends d {
+class Ut extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -888,7 +891,7 @@ class Mt extends d {
     this.removeAttribute("data-range-pressed"), this.removeEventListener("pointermove", this.#s), this.removeEventListener("pointerup", this.#n), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   };
   #a(t) {
-    const e = this.getBoundingClientRect(), i = Math.max(0, Math.min(1, (t.clientX - e.left) / e.width)), s = parseFloat(this.min) || 0, n = parseFloat(this.max) || 100, a = parseFloat(this.step) || 1, r = s + i * (n - s), o = Math.round(r / a) * a, l = Math.max(s, Math.min(n, o));
+    const e = this.getBoundingClientRect(), i = Math.max(0, Math.min(1, (t.clientX - e.left) / e.width)), s = parseFloat(this.min) || 0, n = parseFloat(this.max) || 100, a = parseFloat(this.step) || 1, r = s + i * (n - s), h = Math.round(r / a) * a, l = Math.max(s, Math.min(n, h));
     this.value = String(l), this.dispatchEvent(new Event("input", { bubbles: !0 }));
   }
   // ── Keyboard interaction ──────────────────────────────
@@ -923,7 +926,7 @@ class Mt extends d {
     t.preventDefault(), this.value = String(r), this.dispatchEvent(new Event("input", { bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
   };
 }
-class Tt extends d {
+class Bt extends d {
   static attributes = {
     orientation: { type: "enum", values: ["horizontal", "vertical"], default: "horizontal" },
     disabled: { type: "boolean", default: !1 }
@@ -934,10 +937,10 @@ class Tt extends d {
   activate() {
     this.setAttribute("role", "separator"), this.addEffect(() => {
       this.setAttribute("aria-orientation", this.orientation || "horizontal"), this.setAttribute("aria-disabled", String(this.disabled));
-    }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("pointerdown", this.#s), this.addEventListener("keydown", this.#h);
+    }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("pointerdown", this.#s), this.addEventListener("keydown", this.#o);
   }
   dispose() {
-    this.removeEventListener("pointerdown", this.#s), this.removeEventListener("keydown", this.#h), this.#r();
+    this.removeEventListener("pointerdown", this.#s), this.removeEventListener("keydown", this.#o), this.#r();
   }
   #s = (t) => {
     this.disabled || (t.preventDefault(), this.#e = t.clientX, this.#t = t.clientY, this.#i = !0, this.setPointerCapture(t.pointerId), this.setAttribute("data-gripper-dragging", ""), this.addEventListener("pointermove", this.#n), this.addEventListener("pointerup", this.#a), this.addEventListener("pointercancel", this.#a), this.dispatchEvent(new CustomEvent("aui:resize-start", { bubbles: !0 })));
@@ -958,7 +961,7 @@ class Tt extends d {
   #r() {
     this.#i = !1, this.removeAttribute("data-gripper-dragging"), this.removeEventListener("pointermove", this.#n), this.removeEventListener("pointerup", this.#a), this.removeEventListener("pointercancel", this.#a);
   }
-  #h = (t) => {
+  #o = (t) => {
     if (this.disabled) return;
     const e = this.orientation !== "vertical", i = t.shiftKey ? 10 : 1;
     let s = 0;
@@ -975,7 +978,7 @@ class Tt extends d {
     }));
   };
 }
-class Pt extends d {
+class Vt extends d {
   static attributes = {
     value: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
@@ -992,7 +995,7 @@ class Pt extends d {
     });
   }
 }
-class qt extends d {
+class Kt extends d {
   static attributes = {
     label: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
@@ -1007,17 +1010,17 @@ class qt extends d {
     });
   }
 }
-const X = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>', J = '<svg viewBox="0 0 256 256" fill="currentColor" width="1em" height="1em"><circle cx="128" cy="128" r="16"/><circle cx="64" cy="128" r="16"/><circle cx="192" cy="128" r="16"/></svg>', O = { 0: 0, low: 0, 1: 1, normal: 1, 2: 2, high: 2, pin: 999 }, Z = ":is(aui-option, aui-button, button, [tabindex]):not([disabled]):not([data-overflow-trigger])", Q = ":is(aui-option, aui-button, button, [tabindex]):not([disabled])";
-function H(h) {
-  return h === "AUI-OPTION";
+const st = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>', nt = '<svg viewBox="0 0 256 256" fill="currentColor" width="1em" height="1em"><circle cx="128" cy="128" r="16"/><circle cx="64" cy="128" r="16"/><circle cx="192" cy="128" r="16"/></svg>', $ = { 0: 0, low: 0, 1: 1, normal: 1, 2: 2, high: 2, pin: 999 }, at = ":is(aui-option, aui-button, button, [tabindex]):not([disabled]):not([data-overflow-trigger])", rt = ":is(aui-option, aui-button, button, [tabindex]):not([disabled])";
+function _(o) {
+  return o === "AUI-OPTION";
 }
-function tt(h) {
-  return h === "AUI-OPTGROUP";
+function ot(o) {
+  return o === "AUI-OPTGROUP";
 }
-function F(h) {
-  return H(h.tagName) || tt(h.tagName);
+function U(o) {
+  return _(o.tagName) || ot(o.tagName);
 }
-class Ot extends d {
+class _t extends d {
   static formAssociated = !0;
   static attributes = {
     mode: { type: "enum", values: ["bar", "list", "combobox"], default: "" },
@@ -1044,21 +1047,21 @@ class Ot extends d {
   #a = null;
   #r = null;
   // ── Bar mode state ───────────────────────────────────────
-  #h = null;
   #o = null;
+  #h = null;
   #l = null;
   #d = null;
   #u = null;
-  #p = null;
+  #c = null;
   // ── List mode state ──────────────────────────────────────
   #f = -1;
-  #v = "";
+  #m = "";
   #b = null;
   // ── Combobox mode state ──────────────────────────────────
-  #c = null;
-  #g = null;
-  #m = null;
-  #A = [];
+  #p = null;
+  #A = null;
+  #v = null;
+  #y = [];
   constructor() {
     super(), this.#e = this.attachInternals();
   }
@@ -1068,16 +1071,16 @@ class Ot extends d {
   activate() {
     switch (this.mode) {
       case "bar":
-        this.#N();
+        this.#H();
         break;
       case "list":
-        this.#ot();
+        this.#ht();
         break;
       case "combobox":
         this.#pt();
         break;
       default:
-        this.#C();
+        this.#k();
         break;
     }
   }
@@ -1093,7 +1096,7 @@ class Ot extends d {
         this.#ft();
         break;
       default:
-        this.#k();
+        this.#C();
         break;
     }
   }
@@ -1101,14 +1104,14 @@ class Ot extends d {
     this.disabled = t;
   }
   formResetCallback() {
-    this.value = "", this.#c && (this.#c.textContent = "");
+    this.value = "", this.#p && (this.#p.textContent = "");
   }
   // ════════════════════════════════════════════════════════════
   // Public API
   // ════════════════════════════════════════════════════════════
   /** Get all option elements (including inside groups). */
   get options() {
-    return this.mode === "" || this.mode === void 0 ? Array.from(this.#r?.querySelectorAll("aui-option") ?? []) : this.mode === "combobox" ? Array.from(this.#m?.querySelectorAll("aui-option") ?? []) : Array.from(this.querySelectorAll("aui-option"));
+    return this.mode === "" || this.mode === void 0 ? Array.from(this.#r?.querySelectorAll("aui-option") ?? []) : this.mode === "combobox" ? Array.from(this.#v?.querySelectorAll("aui-option") ?? []) : Array.from(this.querySelectorAll("aui-option"));
   }
   /** Get enabled options. */
   get enabledOptions() {
@@ -1116,7 +1119,7 @@ class Ot extends d {
   }
   /** Get the currently active (highlighted) option. */
   get activeOption() {
-    return this.mode === "list" ? this.enabledOptions[this.#f] ?? null : (this.#r ?? this.#m)?.activeOption ?? null;
+    return this.mode === "list" ? this.enabledOptions[this.#f] ?? null : (this.#r ?? this.#v)?.activeOption ?? null;
   }
   /** Internal listbox element (for dropdown mode). */
   get listboxElement() {
@@ -1128,23 +1131,23 @@ class Ot extends d {
       const e = this.options.find(
         (i) => (i.getAttribute("value") ?? i.textContent?.trim()) === t
       );
-      e && !e.hasAttribute("disabled") && this.#H(e);
+      e && !e.hasAttribute("disabled") && this.#z(e);
     } else
-      (this.#r ?? this.#m)?.selectValue?.(t);
+      (this.#r ?? this.#v)?.selectValue?.(t);
   }
   /** Highlight a specific option by index (for external control). */
   highlightIndex(t) {
-    this.mode === "list" ? this.#S(t) : (this.#r ?? this.#m)?.highlightIndex?.(t);
+    this.mode === "list" ? this.#S(t) : (this.#r ?? this.#v)?.highlightIndex?.(t);
   }
   /** Reset the active highlight. */
   clearHighlight() {
-    this.mode === "list" ? this.#G() : (this.#r ?? this.#m)?.clearHighlight?.();
+    this.mode === "list" ? this.#Y() : (this.#r ?? this.#v)?.clearHighlight?.();
   }
   // ════════════════════════════════════════════════════════════
   // Shared popover helpers (dropdown + combobox)
   // ════════════════════════════════════════════════════════════
-  #x() {
-    const t = this.#a ?? this.#g;
+  #E() {
+    const t = this.#a ?? this.#A;
     if (!(!t || this.disabled)) {
       try {
         t.showPopover();
@@ -1162,27 +1165,27 @@ class Ot extends d {
       }
     }
   }
-  #y() {
-    const t = this.#a ?? this.#g;
+  #g() {
+    const t = this.#a ?? this.#A;
     if (!t) return;
     try {
       t.hidePopover();
     } catch {
     }
-    this.open = !1, (this.#r ?? this.#m)?.clearHighlight?.();
+    this.open = !1, (this.#r ?? this.#v)?.clearHighlight?.();
   }
   // ════════════════════════════════════════════════════════════
   // MODE: Dropdown (default)
   // ════════════════════════════════════════════════════════════
-  #C() {
+  #k() {
     const t = `select-${crypto.randomUUID().slice(0, 8)}`;
-    this.#t = `--${t}`, this.#i = document.createElement("span"), this.#i.setAttribute("data-trigger", ""), this.#i.setAttribute("role", "combobox"), this.#i.setAttribute("aria-haspopup", "listbox"), this.#i.setAttribute("tabindex", "0"), this.#i.id = t, this.#s = document.createElement("span"), this.#s.setAttribute("data-label", ""), this.#i.appendChild(this.#s), this.#n = document.createElement("span"), this.#n.setAttribute("data-chevron", ""), this.#n.innerHTML = X, this.#i.appendChild(this.#n), this.#a = document.createElement("div"), this.#a.setAttribute("popover", "manual"), this.#a.setAttribute("data-dropdown", ""), this.#r = document.createElement("aui-listbox"), this.#a.appendChild(this.#r);
+    this.#t = `--${t}`, this.#i = document.createElement("span"), this.#i.setAttribute("data-trigger", ""), this.#i.setAttribute("role", "combobox"), this.#i.setAttribute("aria-haspopup", "listbox"), this.#i.setAttribute("tabindex", "0"), this.#i.id = t, this.#s = document.createElement("span"), this.#s.setAttribute("data-label", ""), this.#i.appendChild(this.#s), this.#n = document.createElement("span"), this.#n.setAttribute("data-chevron", ""), this.#n.innerHTML = st, this.#i.appendChild(this.#n), this.#a = document.createElement("div"), this.#a.setAttribute("popover", "manual"), this.#a.setAttribute("data-dropdown", ""), this.#r = document.createElement("aui-listbox"), this.#a.appendChild(this.#r);
     const e = Array.from(this.children);
     for (const i of e)
-      F(i) && this.#r.appendChild(i);
+      U(i) && this.#r.appendChild(i);
     this.appendChild(this.#i), this.appendChild(this.#a), this.#i.style.anchorName = this.#t, this.style.setProperty("--_anchor", this.#t), this.addEffect(() => {
-      this.disabled ? this.#i.setAttribute("tabindex", "-1") : this.#i.setAttribute("tabindex", "0"), this.#i.setAttribute("aria-expanded", String(this.open)), this.#i.setAttribute("aria-disabled", String(this.disabled)), this.#e.setFormValue(this.value || null), this.#E();
-    }), this.#i.addEventListener("click", this.#L), this.#i.addEventListener("keydown", this.#M), this.#r.addEventListener("click", this.#w), this.#r.addEventListener("change", this.#T), this.#r.addEventListener("keydown", this.#P), document.addEventListener("click", this.#D), this.value && (this.#r.value = this.value);
+      this.disabled ? this.#i.setAttribute("tabindex", "-1") : this.#i.setAttribute("tabindex", "0"), this.#i.setAttribute("aria-expanded", String(this.open)), this.#i.setAttribute("aria-disabled", String(this.disabled)), this.#e.setFormValue(this.value || null), this.#x();
+    }), this.#i.addEventListener("click", this.#L), this.#i.addEventListener("keydown", this.#I), this.#r.addEventListener("click", this.#w), this.#r.addEventListener("change", this.#T), this.#r.addEventListener("keydown", this.#P), document.addEventListener("click", this.#M), this.value && (this.#r.value = this.value);
   }
   #w = (t) => {
     const e = t.target.closest("aui-option");
@@ -1192,46 +1195,46 @@ class Ot extends d {
       e.selected = !0, this.value = e.value ?? e.getAttribute("value") ?? "", this.#r.dispatchEvent(new CustomEvent("change", {
         bubbles: !0,
         detail: { value: this.value, option: e }
-      })), this.#y();
+      })), this.#g();
     }
   };
-  #k() {
-    this.#i?.removeEventListener("click", this.#L), this.#i?.removeEventListener("keydown", this.#M), this.#r?.removeEventListener("click", this.#w), this.#r?.removeEventListener("change", this.#T), this.#r?.removeEventListener("keydown", this.#P), document.removeEventListener("click", this.#D), this.#y();
+  #C() {
+    this.#i?.removeEventListener("click", this.#L), this.#i?.removeEventListener("keydown", this.#I), this.#r?.removeEventListener("click", this.#w), this.#r?.removeEventListener("change", this.#T), this.#r?.removeEventListener("keydown", this.#P), document.removeEventListener("click", this.#M), this.#g();
   }
-  #E() {
+  #x() {
     if (!this.#s) return;
     const t = this.#r?.querySelector("aui-option[selected]");
     t ? (this.#s.textContent = t.displayLabel ?? t.textContent?.trim() ?? "", this.#s.removeAttribute("data-placeholder")) : (this.#s.textContent = this.placeholder, this.#s.setAttribute("data-placeholder", ""));
   }
   #L = () => {
-    this.disabled || (this.open ? this.#y() : this.#x());
+    this.disabled || (this.open ? this.#g() : this.#E());
   };
-  #M = (t) => {
-    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#x()) : t.key === "Escape" && this.#y();
+  #I = (t) => {
+    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#E()) : t.key === "Escape" && this.#g();
   };
   #T = (t) => {
-    t.stopPropagation(), this.value = t.detail.value, this.#e.setFormValue(this.value || null), this.#E(), this.#y(), this.#i?.focus(), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: t.detail }));
+    t.stopPropagation(), this.value = t.detail.value, this.#e.setFormValue(this.value || null), this.#x(), this.#g(), this.#i?.focus(), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: t.detail }));
   };
   #P = (t) => {
-    t.key === "Escape" ? (t.preventDefault(), this.#y(), this.#i?.focus()) : t.key === "Tab" && this.#y();
+    t.key === "Escape" ? (t.preventDefault(), this.#g(), this.#i?.focus()) : t.key === "Tab" && this.#g();
   };
-  #D = (t) => {
-    this.open && !this.contains(t.target) && this.#y();
+  #M = (t) => {
+    this.open && !this.contains(t.target) && this.#g();
   };
   // ════════════════════════════════════════════════════════════
   // MODE: Bar (toolbar)
   // ════════════════════════════════════════════════════════════
-  #N() {
-    this.setAttribute("role", "toolbar"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Toolbar"), this.orientation && this.setAttribute("aria-orientation", this.orientation || "horizontal"), this.#h = document.createElement("span"), this.#h.setAttribute("data-overflow-trigger", ""), this.#h.setAttribute("role", "button"), this.#h.setAttribute("tabindex", "0"), this.#h.setAttribute("aria-label", "More actions"), this.#h.setAttribute("aria-haspopup", "true"), this.#h.innerHTML = J, this.appendChild(this.#h), this.#o = document.createElement("div"), this.#o.setAttribute("data-overflow-popover", ""), this.#o.setAttribute("popover", "auto"), this.#o.setAttribute("role", "menu"), this.appendChild(this.#o), this.#l = document.createElement("div"), this.#l.setAttribute("data-overflow-list", ""), this.#o.appendChild(this.#l), this.#h.addEventListener("click", this.#B), this.#h.addEventListener("keydown", this.#V), this.#l.addEventListener("click", this.#_), this.addEventListener("keydown", this.#Y), this.#O(), this.#d = new ResizeObserver(() => this.#F()), this.#d.observe(this), this.#u = new MutationObserver((t) => {
+  #H() {
+    this.setAttribute("role", "toolbar"), this.hasAttribute("aria-label") || this.setAttribute("aria-label", "Toolbar"), this.orientation && this.setAttribute("aria-orientation", this.orientation || "horizontal"), this.#o = document.createElement("span"), this.#o.setAttribute("data-overflow-trigger", ""), this.#o.setAttribute("role", "button"), this.#o.setAttribute("tabindex", "0"), this.#o.setAttribute("aria-label", "More actions"), this.#o.setAttribute("aria-haspopup", "true"), this.#o.innerHTML = nt, this.appendChild(this.#o), this.#h = document.createElement("div"), this.#h.setAttribute("data-overflow-popover", ""), this.#h.setAttribute("popover", "auto"), this.#h.setAttribute("role", "menu"), this.appendChild(this.#h), this.#l = document.createElement("div"), this.#l.setAttribute("data-overflow-list", ""), this.#h.appendChild(this.#l), this.#o.addEventListener("click", this.#B), this.#o.addEventListener("keydown", this.#V), this.#l.addEventListener("click", this.#_), this.addEventListener("keydown", this.#G), this.#O(), this.#d = new ResizeObserver(() => this.#F()), this.#d.observe(this), this.#u = new MutationObserver((t) => {
       for (const e of t)
-        if (!this.#o?.contains(e.target)) {
+        if (!this.#h?.contains(e.target)) {
           this.#F();
           return;
         }
     }), this.#u.observe(this, { childList: !0, subtree: !0 }), this.#F();
   }
   #q() {
-    this.#p !== null && cancelAnimationFrame(this.#p), this.#d?.disconnect(), this.#u?.disconnect(), this.removeEventListener("keydown", this.#Y), this.#h?.removeEventListener("click", this.#B), this.#h?.removeEventListener("keydown", this.#V), this.#l?.removeEventListener("click", this.#_);
+    this.#c !== null && cancelAnimationFrame(this.#c), this.#d?.disconnect(), this.#u?.disconnect(), this.removeEventListener("keydown", this.#G), this.#o?.removeEventListener("click", this.#B), this.#o?.removeEventListener("keydown", this.#V), this.#l?.removeEventListener("click", this.#_);
   }
   // ── Bar: Group dividers ───────────────────────────────
   #O() {
@@ -1244,13 +1247,13 @@ class Ot extends d {
         const n = document.createElement("hr");
         n.setAttribute("data-group-divider", ""), this.insertBefore(n, i);
       }
-      (s || H(i.tagName)) && (e = s);
+      (s || _(i.tagName)) && (e = s);
     }
   }
   // ── Bar: Measurement ───────────────────────────────────
   #F() {
-    this.#p === null && (this.#p = requestAnimationFrame(() => {
-      this.#p = null, this.#it();
+    this.#c === null && (this.#c = requestAnimationFrame(() => {
+      this.#c = null, this.#it();
     }));
   }
   #R() {
@@ -1263,65 +1266,65 @@ class Ot extends d {
       this.#nt();
       return;
     }
-    this.#u?.disconnect(), this.#h && this.#h.nextElementSibling !== this.#o && this.appendChild(this.#h), this.#o && this.#o !== this.lastElementChild && this.appendChild(this.#o);
+    this.#u?.disconnect(), this.#o && this.#o.nextElementSibling !== this.#h && this.appendChild(this.#o), this.#h && this.#h !== this.lastElementChild && this.appendChild(this.#h);
     const t = this.#R();
     if (t.length === 0) {
-      this.#I();
+      this.#D();
       return;
     }
-    for (const c of t)
-      c.removeAttribute("data-select-overflow");
+    for (const p of t)
+      p.removeAttribute("data-select-overflow");
     this.removeAttribute("data-select-overflowing"), this.setAttribute("data-select-measuring", "");
     const e = getComputedStyle(this), i = parseFloat(e.gap) || 0, s = this.clientWidth - (parseFloat(e.paddingInlineStart) || 0) - (parseFloat(e.paddingInlineEnd) || 0);
     if (s <= 0) {
-      this.removeAttribute("data-select-measuring"), this.#I();
+      this.removeAttribute("data-select-measuring"), this.#D();
       return;
     }
     const n = this.#st(t);
     let a = 0, r = 0;
-    for (const c of n)
-      for (const b of c.flexItems)
-        r > 0 && (a += i), a += b.offsetWidth, r++;
+    for (const p of n)
+      for (const m of p.flexItems)
+        r > 0 && (a += i), a += m.offsetWidth, r++;
     if (a <= s + 1) {
-      this.removeAttribute("data-select-measuring"), this.#z(), this.#I();
+      this.removeAttribute("data-select-measuring"), this.#N(), this.#D();
       return;
     }
     this.setAttribute("data-select-overflowing", "");
-    for (const c of n) {
-      let b = 0;
-      for (let v = 0; v < c.flexItems.length; v++)
-        v > 0 && (b += i), b += c.flexItems[v].offsetWidth;
-      c.width = b;
+    for (const p of n) {
+      let m = 0;
+      for (let v = 0; v < p.flexItems.length; v++)
+        v > 0 && (m += i), m += p.flexItems[v].offsetWidth;
+      p.width = m;
     }
     this.removeAttribute("data-select-measuring");
-    const o = this.#h?.offsetWidth ?? 0, l = n.filter((c) => !c.pinned);
+    const h = this.#o?.offsetWidth ?? 0, l = n.filter((p) => !p.pinned);
     if (l.length === 0) {
-      this.#z(), this.#I();
+      this.#N(), this.#D();
       return;
     }
-    l.sort((c, b) => {
-      const v = O[c.priority] ?? 1, k = O[b.priority] ?? 1;
-      return v !== k ? v - k : b.index - c.index;
+    l.sort((p, m) => {
+      const v = $[p.priority] ?? 1, g = $[m.priority] ?? 1;
+      return v !== g ? v - g : m.index - p.index;
     });
-    const u = /* @__PURE__ */ new Set();
-    let f = a;
-    const m = s - o - i;
-    for (const c of l) {
-      if (f <= m) break;
-      u.add(c.el), f -= c.width + i;
-    }
-    if (u.size === 0) {
-      this.removeAttribute("data-select-overflowing"), this.#z(), this.#I();
+    const c = /* @__PURE__ */ new Set();
+    let u = a;
+    const f = s - h - i;
+    for (const p of l) {
+      if (u <= f) break;
+      c.add(p.el), u -= p.width + i;
+    }
+    if (c.size === 0) {
+      this.removeAttribute("data-select-overflowing"), this.#N(), this.#D();
       return;
     }
-    for (const c of u) {
-      c.setAttribute("data-select-overflow", "");
-      const b = c.previousElementSibling;
-      b?.hasAttribute("data-group-divider") && b.setAttribute("data-select-overflow", "");
-      const v = c.nextElementSibling;
+    for (const p of c) {
+      p.setAttribute("data-select-overflow", "");
+      const m = p.previousElementSibling;
+      m?.hasAttribute("data-group-divider") && m.setAttribute("data-select-overflow", "");
+      const v = p.nextElementSibling;
       v?.hasAttribute("data-group-divider") && v.setAttribute("data-select-overflow", "");
     }
-    this.#at(), this.#I();
+    this.#at(), this.#D();
   }
   #st(t) {
     const e = [];
@@ -1330,10 +1333,10 @@ class Ot extends d {
       if (s.tagName === "HR" || s.tagName === "AUI-DIVIDER") continue;
       const n = s.getAttribute("data-priority") ?? s.getAttribute("overflow-priority") ?? "normal", a = n, r = n === "pin" || s.hasAttribute("overflow-pin");
       if (s.tagName === "AUI-OPTGROUP") {
-        const o = [];
+        const h = [];
         for (const l of s.children)
-          l instanceof HTMLElement && l.tagName !== "HR" && l.tagName !== "AUI-DIVIDER" && o.push(l);
-        e.push({ el: s, flexItems: o, priority: a, pinned: r, index: i, width: 0 });
+          l instanceof HTMLElement && l.tagName !== "HR" && l.tagName !== "AUI-DIVIDER" && h.push(l);
+        e.push({ el: s, flexItems: h, priority: a, pinned: r, index: i, width: 0 });
       } else
         e.push({ el: s, flexItems: [s], priority: a, pinned: r, index: i, width: 0 });
     }
@@ -1343,13 +1346,13 @@ class Ot extends d {
   #nt() {
     for (const t of this.#R())
       t.removeAttribute("data-select-overflow");
-    this.removeAttribute("data-select-overflowing"), this.removeAttribute("data-select-measuring"), this.#z();
+    this.removeAttribute("data-select-overflowing"), this.removeAttribute("data-select-measuring"), this.#N();
   }
-  #z() {
+  #N() {
     this.#l && (this.#l.innerHTML = "");
   }
   #at() {
-    if (this.#z(), !this.#l) return;
+    if (this.#N(), !this.#l) return;
     const t = this.#R();
     let e = 0;
     for (const i of t)
@@ -1360,12 +1363,12 @@ class Ot extends d {
           for (const a of i.children) {
             if (!(a instanceof HTMLElement) || a.tagName === "HR" || a.tagName === "AUI-DIVIDER" || a.hasAttribute("data-group-label")) continue;
             const r = document.createElement("aui-option");
-            r.textContent = this.#$(a), r.setAttribute("data-overflow-index", String(e)), s.appendChild(r), e++;
+            r.textContent = this.#U(a), r.setAttribute("data-overflow-index", String(e)), s.appendChild(r), e++;
           }
           this.#l.appendChild(s);
         } else if (i.tagName !== "HR" && i.tagName !== "AUI-DIVIDER") {
           const s = document.createElement("aui-option");
-          s.textContent = this.#$(i), s.setAttribute("data-overflow-index", String(e)), this.#l.appendChild(s), e++;
+          s.textContent = this.#U(i), s.setAttribute("data-overflow-index", String(e)), this.#l.appendChild(s), e++;
         }
       }
   }
@@ -1380,7 +1383,7 @@ class Ot extends d {
         else e.tagName !== "HR" && e.tagName !== "AUI-DIVIDER" && t.push(e);
     return t;
   }
-  #$(t) {
+  #U(t) {
     const e = t.getAttribute("aria-label");
     if (e) return e;
     const i = t.getAttribute("label");
@@ -1390,43 +1393,43 @@ class Ot extends d {
     const n = t.getAttribute("icon");
     return n ? n.charAt(0).toUpperCase() + n.slice(1).replace(/-/g, " ") : "Action";
   }
-  #I() {
+  #D() {
     this.#u?.observe(this, { childList: !0, subtree: !0 });
   }
   // ── Bar: Event handlers ────────────────────────────────
   #B = (t) => {
-    t.stopPropagation(), this.#K(), this.#o?.togglePopover();
+    t.stopPropagation(), this.#K(), this.#h?.togglePopover();
   };
   #V = (t) => {
     const e = t;
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#K(), this.#o?.togglePopover());
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#K(), this.#h?.togglePopover());
   };
   #K() {
-    if (!this.#h || !this.#o) return;
-    const t = this.#h.getBoundingClientRect();
-    this.#o.style.top = `${t.bottom + 2}px`, this.#o.style.right = `${window.innerWidth - t.right}px`;
+    if (!this.#o || !this.#h) return;
+    const t = this.#o.getBoundingClientRect();
+    this.#h.style.top = `${t.bottom + 2}px`, this.#h.style.right = `${window.innerWidth - t.right}px`;
   }
   #_ = (t) => {
     const e = t.target.closest("[data-overflow-index]");
     if (!e) return;
     const i = parseInt(e.getAttribute("data-overflow-index"), 10), s = this.#rt()[i];
-    s && s.click(), this.#o?.hidePopover();
+    s && s.click(), this.#h?.hidePopover();
   };
   // ── Bar: Keyboard navigation ───────────────────────────
-  #ht() {
-    const t = [], e = this.hasAttribute("data-select-overflowing") ? Q : Z;
+  #ot() {
+    const t = [], e = this.hasAttribute("data-select-overflowing") ? rt : at;
     for (const i of this.#R())
       if (!i.hasAttribute("data-select-overflow"))
         if (i.tagName === "AUI-OPTGROUP")
           for (const s of i.children)
             s instanceof HTMLElement && s.matches(e) && t.push(s);
         else i.matches(e) && t.push(i);
-    return this.#h && this.hasAttribute("data-select-overflowing") && t.push(this.#h), t;
+    return this.#o && this.hasAttribute("data-select-overflowing") && t.push(this.#o), t;
   }
-  #Y = (t) => {
+  #G = (t) => {
     const e = this.orientation === "vertical", i = e ? "ArrowDown" : "ArrowRight", s = e ? "ArrowUp" : "ArrowLeft";
     if (t.key !== i && t.key !== s && t.key !== "Home" && t.key !== "End") return;
-    const n = this.#ht();
+    const n = this.#ot();
     if (n.length === 0) return;
     const a = n.indexOf(document.activeElement);
     let r;
@@ -1449,16 +1452,16 @@ class Ot extends d {
   // ════════════════════════════════════════════════════════════
   // MODE: List (standalone listbox)
   // ════════════════════════════════════════════════════════════
-  #ot() {
+  #ht() {
     this.setAttribute("role", "listbox"), this.addEffect(() => {
       this.multiple ? this.setAttribute("aria-multiselectable", "true") : this.removeAttribute("aria-multiselectable");
-    }), this.value && this.#ut(), this.addEventListener("click", this.#j), this.addEventListener("keydown", this.#W), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0");
+    }), this.value && this.#ct(), this.addEventListener("click", this.#j), this.addEventListener("keydown", this.#X), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0");
   }
   #lt() {
-    this.removeEventListener("click", this.#j), this.removeEventListener("keydown", this.#W), this.#b && clearTimeout(this.#b);
+    this.removeEventListener("click", this.#j), this.removeEventListener("keydown", this.#X), this.#b && clearTimeout(this.#b);
   }
   // ── List: Selection ────────────────────────────────────
-  #H(t) {
+  #z(t) {
     if (!this.multiple)
       for (const i of this.options)
         i.removeAttribute("selected");
@@ -1482,7 +1485,7 @@ class Ot extends d {
     }
     this.#e.setFormValue(this.value || null);
   }
-  #ut() {
+  #ct() {
     const t = this.value.split(",").map((e) => e.trim()).filter(Boolean);
     for (const e of this.options) {
       const i = e.getAttribute("value") ?? e.textContent?.trim() ?? "";
@@ -1493,11 +1496,11 @@ class Ot extends d {
   #S(t) {
     const e = this.enabledOptions;
     if (e.length === 0) return;
-    this.#G(), this.#f = Math.max(0, Math.min(t, e.length - 1));
+    this.#Y(), this.#f = Math.max(0, Math.min(t, e.length - 1));
     const i = e[this.#f];
     i.setAttribute("data-navigate-active", ""), i.scrollIntoView({ block: "nearest" }), i.id && this.setAttribute("aria-activedescendant", i.id);
   }
-  #G() {
+  #Y() {
     for (const t of this.options)
       t.removeAttribute("data-navigate-active");
     this.removeAttribute("aria-activedescendant");
@@ -1506,11 +1509,11 @@ class Ot extends d {
   #j = (t) => {
     const e = t.target.closest("aui-option");
     if (!e || e.hasAttribute("disabled")) return;
-    this.#H(e);
+    this.#z(e);
     const i = this.enabledOptions.indexOf(e);
     i >= 0 && this.#S(i);
   };
-  #W = (t) => {
+  #X = (t) => {
     const e = this.enabledOptions;
     if (e.length !== 0)
       switch (t.key) {
@@ -1538,18 +1541,18 @@ class Ot extends d {
         case " ": {
           t.preventDefault();
           const i = e[this.#f];
-          i && this.#H(i);
+          i && this.#z(i);
           break;
         }
         default:
-          t.key.length === 1 && !t.ctrlKey && !t.metaKey && this.#ct(t.key);
+          t.key.length === 1 && !t.ctrlKey && !t.metaKey && this.#ut(t.key);
       }
   };
-  #ct(t) {
-    this.#v += t.toLowerCase(), this.#b && clearTimeout(this.#b), this.#b = setTimeout(() => {
-      this.#v = "";
+  #ut(t) {
+    this.#m += t.toLowerCase(), this.#b && clearTimeout(this.#b), this.#b = setTimeout(() => {
+      this.#m = "";
     }, 500);
-    const i = this.enabledOptions.findIndex((s) => (s.displayLabel?.toLowerCase() ?? s.textContent?.trim().toLowerCase() ?? "").startsWith(this.#v));
+    const i = this.enabledOptions.findIndex((s) => (s.displayLabel?.toLowerCase() ?? s.textContent?.trim().toLowerCase() ?? "").startsWith(this.#m));
     i >= 0 && this.#S(i);
   }
   // ════════════════════════════════════════════════════════════
@@ -1557,66 +1560,66 @@ class Ot extends d {
   // ════════════════════════════════════════════════════════════
   #pt() {
     const t = `combobox-${crypto.randomUUID().slice(0, 8)}`;
-    this.#t = `--${t}`, this.#c = document.createElement("span"), this.#c.setAttribute("data-input", ""), this.#c.setAttribute("contenteditable", "plaintext-only"), this.#c.setAttribute("role", "combobox"), this.#c.setAttribute("aria-haspopup", "listbox"), this.#c.setAttribute("aria-autocomplete", "list"), this.#c.setAttribute("tabindex", "0"), this.#c.id = t, this.#g = document.createElement("div"), this.#g.setAttribute("popover", "manual"), this.#g.setAttribute("data-dropdown", ""), this.#m = document.createElement("aui-listbox"), this.#m.id = `${t}-listbox`, this.#c.setAttribute("aria-controls", this.#m.id), this.#g.appendChild(this.#m);
+    this.#t = `--${t}`, this.#p = document.createElement("span"), this.#p.setAttribute("data-input", ""), this.#p.setAttribute("contenteditable", "plaintext-only"), this.#p.setAttribute("role", "combobox"), this.#p.setAttribute("aria-haspopup", "listbox"), this.#p.setAttribute("aria-autocomplete", "list"), this.#p.setAttribute("tabindex", "0"), this.#p.id = t, this.#A = document.createElement("div"), this.#A.setAttribute("popover", "manual"), this.#A.setAttribute("data-dropdown", ""), this.#v = document.createElement("aui-listbox"), this.#v.id = `${t}-listbox`, this.#p.setAttribute("aria-controls", this.#v.id), this.#A.appendChild(this.#v);
     const e = Array.from(this.children);
     for (const i of e)
-      F(i) && this.#m.appendChild(i);
-    if (this.#A = Array.from(this.#m.querySelectorAll("aui-option")), this.appendChild(this.#c), this.appendChild(this.#g), this.#c.style.anchorName = this.#t, this.style.setProperty("--_anchor", this.#t), this.addEffect(() => {
+      U(i) && this.#v.appendChild(i);
+    if (this.#y = Array.from(this.#v.querySelectorAll("aui-option")), this.appendChild(this.#p), this.appendChild(this.#A), this.#p.style.anchorName = this.#t, this.style.setProperty("--_anchor", this.#t), this.addEffect(() => {
       const i = this.disabled;
-      this.#c.setAttribute("contenteditable", i ? "false" : "plaintext-only"), this.#c.setAttribute("tabindex", i ? "-1" : "0"), this.#c.setAttribute("aria-expanded", String(this.open)), this.#c.setAttribute("data-placeholder", this.placeholder || ""), this.#e.setFormValue(this.value || null);
-      const s = !this.#c.textContent?.trim();
+      this.#p.setAttribute("contenteditable", i ? "false" : "plaintext-only"), this.#p.setAttribute("tabindex", i ? "-1" : "0"), this.#p.setAttribute("aria-expanded", String(this.open)), this.#p.setAttribute("data-placeholder", this.placeholder || ""), this.#e.setFormValue(this.value || null);
+      const s = !this.#p.textContent?.trim();
       this.toggleAttribute("data-input-empty", s);
     }), this.value) {
-      const i = this.#A.find(
+      const i = this.#y.find(
         (s) => (s.getAttribute("value") ?? s.textContent?.trim()) === this.value
       );
-      i && this.#c && (this.#c.textContent = i.displayLabel ?? i.textContent?.trim() ?? "");
+      i && this.#p && (this.#p.textContent = i.displayLabel ?? i.textContent?.trim() ?? "");
     }
-    this.#c.addEventListener("input", this.#X), this.#c.addEventListener("focus", this.#J), this.#c.addEventListener("keydown", this.#Z), this.#m.addEventListener("change", this.#Q), this.#m.addEventListener("keydown", this.#tt), document.addEventListener("click", this.#et);
+    this.#p.addEventListener("input", this.#W), this.#p.addEventListener("focus", this.#J), this.#p.addEventListener("keydown", this.#Z), this.#v.addEventListener("change", this.#Q), this.#v.addEventListener("keydown", this.#tt), document.addEventListener("click", this.#et);
   }
   #ft() {
-    this.#c?.removeEventListener("input", this.#X), this.#c?.removeEventListener("focus", this.#J), this.#c?.removeEventListener("keydown", this.#Z), this.#m?.removeEventListener("change", this.#Q), this.#m?.removeEventListener("keydown", this.#tt), document.removeEventListener("click", this.#et), this.#y();
+    this.#p?.removeEventListener("input", this.#W), this.#p?.removeEventListener("focus", this.#J), this.#p?.removeEventListener("keydown", this.#Z), this.#v?.removeEventListener("change", this.#Q), this.#v?.removeEventListener("keydown", this.#tt), document.removeEventListener("click", this.#et), this.#g();
   }
-  #U(t) {
+  #$(t) {
     const e = t.toLowerCase();
-    for (const s of this.#A) {
+    for (const s of this.#y) {
       const n = s.displayLabel?.toLowerCase() ?? s.textContent?.trim().toLowerCase() ?? "";
       s.style.display = !e || n.includes(e) ? "" : "none";
     }
-    const i = this.#m?.querySelectorAll("aui-optgroup") ?? [];
+    const i = this.#v?.querySelectorAll("aui-optgroup") ?? [];
     for (const s of i) {
       const n = s.querySelector('aui-option:not([style*="display: none"])');
       s.style.display = n ? "" : "none";
     }
   }
-  #X = () => {
-    this.open || this.#x(), this.#U(this.#c?.textContent ?? ""), this.toggleAttribute("data-input-empty", !this.#c?.textContent?.trim());
+  #W = () => {
+    this.open || this.#E(), this.#$(this.#p?.textContent ?? ""), this.toggleAttribute("data-input-empty", !this.#p?.textContent?.trim());
   };
   #J = () => {
-    this.#x(), this.#U(this.#c?.textContent ?? "");
+    this.#E(), this.#$(this.#p?.textContent ?? "");
   };
   #Z = (t) => {
     if (t.key === "Enter") {
       t.preventDefault();
-      const i = this.#m?.activeOption;
+      const i = this.#v?.activeOption;
       i && this.open && i.click();
-    } else t.key === "ArrowDown" ? (t.preventDefault(), this.open || this.#x(), this.#m?.focus()) : t.key === "Escape" && this.#y();
+    } else t.key === "ArrowDown" ? (t.preventDefault(), this.open || this.#E(), this.#v?.focus()) : t.key === "Escape" && this.#g();
   };
   #Q = (t) => {
-    t.stopPropagation(), this.value = t.detail.value, this.#e.setFormValue(this.value || null), this.#c && (this.#c.textContent = t.detail.label ?? ""), this.toggleAttribute("data-input-empty", !this.value), this.#y(), this.#c?.focus(), this.#U(""), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: t.detail }));
+    t.stopPropagation(), this.value = t.detail.value, this.#e.setFormValue(this.value || null), this.#p && (this.#p.textContent = t.detail.label ?? ""), this.toggleAttribute("data-input-empty", !this.value), this.#g(), this.#p?.focus(), this.#$(""), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: t.detail }));
   };
   #tt = (t) => {
-    t.key === "Escape" ? (t.preventDefault(), this.#y(), this.#c?.focus()) : t.key === "Tab" && this.#y();
+    t.key === "Escape" ? (t.preventDefault(), this.#g(), this.#p?.focus()) : t.key === "Tab" && this.#g();
   };
   #et = (t) => {
-    this.open && !this.contains(t.target) && this.#y();
+    this.open && !this.contains(t.target) && this.#g();
   };
 }
-let y = null;
-function et() {
-  return y && y.isConnected || (y = document.querySelector("aui-toast-container"), y || (y = document.createElement("aui-toast-container"), document.body.appendChild(y))), y;
+let x = null;
+function ht() {
+  return x && x.isConnected || (x = document.querySelector("aui-toast-container"), x || (x = document.createElement("aui-toast-container"), document.body.appendChild(x))), x;
 }
-class Ft extends d {
+class Gt extends d {
   static attributes = {
     open: { type: "boolean", default: !1 },
     message: { type: "string", default: "" },
@@ -1628,7 +1631,7 @@ class Ft extends d {
   #i = null;
   static show(t) {
     const e = document.createElement("aui-toast");
-    return e.setAttribute("message", t.message), t.intent && e.setAttribute(t.intent, ""), t.duration !== void 0 && e.setAttribute("duration", String(t.duration)), t.closeable === !1 ? e.removeAttribute("closeable") : e.setAttribute("closeable", ""), et().appendChild(e), requestAnimationFrame(() => e.setAttribute("open", "")), e;
+    return e.setAttribute("message", t.message), t.intent && e.setAttribute(t.intent, ""), t.duration !== void 0 && e.setAttribute("duration", String(t.duration)), t.closeable === !1 ? e.removeAttribute("closeable") : e.setAttribute("closeable", ""), ht().appendChild(e), requestAnimationFrame(() => e.setAttribute("open", "")), e;
   }
   activate() {
     this.setAttribute("role", "status"), this.setAttribute("aria-live", "polite"), this.#i = document.createElement("span"), this.#i.setAttribute("data-message", ""), this.appendChild(this.#i), this.#t = document.createElement("span"), this.#t.setAttribute("data-close", ""), this.#t.setAttribute("role", "button"), this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("aria-label", "Dismiss"), this.#t.textContent = "✕", this.appendChild(this.#t), this.addEffect(() => {
@@ -1655,7 +1658,7 @@ class Ft extends d {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.dismiss());
   };
 }
-class Rt extends d {
+class Yt extends d {
   static attributes = {
     value: { type: "string", default: "" },
     orientation: { type: "enum", values: ["vertical"], default: "" }
@@ -1669,10 +1672,10 @@ class Rt extends d {
       const t = this.querySelector("aui-tab:not([disabled])");
       t && (this.value = t.getAttribute("value") ?? "");
     }
-    this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#h);
+    this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#o);
   }
   dispose() {
-    this.removeEventListener("click", this.#r), this.removeEventListener("keydown", this.#h);
+    this.removeEventListener("click", this.#r), this.removeEventListener("keydown", this.#o);
   }
   // ── Internal ──────────────────────────────────────────
   get #e() {
@@ -1714,34 +1717,34 @@ class Rt extends d {
     const e = t.target.closest("aui-tab");
     e && this.contains(e) && this.#a(e);
   };
-  #h = (t) => {
+  #o = (t) => {
     const e = t.target;
     if (e.tagName !== "AUI-TAB") return;
     const i = this.orientation === "vertical", s = i ? "ArrowDown" : "ArrowRight", n = i ? "ArrowUp" : "ArrowLeft", a = this.#t, r = a.indexOf(e);
     if (r < 0) return;
-    let o;
+    let h;
     switch (t.key) {
       case s:
-        o = r < a.length - 1 ? r + 1 : 0;
+        h = r < a.length - 1 ? r + 1 : 0;
         break;
       case n:
-        o = r > 0 ? r - 1 : a.length - 1;
+        h = r > 0 ? r - 1 : a.length - 1;
         break;
       case "Home":
-        o = 0;
+        h = 0;
         break;
       case "End":
-        o = a.length - 1;
+        h = a.length - 1;
         break;
       default:
         return;
     }
     t.preventDefault();
-    const l = a[o];
+    const l = a[h];
     l.focus(), this.#a(l);
   };
 }
-class zt extends d {
+class jt extends d {
   static attributes = {
     value: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
@@ -1753,7 +1756,7 @@ class zt extends d {
     });
   }
 }
-class Nt extends d {
+class Xt extends d {
   static attributes = {
     value: { type: "string", default: "" },
     active: { type: "boolean", default: !1 }
@@ -1764,7 +1767,7 @@ class Nt extends d {
     });
   }
 }
-class Ht extends d {
+class Wt extends d {
   static attributes = {
     multiple: { type: "boolean", default: !1 },
     caret: { type: "enum", values: ["leading", "trailing"], default: "leading" }
@@ -1784,7 +1787,7 @@ class Ht extends d {
       s !== e && s.removeAttribute("open");
   };
 }
-class Ut extends d {
+class Jt extends d {
   static attributes = {
     open: { type: "boolean", default: !1 },
     disabled: { type: "boolean", default: !1 }
@@ -1829,18 +1832,45 @@ class Ut extends d {
     (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.#i());
   };
 }
-class $t extends d {
+class Zt extends d {
   static attributes = {
     label: { type: "string", default: "Breadcrumb" },
-    joiner: { type: "string", default: "/" }
+    joiner: { type: "string", default: "/" },
+    "max-depth": { type: "string", default: "" }
   };
+  #e = null;
+  #t = null;
   activate() {
     this.setAttribute("role", "navigation"), this.addEffect(() => {
-      this.setAttribute("aria-label", this.label || "Breadcrumb"), this.style.setProperty("--_joiner", `"${this.joiner || "/"}"`);
+      this.setAttribute("aria-label", this.label || "Breadcrumb"), this.style.setProperty("--_joiner", `"${this.joiner || "/"}"`), this.#i(), this.#s();
+    });
+  }
+  /** Mark the last breadcrumb-item as [current] */
+  #i() {
+    const t = Array.from(this.querySelectorAll("aui-breadcrumb-item"));
+    for (const i of t) i.removeAttribute("current");
+    const e = t[t.length - 1];
+    e && e.setAttribute("current", "");
+  }
+  /** Collapse middle items when max-depth is set */
+  #s() {
+    const t = parseInt(this["max-depth"]) || 0, e = Array.from(this.children).filter(
+      (r) => r.tagName === "AUI-BREADCRUMB-ITEM"
+    );
+    this.#e && (this.#e.remove(), this.#e = null), this.#t && (this.#t.remove(), this.#t = null);
+    for (const r of e) r.style.display = "";
+    if (!t || e.length <= t + 1) return;
+    const i = [], s = t;
+    for (let r = 1; r < e.length - s; r++)
+      e[r].style.display = "none", i.push(e[r]);
+    const n = document.createElement("aui-breadcrumb-item"), a = document.createElement("aui-button");
+    a.setAttribute("ghost", ""), a.setAttribute("size", "sm"), a.textContent = "…", a.setAttribute("aria-label", `Show ${i.length} more levels`), n.appendChild(a), this.#e = n, e[1] && this.insertBefore(n, e[1]), a.addEventListener("click", () => {
+      for (const r of i) r.style.display = "";
+      n.remove(), this.#e = null;
     });
   }
 }
-class Bt extends d {
+class Qt extends d {
   static attributes = {
     href: { type: "string", default: "" },
     current: { type: "boolean", default: !1 }
@@ -1861,7 +1891,7 @@ class Bt extends d {
     });
   }
 }
-class Vt extends d {
+class te extends d {
   static formAssociated = !0;
   static attributes = {
     value: { type: "string", default: "" },
@@ -1879,10 +1909,10 @@ class Vt extends d {
       const t = this.querySelector("aui-segment:not([disabled])");
       t && (this.value = t.getAttribute("value") ?? "");
     }
-    this.addEventListener("click", this.#h), this.addEventListener("keydown", this.#o);
+    this.addEventListener("click", this.#o), this.addEventListener("keydown", this.#h);
   }
   dispose() {
-    this.removeEventListener("click", this.#h), this.removeEventListener("keydown", this.#o);
+    this.removeEventListener("click", this.#o), this.removeEventListener("keydown", this.#h);
   }
   formDisabledCallback(t) {
     for (const e of this.#i) e.toggleAttribute("disabled", t);
@@ -1912,11 +1942,11 @@ class Vt extends d {
   #r(t) {
     t.hasAttribute("disabled") || (this.value = t.getAttribute("value") ?? "", this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { value: this.value } })));
   }
-  #h = (t) => {
+  #o = (t) => {
     const e = t.target.closest("aui-segment");
     e && this.contains(e) && this.#r(e);
   };
-  #o = (t) => {
+  #h = (t) => {
     const e = t.target;
     if (e.tagName !== "AUI-SEGMENT") return;
     const i = this.#s, s = i.indexOf(e);
@@ -1943,7 +1973,7 @@ class Vt extends d {
     t.preventDefault(), i[n].focus(), this.#r(i[n]);
   };
 }
-class Kt extends d {
+class ee extends d {
   static attributes = {
     value: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
@@ -1955,7 +1985,7 @@ class Kt extends d {
     });
   }
 }
-class _t extends d {
+class ie extends d {
   static attributes = {
     page: { type: "string", default: "1" },
     total: { type: "string", default: "1" },
@@ -1976,11 +2006,11 @@ class _t extends d {
     n.setAttribute("aria-label", "Previous page"), n.setAttribute("data-pagination-prev", ""), this.appendChild(n);
     for (const r of s)
       if (r === "…") {
-        const o = document.createElement("span");
-        o.setAttribute("data-pagination-ellipsis", ""), o.textContent = "…", this.appendChild(o);
+        const h = document.createElement("span");
+        h.setAttribute("data-pagination-ellipsis", ""), h.textContent = "…", this.appendChild(h);
       } else {
-        const o = r, l = this.#t(String(o), o, !1);
-        o === t && (l.setAttribute("aria-current", "page"), l.setAttribute("data-pagination-current", "")), this.appendChild(l);
+        const h = r, l = this.#t(String(h), h, !1);
+        h === t && (l.setAttribute("aria-current", "page"), l.setAttribute("data-pagination-current", "")), this.appendChild(l);
       }
     const a = this.#t("›", t + 1, t >= e);
     a.setAttribute("aria-label", "Next page"), a.setAttribute("data-pagination-next", ""), this.appendChild(a);
@@ -1991,7 +2021,7 @@ class _t extends d {
   }
   #i(t, e, i) {
     if (e <= i * 2 + 5)
-      return Array.from({ length: e }, (r, o) => o + 1);
+      return Array.from({ length: e }, (r, h) => h + 1);
     const s = [], n = Math.max(t - i, 2), a = Math.min(t + i, e - 1);
     if (s.push(1), n > 2) s.push("…");
     else for (let r = 2; r < n; r++) s.push(r);
@@ -2013,11 +2043,11 @@ class _t extends d {
     }
   };
 }
-class Yt extends d {
+class se extends d {
   #e = -1;
   activate() {
     this.setAttribute("role", "search"), this.addEventListener("input", this.#l), this.addEventListener("keydown", this.#d), this.addEventListener("click", this.#u), requestAnimationFrame(() => {
-      this.#h(0);
+      this.#o(0);
     });
   }
   dispose() {
@@ -2047,20 +2077,20 @@ class Yt extends d {
       s.toggleAttribute("hidden", !a);
     }
     const i = this.#i;
-    this.#n && this.#n.toggleAttribute("hidden", i.length > 0), this.#h(0);
+    this.#n && this.#n.toggleAttribute("hidden", i.length > 0), this.#o(0);
   }
   // ── Active item tracking ──────────────────────────────
-  #h(t) {
+  #o(t) {
     const e = this.#i;
     if (e.length === 0) {
-      this.#e = -1, this.#o();
+      this.#e = -1, this.#h();
       return;
     }
-    this.#o(), this.#e = Math.max(0, Math.min(t, e.length - 1));
+    this.#h(), this.#e = Math.max(0, Math.min(t, e.length - 1));
     const i = e[this.#e];
     i.setAttribute("data-navigate-active", ""), i.scrollIntoView({ block: "nearest" }), i.id && this.#a && this.#a.setAttribute("aria-activedescendant", i.id);
   }
-  #o() {
+  #h() {
     for (const t of this.#t)
       t.removeAttribute("data-navigate-active");
     this.#a?.removeAttribute("aria-activedescendant");
@@ -2077,27 +2107,27 @@ class Yt extends d {
         case "ArrowDown": {
           t.preventDefault();
           const i = this.#e < e.length - 1 ? this.#e + 1 : 0;
-          this.#h(i);
+          this.#o(i);
           break;
         }
         case "ArrowUp": {
           t.preventDefault();
           const i = this.#e > 0 ? this.#e - 1 : e.length - 1;
-          this.#h(i);
+          this.#o(i);
           break;
         }
         case "Home": {
-          t.preventDefault(), this.#h(0);
+          t.preventDefault(), this.#o(0);
           break;
         }
         case "End": {
-          t.preventDefault(), this.#h(e.length - 1);
+          t.preventDefault(), this.#o(e.length - 1);
           break;
         }
         case "Enter": {
           t.preventDefault();
           const i = e[this.#e];
-          i && this.#p(i);
+          i && this.#c(i);
           break;
         }
         case "Escape": {
@@ -2108,9 +2138,9 @@ class Yt extends d {
   };
   #u = (t) => {
     const e = t.target.closest("aui-command-item");
-    !e || e.hasAttribute("disabled") || e.hasAttribute("hidden") || this.#p(e);
+    !e || e.hasAttribute("disabled") || e.hasAttribute("hidden") || this.#c(e);
   };
-  #p(t) {
+  #c(t) {
     const e = t.getAttribute("value") ?? t.textContent?.trim() ?? "", i = t.textContent?.trim() ?? "";
     this.dispatchEvent(new CustomEvent("select", {
       bubbles: !0,
@@ -2118,12 +2148,12 @@ class Yt extends d {
     }));
   }
 }
-class Gt extends d {
+class ne extends d {
   activate() {
     this.setAttribute("role", "status"), this.hasAttribute("hidden") || this.setAttribute("hidden", "");
   }
 }
-class jt extends d {
+class ae extends d {
   static attributes = {
     label: { type: "string", default: "" }
   };
@@ -2136,7 +2166,7 @@ class jt extends d {
     });
   }
 }
-class Wt extends d {
+class re extends d {
   static attributes = {
     placeholder: { type: "string", default: "Search…" }
   };
@@ -2174,7 +2204,7 @@ class Wt extends d {
     this.#e?.textContent?.trim() || window.getSelection()?.setPosition(this.#e, 0);
   };
 }
-class Xt extends d {
+class oe extends d {
   static attributes = {
     value: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
@@ -2190,19 +2220,19 @@ class Xt extends d {
     });
   }
 }
-class Jt extends d {
+class he extends d {
   activate() {
     this.setAttribute("role", "listbox");
   }
 }
-const A = { High: 0, Normal: 1, Low: 2 }, w = (h, t, e) => Math.min(e, Math.max(t, h));
-let L = null;
-function it(h) {
-  if (L !== null) return L;
+const w = { High: 0, Normal: 1, Low: 2 }, M = (o, t, e) => Math.min(e, Math.max(t, o));
+let I = null;
+function lt(o) {
+  if (I !== null) return I;
   const t = document.createElement("div");
-  return t.style.cssText = "position:absolute;visibility:hidden;width:var(--aui-sidebar-width-collapsed,2.75rem)", h.appendChild(t), L = t.offsetWidth || 44, t.remove(), L;
+  return t.style.cssText = "position:absolute;visibility:hidden;width:var(--aui-sidebar-width-collapsed,2.75rem)", o.appendChild(t), I = t.offsetWidth || 44, t.remove(), I;
 }
-class Zt extends d {
+class le extends d {
   static attributes = {
     direction: { type: "enum", values: ["vertical"], default: "" }
   };
@@ -2216,9 +2246,9 @@ class Zt extends d {
   #n = [];
   #a = [];
   #r = 0;
-  #h = 0;
+  #o = 0;
   // Drag pointer ID (for releasing capture)
-  #o = -1;
+  #h = -1;
   // Pixel-based sizes — source of truth during/after resize
   #l = [];
   // Proportional layout
@@ -2227,17 +2257,17 @@ class Zt extends d {
     return this.direction === "vertical";
   }
   activate() {
-    this.addEventListener("pointermove", this.#k), this.addEventListener("pointerleave", this.#E), this.addEventListener("pointerdown", this.#M, !0), this.#b(), this.#e = new MutationObserver(this.#F), this.#e.observe(this, {
+    this.addEventListener("pointermove", this.#C), this.addEventListener("pointerleave", this.#x), this.addEventListener("pointerdown", this.#I, !0), this.#b(), this.#e = new MutationObserver(this.#F), this.#e.observe(this, {
       childList: !0,
       attributes: !0,
       attributeFilter: ["hidden", "minimized", "priority"],
       subtree: !0
-    }), this.#t = new ResizeObserver(this.#C), this.#t.observe(this), this.addEffect(() => {
+    }), this.#t = new ResizeObserver(this.#k), this.#t.observe(this), this.addEffect(() => {
       this.direction, this.#b();
     });
   }
   dispose() {
-    this.#L(), this.#q(), this.#e?.disconnect(), this.#e = null, this.#t?.disconnect(), this.#t = null, this.removeEventListener("pointermove", this.#k), this.removeEventListener("pointerleave", this.#E), this.removeEventListener("pointerdown", this.#M, !0);
+    this.#L(), this.#q(), this.#e?.disconnect(), this.#e = null, this.#t?.disconnect(), this.#t = null, this.removeEventListener("pointermove", this.#C), this.removeEventListener("pointerleave", this.#x), this.removeEventListener("pointerdown", this.#I, !0);
   }
   // ── Pane queries ──
   #u() {
@@ -2245,17 +2275,17 @@ class Zt extends d {
       (t) => t instanceof HTMLElement && !t.hidden
     );
   }
-  #p(t) {
+  #c(t) {
     const e = t.getAttribute("size-min");
-    return e ? Number(e) : it(t);
+    return e ? Number(e) : lt(t);
   }
   #f(t) {
     const e = t.getAttribute("size-max");
     return e ? Number(e) : 1 / 0;
   }
-  #v(t) {
+  #m(t) {
     const e = t.getAttribute("priority");
-    return e === "high" ? A.High : e === "low" ? A.Low : A.Normal;
+    return e === "high" ? w.High : e === "low" ? w.Low : w.Normal;
   }
   // ── Size management ──
   /** Read current pixel sizes from layout and establish initial state. */
@@ -2270,10 +2300,10 @@ class Zt extends d {
       const n = s.getBoundingClientRect();
       return e ? n.height : n.width;
     });
-    this.#l = i, this.#a = t, this.#g(), this.#c();
+    this.#l = i, this.#a = t, this.#A(), this.#p();
   }
   /** Apply pixel sizes as flex values. */
-  #c() {
+  #p() {
     const t = this.#u();
     if (!(this.#l.reduce((i, s) => i + s, 0) <= 0))
       for (let i = 0; i < t.length; i++) {
@@ -2283,7 +2313,7 @@ class Zt extends d {
       }
   }
   /** Save current proportions for proportional container resize. */
-  #g() {
+  #A() {
     const t = this.#l.reduce((e, i) => e + i, 0);
     if (t <= 0) {
       this.#d = null;
@@ -2298,44 +2328,44 @@ class Zt extends d {
    * "after" panes (index+1 -> end), respecting min/max constraints
    * and priority ordering.
    */
-  #m(t, e, i) {
+  #v(t, e, i) {
     const s = this.#a, n = [...i], a = [];
-    for (let p = t; p >= 0; p--) a.push(p);
+    for (let b = t; b >= 0; b--) a.push(b);
     const r = [];
-    for (let p = t + 1; p < s.length; p++) r.push(p);
-    const o = (p) => {
-      const g = [], E = [], M = [];
-      for (const C of p) {
-        const T = this.#v(s[C]);
-        T === A.High ? g.push(C) : T === A.Low ? M.push(C) : E.push(C);
+    for (let b = t + 1; b < s.length; b++) r.push(b);
+    const h = (b) => {
+      const A = [], E = [], C = [];
+      for (const D of b) {
+        const R = this.#m(s[D]);
+        R === w.High ? A.push(D) : R === w.Low ? C.push(D) : E.push(D);
       }
-      return [...g, ...E, ...M];
-    }, l = o(a), u = o(r);
-    let f = 0, m = 0;
-    for (const p of l)
-      f += this.#p(s[p]) - i[p], m += this.#f(s[p]) - i[p];
-    let c = 0, b = 0;
-    for (const p of u)
-      c += i[p] - this.#f(s[p]), b += i[p] - this.#p(s[p]);
-    const v = Math.max(f, c), k = Math.min(m, b);
-    e = w(e, v, k);
-    let x = e;
-    for (const p of l) {
-      const g = w(
-        i[p] + x,
-        this.#p(s[p]),
-        this.#f(s[p])
-      ), E = g - i[p];
-      x -= E, n[p] = g;
-    }
-    x = e;
-    for (const p of u) {
-      const g = w(
-        i[p] - x,
-        this.#p(s[p]),
-        this.#f(s[p])
-      ), E = i[p] - g;
-      x -= E, n[p] = g;
+      return [...A, ...E, ...C];
+    }, l = h(a), c = h(r);
+    let u = 0, f = 0;
+    for (const b of l)
+      u += this.#c(s[b]) - i[b], f += this.#f(s[b]) - i[b];
+    let p = 0, m = 0;
+    for (const b of c)
+      p += i[b] - this.#f(s[b]), m += i[b] - this.#c(s[b]);
+    const v = Math.max(u, p), g = Math.min(f, m);
+    e = M(e, v, g);
+    let y = e;
+    for (const b of l) {
+      const A = M(
+        i[b] + y,
+        this.#c(s[b]),
+        this.#f(s[b])
+      ), E = A - i[b];
+      y -= E, n[b] = A;
+    }
+    y = e;
+    for (const b of c) {
+      const A = M(
+        i[b] - y,
+        this.#c(s[b]),
+        this.#f(s[b])
+      ), E = i[b] - A;
+      y -= E, n[b] = A;
     }
     return n;
   }
@@ -2343,56 +2373,56 @@ class Zt extends d {
    * After any size change, distribute leftover space (positive or negative)
    * across all panes in priority order.
    */
-  #A(t) {
+  #y(t) {
     const e = this.#a, i = [...t];
-    let n = this.#x() - i.reduce((u, f) => u + f, 0);
+    let n = this.#E() - i.reduce((c, u) => c + u, 0);
     if (Math.abs(n) < 0.5) return i;
-    const a = [], r = [], o = [];
-    for (let u = 0; u < e.length; u++) {
-      const f = this.#v(e[u]);
-      f === A.High ? a.push(u) : f === A.Low ? o.push(u) : r.push(u);
-    }
-    const l = [...a, ...r, ...o];
-    for (let u = 0; Math.abs(n) >= 0.5 && u < l.length; u++) {
-      const f = l[u], m = e[f], c = w(
-        i[f] + n,
-        this.#p(m),
-        this.#f(m)
-      ), b = c - i[f];
-      n -= b, i[f] = c;
+    const a = [], r = [], h = [];
+    for (let c = 0; c < e.length; c++) {
+      const u = this.#m(e[c]);
+      u === w.High ? a.push(c) : u === w.Low ? h.push(c) : r.push(c);
+    }
+    const l = [...a, ...r, ...h];
+    for (let c = 0; Math.abs(n) >= 0.5 && c < l.length; c++) {
+      const u = l[c], f = e[u], p = M(
+        i[u] + n,
+        this.#c(f),
+        this.#f(f)
+      ), m = p - i[u];
+      n -= m, i[u] = p;
     }
     return i;
   }
-  #x() {
+  #E() {
     const t = this.getBoundingClientRect();
     return this.isVertical ? t.height : t.width;
   }
   // ── Proportional container resize ──
-  #y = 0;
-  #C = () => {
+  #g = 0;
+  #k = () => {
     if (this.#s >= 0) return;
-    const t = this.#x();
+    const t = this.#E();
     if (t <= 0) return;
-    if (this.#y === 0) {
-      this.#y = t;
+    if (this.#g === 0) {
+      this.#g = t;
       return;
     }
-    if (Math.abs(t - this.#y) < 1) return;
-    this.#y = t;
+    if (Math.abs(t - this.#g) < 1) return;
+    this.#g = t;
     const e = this.#u();
     if (e.length !== 0) {
       if (this.#a = e, this.#d && this.#d.length === e.length) {
         const i = this.#d.map(
-          (s, n) => w(
+          (s, n) => M(
             Math.round(s * t),
-            this.#p(e[n]),
+            this.#c(e[n]),
             this.#f(e[n])
           )
         );
-        this.#l = this.#A(i);
+        this.#l = this.#y(i);
       } else
-        this.#l = this.#A(this.#l);
-      this.#c();
+        this.#l = this.#y(this.#l);
+      this.#p();
     }
   };
   // ── Boundary hit-testing ──
@@ -2401,13 +2431,13 @@ class Zt extends d {
     if (i.length < 2) return -1;
     const s = this.isVertical, n = 8;
     for (let a = 0; a < i.length - 1; a++) {
-      const r = i[a].getBoundingClientRect(), o = s ? r.bottom : r.right;
-      if (Math.abs((s ? e : t) - o) <= n) return a;
+      const r = i[a].getBoundingClientRect(), h = s ? r.bottom : r.right;
+      if (Math.abs((s ? e : t) - h) <= n) return a;
     }
     return -1;
   }
   // ── Hover ──
-  #k = (t) => {
+  #C = (t) => {
     if (this.#s >= 0) return;
     const e = this.#w(t.clientX, t.clientY), i = this.#u();
     if (e >= 0) {
@@ -2420,30 +2450,30 @@ class Zt extends d {
     } else
       this.#L();
   };
-  #E = () => {
+  #x = () => {
     this.#s >= 0 || this.#L();
   };
   #L() {
     this.#i && (this.#i.removeAttribute("data-panes-edge-near"), this.#i = null);
   }
   // ── Drag resize ──
-  #M = (t) => {
+  #I = (t) => {
     if (t.button !== 0) return;
     const e = this.#w(t.clientX, t.clientY);
     if (e < 0) return;
-    t.preventDefault(), t.stopPropagation(), this.#L(), this.#s = e, this.#a = this.#u(), this.#r = t.clientX, this.#h = t.clientY;
+    t.preventDefault(), t.stopPropagation(), this.#L(), this.#s = e, this.#a = this.#u(), this.#r = t.clientX, this.#o = t.clientY;
     const i = this.isVertical;
     this.#n = this.#a.map((n) => {
       const a = n.getBoundingClientRect();
       return i ? a.height : a.width;
     }), this.#l = [...this.#n], this.setAttribute("data-panes-resizing", "");
     const s = i ? "bottom" : "right";
-    this.#a[e].setAttribute("data-panes-edge-active", s), this.#o = t.pointerId, this.setPointerCapture(t.pointerId), document.addEventListener("pointermove", this.#T), document.addEventListener("pointerup", this.#P), document.addEventListener("pointercancel", this.#D), document.addEventListener("keydown", this.#N);
+    this.#a[e].setAttribute("data-panes-edge-active", s), this.#h = t.pointerId, this.setPointerCapture(t.pointerId), document.addEventListener("pointermove", this.#T), document.addEventListener("pointerup", this.#P), document.addEventListener("pointercancel", this.#M), document.addEventListener("keydown", this.#H);
   };
   #T = (t) => {
     if (this.#s < 0) return;
-    const e = this.isVertical ? t.clientY - this.#h : t.clientX - this.#r;
-    this.#l = this.#m(this.#s, e, this.#n), this.#c();
+    const e = this.isVertical ? t.clientY - this.#o : t.clientX - this.#r;
+    this.#l = this.#v(this.#s, e, this.#n), this.#p();
   };
   #P = () => {
     if (this.#s < 0) return;
@@ -2451,7 +2481,7 @@ class Zt extends d {
     this.#l = this.#a.map((e) => {
       const i = e.getBoundingClientRect();
       return t ? i.height : i.width;
-    }), this.#g(), this.dispatchEvent(new CustomEvent("aui:panes-resize", {
+    }), this.#A(), this.dispatchEvent(new CustomEvent("aui:panes-resize", {
       bubbles: !0,
       composed: !0,
       detail: {
@@ -2460,21 +2490,21 @@ class Zt extends d {
       }
     })), this.#q();
   };
-  #D = () => {
-    this.#s < 0 || (this.#l = [...this.#n], this.#c(), this.#q());
+  #M = () => {
+    this.#s < 0 || (this.#l = [...this.#n], this.#p(), this.#q());
   };
-  #N = (t) => {
-    t.key === "Escape" && this.#s >= 0 && (t.preventDefault(), this.#D());
+  #H = (t) => {
+    t.key === "Escape" && this.#s >= 0 && (t.preventDefault(), this.#M());
   };
   #q() {
-    if (this.#s >= 0 && this.#a[this.#s]?.removeAttribute("data-panes-edge-active"), this.#o >= 0) {
+    if (this.#s >= 0 && this.#a[this.#s]?.removeAttribute("data-panes-edge-active"), this.#h >= 0) {
       try {
-        this.releasePointerCapture(this.#o);
+        this.releasePointerCapture(this.#h);
       } catch {
       }
-      this.#o = -1;
+      this.#h = -1;
     }
-    this.#s = -1, this.#n = [], this.removeAttribute("data-panes-resizing"), document.removeEventListener("pointermove", this.#T), document.removeEventListener("pointerup", this.#P), document.removeEventListener("pointercancel", this.#D), document.removeEventListener("keydown", this.#N);
+    this.#s = -1, this.#n = [], this.removeAttribute("data-panes-resizing"), document.removeEventListener("pointermove", this.#T), document.removeEventListener("pointerup", this.#P), document.removeEventListener("pointercancel", this.#M), document.removeEventListener("keydown", this.#H);
   }
   // ── Child mutation observer (debounced) ──
   #O = 0;
@@ -2496,15 +2526,15 @@ class Zt extends d {
     })));
   };
 }
-const U = document.createElement("template");
-U.innerHTML = `
+const G = document.createElement("template");
+G.innerHTML = `
   <aui-header data-pane-header>
     <aui-pane-label></aui-pane-label>
   </aui-header>
 `;
-const $ = document.createElement("template");
-$.innerHTML = "<aui-button ghost></aui-button>";
-class Qt extends d {
+const Y = document.createElement("template");
+Y.innerHTML = "<aui-button ghost></aui-button>";
+class de extends d {
   static attributes = {
     label: { type: "string", default: "" },
     icon: { type: "string", default: "" },
@@ -2528,7 +2558,7 @@ class Qt extends d {
   // Collapse state (internal)
   #r = !1;
   activate() {
-    this.#l(), this.#o(), this.#h(), this.addEffect(() => {
+    this.#l(), this.#h(), this.#o(), this.addEffect(() => {
       const t = this.label;
       this.#t && (this.#t.textContent = t), t && !this.#e ? this.#l() : !t && this.#e && this.#d();
     }), this.addEffect(() => {
@@ -2538,19 +2568,19 @@ class Qt extends d {
         e && e.setAttribute("icon", t ? "caret-up" : "minus");
       }
     }), this.addEffect(() => {
-      this["fixed-size"], this.#h();
+      this["fixed-size"], this.#o();
     }), this.addEffect(() => {
       const t = this.basis;
       t ? this.style.flexBasis = t : this.style.removeProperty("flex-basis");
     }), this.addEffect(() => {
       const t = this.icon;
-      this.#p(t || null);
+      this.#c(t || null);
     }), this.addEffect(() => {
       this.#f(this.closeable);
     }), this.addEffect(() => {
-      this.#v(this.minimizable);
+      this.#m(this.minimizable);
     }), this.addEffect(() => {
-      this.tabs && !this.#a ? this.#b() : !this.tabs && this.#a && this.#c();
+      this.tabs && !this.#a ? this.#b() : !this.tabs && this.#a && this.#p();
     }), this.addEffect(() => {
       this.collapse;
     });
@@ -2599,13 +2629,13 @@ class Qt extends d {
     }));
   }
   // ── Size sync ──
-  #h() {
+  #o() {
     const t = this["fixed-size"];
     t && t !== "auto" ? this.style.flex = `0 1 ${t}` : this.style.removeProperty("flex");
   }
   // ── Content wrapping ──
   /** Wrap non-structural children in <aui-content>. */
-  #o() {
+  #h() {
     if (this.querySelector(":scope > aui-content")) return;
     const t = document.createElement("aui-content"), e = [];
     for (const i of Array.from(this.childNodes))
@@ -2620,7 +2650,7 @@ class Qt extends d {
     if (this.querySelector(":scope > aui-header")) return;
     const t = this.label;
     if (!t) return;
-    const i = U.content.cloneNode(!0).firstElementChild, s = i.querySelector("aui-pane-label");
+    const i = G.content.cloneNode(!0).firstElementChild, s = i.querySelector("aui-pane-label");
     s.textContent = t, this.#t = s;
     const n = this.icon;
     if (n) {
@@ -2638,10 +2668,10 @@ class Qt extends d {
     this.#e && (this.#e.remove(), this.#e = null, this.#t = null, this.#i = null, this.#s = null, this.#n = null);
   }
   #u(t, e) {
-    const i = $.content.firstElementChild.cloneNode(!0);
+    const i = Y.content.firstElementChild.cloneNode(!0);
     return i.setAttribute("icon", t), i.setAttribute("slot", "trailing"), i.addEventListener("click", e), i;
   }
-  #p(t) {
+  #c(t) {
     if (this.#e)
       if (t && this.#i)
         this.#i.setAttribute("icon", t);
@@ -2653,7 +2683,7 @@ class Qt extends d {
   #f(t) {
     this.#e && (t && !this.#n ? (this.#n = this.#u("x", () => this.close()), this.#e.appendChild(this.#n)) : !t && this.#n && (this.#n.remove(), this.#n = null));
   }
-  #v(t) {
+  #m(t) {
     this.#e && (t && !this.#s ? (this.#s = this.#u(
       this.minimized ? "caret-up" : "minus",
       () => {
@@ -2674,20 +2704,20 @@ class Qt extends d {
     }
     this.#a.addEventListener("change", (e) => {
       const s = e.detail.tab?.getAttribute("data-for");
-      s && this.#g(s);
+      s && this.#A(s);
     });
     const t = this.querySelector(":scope > aui-header, :scope > [data-pane-header]");
     t ? t.after(this.#a) : this.prepend(this.#a), queueMicrotask(() => {
       const i = this.#a?.querySelector("aui-tab")?.getAttribute("data-for");
-      i && this.#g(i);
+      i && this.#A(i);
     });
   }
-  #c() {
+  #p() {
     this.#a?.remove(), this.#a = null;
     for (const t of this.children)
       t instanceof HTMLElement && t.hasAttribute("data-tab-id") && t.removeAttribute("hidden");
   }
-  #g(t) {
+  #A(t) {
     for (const e of this.children) {
       if (!(e instanceof HTMLElement)) continue;
       const i = e.getAttribute("data-tab-id");
@@ -2695,10 +2725,10 @@ class Qt extends d {
     }
   }
   dispose() {
-    this.#d(), this.#c();
+    this.#d(), this.#p();
   }
 }
-class te extends d {
+class ce extends d {
   static attributes = {
     cols: { type: "string", default: "" },
     src: { type: "string", default: "" },
@@ -2714,35 +2744,35 @@ class te extends d {
   #n = "";
   #a = 1;
   #r = /* @__PURE__ */ new Set();
-  #h = !1;
+  #o = !1;
   // Stable DOM refs (created once, never destroyed)
-  #o = null;
+  #h = null;
   #l = null;
   #d = null;
   #u = null;
-  #p = null;
+  #c = null;
   get selectedIds() {
     return new Set(this.#r);
   }
   get dataMode() {
-    return this.#h;
+    return this.#o;
   }
   setData(t) {
-    this.#t = [...t], this.#a = 1, this.#r.clear(), this.#E();
+    this.#t = [...t], this.#a = 1, this.#r.clear(), this.#x();
   }
   activate() {
-    if (this.setAttribute("role", "table"), this.#e = this.#f(), this.#h = this.#e.length > 0, !this.#h) {
+    if (this.setAttribute("role", "table"), this.#e = this.#f(), this.#o = this.#e.length > 0, !this.#o) {
       this.addEffect(() => {
         this.cols && (this.style.gridTemplateColumns = this.cols);
       });
       return;
     }
-    this.#v(), this.#c(), this.#E(), this.addEventListener("click", this.#g), this.addEffect(() => {
+    this.#m(), this.#p(), this.#x(), this.addEventListener("click", this.#A), this.addEffect(() => {
       this.src && this.#b(this.src);
     });
   }
   dispose() {
-    this.removeEventListener("click", this.#g), this.#p && clearTimeout(this.#p);
+    this.removeEventListener("click", this.#A), this.#c && clearTimeout(this.#c);
   }
   // ── Column parsing ─────────────────────────────────────────
   #f() {
@@ -2757,7 +2787,7 @@ class te extends d {
     })).filter((t) => t.key);
   }
   // ── Data loading ───────────────────────────────────────────
-  #v() {
+  #m() {
     const t = this.querySelector('script[type="application/json"]');
     if (t?.textContent) {
       try {
@@ -2774,12 +2804,12 @@ class te extends d {
       const e = await fetch(t);
       if (!e.ok) return;
       const i = await e.json();
-      this.#t = Array.isArray(i) ? i : i?.data ?? [], this.#a = 1, this.#r.clear(), this.#E();
+      this.#t = Array.isArray(i) ? i : i?.data ?? [], this.#a = 1, this.#r.clear(), this.#x();
     } catch {
     }
   }
   // ── Structure (built once) ─────────────────────────────────
-  #c() {
+  #p() {
     for (const e of [...this.children]) {
       const i = e.tagName?.toLowerCase();
       i !== "aui-table-column" && i !== "script" && e.remove();
@@ -2789,64 +2819,64 @@ class te extends d {
       const e = document.createElement("div");
       e.setAttribute("data-table-toolbar", "");
       const i = document.createElement("aui-input");
-      i.setAttribute("placeholder", "Search..."), i.setAttribute("type", "search"), i.setAttribute("width", "full"), e.appendChild(i), this.#o = e, this.appendChild(e);
+      i.setAttribute("placeholder", "Search..."), i.setAttribute("type", "search"), i.setAttribute("width", "full"), e.appendChild(i), this.#h = e, this.appendChild(e);
       const s = () => {
-        this.#p && clearTimeout(this.#p), this.#p = setTimeout(() => {
-          this.#n = (i.value || "").trim(), this.#a = 1, this.#E();
+        this.#c && clearTimeout(this.#c), this.#c = setTimeout(() => {
+          this.#n = (i.value || "").trim(), this.#a = 1, this.#x();
         }, 200);
       };
       i.addEventListener("input", s);
     }
-    this.#l = document.createElement("aui-table-head"), this.appendChild(this.#l), this.#d = document.createElement("aui-table-body"), this.appendChild(this.#d), this.#C > 0 && (this.#u = document.createElement("div"), this.#u.setAttribute("data-table-footer", ""), this.appendChild(this.#u));
+    this.#l = document.createElement("aui-table-head"), this.appendChild(this.#l), this.#d = document.createElement("aui-table-body"), this.appendChild(this.#d), this.#k > 0 && (this.#u = document.createElement("div"), this.#u.setAttribute("data-table-footer", ""), this.appendChild(this.#u));
   }
   // ── Event delegation ───────────────────────────────────────
-  #g = (t) => {
+  #A = (t) => {
     const e = t.target, i = e.closest("aui-table-header[data-table-sortable]");
     if (i) {
       const a = i.dataset.key;
       if (a) {
-        this.#m(a);
+        this.#v(a);
         return;
       }
     }
     const s = e.closest("aui-checkbox[data-table-check]");
     if (s) {
       const a = s.dataset.rowId;
-      a === "__all__" ? this.#y() : a && this.#x(a);
+      a === "__all__" ? this.#g() : a && this.#E(a);
       return;
     }
     const n = e.closest("[data-table-page]");
     if (n) {
       const a = parseInt(n.dataset.tablePage, 10);
-      !isNaN(a) && a !== this.#a && (this.#a = a, this.dispatchEvent(new CustomEvent("aui:page-change", { bubbles: !0, detail: { page: a } })), this.#E());
+      !isNaN(a) && a !== this.#a && (this.#a = a, this.dispatchEvent(new CustomEvent("aui:page-change", { bubbles: !0, detail: { page: a } })), this.#x());
     }
   };
   // ── Sort ───────────────────────────────────────────────────
-  #m(t) {
+  #v(t) {
     if (this.#i === t) {
       const e = ["asc", "desc", "none"];
       this.#s = e[(e.indexOf(this.#s) + 1) % 3], this.#s === "none" && (this.#i = "");
     } else
       this.#i = t, this.#s = "asc";
-    this.#a = 1, this.dispatchEvent(new CustomEvent("aui:sort-change", { bubbles: !0, detail: { key: this.#i, dir: this.#s } })), this.#E();
+    this.#a = 1, this.dispatchEvent(new CustomEvent("aui:sort-change", { bubbles: !0, detail: { key: this.#i, dir: this.#s } })), this.#x();
   }
   // ── Selection ──────────────────────────────────────────────
-  #A(t) {
+  #y(t) {
     return t.id != null ? String(t.id) : JSON.stringify(t);
   }
-  #x(t) {
-    this.#r.has(t) ? this.#r.delete(t) : this.#r.add(t), this.dispatchEvent(new CustomEvent("aui:selection-change", { bubbles: !0, detail: { selectedIds: [...this.#r] } })), this.#E();
+  #E(t) {
+    this.#r.has(t) ? this.#r.delete(t) : this.#r.add(t), this.dispatchEvent(new CustomEvent("aui:selection-change", { bubbles: !0, detail: { selectedIds: [...this.#r] } })), this.#x();
   }
-  #y() {
-    const t = this.#k(this.#w()), e = t.length > 0 && t.every((i) => this.#r.has(this.#A(i)));
+  #g() {
+    const t = this.#C(this.#w()), e = t.length > 0 && t.every((i) => this.#r.has(this.#y(i)));
     for (const i of t) {
-      const s = this.#A(i);
+      const s = this.#y(i);
       e ? this.#r.delete(s) : this.#r.add(s);
     }
-    this.dispatchEvent(new CustomEvent("aui:selection-change", { bubbles: !0, detail: { selectedIds: [...this.#r] } })), this.#E();
+    this.dispatchEvent(new CustomEvent("aui:selection-change", { bubbles: !0, detail: { selectedIds: [...this.#r] } })), this.#x();
   }
   // ── Derived data ───────────────────────────────────────────
-  get #C() {
+  get #k() {
     return parseInt(this.paginate, 10) || 0;
   }
   #w() {
@@ -2861,75 +2891,83 @@ class te extends d {
     if (this.#i && this.#s !== "none") {
       const i = this.#e.find((a) => a.key === this.#i)?.type || "string", s = this.#s === "desc" ? -1 : 1, n = this.#i;
       t.sort((a, r) => {
-        const o = a[n], l = r[n];
-        return o == null && l == null ? 0 : o == null ? 1 : l == null ? -1 : i === "number" ? (Number(o) - Number(l)) * s : i === "date" ? (new Date(String(o)).getTime() - new Date(String(l)).getTime()) * s : String(o).localeCompare(String(l)) * s;
+        const h = a[n], l = r[n];
+        return h == null && l == null ? 0 : h == null ? 1 : l == null ? -1 : i === "number" ? (Number(h) - Number(l)) * s : i === "date" ? (new Date(String(h)).getTime() - new Date(String(l)).getTime()) * s : String(h).localeCompare(String(l)) * s;
       });
     }
     return t;
   }
-  #k(t) {
-    const e = this.#C;
+  #C(t) {
+    const e = this.#k;
     if (e <= 0) return t;
     const i = (this.#a - 1) * e;
     return t.slice(i, i + e);
   }
   // ── Render (updates innerHTML of stable containers) ────────
-  #E() {
-    if (!this.#h || !this.#l || !this.#d) return;
-    const t = this.#w(), e = this.#k(t);
+  #x() {
+    if (!this.#o || !this.#l || !this.#d) return;
+    const t = this.#w(), e = this.#C(t);
     this.#l.innerHTML = "";
     const i = document.createElement("aui-table-row");
     if (this.selectable) {
-      const s = document.createElement("aui-table-header"), n = e.length > 0 && e.every((r) => this.#r.has(this.#A(r))), a = document.createElement("aui-checkbox");
+      const s = document.createElement("aui-table-header"), n = e.length > 0 && e.every((r) => this.#r.has(this.#y(r))), a = document.createElement("aui-checkbox");
       a.setAttribute("data-table-check", ""), a.setAttribute("data-row-id", "__all__"), n && a.setAttribute("checked", ""), s.appendChild(a), i.appendChild(s);
     }
     for (const s of this.#e) {
       const n = document.createElement("aui-table-header"), a = s.sortable || this.sortable;
-      n.textContent = s.label, s.align !== "start" && (n.style.justifyContent = s.align), a && (n.setAttribute("data-table-sortable", ""), n.dataset.key = s.key, n.style.cursor = "pointer", this.#i === s.key && this.#s !== "none" && n.setAttribute("data-table-sort", this.#s)), i.appendChild(n);
+      if (s.align !== "start" && (n.style.justifyContent = s.align), a) {
+        n.setAttribute("data-table-sortable", ""), n.dataset.key = s.key, n.style.cursor = "pointer";
+        const r = document.createElement("span");
+        r.textContent = s.label, n.appendChild(r);
+        const h = document.createElement("aui-icon");
+        h.setAttribute("size", "xs"), h.setAttribute("data-table-sort-icon", ""), this.#i === s.key && this.#s !== "none" ? (n.setAttribute("data-table-sort", this.#s), h.setAttribute("name", this.#s === "asc" ? "caret-up" : "caret-down")) : (h.setAttribute("name", "caret-up"), h.style.opacity = "0.3"), n.appendChild(h);
+      } else
+        n.textContent = s.label;
+      i.appendChild(n);
     }
     this.#l.appendChild(i), this.#d.innerHTML = "";
     for (const s of e) {
-      const n = document.createElement("aui-table-row"), a = this.#A(s), r = this.#r.has(a);
+      const n = document.createElement("aui-table-row"), a = this.#y(s), r = this.#r.has(a);
       if (r && n.setAttribute("data-table-selected", ""), this.selectable) {
-        const o = document.createElement("aui-table-cell"), l = document.createElement("aui-checkbox");
-        l.setAttribute("data-table-check", ""), l.setAttribute("data-row-id", a), r && l.setAttribute("checked", ""), o.appendChild(l), n.appendChild(o);
+        const h = document.createElement("aui-table-cell"), l = document.createElement("aui-checkbox");
+        l.setAttribute("data-table-check", ""), l.setAttribute("data-row-id", a), r && l.setAttribute("checked", ""), h.appendChild(l), n.appendChild(h);
       }
-      for (const o of this.#e) {
-        const l = document.createElement("aui-table-cell"), u = s[o.key];
-        l.textContent = u != null ? String(u) : "", o.align !== "start" && (l.style.justifyContent = o.align), n.appendChild(l);
+      for (const h of this.#e) {
+        const l = document.createElement("aui-table-cell"), c = s[h.key];
+        l.textContent = c != null ? String(c) : "", h.align !== "start" && (l.style.justifyContent = h.align), n.appendChild(l);
       }
       this.#d.appendChild(n);
     }
     if (this.#u) {
       this.#u.innerHTML = "";
-      const s = this.#C, n = t.length, a = Math.max(1, Math.ceil(n / s));
+      const s = this.#k, n = t.length, a = Math.max(1, Math.ceil(n / s));
       this.#a > a && (this.#a = a);
-      const r = n === 0 ? 0 : (this.#a - 1) * s + 1, o = Math.min(this.#a * s, n), l = document.createElement("span");
-      l.setAttribute("data-table-page-info", ""), l.textContent = `${r}–${o} of ${n}`, this.#u.appendChild(l);
-      const u = document.createElement("span");
-      u.setAttribute("data-table-page-controls", ""), u.style.cssText = "display:inline-flex;gap:0.25rem;align-items:center;";
-      const f = document.createElement("button");
-      f.setAttribute("data-table-page", String(this.#a - 1)), f.disabled = this.#a <= 1, f.textContent = "‹", f.style.cssText = "all:unset;cursor:pointer;padding:0.25rem 0.5rem;border-radius:var(--aui-radius);font-size:var(--aui-font-sm);color:var(--aui-ink-muted);", f.disabled && (f.style.opacity = "0.4"), u.appendChild(f);
-      for (let c = 1; c <= a; c++) {
-        const b = document.createElement("button");
-        b.setAttribute("data-table-page", String(c)), b.textContent = String(c), b.style.cssText = `all:unset;cursor:pointer;padding:0.25rem 0.5rem;border-radius:var(--aui-radius);font-size:var(--aui-font-sm);${c === this.#a ? "background:var(--aui-accent);color:white;" : "color:var(--aui-ink-muted);"}`, u.appendChild(b);
+      const r = n === 0 ? 0 : (this.#a - 1) * s + 1, h = Math.min(this.#a * s, n), l = document.createElement("span");
+      l.setAttribute("data-table-page-info", ""), l.textContent = `${r}–${h} of ${n}`, this.#u.appendChild(l);
+      const c = document.createElement("span");
+      c.setAttribute("data-table-page-controls", ""), c.style.cssText = "display:inline-flex;gap:0.25rem;align-items:center;";
+      const u = document.createElement("aui-button");
+      u.setAttribute("ghost", ""), u.setAttribute("icon-leading", "caret-left"), u.setAttribute("hide-label", ""), u.setAttribute("label", "Previous page"), u.setAttribute("data-table-page", String(this.#a - 1)), this.#a <= 1 && (u.setAttribute("disabled", ""), u.style.opacity = "0.4"), c.appendChild(u);
+      for (let p = 1; p <= a; p++) {
+        const m = document.createElement("aui-button");
+        m.setAttribute("ghost", ""), m.setAttribute("data-table-page", String(p)), m.textContent = String(p), p === this.#a && m.setAttribute("data-table-page-current", ""), c.appendChild(m);
       }
-      const m = document.createElement("button");
-      m.setAttribute("data-table-page", String(this.#a + 1)), m.disabled = this.#a >= a, m.textContent = "›", m.style.cssText = "all:unset;cursor:pointer;padding:0.25rem 0.5rem;border-radius:var(--aui-radius);font-size:var(--aui-font-sm);color:var(--aui-ink-muted);", m.disabled && (m.style.opacity = "0.4"), u.appendChild(m), this.#u.appendChild(u);
+      const f = document.createElement("aui-button");
+      f.setAttribute("ghost", ""), f.setAttribute("icon-leading", "caret-right"), f.setAttribute("hide-label", ""), f.setAttribute("label", "Next page"), f.setAttribute("data-table-page", String(this.#a + 1)), this.#a >= a && (f.setAttribute("disabled", ""), f.style.opacity = "0.4"), c.appendChild(f), this.#u.appendChild(c);
     }
   }
 }
-class ee extends d {
+class ue extends d {
 }
-class ie extends d {
+class pe extends d {
 }
-class se extends d {
+class fe extends d {
 }
-class ne extends d {
+class be extends d {
 }
-class ae extends d {
+class me extends d {
 }
-class re extends d {
+class ve extends d {
   activate() {
     this.setAttribute("role", "tree"), this.addEventListener("keydown", this.#t);
   }
@@ -2955,8 +2993,8 @@ class re extends d {
     t.key === "ArrowDown" ? s = i < e.length - 1 ? i + 1 : 0 : s = i > 0 ? i - 1 : e.length - 1, e[s].focus();
   };
 }
-const st = '<aui-icon name="caret-right" size="sm"></aui-icon>';
-class he extends d {
+const dt = '<aui-icon name="caret-right" size="sm"></aui-icon>';
+class ge extends d {
   static attributes = {
     expanded: { type: "boolean", default: !1 },
     selected: { type: "boolean", default: !1 },
@@ -2972,7 +3010,7 @@ class he extends d {
     if (this.setAttribute("role", "treeitem"), this.#e = this.querySelector(":scope > [data-label]"), this.#e)
       this.#i = this.querySelector(":scope > [data-label] > [data-caret]"), this.#t = this.querySelector(":scope > [data-children]");
     else {
-      this.#e = document.createElement("div"), this.#e.setAttribute("data-label", ""), this.#e.setAttribute("tabindex", "0"), this.#i = document.createElement("span"), this.#i.setAttribute("data-caret", ""), this.#i.innerHTML = st, this.#e.appendChild(this.#i);
+      this.#e = document.createElement("div"), this.#e.setAttribute("data-label", ""), this.#e.setAttribute("tabindex", "0"), this.#i = document.createElement("span"), this.#i.setAttribute("data-caret", ""), this.#i.innerHTML = dt, this.#e.appendChild(this.#i);
       const i = this.querySelector(":scope > [data-trigger]");
       if (i)
         this.#e.appendChild(i);
@@ -3008,7 +3046,7 @@ class he extends d {
     this.disabled || (t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.#s()) : t.key === "ArrowRight" && this.expandable && !this.expanded ? (t.preventDefault(), this.expanded = !0) : t.key === "ArrowLeft" && this.expanded && (t.preventDefault(), this.expanded = !1));
   };
 }
-class oe extends d {
+class Ae extends d {
   static attributes = {
     align: { type: "enum", values: ["end"], default: "" },
     scrollable: { type: "boolean", default: !1 },
@@ -3035,24 +3073,34 @@ class oe extends d {
     this.#i();
   }
 }
-class le extends d {
+class ye extends d {
   activate() {
   }
 }
-const nt = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><rect x="40" y="40" width="176" height="176" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="176" y1="24" x2="176" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="80" y1="24" x2="80" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="40" y1="88" x2="216" y2="88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>', at = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>';
-function rt(h, t) {
-  if (!h) return "";
-  const [e, i, s] = h.split("-").map(Number);
-  return !e || !i || !s ? h : t.replace("YYYY", String(e).padStart(4, "0")).replace("yyyy", String(e).padStart(4, "0")).replace("MM", String(i).padStart(2, "0")).replace("DD", String(s).padStart(2, "0")).replace("dd", String(s).padStart(2, "0"));
+const ct = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><rect x="40" y="40" width="176" height="176" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="176" y1="24" x2="176" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="80" y1="24" x2="80" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="40" y1="88" x2="216" y2="88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>', ut = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+function pt(o, t) {
+  if (!o) return "";
+  const [e, i, s] = o.split("-").map(Number);
+  if (!e || !i || !s) return o;
+  const n = new Date(e, i - 1, s);
+  switch (t) {
+    case "long":
+      return n.toLocaleDateString(void 0, { year: "numeric", month: "long", day: "numeric" });
+    case "medium":
+      return n.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+    case "short":
+      return n.toLocaleDateString(void 0, { year: "numeric", month: "2-digit", day: "2-digit" });
+  }
+  return t.replace("YYYY", String(e).padStart(4, "0")).replace("yyyy", String(e).padStart(4, "0")).replace("MM", String(i).padStart(2, "0")).replace("DD", String(s).padStart(2, "0")).replace("dd", String(s).padStart(2, "0"));
 }
-class de extends d {
+class Ee extends d {
   static attributes = {
     value: { type: "string", default: "" },
     placeholder: { type: "string", default: "Select date" },
     min: { type: "string", default: "" },
     max: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
-    format: { type: "string", default: "YYYY-MM-DD" },
+    format: { type: "string", default: "medium" },
     open: { type: "boolean", default: !1 }
   };
   // ── Internal references ────────────────────────────────────
@@ -3069,16 +3117,16 @@ class de extends d {
     const t = `cal-picker-${crypto.randomUUID().slice(0, 8)}`;
     this.#e = `--${t}`, this.#t = document.createElement("span"), this.#t.setAttribute("data-trigger", ""), this.#t.setAttribute("role", "combobox"), this.#t.setAttribute("aria-haspopup", "dialog"), this.#t.setAttribute("tabindex", "0"), this.#t.id = t, this.#i = document.createElement("span"), this.#i.setAttribute("data-label", ""), this.#t.appendChild(this.#i);
     const e = document.createElement("span");
-    e.setAttribute("data-icon", ""), e.innerHTML = nt, this.#t.appendChild(e), this.#s = document.createElement("span"), this.#s.setAttribute("data-chevron", ""), this.#s.innerHTML = at, this.#t.appendChild(this.#s), this.#n = document.createElement("div"), this.#n.setAttribute("popover", "manual"), this.#n.setAttribute("data-dropdown", ""), this.#a = document.createElement("aui-calendar"), this.#n.appendChild(this.#a), this.appendChild(this.#t), this.appendChild(this.#n), this.#t.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), this.addEffect(() => {
-      this.disabled ? this.#t.setAttribute("tabindex", "-1") : this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("aria-expanded", String(this.open)), this.#t.setAttribute("aria-disabled", String(this.disabled)), this.#o();
+    e.setAttribute("data-icon", ""), e.innerHTML = ct, this.#t.appendChild(e), this.#s = document.createElement("span"), this.#s.setAttribute("data-chevron", ""), this.#s.innerHTML = ut, this.#t.appendChild(this.#s), this.#n = document.createElement("div"), this.#n.setAttribute("popover", "manual"), this.#n.setAttribute("data-dropdown", ""), this.#a = document.createElement("aui-calendar"), this.#n.appendChild(this.#a), this.appendChild(this.#t), this.appendChild(this.#n), this.#t.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), this.addEffect(() => {
+      this.disabled ? this.#t.setAttribute("tabindex", "-1") : this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("aria-expanded", String(this.open)), this.#t.setAttribute("aria-disabled", String(this.disabled)), this.#h();
     }), this.addEffect(() => {
       this.min ? this.#a.setAttribute("min", this.min) : this.#a.removeAttribute("min"), this.max ? this.#a.setAttribute("max", this.max) : this.#a.removeAttribute("max");
     }), this.addEffect(() => {
       this.value ? this.#a.setAttribute("value", this.value) : this.#a.removeAttribute("value");
-    }), this.#t.addEventListener("click", this.#l), this.#t.addEventListener("keydown", this.#d), this.#a.addEventListener("change", this.#u), document.addEventListener("click", this.#p), document.addEventListener("keydown", this.#f);
+    }), this.#t.addEventListener("click", this.#l), this.#t.addEventListener("keydown", this.#d), this.#a.addEventListener("change", this.#u), document.addEventListener("click", this.#c), document.addEventListener("keydown", this.#f);
   }
   dispose() {
-    this.#t?.removeEventListener("click", this.#l), this.#t?.removeEventListener("keydown", this.#d), this.#a?.removeEventListener("change", this.#u), document.removeEventListener("click", this.#p), document.removeEventListener("keydown", this.#f), this.#h();
+    this.#t?.removeEventListener("click", this.#l), this.#t?.removeEventListener("keydown", this.#d), this.#a?.removeEventListener("change", this.#u), document.removeEventListener("click", this.#c), document.removeEventListener("keydown", this.#f), this.#o();
   }
   // ════════════════════════════════════════════════════════════
   // Popover control
@@ -3092,7 +3140,7 @@ class de extends d {
       this.open = !0, this.#a?.focus();
     }
   }
-  #h() {
+  #o() {
     if (this.#n) {
       try {
         this.#n.hidePopover();
@@ -3104,22 +3152,22 @@ class de extends d {
   // ════════════════════════════════════════════════════════════
   // Display
   // ════════════════════════════════════════════════════════════
-  #o() {
-    this.#i && (this.value ? (this.#i.textContent = rt(this.value, this.format), this.#i.removeAttribute("data-placeholder")) : (this.#i.textContent = this.placeholder, this.#i.setAttribute("data-placeholder", "")));
+  #h() {
+    this.#i && (this.value ? (this.#i.textContent = pt(this.value, this.format), this.#i.removeAttribute("data-placeholder")) : (this.#i.textContent = this.placeholder, this.#i.setAttribute("data-placeholder", "")));
   }
   // ════════════════════════════════════════════════════════════
   // Event handlers
   // ════════════════════════════════════════════════════════════
   #l = () => {
-    this.disabled || (this.open ? this.#h() : this.#r());
+    this.disabled || (this.open ? this.#o() : this.#r());
   };
   #d = (t) => {
-    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#r()) : t.key === "Escape" && this.#h();
+    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#r()) : t.key === "Escape" && this.#o();
   };
   #u = (t) => {
     t.stopPropagation();
     const e = t.detail?.value ?? "";
-    this.value = e, this.#o(), this.#h(), this.#t?.focus(), this.dispatchEvent(new CustomEvent("change", {
+    this.value = e, this.#h(), this.#o(), this.#t?.focus(), this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       composed: !0,
       detail: {
@@ -3128,20 +3176,20 @@ class de extends d {
       }
     }));
   };
-  #p = (t) => {
-    this.open && !this.contains(t.target) && this.#h();
+  #c = (t) => {
+    this.open && !this.contains(t.target) && this.#o();
   };
   #f = (t) => {
-    t.key === "Escape" && this.open && (this.#h(), this.#t?.focus());
+    t.key === "Escape" && this.open && (this.#o(), this.#t?.focus());
   };
 }
-const ht = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><rect x="40" y="40" width="176" height="176" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="176" y1="24" x2="176" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="80" y1="24" x2="80" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="40" y1="88" x2="216" y2="88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>', ot = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>';
-function I(h) {
-  if (!h) return "";
-  const [t, e, i] = h.split("-").map(Number);
-  return !t || !e || !i ? h : `${["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][e - 1]} ${i}`;
+const ft = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><rect x="40" y="40" width="176" height="176" rx="8" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="176" y1="24" x2="176" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="80" y1="24" x2="80" y2="56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="40" y1="88" x2="216" y2="88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>', bt = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+function O(o) {
+  if (!o) return "";
+  const [t, e, i] = o.split("-").map(Number);
+  return !t || !e || !i ? o : `${["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"][e - 1]} ${i}`;
 }
-class ue extends d {
+class xe extends d {
   static attributes = {
     start: { type: "string", default: "" },
     end: { type: "string", default: "" },
@@ -3165,16 +3213,16 @@ class ue extends d {
     const t = `cal-range-${crypto.randomUUID().slice(0, 8)}`;
     this.#e = `--${t}`, this.#t = document.createElement("span"), this.#t.setAttribute("data-trigger", ""), this.#t.setAttribute("role", "combobox"), this.#t.setAttribute("aria-haspopup", "dialog"), this.#t.setAttribute("tabindex", "0"), this.#t.id = t, this.#i = document.createElement("span"), this.#i.setAttribute("data-label", ""), this.#t.appendChild(this.#i);
     const e = document.createElement("span");
-    e.setAttribute("data-icon", ""), e.innerHTML = ht, this.#t.appendChild(e), this.#s = document.createElement("span"), this.#s.setAttribute("data-chevron", ""), this.#s.innerHTML = ot, this.#t.appendChild(this.#s), this.#n = document.createElement("div"), this.#n.setAttribute("popover", "manual"), this.#n.setAttribute("data-dropdown", ""), this.#a = document.createElement("aui-calendar"), this.#a.setAttribute("range", ""), this.#n.appendChild(this.#a), this.appendChild(this.#t), this.appendChild(this.#n), this.#t.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), this.addEffect(() => {
-      this.disabled ? this.#t.setAttribute("tabindex", "-1") : this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("aria-expanded", String(this.open)), this.#t.setAttribute("aria-disabled", String(this.disabled)), this.#o();
+    e.setAttribute("data-icon", ""), e.innerHTML = ft, this.#t.appendChild(e), this.#s = document.createElement("span"), this.#s.setAttribute("data-chevron", ""), this.#s.innerHTML = bt, this.#t.appendChild(this.#s), this.#n = document.createElement("div"), this.#n.setAttribute("popover", "manual"), this.#n.setAttribute("data-dropdown", ""), this.#a = document.createElement("aui-calendar"), this.#a.setAttribute("range", ""), this.#n.appendChild(this.#a), this.appendChild(this.#t), this.appendChild(this.#n), this.#t.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), this.addEffect(() => {
+      this.disabled ? this.#t.setAttribute("tabindex", "-1") : this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("aria-expanded", String(this.open)), this.#t.setAttribute("aria-disabled", String(this.disabled)), this.#h();
     }), this.addEffect(() => {
       this.min ? this.#a.setAttribute("min", this.min) : this.#a.removeAttribute("min"), this.max ? this.#a.setAttribute("max", this.max) : this.#a.removeAttribute("max");
     }), this.addEffect(() => {
       this.start ? this.#a.setAttribute("start", this.start) : this.#a.removeAttribute("start"), this.end ? this.#a.setAttribute("end", this.end) : this.#a.removeAttribute("end");
-    }), this.#t.addEventListener("click", this.#l), this.#t.addEventListener("keydown", this.#d), this.#a.addEventListener("aui:range-select", this.#u), document.addEventListener("click", this.#p), document.addEventListener("keydown", this.#f);
+    }), this.#t.addEventListener("click", this.#l), this.#t.addEventListener("keydown", this.#d), this.#a.addEventListener("aui:range-select", this.#u), document.addEventListener("click", this.#c), document.addEventListener("keydown", this.#f);
   }
   dispose() {
-    this.#t?.removeEventListener("click", this.#l), this.#t?.removeEventListener("keydown", this.#d), this.#a?.removeEventListener("aui:range-select", this.#u), document.removeEventListener("click", this.#p), document.removeEventListener("keydown", this.#f), this.#h();
+    this.#t?.removeEventListener("click", this.#l), this.#t?.removeEventListener("keydown", this.#d), this.#a?.removeEventListener("aui:range-select", this.#u), document.removeEventListener("click", this.#c), document.removeEventListener("keydown", this.#f), this.#o();
   }
   // ════════════════════════════════════════════════════════════
   // Popover control
@@ -3188,7 +3236,7 @@ class ue extends d {
       this.open = !0, this.#a?.focus();
     }
   }
-  #h() {
+  #o() {
     if (this.#n) {
       try {
         this.#n.hidePopover();
@@ -3200,54 +3248,54 @@ class ue extends d {
   // ════════════════════════════════════════════════════════════
   // Display
   // ════════════════════════════════════════════════════════════
-  #o() {
-    this.#i && (this.start && this.end ? (this.#i.textContent = `${I(this.start)} — ${I(this.end)}`, this.#i.removeAttribute("data-placeholder")) : this.start ? (this.#i.textContent = `${I(this.start)} — ...`, this.#i.removeAttribute("data-placeholder")) : (this.#i.textContent = this.placeholder, this.#i.setAttribute("data-placeholder", "")));
+  #h() {
+    this.#i && (this.start && this.end ? (this.#i.textContent = `${O(this.start)} — ${O(this.end)}`, this.#i.removeAttribute("data-placeholder")) : this.start ? (this.#i.textContent = `${O(this.start)} — ...`, this.#i.removeAttribute("data-placeholder")) : (this.#i.textContent = this.placeholder, this.#i.setAttribute("data-placeholder", "")));
   }
   // ════════════════════════════════════════════════════════════
   // Event handlers
   // ════════════════════════════════════════════════════════════
   #l = () => {
-    this.disabled || (this.open ? this.#h() : this.#r());
+    this.disabled || (this.open ? this.#o() : this.#r());
   };
   #d = (t) => {
-    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#r()) : t.key === "Escape" && this.#h();
+    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#r()) : t.key === "Escape" && this.#o();
   };
   #u = (t) => {
     t.stopPropagation();
     const e = t.detail?.start ?? "", i = t.detail?.end ?? "";
-    this.start = e, this.end = i, this.#o(), this.#h(), this.#t?.focus(), this.dispatchEvent(new CustomEvent("change", {
+    this.start = e, this.end = i, this.#h(), this.#o(), this.#t?.focus(), this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       composed: !0,
       detail: { start: e, end: i }
     }));
   };
-  #p = (t) => {
-    this.open && !this.contains(t.target) && this.#h();
+  #c = (t) => {
+    this.open && !this.contains(t.target) && this.#o();
   };
   #f = (t) => {
-    t.key === "Escape" && this.open && (this.#h(), this.#t?.focus());
+    t.key === "Escape" && this.open && (this.#o(), this.#t?.focus());
   };
 }
-class ce extends d {
+class we extends d {
   activate() {
     this.setAttribute("role", "application");
   }
 }
-class pe extends d {
+class ke extends d {
   activate() {
     this.setAttribute("role", "main");
   }
 }
-class fe extends d {
+class Ce extends d {
 }
-class be extends d {
+class Le extends d {
   activate() {
     this.setAttribute("role", "navigation"), this.setAttribute("aria-label", "Breadcrumb");
   }
 }
-const B = document.createElement("template");
-B.innerHTML = "<aui-sidebar-resize-handle></aui-sidebar-resize-handle>";
-class me extends d {
+const j = document.createElement("template");
+j.innerHTML = "<aui-sidebar-resize-handle></aui-sidebar-resize-handle>";
+class Se extends d {
   static attributes = {
     width: { type: "string", default: "240" },
     "min-width": { type: "string", default: "56" },
@@ -3257,7 +3305,7 @@ class me extends d {
     side: { type: "enum", values: ["left", "right"], default: "left" },
     disabled: { type: "boolean", default: !1 }
   };
-  #e = V(240);
+  #e = J(240);
   #t = 56;
   #i = 480;
   // Resize state
@@ -3265,13 +3313,13 @@ class me extends d {
   #n = !1;
   #a = 0;
   #r = 0;
-  #h = -1;
+  #o = -1;
   activate() {
     this.setAttribute("role", "complementary");
     const t = parseInt(this.getAttribute("width") ?? "", 10);
     t > 0 && (this.#e.value = t), this.#t = parseInt(this.getAttribute("min-width") ?? "", 10) || 56, this.#i = parseInt(this.getAttribute("max-width") ?? "", 10) || 480;
-    const e = B.content.cloneNode(!0);
-    this.#s = e.querySelector("aui-sidebar-resize-handle"), this.appendChild(e), this.#s.addEventListener("pointerdown", this.#o), this.addEffect(() => {
+    const e = j.content.cloneNode(!0);
+    this.#s = e.querySelector("aui-sidebar-resize-handle"), this.appendChild(e), this.#s.addEventListener("pointerdown", this.#h), this.addEffect(() => {
       const i = this.#e.value;
       this.style.setProperty("--aui-sidebar-width", `${i}px`);
     });
@@ -3293,8 +3341,8 @@ class me extends d {
     this.collapsed ? this.expand() : this.collapse();
   }
   // ── Resize ──
-  #o = (t) => {
-    this.disabled || this.collapsed || (t.preventDefault(), this.#n = !0, this.#a = t.clientX, this.#r = P(() => this.#e.value), this.#h = t.pointerId, this.setAttribute("data-sidebar-resizing", ""), this.#s.setPointerCapture(t.pointerId), document.documentElement.setAttribute("data-sidebar-resizing", ""), this.#s.addEventListener("pointermove", this.#l), this.#s.addEventListener("pointerup", this.#d), this.#s.addEventListener("pointercancel", this.#d));
+  #h = (t) => {
+    this.disabled || this.collapsed || (t.preventDefault(), this.#n = !0, this.#a = t.clientX, this.#r = N(() => this.#e.value), this.#o = t.pointerId, this.setAttribute("data-sidebar-resizing", ""), this.#s.setPointerCapture(t.pointerId), document.documentElement.setAttribute("data-sidebar-resizing", ""), this.#s.addEventListener("pointermove", this.#l), this.#s.addEventListener("pointerup", this.#d), this.#s.addEventListener("pointercancel", this.#d));
   };
   #l = (t) => {
     if (!this.#n) return;
@@ -3302,32 +3350,32 @@ class me extends d {
     this.#e.value = s;
   };
   #d = () => {
-    this.#n && (this.#n = !1, this.removeAttribute("data-sidebar-resizing"), document.documentElement.removeAttribute("data-sidebar-resizing"), this.#h >= 0 && this.#s && this.#s.releasePointerCapture(this.#h), this.#h = -1, this.#s?.removeEventListener("pointermove", this.#l), this.#s?.removeEventListener("pointerup", this.#d), this.#s?.removeEventListener("pointercancel", this.#d), this.dispatchEvent(new CustomEvent("aui:sidebar-resize", {
+    this.#n && (this.#n = !1, this.removeAttribute("data-sidebar-resizing"), document.documentElement.removeAttribute("data-sidebar-resizing"), this.#o >= 0 && this.#s && this.#s.releasePointerCapture(this.#o), this.#o = -1, this.#s?.removeEventListener("pointermove", this.#l), this.#s?.removeEventListener("pointerup", this.#d), this.#s?.removeEventListener("pointercancel", this.#d), this.dispatchEvent(new CustomEvent("aui:sidebar-resize", {
       bubbles: !0,
-      detail: { width: P(() => this.#e.value) }
+      detail: { width: N(() => this.#e.value) }
     })));
   };
   // ── Cleanup ──
   dispose() {
-    this.#s?.removeEventListener("pointerdown", this.#o), this.#s?.remove(), this.#s = null, document.documentElement.removeAttribute("data-sidebar-resizing");
+    this.#s?.removeEventListener("pointerdown", this.#h), this.#s?.remove(), this.#s = null, document.documentElement.removeAttribute("data-sidebar-resizing");
   }
 }
-class ve extends d {
+class Me extends d {
   activate() {
     this.setAttribute("role", "none");
   }
 }
-class ge extends d {
+class De extends d {
   activate() {
     this.setAttribute("role", "none");
   }
 }
-class ye extends d {
+class Ie extends d {
   activate() {
     this.setAttribute("role", "none");
   }
 }
-class Ae extends d {
+class Te extends d {
   static attributes = {
     value: { type: "string", default: "0" }
   };
@@ -3338,7 +3386,7 @@ class Ae extends d {
     });
   }
 }
-class Ee extends d {
+class Pe extends d {
   static attributes = {
     language: { type: "string", default: "" },
     filename: { type: "string", default: "" },
@@ -3362,25 +3410,16 @@ class Ee extends d {
       if (e && !this.#e) {
         this.#e = document.createElement("div"), this.#e.setAttribute("data-code-header", ""), this.#t = document.createElement("span"), this.#t.setAttribute("data-code-label", ""), this.#e.appendChild(this.#t);
         const i = document.createElement("span");
-        i.style.flex = "1", this.#e.appendChild(i), this.#i = document.createElement("button"), this.#i.setAttribute("data-code-copy", ""), this.#i.textContent = "Copy", this.#i.addEventListener("click", this.#n), this.#e.appendChild(this.#i), this.insertBefore(this.#e, this.#s);
+        i.style.flex = "1", this.#e.appendChild(i), this.#i = document.createElement("aui-copy-button"), this.#i.setAttribute("data-code-copy", ""), this.#i.setAttribute("size", "sm"), this.#e.appendChild(this.#i), this.insertBefore(this.#e, this.#s);
       }
-      this.#t && (this.#t.textContent = t), this.#i && (this.#i.style.display = this.copyable ? "" : "none"), !e && this.#e && (this.#e.remove(), this.#e = null, this.#t = null, this.#i = null);
+      this.#t && (this.#t.textContent = t), this.#i && (this.#i.style.display = this.copyable ? "" : "none", this.copyable && this.#s && this.#i.setAttribute("value", this.#s.textContent ?? "")), !e && this.#e && (this.#e.remove(), this.#e = null, this.#t = null, this.#i = null);
     }), this.addEffect(() => {
       const t = this["max-height"];
       t && this.#s ? (this.#s.style.maxHeight = t, this.#s.style.overflow = "auto") : this.#s && (this.#s.style.removeProperty("max-height"), this.#s.style.removeProperty("overflow"));
     });
   }
-  #n = async () => {
-    const t = this.#s?.textContent ?? "";
-    try {
-      await navigator.clipboard.writeText(t), this.#i && (this.#i.textContent = "Copied!", setTimeout(() => {
-        this.#i && (this.#i.textContent = "Copy");
-      }, 1500));
-    } catch {
-    }
-  };
 }
-class xe extends d {
+class qe extends d {
   static attributes = {
     values: { type: "string", default: "" },
     color: { type: "string", default: "1" },
@@ -3402,13 +3441,13 @@ class xe extends d {
       let a = -1;
       n === "last" ? a = e.length - 1 : n === "max" && (a = e.indexOf(i)), this.innerHTML = "";
       for (let r = 0; r < e.length; r++) {
-        const o = i > 0 ? e[r] / i * 100 : 0, l = document.createElement("div");
-        l.setAttribute("data-sparkline-bar", ""), l.style.height = `${o}%`, l.style.background = s, r !== a && n !== "none" && (l.style.opacity = "0.4"), this.appendChild(l);
+        const h = i > 0 ? e[r] / i * 100 : 0, l = document.createElement("div");
+        l.setAttribute("data-sparkline-bar", ""), l.style.height = `${h}%`, l.style.background = s, r !== a && n !== "none" && (l.style.opacity = "0.4"), this.appendChild(l);
       }
     });
   }
 }
-class we extends d {
+class Oe extends d {
   static attributes = {
     removable: { type: "boolean", default: !1 }
   };
@@ -3421,13 +3460,13 @@ class we extends d {
   }
   #t() {
     if (!this.removable) return;
-    const t = document.createElement("button");
-    t.setAttribute("data-chip-remove", ""), t.setAttribute("aria-label", "Remove"), t.innerHTML = '<aui-icon name="x" size="xs"></aui-icon>', t.addEventListener("click", () => {
+    const t = document.createElement("aui-button");
+    t.setAttribute("ghost", ""), t.setAttribute("hide-label", ""), t.setAttribute("label", "Remove"), t.setAttribute("icon-leading", "x"), t.setAttribute("size", "sm"), t.setAttribute("data-chip-remove", ""), t.addEventListener("click", () => {
       this.dispatchEvent(new CustomEvent("remove", { bubbles: !0 })), this.remove();
     }), this.append(t), this.#e = t;
   }
 }
-class ke extends d {
+class Fe extends d {
   static attributes = {
     summary: { type: "string", default: "" },
     open: { type: "boolean", default: !1 }
@@ -3452,10 +3491,10 @@ class ke extends d {
     );
   }
   #i() {
-    const t = Array.from(this.childNodes), e = document.createElement("button");
-    e.setAttribute("data-disclosure-trigger", ""), e.setAttribute("aria-expanded", String(this.hasAttribute("open"))), e.innerHTML = `
+    const t = Array.from(this.childNodes), e = document.createElement("aui-button");
+    e.setAttribute("ghost", ""), e.setAttribute("width", "full"), e.setAttribute("data-disclosure-trigger", ""), e.setAttribute("aria-expanded", String(this.hasAttribute("open"))), e.innerHTML = `
       <span data-disclosure-label>${this.getAttribute("summary") || ""}</span>
-      <aui-icon name="chevron-down" size="xs" data-disclosure-chevron></aui-icon>
+      <aui-icon name="caret-down" size="xs" data-disclosure-chevron></aui-icon>
     `, e.addEventListener("click", this.#t), this.#e = e;
     const i = document.createElement("div");
     i.setAttribute("data-disclosure-inner", "");
@@ -3465,7 +3504,7 @@ class ke extends d {
     s.setAttribute("data-disclosure-content", ""), s.appendChild(i), this.appendChild(e), this.appendChild(s);
   }
 }
-class Ce extends d {
+class Re extends d {
   static attributes = {
     max: { type: "string", default: "" },
     size: { type: "string", default: "" }
@@ -3495,7 +3534,7 @@ class Ce extends d {
       e.setAttribute("size", this.size);
   }
 }
-class Le extends d {
+class Ne extends d {
   static attributes = {
     value: { type: "string", default: "0" },
     label: { type: "string", default: "" }
@@ -3531,7 +3570,7 @@ class Le extends d {
     this.#i.textContent = t, this.#i.style.display = t ? "" : "none";
   }
 }
-class Se extends d {
+class He extends d {
   static attributes = {
     exclusive: { type: "boolean", default: !1 }
   };
@@ -3573,7 +3612,7 @@ class Se extends d {
     }).observe(this, { childList: !0 });
   }
 }
-class De extends d {
+class ze extends d {
   static attributes = {
     label: { type: "string", default: "" },
     max: { type: "string", default: "" }
@@ -3641,132 +3680,257 @@ class De extends d {
     return t ? this.#e().length >= t : !1;
   }
 }
-class Ie extends d {
+function X(o, t, e) {
+  const i = e * Math.PI / 180;
+  return [o, t * Math.cos(i), t * Math.sin(i)];
+}
+function mt(o, t, e) {
+  const i = Math.sqrt(t * t + e * e);
+  let s = Math.atan2(e, t) * 180 / Math.PI;
+  return s < 0 && (s += 360), [o, i, s];
+}
+function W(o, t, e) {
+  const i = o + 0.3963377774 * t + 0.2158037573 * e, s = o - 0.1055613458 * t - 0.0638541728 * e, n = o - 0.0894841775 * t - 1.291485548 * e, a = i * i * i, r = s * s * s, h = n * n * n;
+  return [
+    4.0767416621 * a - 3.3077115913 * r + 0.2309699292 * h,
+    -1.2684380046 * a + 2.6097574011 * r - 0.3413193965 * h,
+    -0.0041960863 * a - 0.7034186147 * r + 1.707614701 * h
+  ];
+}
+function vt(o, t, e) {
+  const i = 0.4122214708 * o + 0.5363325363 * t + 0.0514459929 * e, s = 0.2119034982 * o + 0.6806995451 * t + 0.1073969566 * e, n = 0.0883024619 * o + 0.2817188376 * t + 0.6299787005 * e, a = Math.cbrt(i), r = Math.cbrt(s), h = Math.cbrt(n);
+  return [
+    0.2104542553 * a + 0.793617785 * r - 0.0040720468 * h,
+    1.9779984951 * a - 2.428592205 * r + 0.4505937099 * h,
+    0.0259040371 * a + 0.7827717662 * r - 0.808675766 * h
+  ];
+}
+function S(o) {
+  return o <= 31308e-7 ? 12.92 * o : 1.055 * Math.pow(o, 1 / 2.4) - 0.055;
+}
+function F(o) {
+  return o <= 0.04045 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
+}
+function T(o) {
+  return Math.max(0, Math.min(1, o));
+}
+function k(o, t, e, i = 1) {
+  const [s, n, a] = X(o, t, e), [r, h, l] = W(s, n, a), c = T(S(r)), u = T(S(h)), f = T(S(l)), p = (v) => Math.round(v * 255).toString(16).padStart(2, "0");
+  let m = `#${p(c)}${p(u)}${p(f)}`;
+  return i < 1 && (m += p(T(i))), m;
+}
+function gt(o) {
+  let t = 0, e = 0, i = 0, s = 1;
+  o = o.replace(/^#/, ""), o.length === 3 || o.length === 4 ? (t = parseInt(o[0] + o[0], 16) / 255, e = parseInt(o[1] + o[1], 16) / 255, i = parseInt(o[2] + o[2], 16) / 255, o.length === 4 && (s = parseInt(o[3] + o[3], 16) / 255)) : (o.length === 6 || o.length === 8) && (t = parseInt(o.slice(0, 2), 16) / 255, e = parseInt(o.slice(2, 4), 16) / 255, i = parseInt(o.slice(4, 6), 16) / 255, o.length === 8 && (s = parseInt(o.slice(6, 8), 16) / 255));
+  const n = F(t), a = F(e), r = F(i), [h, l, c] = vt(n, a, r), [u, f, p] = mt(h, l, c);
+  return {
+    l: Math.round(u * 1e3) / 1e3,
+    c: Math.round(f * 1e3) / 1e3,
+    h: Math.round(p * 10) / 10,
+    a: Math.round(s * 100) / 100
+  };
+}
+function B(o, t, e, i) {
+  const s = Math.round(o * 1e3) / 1e3, n = Math.round(t * 1e3) / 1e3, a = Math.round(e * 10) / 10;
+  return i !== void 0 && i < 1 ? `oklch(${s} ${n} ${a} / ${Math.round(i * 100) / 100})` : `oklch(${s} ${n} ${a})`;
+}
+function At(o) {
+  const t = o.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*([\d.]+))?\s*\)/);
+  return t ? {
+    l: parseFloat(t[1]),
+    c: parseFloat(t[2]),
+    h: parseFloat(t[3]),
+    a: t[4] !== void 0 ? parseFloat(t[4]) : 1
+  } : null;
+}
+function V(o, t, e) {
+  const [i, s, n] = X(o, t, e), [a, r, h] = W(i, s, n), l = S(a), c = S(r), u = S(h), f = 1e-3;
+  return l >= -f && l <= 1 + f && c >= -f && c <= 1 + f && u >= -f && u <= 1 + f;
+}
+class L extends d {
   static attributes = {
     hue: { type: "string", default: "0" },
-    saturation: { type: "string", default: "100" },
-    lightness: { type: "string", default: "50" },
+    chroma: { type: "string", default: "0.15" },
+    lightness: { type: "string", default: "0.65" },
     disabled: { type: "boolean", default: !1 }
   };
   #e = null;
   #t = null;
+  static MAX_CHROMA = 0.4;
   activate() {
-    this.querySelector("[data-color-area-gradient]") ? this.#e = this.querySelector("[data-color-area-gradient]") : (this.#e = document.createElement("div"), this.#e.setAttribute("data-color-area-gradient", ""), this.prepend(this.#e)), this.querySelector("[data-color-area-thumb]") ? this.#t = this.querySelector("[data-color-area-thumb]") : (this.#t = document.createElement("div"), this.#t.setAttribute("data-color-area-thumb", ""), this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("role", "slider"), this.#t.setAttribute("aria-label", "Color"), this.appendChild(this.#t)), this.addEffect(() => {
-      const t = this.#o(parseFloat(this.hue) || 0, 0, 360), e = this.#o(parseFloat(this.saturation) || 0, 0, 100), i = this.#o(parseFloat(this.lightness) || 0, 0, 100);
-      this.style.setProperty("--_hue", String(t)), this.style.setProperty("--_sat", String(e / 100)), this.style.setProperty("--_lit", String(1 - i / 100)), this.#t && this.#t.setAttribute("aria-valuetext", `hsl(${t}, ${e}%, ${i}%)`);
-    }), this.addEventListener("pointerdown", this.#i), this.#t.addEventListener("keydown", this.#r);
+    this.querySelector("[data-color-area-canvas]") ? this.#e = this.querySelector("[data-color-area-canvas]") : (this.#e = document.createElement("canvas"), this.#e.setAttribute("data-color-area-canvas", ""), this.prepend(this.#e)), this.querySelector("[data-color-area-thumb]") ? this.#t = this.querySelector("[data-color-area-thumb]") : (this.#t = document.createElement("div"), this.#t.setAttribute("data-color-area-thumb", ""), this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("role", "slider"), this.#t.setAttribute("aria-label", "Color"), this.appendChild(this.#t)), this.addEffect(() => {
+      const e = this.#l(parseFloat(this.hue) || 0, 0, 360), i = this.#l(parseFloat(this.chroma) || 0, 0, L.MAX_CHROMA), s = this.#l(parseFloat(this.lightness) || 0, 0, 1), n = i / L.MAX_CHROMA, a = 1 - s;
+      this.style.setProperty("--_x", String(n)), this.style.setProperty("--_y", String(a)), this.#t && this.#t.setAttribute("aria-valuetext", `oklch(${s} ${i} ${e})`), this.#i(e);
+    }), new ResizeObserver(() => {
+      const e = parseFloat(this.hue) || 0;
+      this.#i(e);
+    }).observe(this), this.addEventListener("mousedown", this.#s), this.#t.addEventListener("keydown", this.#o);
   }
   dispose() {
-    this.removeEventListener("pointerdown", this.#i), this.#t?.removeEventListener("keydown", this.#r);
+    this.removeEventListener("mousedown", this.#s), this.#t?.removeEventListener("keydown", this.#o);
   }
-  // ── Pointer interaction ───────────────────────────────
-  #i = (t) => {
-    this.disabled || (t.preventDefault(), this.setPointerCapture(t.pointerId), this.setAttribute("data-color-area-pressed", ""), this.#a(t), this.#t?.focus(), this.addEventListener("pointermove", this.#s), this.addEventListener("pointerup", this.#n));
-  };
+  // ── Canvas gradient rendering ─────────────────────────────
+  #i(t) {
+    const e = this.#e;
+    if (!e) return;
+    const i = this.getBoundingClientRect(), s = Math.max(1, Math.round(i.width)), n = Math.max(1, Math.round(i.height)), a = Math.min(window.devicePixelRatio || 1, 2), r = Math.max(1, Math.round(s * a * 0.5)), h = Math.max(1, Math.round(n * a * 0.5));
+    (e.width !== r || e.height !== h) && (e.width = r, e.height = h);
+    const l = e.getContext("2d", { willReadFrequently: !1 });
+    if (!l) return;
+    const c = l.createImageData(r, h), u = c.data;
+    for (let f = 0; f < h; f++) {
+      const p = 1 - f / (h - 1);
+      for (let m = 0; m < r; m++) {
+        let v = m / (r - 1) * L.MAX_CHROMA;
+        const g = (f * r + m) * 4;
+        if (!V(p, v, t)) {
+          let b = 0, A = v;
+          for (let E = 0; E < 8; E++) {
+            const C = (b + A) / 2;
+            V(p, C, t) ? b = C : A = C;
+          }
+          v = b;
+        }
+        const y = k(p, v, t);
+        u[g] = parseInt(y.slice(1, 3), 16), u[g + 1] = parseInt(y.slice(3, 5), 16), u[g + 2] = parseInt(y.slice(5, 7), 16), u[g + 3] = 255;
+      }
+    }
+    l.putImageData(c, 0, 0);
+  }
+  // ── Mouse interaction (mousedown used instead of pointerdown
+  //    because pointerdown doesn't fire inside popover top-layer) ──
   #s = (t) => {
-    this.#a(t);
+    this.disabled || (t.preventDefault(), this.setAttribute("data-color-area-pressed", ""), this.#r(t), this.#t?.focus(), document.addEventListener("mousemove", this.#n), document.addEventListener("mouseup", this.#a));
   };
   #n = (t) => {
-    this.removeAttribute("data-color-area-pressed"), this.removeEventListener("pointermove", this.#s), this.removeEventListener("pointerup", this.#n), this.#h();
+    this.#r(t);
   };
-  #a(t) {
-    const e = this.getBoundingClientRect(), i = this.#o((t.clientX - e.left) / e.width, 0, 1), s = this.#o((t.clientY - e.top) / e.height, 0, 1), n = Math.round(i * 100), a = Math.round((1 - s) * 100);
-    this.saturation = String(n), this.lightness = String(a), this.dispatchEvent(new CustomEvent("input", {
+  #a = (t) => {
+    this.removeAttribute("data-color-area-pressed"), document.removeEventListener("mousemove", this.#n), document.removeEventListener("mouseup", this.#a), this.#h();
+  };
+  #r(t) {
+    const e = this.getBoundingClientRect(), i = this.#l((t.clientX - e.left) / e.width, 0, 1), s = this.#l((t.clientY - e.top) / e.height, 0, 1), n = Math.round(i * L.MAX_CHROMA * 1e3) / 1e3, a = Math.round((1 - s) * 1e3) / 1e3;
+    this.chroma = String(n), this.lightness = String(a), this.dispatchEvent(new CustomEvent("input", {
       bubbles: !0,
-      detail: { h: parseFloat(this.hue) || 0, s: n, l: a }
+      detail: { l: a, c: n, h: parseFloat(this.hue) || 0 }
     }));
   }
   // ── Keyboard interaction ──────────────────────────────
-  #r = (t) => {
+  #o = (t) => {
     if (this.disabled) return;
-    const e = t.shiftKey ? 10 : 1;
-    let i = parseFloat(this.saturation) || 0, s = parseFloat(this.lightness) || 0;
+    const e = t.shiftKey ? 0.04 : 4e-3, i = t.shiftKey ? 0.1 : 0.01;
+    let s = parseFloat(this.chroma) || 0, n = parseFloat(this.lightness) || 0;
     switch (t.key) {
       case "ArrowRight":
-        i = Math.min(100, i + e);
+        s = Math.min(L.MAX_CHROMA, s + e);
         break;
       case "ArrowLeft":
-        i = Math.max(0, i - e);
+        s = Math.max(0, s - e);
         break;
       case "ArrowUp":
-        s = Math.min(100, s + e);
+        n = Math.min(1, n + i);
         break;
       case "ArrowDown":
-        s = Math.max(0, s - e);
+        n = Math.max(0, n - i);
         break;
       default:
         return;
     }
-    t.preventDefault(), this.saturation = String(i), this.lightness = String(s), this.dispatchEvent(new CustomEvent("input", {
+    t.preventDefault(), s = Math.round(s * 1e3) / 1e3, n = Math.round(n * 1e3) / 1e3, this.chroma = String(s), this.lightness = String(n), this.dispatchEvent(new CustomEvent("input", {
       bubbles: !0,
-      detail: { h: parseFloat(this.hue) || 0, s: i, l: s }
+      detail: { l: n, c: s, h: parseFloat(this.hue) || 0 }
     })), this.#h();
   };
   #h() {
     this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       detail: {
-        h: parseFloat(this.hue) || 0,
-        s: parseFloat(this.saturation) || 0,
-        l: parseFloat(this.lightness) || 0
+        l: parseFloat(this.lightness) || 0,
+        c: parseFloat(this.chroma) || 0,
+        h: parseFloat(this.hue) || 0
       }
     }));
   }
-  #o(t, e, i) {
+  #l(t, e, i) {
     return Math.max(e, Math.min(i, t));
   }
 }
-const S = {
-  hue: { min: 0, max: 360 },
-  saturation: { min: 0, max: 100 },
-  lightness: { min: 0, max: 100 },
-  alpha: { min: 0, max: 1 }
+const P = {
+  hue: { min: 0, max: 360, step: 1 },
+  chroma: { min: 0, max: 0.4, step: 4e-3 },
+  lightness: { min: 0, max: 1, step: 0.01 },
+  alpha: { min: 0, max: 1, step: 0.01 }
 };
-class Me extends d {
+class $e extends d {
   static attributes = {
     channel: { type: "string", default: "hue" },
     value: { type: "string", default: "0" },
     min: { type: "string", default: "" },
     max: { type: "string", default: "" },
     hue: { type: "string", default: "0" },
-    saturation: { type: "string", default: "100" },
-    lightness: { type: "string", default: "50" },
+    chroma: { type: "string", default: "0.15" },
+    lightness: { type: "string", default: "0.65" },
     disabled: { type: "boolean", default: !1 }
   };
   #e = null;
   #t = null;
   activate() {
     this.querySelector("[data-color-slider-track]") ? this.#e = this.querySelector("[data-color-slider-track]") : (this.#e = document.createElement("div"), this.#e.setAttribute("data-color-slider-track", ""), this.prepend(this.#e)), this.querySelector("[data-color-slider-thumb]") ? this.#t = this.querySelector("[data-color-slider-thumb]") : (this.#t = document.createElement("div"), this.#t.setAttribute("data-color-slider-thumb", ""), this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("role", "slider"), this.appendChild(this.#t)), this.addEffect(() => {
-      const t = this.channel || "hue", e = S[t] || S.hue, i = this.min !== "" ? parseFloat(this.min) : e.min, s = this.max !== "" ? parseFloat(this.max) : e.max, n = parseFloat(this.value) || 0, a = parseFloat(this.hue) || 0, r = parseFloat(this.saturation) || 100, o = parseFloat(this.lightness) || 50, l = s - i > 0 ? (n - i) / (s - i) : 0;
-      this.style.setProperty("--_pct", String(Math.max(0, Math.min(1, l)))), this.style.setProperty("--_hue", String(a)), this.style.setProperty("--_sat", String(r)), this.style.setProperty("--_lit", String(o)), this.#t && (this.#t.setAttribute("aria-label", t.charAt(0).toUpperCase() + t.slice(1)), this.#t.setAttribute("aria-valuemin", String(i)), this.#t.setAttribute("aria-valuemax", String(s)), this.#t.setAttribute("aria-valuenow", String(n))), this.#e && (t === "saturation" ? this.#e.style.background = `linear-gradient(to right, hsl(${a}, 0%, ${o}%), hsl(${a}, 100%, ${o}%))` : t === "lightness" ? this.#e.style.background = `linear-gradient(to right, hsl(${a}, ${r}%, 0%), hsl(${a}, ${r}%, 50%), hsl(${a}, ${r}%, 100%))` : t === "alpha" ? this.#e.style.background = `linear-gradient(to right, transparent, hsl(${a}, ${r}%, ${o}%))` : this.#e.style.background = "");
-    }), this.addEventListener("pointerdown", this.#s), this.#t.addEventListener("keydown", this.#h);
+      const t = this.channel || "hue", e = P[t] || P.hue, i = this.min !== "" ? parseFloat(this.min) : e.min, s = this.max !== "" ? parseFloat(this.max) : e.max, n = parseFloat(this.value) || 0, a = parseFloat(this.hue) || 0, r = parseFloat(this.chroma) || 0.15, h = parseFloat(this.lightness) || 0.65, l = s - i > 0 ? (n - i) / (s - i) : 0;
+      if (this.style.setProperty("--_pct", String(Math.max(0, Math.min(1, l)))), this.#t && (this.#t.setAttribute("aria-label", t.charAt(0).toUpperCase() + t.slice(1)), this.#t.setAttribute("aria-valuemin", String(i)), this.#t.setAttribute("aria-valuemax", String(s)), this.#t.setAttribute("aria-valuenow", String(n))), this.#e)
+        if (t === "hue") {
+          const c = [];
+          for (let u = 0; u <= 360; u += 30)
+            c.push(k(h, r, u) + ` ${(u / 360 * 100).toFixed(1)}%`);
+          this.#e.style.background = `linear-gradient(to right, ${c.join(", ")})`;
+        } else if (t === "chroma") {
+          const c = [];
+          for (let f = 0; f <= 10; f++) {
+            const p = f / 10 * 0.4;
+            c.push(k(h, p, a) + ` ${(f / 10 * 100).toFixed(1)}%`);
+          }
+          this.#e.style.background = `linear-gradient(to right, ${c.join(", ")})`;
+        } else if (t === "lightness") {
+          const c = [];
+          for (let f = 0; f <= 10; f++) {
+            const p = f / 10;
+            c.push(k(p, r, a) + ` ${(f / 10 * 100).toFixed(1)}%`);
+          }
+          this.#e.style.background = `linear-gradient(to right, ${c.join(", ")})`;
+        } else if (t === "alpha") {
+          const c = k(h, r, a);
+          this.#e.style.background = `linear-gradient(to right, transparent, ${c})`;
+        } else
+          this.#e.style.background = "";
+    }), this.addEventListener("mousedown", this.#s), this.#t.addEventListener("keydown", this.#o);
   }
   dispose() {
-    this.removeEventListener("pointerdown", this.#s), this.#t?.removeEventListener("keydown", this.#h);
+    this.removeEventListener("mousedown", this.#s), this.#t?.removeEventListener("keydown", this.#o);
   }
   #i() {
-    const t = this.channel || "hue", e = S[t] || S.hue, i = this.min !== "" ? parseFloat(this.min) : e.min, s = this.max !== "" ? parseFloat(this.max) : e.max;
-    return { min: i, max: s, step: t === "alpha" ? 0.01 : 1 };
+    const t = this.channel || "hue", e = P[t] || P.hue, i = this.min !== "" ? parseFloat(this.min) : e.min, s = this.max !== "" ? parseFloat(this.max) : e.max;
+    return { min: i, max: s, step: e.step };
   }
-  // ── Pointer interaction ───────────────────────────────
+  // ── Mouse interaction (mousedown used instead of pointerdown
+  //    because pointerdown doesn't fire inside popover top-layer) ──
   #s = (t) => {
-    this.disabled || (t.preventDefault(), this.setPointerCapture(t.pointerId), this.setAttribute("data-color-slider-pressed", ""), this.#r(t), this.#t?.focus(), this.addEventListener("pointermove", this.#n), this.addEventListener("pointerup", this.#a));
+    this.disabled || (t.preventDefault(), this.setAttribute("data-color-slider-pressed", ""), this.#r(t), this.#t?.focus(), document.addEventListener("mousemove", this.#n), document.addEventListener("mouseup", this.#a));
   };
   #n = (t) => {
     this.#r(t);
   };
   #a = (t) => {
-    this.removeAttribute("data-color-slider-pressed"), this.removeEventListener("pointermove", this.#n), this.removeEventListener("pointerup", this.#a), this.#o();
+    this.removeAttribute("data-color-slider-pressed"), document.removeEventListener("mousemove", this.#n), document.removeEventListener("mouseup", this.#a), this.#h();
   };
   #r(t) {
-    const e = this.getBoundingClientRect(), i = Math.max(0, Math.min(1, (t.clientX - e.left) / e.width)), { min: s, max: n, step: a } = this.#i(), r = s + i * (n - s), o = Math.round(r / a) * a, l = Math.max(s, Math.min(n, o));
-    this.value = String(Math.round(l * 100) / 100), this.dispatchEvent(new CustomEvent("input", {
+    const e = this.getBoundingClientRect(), i = Math.max(0, Math.min(1, (t.clientX - e.left) / e.width)), { min: s, max: n, step: a } = this.#i(), r = s + i * (n - s), h = Math.round(r / a) * a, l = Math.max(s, Math.min(n, h));
+    this.value = String(Math.round(l * 1e3) / 1e3), this.dispatchEvent(new CustomEvent("input", {
       bubbles: !0,
       detail: { channel: this.channel, value: parseFloat(this.value) }
     }));
   }
   // ── Keyboard interaction ──────────────────────────────
-  #h = (t) => {
+  #o = (t) => {
     if (this.disabled) return;
     const { min: e, max: i, step: s } = this.#i(), n = parseFloat(this.value) || 0, a = t.shiftKey ? s * 10 : s;
     let r;
@@ -3788,66 +3952,113 @@ class Me extends d {
       default:
         return;
     }
-    t.preventDefault(), this.value = String(Math.round(r * 100) / 100), this.dispatchEvent(new CustomEvent("input", {
+    t.preventDefault(), this.value = String(Math.round(r * 1e3) / 1e3), this.dispatchEvent(new CustomEvent("input", {
       bubbles: !0,
       detail: { channel: this.channel, value: parseFloat(this.value) }
-    })), this.#o();
+    })), this.#h();
   };
-  #o() {
+  #h() {
     this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       detail: { channel: this.channel, value: parseFloat(this.value) }
     }));
   }
 }
-class Te extends d {
+class Ue extends d {
   static attributes = {
     value: { type: "string", default: "" },
     format: { type: "string", default: "hex" },
     disabled: { type: "boolean", default: !1 }
   };
-  #e = null;
+  #e = "";
   #t = null;
+  #i = null;
+  #s = null;
+  #n = null;
+  #a = !1;
   activate() {
-    this.querySelector("[data-color-field-swatch]") ? this.#e = this.querySelector("[data-color-field-swatch]") : (this.#e = document.createElement("span"), this.#e.setAttribute("data-color-field-swatch", ""), this.prepend(this.#e)), this.querySelector("[data-color-field-input]") ? this.#t = this.querySelector("[data-color-field-input]") : (this.#t = document.createElement("span"), this.#t.setAttribute("data-color-field-input", ""), this.#t.setAttribute("contenteditable", "plaintext-only"), this.#t.setAttribute("spellcheck", "false"), this.#t.setAttribute("role", "textbox"), this.#t.setAttribute("aria-label", "Color value"), this.appendChild(this.#t)), this.addEffect(() => {
+    this.#e = `--color-field-${crypto.randomUUID().slice(0, 8)}`, this.style.setProperty("--_anchor", this.#e), this.querySelector("[data-color-field-swatch]") ? this.#t = this.querySelector("[data-color-field-swatch]") : (this.#t = document.createElement("span"), this.#t.setAttribute("data-color-field-swatch", ""), this.#t.setAttribute("role", "button"), this.#t.setAttribute("tabindex", "-1"), this.#t.setAttribute("aria-label", "Pick color"), this.#t.style.cursor = "pointer", this.prepend(this.#t)), this.querySelector("[data-color-field-input]") ? this.#i = this.querySelector("[data-color-field-input]") : (this.#i = document.createElement("span"), this.#i.setAttribute("data-color-field-input", ""), this.#i.setAttribute("contenteditable", "plaintext-only"), this.#i.setAttribute("spellcheck", "false"), this.#i.setAttribute("role", "textbox"), this.#i.setAttribute("aria-label", "Color value"), this.appendChild(this.#i)), this.addEffect(() => {
       const t = this.value || "";
-      this.#e && this.#e.style.setProperty("--_swatch-color", t || "transparent"), this.#t && document.activeElement !== this.#t && (this.#t.textContent = t), t ? this.removeAttribute("data-color-field-empty") : this.setAttribute("data-color-field-empty", "");
+      this.#t && this.#t.style.setProperty("--_swatch-color", t || "transparent"), this.#i && document.activeElement !== this.#i && (this.#i.textContent = t), t ? this.removeAttribute("data-color-field-empty") : this.setAttribute("data-color-field-empty", "");
     }), this.addEffect(() => {
-      this.#t && (this.disabled ? (this.#t.removeAttribute("contenteditable"), this.#t.setAttribute("aria-disabled", "true")) : (this.#t.setAttribute("contenteditable", "plaintext-only"), this.#t.removeAttribute("aria-disabled")));
-    }), this.#t.addEventListener("input", this.#i), this.#t.addEventListener("blur", this.#s), this.#t.addEventListener("keydown", this.#n);
+      this.#i && (this.disabled ? (this.#i.removeAttribute("contenteditable"), this.#i.setAttribute("aria-disabled", "true")) : (this.#i.setAttribute("contenteditable", "plaintext-only"), this.#i.removeAttribute("aria-disabled")));
+    }), this.#i.addEventListener("input", this.#r), this.#i.addEventListener("blur", this.#o), this.#i.addEventListener("keydown", this.#h), this.#t?.addEventListener("click", this.#d), document.addEventListener("pointerdown", this.#c), document.addEventListener("keydown", this.#f);
   }
   dispose() {
-    this.#t?.removeEventListener("input", this.#i), this.#t?.removeEventListener("blur", this.#s), this.#t?.removeEventListener("keydown", this.#n);
+    this.#i?.removeEventListener("input", this.#r), this.#i?.removeEventListener("blur", this.#o), this.#i?.removeEventListener("keydown", this.#h), this.#t?.removeEventListener("click", this.#d), document.removeEventListener("pointerdown", this.#c), document.removeEventListener("keydown", this.#f), this.#s?.remove();
   }
-  #i = () => {
-    const t = this.#t?.textContent?.trim() || "";
-    this.#a(t) ? (this.removeAttribute("data-color-field-invalid"), this.#e && this.#e.style.setProperty("--_swatch-color", t)) : t && this.setAttribute("data-color-field-invalid", "");
+  #r = () => {
+    const t = this.#i?.textContent?.trim() || "";
+    this.#b(t) ? (this.removeAttribute("data-color-field-invalid"), this.#t && this.#t.style.setProperty("--_swatch-color", t)) : t && this.setAttribute("data-color-field-invalid", "");
   };
-  #s = () => {
-    const t = this.#t?.textContent?.trim() || "";
+  #o = () => {
+    const t = this.#i?.textContent?.trim() || "";
     if (!t) {
       this.value = "", this.removeAttribute("data-color-field-invalid");
       return;
     }
-    this.#a(t) ? (this.value = t, this.removeAttribute("data-color-field-invalid"), this.dispatchEvent(new CustomEvent("change", {
+    this.#b(t) ? (this.value = t, this.removeAttribute("data-color-field-invalid"), this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       detail: { value: this.value, format: this.format }
     }))) : this.setAttribute("data-color-field-invalid", "");
   };
-  #n = (t) => {
-    t.key === "Enter" && (t.preventDefault(), this.#t?.blur());
+  #h = (t) => {
+    t.key === "Enter" && (t.preventDefault(), this.#i?.blur());
   };
-  #a(t) {
+  #l() {
+    this.#s || (this.#s = document.createElement("aui-container"), this.#s.setAttribute("kind", "popover"), this.#s.setAttribute("popover", "manual"), this.#s.setAttribute("data-color-field-popover", ""), this.#n = document.createElement("aui-color-picker"), this.#n.setAttribute("alpha", ""), this.#s.appendChild(this.#n), this.appendChild(this.#s), this.#n.addEventListener("change", this.#u));
+  }
+  #d = (t) => {
+    if (t.stopPropagation(), !this.disabled) {
+      if (this.#a) {
+        this.#m();
+        return;
+      }
+      this.#l(), this.#n && this.value && this.#n.setAttribute("value", this.value);
+      try {
+        this.#s.showPopover();
+      } catch {
+      }
+      this.#a = !0;
+    }
+  };
+  #u = (t) => {
+    t.stopPropagation();
+    const e = t.detail?.value;
+    e && (this.value = e, this.removeAttribute("data-color-field-invalid"), this.dispatchEvent(new CustomEvent("change", {
+      bubbles: !0,
+      detail: { value: this.value, format: this.format }
+    })));
+  };
+  #c = (t) => {
+    if (!this.#a) return;
+    const e = t.target;
+    this.#s?.contains(e) || this.contains(e) || this.#m();
+  };
+  #f = (t) => {
+    this.#a && t.key === "Escape" && (t.preventDefault(), this.#m());
+  };
+  #m() {
+    if (!(!this.#s || !this.#a)) {
+      try {
+        this.#s.hidePopover();
+      } catch {
+      }
+      this.#a = !1;
+    }
+  }
+  #b(t) {
     return typeof CSS < "u" && CSS.supports ? CSS.supports("color", t) : /^#([0-9a-f]{3,8})$/i.test(t) || /^rgb/i.test(t) || /^oklch/i.test(t) || /^hsl/i.test(t);
   }
 }
-class Pe extends d {
+class Be extends d {
   static attributes = {
     value: { type: "string", default: "" },
     min: { type: "string", default: "" },
     max: { type: "string", default: "" },
     step: { type: "string", default: "1" },
     format: { type: "string", default: "24h" },
+    "show-seconds": { type: "boolean", default: !1 },
     placeholder: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 }
   };
@@ -3860,17 +4071,23 @@ class Pe extends d {
     }), this.addEffect(() => {
       for (const t of this.#e)
         t.setAttribute("tabindex", this.disabled ? "-1" : "0");
-    }), this.addEventListener("keydown", this.#h), this.addEventListener("focusin", this.#r);
+    }), this.addEventListener("keydown", this.#o), this.addEventListener("focusin", this.#r);
   }
   dispose() {
-    this.removeEventListener("keydown", this.#h), this.removeEventListener("focusin", this.#r), this.#i && clearTimeout(this.#i);
+    this.removeEventListener("keydown", this.#o), this.removeEventListener("focusin", this.#r), this.#i && clearTimeout(this.#i);
   }
   #s() {
     this.innerHTML = "", this.#e = [];
     const t = this.#n("hour", "Hour", 0, this.format === "12h" ? 12 : 23), e = document.createElement("span");
     e.setAttribute("data-time-separator", ""), e.textContent = ":";
     const i = this.#n("minute", "Minute", 0, 59);
-    if (this.append(t, e, i), this.#e = [t, i], this.format === "12h") {
+    if (this.append(t, e, i), this.#e = [t, i], this["show-seconds"]) {
+      const s = document.createElement("span");
+      s.setAttribute("data-time-separator", ""), s.textContent = ":";
+      const n = this.#n("second", "Second", 0, 59);
+      this.append(s, n), this.#e.push(n);
+    }
+    if (this.format === "12h") {
       const s = document.createElement("span");
       s.setAttribute("data-time-segment", "period"), s.setAttribute("tabindex", "0"), s.setAttribute("role", "spinbutton"), s.setAttribute("aria-label", "AM/PM"), s.setAttribute("aria-valuemin", "0"), s.setAttribute("aria-valuemax", "1"), s.textContent = "AM", this.appendChild(s), this.#e.push(s);
     }
@@ -3881,19 +4098,19 @@ class Pe extends d {
   }
   #a() {
     const t = this.value;
-    if (!t || !/^\d{1,2}:\d{2}$/.test(t)) {
-      for (const l of this.#e)
-        l.getAttribute("data-time-segment") === "period" ? l.textContent = "AM" : l.textContent = "--";
+    if (!t || !/^\d{1,2}:\d{2}(:\d{2})?$/.test(t)) {
+      for (const c of this.#e)
+        c.getAttribute("data-time-segment") === "period" ? c.textContent = "AM" : c.textContent = "--";
       return;
     }
-    const [e, i] = t.split(":");
-    let s = parseInt(e, 10);
-    const n = parseInt(i, 10), a = this.querySelector('[data-time-segment="hour"]'), r = this.querySelector('[data-time-segment="minute"]'), o = this.querySelector('[data-time-segment="period"]');
+    const e = t.split(":");
+    let i = parseInt(e[0], 10);
+    const s = parseInt(e[1], 10), n = e[2] ? parseInt(e[2], 10) : 0, a = this.querySelector('[data-time-segment="hour"]'), r = this.querySelector('[data-time-segment="minute"]'), h = this.querySelector('[data-time-segment="second"]'), l = this.querySelector('[data-time-segment="period"]');
     if (this.format === "12h") {
-      const l = s >= 12 ? "PM" : "AM";
-      s = s % 12 || 12, a && (a.textContent = String(s).padStart(2, "0")), r && (r.textContent = String(n).padStart(2, "0")), o && (o.textContent = l);
+      const c = i >= 12 ? "PM" : "AM";
+      i = i % 12 || 12, a && (a.textContent = String(i).padStart(2, "0")), r && (r.textContent = String(s).padStart(2, "0")), h && (h.textContent = String(n).padStart(2, "0")), l && (l.textContent = c);
     } else
-      a && (a.textContent = String(s).padStart(2, "0")), r && (r.textContent = String(n).padStart(2, "0"));
+      a && (a.textContent = String(i).padStart(2, "0")), r && (r.textContent = String(s).padStart(2, "0")), h && (h.textContent = String(n).padStart(2, "0"));
   }
   #r = (t) => {
     this.#t = "", this.#i && clearTimeout(this.#i);
@@ -3905,7 +4122,7 @@ class Pe extends d {
       s?.removeAllRanges(), s?.addRange(i);
     }
   };
-  #h = (t) => {
+  #o = (t) => {
     if (this.disabled) return;
     const e = t.target;
     if (!e.hasAttribute("data-time-segment")) return;
@@ -3929,7 +4146,7 @@ class Pe extends d {
       return;
     }
     if (/^\d$/.test(t.key) && i !== "period") {
-      t.preventDefault(), this.#o(e, i, t.key);
+      t.preventDefault(), this.#h(e, i, t.key);
       return;
     }
     if (i === "period" && (t.key === "a" || t.key === "A" || t.key === "p" || t.key === "P")) {
@@ -3937,7 +4154,7 @@ class Pe extends d {
       return;
     }
   };
-  #o(t, e, i) {
+  #h(t, e, i) {
     if (this.#i && clearTimeout(this.#i), this.#t += i, this.#t.length >= 2) {
       const s = parseInt(this.#t, 10), n = e === "hour" ? this.format === "12h" ? 12 : 23 : 59, a = Math.min(s, n);
       t.textContent = String(a).padStart(2, "0"), this.#t = "", this.#d();
@@ -3955,8 +4172,8 @@ class Pe extends d {
       t.textContent = t.textContent === "AM" ? "PM" : "AM", this.#d();
       return;
     }
-    const s = t.textContent || "--", n = s === "--" ? 0 : parseInt(s, 10), a = e === "hour" ? this.format === "12h" ? 12 : 23 : 59, r = e === "hour" && this.format === "12h" ? 1 : 0, o = e === "minute" && parseInt(this.step, 10) || 1;
-    let l = n + i * o;
+    const s = t.textContent || "--", n = s === "--" ? 0 : parseInt(s, 10), a = e === "hour" ? this.format === "12h" ? 12 : 23 : 59, r = e === "hour" && this.format === "12h" ? 1 : 0, h = (e === "minute" || e === "second") && parseInt(this.step, 10) || 1;
+    let l = n + i * h;
     l > a && (l = r), l < r && (l = a), t.textContent = String(l).padStart(2, "0"), this.#d();
   }
   #d() {
@@ -3968,26 +4185,26 @@ class Pe extends d {
     let n = parseInt(i, 10);
     const a = parseInt(s, 10);
     if (this.format === "12h") {
-      const l = this.querySelector('[data-time-segment="period"]')?.textContent || "AM";
-      l === "PM" && n < 12 && (n += 12), l === "AM" && n === 12 && (n = 0);
+      const f = this.querySelector('[data-time-segment="period"]')?.textContent || "AM";
+      f === "PM" && n < 12 && (n += 12), f === "AM" && n === 12 && (n = 0);
     }
-    const r = `${String(n).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
-    r !== this.value && (this.value = r, this.dispatchEvent(new CustomEvent("change", {
+    const h = this.querySelector('[data-time-segment="second"]')?.textContent || "--", l = h === "--" ? 0 : parseInt(h, 10), c = this["show-seconds"] ? `${String(n).padStart(2, "0")}:${String(a).padStart(2, "0")}:${String(l).padStart(2, "0")}` : `${String(n).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
+    c !== this.value && (this.value = c, this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       detail: { value: this.value }
     })));
   }
 }
-const R = {
+const K = {
   "MM/DD/YYYY": { segments: ["month", "day", "year"], separator: "/" },
   "DD/MM/YYYY": { segments: ["day", "month", "year"], separator: "/" },
   "YYYY-MM-DD": { segments: ["year", "month", "day"], separator: "-" }
-}, D = {
+}, q = {
   month: { name: "month", label: "Month", min: 1, max: 12, digits: 2 },
   day: { name: "day", label: "Day", min: 1, max: 31, digits: 2 },
   year: { name: "year", label: "Year", min: 1900, max: 2100, digits: 4 }
 };
-class qe extends d {
+class Ve extends d {
   static attributes = {
     value: { type: "string", default: "" },
     min: { type: "string", default: "" },
@@ -4012,22 +4229,22 @@ class qe extends d {
   }
   #s() {
     this.innerHTML = "", this.#e = [];
-    const t = R[this.format] || R["MM/DD/YYYY"];
+    const t = K[this.format] || K["MM/DD/YYYY"];
     for (let e = 0; e < t.segments.length; e++) {
       if (e > 0) {
         const n = document.createElement("span");
         n.setAttribute("data-date-separator", ""), n.textContent = t.separator, this.appendChild(n);
       }
-      const i = D[t.segments[e]], s = document.createElement("span");
+      const i = q[t.segments[e]], s = document.createElement("span");
       s.setAttribute("data-date-segment", i.name), s.setAttribute("tabindex", "0"), s.setAttribute("role", "spinbutton"), s.setAttribute("aria-label", i.label), s.setAttribute("aria-valuemin", String(i.min)), s.setAttribute("aria-valuemax", String(i.max)), s.textContent = i.name === "year" ? "----" : "--", this.appendChild(s), this.#e.push(s);
     }
   }
   #n() {
     const t = this.value;
     if (!t || !/^\d{4}-\d{2}-\d{2}$/.test(t)) {
-      for (const o of this.#e) {
-        const l = o.getAttribute("data-date-segment");
-        o.textContent = l === "year" ? "----" : "--";
+      for (const h of this.#e) {
+        const l = h.getAttribute("data-date-segment");
+        h.textContent = l === "year" ? "----" : "--";
       }
       return;
     }
@@ -4050,7 +4267,7 @@ class qe extends d {
     if (!e.hasAttribute("data-date-segment")) return;
     const i = e.getAttribute("data-date-segment");
     if (t.key === "ArrowUp" || t.key === "ArrowDown") {
-      t.preventDefault(), this.#o(e, i, t.key === "ArrowUp" ? 1 : -1);
+      t.preventDefault(), this.#h(e, i, t.key === "ArrowUp" ? 1 : -1);
       return;
     }
     if (t.key === "ArrowRight" || t.key === "Tab" && !t.shiftKey) {
@@ -4065,18 +4282,18 @@ class qe extends d {
     }
     if (t.key === "Backspace") {
       t.preventDefault();
-      const s = D[i];
+      const s = q[i];
       e.textContent = s.digits === 4 ? "----" : "--", this.#t = "", this.#l();
       return;
     }
     if (/^\d$/.test(t.key)) {
-      t.preventDefault(), this.#h(e, i, t.key);
+      t.preventDefault(), this.#o(e, i, t.key);
       return;
     }
   };
-  #h(t, e, i) {
+  #o(t, e, i) {
     this.#i && clearTimeout(this.#i);
-    const s = D[e];
+    const s = q[e];
     if (this.#t += i, this.#t.length >= s.digits) {
       const n = parseInt(this.#t, 10), a = Math.max(s.min, Math.min(s.max, n));
       t.textContent = String(a).padStart(s.digits, "0"), this.#t = "", this.#l();
@@ -4094,10 +4311,10 @@ class qe extends d {
         a < this.#e.length - 1 && this.#e[a + 1].focus();
       }, 800);
   }
-  #o(t, e, i) {
-    const s = D[e], n = t.textContent || "";
-    let o = (n === "--" || n === "----" ? i > 0 ? s.min - 1 : s.max + 1 : parseInt(n, 10)) + i;
-    o > s.max && (o = s.min), o < s.min && (o = s.max), t.textContent = String(o).padStart(s.digits, "0"), this.#l();
+  #h(t, e, i) {
+    const s = q[e], n = t.textContent || "";
+    let h = (n === "--" || n === "----" ? i > 0 ? s.min - 1 : s.max + 1 : parseInt(n, 10)) + i;
+    h > s.max && (h = s.min), h < s.min && (h = s.max), t.textContent = String(h).padStart(s.digits, "0"), this.#l();
   }
   #l() {
     const t = this.querySelector('[data-date-segment="month"]'), e = this.querySelector('[data-date-segment="day"]'), i = this.querySelector('[data-date-segment="year"]'), s = t?.textContent || "--", n = e?.textContent || "--", a = i?.textContent || "----";
@@ -4105,20 +4322,20 @@ class qe extends d {
       this.value = "";
       return;
     }
-    let r = parseInt(s, 10), o = parseInt(n, 10);
-    const l = parseInt(a, 10), u = new Date(l, r, 0).getDate();
-    o > u && (o = u, e && (e.textContent = String(o).padStart(2, "0")));
-    const f = `${String(l).padStart(4, "0")}-${String(r).padStart(2, "0")}-${String(o).padStart(2, "0")}`;
-    f !== this.value && (this.value = f, this.dispatchEvent(new CustomEvent("change", {
+    let r = parseInt(s, 10), h = parseInt(n, 10);
+    const l = parseInt(a, 10), c = new Date(l, r, 0).getDate();
+    h > c && (h = c, e && (e.textContent = String(h).padStart(2, "0")));
+    const u = `${String(l).padStart(4, "0")}-${String(r).padStart(2, "0")}-${String(h).padStart(2, "0")}`;
+    u !== this.value && (this.value = u, this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
-      detail: { value: this.value, date: new Date(l, r - 1, o) }
+      detail: { value: this.value, date: new Date(l, r - 1, h) }
     })));
   }
 }
-function lt(h) {
-  return h.tagName === "AUI-OPTION" || h.tagName === "AUI-OPTGROUP";
+function yt(o) {
+  return o.tagName === "AUI-OPTION" || o.tagName === "AUI-OPTGROUP";
 }
-class Oe extends d {
+class Ke extends d {
   static attributes = {
     target: { type: "string", default: "" },
     disabled: { type: "boolean", default: !1 },
@@ -4132,15 +4349,15 @@ class Oe extends d {
     this.#e = document.createElement("div"), this.#e.setAttribute("popover", "manual"), this.#e.setAttribute("data-context-menu-popover", ""), this.#e.setAttribute("role", "menu"), this.#t = document.createElement("div"), this.#t.setAttribute("data-context-menu-list", ""), this.#t.setAttribute("role", "menu"), this.#t.setAttribute("tabindex", "-1"), this.#e.appendChild(this.#t);
     const t = Array.from(this.children);
     for (const e of t)
-      lt(e) && this.#t.appendChild(e);
+      yt(e) && this.#t.appendChild(e);
     this.appendChild(this.#e), this.addEffect(() => {
       this.#i && (this.#i.removeEventListener("contextmenu", this.#l), this.#i = null);
       const e = this.target;
       e && (this.#i = document.querySelector(e)), this.#i || (this.#i = this.parentElement), this.#i && this.#i.addEventListener("contextmenu", this.#l);
-    }), this.#t.addEventListener("click", this.#d), this.#t.addEventListener("keydown", this.#u), document.addEventListener("click", this.#p), document.addEventListener("keydown", this.#f);
+    }), this.#t.addEventListener("click", this.#d), this.#t.addEventListener("keydown", this.#u), document.addEventListener("click", this.#c), document.addEventListener("keydown", this.#f);
   }
   dispose() {
-    this.#i && this.#i.removeEventListener("contextmenu", this.#l), this.#t?.removeEventListener("click", this.#d), this.#t?.removeEventListener("keydown", this.#u), document.removeEventListener("click", this.#p), document.removeEventListener("keydown", this.#f), this.#a();
+    this.#i && this.#i.removeEventListener("contextmenu", this.#l), this.#t?.removeEventListener("click", this.#d), this.#t?.removeEventListener("keydown", this.#u), document.removeEventListener("click", this.#c), document.removeEventListener("keydown", this.#f), this.#a();
   }
   // ── Options ─────────────────────────────────────────────
   get options() {
@@ -4157,7 +4374,7 @@ class Oe extends d {
         this.#e.showPopover();
       } catch {
       }
-      this.open = !0, this.#s = -1, this.#h(), requestAnimationFrame(() => this.#t?.focus());
+      this.open = !0, this.#s = -1, this.#o(), requestAnimationFrame(() => this.#t?.focus());
     }
   }
   #a() {
@@ -4166,23 +4383,23 @@ class Oe extends d {
         this.#e.hidePopover();
       } catch {
       }
-      this.open = !1, this.#s = -1, this.#h();
+      this.open = !1, this.#s = -1, this.#o();
     }
   }
   // ── Active (keyboard highlight) ─────────────────────────
   #r(t) {
     const e = this.enabledOptions;
     if (e.length === 0) return;
-    this.#h(), this.#s = Math.max(0, Math.min(t, e.length - 1));
+    this.#o(), this.#s = Math.max(0, Math.min(t, e.length - 1));
     const i = e[this.#s];
     i.setAttribute("data-navigate-active", ""), i.scrollIntoView({ block: "nearest" });
   }
-  #h() {
+  #o() {
     for (const t of this.options)
       t.removeAttribute("data-navigate-active");
   }
   // ── Select ──────────────────────────────────────────────
-  #o(t) {
+  #h(t) {
     const e = t.getAttribute("value") ?? t.textContent?.trim() ?? "";
     this.#a(), this.dispatchEvent(new CustomEvent("select", {
       bubbles: !0,
@@ -4196,7 +4413,7 @@ class Oe extends d {
   };
   #d = (t) => {
     const e = t.target.closest("aui-option");
-    !e || e.hasAttribute("disabled") || this.#o(e);
+    !e || e.hasAttribute("disabled") || this.#h(e);
   };
   #u = (t) => {
     const e = this.enabledOptions;
@@ -4226,7 +4443,7 @@ class Oe extends d {
         case " ": {
           t.preventDefault();
           const i = e[this.#s];
-          i && this.#o(i);
+          i && this.#h(i);
           break;
         }
         case "Escape": {
@@ -4235,18 +4452,18 @@ class Oe extends d {
         }
       }
   };
-  #p = (t) => {
+  #c = (t) => {
     this.open && !this.#e?.contains(t.target) && this.#a();
   };
   #f = (t) => {
     t.key === "Escape" && this.open && this.#a();
   };
 }
-const dt = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>';
-function ut(h) {
-  return h.tagName === "AUI-OPTION" || h.tagName === "AUI-OPTGROUP";
+const Et = '<svg viewBox="0 0 256 256" fill="currentColor" width="100%" height="100%"><polyline points="48,80 128,160 208,80" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/></svg>';
+function xt(o) {
+  return o.tagName === "AUI-OPTION" || o.tagName === "AUI-OPTGROUP";
 }
-class Fe extends d {
+class _e extends d {
   static attributes = {
     label: { type: "string", default: "" },
     "icon-leading": { type: "string", default: "" },
@@ -4264,18 +4481,18 @@ class Fe extends d {
   #r = -1;
   activate() {
     const t = `dropdown-menu-${crypto.randomUUID().slice(0, 8)}`;
-    this.#e = `--${t}`, this.#t = document.createElement("span"), this.#t.setAttribute("data-trigger", ""), this.#t.setAttribute("role", "button"), this.#t.setAttribute("aria-haspopup", "menu"), this.#t.setAttribute("tabindex", "0"), this.#t.id = t, this.#i = document.createElement("span"), this.#i.setAttribute("data-label", ""), this.#t.appendChild(this.#i), this.#s = document.createElement("span"), this.#s.setAttribute("data-chevron", ""), this.#s.innerHTML = dt, this.#t.appendChild(this.#s), this.#n = document.createElement("div"), this.#n.setAttribute("popover", "auto"), this.#n.setAttribute("data-dropdown", ""), this.#a = document.createElement("div"), this.#a.setAttribute("data-dropdown-menu-list", ""), this.#a.setAttribute("role", "menu"), this.#a.setAttribute("tabindex", "-1"), this.#n.appendChild(this.#a);
+    this.#e = `--${t}`, this.#t = document.createElement("span"), this.#t.setAttribute("data-trigger", ""), this.#t.setAttribute("role", "button"), this.#t.setAttribute("aria-haspopup", "menu"), this.#t.setAttribute("tabindex", "0"), this.#t.id = t, this.#i = document.createElement("span"), this.#i.setAttribute("data-label", ""), this.#t.appendChild(this.#i), this.#s = document.createElement("span"), this.#s.setAttribute("data-chevron", ""), this.#s.innerHTML = Et, this.#t.appendChild(this.#s), this.#n = document.createElement("div"), this.#n.setAttribute("popover", "auto"), this.#n.setAttribute("data-dropdown", ""), this.#a = document.createElement("div"), this.#a.setAttribute("data-dropdown-menu-list", ""), this.#a.setAttribute("role", "menu"), this.#a.setAttribute("tabindex", "-1"), this.#n.appendChild(this.#a);
     const e = Array.from(this.children);
     for (const i of e)
-      ut(i) && this.#a.appendChild(i);
+      xt(i) && this.#a.appendChild(i);
     this.appendChild(this.#t), this.appendChild(this.#n), this.#t.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), this.addEffect(() => {
       this.disabled ? this.#t.setAttribute("tabindex", "-1") : this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("aria-expanded", String(this.open)), this.#t.setAttribute("aria-disabled", String(this.disabled));
       const i = this.label || "";
       this.#i.textContent = i;
-    }), this.#t.addEventListener("click", this.#p), this.#t.addEventListener("keydown", this.#f), this.#a.addEventListener("click", this.#v), this.#a.addEventListener("keydown", this.#b), document.addEventListener("click", this.#c);
+    }), this.#t.addEventListener("click", this.#c), this.#t.addEventListener("keydown", this.#f), this.#a.addEventListener("click", this.#m), this.#a.addEventListener("keydown", this.#b), document.addEventListener("click", this.#p);
   }
   dispose() {
-    this.#t?.removeEventListener("click", this.#p), this.#t?.removeEventListener("keydown", this.#f), this.#a?.removeEventListener("click", this.#v), this.#a?.removeEventListener("keydown", this.#b), document.removeEventListener("click", this.#c), this.#o();
+    this.#t?.removeEventListener("click", this.#c), this.#t?.removeEventListener("keydown", this.#f), this.#a?.removeEventListener("click", this.#m), this.#a?.removeEventListener("keydown", this.#b), document.removeEventListener("click", this.#p), this.#h();
   }
   // ── Options ─────────────────────────────────────────────
   get options() {
@@ -4285,7 +4502,7 @@ class Fe extends d {
     return this.options.filter((t) => !t.hasAttribute("disabled"));
   }
   // ── Popover control ─────────────────────────────────────
-  #h() {
+  #o() {
     if (!(!this.#n || this.disabled)) {
       try {
         this.#n.showPopover();
@@ -4294,7 +4511,7 @@ class Fe extends d {
       this.open = !0, this.#r = -1, this.#d(), requestAnimationFrame(() => this.#a?.focus());
     }
   }
-  #o() {
+  #h() {
     if (this.#n) {
       try {
         this.#n.hidePopover();
@@ -4318,20 +4535,20 @@ class Fe extends d {
   // ── Select ──────────────────────────────────────────────
   #u(t) {
     const e = t.getAttribute("value") ?? t.textContent?.trim() ?? "";
-    this.#o(), this.#t?.focus(), this.dispatchEvent(new CustomEvent("select", {
+    this.#h(), this.#t?.focus(), this.dispatchEvent(new CustomEvent("select", {
       bubbles: !0,
       composed: !0,
       detail: { value: e }
     }));
   }
   // ── Event handlers ──────────────────────────────────────
-  #p = () => {
-    this.disabled || (this.open ? this.#o() : this.#h());
+  #c = () => {
+    this.disabled || (this.open ? this.#h() : this.#o());
   };
   #f = (t) => {
-    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#h()) : t.key === "Escape" && this.#o();
+    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#o()) : t.key === "Escape" && this.#h();
   };
-  #v = (t) => {
+  #m = (t) => {
     const e = t.target.closest("aui-option");
     !e || e.hasAttribute("disabled") || this.#u(e);
   };
@@ -4367,20 +4584,20 @@ class Fe extends d {
           break;
         }
         case "Escape": {
-          t.preventDefault(), this.#o(), this.#t?.focus();
+          t.preventDefault(), this.#h(), this.#t?.focus();
           break;
         }
         case "Tab": {
-          this.#o();
+          this.#h();
           break;
         }
       }
   };
-  #c = (t) => {
-    this.open && !this.contains(t.target) && this.#o();
+  #p = (t) => {
+    this.open && !this.contains(t.target) && this.#h();
   };
 }
-class Re extends d {
+class Ge extends d {
   static attributes = {
     anchor: { type: "string", default: "" },
     delay: { type: "string", default: "300" },
@@ -4398,13 +4615,13 @@ class Re extends d {
     for (this.#i = `--${t}`, this.#e = document.createElement("div"), this.#e.setAttribute("popover", "manual"), this.#e.setAttribute("data-hover-card-popover", ""), this.#e.setAttribute("role", "tooltip"), this.#e.id = t; this.firstChild; )
       this.#e.appendChild(this.firstChild);
     this.appendChild(this.#e), this.style.setProperty("--_anchor", this.#i), this.addEffect(() => {
-      this.#t && (this.#t.removeEventListener("mouseenter", this.#d), this.#t.removeEventListener("mouseleave", this.#u), this.#t.removeEventListener("focusin", this.#p), this.#t.removeEventListener("focusout", this.#f), this.#t.style.anchorName = "", this.#t.removeAttribute("aria-describedby"), this.#t = null);
+      this.#t && (this.#t.removeEventListener("mouseenter", this.#d), this.#t.removeEventListener("mouseleave", this.#u), this.#t.removeEventListener("focusin", this.#c), this.#t.removeEventListener("focusout", this.#f), this.#t.style.anchorName = "", this.#t.removeAttribute("aria-describedby"), this.#t = null);
       const e = this.anchor;
-      e && (this.#t = document.querySelector(e)), this.#t || (this.#t = this.previousElementSibling ?? this.parentElement), this.#t && (this.#t.style.anchorName = this.#i, this.#t.setAttribute("aria-describedby", t), this.#t.addEventListener("mouseenter", this.#d), this.#t.addEventListener("mouseleave", this.#u), this.#t.addEventListener("focusin", this.#p), this.#t.addEventListener("focusout", this.#f));
-    }), this.#e.addEventListener("mouseenter", this.#v), this.#e.addEventListener("mouseleave", this.#b), this.addEventListener("keydown", this.#c);
+      e && (this.#t = document.querySelector(e)), this.#t || (this.#t = this.previousElementSibling ?? this.parentElement), this.#t && (this.#t.style.anchorName = this.#i, this.#t.setAttribute("aria-describedby", t), this.#t.addEventListener("mouseenter", this.#d), this.#t.addEventListener("mouseleave", this.#u), this.#t.addEventListener("focusin", this.#c), this.#t.addEventListener("focusout", this.#f));
+    }), this.#e.addEventListener("mouseenter", this.#m), this.#e.addEventListener("mouseleave", this.#b), this.addEventListener("keydown", this.#p);
   }
   dispose() {
-    this.#h(), this.#t && (this.#t.removeEventListener("mouseenter", this.#d), this.#t.removeEventListener("mouseleave", this.#u), this.#t.removeEventListener("focusin", this.#p), this.#t.removeEventListener("focusout", this.#f), this.#t.style.anchorName = "", this.#t.removeAttribute("aria-describedby")), this.#e?.removeEventListener("mouseenter", this.#v), this.#e?.removeEventListener("mouseleave", this.#b), this.removeEventListener("keydown", this.#c), this.#r();
+    this.#o(), this.#t && (this.#t.removeEventListener("mouseenter", this.#d), this.#t.removeEventListener("mouseleave", this.#u), this.#t.removeEventListener("focusin", this.#c), this.#t.removeEventListener("focusout", this.#f), this.#t.style.anchorName = "", this.#t.removeAttribute("aria-describedby")), this.#e?.removeEventListener("mouseenter", this.#m), this.#e?.removeEventListener("mouseleave", this.#b), this.removeEventListener("keydown", this.#p), this.#r();
   }
   // ── Show / Hide ─────────────────────────────────────────
   #a() {
@@ -4425,11 +4642,11 @@ class Re extends d {
       this.open = !1;
     }
   }
-  #h() {
+  #o() {
     this.#s !== null && (clearTimeout(this.#s), this.#s = null), this.#n !== null && (clearTimeout(this.#n), this.#n = null);
   }
-  #o() {
-    this.#h();
+  #h() {
+    this.#o();
     const t = parseInt(this.delay) || 300;
     this.#s = setTimeout(() => {
       this.#s = null, this.#a();
@@ -4444,157 +4661,163 @@ class Re extends d {
   }
   // ── Event handlers ──────────────────────────────────────
   #d = () => {
-    this.#o();
+    this.#h();
   };
   #u = () => {
     this.#l();
   };
-  #p = () => {
-    this.#o();
+  #c = () => {
+    this.#h();
   };
   #f = () => {
     this.#l();
   };
-  #v = () => {
+  #m = () => {
     this.#n !== null && (clearTimeout(this.#n), this.#n = null);
   };
   #b = () => {
     this.#l();
   };
-  #c = (t) => {
-    t.key === "Escape" && this.open && (this.#h(), this.#r());
-  };
-}
-function z(h) {
-  let t = 0, e = 0, i = 0, s = 1;
-  h = h.replace(/^#/, ""), h.length === 3 || h.length === 4 ? (t = parseInt(h[0] + h[0], 16) / 255, e = parseInt(h[1] + h[1], 16) / 255, i = parseInt(h[2] + h[2], 16) / 255, h.length === 4 && (s = parseInt(h[3] + h[3], 16) / 255)) : (h.length === 6 || h.length === 8) && (t = parseInt(h.slice(0, 2), 16) / 255, e = parseInt(h.slice(2, 4), 16) / 255, i = parseInt(h.slice(4, 6), 16) / 255, h.length === 8 && (s = parseInt(h.slice(6, 8), 16) / 255));
-  const n = Math.max(t, e, i), a = Math.min(t, e, i), r = n - a;
-  let o = 0, l = 0;
-  const u = (n + a) / 2;
-  if (r !== 0)
-    switch (l = u > 0.5 ? r / (2 - n - a) : r / (n + a), n) {
-      case t:
-        o = ((e - i) / r + (e < i ? 6 : 0)) / 6;
-        break;
-      case e:
-        o = ((i - t) / r + 2) / 6;
-        break;
-      case i:
-        o = ((t - e) / r + 4) / 6;
-        break;
-    }
-  return {
-    h: Math.round(o * 360),
-    s: Math.round(l * 100),
-    l: Math.round(u * 100),
-    a: Math.round(s * 100) / 100
+  #p = (t) => {
+    t.key === "Escape" && this.open && (this.#o(), this.#r());
   };
 }
-function N(h, t, e, i = 1) {
-  t /= 100, e /= 100;
-  const s = (1 - Math.abs(2 * e - 1)) * t, n = s * (1 - Math.abs(h / 60 % 2 - 1)), a = e - s / 2;
-  let r = 0, o = 0, l = 0;
-  h < 60 ? (r = s, o = n, l = 0) : h < 120 ? (r = n, o = s, l = 0) : h < 180 ? (r = 0, o = s, l = n) : h < 240 ? (r = 0, o = n, l = s) : h < 300 ? (r = n, o = 0, l = s) : (r = s, o = 0, l = n);
-  const u = (m) => Math.round((m + a) * 255).toString(16).padStart(2, "0");
-  let f = `#${u(r)}${u(o)}${u(l)}`;
-  return i < 1 && (f += Math.round(i * 255).toString(16).padStart(2, "0")), f;
-}
-class ze extends d {
+class Ye extends d {
   static attributes = {
     value: { type: "string", default: "#000000" },
-    format: { type: "string", default: "hex" },
-    "show-alpha": { type: "boolean", default: !1 },
+    format: { type: "string", default: "oklch" },
+    alpha: { type: "boolean", default: !1 },
     disabled: { type: "boolean", default: !1 }
   };
   #e = null;
   #t = null;
   #i = null;
   #s = null;
-  // Internal HSL(A) state
-  #n = 0;
-  #a = 0;
-  #r = 0;
-  #h = 1;
-  #o = !1;
+  #n = null;
+  #a = null;
+  #r = null;
+  #o = null;
+  #h = null;
+  #l = null;
+  #d = null;
+  #u = /* @__PURE__ */ new Map();
+  // Internal OKLCH(A) state
+  #c = 0;
+  #f = 0;
+  #m = 0;
+  #b = 1;
+  #p = !1;
   activate() {
-    this.#e = document.createElement("aui-color-area"), this.#e.setAttribute("data-color-picker-area", ""), this.#t = document.createElement("aui-color-slider"), this.#t.setAttribute("channel", "hue"), this.#t.setAttribute("data-color-picker-hue", ""), this.#i = document.createElement("aui-color-slider"), this.#i.setAttribute("channel", "alpha"), this.#i.setAttribute("data-color-picker-alpha", ""), this.#s = document.createElement("aui-color-field"), this.#s.setAttribute("data-color-picker-field", ""), this.appendChild(this.#e), this.appendChild(this.#t), this.appendChild(this.#i), this.appendChild(this.#s), this.#l(), this.addEffect(() => {
-      this.hasAttribute("show-alpha") ? this.#i.style.display = "" : this.#i.style.display = "none", this.disabled ? (this.#e.setAttribute("disabled", ""), this.#t.setAttribute("disabled", ""), this.#i.setAttribute("disabled", ""), this.#s.setAttribute("disabled", "")) : (this.#e.removeAttribute("disabled"), this.#t.removeAttribute("disabled"), this.#i.removeAttribute("disabled"), this.#s.removeAttribute("disabled"));
+    this.#e = document.createElement("aui-color-area"), this.#e.setAttribute("data-color-picker-area", ""), this.appendChild(this.#e);
+    const t = document.createElement("div");
+    t.setAttribute("data-color-picker-sliders", "");
+    const e = (a, r) => {
+      const h = document.createElement("div");
+      h.setAttribute("data-color-picker-slider-row", "");
+      const l = document.createElement("span");
+      l.setAttribute("data-color-picker-slider-label", ""), l.textContent = a;
+      const c = document.createElement("aui-color-slider");
+      c.setAttribute("channel", r);
+      const u = document.createElement("span");
+      return u.setAttribute("data-color-picker-slider-value", ""), this.#u.set(r, u), h.appendChild(l), h.appendChild(c), h.appendChild(u), t.appendChild(h), c;
+    };
+    this.#t = e("H", "hue"), this.#i = e("C", "chroma"), this.#s = e("L", "lightness"), this.#n = e("A", "alpha"), this.#a = this.#n.parentElement, this.appendChild(t), this.#r = document.createElement("div"), this.#r.setAttribute("data-color-picker-output", "");
+    const i = document.createElement("div");
+    i.setAttribute("data-color-picker-output-group", ""), this.#h = document.createElement("span"), this.#h.setAttribute("data-color-picker-value", ""), this.#o = document.createElement("aui-copy-button"), this.#o.setAttribute("density", "compact"), i.appendChild(this.#h), i.appendChild(this.#o);
+    const s = document.createElement("div");
+    s.setAttribute("data-color-picker-output-group", ""), this.#d = document.createElement("span"), this.#d.setAttribute("data-color-picker-value", ""), this.#l = document.createElement("aui-copy-button"), this.#l.setAttribute("density", "compact"), s.appendChild(this.#d), s.appendChild(this.#l), this.#r.appendChild(i), this.#r.appendChild(s), this.appendChild(this.#r), this.#A(), this.addEffect(() => {
+      this.#a && (this.#a.style.display = this.alpha ? "" : "none");
+      const a = [this.#t, this.#i, this.#s, this.#n];
+      if (this.disabled) {
+        this.#e.setAttribute("disabled", "");
+        for (const r of a) r?.setAttribute("disabled", "");
+      } else {
+        this.#e.removeAttribute("disabled");
+        for (const r of a) r?.removeAttribute("disabled");
+      }
     }), this.addEffect(() => {
-      this.#o || (this.#l(), this.#d());
-    }), this.#e.addEventListener("input", this.#f), this.#e.addEventListener("change", this.#v), this.#t.addEventListener("input", this.#b), this.#t.addEventListener("change", this.#c), this.#i.addEventListener("input", this.#g), this.#i.addEventListener("change", this.#m), this.#s.addEventListener("change", this.#A);
+      this.#p || (this.#A(), this.#v());
+    }), this.#e.addEventListener("input", this.#g), this.#e.addEventListener("change", this.#k);
+    const n = (a) => (r) => {
+      const h = r;
+      h.stopPropagation();
+      const l = h.detail?.value ?? 0;
+      a === "hue" ? this.#m = l : a === "chroma" ? this.#f = l : a === "lightness" ? this.#c = l : a === "alpha" && (this.#b = l), this.#y(), r.type === "change" && this.#E();
+    };
+    for (const [a, r] of [
+      ["hue", this.#t],
+      ["chroma", this.#i],
+      ["lightness", this.#s],
+      ["alpha", this.#n]
+    ])
+      r && (r.addEventListener("input", n(a)), r.addEventListener("change", n(a)));
   }
   dispose() {
-    this.#e?.removeEventListener("input", this.#f), this.#e?.removeEventListener("change", this.#v), this.#t?.removeEventListener("input", this.#b), this.#t?.removeEventListener("change", this.#c), this.#i?.removeEventListener("input", this.#g), this.#i?.removeEventListener("change", this.#m), this.#s?.removeEventListener("change", this.#A);
   }
   // ── Value parsing ───────────────────────────────────────
-  #l() {
-    const t = this.value || "#000000";
+  #A() {
+    const t = (this.value || "").trim();
+    if (t.startsWith("oklch(")) {
+      const e = At(t);
+      if (e) {
+        this.#c = e.l, this.#f = e.c, this.#m = e.h, this.#b = e.a;
+        return;
+      }
+    }
     if (t.startsWith("#")) {
-      const e = z(t);
-      this.#n = e.h, this.#a = e.s, this.#r = e.l, this.#h = e.a;
+      const e = gt(t);
+      this.#c = e.l, this.#f = e.c, this.#m = e.h, this.#b = e.a;
+      return;
     }
+    this.#c = 0, this.#f = 0, this.#m = 0, this.#b = 1;
   }
   // ── Sync sub-components ─────────────────────────────────
-  #d() {
-    if (this.#e && (this.#e.setAttribute("hue", String(this.#n)), this.#e.setAttribute("saturation", String(this.#a)), this.#e.setAttribute("lightness", String(this.#r))), this.#t && (this.#t.setAttribute("value", String(this.#n)), this.#t.setAttribute("hue", String(this.#n)), this.#t.setAttribute("saturation", String(this.#a)), this.#t.setAttribute("lightness", String(this.#r))), this.#i && (this.#i.setAttribute("value", String(this.#h)), this.#i.setAttribute("hue", String(this.#n)), this.#i.setAttribute("saturation", String(this.#a)), this.#i.setAttribute("lightness", String(this.#r))), this.#s) {
-      const t = N(this.#n, this.#a, this.#r, this.#h);
-      this.#s.setAttribute("value", t);
-    }
+  #v() {
+    const t = { hue: String(this.#m), chroma: String(this.#f), lightness: String(this.#c) };
+    this.#e && (this.#e.setAttribute("hue", t.hue), this.#e.setAttribute("chroma", t.chroma), this.#e.setAttribute("lightness", t.lightness));
+    const e = (l, c) => {
+      l && (l.setAttribute("value", c), l.setAttribute("hue", t.hue), l.setAttribute("chroma", t.chroma), l.setAttribute("lightness", t.lightness));
+    };
+    e(this.#t, t.hue), e(this.#i, t.chroma), e(this.#s, t.lightness), e(this.#n, String(this.#b));
+    const i = this.#u.get("hue"), s = this.#u.get("chroma"), n = this.#u.get("lightness"), a = this.#u.get("alpha");
+    i && (i.textContent = String(Math.round(this.#m))), s && (s.textContent = (Math.round(this.#f * 1e3) / 1e3).toFixed(3)), n && (n.textContent = (Math.round(this.#c * 1e3) / 1e3).toFixed(3)), a && (a.textContent = (Math.round(this.#b * 100) / 100).toFixed(2));
+    const r = B(this.#c, this.#f, this.#m, this.#b < 1 ? this.#b : void 0), h = k(this.#c, this.#f, this.#m, this.#b);
+    this.#o && this.#o.setAttribute("value", r), this.#h && (this.#h.textContent = r), this.#l && this.#l.setAttribute("value", h), this.#d && (this.#d.textContent = h);
   }
-  #u() {
-    this.#o = !0, this.value = N(this.#n, this.#a, this.#r, this.#h), this.#d(), this.#o = !1;
+  #y() {
+    this.#p = !0, this.format === "hex" ? this.value = k(this.#c, this.#f, this.#m, this.#b) : this.value = B(this.#c, this.#f, this.#m, this.#b < 1 ? this.#b : void 0), this.#v(), this.#p = !1;
   }
-  #p() {
+  #E() {
     this.dispatchEvent(new CustomEvent("change", {
       bubbles: !0,
       composed: !0,
       detail: {
         value: this.value,
-        h: this.#n,
-        s: this.#a,
-        l: this.#r,
-        a: this.#h
+        l: this.#c,
+        c: this.#f,
+        h: this.#m,
+        a: this.#b
       }
     }));
   }
   // ── Event handlers ──────────────────────────────────────
-  #f = (t) => {
-    t.stopPropagation(), this.#a = t.detail.s, this.#r = t.detail.l, this.#u();
-  };
-  #v = (t) => {
-    t.stopPropagation(), this.#a = t.detail.s, this.#r = t.detail.l, this.#u(), this.#p();
-  };
-  #b = (t) => {
-    t.stopPropagation(), this.#n = t.detail.value, this.#u();
-  };
-  #c = (t) => {
-    t.stopPropagation(), this.#n = t.detail.value, this.#u(), this.#p();
-  };
   #g = (t) => {
-    t.stopPropagation(), this.#h = t.detail.value, this.#u();
-  };
-  #m = (t) => {
-    t.stopPropagation(), this.#h = t.detail.value, this.#u(), this.#p();
+    t.stopPropagation(), this.#c = t.detail.l, this.#f = t.detail.c, this.#y();
   };
-  #A = (t) => {
-    t.stopPropagation();
-    const e = t.detail.value || "";
-    if (e.startsWith("#")) {
-      const i = z(e);
-      this.#n = i.h, this.#a = i.s, this.#r = i.l, this.#h = i.a, this.#u(), this.#p();
-    }
+  #k = (t) => {
+    t.stopPropagation(), this.#c = t.detail.l, this.#f = t.detail.c, this.#y(), this.#E();
   };
 }
-function ct(h) {
-  const t = h.match(/^(\d+(?:\.\d+)?)\s*(KB|MB|GB)$/i);
+function wt(o) {
+  const t = o.match(/^(\d+(?:\.\d+)?)\s*(KB|MB|GB)$/i);
   if (!t) return 1 / 0;
   const e = parseFloat(t[1]), i = t[2].toUpperCase();
   return i === "KB" ? e * 1024 : i === "MB" ? e * 1024 * 1024 : i === "GB" ? e * 1024 * 1024 * 1024 : 1 / 0;
 }
-function pt(h) {
-  return h < 1024 ? `${h} B` : h < 1024 * 1024 ? `${(h / 1024).toFixed(1)} KB` : `${(h / (1024 * 1024)).toFixed(1)} MB`;
+function kt(o) {
+  return o < 1024 ? `${o} B` : o < 1024 * 1024 ? `${(o / 1024).toFixed(1)} KB` : `${(o / (1024 * 1024)).toFixed(1)} MB`;
 }
-class Ne extends d {
+class je extends d {
   static attributes = {
     accept: { type: "string", default: "" },
     multiple: { type: "boolean", default: !1 },
@@ -4616,10 +4839,10 @@ class Ne extends d {
     const e = document.createElement("span");
     e.setAttribute("data-file-upload-text", ""), e.textContent = "Drop files here or click to browse", this.#e.appendChild(e), this.#t = document.createElement("input"), this.#t.type = "file", this.#t.setAttribute("data-file-upload-input", ""), this.#t.hidden = !0, this.#e.appendChild(this.#t), this.#i = document.createElement("div"), this.#i.setAttribute("data-file-upload-list", ""), this.prepend(this.#e), this.appendChild(this.#i), this.addEffect(() => {
       this.#t && (this.accept ? this.#t.accept = this.accept : this.#t.removeAttribute("accept"), this.#t.multiple = this.multiple);
-    }), this.#e.addEventListener("click", this.#n), this.#t.addEventListener("change", this.#a), this.#e.addEventListener("dragover", this.#r), this.#e.addEventListener("dragleave", this.#h), this.#e.addEventListener("drop", this.#o);
+    }), this.#e.addEventListener("click", this.#n), this.#t.addEventListener("change", this.#a), this.#e.addEventListener("dragover", this.#r), this.#e.addEventListener("dragleave", this.#o), this.#e.addEventListener("drop", this.#h);
   }
   dispose() {
-    this.#e?.removeEventListener("click", this.#n), this.#e?.removeEventListener("dragover", this.#r), this.#e?.removeEventListener("dragleave", this.#h), this.#e?.removeEventListener("drop", this.#o), this.#t?.removeEventListener("change", this.#a), this.#e?.remove(), this.#i?.remove(), this.#e = null, this.#t = null, this.#i = null, this.#s = [];
+    this.#e?.removeEventListener("click", this.#n), this.#e?.removeEventListener("dragover", this.#r), this.#e?.removeEventListener("dragleave", this.#o), this.#e?.removeEventListener("drop", this.#h), this.#t?.removeEventListener("change", this.#a), this.#e?.remove(), this.#i?.remove(), this.#e = null, this.#t = null, this.#i = null, this.#s = [];
   }
   #n = () => {
     this.disabled || this.#t?.click();
@@ -4630,14 +4853,14 @@ class Ne extends d {
   #r = (t) => {
     t.preventDefault(), !this.disabled && this.#e?.setAttribute("data-file-upload-drag-active", "");
   };
-  #h = () => {
+  #o = () => {
     this.#e?.removeAttribute("data-file-upload-drag-active");
   };
-  #o = (t) => {
+  #h = (t) => {
     t.preventDefault(), this.#e?.removeAttribute("data-file-upload-drag-active"), !this.disabled && t.dataTransfer?.files && this.#l(Array.from(t.dataTransfer.files));
   };
   #l(t) {
-    const e = this["max-size"] ? ct(this["max-size"]) : 1 / 0, i = this["max-files"] ? parseInt(this["max-files"], 10) : 1 / 0;
+    const e = this["max-size"] ? wt(this["max-size"]) : 1 / 0, i = this["max-files"] ? parseInt(this["max-files"], 10) : 1 / 0;
     for (const s of t)
       if (!(s.size > e)) {
         if (this.#s.length >= i) break;
@@ -4661,27 +4884,27 @@ class Ne extends d {
       for (let t = 0; t < this.#s.length; t++) {
         const e = this.#s[t], i = document.createElement("div");
         if (i.setAttribute("data-file-upload-item", ""), e.type.startsWith("image/")) {
-          const o = document.createElement("img");
-          o.setAttribute("data-file-upload-preview", ""), o.src = URL.createObjectURL(e), o.alt = e.name, i.appendChild(o);
+          const h = document.createElement("img");
+          h.setAttribute("data-file-upload-preview", ""), h.src = URL.createObjectURL(e), h.alt = e.name, i.appendChild(h);
         } else {
-          const o = document.createElement("aui-icon");
-          o.setAttribute("name", "file-text"), o.setAttribute("size", "sm"), o.setAttribute("data-file-upload-file-icon", ""), i.appendChild(o);
+          const h = document.createElement("aui-icon");
+          h.setAttribute("name", "file-text"), h.setAttribute("size", "sm"), h.setAttribute("data-file-upload-file-icon", ""), i.appendChild(h);
         }
         const s = document.createElement("span");
         s.setAttribute("data-file-upload-name", ""), s.textContent = e.name, i.appendChild(s);
         const n = document.createElement("span");
-        n.setAttribute("data-file-upload-size", ""), n.textContent = pt(e.size), i.appendChild(n);
+        n.setAttribute("data-file-upload-size", ""), n.textContent = kt(e.size), i.appendChild(n);
         const a = document.createElement("button");
         a.setAttribute("data-file-upload-remove", ""), a.setAttribute("aria-label", `Remove ${e.name}`), a.innerHTML = '<aui-icon name="x" size="xs"></aui-icon>';
         const r = t;
-        a.addEventListener("click", (o) => {
-          o.stopPropagation(), this.#d(r);
+        a.addEventListener("click", (h) => {
+          h.stopPropagation(), this.#d(r);
         }), i.appendChild(a), this.#i.appendChild(i);
       }
     }
   }
 }
-class He extends d {
+class Xe extends d {
   static attributes = {
     value: { type: "string", default: "" },
     label: { type: "string", default: "Copy" },
@@ -4692,7 +4915,7 @@ class He extends d {
   #i = null;
   #s = null;
   activate() {
-    this.#e = document.createElement("button"), this.#e.setAttribute("data-copy-trigger", ""), this.#t = document.createElement("aui-icon"), this.#t.setAttribute("name", "copy"), this.#t.setAttribute("data-copy-icon", ""), this.#i = document.createElement("aui-icon"), this.#i.setAttribute("name", "check"), this.#i.setAttribute("data-copy-check", ""), this.#i.hidden = !0, this.#e.appendChild(this.#t), this.#e.appendChild(this.#i);
+    this.#e = document.createElement("aui-button"), this.#e.setAttribute("ghost", ""), this.#e.setAttribute("hide-label", ""), this.#e.setAttribute("label", "Copy"), this.#e.setAttribute("data-copy-trigger", ""), this.#t = document.createElement("aui-icon"), this.#t.setAttribute("name", "copy"), this.#t.setAttribute("data-copy-icon", ""), this.#i = document.createElement("aui-icon"), this.#i.setAttribute("name", "check"), this.#i.setAttribute("data-copy-check", ""), this.#i.style.display = "none", this.#e.appendChild(this.#t), this.#e.appendChild(this.#i);
     const t = this.firstChild;
     t ? this.insertBefore(this.#e, t) : this.appendChild(this.#e), this.addEffect(() => {
       this.#e && this.#e.setAttribute("aria-label", this.label || "Copy");
@@ -4713,28 +4936,34 @@ class He extends d {
       }
   };
   #a() {
-    this.#s && clearTimeout(this.#s), this.#t && (this.#t.hidden = !0), this.#i && (this.#i.hidden = !1), this.#e?.setAttribute("data-copy-copied", ""), this.#s = setTimeout(() => {
-      this.#t && (this.#t.hidden = !1), this.#i && (this.#i.hidden = !0), this.#e?.removeAttribute("data-copy-copied"), this.#s = null;
-    }, 1500);
+    this.#s && clearTimeout(this.#s), this.#t && (this.#t.style.display = "none"), this.#i && (this.#i.style.display = ""), this.#e?.setAttribute("data-copy-copied", ""), this.#s = setTimeout(() => {
+      this.#t && (this.#t.style.display = ""), this.#i && (this.#i.style.display = "none"), this.#e?.removeAttribute("data-copy-copied"), this.#s = null;
+    }, 3e3);
   }
 }
-class Ue extends d {
+class We extends d {
   static attributes = {
     label: { type: "string", default: "" },
     value: { type: "string", default: "" },
     trend: { type: "enum", default: "", values: ["up", "down", "neutral", ""] },
-    change: { type: "string", default: "" }
+    change: { type: "string", default: "" },
+    "animate-count": { type: "boolean", default: !1 },
+    "animate-count-start": { type: "string", default: "0" },
+    "animate-scramble": { type: "boolean", default: !1 },
+    "duration-ms": { type: "string", default: "2000" }
   };
   #e = null;
   #t = null;
   #i = null;
+  #s = null;
+  #n = !1;
   activate() {
     this.#e = document.createElement("span"), this.#e.setAttribute("data-stat-label", ""), this.#t = document.createElement("span"), this.#t.setAttribute("data-stat-value", ""), this.#i = document.createElement("span"), this.#i.setAttribute("data-stat-change", "");
     const t = this.firstChild;
     t ? (this.insertBefore(this.#i, t), this.insertBefore(this.#t, this.#i), this.insertBefore(this.#e, this.#t)) : (this.appendChild(this.#e), this.appendChild(this.#t), this.appendChild(this.#i)), this.addEffect(() => {
       this.#e && (this.#e.textContent = this.label, this.#e.style.display = this.label ? "" : "none");
     }), this.addEffect(() => {
-      this.#t && (this.#t.textContent = this.value, this.#t.style.display = this.value ? "" : "none");
+      this.#t && (this.#t.style.display = this.value ? "" : "none", this.value && (this["animate-count"] || this["animate-scramble"]) && !this.#n ? (this.#n = !0, this["animate-scramble"] ? this.#h(this.value) : this.#o(this.value)) : this.#t.textContent = this.value);
     }), this.addEffect(() => {
       if (!this.#i) return;
       const e = this.trend, i = this.change;
@@ -4747,11 +4976,51 @@ class Ue extends d {
       (e === "up" || e === "down") && (s += "<span data-stat-arrow></span>"), s += i || "", this.#i.innerHTML = s;
     });
   }
+  /** Parse a formatted value into { prefix, number, suffix, decimals, useCommas } */
+  #a(t) {
+    const e = t.match(/^([^0-9]*?)([\d,]+\.?\d*)(.*?)$/);
+    if (!e) return { prefix: "", num: 0, suffix: "", decimals: 0, useCommas: !1 };
+    const i = e[1], s = e[2], n = e[3], a = s.includes(","), r = s.replace(/,/g, ""), h = parseFloat(r), l = r.indexOf("."), c = l >= 0 ? r.length - l - 1 : 0;
+    return { prefix: i, num: h, suffix: n, decimals: c, useCommas: a };
+  }
+  /** Format a number back with prefix, suffix, commas, decimals */
+  #r(t, e, i, s, n) {
+    let a = s > 0 ? t.toFixed(s) : String(Math.round(t));
+    if (n) {
+      const [r, h] = a.split("."), l = r.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+      a = h ? `${l}.${h}` : l;
+    }
+    return `${e}${a}${i}`;
+  }
+  /** Animate count-up from start to target */
+  #o(t) {
+    const { prefix: e, num: i, suffix: s, decimals: n, useCommas: a } = this.#a(t), r = this["animate-count-start"] || "0", { num: h } = this.#a(r.match(/\d/) ? r : `${e}${r}${s}`), l = parseInt(this["duration-ms"], 10) || 2e3, c = performance.now(), u = (f) => {
+      const p = f - c, m = Math.min(p / l, 1), v = 1 - Math.pow(1 - m, 3), g = h + (i - h) * v;
+      this.#t && (this.#t.textContent = this.#r(g, e, s, n, a)), m < 1 && (this.#s = requestAnimationFrame(u));
+    };
+    this.#s = requestAnimationFrame(u);
+  }
+  /** Animate scramble — randomize characters then resolve to target */
+  #h(t) {
+    const e = "0123456789", i = parseInt(this["duration-ms"], 10) || 2e3, s = performance.now(), n = (a) => {
+      const r = a - s, h = Math.min(r / i, 1);
+      if (this.#t) {
+        let l = "";
+        for (let c = 0; c < t.length; c++) {
+          const u = h * t.length - c;
+          u >= 1 || !/\d/.test(t[c]) ? l += t[c] : (u > 0, l += e[Math.floor(Math.random() * e.length)]);
+        }
+        this.#t.textContent = l;
+      }
+      h < 1 ? this.#s = requestAnimationFrame(n) : this.#t && (this.#t.textContent = t);
+    };
+    this.#s = requestAnimationFrame(n);
+  }
   dispose() {
-    this.#e?.remove(), this.#t?.remove(), this.#i?.remove(), this.#e = null, this.#t = null, this.#i = null;
+    this.#s && cancelAnimationFrame(this.#s), this.#e?.remove(), this.#t?.remove(), this.#i?.remove(), this.#e = null, this.#t = null, this.#i = null;
   }
 }
-class $e extends d {
+class Je extends d {
   static attributes = {
     src: { type: "string", default: "" },
     alt: { type: "string", default: "" },
@@ -4764,7 +5033,7 @@ class $e extends d {
   #t = null;
   #i = !1;
   activate() {
-    this.#s(), this.addEffect(() => this.#n()), this.addEffect(() => this.#a()), this.addEffect(() => this.#r()), this.addEffect(() => this.#h());
+    this.#s(), this.addEffect(() => this.#n()), this.addEffect(() => this.#a()), this.addEffect(() => this.#r()), this.addEffect(() => this.#o());
   }
   dispose() {
     this.#t?.remove(), this.#e = null, this.#t = null;
@@ -4775,7 +5044,7 @@ class $e extends d {
       this.setAttribute("data-image-loaded", ""), this.removeAttribute("data-image-error"), this.#i = !1;
     }), t.addEventListener("error", () => {
       this.#i || (this.#i = !0, this.removeAttribute("data-image-loaded"), this.setAttribute("data-image-error", ""), this.fallback && (t.src = this.fallback));
-    }), this.prepend(t), this.#e = t, this.zoomable && (this.setAttribute("data-image-zoomable", ""), this.addEventListener("click", this.#o));
+    }), this.prepend(t), this.#e = t, this.zoomable && (this.setAttribute("data-image-zoomable", ""), this.addEventListener("click", this.#h));
   }
   #n() {
     const t = this.src;
@@ -4789,11 +5058,11 @@ class $e extends d {
     const t = this.aspect;
     t ? this.style.aspectRatio = t : this.style.removeProperty("aspect-ratio");
   }
-  #h() {
+  #o() {
     const t = this.fit;
     this.#e && (this.#e.style.objectFit = t);
   }
-  #o = () => {
+  #h = () => {
     if (!this.src) return;
     const t = document.createElement("dialog");
     t.setAttribute("data-image-lightbox", "");
@@ -4805,7 +5074,7 @@ class $e extends d {
     }), document.body.append(t), this.#t = t, t.showModal();
   };
 }
-class Be extends d {
+class Ze extends d {
   static deferChildren = !0;
   static attributes = {
     "auto-play": { type: "boolean", default: !1 },
@@ -4822,22 +5091,22 @@ class Be extends d {
   #a = null;
   #r = 0;
   activate() {
-    this.#h(), this.addEffect(() => this.#f()), this.addEffect(() => this.#l()), this.addEffect(() => this.#d());
+    this.#o(), this.addEffect(() => this.#f()), this.addEffect(() => this.#l()), this.addEffect(() => this.#d());
   }
   dispose() {
     this.#b(), this.#a?.disconnect(), this.#e = null, this.#t = null, this.#i = null, this.#s = null;
   }
-  #h() {
+  #o() {
     const t = document.createElement("div");
     for (t.setAttribute("data-carousel-track", ""), t.setAttribute("tabindex", "0"), t.setAttribute("role", "group"), t.setAttribute("aria-roledescription", "carousel"); this.firstChild; ) {
       const e = this.firstChild;
       e instanceof HTMLElement && (e.setAttribute("data-carousel-slide", ""), e.setAttribute("role", "group"), e.setAttribute("aria-roledescription", "slide")), t.append(e);
     }
-    this.append(t), this.#e = t, t.addEventListener("scroll", this.#m, { passive: !0 }), t.addEventListener("keydown", this.#A), this.addEventListener("mouseenter", this.#c), this.addEventListener("mouseleave", this.#g), this.addEventListener("focusin", this.#c), this.addEventListener("focusout", this.#g), this.#a = new IntersectionObserver(
+    this.append(t), this.#e = t, t.addEventListener("scroll", this.#v, { passive: !0 }), t.addEventListener("keydown", this.#y), this.addEventListener("mouseenter", this.#p), this.addEventListener("mouseleave", this.#A), this.addEventListener("focusin", this.#p), this.addEventListener("focusout", this.#A), this.#a = new IntersectionObserver(
       (e) => {
         for (const i of e)
           if (i.isIntersecting) {
-            const n = this.#o().indexOf(i.target);
+            const n = this.#h().indexOf(i.target);
             n !== -1 && (this.#r = n, this.#u(), this.dispatchEvent(
               new CustomEvent("aui:carousel-change", {
                 bubbles: !0,
@@ -4848,19 +5117,19 @@ class Be extends d {
       },
       { root: t, threshold: 0.5 }
     );
-    for (const e of this.#o())
+    for (const e of this.#h())
       this.#a.observe(e);
   }
-  #o() {
+  #h() {
     return this.#e ? Array.from(this.#e.querySelectorAll("[data-carousel-slide]")) : [];
   }
   #l() {
     const t = this["show-arrows"];
     if (t && !this.#i) {
-      const e = document.createElement("button");
-      e.setAttribute("data-carousel-prev", ""), e.setAttribute("aria-label", "Previous slide"), e.innerHTML = '<aui-icon name="caret-left" size="sm"></aui-icon>', e.addEventListener("click", () => this.#p(this.#r - 1));
-      const i = document.createElement("button");
-      i.setAttribute("data-carousel-next", ""), i.setAttribute("aria-label", "Next slide"), i.innerHTML = '<aui-icon name="caret-right" size="sm"></aui-icon>', i.addEventListener("click", () => this.#p(this.#r + 1)), this.append(e, i), this.#i = e, this.#s = i;
+      const e = document.createElement("aui-button");
+      e.setAttribute("data-carousel-prev", ""), e.setAttribute("scrim", ""), e.setAttribute("hide-label", ""), e.setAttribute("label", "Previous slide"), e.setAttribute("icon-leading", "caret-left"), e.setAttribute("size", "sm"), e.addEventListener("click", () => this.#c(this.#r - 1));
+      const i = document.createElement("aui-button");
+      i.setAttribute("data-carousel-next", ""), i.setAttribute("scrim", ""), i.setAttribute("hide-label", ""), i.setAttribute("label", "Next slide"), i.setAttribute("icon-leading", "caret-right"), i.setAttribute("size", "sm"), i.addEventListener("click", () => this.#c(this.#r + 1)), this.append(e, i), this.#i = e, this.#s = i;
     } else !t && this.#i && (this.#i.remove(), this.#s?.remove(), this.#i = null, this.#s = null);
   }
   #d() {
@@ -4868,10 +5137,10 @@ class Be extends d {
     if (t && !this.#t) {
       const e = document.createElement("div");
       e.setAttribute("data-carousel-dots", ""), e.setAttribute("role", "tablist");
-      const i = this.#o();
+      const i = this.#h();
       for (let s = 0; s < i.length; s++) {
         const n = document.createElement("button");
-        n.setAttribute("data-carousel-dot", ""), n.setAttribute("role", "tab"), n.setAttribute("aria-label", `Go to slide ${s + 1}`), s === this.#r && n.setAttribute("data-carousel-dot-active", ""), n.addEventListener("click", () => this.#p(s)), e.append(n);
+        n.setAttribute("data-carousel-dot", ""), n.setAttribute("role", "tab"), n.setAttribute("aria-label", `Go to slide ${s + 1}`), s === this.#r && n.setAttribute("data-carousel-dot-active", ""), n.addEventListener("click", () => this.#c(s)), e.append(n);
       }
       this.append(e), this.#t = e;
     } else !t && this.#t && (this.#t.remove(), this.#t = null);
@@ -4882,8 +5151,8 @@ class Be extends d {
     for (let e = 0; e < t.length; e++)
       e === this.#r ? t[e].setAttribute("data-carousel-dot-active", "") : t[e].removeAttribute("data-carousel-dot-active");
   }
-  #p(t) {
-    const e = this.#o();
+  #c(t) {
+    const e = this.#h();
     if (!e.length || !this.#e) return;
     let i = t;
     this.loop ? i = (t % e.length + e.length) % e.length : i = Math.max(0, Math.min(t, e.length - 1));
@@ -4891,33 +5160,33 @@ class Be extends d {
     s && s.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "start" });
   }
   #f() {
-    this["auto-play"] ? this.#v() : this.#b();
+    this["auto-play"] ? this.#m() : this.#b();
   }
-  #v() {
+  #m() {
     this.#b();
     const t = parseInt(this.interval, 10) || 4e3;
     this.#n = setInterval(() => {
-      const e = this.#o(), i = this.#r + 1;
-      i >= e.length && !this.loop ? this.#p(0) : this.#p(i);
+      const e = this.#h(), i = this.#r + 1;
+      i >= e.length && !this.loop ? this.#c(0) : this.#c(i);
     }, t);
   }
   #b() {
     this.#n !== null && (clearInterval(this.#n), this.#n = null);
   }
-  #c = () => {
+  #p = () => {
     this.#b();
   };
-  #g = () => {
-    this["auto-play"] && this.#v();
+  #A = () => {
+    this["auto-play"] && this.#m();
   };
-  #m = () => {
+  #v = () => {
   };
-  #A = (t) => {
-    t.key === "ArrowLeft" ? (t.preventDefault(), this.#p(this.#r - 1)) : t.key === "ArrowRight" && (t.preventDefault(), this.#p(this.#r + 1));
+  #y = (t) => {
+    t.key === "ArrowLeft" ? (t.preventDefault(), this.#c(this.#r - 1)) : t.key === "ArrowRight" && (t.preventDefault(), this.#c(this.#r + 1));
   };
 }
-let ft = 0;
-class Ve extends d {
+let Ct = 0;
+class Qe extends d {
   static attributes = {
     max: { type: "string", default: "50" }
   };
@@ -4929,14 +5198,14 @@ class Ve extends d {
   #a = null;
   #r = null;
   activate() {
-    this.#h();
+    this.#o();
   }
   dispose() {
     this.#t = null, this.#i = null, this.#s = null, this.#n = null, this.#a = null, this.#r = null, this.#e.length = 0;
   }
   // ── Public API ──────────────────────────────────────────────
   add(t) {
-    const e = `notif-${++ft}`, i = {
+    const e = `notif-${++Ct}`, i = {
       id: e,
       title: t.title,
       message: t.message,
@@ -4970,9 +5239,9 @@ class Ve extends d {
     return this.#e.filter((t) => !t.read).length;
   }
   // ── Internal ────────────────────────────────────────────────
-  #h() {
-    const t = document.createElement("button");
-    t.setAttribute("data-nc-trigger", ""), t.setAttribute("aria-label", "Notifications"), t.innerHTML = '<aui-icon name="bell" size="sm"></aui-icon>', t.addEventListener("click", this.#o);
+  #o() {
+    const t = document.createElement("aui-button");
+    t.setAttribute("data-nc-trigger", ""), t.setAttribute("ghost", ""), t.setAttribute("hide-label", ""), t.setAttribute("label", "Notifications"), t.setAttribute("icon-leading", "bell"), t.addEventListener("click", this.#h);
     const e = document.createElement("span");
     e.setAttribute("data-nc-badge", ""), e.hidden = !0, t.append(e);
     const i = document.createElement("div");
@@ -4981,14 +5250,14 @@ class Ve extends d {
     s.setAttribute("data-nc-header", "");
     const n = document.createElement("span");
     n.setAttribute("data-nc-title", ""), n.textContent = "Notifications";
-    const a = document.createElement("button");
-    a.setAttribute("data-nc-clear", ""), a.textContent = "Clear all", a.addEventListener("click", () => this.clearAll()), this.#r = a, s.append(n, a);
+    const a = document.createElement("aui-button");
+    a.setAttribute("data-nc-clear", ""), a.setAttribute("ghost", ""), a.setAttribute("size", "sm"), a.textContent = "Clear all", a.addEventListener("click", () => this.clearAll()), this.#r = a, s.append(n, a);
     const r = document.createElement("div");
     r.setAttribute("data-nc-list", ""), this.#n = r;
-    const o = document.createElement("div");
-    o.setAttribute("data-nc-empty", ""), o.textContent = "No notifications", this.#a = o, i.append(s, r, o), this.append(t, i), this.#t = t, this.#i = e, this.#s = i, this.#l();
+    const h = document.createElement("div");
+    h.setAttribute("data-nc-empty", ""), h.textContent = "No notifications", this.#a = h, i.append(s, r, h), this.append(t, i), this.#t = t, this.#i = e, this.#s = i, this.#l();
   }
-  #o = () => {
+  #h = () => {
     if (this.#s) {
       try {
         this.#s.togglePopover();
@@ -5012,14 +5281,14 @@ class Ve extends d {
       s.setAttribute("data-nc-item-content", "");
       const n = document.createElement("div");
       if (n.setAttribute("data-nc-item-title", ""), n.textContent = e.title, s.append(n), e.message) {
-        const o = document.createElement("div");
-        o.setAttribute("data-nc-item-message", ""), o.textContent = e.message, s.append(o);
+        const h = document.createElement("div");
+        h.setAttribute("data-nc-item-message", ""), h.textContent = e.message, s.append(h);
       }
       const a = document.createElement("div");
       a.setAttribute("data-nc-item-time", ""), a.textContent = this.#d(e.timestamp), s.append(a);
-      const r = document.createElement("button");
-      r.setAttribute("data-nc-item-dismiss", ""), r.setAttribute("aria-label", "Dismiss"), r.innerHTML = '<aui-icon name="x" size="xs"></aui-icon>', r.addEventListener("click", (o) => {
-        o.stopPropagation(), this.dismiss(e.id);
+      const r = document.createElement("aui-button");
+      r.setAttribute("data-nc-item-dismiss", ""), r.setAttribute("ghost", ""), r.setAttribute("hide-label", ""), r.setAttribute("label", "Dismiss"), r.setAttribute("icon-leading", "x"), r.setAttribute("size", "sm"), r.addEventListener("click", (h) => {
+        h.stopPropagation(), this.dismiss(e.id);
       }), i.append(s, r), this.#n.append(i);
     }
   }
@@ -5031,7 +5300,7 @@ class Ve extends d {
     return s < 24 ? `${s}h ago` : `${Math.floor(s / 24)}d ago`;
   }
 }
-class Ke extends d {
+class ti extends d {
   static attributes = {
     icon: { type: "string", default: "" },
     heading: { type: "string", default: "" },
@@ -5042,19 +5311,19 @@ class Ke extends d {
   #i = null;
   #s = null;
   activate() {
-    this.#n(), this.addEffect(() => this.#a()), this.addEffect(() => this.#r()), this.addEffect(() => this.#h());
+    this.#n(), this.addEffect(() => this.#a()), this.addEffect(() => this.#r()), this.addEffect(() => this.#o());
   }
   dispose() {
     this.#e = null, this.#t = null, this.#i = null, this.#s = null;
   }
   #n() {
     const t = Array.from(this.childNodes), e = document.createElement("aui-icon");
-    e.setAttribute("data-empty-state-icon", ""), e.setAttribute("size", "xl"), this.#e = e;
+    e.setAttribute("data-empty-state-icon", ""), e.setAttribute("size", "3xl"), this.#e = e;
     const i = document.createElement("aui-heading");
     i.setAttribute("data-empty-state-heading", ""), i.setAttribute("size", "md"), this.#t = i;
     const s = document.createElement("aui-text");
     s.setAttribute("data-empty-state-description", ""), s.setAttribute("muted", ""), s.setAttribute("size", "sm"), this.#i = s;
-    const n = document.createElement("div");
+    const n = document.createElement("aui-button-group");
     n.setAttribute("data-empty-state-actions", "");
     for (const a of t)
       n.append(a);
@@ -5068,93 +5337,273 @@ class Ke extends d {
     const t = this.heading;
     this.#t && (this.#t.textContent = t, this.#t.hidden = !t);
   }
-  #h() {
+  #o() {
     const t = this.description;
     this.#i && (this.#i.textContent = t, this.#i.hidden = !t);
   }
 }
+class ei extends d {
+  static attributes = {
+    value: { type: "string", default: "0" },
+    min: { type: "string", default: "0" },
+    max: { type: "string", default: "100" }
+  };
+  activate() {
+    this.addEffect(() => {
+      const t = Number(this.min) || 0, e = Number(this.max) || 100, i = Number(this.value) || 0, s = Math.max(0, Math.min(100, (i - t) / (e - t) * 100));
+      this.style.setProperty("--aui-meter-pct", String(s));
+    });
+  }
+}
+class ii extends d {
+  static attributes = {
+    disabled: { type: "boolean", default: !1 },
+    required: { type: "boolean", default: !1 },
+    name: { type: "string", default: "" },
+    value: { type: "string", default: "" },
+    label: { type: "string", default: "" },
+    min: { type: "number", default: 0 },
+    max: { type: "number", default: 0 }
+  };
+  activate() {
+    this.setAttribute("role", "group"), this.addEffect(() => {
+      for (const t of this.#e())
+        this.name && t.setAttribute("name", this.name), this.disabled && t.setAttribute("disabled", "");
+    }), this.addEffect(() => {
+      const t = this.#t(this.value);
+      for (const e of this.#e()) {
+        const i = e.getAttribute("value") || "", s = t.includes(i);
+        s && !e.hasAttribute("checked") ? e.setAttribute("checked", "") : !s && e.hasAttribute("checked") && e.removeAttribute("checked");
+      }
+    }), this.addEffect(() => {
+      if (this.disabled) return;
+      const t = this.max;
+      if (!t) {
+        for (const s of this.#e())
+          s.hasAttribute("data-checkbox-group-disabled") && (s.removeAttribute("disabled"), s.removeAttribute("data-checkbox-group-disabled"));
+        return;
+      }
+      const i = this.#t(this.value).length >= t;
+      for (const s of this.#e()) {
+        const n = s.hasAttribute("checked");
+        i && !n ? (s.setAttribute("disabled", ""), s.setAttribute("data-checkbox-group-disabled", "")) : s.hasAttribute("data-checkbox-group-disabled") && (s.removeAttribute("disabled"), s.removeAttribute("data-checkbox-group-disabled"));
+      }
+    }), this.addEffect(() => {
+      this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label");
+    }), this.addEventListener("change", this.#i);
+  }
+  dispose() {
+    this.removeEventListener("change", this.#i);
+  }
+  #e() {
+    return Array.from(this.querySelectorAll("aui-checkbox"));
+  }
+  #t(t) {
+    return t ? t.split(",").map((e) => e.trim()).filter(Boolean) : [];
+  }
+  #i = (t) => {
+    if (t.target.tagName !== "AUI-CHECKBOX") return;
+    t.stopPropagation();
+    const i = [];
+    for (const s of this.#e())
+      s.hasAttribute("checked") && i.push(s.getAttribute("value") || "");
+    this.value = i.join(","), this.dispatchEvent(new CustomEvent("change", {
+      bubbles: !0,
+      detail: { values: i }
+    }));
+  };
+}
+class si extends d {
+  static attributes = {
+    action: { type: "string", default: "" },
+    method: { type: "string", default: "post" },
+    "no-validate": { type: "boolean", default: !1 }
+  };
+  get noValidate() {
+    return this.hasAttribute("no-validate");
+  }
+  activate() {
+    this.addEventListener("click", this.#e);
+  }
+  dispose() {
+    this.removeEventListener("click", this.#e);
+  }
+  #e = (t) => {
+    const e = t.target?.closest?.(
+      '[type="submit"], [data-submit]'
+    );
+    !e || !this.contains(e) || (t.preventDefault(), this.submit());
+  };
+  /** Programmatic submit — runs validation then dispatches. */
+  submit() {
+    if (!this.noValidate) {
+      const e = this.#t();
+      if (e.length > 0) {
+        this.dispatchEvent(new CustomEvent("invalid", {
+          bubbles: !0,
+          detail: { errors: e }
+        }));
+        return;
+      }
+    }
+    const t = this.#s();
+    this.dispatchEvent(new CustomEvent("submit", {
+      bubbles: !0,
+      detail: { data: t }
+    }));
+  }
+  /** Validate all required fields. Returns array of error objects. */
+  #t() {
+    const t = [], e = this.querySelectorAll("aui-field[required]");
+    for (const s of e)
+      if (this.#i(s))
+        s.hasAttribute("error") && s.removeAttribute("error");
+      else {
+        const r = `${s.getAttribute("label") || "This field"} is required`;
+        s.setAttribute("error", r), t.push({ field: s, message: r });
+      }
+    const i = this.querySelectorAll("aui-field[error]");
+    for (const s of i) {
+      if (t.some((a) => a.field === s)) continue;
+      const n = s.getAttribute("error") || "Invalid";
+      t.push({ field: s, message: n });
+    }
+    return t;
+  }
+  /** Check whether a field's input child has a value. */
+  #i(t) {
+    const e = t.querySelector(
+      "aui-input, aui-textarea, aui-select, aui-checkbox, aui-radio-group, aui-checkbox-group"
+    );
+    if (!e) return !1;
+    const i = e.tagName;
+    if (i === "AUI-CHECKBOX")
+      return e.hasAttribute("checked");
+    if (i === "AUI-CHECKBOX-GROUP" || i === "AUI-RADIO-GROUP")
+      return !!e.getAttribute("value");
+    const s = e.value ?? e.getAttribute("value") ?? "";
+    return String(s).trim() !== "";
+  }
+  /** Collect form data from all named inputs within the form. */
+  #s() {
+    const t = {}, e = this.querySelectorAll(
+      "aui-input[name], aui-textarea[name], aui-select[name], aui-checkbox[name], aui-radio-group[name], aui-checkbox-group[name], aui-range[name], aui-switch[name]"
+    );
+    for (const i of e) {
+      const s = i.getAttribute("name");
+      if (!s) continue;
+      const n = i.tagName;
+      if (n === "AUI-CHECKBOX") {
+        if (i.hasAttribute("checked")) {
+          const r = i.getAttribute("value") || "on";
+          if (s in t) {
+            const h = t[s];
+            Array.isArray(h) ? h.push(r) : t[s] = [h, r];
+          } else
+            t[s] = r;
+        }
+        continue;
+      }
+      if (n === "AUI-SWITCH") {
+        t[s] = i.hasAttribute("checked") ? "on" : "";
+        continue;
+      }
+      if (n === "AUI-CHECKBOX-GROUP") {
+        const r = i.getAttribute("value") || "";
+        t[s] = r ? r.split(",").map((h) => h.trim()) : [];
+        continue;
+      }
+      const a = i.value ?? i.getAttribute("value") ?? "";
+      t[s] = String(a);
+    }
+    return t;
+  }
+}
 export {
-  me as $,
-  vt as A,
-  Kt as B,
-  _t as C,
-  Yt as D,
-  Wt as E,
-  Jt as F,
-  Xt as G,
-  jt as H,
-  Gt as I,
-  Zt as J,
-  Qt as K,
-  te as L,
-  se as M,
-  ee as N,
-  ae as O,
-  ne as P,
-  ie as Q,
-  re as R,
-  he as S,
-  oe as T,
-  le as U,
-  de as V,
-  ue as W,
-  ce as X,
-  pe as Y,
-  fe as Z,
-  be as _,
-  gt as a,
-  ve as a0,
-  ge as a1,
-  ye as a2,
-  Ae as a3,
-  Ee as a4,
-  xe as a5,
-  we as a6,
-  ke as a7,
-  Ce as a8,
-  Le as a9,
-  Se as aa,
-  De as ab,
-  Ie as ac,
-  Me as ad,
-  Te as ae,
-  Pe as af,
-  qe as ag,
-  Oe as ah,
-  Fe as ai,
-  Re as aj,
-  ze as ak,
-  Ne as al,
-  He as am,
-  Ue as an,
-  $e as ao,
-  Be as ap,
-  Ve as aq,
-  Ke as ar,
-  At as b,
-  Et as c,
-  xt as d,
-  wt as e,
-  kt as f,
-  Ct as g,
-  Lt as h,
-  St as i,
-  Dt as j,
-  It as k,
-  Mt as l,
-  yt as m,
-  Tt as n,
-  Pt as o,
-  qt as p,
-  Ot as q,
-  Ft as r,
-  Rt as s,
-  zt as t,
-  Nt as u,
-  Ht as v,
-  Ut as w,
-  $t as x,
-  Bt as y,
-  Vt as z
+  Te as $,
+  Wt as A,
+  Ve as B,
+  Nt as C,
+  Fe as D,
+  He as E,
+  Ht as F,
+  _e as G,
+  ti as H,
+  Ae as I,
+  je as J,
+  si as K,
+  Bt as L,
+  Ge as M,
+  zt as N,
+  Je as O,
+  Dt as P,
+  It as Q,
+  ei as R,
+  Qe as S,
+  Kt as T,
+  Vt as U,
+  ke as V,
+  Le as W,
+  Ce as X,
+  ie as Y,
+  de as Z,
+  le as _,
+  Jt as a,
+  Ne as a0,
+  qt as a1,
+  Ot as a2,
+  Ut as a3,
+  ye as a4,
+  ee as a5,
+  te as a6,
+  _t as a7,
+  Se as a8,
+  De as a9,
+  Ie as aa,
+  Me as ab,
+  qe as ac,
+  We as ad,
+  Pt as ae,
+  jt as af,
+  Xt as ag,
+  ce as ah,
+  ue as ai,
+  pe as aj,
+  fe as ak,
+  be as al,
+  me as am,
+  Yt as an,
+  ze as ao,
+  Ft as ap,
+  Be as aq,
+  Gt as ar,
+  $t as as,
+  ve as at,
+  ge as au,
+  we as b,
+  Re as c,
+  Zt as d,
+  Qt as e,
+  Mt as f,
+  Ee as g,
+  xe as h,
+  Ze as i,
+  Tt as j,
+  ii as k,
+  Oe as l,
+  Pe as m,
+  L as n,
+  Ue as o,
+  Ye as p,
+  $e as q,
+  se as r,
+  ne as s,
+  ae as t,
+  re as u,
+  oe as v,
+  he as w,
+  Rt as x,
+  Ke as y,
+  Xe as z
 };
-//# sourceMappingURL=empty-state-5M3uR5CM.js.map
+//# sourceMappingURL=form-oekEhwja.js.map