@agent-ui-kit/web-components 0.0.15 → 0.0.17

package/dist/chunks/{meter-Dju8ik6C.js → form-oekEhwja.js}

@@ -1,5 +1,5 @@
-import { A as d, l as J, u as N } from "./agent-BF_R_HJk.js";
-import { o as Z, g as z } from "./registry-BNb5ABBs.js";
+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 },
@@ -131,11 +131,11 @@ class Dt extends d {
         t ? this.insertBefore(this.#o, t) : this.appendChild(this.#o);
       } else
         this.#o = this.querySelector("[data-input-clear]");
-      this.#o?.addEventListener("click", this.#k);
+      this.#o?.addEventListener("click", this.#C);
     }
   }
   dispose() {
-    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.#k), this.#h && clearTimeout(this.#h);
+    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) {
@@ -200,7 +200,7 @@ class Dt extends d {
   }
   // ── Event handlers ────────────────────────────────────
   #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.#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") {
@@ -270,7 +270,7 @@ class Dt extends d {
     t.stopPropagation(), this.#y(-1);
   };
   // ── Search helpers ──────────────────────────────────────────
-  #C() {
+  #k() {
     this.#h && clearTimeout(this.#h);
     const t = parseInt(this.debounce, 10) || 200;
     this.#h = setTimeout(() => {
@@ -284,7 +284,7 @@ class Dt extends d {
       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();
   };
 }
@@ -499,7 +499,7 @@ class qt extends d {
     (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#t());
   };
 }
-class Ft extends d {
+class Ot extends d {
   static attributes = {
     disabled: { type: "boolean", default: !1 },
     name: { type: "string", default: "" },
@@ -551,7 +551,7 @@ class Ft extends d {
     s >= 0 && (e[s].click(), e[s].focus());
   };
 }
-class Rt extends d {
+class Ft extends d {
   static formAssociated = !0;
   static attributes = {
     disabled: { type: "boolean", default: !1 },
@@ -621,7 +621,7 @@ class Rt extends d {
     t.target === this && this.#t?.focus();
   };
 }
-class Ot extends d {
+class Rt extends d {
   static attributes = {
     bordered: { type: "boolean", default: !1 },
     elevation: { type: "string", default: "" },
@@ -702,7 +702,7 @@ function it(o) {
   const t = getComputedStyle(o).getPropertyValue("--aui-duration").trim();
   return parseFloat(t) || 200;
 }
-class zt extends d {
+class Ht extends d {
   static attributes = {
     open: { type: "boolean", default: !1 },
     side: { type: "enum", values: ["left", "right", "top", "bottom"], default: "right" },
@@ -754,8 +754,8 @@ class zt extends d {
     t.target === this.#e && this.hide();
   };
 }
-const H = /* @__PURE__ */ new Map();
-class Ht extends d {
+const z = /* @__PURE__ */ new Map();
+class zt extends d {
   static attributes = {
     name: { type: "string", default: "" },
     src: { type: "string", default: "" },
@@ -784,13 +784,13 @@ class Ht extends d {
   }
   #i = null;
   #s(t) {
-    const e = z(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(() => {
-      !z(t) && !this.querySelector("svg") && console.warn(`[aui-icon] Icon "${t}" not found in registry. Register it with registerIcons({ ${t}: svgString }).`), this.#i = null;
+      !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 = H.get(t);
+    const e = z.get(t);
     if (e) {
       this.#a(e);
       return;
@@ -800,7 +800,7 @@ class Ht extends d {
       if (!i.ok) return;
       const s = await i.text();
       if (!s.includes("<svg")) return;
-      H.set(t, s), this.src === t && this.#a(s);
+      z.set(t, s), this.src === t && this.#a(s);
     } catch {
     }
   }
@@ -1071,7 +1071,7 @@ class _t extends d {
   activate() {
     switch (this.mode) {
       case "bar":
-        this.#z();
+        this.#H();
         break;
       case "list":
         this.#ht();
@@ -1080,7 +1080,7 @@ class _t extends d {
         this.#pt();
         break;
       default:
-        this.#C();
+        this.#k();
         break;
     }
   }
@@ -1096,7 +1096,7 @@ class _t extends d {
         this.#ft();
         break;
       default:
-        this.#k();
+        this.#C();
         break;
     }
   }
@@ -1131,7 +1131,7 @@ class _t 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.#v)?.selectValue?.(t);
   }
@@ -1177,7 +1177,7 @@ class _t extends d {
   // ════════════════════════════════════════════════════════════
   // 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 = 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);
@@ -1198,7 +1198,7 @@ class _t extends d {
       })), this.#g();
     }
   };
-  #k() {
+  #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();
   }
   #x() {
@@ -1224,20 +1224,20 @@ class _t extends d {
   // ════════════════════════════════════════════════════════════
   // MODE: Bar (toolbar)
   // ════════════════════════════════════════════════════════════
-  #z() {
-    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.#F(), this.#d = new ResizeObserver(() => this.#R()), 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.#h?.contains(e.target)) {
-          this.#R();
+          this.#F();
           return;
         }
-    }), this.#u.observe(this, { childList: !0, subtree: !0 }), this.#R();
+    }), this.#u.observe(this, { childList: !0, subtree: !0 }), this.#F();
   }
   #q() {
     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 ───────────────────────────────
-  #F() {
+  #O() {
     const t = Array.from(this.children);
     let e = !1;
     for (const i of t) {
@@ -1251,12 +1251,12 @@ class _t extends d {
     }
   }
   // ── Bar: Measurement ───────────────────────────────────
-  #R() {
+  #F() {
     this.#c === null && (this.#c = requestAnimationFrame(() => {
       this.#c = null, this.#it();
     }));
   }
-  #O() {
+  #R() {
     return Array.from(this.children).filter(
       (t) => t instanceof HTMLElement && !t.hasAttribute("data-overflow-trigger") && !t.hasAttribute("data-overflow-popover")
     );
@@ -1267,7 +1267,7 @@ class _t extends d {
       return;
     }
     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.#O();
+    const t = this.#R();
     if (t.length === 0) {
       this.#D();
       return;
@@ -1344,7 +1344,7 @@ class _t extends d {
   }
   // ── Bar: Overflow menu ─────────────────────────────────
   #nt() {
-    for (const t of this.#O())
+    for (const t of this.#R())
       t.removeAttribute("data-select-overflow");
     this.removeAttribute("data-select-overflowing"), this.removeAttribute("data-select-measuring"), this.#N();
   }
@@ -1353,7 +1353,7 @@ class _t extends d {
   }
   #at() {
     if (this.#N(), !this.#l) return;
-    const t = this.#O();
+    const t = this.#R();
     let e = 0;
     for (const i of t)
       if (i.hasAttribute("data-select-overflow")) {
@@ -1375,7 +1375,7 @@ class _t extends d {
   /** Flat list of overflowed source elements, in DOM order (for click dispatch). */
   #rt() {
     const t = [];
-    for (const e of this.#O())
+    for (const e of this.#R())
       if (e.hasAttribute("data-select-overflow"))
         if (e.tagName === "AUI-OPTGROUP")
           for (const i of e.children)
@@ -1418,7 +1418,7 @@ class _t extends d {
   // ── Bar: Keyboard navigation ───────────────────────────
   #ot() {
     const t = [], e = this.hasAttribute("data-select-overflowing") ? rt : at;
-    for (const i of this.#O())
+    for (const i of this.#R())
       if (!i.hasAttribute("data-select-overflow"))
         if (i.tagName === "AUI-OPTGROUP")
           for (const s of i.children)
@@ -1461,7 +1461,7 @@ class _t extends d {
     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");
@@ -1509,7 +1509,7 @@ class _t 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);
   };
@@ -1541,7 +1541,7 @@ class _t extends d {
         case " ": {
           t.preventDefault();
           const i = e[this.#f];
-          i && this.#H(i);
+          i && this.#z(i);
           break;
         }
         default:
@@ -2257,17 +2257,17 @@ class le extends d {
     return this.direction === "vertical";
   }
   activate() {
-    this.addEventListener("pointermove", this.#k), this.addEventListener("pointerleave", this.#x), this.addEventListener("pointerdown", this.#I, !0), this.#b(), this.#e = new MutationObserver(this.#R), 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.#x), this.removeEventListener("pointerdown", this.#I, !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() {
@@ -2334,12 +2334,12 @@ class le extends d {
     const r = [];
     for (let b = t + 1; b < s.length; b++) r.push(b);
     const h = (b) => {
-      const A = [], E = [], k = [];
+      const A = [], E = [], C = [];
       for (const D of b) {
-        const O = this.#m(s[D]);
-        O === w.High ? A.push(D) : O === w.Low ? k.push(D) : E.push(D);
+        const R = this.#m(s[D]);
+        R === w.High ? A.push(D) : R === w.Low ? C.push(D) : E.push(D);
       }
-      return [...A, ...E, ...k];
+      return [...A, ...E, ...C];
     }, l = h(a), c = h(r);
     let u = 0, f = 0;
     for (const b of l)
@@ -2399,7 +2399,7 @@ class le extends d {
   }
   // ── Proportional container resize ──
   #g = 0;
-  #C = () => {
+  #k = () => {
     if (this.#s >= 0) return;
     const t = this.#E();
     if (t <= 0) return;
@@ -2437,7 +2437,7 @@ class le extends d {
     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) {
@@ -2468,7 +2468,7 @@ class le extends d {
       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.#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.#z);
+    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;
@@ -2493,7 +2493,7 @@ class le extends d {
   #M = () => {
     this.#s < 0 || (this.#l = [...this.#n], this.#p(), this.#q());
   };
-  #z = (t) => {
+  #H = (t) => {
     t.key === "Escape" && this.#s >= 0 && (t.preventDefault(), this.#M());
   };
   #q() {
@@ -2504,11 +2504,11 @@ class le extends d {
       }
       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.#M), document.removeEventListener("keydown", this.#z);
+    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) ──
-  #F = 0;
-  #R = (t) => {
+  #O = 0;
+  #F = (t) => {
     let e = !1;
     for (const i of t) {
       const s = i.target;
@@ -2521,8 +2521,8 @@ class le extends d {
         break;
       }
     }
-    e && (this.#F || (this.#F = requestAnimationFrame(() => {
-      this.#F = 0, this.#b();
+    e && (this.#O || (this.#O = requestAnimationFrame(() => {
+      this.#O = 0, this.#b();
     })));
   };
 }
@@ -2827,7 +2827,7 @@ class ce extends d {
       };
       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 ───────────────────────────────────────
   #A = (t) => {
@@ -2868,7 +2868,7 @@ class ce extends d {
     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();
   }
   #g() {
-    const t = this.#k(this.#w()), e = t.length > 0 && t.every((i) => this.#r.has(this.#y(i)));
+    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.#y(i);
       e ? this.#r.delete(s) : this.#r.add(s);
@@ -2876,7 +2876,7 @@ class ce extends d {
     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() {
@@ -2897,8 +2897,8 @@ class ce extends d {
     }
     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);
@@ -2906,7 +2906,7 @@ class ce extends d {
   // ── Render (updates innerHTML of stable containers) ────────
   #x() {
     if (!this.#o || !this.#l || !this.#d) return;
-    const t = this.#w(), e = this.#k(t);
+    const t = this.#w(), e = this.#C(t);
     this.#l.innerHTML = "";
     const i = document.createElement("aui-table-row");
     if (this.selectable) {
@@ -2940,7 +2940,7 @@ class ce extends d {
     }
     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, 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);
@@ -3184,7 +3184,7 @@ class Ee extends d {
   };
 }
 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 F(o) {
+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}`;
@@ -3249,7 +3249,7 @@ class xe extends d {
   // Display
   // ════════════════════════════════════════════════════════════
   #h() {
-    this.#i && (this.start && this.end ? (this.#i.textContent = `${F(this.start)} — ${F(this.end)}`, this.#i.removeAttribute("data-placeholder")) : this.start ? (this.#i.textContent = `${F(this.start)} — ...`, this.#i.removeAttribute("data-placeholder")) : (this.#i.textContent = this.placeholder, this.#i.setAttribute("data-placeholder", "")));
+    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
@@ -3281,12 +3281,12 @@ class we extends d {
     this.setAttribute("role", "application");
   }
 }
-class Ce extends d {
+class ke extends d {
   activate() {
     this.setAttribute("role", "main");
   }
 }
-class ke extends d {
+class Ce extends d {
 }
 class Le extends d {
   activate() {
@@ -3447,7 +3447,7 @@ class qe extends d {
     });
   }
 }
-class Fe extends d {
+class Oe extends d {
   static attributes = {
     removable: { type: "boolean", default: !1 }
   };
@@ -3466,7 +3466,7 @@ class Fe extends d {
     }), this.append(t), this.#e = t;
   }
 }
-class Re extends d {
+class Fe extends d {
   static attributes = {
     summary: { type: "string", default: "" },
     open: { type: "boolean", default: !1 }
@@ -3504,7 +3504,7 @@ class Re extends d {
     s.setAttribute("data-disclosure-content", ""), s.appendChild(i), this.appendChild(e), this.appendChild(s);
   }
 }
-class Oe extends d {
+class Re extends d {
   static attributes = {
     max: { type: "string", default: "" },
     size: { type: "string", default: "" }
@@ -3570,7 +3570,7 @@ class Ne extends d {
     this.#i.textContent = t, this.#i.style.display = t ? "" : "none";
   }
 }
-class ze extends d {
+class He extends d {
   static attributes = {
     exclusive: { type: "boolean", default: !1 }
   };
@@ -3612,7 +3612,7 @@ class ze extends d {
     }).observe(this, { childList: !0 });
   }
 }
-class He extends d {
+class ze extends d {
   static attributes = {
     label: { type: "string", default: "" },
     max: { type: "string", default: "" }
@@ -3708,13 +3708,13 @@ function vt(o, t, e) {
 function S(o) {
   return o <= 31308e-7 ? 12.92 * o : 1.055 * Math.pow(o, 1 / 2.4) - 0.055;
 }
-function R(o) {
+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 C(o, t, e, i = 1) {
+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;
@@ -3722,7 +3722,7 @@ function C(o, t, e, i = 1) {
 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 = R(t), a = R(e), r = R(i), [h, l, c] = vt(n, a, r), [u, f, p] = mt(h, l, c);
+  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,
@@ -3764,10 +3764,10 @@ class L extends d {
     }), new ResizeObserver(() => {
       const e = parseFloat(this.hue) || 0;
       this.#i(e);
-    }).observe(this), this.addEventListener("pointerdown", this.#s), this.#t.addEventListener("keydown", this.#o);
+    }).observe(this), this.addEventListener("mousedown", this.#s), this.#t.addEventListener("keydown", this.#o);
   }
   dispose() {
-    this.removeEventListener("pointerdown", this.#s), this.#t?.removeEventListener("keydown", this.#o);
+    this.removeEventListener("mousedown", this.#s), this.#t?.removeEventListener("keydown", this.#o);
   }
   // ── Canvas gradient rendering ─────────────────────────────
   #i(t) {
@@ -3786,26 +3786,27 @@ class L extends d {
         if (!V(p, v, t)) {
           let b = 0, A = v;
           for (let E = 0; E < 8; E++) {
-            const k = (b + A) / 2;
-            V(p, k, t) ? b = k : A = k;
+            const C = (b + A) / 2;
+            V(p, C, t) ? b = C : A = C;
           }
           v = b;
         }
-        const y = C(p, v, t);
+        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);
   }
-  // ── 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-area-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-area-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-area-pressed"), this.removeEventListener("pointermove", this.#n), this.removeEventListener("pointerup", this.#a), this.#h();
+    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;
@@ -3880,45 +3881,46 @@ class $e extends d {
         if (t === "hue") {
           const c = [];
           for (let u = 0; u <= 360; u += 30)
-            c.push(C(h, r, u) + ` ${(u / 360 * 100).toFixed(1)}%`);
+            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(C(h, p, a) + ` ${(f / 10 * 100).toFixed(1)}%`);
+            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(C(p, r, a) + ` ${(f / 10 * 100).toFixed(1)}%`);
+            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 = C(h, r, a);
+          const c = k(h, r, a);
           this.#e.style.background = `linear-gradient(to right, transparent, ${c})`;
         } else
           this.#e.style.background = "";
-    }), this.addEventListener("pointerdown", this.#s), this.#t.addEventListener("keydown", this.#o);
+    }), this.addEventListener("mousedown", this.#s), this.#t.addEventListener("keydown", this.#o);
   }
   dispose() {
-    this.removeEventListener("pointerdown", this.#s), this.#t?.removeEventListener("keydown", this.#o);
+    this.removeEventListener("mousedown", this.#s), this.#t?.removeEventListener("keydown", this.#o);
   }
   #i() {
     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.#h();
+    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), h = Math.round(r / a) * a, l = Math.max(s, Math.min(n, h));
@@ -3968,38 +3970,84 @@ class Ue extends d {
     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);
   }
 }
@@ -4675,9 +4723,9 @@ class Ye extends d {
     };
     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("size", "sm"), i.appendChild(this.#h), i.appendChild(this.#o);
+    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("size", "sm"), s.appendChild(this.#d), s.appendChild(this.#l), this.#r.appendChild(i), this.#r.appendChild(s), this.appendChild(this.#r), this.#A(), this.addEffect(() => {
+    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) {
@@ -4689,7 +4737,7 @@ class Ye extends d {
       }
     }), this.addEffect(() => {
       this.#p || (this.#A(), this.#v());
-    }), this.#e.addEventListener("input", this.#g), this.#e.addEventListener("change", this.#C);
+    }), this.#e.addEventListener("input", this.#g), this.#e.addEventListener("change", this.#k);
     const n = (a) => (r) => {
       const h = r;
       h.stopPropagation();
@@ -4733,11 +4781,11 @@ class Ye extends d {
     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 = C(this.#c, this.#f, this.#m, this.#b);
+    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);
   }
   #y() {
-    this.#p = !0, this.format === "hex" ? this.value = C(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;
+    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;
   }
   #E() {
     this.dispatchEvent(new CustomEvent("change", {
@@ -4756,7 +4804,7 @@ class Ye extends d {
   #g = (t) => {
     t.stopPropagation(), this.#c = t.detail.l, this.#f = t.detail.c, this.#y();
   };
-  #C = (t) => {
+  #k = (t) => {
     t.stopPropagation(), this.#c = t.detail.l, this.#f = t.detail.c, this.#y(), this.#E();
   };
 }
@@ -4766,7 +4814,7 @@ function wt(o) {
   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 Ct(o) {
+function kt(o) {
   return o < 1024 ? `${o} B` : o < 1024 * 1024 ? `${(o / 1024).toFixed(1)} KB` : `${(o / (1024 * 1024)).toFixed(1)} MB`;
 }
 class je extends d {
@@ -4845,7 +4893,7 @@ class je extends d {
         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 = Ct(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;
@@ -5137,7 +5185,7 @@ class Ze extends d {
     t.key === "ArrowLeft" ? (t.preventDefault(), this.#c(this.#r - 1)) : t.key === "ArrowRight" && (t.preventDefault(), this.#c(this.#r + 1));
   };
 }
-let kt = 0;
+let Ct = 0;
 class Qe extends d {
   static attributes = {
     max: { type: "string", default: "50" }
@@ -5157,7 +5205,7 @@ class Qe extends d {
   }
   // ── Public API ──────────────────────────────────────────────
   add(t) {
-    const e = `notif-${++kt}`, i = {
+    const e = `notif-${++Ct}`, i = {
       id: e,
       title: t.title,
       message: t.message,
@@ -5307,67 +5355,233 @@ class ei extends d {
     });
   }
 }
+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 {
-  qt as $,
+  Te as $,
   Wt as A,
-  Nt as B,
-  Re as C,
-  ze as D,
-  zt as E,
-  _e as F,
-  ti as G,
-  Ae as H,
-  je as I,
-  Bt as J,
-  Ge as K,
-  Ht as L,
-  Je as M,
-  Dt as N,
-  It as O,
-  ei as P,
-  Qe as Q,
-  Kt as R,
-  Vt as S,
-  Ce as T,
-  Le as U,
+  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,
-  ie as W,
-  de as X,
-  le as Y,
-  Te as Z,
-  Ne as _,
+  Le as W,
+  Ce as X,
+  ie as Y,
+  de as Z,
+  le as _,
   Jt as a,
-  Ft as a0,
-  Ut as a1,
-  ye as a2,
-  ee as a3,
-  te as a4,
-  _t as a5,
-  Se as a6,
-  De as a7,
-  Ie as a8,
-  Me as a9,
-  qe as aa,
-  We as ab,
-  Pt as ac,
-  jt as ad,
-  Xt as ae,
-  ce as af,
-  ue as ag,
-  pe as ah,
-  fe as ai,
-  be as aj,
-  me as ak,
-  Yt as al,
-  He as am,
-  Rt as an,
-  Be as ao,
-  Gt as ap,
-  $t as aq,
-  ve as ar,
-  ge as as,
+  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,
-  Oe as c,
+  Re as c,
   Zt as d,
   Qt as e,
   Mt as f,
@@ -5375,21 +5589,21 @@ export {
   xe as h,
   Ze as i,
   Tt as j,
-  Fe as k,
-  Pe as l,
-  L as m,
-  Ue as n,
-  Ye as o,
-  $e as p,
-  se as q,
-  ne as r,
-  ae as s,
-  re as t,
-  oe as u,
-  he as v,
-  Ot as w,
-  Ke as x,
-  Xe as y,
-  Ve as z
+  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=meter-Dju8ik6C.js.map
+//# sourceMappingURL=form-oekEhwja.js.map