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

package/dist/components.js

@@ -1,3137 +1,127 @@
-import { A as h, s as H, u as D } from "./chunks/agent-ciCayeod.js";
-import { w as ee, j as ie, f as se, m as ne, h as ae, l as re, n as le, k as he, i as oe, g as de, R as ce, x as ue, y as be } from "./chunks/agent-ciCayeod.js";
-import { o as N, g as U } from "./chunks/registry-BNb5ABBs.js";
-import { a as pe, r as me } from "./chunks/registry-BNb5ABBs.js";
-class Q extends h {
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    loading: { type: "boolean", default: !1 },
-    type: { type: "enum", values: ["button", "submit", "reset"], default: "button" },
-    label: { type: "string", default: "" },
-    icon: { type: "string", default: "" },
-    "icon-leading": { type: "string", default: "" },
-    "icon-trailing": { type: "string", default: "" },
-    "text-leading": { type: "string", default: "" },
-    "text-trailing": { type: "string", default: "" },
-    href: { type: "string", default: "" }
-  };
-  #t = null;
-  #e = null;
-  #i = null;
-  #s = null;
-  activate() {
-    this.addEventListener("click", this.#n), this.addEventListener("keydown", this.#a), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "button"), Array.from(this.childNodes).some(
-      (e) => e.nodeType === 3 && e.textContent.trim()
-    ) && this.setAttribute("data-has-text", ""), this.addEffect(() => {
-      this.setAttribute("aria-disabled", String(this.disabled)), this.setAttribute("tabindex", this.disabled ? "-1" : "0");
-    }), this.addEffect(() => {
-      this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label");
-    }), this.addEffect(() => {
-      const e = this["icon-leading"] || this.icon, i = this["text-leading"];
-      if (e && !this.#t && (this.#t = document.createElement("aui-icon"), this.#t.setAttribute("slot", "leading"), this.prepend(this.#t)), this.#t && (e ? this.#t.setAttribute("name", e) : (this.#t.remove(), this.#t = null)), i && !this.#e) {
-        this.#e = document.createElement("span"), this.#e.setAttribute("slot", "leading-text");
-        const s = this.#t;
-        s ? s.after(this.#e) : this.prepend(this.#e);
-      }
-      this.#e && (i ? this.#e.textContent = i : (this.#e.remove(), this.#e = null));
-    }), this.addEffect(() => {
-      const e = this["icon-trailing"], i = this["text-trailing"];
-      if (e && !this.#i && (this.#i = document.createElement("aui-icon"), this.#i.setAttribute("slot", "trailing"), this.append(this.#i)), this.#i && (e ? this.#i.setAttribute("name", e) : (this.#i.remove(), this.#i = null)), i && !this.#s) {
-        this.#s = document.createElement("span"), this.#s.setAttribute("slot", "trailing-text");
-        const s = this.#i;
-        s ? s.before(this.#s) : this.append(this.#s);
-      }
-      this.#s && (i ? this.#s.textContent = i : (this.#s.remove(), this.#s = null));
-    });
-  }
-  dispose() {
-    this.removeEventListener("click", this.#n), this.removeEventListener("keydown", this.#a);
-  }
-  #n = (t) => {
-    if (this.disabled || this.loading) {
-      t.preventDefault(), t.stopPropagation();
-      return;
-    }
-    const e = this.href;
-    if (e) {
-      window.location.href = e;
-      return;
-    }
-    const i = this.type;
-    if (i === "submit" || i === "reset") {
-      const s = this.closest("form");
-      s && (i === "submit" ? s.requestSubmit() : s.reset());
-    }
-  };
-  #a = (t) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.click());
-  };
+import { A as a } from "./chunks/agent-BF_R_HJk.js";
+import { a as p, b as m, d as g, e as c, f as C, g as T, h as S, i as b, j as x, k as I, R as P, r as k, s as R } from "./chunks/agent-BF_R_HJk.js";
+import { A as f, a as h, b as D, c as G, d as B, e as E, f as M, g as w, h as y, i as H, j as O, k as v, l as L, m as N, n as j, o as U, p as _, q, r as z, s as Y, t as J, u as K, v as Q, w as V, x as W, y as X, z as Z, B as $, C as aa, D as ia, E as sa, F as ea, G as Aa, H as ua, I as ta, J as oa, K as ra, L as na, M as da, N as la, O as pa, P as ma, Q as ga, R as ca, S as Ca, T as Ta, U as Sa, V as ba, W as xa, X as Ia, Y as Pa, Z as ka, _ as Ra, $ as Fa, a0 as fa, a1 as ha, a2 as Da, a3 as Ga, a4 as Ba, a5 as Ea, a6 as Ma, a7 as wa, a8 as ya, a9 as Ha, aa as Oa, ab as va, ac as La, ad as Na, ae as ja, af as Ua, ag as _a, ah as qa, ai as za, aj as Ya, ak as Ja, al as Ka, am as Qa, an as Va, ao as Wa, ap as Xa, aq as Za, ar as $a, as as ai } from "./chunks/meter-Dju8ik6C.js";
+import { g as si, a as ei, r as Ai } from "./chunks/registry-BNb5ABBs.js";
+class e extends a {
 }
-class Z extends h {
-  static formAssociated = !0;
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    readonly: { type: "boolean", default: !1 },
-    required: { type: "boolean", default: !1 },
-    clearable: { type: "boolean", default: !1 },
-    autofocus: { type: "boolean", default: !1 },
-    type: { type: "enum", values: ["text", "email", "password", "search", "url", "tel", "number"], default: "text" },
-    placeholder: { type: "string", default: "" },
-    value: { type: "string", default: "" },
-    name: { type: "string", default: "" },
-    pattern: { type: "string", default: "" },
-    maxlength: { type: "string", default: "" },
-    font: { type: "string", default: "sans" }
-  };
-  #t;
-  #e = null;
-  #i = null;
-  #s = !1;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "textbox";
-  }
-  activate() {
-    if (this.#e = this.querySelector("[data-surface]"), !this.#e) {
-      this.#e = document.createElement("span"), this.#e.setAttribute("data-surface", ""), this.#e.setAttribute("contenteditable", "plaintext-only"), this.#e.setAttribute("spellcheck", "false"), this.#e.setAttribute("tabindex", "0");
-      const t = this.querySelector('[slot="trailing"]');
-      t ? this.insertBefore(this.#e, t) : this.appendChild(this.#e);
-    }
-    if (this.clearable && !this.querySelector("[data-clear]")) {
-      this.#i = document.createElement("span"), this.#i.setAttribute("data-clear", ""), this.#i.setAttribute("role", "button"), this.#i.setAttribute("tabindex", "-1"), this.#i.setAttribute("aria-label", "Clear"), this.#i.textContent = "✕";
-      const t = this.querySelector('[slot="trailing"]');
-      t ? this.insertBefore(this.#i, t) : this.appendChild(this.#i);
-    } else
-      this.#i = this.querySelector("[data-clear]");
-    this.value && this.#e && (this.#e.textContent = this.value), this.addEffect(() => {
-      const t = this.disabled || this.readonly;
-      this.#e?.setAttribute("contenteditable", t ? "false" : "plaintext-only"), this.disabled ? this.#e?.setAttribute("tabindex", "-1") : this.#e?.setAttribute("tabindex", "0"), this.#e?.setAttribute("data-placeholder", this.placeholder || ""), this.#t.setFormValue(this.value || null), this.#n(), this.#a();
-    }), this.addEffect(() => {
-      const t = this.value;
-      !this.#s && this.#e && this.#e.textContent !== t && (this.#e.textContent = t, this.#n());
-    }), this.#e.addEventListener("input", this.#l), this.#e.addEventListener("keydown", this.#h), this.#e.addEventListener("focus", this.#d), this.#e.addEventListener("blur", this.#u), this.#e.addEventListener("paste", this.#c), this.addEventListener("click", this.#b), this.#i?.addEventListener("click", this.#p), this.autofocus && requestAnimationFrame(() => this.#e?.focus());
-  }
-  dispose() {
-    this.#e?.removeEventListener("input", this.#l), this.#e?.removeEventListener("keydown", this.#h), this.#e?.removeEventListener("focus", this.#d), this.#e?.removeEventListener("blur", this.#u), this.#e?.removeEventListener("paste", this.#c), this.removeEventListener("click", this.#b), this.#i?.removeEventListener("click", this.#p);
-  }
-  // ── Public API ──────────────────────────────────────────
-  focus(t) {
-    this.#e?.focus(t);
-  }
-  blur() {
-    this.#e?.blur();
-  }
-  select() {
-    if (!this.#e) return;
-    const t = document.createRange();
-    t.selectNodeContents(this.#e);
-    const e = window.getSelection();
-    e?.removeAllRanges(), e?.addRange(t);
-  }
-  // ── Form callbacks ────────────────────────────────────
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.value = "", this.#e && (this.#e.textContent = ""), this.#n();
-  }
-  formStateRestoreCallback(t) {
-    this.value = t ?? "", this.#e && (this.#e.textContent = this.value);
-  }
-  // ── Internal ──────────────────────────────────────────
-  #n() {
-    const t = !this.#e?.textContent?.trim();
-    try {
-      t ? this.#t.states?.add("empty") : this.#t.states?.delete("empty");
-    } catch {
-    }
-    this.toggleAttribute("data-input-empty", t);
-  }
-  #a() {
-    if (this.required && !this.value?.trim())
-      this.#t.setValidity(
-        { valueMissing: !0 },
-        "This field is required",
-        this.#e ?? void 0
-      );
-    else if (this.pattern && this.value) {
-      try {
-        if (!new RegExp(`^(?:${this.pattern})$`).test(this.value)) {
-          this.#t.setValidity(
-            { patternMismatch: !0 },
-            "Please match the requested format",
-            this.#e ?? void 0
-          );
-          return;
-        }
-      } catch {
-      }
-      this.#t.setValidity({});
-    } else
-      this.#t.setValidity({});
-  }
-  #r() {
-    if (!this.#e || this.#e.textContent?.trim()) return;
-    const t = window.getSelection();
-    t && t.setPosition(this.#e, 0);
-  }
-  // ── Event handlers ────────────────────────────────────
-  #l = () => {
-    this.#s = !0, this.value = this.#e?.textContent ?? "", this.#t.setFormValue(this.value || null), this.#n(), this.#s = !1, this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 }));
-  };
-  #h = (t) => {
-    if (t.key === "Enter") {
-      t.preventDefault(), this.#t.form?.requestSubmit();
-      return;
-    }
-    if (this.maxlength) {
-      const e = parseInt(this.maxlength, 10);
-      (this.#e?.textContent?.length ?? 0) >= e && t.key.length === 1 && !t.ctrlKey && !t.metaKey && (window.getSelection()?.toString() || t.preventDefault());
-    }
-  };
-  #d = () => {
-    this.#r();
-  };
-  #u = () => {
-    this.dispatchEvent(new Event("change", { bubbles: !0 }));
-  };
-  #c = (t) => {
-    t.preventDefault();
-    let e = t.clipboardData?.getData("text/plain") ?? "";
-    if (e = e.replace(/[\r\n]+/g, " "), this.maxlength) {
-      const i = parseInt(this.maxlength, 10), s = this.#e?.textContent?.length ?? 0, a = window.getSelection()?.toString().length ?? 0, r = i - s + a;
-      e = e.slice(0, Math.max(0, r));
-    }
-    document.execCommand("insertText", !1, e);
-  };
-  #b = (t) => {
-    const e = t.target;
-    e === this || e.getAttribute("slot") === "leading" ? (this.#e?.focus(), this.#r()) : e === this.#e && this.#r();
-  };
-  #p = (t) => {
-    t.stopPropagation(), this.#e && (this.#e.textContent = ""), this.value = "", this.#t.setFormValue(null), this.#n(), this.#e?.focus(), this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-  };
+class A extends a {
 }
-class tt extends h {
-  static formAssociated = !0;
-  static attributes = {
-    length: { type: "string", default: "6" },
-    disabled: { type: "boolean", default: !1 },
-    value: { type: "string", default: "" },
-    name: { type: "string", default: "" }
-  };
-  #t;
-  #e = [];
-  constructor() {
-    super(), this.#t = this.attachInternals();
-  }
-  activate() {
-    const t = parseInt(this.length, 10) || 6;
-    this.setAttribute("role", "group"), this.setAttribute("aria-label", "One-time code");
-    for (let e = 0; e < t; e++) {
-      const i = document.createElement("span");
-      i.setAttribute("data-cell", String(e)), i.setAttribute("contenteditable", "plaintext-only"), i.setAttribute("inputmode", "numeric"), i.setAttribute("tabindex", "0"), i.setAttribute("aria-label", `Digit ${e + 1} of ${t}`), this.appendChild(i), this.#e.push(i);
-    }
-    this.addEffect(() => {
-      for (const e of this.#e)
-        e.setAttribute("contenteditable", this.disabled ? "false" : "plaintext-only"), e.setAttribute("tabindex", this.disabled ? "-1" : "0");
-      this.#t.setFormValue(this.value || null);
-    }), this.value && this.#i(this.value);
-    for (const e of this.#e)
-      e.addEventListener("input", this.#a), e.addEventListener("keydown", this.#r), e.addEventListener("paste", this.#l), e.addEventListener("focus", this.#h);
-  }
-  dispose() {
-    for (const t of this.#e)
-      t.removeEventListener("input", this.#a), t.removeEventListener("keydown", this.#r), t.removeEventListener("paste", this.#l), t.removeEventListener("focus", this.#h);
-    this.#e = [];
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.clear();
-  }
-  focus(t) {
-    (this.#e.find((i) => !i.textContent) ?? this.#e[0])?.focus(t);
-  }
-  clear() {
-    for (const t of this.#e) t.textContent = "";
-    this.#s(), this.#e[0]?.focus();
-  }
-  #i(t) {
-    for (let e = 0; e < this.#e.length; e++)
-      this.#e[e].textContent = t[e] ?? "";
-  }
-  #s() {
-    const t = this.#e.map((e) => e.textContent ?? "").join("");
-    this.value = t, this.#t.setFormValue(t || null), t.length === this.#e.length && this.dispatchEvent(new CustomEvent("aui:complete", { bubbles: !0, detail: { value: t } }));
-  }
-  #n(t) {
-    return this.#e.indexOf(t);
-  }
-  #a = (t) => {
-    const e = t.target, i = this.#n(e), s = e.textContent ?? "";
-    s.length > 1 && (e.textContent = s.slice(-1)), this.#s(), e.textContent && i < this.#e.length - 1 && this.#e[i + 1].focus();
-  };
-  #r = (t) => {
-    const e = t.target, i = this.#n(e);
-    t.key === "Backspace" ? !e.textContent && i > 0 && (t.preventDefault(), this.#e[i - 1].textContent = "", this.#e[i - 1].focus(), this.#s()) : t.key === "ArrowLeft" && i > 0 ? (t.preventDefault(), this.#e[i - 1].focus()) : t.key === "ArrowRight" && i < this.#e.length - 1 ? (t.preventDefault(), this.#e[i + 1].focus()) : t.key === "Enter" && t.preventDefault();
-  };
-  #l = (t) => {
-    t.preventDefault();
-    const i = (t.clipboardData?.getData("text") ?? "").replace(/\D/g, "").slice(0, this.#e.length);
-    this.#i(i), this.#s();
-    const s = Math.min(i.length, this.#e.length - 1);
-    this.#e[s]?.focus();
-  };
-  #h = (t) => {
-    const e = t.target, i = document.createRange();
-    i.selectNodeContents(e);
-    const s = window.getSelection();
-    s?.removeAllRanges(), s?.addRange(i);
-  };
+class u extends a {
 }
-class et extends h {
-  static formAssociated = !0;
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    checked: { type: "boolean", default: !1 },
-    indeterminate: { type: "boolean", default: !1 },
-    required: { type: "boolean", default: !1 },
-    label: { type: "string", default: "" },
-    name: { type: "string", default: "" },
-    value: { type: "string", default: "on" }
-  };
-  #t;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "checkbox";
-  }
-  activate() {
-    if (!this.querySelector("[data-box]")) {
-      const t = document.createElement("span");
-      t.setAttribute("data-box", ""), this.prepend(t);
-    }
-    this.addEffect(() => {
-      this.setAttribute("aria-checked", this.indeterminate ? "mixed" : String(this.checked)), this.setAttribute("aria-disabled", String(this.disabled)), this.#t.setFormValue(this.checked ? this.value || "on" : null), this.required && !this.checked ? this.#t.setValidity({ valueMissing: !0 }, "Please check this box") : this.#t.setValidity({});
-    }), this.addEffect(() => {
-      this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label");
-    }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#i), this.addEventListener("keydown", this.#s);
-  }
-  dispose() {
-    this.removeEventListener("click", this.#i), this.removeEventListener("keydown", this.#s);
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.checked = !1, this.indeterminate = !1;
-  }
-  #e() {
-    this.disabled || (this.indeterminate = !1, this.checked = !this.checked, this.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }
-  #i = (t) => {
-    t.preventDefault(), this.#e();
-  };
-  #s = (t) => {
-    (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#e());
-  };
+class t extends a {
 }
-class it extends h {
-  static formAssociated = !0;
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    checked: { type: "boolean", default: !1 },
-    label: { type: "string", default: "" },
-    name: { type: "string", default: "" },
-    value: { type: "string", default: "on" }
-  };
-  #t;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "switch";
-  }
-  activate() {
-    if (!this.querySelector("[data-track]")) {
-      const t = document.createElement("span");
-      t.setAttribute("data-track", ""), this.prepend(t);
-    }
-    this.addEffect(() => {
-      this.setAttribute("aria-checked", String(this.checked)), this.setAttribute("aria-disabled", String(this.disabled)), this.#t.setFormValue(this.checked ? this.value || "on" : null);
-    }), this.addEffect(() => {
-      this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label");
-    }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#i), this.addEventListener("keydown", this.#s);
-  }
-  dispose() {
-    this.removeEventListener("click", this.#i), this.removeEventListener("keydown", this.#s);
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.checked = !1;
-  }
-  #e() {
-    this.disabled || (this.checked = !this.checked, this.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }
-  #i = (t) => {
-    t.preventDefault(), this.#e();
-  };
-  #s = (t) => {
-    (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#e());
-  };
+class o extends a {
 }
-class st extends h {
-  static formAssociated = !0;
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    checked: { type: "boolean", default: !1 },
-    required: { type: "boolean", default: !1 },
-    label: { type: "string", default: "" },
-    name: { type: "string", default: "" },
-    value: { type: "string", default: "" }
-  };
-  #t;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "radio";
-  }
-  activate() {
-    if (!this.querySelector("[data-circle]")) {
-      const t = document.createElement("span");
-      t.setAttribute("data-circle", ""), this.prepend(t);
-    }
-    this.addEffect(() => {
-      this.setAttribute("aria-checked", String(this.checked)), this.setAttribute("aria-disabled", String(this.disabled)), this.#t.setFormValue(this.checked ? this.value || "" : null);
-    }), this.addEffect(() => {
-      this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label");
-    }), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEventListener("click", this.#i), this.addEventListener("keydown", this.#s);
-  }
-  dispose() {
-    this.removeEventListener("click", this.#i), this.removeEventListener("keydown", this.#s);
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.checked = !1;
-  }
-  #e() {
-    this.disabled || this.checked || (this.checked = !0, this.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }
-  #i = (t) => {
-    t.preventDefault(), this.#e();
-  };
-  #s = (t) => {
-    (t.key === " " || t.key === "Enter") && (t.preventDefault(), this.#e());
-  };
+class r extends a {
 }
-class nt extends h {
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    name: { type: "string", default: "" },
-    value: { type: "string", default: "" }
-  };
-  activate() {
-    this.setAttribute("role", "radiogroup"), this.addEffect(() => {
-      for (const t of this.#t())
-        this.name && t.setAttribute("name", this.name), this.disabled && t.setAttribute("disabled", "");
-    }), this.addEffect(() => {
-      if (this.value)
-        for (const t of this.#t()) {
-          const e = t.getAttribute("value") === this.value;
-          e && !t.hasAttribute("checked") ? t.setAttribute("checked", "") : !e && t.hasAttribute("checked") && t.removeAttribute("checked");
-        }
-    }), this.addEventListener("change", this.#e), this.addEventListener("keydown", this.#i);
-  }
-  dispose() {
-    this.removeEventListener("change", this.#e), this.removeEventListener("keydown", this.#i);
-  }
-  #t() {
-    return Array.from(this.querySelectorAll("aui-radio"));
-  }
-  #e = (t) => {
-    const e = t.target;
-    if (e.tagName !== "AUI-RADIO") return;
-    const i = e.getAttribute("value") || "";
-    this.value = i;
-    for (const s of this.#t())
-      s !== e && s.hasAttribute("checked") && s.removeAttribute("checked");
-  };
-  #i = (t) => {
-    const e = this.#t().filter((n) => !n.hasAttribute("disabled"));
-    if (e.length === 0) return;
-    const i = e.findIndex((n) => n.hasAttribute("checked"));
-    let s = -1;
-    switch (t.key) {
-      case "ArrowDown":
-      case "ArrowRight":
-        t.preventDefault(), s = i < e.length - 1 ? i + 1 : 0;
-        break;
-      case "ArrowUp":
-      case "ArrowLeft":
-        t.preventDefault(), s = i > 0 ? i - 1 : e.length - 1;
-        break;
-      default:
-        return;
-    }
-    s >= 0 && (e[s].click(), e[s].focus());
-  };
-}
-class at extends h {
-  static formAssociated = !0;
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    readonly: { type: "boolean", default: !1 },
-    required: { type: "boolean", default: !1 },
-    autogrow: { type: "boolean", default: !1 },
-    autofocus: { type: "boolean", default: !1 },
-    placeholder: { type: "string", default: "" },
-    value: { type: "string", default: "" },
-    name: { type: "string", default: "" },
-    rows: { type: "string", default: "3" },
-    maxlength: { type: "string", default: "" }
-  };
-  #t;
-  #e = null;
-  #i = !1;
-  #s = null;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "textbox", this.#t.ariaMultiLine = "true";
-  }
-  activate() {
-    this.#e = this.querySelector("[data-surface]"), this.#e || (this.#e = document.createElement("div"), this.#e.setAttribute("data-surface", ""), this.#e.setAttribute("contenteditable", "plaintext-only"), this.#e.setAttribute("spellcheck", "false"), this.#e.setAttribute("tabindex", "0"), this.appendChild(this.#e)), this.value && this.#e && (this.#e.textContent = this.value), this.addEffect(() => {
-      const t = this.disabled || this.readonly;
-      this.#e?.setAttribute("contenteditable", t ? "false" : "plaintext-only"), this.#e?.setAttribute("tabindex", this.disabled ? "-1" : "0"), this.#e?.setAttribute("data-placeholder", this.placeholder || "");
-      const e = parseInt(this.rows, 10) || 3;
-      this.style.setProperty("--_rows", String(e)), this.#t.setFormValue(this.value || null), this.#n();
-    }), this.addEffect(() => {
-      const t = this.value;
-      !this.#i && this.#e && this.#e.textContent !== t && (this.#e.textContent = t, this.#n(), this.autogrow && this.#a());
-    }), this.#e.addEventListener("input", this.#r), this.#e.addEventListener("blur", this.#l), this.addEventListener("click", this.#h), this.autofocus && requestAnimationFrame(() => this.#e?.focus());
-  }
-  dispose() {
-    this.#e?.removeEventListener("input", this.#r), this.#e?.removeEventListener("blur", this.#l), this.removeEventListener("click", this.#h), this.#s !== null && cancelAnimationFrame(this.#s);
-  }
-  focus(t) {
-    this.#e?.focus(t);
-  }
-  blur() {
-    this.#e?.blur();
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.value = "", this.#e && (this.#e.textContent = ""), this.#n();
-  }
-  #n() {
-    const t = !this.#e?.textContent?.trim();
-    try {
-      t ? this.#t.states?.add("empty") : this.#t.states?.delete("empty");
-    } catch {
-    }
-    this.toggleAttribute("data-input-empty", t);
-  }
-  #a() {
-    this.#s !== null && cancelAnimationFrame(this.#s), this.#s = requestAnimationFrame(() => {
-      this.#e && (this.#e.style.height = "auto", this.#e.style.height = this.#e.scrollHeight + "px");
-    });
-  }
-  #r = () => {
-    this.#i = !0, this.value = this.#e?.textContent ?? "", this.#t.setFormValue(this.value || null), this.#n(), this.autogrow && this.#a(), this.#i = !1, this.dispatchEvent(new Event("input", { bubbles: !0, composed: !0 }));
-  };
-  #l = () => {
-    this.dispatchEvent(new Event("change", { bubbles: !0 }));
-  };
-  #h = (t) => {
-    t.target === this && this.#e?.focus();
-  };
-}
-class rt extends h {
-  static attributes = {
-    bordered: { type: "boolean", default: !1 },
-    elevation: { type: "string", default: "" },
-    interactive: { type: "boolean", default: !1 },
-    href: { type: "string", default: "" }
-  };
-  activate() {
-    this.interactive && (this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.setAttribute("role", "button"), this.addEventListener("click", this.#t), this.addEventListener("keydown", this.#e));
-  }
-  dispose() {
-    this.removeEventListener("click", this.#t), this.removeEventListener("keydown", this.#e);
-  }
-  #t = () => {
-    this.href && (window.location.href = this.href);
-  };
-  #e = (t) => {
-    (t.key === "Enter" || t.key === " ") && this.href && (t.preventDefault(), window.location.href = this.href);
-  };
-}
-function F(l) {
-  const t = getComputedStyle(l).getPropertyValue("--aui-duration").trim();
-  return parseFloat(t) || 200;
-}
-class lt extends h {
-  static attributes = {
-    open: { type: "boolean", default: !1 },
-    size: { type: "enum", values: ["sm", "lg", "xl", "full"], default: "" }
-  };
-  #t = null;
-  #e = null;
-  #i = !1;
-  get dialogElement() {
-    return this.#t;
-  }
-  #s() {
-    if (this.#t) return this.#t;
-    if (this.#t = this.querySelector("dialog"), this.#t)
-      this.#e = this.#t.querySelector("[data-dialog-content]");
-    else {
-      for (this.#t = document.createElement("dialog"), this.#e = document.createElement("div"), this.#e.setAttribute("data-dialog-content", ""); this.firstChild && this.firstChild !== this.#t; )
-        this.#e.appendChild(this.firstChild);
-      this.#t.appendChild(this.#e), this.appendChild(this.#t);
-    }
-    return this.#t.addEventListener("cancel", this.#n), this.#t.addEventListener("close", this.#a), this.#t.addEventListener("click", this.#r), this.#t;
-  }
-  activate() {
-    this.#s(), this.addEffect(() => {
-      this.open ? this.show() : this.hide();
-    });
-  }
-  dispose() {
-    this.#t?.removeEventListener("cancel", this.#n), this.#t?.removeEventListener("close", this.#a), this.#t?.removeEventListener("click", this.#r);
-  }
-  // ── Public API ──────────────────────────────────────────
-  show() {
-    const t = this.#s();
-    t.open || (t.showModal(), requestAnimationFrame(() => {
-      t.setAttribute("data-dialog-open", "");
-    }), this.hasAttribute("open") || this.setAttribute("open", ""));
-  }
-  hide() {
-    !this.#t || !this.#t.open || this.#i || (this.#i = !0, this.#t.removeAttribute("data-dialog-open"), this.#t.setAttribute("data-dialog-closing", ""), setTimeout(() => {
-      this.#i = !1, this.#t?.removeAttribute("data-dialog-closing"), this.#t?.close();
-    }, F(this)));
-  }
-  // ── Internal ────────────────────────────────────────────
-  #n = (t) => {
-    t.preventDefault(), this.hide();
-  };
-  #a = () => {
-    this.removeAttribute("open"), this.dispatchEvent(new Event("close", { bubbles: !0 }));
-  };
-  #r = (t) => {
-    t.target === this.#t && this.hide();
-  };
-}
-function V(l) {
-  const t = getComputedStyle(l).getPropertyValue("--aui-duration").trim();
-  return parseFloat(t) || 200;
-}
-class ht extends h {
-  static attributes = {
-    open: { type: "boolean", default: !1 },
-    side: { type: "enum", values: ["left", "right", "top", "bottom"], default: "right" },
-    "scroll-lock": { type: "boolean", default: !1 }
-  };
-  #t = null;
-  #e = null;
-  #i = !1;
-  get dialogElement() {
-    return this.#t;
-  }
-  #s() {
-    if (this.#t) return this.#t;
-    if (this.#t = this.querySelector("dialog"), this.#t)
-      this.#e = this.#t.querySelector("[data-drawer-content]");
-    else {
-      for (this.#t = document.createElement("dialog"), this.#e = document.createElement("div"), this.#e.setAttribute("data-drawer-content", ""); this.firstChild && this.firstChild !== this.#t; )
-        this.#e.appendChild(this.firstChild);
-      this.#t.appendChild(this.#e), this.appendChild(this.#t);
-    }
-    return this.#t.addEventListener("cancel", this.#n), this.#t.addEventListener("close", this.#a), this.#t.addEventListener("click", this.#r), this.#t;
-  }
-  activate() {
-    this.#s(), this.addEffect(() => {
-      this.open ? this.show() : this.hide();
-    });
-  }
-  dispose() {
-    this.#t && (this.#t.removeEventListener("cancel", this.#n), this.#t.removeEventListener("close", this.#a), this.#t.removeEventListener("click", this.#r));
-  }
-  show() {
-    const t = this.#s();
-    t.open || (this["scroll-lock"] && (document.documentElement.style.overflow = "hidden"), t.showModal(), requestAnimationFrame(() => {
-      t.setAttribute("data-drawer-open", "");
-    }), this.hasAttribute("open") || this.setAttribute("open", ""));
-  }
-  hide() {
-    !this.#t || !this.#t.open || this.#i || (this.#i = !0, this.#t.removeAttribute("data-drawer-open"), this.#t.setAttribute("data-drawer-closing", ""), setTimeout(() => {
-      this.#i = !1, this.#t?.removeAttribute("data-drawer-closing"), this.#t?.close(), this["scroll-lock"] && !document.querySelector("dialog[open]") && (document.documentElement.style.overflow = "");
-    }, V(this)));
-  }
-  #n = (t) => {
-    t.preventDefault(), this.hide();
-  };
-  #a = () => {
-    this["scroll-lock"] && !document.querySelector("dialog[open]") && (document.documentElement.style.overflow = ""), this.removeAttribute("open"), this.dispatchEvent(new Event("close", { bubbles: !0 }));
-  };
-  #r = (t) => {
-    t.target === this.#t && this.hide();
-  };
-}
-const T = /* @__PURE__ */ new Map();
-class ot extends h {
-  static attributes = {
-    name: { type: "string", default: "" },
-    src: { type: "string", default: "" },
-    label: { type: "string", default: "" },
-    "text-leading": { type: "string", default: "" },
-    "text-trailing": { type: "string", default: "" }
-  };
-  #t = null;
-  #e = !1;
-  activate() {
-    this.#e = this.querySelector("svg") !== null, this.addEffect(() => {
-      const t = this.label || this["text-leading"] || this["text-trailing"];
-      t ? (this.setAttribute("role", "img"), this.setAttribute("aria-label", t)) : (this.setAttribute("role", "presentation"), this.setAttribute("aria-hidden", "true"), this.removeAttribute("aria-label"));
-    }), this.addEffect(() => {
-      if (this.#e) return;
-      const t = this.name;
-      t ? this.#i(t) : this.src && this.#s(this.src);
-    }), this.#t = N(() => {
-      if (this.#e) return;
-      const t = this.name;
-      t && !this.querySelector("svg") && this.#i(t);
-    });
-  }
-  dispose() {
-    this.#t?.(), this.#t = null;
-  }
-  #i(t) {
-    const e = U(t);
-    e && this.#n(e);
-  }
-  async #s(t) {
-    const e = T.get(t);
-    if (e) {
-      this.#n(e);
-      return;
-    }
-    try {
-      const i = await fetch(t);
-      if (!i.ok) return;
-      const s = await i.text();
-      if (!s.includes("<svg")) return;
-      T.set(t, s), this.src === t && this.#n(s);
-    } catch {
-    }
-  }
-  #n(t) {
-    const e = this.querySelector("svg");
-    e && e.remove();
-    const i = document.createElement("template");
-    i.innerHTML = t;
-    const s = i.content.firstElementChild;
-    s && this.prepend(s);
-  }
-}
-class dt extends h {
-  static attributes = {
-    content: { type: "string", default: "" },
-    position: { type: "enum", values: ["top", "bottom", "left", "right"], default: "top" }
-  };
-  #t = null;
-  #e = null;
-  #i = "";
-  activate() {
-    this.#e = this.previousElementSibling ?? this.parentElement;
-    const t = `tooltip-${crypto.randomUUID().slice(0, 8)}`;
-    this.#i = `--${t}`, this.#t = document.createElement("div"), this.#t.setAttribute("popover", "manual"), this.#t.setAttribute("role", "tooltip"), this.#t.id = t, this.appendChild(this.#t), this.#e && (this.#e.style.anchorName = this.#i, this.#e.setAttribute("aria-describedby", t)), this.style.setProperty("--_anchor", this.#i), this.addEffect(() => {
-      this.#t && (this.#t.textContent = this.content);
-    }), this.#e && (this.#e.addEventListener("mouseenter", this.#s), this.#e.addEventListener("mouseleave", this.#n), this.#e.addEventListener("focusin", this.#s), this.#e.addEventListener("focusout", this.#n)), this.addEventListener("keydown", this.#a);
-  }
-  dispose() {
-    this.#e && (this.#e.removeEventListener("mouseenter", this.#s), this.#e.removeEventListener("mouseleave", this.#n), this.#e.removeEventListener("focusin", this.#s), this.#e.removeEventListener("focusout", this.#n), this.#e.removeAttribute("aria-describedby"), this.#e.style.anchorName = ""), this.#t?.hidePopover(), this.#t?.remove(), this.#t = null, this.#e = null;
-  }
-  #s = () => {
-    try {
-      this.#t?.showPopover();
-    } catch {
-    }
-  };
-  #n = () => {
-    try {
-      this.#t?.hidePopover();
-    } catch {
-    }
-  };
-  #a = (t) => {
-    t.key === "Escape" && this.#n();
-  };
-}
-class ct extends h {
-  static formAssociated = !0;
-  static attributes = {
-    disabled: { type: "boolean", default: !1 },
-    min: { type: "string", default: "0" },
-    max: { type: "string", default: "100" },
-    step: { type: "string", default: "1" },
-    value: { type: "string", default: "50" },
-    label: { type: "string", default: "" },
-    name: { type: "string", default: "" }
-  };
-  #t;
-  #e = null;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "slider";
-  }
-  activate() {
-    this.#e = this.querySelector("[data-thumb]"), this.#e || (this.#e = document.createElement("span"), this.#e.setAttribute("data-thumb", ""), this.appendChild(this.#e)), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0"), this.addEffect(() => {
-      const t = parseFloat(this.min) || 0, e = parseFloat(this.max) || 100, i = parseFloat(this.value) || 0;
-      this.setAttribute("aria-valuemin", String(t)), this.setAttribute("aria-valuemax", String(e)), this.setAttribute("aria-valuenow", String(i)), this.setAttribute("aria-disabled", String(this.disabled)), this.label && this.setAttribute("aria-label", this.label);
-      const s = e - t > 0 ? (i - t) / (e - t) : 0;
-      this.style.setProperty("--_pct", String(Math.max(0, Math.min(1, s)))), this.#t.setFormValue(this.value || null);
-    }), this.addEventListener("pointerdown", this.#i), this.addEventListener("keydown", this.#r);
-  }
-  dispose() {
-    this.removeEventListener("pointerdown", this.#i), this.removeEventListener("keydown", this.#r);
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.value = "50";
-  }
-  // ── Pointer interaction ───────────────────────────────
-  #i = (t) => {
-    this.disabled || (t.preventDefault(), this.setPointerCapture(t.pointerId), this.setAttribute("data-range-pressed", ""), this.#a(t), this.addEventListener("pointermove", this.#s), this.addEventListener("pointerup", this.#n));
-  };
-  #s = (t) => {
-    this.#a(t);
-  };
-  #n = (t) => {
-    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, d = Math.max(s, Math.min(n, o));
-    this.value = String(d), this.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  // ── Keyboard interaction ──────────────────────────────
-  #r = (t) => {
-    if (this.disabled) return;
-    const e = parseFloat(this.min) || 0, i = parseFloat(this.max) || 100, s = parseFloat(this.step) || 1, n = parseFloat(this.value) || 0, a = (i - e) / 10;
-    let r;
-    switch (t.key) {
-      case "ArrowRight":
-      case "ArrowUp":
-        r = Math.min(i, n + s);
-        break;
-      case "ArrowLeft":
-      case "ArrowDown":
-        r = Math.max(e, n - s);
-        break;
-      case "PageUp":
-        r = Math.min(i, n + a);
-        break;
-      case "PageDown":
-        r = Math.max(e, n - a);
-        break;
-      case "Home":
-        r = e;
-        break;
-      case "End":
-        r = i;
-        break;
-      default:
-        return;
-    }
-    t.preventDefault(), this.value = String(r), this.dispatchEvent(new Event("input", { bubbles: !0 })), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-  };
-}
-class ut extends h {
-  static attributes = {
-    orientation: { type: "enum", values: ["horizontal", "vertical"], default: "horizontal" },
-    disabled: { type: "boolean", default: !1 }
-  };
-  #t = 0;
-  #e = 0;
-  #i = !1;
-  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.#l);
-  }
-  dispose() {
-    this.removeEventListener("pointerdown", this.#s), this.removeEventListener("keydown", this.#l), this.#r();
-  }
-  #s = (t) => {
-    this.disabled || (t.preventDefault(), this.#t = t.clientX, this.#e = 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 })));
-  };
-  #n = (t) => {
-    if (!this.#i) return;
-    const e = t.clientX - this.#t, i = t.clientY - this.#e;
-    this.#t = t.clientX, this.#e = t.clientY;
-    const s = this.orientation !== "vertical";
-    this.dispatchEvent(new CustomEvent("aui:resize-move", {
-      bubbles: !0,
-      detail: { dx: e, dy: i, delta: s ? e : i }
-    }));
-  };
-  #a = () => {
-    this.#i && (this.#r(), this.dispatchEvent(new CustomEvent("aui:resize-end", { bubbles: !0 })));
-  };
-  #r() {
-    this.#i = !1, this.removeAttribute("data-gripper-dragging"), this.removeEventListener("pointermove", this.#n), this.removeEventListener("pointerup", this.#a), this.removeEventListener("pointercancel", this.#a);
-  }
-  #l = (t) => {
-    if (this.disabled) return;
-    const e = this.orientation !== "vertical", i = t.shiftKey ? 10 : 1;
-    let s = 0;
-    if (e)
-      if (t.key === "ArrowLeft") s = -i;
-      else if (t.key === "ArrowRight") s = i;
-      else return;
-    else if (t.key === "ArrowUp") s = -i;
-    else if (t.key === "ArrowDown") s = i;
-    else return;
-    t.preventDefault(), this.dispatchEvent(new CustomEvent("aui:resize-move", {
-      bubbles: !0,
-      detail: { dx: e ? s : 0, dy: e ? 0 : s, delta: s }
-    }));
-  };
-}
-class bt extends h {
-  static attributes = {
-    value: { type: "string", default: "" },
-    disabled: { type: "boolean", default: !1 },
-    selected: { type: "boolean", default: !1 },
-    label: { type: "string", default: "" }
-  };
-  /** The display text for this option. */
-  get displayLabel() {
-    return this.label || this.textContent?.trim() || this.value;
-  }
-  activate() {
-    this.setAttribute("role", "option"), this.addEffect(() => {
-      this.setAttribute("aria-selected", String(this.selected)), this.setAttribute("aria-disabled", String(this.disabled));
-    });
-  }
-}
-class ft extends h {
-  static attributes = {
-    label: { type: "string", default: "" },
-    disabled: { type: "boolean", default: !1 },
-    divider: { type: "boolean", default: !1 }
-  };
-  #t = null;
-  activate() {
-    this.setAttribute("role", "group"), this.#t = this.querySelector("[data-group-label]"), !this.#t && this.label && (this.#t = document.createElement("div"), this.#t.setAttribute("data-group-label", ""), this.#t.setAttribute("role", "presentation"), this.#t.id = `optgroup-${crypto.randomUUID().slice(0, 8)}`, this.prepend(this.#t)), this.addEffect(() => {
-      this.#t && (this.#t.textContent = this.label, this.setAttribute("aria-labelledby", this.#t.id)), this.setAttribute("aria-disabled", String(this.disabled));
-      for (const t of this.querySelectorAll("aui-option"))
-        this.disabled && t.setAttribute("disabled", "");
-    });
-  }
-}
-const B = '<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>', $ = '<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>', P = { 0: 0, low: 0, 1: 1, normal: 1, 2: 2, high: 2, pin: 999 }, K = ":is(aui-option, aui-button, button, [tabindex]):not([disabled]):not([data-overflow-trigger])", _ = ":is(aui-option, aui-button, button, [tabindex]):not([disabled])";
-function q(l) {
-  return l === "AUI-OPTION";
-}
-function G(l) {
-  return l === "AUI-OPTGROUP";
-}
-function M(l) {
-  return q(l.tagName) || G(l.tagName);
-}
-class pt extends h {
-  static formAssociated = !0;
-  static attributes = {
-    mode: { type: "enum", values: ["bar", "list", "combobox"], default: "" },
-    disabled: { type: "boolean", default: !1 },
-    required: { type: "boolean", default: !1 },
-    placeholder: { type: "string", default: "Select…" },
-    value: { type: "string", default: "" },
-    name: { type: "string", default: "" },
-    open: { type: "boolean", default: !1 },
-    multiple: { type: "boolean", default: !1 },
-    // Bar mode
-    orientation: { type: "enum", values: ["vertical"], default: "" },
-    transparent: { type: "boolean", default: !1 },
-    fill: { type: "boolean", default: !1 },
-    padding: { type: "string", default: "" }
-  };
-  #t;
-  // ── Shared state ─────────────────────────────────────────
-  #e = "";
-  // ── Dropdown mode state ──────────────────────────────────
-  #i = null;
-  #s = null;
-  #n = null;
-  #a = null;
-  #r = null;
-  // ── Bar mode state ───────────────────────────────────────
-  #l = null;
-  #h = null;
-  #d = null;
-  #u = null;
-  #c = null;
-  #b = null;
-  // ── List mode state ──────────────────────────────────────
-  #p = -1;
-  #E = "";
-  #g = null;
-  // ── Combobox mode state ──────────────────────────────────
-  #o = null;
-  #v = null;
-  #f = null;
-  #y = [];
-  constructor() {
-    super(), this.#t = this.attachInternals();
-  }
-  // ════════════════════════════════════════════════════════════
-  // Lifecycle
-  // ════════════════════════════════════════════════════════════
-  activate() {
-    switch (this.mode) {
-      case "bar":
-        this.#N();
-        break;
-      case "list":
-        this.#ht();
-        break;
-      case "combobox":
-        this.#bt();
-        break;
-      default:
-        this.#C();
-        break;
-    }
-  }
-  dispose() {
-    switch (this.mode) {
-      case "bar":
-        this.#q();
-        break;
-      case "list":
-        this.#ot();
-        break;
-      case "combobox":
-        this.#ft();
-        break;
-      default:
-        this.#L();
-        break;
-    }
-  }
-  formDisabledCallback(t) {
-    this.disabled = t;
-  }
-  formResetCallback() {
-    this.value = "", this.#o && (this.#o.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.#f?.querySelectorAll("aui-option") ?? []) : Array.from(this.querySelectorAll("aui-option"));
-  }
-  /** Get enabled options. */
-  get enabledOptions() {
-    return this.options.filter((t) => !t.hasAttribute("disabled"));
-  }
-  /** Get the currently active (highlighted) option. */
-  get activeOption() {
-    return this.mode === "list" ? this.enabledOptions[this.#p] ?? null : (this.#r ?? this.#f)?.activeOption ?? null;
-  }
-  /** Internal listbox element (for dropdown mode). */
-  get listboxElement() {
-    return this.#r;
-  }
-  /** Programmatically select an option by value. */
-  selectValue(t) {
-    if (this.mode === "list") {
-      const e = this.options.find(
-        (i) => (i.getAttribute("value") ?? i.textContent?.trim()) === t
-      );
-      e && !e.hasAttribute("disabled") && this.#U(e);
-    } else
-      (this.#r ?? this.#f)?.selectValue?.(t);
-  }
-  /** Highlight a specific option by index (for external control). */
-  highlightIndex(t) {
-    this.mode === "list" ? this.#S(t) : (this.#r ?? this.#f)?.highlightIndex?.(t);
-  }
-  /** Reset the active highlight. */
-  clearHighlight() {
-    this.mode === "list" ? this.#W() : (this.#r ?? this.#f)?.clearHighlight?.();
-  }
-  // ════════════════════════════════════════════════════════════
-  // Shared popover helpers (dropdown + combobox)
-  // ════════════════════════════════════════════════════════════
-  #x() {
-    const t = this.#a ?? this.#v;
-    if (!(!t || this.disabled)) {
-      try {
-        t.showPopover();
-      } catch {
-      }
-      if (this.open = !0, this.mode !== "combobox") {
-        const e = this.#r;
-        if (e?.enabledOptions && e.value) {
-          const i = e.enabledOptions.findIndex(
-            (s) => (s.getAttribute("value") ?? s.textContent?.trim()) === e.value
-          );
-          i >= 0 && e.highlightIndex(i);
-        }
-        this.#r?.focus();
-      }
-    }
-  }
-  #m() {
-    const t = this.#a ?? this.#v;
-    if (!t) return;
-    try {
-      t.hidePopover();
-    } catch {
-    }
-    this.open = !1, (this.#r ?? this.#f)?.clearHighlight?.();
-  }
-  // ════════════════════════════════════════════════════════════
-  // MODE: Dropdown (default)
-  // ════════════════════════════════════════════════════════════
-  #C() {
-    const t = `select-${crypto.randomUUID().slice(0, 8)}`;
-    this.#e = `--${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 = B, 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)
-      M(i) && this.#r.appendChild(i);
-    this.appendChild(this.#i), this.appendChild(this.#a), this.#i.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), 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.#t.setFormValue(this.value || null), this.#A();
-    }), this.#i.addEventListener("click", this.#k), this.#i.addEventListener("keydown", this.#T), this.#r.addEventListener("click", this.#w), this.#r.addEventListener("change", this.#P), this.#r.addEventListener("keydown", this.#M), document.addEventListener("click", this.#I), this.value && (this.#r.value = this.value);
-  }
-  #w = (t) => {
-    const e = t.target.closest("aui-option");
-    if (!(!e || e.hasAttribute("disabled"))) {
-      for (const i of this.#r.querySelectorAll("aui-option"))
-        i.selected = !1;
-      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.#m();
-    }
-  };
-  #L() {
-    this.#i?.removeEventListener("click", this.#k), this.#i?.removeEventListener("keydown", this.#T), this.#r?.removeEventListener("click", this.#w), this.#r?.removeEventListener("change", this.#P), this.#r?.removeEventListener("keydown", this.#M), document.removeEventListener("click", this.#I), this.#m();
-  }
-  #A() {
-    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", ""));
-  }
-  #k = () => {
-    this.disabled || (this.open ? this.#m() : this.#x());
-  };
-  #T = (t) => {
-    t.key === "ArrowDown" || t.key === "ArrowUp" || t.key === "Enter" || t.key === " " ? (t.preventDefault(), this.open || this.#x()) : t.key === "Escape" && this.#m();
-  };
-  #P = (t) => {
-    t.stopPropagation(), this.value = t.detail.value, this.#t.setFormValue(this.value || null), this.#A(), this.#m(), this.#i?.focus(), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: t.detail }));
-  };
-  #M = (t) => {
-    t.key === "Escape" ? (t.preventDefault(), this.#m(), this.#i?.focus()) : t.key === "Tab" && this.#m();
-  };
-  #I = (t) => {
-    this.open && !this.contains(t.target) && this.#m();
-  };
-  // ════════════════════════════════════════════════════════════
-  // 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.#l = document.createElement("span"), this.#l.setAttribute("data-overflow-trigger", ""), this.#l.setAttribute("role", "button"), this.#l.setAttribute("tabindex", "0"), this.#l.setAttribute("aria-label", "More actions"), this.#l.setAttribute("aria-haspopup", "true"), this.#l.innerHTML = $, this.appendChild(this.#l), 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.#d = document.createElement("div"), this.#d.setAttribute("data-overflow-list", ""), this.#h.appendChild(this.#d), this.#l.addEventListener("click", this.#B), this.#l.addEventListener("keydown", this.#$), this.#d.addEventListener("click", this.#_), this.addEventListener("keydown", this.#G), this.#R(), this.#u = new ResizeObserver(() => this.#z()), this.#u.observe(this), this.#c = new MutationObserver((t) => {
-      for (const e of t)
-        if (!this.#h?.contains(e.target)) {
-          this.#z();
-          return;
-        }
-    }), this.#c.observe(this, { childList: !0, subtree: !0 }), this.#z();
-  }
-  #q() {
-    this.#b !== null && cancelAnimationFrame(this.#b), this.#u?.disconnect(), this.#c?.disconnect(), this.removeEventListener("keydown", this.#G), this.#l?.removeEventListener("click", this.#B), this.#l?.removeEventListener("keydown", this.#$), this.#d?.removeEventListener("click", this.#_);
-  }
-  // ── Bar: Group dividers ───────────────────────────────
-  #R() {
-    const t = Array.from(this.children);
-    let e = !1;
-    for (const i of t) {
-      if (!(i instanceof HTMLElement) || i.hasAttribute("data-overflow-trigger") || i.hasAttribute("data-overflow-popover")) continue;
-      const s = i.tagName === "AUI-OPTGROUP";
-      if (s && e) {
-        const n = document.createElement("hr");
-        n.setAttribute("data-group-divider", ""), this.insertBefore(n, i);
-      }
-      (s || q(i.tagName)) && (e = s);
-    }
-  }
-  // ── Bar: Measurement ───────────────────────────────────
-  #z() {
-    this.#b === null && (this.#b = requestAnimationFrame(() => {
-      this.#b = null, this.#it();
-    }));
-  }
-  #O() {
-    return Array.from(this.children).filter(
-      (t) => t instanceof HTMLElement && !t.hasAttribute("data-overflow-trigger") && !t.hasAttribute("data-overflow-popover")
-    );
-  }
-  #it() {
-    if (this.orientation === "vertical") {
-      this.#nt();
-      return;
-    }
-    this.#c?.disconnect(), this.#l && this.#l.nextElementSibling !== this.#h && this.appendChild(this.#l), this.#h && this.#h !== this.lastElementChild && this.appendChild(this.#h);
-    const t = this.#O();
-    if (t.length === 0) {
-      this.#D();
-      return;
-    }
-    for (const c of t)
-      c.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.#D();
-      return;
-    }
-    const n = this.#st(t);
-    let a = 0, r = 0;
-    for (const c of n)
-      for (const p of c.flexItems)
-        r > 0 && (a += i), a += p.offsetWidth, r++;
-    if (a <= s + 1) {
-      this.removeAttribute("data-select-measuring"), this.#H(), this.#D();
-      return;
-    }
-    this.setAttribute("data-select-overflowing", "");
-    for (const c of n) {
-      let p = 0;
-      for (let v = 0; v < c.flexItems.length; v++)
-        v > 0 && (p += i), p += c.flexItems[v].offsetWidth;
-      c.width = p;
-    }
-    this.removeAttribute("data-select-measuring");
-    const o = this.#l?.offsetWidth ?? 0, d = n.filter((c) => !c.pinned);
-    if (d.length === 0) {
-      this.#H(), this.#D();
-      return;
-    }
-    d.sort((c, p) => {
-      const v = P[c.priority] ?? 1, k = P[p.priority] ?? 1;
-      return v !== k ? v - k : p.index - c.index;
-    });
-    const b = /* @__PURE__ */ new Set();
-    let f = a;
-    const m = s - o - i;
-    for (const c of d) {
-      if (f <= m) break;
-      b.add(c.el), f -= c.width + i;
-    }
-    if (b.size === 0) {
-      this.removeAttribute("data-select-overflowing"), this.#H(), this.#D();
-      return;
-    }
-    for (const c of b) {
-      c.setAttribute("data-select-overflow", "");
-      const p = c.previousElementSibling;
-      p?.hasAttribute("data-group-divider") && p.setAttribute("data-select-overflow", "");
-      const v = c.nextElementSibling;
-      v?.hasAttribute("data-group-divider") && v.setAttribute("data-select-overflow", "");
-    }
-    this.#at(), this.#D();
-  }
-  #st(t) {
-    const e = [];
-    for (let i = 0; i < t.length; i++) {
-      const s = t[i];
-      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 = [];
-        for (const d of s.children)
-          d instanceof HTMLElement && d.tagName !== "HR" && d.tagName !== "AUI-DIVIDER" && o.push(d);
-        e.push({ el: s, flexItems: o, priority: a, pinned: r, index: i, width: 0 });
-      } else
-        e.push({ el: s, flexItems: [s], priority: a, pinned: r, index: i, width: 0 });
-    }
-    return e;
-  }
-  // ── Bar: Overflow menu ─────────────────────────────────
-  #nt() {
-    for (const t of this.#O())
-      t.removeAttribute("data-select-overflow");
-    this.removeAttribute("data-select-overflowing"), this.removeAttribute("data-select-measuring"), this.#H();
-  }
-  #H() {
-    this.#d && (this.#d.innerHTML = "");
-  }
-  #at() {
-    if (this.#H(), !this.#d) return;
-    const t = this.#O();
-    let e = 0;
-    for (const i of t)
-      if (i.hasAttribute("data-select-overflow")) {
-        if (i.tagName === "AUI-OPTGROUP") {
-          const s = document.createElement("aui-optgroup"), n = i.getAttribute("label");
-          n && s.setAttribute("label", n), s.setAttribute("divider", "");
-          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.#V(a), r.setAttribute("data-overflow-index", String(e)), s.appendChild(r), e++;
-          }
-          this.#d.appendChild(s);
-        } else if (i.tagName !== "HR" && i.tagName !== "AUI-DIVIDER") {
-          const s = document.createElement("aui-option");
-          s.textContent = this.#V(i), s.setAttribute("data-overflow-index", String(e)), this.#d.appendChild(s), e++;
-        }
-      }
-  }
-  /** Flat list of overflowed source elements, in DOM order (for click dispatch). */
-  #rt() {
-    const t = [];
-    for (const e of this.#O())
-      if (e.hasAttribute("data-select-overflow"))
-        if (e.tagName === "AUI-OPTGROUP")
-          for (const i of e.children)
-            i instanceof HTMLElement && i.tagName !== "HR" && i.tagName !== "AUI-DIVIDER" && !i.hasAttribute("data-group-label") && t.push(i);
-        else e.tagName !== "HR" && e.tagName !== "AUI-DIVIDER" && t.push(e);
-    return t;
-  }
-  #V(t) {
-    const e = t.getAttribute("aria-label");
-    if (e) return e;
-    const i = t.getAttribute("label");
-    if (i) return i;
-    const s = t.textContent?.trim();
-    if (s) return s;
-    const n = t.getAttribute("icon");
-    return n ? n.charAt(0).toUpperCase() + n.slice(1).replace(/-/g, " ") : "Action";
-  }
-  #D() {
-    this.#c?.observe(this, { childList: !0, subtree: !0 });
-  }
-  // ── Bar: Event handlers ────────────────────────────────
-  #B = (t) => {
-    t.stopPropagation(), this.#K(), this.#h?.togglePopover();
-  };
-  #$ = (t) => {
-    const e = t;
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.#K(), this.#h?.togglePopover());
-  };
-  #K() {
-    if (!this.#l || !this.#h) return;
-    const t = this.#l.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.#h?.hidePopover();
-  };
-  // ── Bar: Keyboard navigation ───────────────────────────
-  #lt() {
-    const t = [], e = this.hasAttribute("data-select-overflowing") ? _ : K;
-    for (const i of this.#O())
-      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.#l && this.hasAttribute("data-select-overflowing") && t.push(this.#l), 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.#lt();
-    if (n.length === 0) return;
-    const a = n.indexOf(document.activeElement);
-    let r;
-    switch (t.key) {
-      case i:
-        r = a < n.length - 1 ? a + 1 : 0;
-        break;
-      case s:
-        r = a > 0 ? a - 1 : n.length - 1;
-        break;
-      case "Home":
-        r = 0;
-        break;
-      case "End":
-        r = n.length - 1;
-        break;
-    }
-    r !== void 0 && (t.preventDefault(), n[r].setAttribute("tabindex", "0"), n[r].focus(), a >= 0 && a !== r && n[a].setAttribute("tabindex", "-1"));
-  };
-  // ════════════════════════════════════════════════════════════
-  // MODE: List (standalone listbox)
-  // ════════════════════════════════════════════════════════════
-  #ht() {
-    this.setAttribute("role", "listbox"), this.addEffect(() => {
-      this.multiple ? this.setAttribute("aria-multiselectable", "true") : this.removeAttribute("aria-multiselectable");
-    }), this.value && this.#ct(), this.addEventListener("click", this.#X), this.addEventListener("keydown", this.#j), this.hasAttribute("tabindex") || this.setAttribute("tabindex", "0");
-  }
-  #ot() {
-    this.removeEventListener("click", this.#X), this.removeEventListener("keydown", this.#j), this.#g && clearTimeout(this.#g);
-  }
-  // ── List: Selection ────────────────────────────────────
-  #U(t) {
-    if (!this.multiple)
-      for (const i of this.options)
-        i.removeAttribute("selected");
-    const e = t.hasAttribute("selected");
-    this.multiple && e ? t.removeAttribute("selected") : t.setAttribute("selected", ""), this.#dt(), this.dispatchEvent(new CustomEvent("change", {
-      bubbles: !0,
-      detail: {
-        value: this.value,
-        option: t,
-        label: t.displayLabel ?? t.textContent?.trim() ?? ""
-      }
-    }));
-  }
-  #dt() {
-    const t = this.options.filter((e) => e.hasAttribute("selected"));
-    if (this.multiple)
-      this.value = t.map((e) => e.getAttribute("value") ?? e.textContent?.trim() ?? "").join(",");
-    else {
-      const e = t[0];
-      this.value = e?.getAttribute("value") ?? e?.textContent?.trim() ?? "";
-    }
-    this.#t.setFormValue(this.value || null);
-  }
-  #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() ?? "";
-      t.includes(i) ? e.setAttribute("selected", "") : e.removeAttribute("selected");
-    }
-  }
-  // ── List: Active (keyboard highlight) ──────────────────
-  #S(t) {
-    const e = this.enabledOptions;
-    if (e.length === 0) return;
-    this.#W(), this.#p = Math.max(0, Math.min(t, e.length - 1));
-    const i = e[this.#p];
-    i.setAttribute("data-navigate-active", ""), i.scrollIntoView({ block: "nearest" }), i.id && this.setAttribute("aria-activedescendant", i.id);
-  }
-  #W() {
-    for (const t of this.options)
-      t.removeAttribute("data-navigate-active");
-    this.removeAttribute("aria-activedescendant");
-  }
-  // ── List: Event handlers ───────────────────────────────
-  #X = (t) => {
-    const e = t.target.closest("aui-option");
-    if (!e || e.hasAttribute("disabled")) return;
-    this.#U(e);
-    const i = this.enabledOptions.indexOf(e);
-    i >= 0 && this.#S(i);
-  };
-  #j = (t) => {
-    const e = this.enabledOptions;
-    if (e.length !== 0)
-      switch (t.key) {
-        case "ArrowDown": {
-          t.preventDefault();
-          const i = this.#p < e.length - 1 ? this.#p + 1 : 0;
-          this.#S(i);
-          break;
-        }
-        case "ArrowUp": {
-          t.preventDefault();
-          const i = this.#p > 0 ? this.#p - 1 : e.length - 1;
-          this.#S(i);
-          break;
-        }
-        case "Home": {
-          t.preventDefault(), this.#S(0);
-          break;
-        }
-        case "End": {
-          t.preventDefault(), this.#S(e.length - 1);
-          break;
-        }
-        case "Enter":
-        case " ": {
-          t.preventDefault();
-          const i = e[this.#p];
-          i && this.#U(i);
-          break;
-        }
-        default:
-          t.key.length === 1 && !t.ctrlKey && !t.metaKey && this.#ut(t.key);
-      }
-  };
-  #ut(t) {
-    this.#E += t.toLowerCase(), this.#g && clearTimeout(this.#g), this.#g = setTimeout(() => {
-      this.#E = "";
-    }, 500);
-    const i = this.enabledOptions.findIndex((s) => (s.displayLabel?.toLowerCase() ?? s.textContent?.trim().toLowerCase() ?? "").startsWith(this.#E));
-    i >= 0 && this.#S(i);
-  }
-  // ════════════════════════════════════════════════════════════
-  // MODE: Combobox (searchable dropdown)
-  // ════════════════════════════════════════════════════════════
-  #bt() {
-    const t = `combobox-${crypto.randomUUID().slice(0, 8)}`;
-    this.#e = `--${t}`, this.#o = document.createElement("span"), this.#o.setAttribute("data-input", ""), this.#o.setAttribute("contenteditable", "plaintext-only"), this.#o.setAttribute("role", "combobox"), this.#o.setAttribute("aria-haspopup", "listbox"), this.#o.setAttribute("aria-autocomplete", "list"), this.#o.setAttribute("tabindex", "0"), this.#o.id = t, this.#v = document.createElement("div"), this.#v.setAttribute("popover", "manual"), this.#v.setAttribute("data-dropdown", ""), this.#f = document.createElement("aui-listbox"), this.#f.id = `${t}-listbox`, this.#o.setAttribute("aria-controls", this.#f.id), this.#v.appendChild(this.#f);
-    const e = Array.from(this.children);
-    for (const i of e)
-      M(i) && this.#f.appendChild(i);
-    if (this.#y = Array.from(this.#f.querySelectorAll("aui-option")), this.appendChild(this.#o), this.appendChild(this.#v), this.#o.style.anchorName = this.#e, this.style.setProperty("--_anchor", this.#e), this.addEffect(() => {
-      const i = this.disabled;
-      this.#o.setAttribute("contenteditable", i ? "false" : "plaintext-only"), this.#o.setAttribute("tabindex", i ? "-1" : "0"), this.#o.setAttribute("aria-expanded", String(this.open)), this.#o.setAttribute("data-placeholder", this.placeholder || ""), this.#t.setFormValue(this.value || null);
-      const s = !this.#o.textContent?.trim();
-      this.toggleAttribute("data-input-empty", s);
-    }), this.value) {
-      const i = this.#y.find(
-        (s) => (s.getAttribute("value") ?? s.textContent?.trim()) === this.value
-      );
-      i && this.#o && (this.#o.textContent = i.displayLabel ?? i.textContent?.trim() ?? "");
-    }
-    this.#o.addEventListener("input", this.#Y), this.#o.addEventListener("focus", this.#J), this.#o.addEventListener("keydown", this.#Q), this.#f.addEventListener("change", this.#Z), this.#f.addEventListener("keydown", this.#tt), document.addEventListener("click", this.#et);
-  }
-  #ft() {
-    this.#o?.removeEventListener("input", this.#Y), this.#o?.removeEventListener("focus", this.#J), this.#o?.removeEventListener("keydown", this.#Q), this.#f?.removeEventListener("change", this.#Z), this.#f?.removeEventListener("keydown", this.#tt), document.removeEventListener("click", this.#et), this.#m();
-  }
-  #F(t) {
-    const e = t.toLowerCase();
-    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.#f?.querySelectorAll("aui-optgroup") ?? [];
-    for (const s of i) {
-      const n = s.querySelector('aui-option:not([style*="display: none"])');
-      s.style.display = n ? "" : "none";
-    }
-  }
-  #Y = () => {
-    this.open || this.#x(), this.#F(this.#o?.textContent ?? ""), this.toggleAttribute("data-input-empty", !this.#o?.textContent?.trim());
-  };
-  #J = () => {
-    this.#x(), this.#F(this.#o?.textContent ?? "");
-  };
-  #Q = (t) => {
-    if (t.key === "Enter") {
-      t.preventDefault();
-      const i = this.#f?.activeOption;
-      i && this.open && i.click();
-    } else t.key === "ArrowDown" ? (t.preventDefault(), this.open || this.#x(), this.#f?.focus()) : t.key === "Escape" && this.#m();
-  };
-  #Z = (t) => {
-    t.stopPropagation(), this.value = t.detail.value, this.#t.setFormValue(this.value || null), this.#o && (this.#o.textContent = t.detail.label ?? ""), this.toggleAttribute("data-input-empty", !this.value), this.#m(), this.#o?.focus(), this.#F(""), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: t.detail }));
-  };
-  #tt = (t) => {
-    t.key === "Escape" ? (t.preventDefault(), this.#m(), this.#o?.focus()) : t.key === "Tab" && this.#m();
-  };
-  #et = (t) => {
-    this.open && !this.contains(t.target) && this.#m();
-  };
-}
-let A = null;
-function W() {
-  return A && A.isConnected || (A = document.querySelector("aui-toast-container"), A || (A = document.createElement("aui-toast-container"), document.body.appendChild(A))), A;
-}
-class mt extends h {
-  static attributes = {
-    open: { type: "boolean", default: !1 },
-    message: { type: "string", default: "" },
-    duration: { type: "string", default: "4000" },
-    closeable: { type: "boolean", default: !0 }
-  };
-  #t = null;
-  #e = null;
-  #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", ""), W().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.#e = document.createElement("span"), this.#e.setAttribute("data-close", ""), this.#e.setAttribute("role", "button"), this.#e.setAttribute("tabindex", "0"), this.#e.setAttribute("aria-label", "Dismiss"), this.#e.textContent = "✕", this.appendChild(this.#e), this.addEffect(() => {
-      this.#i && (this.#i.textContent = this.message);
-    }), this.addEffect(() => {
-      this.#e && (this.#e.style.display = this.closeable ? "" : "none");
-    }), this.addEffect(() => {
-      if (this.#t && clearTimeout(this.#t), this.open) {
-        const t = parseInt(this.duration, 10) || 4e3;
-        t > 0 && (this.#t = setTimeout(() => this.dismiss(), t));
-      }
-    }), this.#e.addEventListener("click", this.#s), this.#e.addEventListener("keydown", this.#n);
-  }
-  dispose() {
-    this.#t && clearTimeout(this.#t), this.#e?.removeEventListener("click", this.#s), this.#e?.removeEventListener("keydown", this.#n);
-  }
-  dismiss() {
-    this.open = !1, this.dispatchEvent(new Event("dismiss", { bubbles: !0 })), setTimeout(() => this.remove(), 200);
-  }
-  #s = (t) => {
-    t.stopPropagation(), this.dismiss();
-  };
-  #n = (t) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.dismiss());
-  };
-}
-class vt extends h {
-  static attributes = {
-    value: { type: "string", default: "" },
-    orientation: { type: "enum", values: ["vertical"], default: "" }
-  };
-  activate() {
-    if (this.setAttribute("role", "tablist"), this.addEffect(() => {
-      this.orientation ? this.setAttribute("aria-orientation", this.orientation) : this.removeAttribute("aria-orientation");
-    }), this.#s(), this.style.setProperty("--_tab-count", String(this.#t.length)), this.addEffect(() => {
-      this.#n();
-    }), !this.value) {
-      const t = this.querySelector("aui-tab:not([disabled])");
-      t && (this.value = t.getAttribute("value") ?? "");
-    }
-    this.addEventListener("click", this.#r), this.addEventListener("keydown", this.#l);
-  }
-  dispose() {
-    this.removeEventListener("click", this.#r), this.removeEventListener("keydown", this.#l);
-  }
-  // ── Internal ──────────────────────────────────────────
-  get #t() {
-    return Array.from(this.querySelectorAll("aui-tab"));
-  }
-  get #e() {
-    return this.#t.filter((t) => !t.hasAttribute("disabled"));
-  }
-  get #i() {
-    return Array.from(this.querySelectorAll("aui-tab-panel"));
-  }
-  #s() {
-    const t = this.#t, e = this.#i;
-    for (const i of t) {
-      const s = i.getAttribute("value") ?? "";
-      i.id || (i.id = `tab-${s}-${crypto.randomUUID().slice(0, 4)}`);
-      const n = e.find((a) => a.getAttribute("value") === s);
-      n && (n.id || (n.id = `panel-${s}-${crypto.randomUUID().slice(0, 4)}`), i.setAttribute("aria-controls", n.id), n.setAttribute("aria-labelledby", i.id));
-    }
-  }
-  #n() {
-    const t = this.value, e = this.#t;
-    let i = -1;
-    for (let s = 0; s < e.length; s++)
-      e[s].getAttribute("value") === t ? (e[s].setAttribute("selected", ""), i = s) : e[s].removeAttribute("selected");
-    for (const s of this.#i)
-      s.getAttribute("value") === t ? s.setAttribute("active", "") : s.removeAttribute("active");
-    this.style.setProperty("--_tab-count", String(e.length)), i >= 0 ? (this.style.setProperty("--_indicator-index", String(i)), this.setAttribute("data-indicator-ready", "")) : this.removeAttribute("data-indicator-ready");
-  }
-  #a(t) {
-    if (t.hasAttribute("disabled")) return;
-    const e = t.getAttribute("value") ?? "";
-    this.value = e, this.dispatchEvent(new CustomEvent("change", {
-      bubbles: !0,
-      detail: { value: e }
-    }));
-  }
-  #r = (t) => {
-    const e = t.target.closest("aui-tab");
-    e && this.contains(e) && this.#a(e);
-  };
-  #l = (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.#e, r = a.indexOf(e);
-    if (r < 0) return;
-    let o;
-    switch (t.key) {
-      case s:
-        o = r < a.length - 1 ? r + 1 : 0;
-        break;
-      case n:
-        o = r > 0 ? r - 1 : a.length - 1;
-        break;
-      case "Home":
-        o = 0;
-        break;
-      case "End":
-        o = a.length - 1;
-        break;
-      default:
-        return;
-    }
-    t.preventDefault();
-    const d = a[o];
-    d.focus(), this.#a(d);
-  };
-}
-class gt extends h {
-  static attributes = {
-    value: { type: "string", default: "" },
-    disabled: { type: "boolean", default: !1 },
-    selected: { type: "boolean", default: !1 }
-  };
-  activate() {
-    this.setAttribute("role", "tab"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", this.selected ? "0" : "-1"), this.addEffect(() => {
-      this.setAttribute("aria-selected", String(this.selected)), this.setAttribute("aria-disabled", String(this.disabled)), this.setAttribute("tabindex", this.selected ? "0" : "-1");
-    });
-  }
-}
-class At extends h {
-  static attributes = {
-    value: { type: "string", default: "" },
-    active: { type: "boolean", default: !1 }
-  };
-  activate() {
-    this.setAttribute("role", "tabpanel"), this.addEffect(() => {
-      this.setAttribute("aria-hidden", String(!this.active)), this.active ? this.setAttribute("tabindex", "0") : this.setAttribute("tabindex", "-1");
-    });
-  }
-}
-class yt extends h {
-  static attributes = {
-    multiple: { type: "boolean", default: !1 },
-    caret: { type: "enum", values: ["leading", "trailing"], default: "leading" }
-  };
-  activate() {
-    this.addEventListener("toggle", this.#t);
-  }
-  dispose() {
-    this.removeEventListener("toggle", this.#t);
-  }
-  #t = (t) => {
-    if (this.multiple) return;
-    const e = t.target;
-    if (e.tagName !== "AUI-ACCORDION-ITEM" || !e.hasAttribute("open")) return;
-    const i = this.querySelectorAll("aui-accordion-item[open]");
-    for (const s of i)
-      s !== e && s.removeAttribute("open");
-  };
-}
-class Et extends h {
-  static attributes = {
-    open: { type: "boolean", default: !1 },
-    disabled: { type: "boolean", default: !1 }
-  };
-  #t = null;
-  #e = null;
-  activate() {
-    if (this.#t = this.querySelector("[data-header]"), this.#t)
-      this.#e = this.querySelector("[data-content]");
-    else {
-      this.#t = document.createElement("div"), this.#t.setAttribute("data-header", ""), this.#t.setAttribute("role", "button"), this.#t.setAttribute("tabindex", "0");
-      const i = document.createElement("aui-icon");
-      i.setAttribute("name", "caret-right"), i.setAttribute("data-chevron", ""), this.#t.appendChild(i);
-      const s = this.querySelector("[data-trigger]");
-      if (s)
-        this.#t.appendChild(s);
-      else {
-        const n = Array.from(this.childNodes).find(
-          (a) => a.nodeType === Node.ELEMENT_NODE
-        );
-        n && this.#t.appendChild(n);
-      }
-      for (this.#e = document.createElement("div"), this.#e.setAttribute("data-content", ""); this.firstChild && this.firstChild !== this.#t; )
-        this.#e.appendChild(this.firstChild);
-      this.appendChild(this.#t), this.appendChild(this.#e);
-    }
-    const t = `acc-h-${crypto.randomUUID().slice(0, 6)}`, e = `acc-c-${crypto.randomUUID().slice(0, 6)}`;
-    this.#t.id = t, this.#e && (this.#e.id = e, this.#e.setAttribute("role", "region"), this.#e.setAttribute("aria-labelledby", t)), this.#t.setAttribute("aria-controls", e), this.addEffect(() => {
-      this.#t.setAttribute("aria-expanded", String(this.open)), this.#t.setAttribute("aria-disabled", String(this.disabled));
-    }), this.#t.addEventListener("click", this.#s), this.#t.addEventListener("keydown", this.#n);
-  }
-  dispose() {
-    this.#t?.removeEventListener("click", this.#s), this.#t?.removeEventListener("keydown", this.#n);
-  }
-  #i() {
-    this.disabled || (this.open = !this.open, this.dispatchEvent(new CustomEvent("toggle", { bubbles: !0, detail: { open: this.open } })));
-  }
-  #s = () => {
-    this.#i();
-  };
-  #n = (t) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), this.#i());
-  };
-}
-class xt extends h {
-  static attributes = {
-    label: { type: "string", default: "Breadcrumb" },
-    joiner: { type: "string", default: "/" }
-  };
-  activate() {
-    this.setAttribute("role", "navigation"), this.addEffect(() => {
-      this.setAttribute("aria-label", this.label || "Breadcrumb"), this.style.setProperty("--_joiner", `"${this.joiner || "/"}"`);
-    });
-  }
-}
-class wt extends h {
-  static attributes = {
-    href: { type: "string", default: "" },
-    current: { type: "boolean", default: !1 }
-  };
-  #t = null;
-  activate() {
-    this.addEffect(() => {
-      this.current ? this.setAttribute("aria-current", "page") : this.removeAttribute("aria-current");
-    }), this.addEffect(() => {
-      if (this.href && !this.current) {
-        if (!this.#t) {
-          for (this.#t = document.createElement("a"); this.firstChild && this.firstChild !== this.#t; )
-            this.#t.appendChild(this.firstChild);
-          this.appendChild(this.#t);
-        }
-        this.#t.href = this.href;
-      }
-    });
-  }
-}
-class kt extends h {
-  static formAssociated = !0;
-  static attributes = {
-    value: { type: "string", default: "" },
-    name: { type: "string", default: "" }
-  };
-  #t;
-  #e = null;
-  constructor() {
-    super(), this.#t = this.attachInternals(), this.#t.role = "radiogroup";
-  }
-  activate() {
-    if (this.addEffect(() => {
-      this.#t.setFormValue(this.value || null), this.#n(), this.#a();
-    }), !this.value) {
-      const t = this.querySelector("aui-segment:not([disabled])");
-      t && (this.value = t.getAttribute("value") ?? "");
-    }
-    this.addEventListener("click", this.#l), this.addEventListener("keydown", this.#h);
-  }
-  dispose() {
-    this.removeEventListener("click", this.#l), this.removeEventListener("keydown", this.#h);
-  }
-  formDisabledCallback(t) {
-    for (const e of this.#i) e.toggleAttribute("disabled", t);
-  }
-  formResetCallback() {
-    const t = this.querySelector("aui-segment:not([disabled])");
-    this.value = t?.getAttribute("value") ?? "";
-  }
-  get #i() {
-    return Array.from(this.querySelectorAll("aui-segment"));
-  }
-  get #s() {
-    return this.#i.filter((t) => !t.hasAttribute("disabled"));
-  }
-  #n() {
-    for (const t of this.#i)
-      t.getAttribute("value") === this.value ? t.setAttribute("selected", "") : t.removeAttribute("selected");
-  }
-  #a() {
-    const t = this.#i, e = t.findIndex((i) => i.getAttribute("value") === this.value);
-    if (e < 0) {
-      this.removeAttribute("data-indicator-ready");
-      return;
-    }
-    this.#e || (this.#e = document.createElement("div"), this.#e.setAttribute("data-indicator", ""), this.prepend(this.#e)), this.style.setProperty("--_segment-count", `${t.length}`), this.#e.style.transform = `translateX(${e * 100}%)`, this.setAttribute("data-indicator-ready", "");
-  }
-  #r(t) {
-    t.hasAttribute("disabled") || (this.value = t.getAttribute("value") ?? "", this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { value: this.value } })));
-  }
-  #l = (t) => {
-    const e = t.target.closest("aui-segment");
-    e && this.contains(e) && this.#r(e);
-  };
-  #h = (t) => {
-    const e = t.target;
-    if (e.tagName !== "AUI-SEGMENT") return;
-    const i = this.#s, s = i.indexOf(e);
-    if (s < 0) return;
-    let n;
-    switch (t.key) {
-      case "ArrowRight":
-      case "ArrowDown":
-        n = s < i.length - 1 ? s + 1 : 0;
-        break;
-      case "ArrowLeft":
-      case "ArrowUp":
-        n = s > 0 ? s - 1 : i.length - 1;
-        break;
-      case "Home":
-        n = 0;
-        break;
-      case "End":
-        n = i.length - 1;
-        break;
-      default:
-        return;
-    }
-    t.preventDefault(), i[n].focus(), this.#r(i[n]);
-  };
-}
-class Ct extends h {
-  static attributes = {
-    value: { type: "string", default: "" },
-    disabled: { type: "boolean", default: !1 },
-    selected: { type: "boolean", default: !1 }
-  };
-  activate() {
-    this.setAttribute("role", "radio"), this.hasAttribute("tabindex") || this.setAttribute("tabindex", this.selected ? "0" : "-1"), this.addEffect(() => {
-      this.setAttribute("aria-checked", String(this.selected)), this.setAttribute("aria-disabled", String(this.disabled)), this.setAttribute("tabindex", this.selected ? "0" : "-1");
-    });
-  }
-}
-class Lt extends h {
-  static attributes = {
-    page: { type: "string", default: "1" },
-    total: { type: "string", default: "1" },
-    siblings: { type: "string", default: "1" }
-  };
-  activate() {
-    this.setAttribute("role", "navigation"), this.setAttribute("aria-label", "Pagination"), this.addEffect(() => {
-      this.#t();
-    }), this.addEventListener("click", this.#s), this.addEventListener("keydown", this.#n);
-  }
-  dispose() {
-    this.removeEventListener("click", this.#s), this.removeEventListener("keydown", this.#n);
-  }
-  #t() {
-    const t = parseInt(this.page, 10) || 1, e = parseInt(this.total, 10) || 1, i = parseInt(this.siblings, 10) || 1, s = this.#i(t, e, i);
-    this.innerHTML = "";
-    const n = this.#e("‹", t - 1, t <= 1);
-    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);
-      } else {
-        const o = r, d = this.#e(String(o), o, !1);
-        o === t && (d.setAttribute("aria-current", "page"), d.setAttribute("data-pagination-current", "")), this.appendChild(d);
-      }
-    const a = this.#e("›", t + 1, t >= e);
-    a.setAttribute("aria-label", "Next page"), a.setAttribute("data-pagination-next", ""), this.appendChild(a);
-  }
-  #e(t, e, i) {
-    const s = document.createElement("span");
-    return s.setAttribute("role", "button"), s.setAttribute("tabindex", i ? "-1" : "0"), s.setAttribute("data-pagination-page", String(e)), s.textContent = t, i && s.setAttribute("aria-disabled", "true"), s;
-  }
-  #i(t, e, i) {
-    if (e <= i * 2 + 5)
-      return Array.from({ length: e }, (r, o) => o + 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);
-    for (let r = n; r <= a; r++) s.push(r);
-    if (a < e - 1) s.push("…");
-    else for (let r = a + 1; r < e; r++) s.push(r);
-    return s.push(e), s;
-  }
-  #s = (t) => {
-    const e = t.target.closest("[data-pagination-page]");
-    if (!e || e.getAttribute("aria-disabled") === "true") return;
-    const i = parseInt(e.getAttribute("data-pagination-page") ?? "", 10);
-    isNaN(i) || (this.page = String(i), this.dispatchEvent(new CustomEvent("change", { bubbles: !0, detail: { page: i } })));
-  };
-  #n = (t) => {
-    if (t.key === "Enter" || t.key === " ") {
-      const e = t.target;
-      e.hasAttribute("data-pagination-page") && (t.preventDefault(), e.click());
-    }
-  };
-}
-class St extends h {
-  #t = -1;
-  activate() {
-    this.setAttribute("role", "search"), this.addEventListener("input", this.#d), this.addEventListener("keydown", this.#u), this.addEventListener("click", this.#c), requestAnimationFrame(() => {
-      this.#l(0);
-    });
-  }
-  dispose() {
-    this.removeEventListener("input", this.#d), this.removeEventListener("keydown", this.#u), this.removeEventListener("click", this.#c);
-  }
-  // ── Queries ───────────────────────────────────────────
-  get #e() {
-    return Array.from(this.querySelectorAll("aui-command-item"));
-  }
-  get #i() {
-    return this.#e.filter((t) => !t.hasAttribute("hidden") && !t.hasAttribute("disabled"));
-  }
-  get #s() {
-    return this.querySelector("aui-command-input");
-  }
-  get #n() {
-    return this.querySelector("aui-command-empty");
-  }
-  get #a() {
-    return this.querySelector("aui-command-list");
-  }
-  // ── Filtering ─────────────────────────────────────────
-  #r(t) {
-    const e = t.toLowerCase().trim();
-    for (const s of this.#e) {
-      const n = s.searchText ?? s.textContent?.toLowerCase() ?? "", a = !e || n.includes(e);
-      s.toggleAttribute("hidden", !a);
-    }
-    const i = this.#i;
-    this.#n && this.#n.toggleAttribute("hidden", i.length > 0), this.#l(0);
-  }
-  // ── Active item tracking ──────────────────────────────
-  #l(t) {
-    const e = this.#i;
-    if (e.length === 0) {
-      this.#t = -1, this.#h();
-      return;
-    }
-    this.#h(), this.#t = Math.max(0, Math.min(t, e.length - 1));
-    const i = e[this.#t];
-    i.setAttribute("data-navigate-active", ""), i.scrollIntoView({ block: "nearest" }), i.id && this.#a && this.#a.setAttribute("aria-activedescendant", i.id);
-  }
-  #h() {
-    for (const t of this.#e)
-      t.removeAttribute("data-navigate-active");
-    this.#a?.removeAttribute("aria-activedescendant");
-  }
-  // ── Event handlers ────────────────────────────────────
-  #d = () => {
-    const t = this.#s?.query ?? "";
-    this.#r(t);
-  };
-  #u = (t) => {
-    const e = this.#i;
-    if (!(e.length === 0 && t.key !== "Escape"))
-      switch (t.key) {
-        case "ArrowDown": {
-          t.preventDefault();
-          const i = this.#t < e.length - 1 ? this.#t + 1 : 0;
-          this.#l(i);
-          break;
-        }
-        case "ArrowUp": {
-          t.preventDefault();
-          const i = this.#t > 0 ? this.#t - 1 : e.length - 1;
-          this.#l(i);
-          break;
-        }
-        case "Home": {
-          t.preventDefault(), this.#l(0);
-          break;
-        }
-        case "End": {
-          t.preventDefault(), this.#l(e.length - 1);
-          break;
-        }
-        case "Enter": {
-          t.preventDefault();
-          const i = e[this.#t];
-          i && this.#b(i);
-          break;
-        }
-        case "Escape": {
-          this.dispatchEvent(new Event("dismiss", { bubbles: !0 }));
-          break;
-        }
-      }
-  };
-  #c = (t) => {
-    const e = t.target.closest("aui-command-item");
-    !e || e.hasAttribute("disabled") || e.hasAttribute("hidden") || this.#b(e);
-  };
-  #b(t) {
-    const e = t.getAttribute("value") ?? t.textContent?.trim() ?? "", i = t.textContent?.trim() ?? "";
-    this.dispatchEvent(new CustomEvent("select", {
-      bubbles: !0,
-      detail: { value: e, label: i, item: t }
-    }));
-  }
-}
-class It extends h {
-  activate() {
-    this.setAttribute("role", "status"), this.hasAttribute("hidden") || this.setAttribute("hidden", "");
-  }
-}
-class Dt extends h {
-  static attributes = {
-    label: { type: "string", default: "" }
-  };
-  activate() {
-    this.setAttribute("role", "group");
-    let t = this.querySelector("[data-heading]");
-    !t && this.label && (t = document.createElement("span"), t.setAttribute("data-heading", ""), t.id = `cmdg-${crypto.randomUUID().slice(0, 6)}`, this.prepend(t)), this.addEffect(() => {
-      const e = this.querySelector("[data-heading]");
-      e && (e.textContent = this.label, this.setAttribute("aria-labelledby", e.id));
-    });
-  }
-}
-class Tt extends h {
-  static attributes = {
-    placeholder: { type: "string", default: "Search…" }
-  };
-  #t = null;
-  get query() {
-    return this.#t?.textContent?.trim() ?? "";
-  }
-  set query(t) {
-    this.#t && (this.#t.textContent = t), this.#e();
-  }
-  activate() {
-    this.#t = this.querySelector("[data-surface]"), this.#t || (this.#t = document.createElement("span"), this.#t.setAttribute("data-surface", ""), this.#t.setAttribute("contenteditable", "plaintext-only"), this.#t.setAttribute("tabindex", "0"), this.#t.setAttribute("role", "searchbox"), this.#t.setAttribute("aria-label", "Search commands"), this.appendChild(this.#t)), this.addEffect(() => {
-      this.#t?.setAttribute("data-placeholder", this.placeholder || "Search…");
-    }), this.#e(), this.#t.addEventListener("input", this.#i), this.#t.addEventListener("keydown", this.#s), this.#t.addEventListener("focus", this.#n);
-  }
-  dispose() {
-    this.#t?.removeEventListener("input", this.#i), this.#t?.removeEventListener("keydown", this.#s), this.#t?.removeEventListener("focus", this.#n);
-  }
-  focus(t) {
-    this.#t?.focus(t);
-  }
-  clear() {
-    this.#t && (this.#t.textContent = ""), this.#e(), this.dispatchEvent(new Event("input", { bubbles: !0 }));
-  }
-  #e() {
-    this.toggleAttribute("data-input-empty", !this.#t?.textContent?.trim());
-  }
-  #i = () => {
-    this.#e(), this.dispatchEvent(new Event("input", { bubbles: !0 }));
-  };
-  #s = (t) => {
-    t.key === "Enter" && t.preventDefault();
-  };
-  #n = () => {
-    this.#t?.textContent?.trim() || window.getSelection()?.setPosition(this.#t, 0);
-  };
-}
-class Pt extends h {
-  static attributes = {
-    value: { type: "string", default: "" },
-    disabled: { type: "boolean", default: !1 },
-    keywords: { type: "string", default: "" }
-  };
-  /** Combined search text for filtering. */
-  get searchText() {
-    return `${this.textContent?.trim() ?? ""} ${this.value} ${this.keywords}`.toLowerCase();
-  }
-  activate() {
-    this.setAttribute("role", "option"), this.addEffect(() => {
-      this.setAttribute("aria-disabled", String(this.disabled));
-    });
-  }
-}
-class Mt extends h {
-  activate() {
-    this.setAttribute("role", "listbox");
-  }
-}
-const y = { High: 0, Normal: 1, Low: 2 }, w = (l, t, e) => Math.min(e, Math.max(t, l));
-let L = null;
-function X(l) {
-  if (L !== null) return L;
-  const t = document.createElement("div");
-  return t.style.cssText = "position:absolute;visibility:hidden;width:var(--aui-sidebar-width-collapsed,2.75rem)", l.appendChild(t), L = t.offsetWidth || 44, t.remove(), L;
-}
-class qt extends h {
-  static attributes = {
-    direction: { type: "enum", values: ["vertical"], default: "" }
-  };
-  static deferChildren = !0;
-  #t = null;
-  #e = null;
-  // Hover state
-  #i = null;
-  // Resize state
-  #s = -1;
-  #n = [];
-  #a = [];
-  #r = 0;
-  #l = 0;
-  // Drag pointer ID (for releasing capture)
-  #h = -1;
-  // Pixel-based sizes — source of truth during/after resize
-  #d = [];
-  // Proportional layout
-  #u = null;
-  get isVertical() {
-    return this.direction === "vertical";
-  }
-  activate() {
-    this.addEventListener("pointermove", this.#L), this.addEventListener("pointerleave", this.#A), this.addEventListener("pointerdown", this.#T, !0), this.#g(), this.#t = new MutationObserver(this.#z), this.#t.observe(this, {
-      childList: !0,
-      attributes: !0,
-      attributeFilter: ["hidden", "minimized", "priority"],
-      subtree: !0
-    }), this.#e = new ResizeObserver(this.#C), this.#e.observe(this), this.addEffect(() => {
-      this.direction, this.#g();
-    });
-  }
-  dispose() {
-    this.#k(), this.#q(), this.#t?.disconnect(), this.#t = null, this.#e?.disconnect(), this.#e = null, this.removeEventListener("pointermove", this.#L), this.removeEventListener("pointerleave", this.#A), this.removeEventListener("pointerdown", this.#T, !0);
-  }
-  // ── Pane queries ──
-  #c() {
-    return Array.from(this.children).filter(
-      (t) => t instanceof HTMLElement && !t.hidden
-    );
-  }
-  #b(t) {
-    const e = t.getAttribute("size-min");
-    return e ? Number(e) : X(t);
-  }
-  #p(t) {
-    const e = t.getAttribute("size-max");
-    return e ? Number(e) : 1 / 0;
-  }
-  #E(t) {
-    const e = t.getAttribute("priority");
-    return e === "high" ? y.High : e === "low" ? y.Low : y.Normal;
-  }
-  // ── Size management ──
-  /** Read current pixel sizes from layout and establish initial state. */
-  #g() {
-    const t = this.#c(), e = this.isVertical;
-    for (const s of t) {
-      if (s.hasAttribute("minimized")) continue;
-      const n = s.getAttribute("fixed-size"), a = s.getAttribute("basis");
-      n && n !== "auto" ? s.style.flex = `0 1 ${n}` : a ? s.style.flex = `1 1 ${a}` : (s.style.removeProperty("flex"), s.style.removeProperty("flex-basis"));
-    }
-    const i = t.map((s) => {
-      const n = s.getBoundingClientRect();
-      return e ? n.height : n.width;
-    });
-    this.#d = i, this.#a = t, this.#v(), this.#o();
-  }
-  /** Apply pixel sizes as flex values. */
-  #o() {
-    const t = this.#c();
-    if (!(this.#d.reduce((i, s) => i + s, 0) <= 0))
-      for (let i = 0; i < t.length; i++) {
-        if (t[i].hasAttribute("minimized")) continue;
-        const s = this.#d[i] ?? 0;
-        t[i].style.flex = `${s} 1 0px`;
-      }
-  }
-  /** Save current proportions for proportional container resize. */
-  #v() {
-    const t = this.#d.reduce((e, i) => e + i, 0);
-    if (t <= 0) {
-      this.#u = null;
-      return;
-    }
-    this.#u = this.#d.map((e) => e / t);
-  }
-  // ── Cascade resize algorithm ──
-  /**
-   * Resize panes at the given sash index by delta pixels.
-   * Delta cascades through "before" panes (index -> 0) and
-   * "after" panes (index+1 -> end), respecting min/max constraints
-   * and priority ordering.
-   */
-  #f(t, e, i) {
-    const s = this.#a, n = [...i], a = [];
-    for (let u = t; u >= 0; u--) a.push(u);
-    const r = [];
-    for (let u = t + 1; u < s.length; u++) r.push(u);
-    const o = (u) => {
-      const g = [], E = [], S = [];
-      for (const C of u) {
-        const I = this.#E(s[C]);
-        I === y.High ? g.push(C) : I === y.Low ? S.push(C) : E.push(C);
-      }
-      return [...g, ...E, ...S];
-    }, d = o(a), b = o(r);
-    let f = 0, m = 0;
-    for (const u of d)
-      f += this.#b(s[u]) - i[u], m += this.#p(s[u]) - i[u];
-    let c = 0, p = 0;
-    for (const u of b)
-      c += i[u] - this.#p(s[u]), p += i[u] - this.#b(s[u]);
-    const v = Math.max(f, c), k = Math.min(m, p);
-    e = w(e, v, k);
-    let x = e;
-    for (const u of d) {
-      const g = w(
-        i[u] + x,
-        this.#b(s[u]),
-        this.#p(s[u])
-      ), E = g - i[u];
-      x -= E, n[u] = g;
-    }
-    x = e;
-    for (const u of b) {
-      const g = w(
-        i[u] - x,
-        this.#b(s[u]),
-        this.#p(s[u])
-      ), E = i[u] - g;
-      x -= E, n[u] = g;
-    }
-    return n;
-  }
-  /**
-   * After any size change, distribute leftover space (positive or negative)
-   * across all panes in priority order.
-   */
-  #y(t) {
-    const e = this.#a, i = [...t];
-    let n = this.#x() - i.reduce((b, f) => b + f, 0);
-    if (Math.abs(n) < 0.5) return i;
-    const a = [], r = [], o = [];
-    for (let b = 0; b < e.length; b++) {
-      const f = this.#E(e[b]);
-      f === y.High ? a.push(b) : f === y.Low ? o.push(b) : r.push(b);
-    }
-    const d = [...a, ...r, ...o];
-    for (let b = 0; Math.abs(n) >= 0.5 && b < d.length; b++) {
-      const f = d[b], m = e[f], c = w(
-        i[f] + n,
-        this.#b(m),
-        this.#p(m)
-      ), p = c - i[f];
-      n -= p, i[f] = c;
-    }
-    return i;
-  }
-  #x() {
-    const t = this.getBoundingClientRect();
-    return this.isVertical ? t.height : t.width;
-  }
-  // ── Proportional container resize ──
-  #m = 0;
-  #C = () => {
-    if (this.#s >= 0) return;
-    const t = this.#x();
-    if (t <= 0) return;
-    if (this.#m === 0) {
-      this.#m = t;
-      return;
-    }
-    if (Math.abs(t - this.#m) < 1) return;
-    this.#m = t;
-    const e = this.#c();
-    if (e.length !== 0) {
-      if (this.#a = e, this.#u && this.#u.length === e.length) {
-        const i = this.#u.map(
-          (s, n) => w(
-            Math.round(s * t),
-            this.#b(e[n]),
-            this.#p(e[n])
-          )
-        );
-        this.#d = this.#y(i);
-      } else
-        this.#d = this.#y(this.#d);
-      this.#o();
-    }
-  };
-  // ── Boundary hit-testing ──
-  #w(t, e) {
-    const i = this.#c();
-    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;
-    }
-    return -1;
-  }
-  // ── Hover ──
-  #L = (t) => {
-    if (this.#s >= 0) return;
-    const e = this.#w(t.clientX, t.clientY), i = this.#c();
-    if (e >= 0) {
-      const s = i[e];
-      if (this.#i !== s) {
-        this.#k();
-        const n = this.isVertical ? "bottom" : "right";
-        s.setAttribute("data-panes-edge-near", n), this.#i = s;
-      }
-    } else
-      this.#k();
-  };
-  #A = () => {
-    this.#s >= 0 || this.#k();
-  };
-  #k() {
-    this.#i && (this.#i.removeAttribute("data-panes-edge-near"), this.#i = null);
-  }
-  // ── Drag resize ──
-  #T = (t) => {
-    if (t.button !== 0) return;
-    const e = this.#w(t.clientX, t.clientY);
-    if (e < 0) return;
-    t.preventDefault(), t.stopPropagation(), this.#k(), this.#s = e, this.#a = this.#c(), this.#r = t.clientX, this.#l = t.clientY;
-    const i = this.isVertical;
-    this.#n = this.#a.map((n) => {
-      const a = n.getBoundingClientRect();
-      return i ? a.height : a.width;
-    }), this.#d = [...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.#P), document.addEventListener("pointerup", this.#M), document.addEventListener("pointercancel", this.#I), document.addEventListener("keydown", this.#N);
-  };
-  #P = (t) => {
-    if (this.#s < 0) return;
-    const e = this.isVertical ? t.clientY - this.#l : t.clientX - this.#r;
-    this.#d = this.#f(this.#s, e, this.#n), this.#o();
-  };
-  #M = () => {
-    if (this.#s < 0) return;
-    const t = this.isVertical;
-    this.#d = this.#a.map((e) => {
-      const i = e.getBoundingClientRect();
-      return t ? i.height : i.width;
-    }), this.#v(), this.dispatchEvent(new CustomEvent("aui:panes-resize", {
-      bubbles: !0,
-      composed: !0,
-      detail: {
-        sizes: this.#d,
-        index: this.#s
-      }
-    })), this.#q();
-  };
-  #I = () => {
-    this.#s < 0 || (this.#d = [...this.#n], this.#o(), this.#q());
-  };
-  #N = (t) => {
-    t.key === "Escape" && this.#s >= 0 && (t.preventDefault(), this.#I());
-  };
-  #q() {
-    if (this.#s >= 0 && this.#a[this.#s]?.removeAttribute("data-panes-edge-active"), this.#h >= 0) {
-      try {
-        this.releasePointerCapture(this.#h);
-      } catch {
-      }
-      this.#h = -1;
-    }
-    this.#s = -1, this.#n = [], this.removeAttribute("data-panes-resizing"), document.removeEventListener("pointermove", this.#P), document.removeEventListener("pointerup", this.#M), document.removeEventListener("pointercancel", this.#I), document.removeEventListener("keydown", this.#N);
-  }
-  // ── Child mutation observer (debounced) ──
-  #R = 0;
-  #z = (t) => {
-    let e = !1;
-    for (const i of t) {
-      const s = i.target;
-      if (i.type === "childList" && s === this) {
-        e = !0;
-        break;
-      }
-      if (i.type === "attributes" && s.parentElement === this) {
-        e = !0;
-        break;
-      }
-    }
-    e && (this.#R || (this.#R = requestAnimationFrame(() => {
-      this.#R = 0, this.#g();
-    })));
-  };
-}
-const R = document.createElement("template");
-R.innerHTML = `
-  <aui-header data-pane-header>
-    <aui-pane-label></aui-pane-label>
-  </aui-header>
-`;
-const z = document.createElement("template");
-z.innerHTML = "<aui-button ghost></aui-button>";
-class Rt extends h {
-  static attributes = {
-    label: { type: "string", default: "" },
-    icon: { type: "string", default: "" },
-    closeable: { type: "boolean", default: !1 },
-    minimizable: { type: "boolean", default: !1 },
-    minimized: { type: "boolean", default: !1 },
-    "fixed-size": { type: "string", default: "" },
-    basis: { type: "string", default: "" },
-    priority: { type: "enum", values: ["high", "normal", "low"], default: "normal" },
-    tabs: { type: "boolean", default: !1 },
-    collapse: { type: "string", default: "" }
-  };
-  // Stamped header references
-  #t = null;
-  #e = null;
-  #i = null;
-  #s = null;
-  #n = null;
-  // Tabs
-  #a = null;
-  // Collapse state (internal)
-  #r = !1;
-  activate() {
-    this.#d(), this.#h(), this.#l(), this.addEffect(() => {
-      const t = this.label;
-      this.#e && (this.#e.textContent = t), t && !this.#t ? this.#d() : !t && this.#t && this.#u();
-    }), this.addEffect(() => {
-      const t = this.minimized;
-      if (this.#s) {
-        const e = this.#s.querySelector("aui-icon");
-        e && e.setAttribute("icon", t ? "caret-up" : "minus");
-      }
-    }), this.addEffect(() => {
-      this["fixed-size"], this.#l();
-    }), this.addEffect(() => {
-      const t = this.basis;
-      t ? this.style.flexBasis = t : this.style.removeProperty("flex-basis");
-    }), this.addEffect(() => {
-      const t = this.icon;
-      this.#b(t || null);
-    }), this.addEffect(() => {
-      this.#p(this.closeable);
-    }), this.addEffect(() => {
-      this.#E(this.minimizable);
-    }), this.addEffect(() => {
-      this.tabs && !this.#a ? this.#g() : !this.tabs && this.#a && this.#o();
-    }), this.addEffect(() => {
-      this.collapse;
-    });
-  }
-  // ── Public methods ──
-  /** Collapse the pane to a thin strip. */
-  collapsePane() {
-    this.#r = !0, this.setAttribute("collapsed", ""), this.dispatchEvent(new CustomEvent("aui:pane-collapse", {
-      bubbles: !0,
-      composed: !0,
-      detail: { pane: this }
-    }));
-  }
-  /** Restore from collapsed state. */
-  expand() {
-    this.#r = !1, this.removeAttribute("collapsed"), this.dispatchEvent(new CustomEvent("aui:pane-expand", {
-      bubbles: !0,
-      composed: !0,
-      detail: { pane: this }
-    }));
-  }
-  /** Close the pane. Dispatches cancelable `aui:pane-close`. */
-  close() {
-    const t = new CustomEvent("aui:pane-close", {
-      bubbles: !0,
-      composed: !0,
-      cancelable: !0,
-      detail: { pane: this }
-    });
-    this.dispatchEvent(t) && (this.hidden = !0);
-  }
-  /** Minimize the pane to header-only. */
-  minimize() {
-    this.minimized = !0, this.dispatchEvent(new CustomEvent("aui:pane-minimize", {
-      bubbles: !0,
-      composed: !0,
-      detail: { pane: this }
-    }));
-  }
-  /** Restore from minimized state. */
-  restore() {
-    this.minimized = !1, this.dispatchEvent(new CustomEvent("aui:pane-restore", {
-      bubbles: !0,
-      composed: !0,
-      detail: { pane: this }
-    }));
-  }
-  // ── Size sync ──
-  #l() {
-    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>. */
-  #h() {
-    if (this.querySelector(":scope > aui-content")) return;
-    const t = document.createElement("aui-content"), e = [];
-    for (const i of Array.from(this.childNodes))
-      i instanceof HTMLElement && (i.tagName === "AUI-HEADER" || i.hasAttribute("data-pane-header") || i.hasAttribute("slot") || i.tagName === "AUI-CANVAS") || e.push(i);
-    if (e.length !== 0) {
-      for (const i of e) t.appendChild(i);
-      this.appendChild(t);
-    }
-  }
-  // ── Header stamping ──
-  #d() {
-    if (this.querySelector(":scope > aui-header")) return;
-    const t = this.label;
-    if (!t) return;
-    const i = R.content.cloneNode(!0).firstElementChild, s = i.querySelector("aui-pane-label");
-    s.textContent = t, this.#e = s;
-    const n = this.icon;
-    if (n) {
-      const a = document.createElement("aui-icon");
-      a.setAttribute("icon", n), i.insertBefore(a, s), this.#i = a;
-    }
-    this.minimizable && (this.#s = this.#c(
-      this.minimized ? "caret-up" : "minus",
-      () => {
-        this.minimized ? this.restore() : this.minimize();
-      }
-    ), i.appendChild(this.#s)), this.closeable && (this.#n = this.#c("x", () => this.close()), i.appendChild(this.#n)), this.prepend(i), this.#t = i;
-  }
-  #u() {
-    this.#t && (this.#t.remove(), this.#t = null, this.#e = null, this.#i = null, this.#s = null, this.#n = null);
-  }
-  #c(t, e) {
-    const i = z.content.firstElementChild.cloneNode(!0);
-    return i.setAttribute("icon", t), i.setAttribute("slot", "trailing"), i.addEventListener("click", e), i;
-  }
-  #b(t) {
-    if (this.#t)
-      if (t && this.#i)
-        this.#i.setAttribute("icon", t);
-      else if (t && !this.#i) {
-        const e = document.createElement("aui-icon");
-        e.setAttribute("icon", t), this.#t.prepend(e), this.#i = e;
-      } else !t && this.#i && (this.#i.remove(), this.#i = null);
-  }
-  #p(t) {
-    this.#t && (t && !this.#n ? (this.#n = this.#c("x", () => this.close()), this.#t.appendChild(this.#n)) : !t && this.#n && (this.#n.remove(), this.#n = null));
-  }
-  #E(t) {
-    this.#t && (t && !this.#s ? (this.#s = this.#c(
-      this.minimized ? "caret-up" : "minus",
-      () => {
-        this.minimized ? this.restore() : this.minimize();
-      }
-    ), this.#n ? this.#t.insertBefore(this.#s, this.#n) : this.#t.appendChild(this.#s)) : !t && this.#s && (this.#s.remove(), this.#s = null));
-  }
-  // ── Tabs ──
-  #g() {
-    if (this.#a) return;
-    this.#a = document.createElement("aui-tabs");
-    for (const e of this.children) {
-      if (!(e instanceof HTMLElement)) continue;
-      const i = e.getAttribute("data-tab-id"), s = e.getAttribute("data-tab-label");
-      if (!i || !s) continue;
-      const n = document.createElement("aui-tab");
-      n.setAttribute("label", s), n.setAttribute("data-for", i), this.#a.appendChild(n);
-    }
-    this.#a.addEventListener("change", (e) => {
-      const s = e.detail.tab?.getAttribute("data-for");
-      s && this.#v(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.#v(i);
-    });
-  }
-  #o() {
-    this.#a?.remove(), this.#a = null;
-    for (const t of this.children)
-      t instanceof HTMLElement && t.hasAttribute("data-tab-id") && t.removeAttribute("hidden");
-  }
-  #v(t) {
-    for (const e of this.children) {
-      if (!(e instanceof HTMLElement)) continue;
-      const i = e.getAttribute("data-tab-id");
-      i && (i === t ? e.removeAttribute("hidden") : e.setAttribute("hidden", ""));
-    }
-  }
-  dispose() {
-    this.#u(), this.#o();
-  }
-}
-class zt extends h {
-  static attributes = {
-    cols: { type: "string", default: "" },
-    src: { type: "string", default: "" },
-    selectable: { type: "boolean", default: !1 },
-    sortable: { type: "boolean", default: !1 },
-    searchable: { type: "boolean", default: !1 },
-    paginate: { type: "string", default: "0" }
-  };
-  #t = [];
-  #e = [];
-  #i = "";
-  #s = "none";
-  #n = "";
-  #a = 1;
-  #r = /* @__PURE__ */ new Set();
-  #l = !1;
-  // Stable DOM refs (created once, never destroyed)
-  #h = null;
-  #d = null;
-  #u = null;
-  #c = null;
-  #b = null;
-  get selectedIds() {
-    return new Set(this.#r);
-  }
-  get dataMode() {
-    return this.#l;
-  }
-  setData(t) {
-    this.#e = [...t], this.#a = 1, this.#r.clear(), this.#A();
-  }
-  activate() {
-    if (this.setAttribute("role", "table"), this.#t = this.#p(), this.#l = this.#t.length > 0, !this.#l) {
-      this.addEffect(() => {
-        this.cols && (this.style.gridTemplateColumns = this.cols);
-      });
-      return;
-    }
-    this.#E(), this.#o(), this.#A(), this.addEventListener("click", this.#v), this.addEffect(() => {
-      this.src && this.#g(this.src);
-    });
-  }
-  dispose() {
-    this.removeEventListener("click", this.#v), this.#b && clearTimeout(this.#b);
-  }
-  // ── Column parsing ─────────────────────────────────────────
-  #p() {
-    return Array.from(this.querySelectorAll("aui-table-column")).map((t) => ({
-      key: t.getAttribute("key") || "",
-      label: t.getAttribute("label") || t.getAttribute("key") || "",
-      sortable: t.hasAttribute("sortable"),
-      filterable: t.hasAttribute("filterable"),
-      width: t.getAttribute("width") || "1fr",
-      type: t.getAttribute("type") || "string",
-      align: t.getAttribute("align") || "start"
-    })).filter((t) => t.key);
-  }
-  // ── Data loading ───────────────────────────────────────────
-  #E() {
-    const t = this.querySelector('script[type="application/json"]');
-    if (t?.textContent) {
-      try {
-        const e = JSON.parse(t.textContent);
-        Array.isArray(e) && (this.#e = e);
-      } catch {
-      }
-      return;
-    }
-    this.src && this.#g(this.src);
-  }
-  async #g(t) {
-    try {
-      const e = await fetch(t);
-      if (!e.ok) return;
-      const i = await e.json();
-      this.#e = Array.isArray(i) ? i : i?.data ?? [], this.#a = 1, this.#r.clear(), this.#A();
-    } catch {
-    }
-  }
-  // ── Structure (built once) ─────────────────────────────────
-  #o() {
-    for (const e of [...this.children]) {
-      const i = e.tagName?.toLowerCase();
-      i !== "aui-table-column" && i !== "script" && e.remove();
-    }
-    const t = this.#t.map((e) => e.width);
-    if (this.selectable && t.unshift("2.5rem"), this.style.gridTemplateColumns = t.join(" "), this.searchable) {
-      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.#h = e, this.appendChild(e);
-      const s = () => {
-        this.#b && clearTimeout(this.#b), this.#b = setTimeout(() => {
-          this.#n = (i.value || "").trim(), this.#a = 1, this.#A();
-        }, 200);
-      };
-      i.addEventListener("input", s);
-    }
-    this.#d = document.createElement("aui-table-head"), this.appendChild(this.#d), this.#u = document.createElement("aui-table-body"), this.appendChild(this.#u), this.#C > 0 && (this.#c = document.createElement("div"), this.#c.setAttribute("data-table-footer", ""), this.appendChild(this.#c));
-  }
-  // ── Event delegation ───────────────────────────────────────
-  #v = (t) => {
-    const e = t.target, i = e.closest("aui-table-header[data-table-sortable]");
-    if (i) {
-      const a = i.dataset.key;
-      if (a) {
-        this.#f(a);
-        return;
-      }
-    }
-    const s = e.closest("aui-checkbox[data-table-check]");
-    if (s) {
-      const a = s.dataset.rowId;
-      a === "__all__" ? this.#m() : a && this.#x(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.#A());
-    }
-  };
-  // ── Sort ───────────────────────────────────────────────────
-  #f(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.#A();
-  }
-  // ── Selection ──────────────────────────────────────────────
-  #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.#A();
-  }
-  #m() {
-    const t = this.#L(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);
-    }
-    this.dispatchEvent(new CustomEvent("aui:selection-change", { bubbles: !0, detail: { selectedIds: [...this.#r] } })), this.#A();
-  }
-  // ── Derived data ───────────────────────────────────────────
-  get #C() {
-    return parseInt(this.paginate, 10) || 0;
-  }
-  #w() {
-    let t = [...this.#e];
-    if (this.#n) {
-      const e = this.#n.toLowerCase(), i = this.#t.map((s) => s.key);
-      t = t.filter((s) => i.some((n) => {
-        const a = s[n];
-        return a != null && String(a).toLowerCase().includes(e);
-      }));
-    }
-    if (this.#i && this.#s !== "none") {
-      const i = this.#t.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], d = r[n];
-        return o == null && d == null ? 0 : o == null ? 1 : d == null ? -1 : i === "number" ? (Number(o) - Number(d)) * s : i === "date" ? (new Date(String(o)).getTime() - new Date(String(d)).getTime()) * s : String(o).localeCompare(String(d)) * s;
-      });
-    }
-    return t;
-  }
-  #L(t) {
-    const e = this.#C;
-    if (e <= 0) return t;
-    const i = (this.#a - 1) * e;
-    return t.slice(i, i + e);
-  }
-  // ── Render (updates innerHTML of stable containers) ────────
-  #A() {
-    if (!this.#l || !this.#d || !this.#u) return;
-    const t = this.#w(), e = this.#L(t);
-    this.#d.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.#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.#t) {
-      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);
-    }
-    this.#d.appendChild(i), this.#u.innerHTML = "";
-    for (const s of e) {
-      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"), d = document.createElement("aui-checkbox");
-        d.setAttribute("data-table-check", ""), d.setAttribute("data-row-id", a), r && d.setAttribute("checked", ""), o.appendChild(d), n.appendChild(o);
-      }
-      for (const o of this.#t) {
-        const d = document.createElement("aui-table-cell"), b = s[o.key];
-        d.textContent = b != null ? String(b) : "", o.align !== "start" && (d.style.justifyContent = o.align), n.appendChild(d);
-      }
-      this.#u.appendChild(n);
-    }
-    if (this.#c) {
-      this.#c.innerHTML = "";
-      const s = this.#C, 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), d = document.createElement("span");
-      d.setAttribute("data-table-page-info", ""), d.textContent = `${r}–${o} of ${n}`, this.#c.appendChild(d);
-      const b = document.createElement("span");
-      b.setAttribute("data-table-page-controls", ""), b.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"), b.appendChild(f);
-      for (let c = 1; c <= a; c++) {
-        const p = document.createElement("button");
-        p.setAttribute("data-table-page", String(c)), p.textContent = String(c), p.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);"}`, b.appendChild(p);
-      }
-      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"), b.appendChild(m), this.#c.appendChild(b);
-    }
-  }
-}
-class Ot extends h {
-}
-class Ht extends h {
-}
-class Nt extends h {
-}
-class Ut extends h {
-}
-class Ft extends h {
-}
-class Vt extends h {
-  activate() {
-    this.setAttribute("role", "tree"), this.addEventListener("keydown", this.#e);
-  }
-  dispose() {
-    this.removeEventListener("keydown", this.#e);
-  }
-  get #t() {
-    const t = [];
-    for (const e of this.querySelectorAll("[data-label]")) {
-      const i = e.closest("aui-tree-item");
-      if (!i) continue;
-      const s = i.parentElement?.closest("aui-tree-item");
-      s && !s.hasAttribute("expanded") && i.parentElement?.hasAttribute("data-children") || t.push(e);
-    }
-    return t;
-  }
-  #e = (t) => {
-    if (t.key !== "ArrowDown" && t.key !== "ArrowUp") return;
-    const e = this.#t, i = e.indexOf(document.activeElement);
-    if (i < 0) return;
-    t.preventDefault();
-    let s;
-    t.key === "ArrowDown" ? s = i < e.length - 1 ? i + 1 : 0 : s = i > 0 ? i - 1 : e.length - 1, e[s].focus();
-  };
-}
-const j = '<aui-icon name="caret-right" size="sm"></aui-icon>';
-class Bt extends h {
-  static attributes = {
-    expanded: { type: "boolean", default: !1 },
-    selected: { type: "boolean", default: !1 },
-    disabled: { type: "boolean", default: !1 }
-  };
-  #t = null;
-  #e = null;
-  #i = null;
-  get expandable() {
-    return !!this.querySelector(":scope > [data-children] > aui-tree-item");
-  }
-  activate() {
-    if (this.setAttribute("role", "treeitem"), this.#t = this.querySelector(":scope > [data-label]"), this.#t)
-      this.#i = this.querySelector(":scope > [data-label] > [data-caret]"), this.#e = this.querySelector(":scope > [data-children]");
-    else {
-      this.#t = document.createElement("div"), this.#t.setAttribute("data-label", ""), this.#t.setAttribute("tabindex", "0"), this.#i = document.createElement("span"), this.#i.setAttribute("data-caret", ""), this.#i.innerHTML = j, this.#t.appendChild(this.#i);
-      const i = this.querySelector(":scope > [data-trigger]");
-      if (i)
-        this.#t.appendChild(i);
-      else {
-        const n = [];
-        for (const a of Array.from(this.childNodes))
-          a instanceof HTMLElement && (a.tagName === "AUI-TREE-ITEM" || a.hasAttribute("data-children")) || n.push(a);
-        for (const a of n) this.#t.appendChild(a);
-      }
-      const s = Array.from(this.querySelectorAll(":scope > aui-tree-item"));
-      if (s.length > 0) {
-        this.#e = document.createElement("div"), this.#e.setAttribute("data-children", ""), this.#e.setAttribute("role", "group");
-        for (const n of s)
-          this.#e.appendChild(n);
-        this.prepend(this.#t), this.appendChild(this.#e);
-      } else
-        this.prepend(this.#t);
-    }
-    let t = 0, e = this.parentElement;
-    for (; e && (e.tagName === "AUI-TREE-ITEM" && t++, e.tagName !== "AUI-TREE"); )
-      e = e.parentElement;
-    this.#t?.style.setProperty("--_depth", String(t)), this.addEffect(() => {
-      this.setAttribute("aria-expanded", this.expandable ? String(this.expanded) : ""), this.setAttribute("aria-selected", String(this.selected)), this.setAttribute("aria-disabled", String(this.disabled)), this.#i && (this.#i.style.visibility = this.expandable ? "visible" : "hidden");
-    }), this.#t?.addEventListener("click", this.#s), this.#t?.addEventListener("keydown", this.#n);
-  }
-  dispose() {
-    this.#t?.removeEventListener("click", this.#s), this.#t?.removeEventListener("keydown", this.#n);
-  }
-  #s = () => {
-    this.disabled || (this.expandable && (this.expanded = !this.expanded), this.selected = !0, this.dispatchEvent(new CustomEvent("select", { bubbles: !0, detail: { item: this } })));
-  };
-  #n = (t) => {
-    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 $t extends h {
-  static attributes = {
-    align: { type: "enum", values: ["end"], default: "" },
-    scrollable: { type: "boolean", default: !1 },
-    autoscroll: { type: "boolean", default: !1 }
-  };
-  #t = null;
-  activate() {
-    this.setAttribute("role", "feed"), this.autoscroll && (this.#t = new MutationObserver(() => {
-      this.#e() && this.#i();
-    }), this.#t.observe(this, { childList: !0, subtree: !0 }));
-  }
-  dispose() {
-    this.#t?.disconnect();
-  }
-  #e() {
-    return this.scrollHeight - this.scrollTop - this.clientHeight < 40;
-  }
-  #i() {
-    requestAnimationFrame(() => {
-      this.scrollTop = this.scrollHeight;
-    });
-  }
-  scrollToEnd() {
-    this.#i();
-  }
-}
-class Kt extends h {
-  activate() {
-  }
-}
-class _t extends h {
-  activate() {
-    this.setAttribute("role", "application");
-  }
-}
-class Gt extends h {
-  activate() {
-    this.setAttribute("role", "main");
-  }
-}
-class Wt extends h {
-}
-class Xt extends h {
-  activate() {
-    this.setAttribute("role", "navigation"), this.setAttribute("aria-label", "Breadcrumb");
-  }
-}
-const O = document.createElement("template");
-O.innerHTML = "<aui-sidebar-resize-handle></aui-sidebar-resize-handle>";
-class jt extends h {
-  static attributes = {
-    width: { type: "string", default: "240" },
-    "min-width": { type: "string", default: "56" },
-    "max-width": { type: "string", default: "480" },
-    collapsed: { type: "boolean", default: !1 },
-    collapsible: { type: "boolean", default: !1 },
-    side: { type: "enum", values: ["left", "right"], default: "left" },
-    disabled: { type: "boolean", default: !1 }
-  };
-  #t = H(240);
-  #e = 56;
-  #i = 480;
-  // Resize state
-  #s = null;
-  #n = !1;
-  #a = 0;
-  #r = 0;
-  #l = -1;
-  activate() {
-    this.setAttribute("role", "complementary");
-    const t = parseInt(this.getAttribute("width") ?? "", 10);
-    t > 0 && (this.#t.value = t), this.#e = parseInt(this.getAttribute("min-width") ?? "", 10) || 56, this.#i = parseInt(this.getAttribute("max-width") ?? "", 10) || 480;
-    const e = O.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.#t.value;
-      this.style.setProperty("--aui-sidebar-width", `${i}px`);
-    });
-  }
-  // ── Public API ──
-  collapse() {
-    this.setAttribute("collapsed", ""), this.dispatchEvent(new CustomEvent("aui:sidebar-collapse", {
-      bubbles: !0,
-      detail: { collapsed: !0 }
-    }));
-  }
-  expand() {
-    this.removeAttribute("collapsed"), this.dispatchEvent(new CustomEvent("aui:sidebar-collapse", {
-      bubbles: !0,
-      detail: { collapsed: !1 }
-    }));
-  }
-  toggle() {
-    this.collapsed ? this.expand() : this.collapse();
-  }
-  // ── Resize ──
-  #h = (t) => {
-    this.disabled || this.collapsed || (t.preventDefault(), this.#n = !0, this.#a = t.clientX, this.#r = D(() => this.#t.value), this.#l = t.pointerId, this.setAttribute("data-sidebar-resizing", ""), this.#s.setPointerCapture(t.pointerId), document.documentElement.setAttribute("data-sidebar-resizing", ""), this.#s.addEventListener("pointermove", this.#d), this.#s.addEventListener("pointerup", this.#u), this.#s.addEventListener("pointercancel", this.#u));
-  };
-  #d = (t) => {
-    if (!this.#n) return;
-    const i = this.getAttribute("side") === "right" ? this.#a - t.clientX : t.clientX - this.#a, s = Math.round(Math.max(this.#e, Math.min(this.#i, this.#r + i)));
-    this.#t.value = s;
-  };
-  #u = () => {
-    this.#n && (this.#n = !1, this.removeAttribute("data-sidebar-resizing"), document.documentElement.removeAttribute("data-sidebar-resizing"), this.#l >= 0 && this.#s && this.#s.releasePointerCapture(this.#l), this.#l = -1, this.#s?.removeEventListener("pointermove", this.#d), this.#s?.removeEventListener("pointerup", this.#u), this.#s?.removeEventListener("pointercancel", this.#u), this.dispatchEvent(new CustomEvent("aui:sidebar-resize", {
-      bubbles: !0,
-      detail: { width: D(() => this.#t.value) }
-    })));
-  };
-  // ── Cleanup ──
-  dispose() {
-    this.#s?.removeEventListener("pointerdown", this.#h), this.#s?.remove(), this.#s = null, document.documentElement.removeAttribute("data-sidebar-resizing");
-  }
-}
-class Yt extends h {
-  activate() {
-    this.setAttribute("role", "none");
-  }
-}
-class Jt extends h {
-  activate() {
-    this.setAttribute("role", "none");
-  }
-}
-class Qt extends h {
-  activate() {
-    this.setAttribute("role", "none");
-  }
+class n extends a {
 }
 export {
-  ee as ACTION_REGISTRY,
-  yt as AuiAccordion,
-  Et as AuiAccordionItem,
-  ie as AuiAgentActivity,
-  se as AuiAgentFeed,
-  ne as AuiAgentInput,
-  ae as AuiAgentMessage,
-  re as AuiAgentPanel,
-  le as AuiAgentPrompt,
-  he as AuiAgentSeeds,
-  oe as AuiAgentText,
-  de as AuiAgentThread,
-  _t as AuiAppShell,
-  xt as AuiBreadcrumb,
-  wt as AuiBreadcrumbItem,
-  Q as AuiButton,
-  et as AuiCheckbox,
-  St as AuiCommand,
-  It as AuiCommandEmpty,
-  Dt as AuiCommandGroup,
-  Tt as AuiCommandInput,
-  Pt as AuiCommandItem,
-  Mt as AuiCommandList,
-  rt as AuiContainer,
-  lt as AuiDialog,
-  ht as AuiDrawer,
-  $t as AuiFeed,
-  ut as AuiGripper,
-  ot as AuiIcon,
-  Z as AuiInput,
-  tt as AuiInputOtp,
-  ft as AuiOptgroup,
-  bt as AuiOption,
-  Gt as AuiPage,
-  Xt as AuiPageContext,
-  Wt as AuiPageMain,
-  Lt as AuiPagination,
-  Rt as AuiPane,
-  qt as AuiPanes,
-  st as AuiRadio,
-  nt as AuiRadioGroup,
-  ct as AuiRange,
-  Kt as AuiRoot,
-  Ct as AuiSegment,
-  kt as AuiSegmentedControl,
-  pt as AuiSelect,
-  jt as AuiSidebar,
-  Jt as AuiSidebarContent,
-  Qt as AuiSidebarFooter,
-  Yt as AuiSidebarHeader,
-  it as AuiSwitch,
-  gt as AuiTab,
-  At as AuiTabPanel,
-  zt as AuiTable,
-  Ot as AuiTableBody,
-  Ht as AuiTableCell,
-  Nt as AuiTableHead,
-  Ut as AuiTableHeader,
-  Ft as AuiTableRow,
-  vt as AuiTabs,
-  at as AuiTextarea,
-  mt as AuiToast,
-  dt as AuiTooltip,
-  Vt as AuiTree,
-  Bt as AuiTreeItem,
-  ce as ROLE_DEFAULTS,
-  U as getIcon,
-  pe as registerIcon,
-  me as registerIcons,
-  ue as renderMarkdown,
-  be as sanitizeHtml
+  p as ACTION_REGISTRY,
+  f as AuiAccordion,
+  h as AuiAccordionItem,
+  m as AuiAgentActivity,
+  g as AuiAgentFeed,
+  c as AuiAgentInput,
+  C as AuiAgentMessage,
+  T as AuiAgentPanel,
+  S as AuiAgentPrompt,
+  b as AuiAgentSeeds,
+  x as AuiAgentText,
+  I as AuiAgentThread,
+  A as AuiAlert,
+  D as AuiAppShell,
+  G as AuiAvatarGroup,
+  B as AuiBreadcrumb,
+  E as AuiBreadcrumbItem,
+  M as AuiButton,
+  w as AuiCalendarPicker,
+  y as AuiCalendarRangePicker,
+  H as AuiCarousel,
+  O as AuiCheckbox,
+  v as AuiChip,
+  L as AuiCodeBlock,
+  N as AuiColorArea,
+  j as AuiColorField,
+  U as AuiColorPicker,
+  _ as AuiColorSlider,
+  q as AuiCommand,
+  z as AuiCommandEmpty,
+  Y as AuiCommandGroup,
+  J as AuiCommandInput,
+  K as AuiCommandItem,
+  Q as AuiCommandList,
+  V as AuiContainer,
+  W as AuiContextMenu,
+  X as AuiCopyButton,
+  Z as AuiDateField,
+  $ as AuiDialog,
+  aa as AuiDisclosure,
+  ia as AuiDisclosureGroup,
+  sa as AuiDrawer,
+  ea as AuiDropdownMenu,
+  Aa as AuiEmptyState,
+  ua as AuiFeed,
+  ta as AuiFileUpload,
+  oa as AuiGripper,
+  ra as AuiHoverCard,
+  na as AuiIcon,
+  da as AuiImage,
+  la as AuiInput,
+  pa as AuiInputOtp,
+  u as AuiLink,
+  ma as AuiMeter,
+  o as AuiNavItem,
+  ga as AuiNotificationCenter,
+  ca as AuiOptgroup,
+  Ca as AuiOption,
+  Ta as AuiPage,
+  Sa as AuiPageContext,
+  ba as AuiPageMain,
+  xa as AuiPagination,
+  Ia as AuiPane,
+  Pa as AuiPanes,
+  ka as AuiProgress,
+  Ra as AuiProgressCircle,
+  Fa as AuiRadio,
+  fa as AuiRadioGroup,
+  ha as AuiRange,
+  Da as AuiRoot,
+  Ga as AuiSegment,
+  Ba as AuiSegmentedControl,
+  Ea as AuiSelect,
+  Ma as AuiSidebar,
+  wa as AuiSidebarContent,
+  ya as AuiSidebarFooter,
+  Ha as AuiSidebarHeader,
+  e as AuiSkeleton,
+  Oa as AuiSparkline,
+  t as AuiSpinner,
+  va as AuiStat,
+  n as AuiStep,
+  r as AuiStepper,
+  La as AuiSwitch,
+  Na as AuiTab,
+  ja as AuiTabPanel,
+  Ua as AuiTable,
+  _a as AuiTableBody,
+  qa as AuiTableCell,
+  za as AuiTableHead,
+  Ya as AuiTableHeader,
+  Ja as AuiTableRow,
+  Ka as AuiTabs,
+  Qa as AuiTagGroup,
+  Va as AuiTextarea,
+  Wa as AuiTimeField,
+  Xa as AuiToast,
+  Za as AuiTooltip,
+  $a as AuiTree,
+  ai as AuiTreeItem,
+  P as ROLE_DEFAULTS,
+  si as getIcon,
+  ei as registerIcon,
+  Ai as registerIcons,
+  k as renderMarkdown,
+  R as sanitizeHtml
 };
 //# sourceMappingURL=components.js.map