@agent-ui-kit/web-components 0.0.1

package/dist/components.js

@@ -0,0 +1,3137 @@
+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());
+  };
+}
+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 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 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 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 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 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");
+  }
+}
+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
+};
+//# sourceMappingURL=components.js.map