@agent-ui-kit/web-components 0.0.1

package/dist/traits.js

@@ -0,0 +1,2453 @@
+import { s as ne, r as T } from "./chunks/agent-ciCayeod.js";
+import { d as qt, o as Ft, q as Bt, t as Kt, p as Wt, v as Ut } from "./chunks/agent-ciCayeod.js";
+import { parseStoreAttr as fe, parseOptionsAttr as pe, createListStore as ce, isGrouped as Ae } from "./store.js";
+const Te = {
+  name: "drag",
+  category: "gesture",
+  channel: "pointer",
+  defaults: {
+    selector: "",
+    "drop-zone-selector": "",
+    "zone-selector": "",
+    axis: "both",
+    mode: "drop",
+    animate: "true"
+  },
+  attach(e) {
+    const t = e.config("selector") ?? "", s = e.config("drop-zone-selector") ?? "", n = e.config("zone-selector") ?? "", r = e.config("axis") ?? "both", o = e.config("mode") ?? "drop", a = e.config("animate") !== "false", h = e.config("ignore") ?? "aui-button, aui-select, aui-textarea, aui-input, aui-segment, aui-radio, aui-checkbox, aui-switch, aui-tab, aui-option, aui-range, aui-calendar, [data-resize-handle], [contenteditable]", f = e.config("modifier");
+    if (!t || o === "free") {
+      let w = !1, m = 0, y = 0, S = 0, $ = 0;
+      getComputedStyle(e.host).position === "static" && (e.host.style.position = "relative");
+      const K = (D) => {
+        if (D.button !== 0 || h && D.target.closest(h) || f === "alt" && !D.altKey || f === "meta" && !D.metaKey || f === "ctrl" && !D.ctrlKey || f === "shift" && !D.shiftKey) return;
+        w = !0, m = D.clientX, y = D.clientY;
+        const F = e.host.style.transform.match(/translate\((-?[\d.]+)px,\s*(-?[\d.]+)px\)/);
+        S = F ? parseFloat(F[1]) : 0, $ = F ? parseFloat(F[2]) : 0, e.host.setPointerCapture(D.pointerId), e.host.style.cursor = "grabbing", e.host.style.zIndex = "10", e.expose("dragging", !0), e.emit("drag-start", { item: e.host });
+      }, V = (D) => {
+        if (!w) return;
+        const J = r === "vertical" ? 0 : D.clientX - m, F = r === "horizontal" ? 0 : D.clientY - y;
+        e.host.style.transform = `translate(${S + J}px, ${$ + F}px)`, e.emit("drag-move", { item: e.host, x: D.clientX, y: D.clientY });
+      }, G = () => {
+        w && (w = !1, e.host.style.cursor = "", e.host.style.zIndex = "", e.unexpose("dragging"), e.emit("drag-end", { item: e.host }));
+      };
+      return e.host.addEventListener("pointerdown", K), e.host.addEventListener("pointermove", V), e.host.addEventListener("pointerup", G), () => {
+        w && G(), e.host.removeEventListener("pointerdown", K), e.host.removeEventListener("pointermove", V), e.host.removeEventListener("pointerup", G);
+      };
+    }
+    let i = null, l = null, c = null, d = 0, u = 0, p = 0, g = 0, v = -1, P = -1, M = null, k = null, b = null, O = null, E = -1, _ = -1;
+    const U = () => [...e.host.querySelectorAll(t)].filter((w) => !w.hasAttribute("popover")), j = () => s ? [...e.host.querySelectorAll(s)].filter((w) => !w.hasAttribute("popover")) : U(), Q = () => n ? [...e.host.querySelectorAll(n)] : [], H = (w) => [...w.querySelectorAll(t)].filter((m) => !m.hasAttribute("popover")), L = (w, m) => {
+      let y = null, S = 1 / 0;
+      for (const $ of Q()) {
+        const z = $.getBoundingClientRect(), K = z.left + z.width / 2, V = z.top + z.height / 2, G = Math.hypot(w - K, m - V);
+        G < S && (S = G, y = $);
+      }
+      return y;
+    }, A = (w, m, y) => {
+      if (w.length === 0) return 0;
+      let S = 0, $ = 1 / 0;
+      for (let D = 0; D < w.length; D++) {
+        const J = w[D].getBoundingClientRect(), F = J.left + J.width / 2, te = J.top + J.height / 2, re = Math.hypot(m - F, y - te);
+        re < $ && ($ = re, S = D);
+      }
+      let z = r === "horizontal" ? "h" : "v";
+      if (w.length >= 2) {
+        const D = w[0].getBoundingClientRect(), J = w[1].getBoundingClientRect(), F = Math.abs(J.left + J.width / 2 - D.left - D.width / 2), te = Math.abs(J.top + J.height / 2 - D.top - D.height / 2);
+        z = F > te ? "h" : "v";
+      }
+      const K = w[S].getBoundingClientRect(), V = z === "h" ? K.left + K.width / 2 : K.top + K.height / 2;
+      return (z === "h" ? m : y) > V ? S + 1 : S;
+    }, I = (w) => {
+      if (!i) return;
+      const m = i.getBoundingClientRect(), y = i.cloneNode(!0);
+      y.setAttribute("popover", "manual"), y.setAttribute("aria-hidden", "true"), document.body.appendChild(y), y.showPopover(), y.style.position = "fixed", y.style.inset = "unset", y.style.left = `${m.left}px`, y.style.top = `${m.top}px`, y.style.width = `${m.width}px`, y.style.height = `${m.height}px`, y.style.margin = "0", y.style.pointerEvents = "none", y.style.opacity = "0.7", y.style.transform = "scale(0.85)", y.style.transformOrigin = "center center", y.style.border = "none", y.style.outline = "none", l = y, d = w.clientX, u = w.clientY;
+    }, Y = () => {
+      const w = U();
+      for (let m = 0; m < w.length; m++)
+        w[m].style.viewTransitionName = w[m] === i ? "none" : `drag-item-${m}`;
+    }, N = () => {
+      for (const w of U()) w.style.removeProperty("view-transition-name");
+    }, Z = () => {
+      if (o !== "preview" || !i || !b) return;
+      const w = i, m = O, y = b, S = () => {
+        m && m.isConnected ? m.before(w) : y.appendChild(w);
+      };
+      a && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
+        S(), Y();
+      }).finished.catch(() => {
+      }) : S();
+    }, q = (w) => {
+      for (const m of w)
+        m.removeAttribute("drag-slot-before"), m.removeAttribute("drag-slot-after");
+    }, C = (w, m, y) => {
+      if (m === -1 || m === P) return;
+      P = m, q(w);
+      const S = w.filter((K) => K !== i && K !== c), $ = Math.min(m, S.length);
+      r !== "both" && (!c && i && (c = i.cloneNode(!0), c.setAttribute("data-drag-placeholder", ""), c.setAttribute("aria-hidden", "true"), c.removeAttribute("dragging"), c.style.display = "", c.style.opacity = "0.5", c.style.pointerEvents = "none", c.style.outline = "2px dashed var(--aui-accent, highlight)", c.style.outlineOffset = "-2px"), c && ($ < S.length ? S[$].before(c) : S.length > 0 ? S[S.length - 1].after(c) : (y ?? e.host).appendChild(c))), $ < S.length && S[$].setAttribute("drag-slot-before", ""), $ > 0 && $ - 1 < S.length && S[$ - 1].setAttribute("drag-slot-after", "");
+      const z = $ < S.length ? S[$] : null;
+      e.emit("drag-over", { item: i, index: m, insertBefore: z });
+    }, X = (w, m, y, S) => {
+      const $ = w.filter((G) => G !== i);
+      if ($.length === 0) {
+        if (S && i && E !== 0) {
+          E = 0;
+          const G = () => S.appendChild(i);
+          a && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
+            G(), Y();
+          }).finished.catch(() => {
+          }) : G(), e.emit("drag-over", { item: i, index: 0, insertBefore: null });
+        }
+        return;
+      }
+      let z = A($, m, y);
+      if (z === E) return;
+      E = z;
+      const K = z < $.length ? $[z] : null, V = () => {
+        K ? K.before(i) : $[$.length - 1].after(i);
+      };
+      a && typeof document.startViewTransition == "function" ? document.startViewTransition(() => {
+        V(), Y();
+      }).finished.catch(() => {
+      }) : V(), e.emit("drag-over", { item: i, index: z, insertBefore: K });
+    }, R = (w, m, y) => {
+      for (const S of w)
+        S !== m && (S.removeAttribute("drag-over"), S.style.removeProperty("outline"), S.style.removeProperty("outline-offset"));
+      m && (m.setAttribute("drag-over", ""), m.style.outline = "2px solid var(--aui-focus, highlight)", m.style.outlineOffset = "2px", e.emit("drag-over", { item: i, target: m, index: y }));
+    }, B = () => {
+      if (l) {
+        if (l.isConnected) try {
+          l.hidePopover();
+        } catch {
+        }
+        l.remove(), l = null;
+      }
+      i && (i.removeAttribute("dragging"), i.style.removeProperty("display")), o === "preview" && a && N();
+      const w = j();
+      if (o === "slot")
+        q(w);
+      else
+        for (const m of w)
+          m.removeAttribute("drag-over"), m.style.removeProperty("outline"), m.style.removeProperty("outline-offset");
+      if (c && (c.remove(), c = null), n) for (const m of Q()) m.removeAttribute("drag-zone-active");
+      if (i && _ >= 0) {
+        i.removeEventListener("lostpointercapture", ie);
+        try {
+          i.releasePointerCapture(_);
+        } catch {
+        }
+      }
+      i = null, v = -1, P = -1, M = null, k = null, b = null, O = null, E = -1, _ = -1, document.removeEventListener("pointermove", ee), document.removeEventListener("pointerup", oe), document.removeEventListener("pointercancel", ae), document.removeEventListener("keydown", le);
+    }, W = (w) => {
+      if (l) return;
+      const y = w.target.closest?.(t);
+      !y || !e.host.contains(y) || (y.style.outline = "2px solid var(--aui-focus, highlight)", y.style.outlineOffset = "2px");
+    }, x = (w) => {
+      const y = w.target.closest?.(t);
+      !y || !e.host.contains(y) || (y.style.removeProperty("outline"), y.style.removeProperty("outline-offset"));
+    }, se = (w) => {
+      const m = w;
+      if (m.button !== 0 || f === "alt" && !m.altKey || f === "meta" && !m.metaKey || f === "ctrl" && !m.ctrlKey || f === "shift" && !m.shiftKey) return;
+      const y = m.target.closest?.(t);
+      if (!y || !e.host.contains(y)) return;
+      const $ = U().indexOf(y);
+      if ($ === -1) return;
+      m.preventDefault(), i = y, v = $, d = m.clientX, u = m.clientY;
+      const z = y.getBoundingClientRect();
+      p = z.left + z.width / 2 - m.clientX, g = z.top + z.height / 2 - m.clientY, n && (M = y.closest(n)), document.addEventListener("pointermove", ee), document.addEventListener("pointerup", oe), document.addEventListener("pointercancel", ae), document.addEventListener("keydown", le);
+      try {
+        y.setPointerCapture(m.pointerId);
+      } catch {
+      }
+      _ = m.pointerId, y.addEventListener("lostpointercapture", ie);
+    }, ee = (w) => {
+      if (!i) return;
+      const m = w;
+      if (!l) {
+        i.style.removeProperty("outline"), i.style.removeProperty("outline-offset");
+        try {
+          I(m);
+        } catch {
+          B();
+          return;
+        }
+        i.setAttribute("dragging", ""), o === "slot" && (i.style.display = "none"), o === "preview" && (b = i.parentElement, O = i.nextElementSibling, E = -1, a && Y()), e.emit("drag-start", { item: i, index: v });
+      }
+      const y = m.clientX - d, S = m.clientY - u;
+      l.style.transform = `translate(${y}px, ${S}px) scale(0.85)`, e.emit("drag-move", { item: i, x: m.clientX, y: m.clientY });
+      const $ = j().filter((z) => z !== l);
+      if (o === "slot") {
+        const z = m.clientX + p, K = m.clientY + g;
+        let V, G;
+        if (n) {
+          const F = L(z, K);
+          if (!F) return;
+          F !== k && (k && (q(H(k)), k.removeAttribute("drag-zone-active")), F.setAttribute("drag-zone-active", ""), k = F, P = -1), V = H(F).filter((te) => te !== l), G = F;
+        } else
+          V = $;
+        const D = V.filter((F) => F !== i && F !== c), J = A(D, z, K);
+        C(V, J, G);
+      } else if (o === "preview") {
+        const z = m.clientX + p, K = m.clientY + g;
+        if (n) {
+          const V = L(z, K);
+          if (!V) return;
+          V !== k && (k && k.removeAttribute("drag-zone-active"), V.setAttribute("drag-zone-active", ""), k = V, E = -1);
+          const G = H(V).filter((D) => D !== l);
+          X(G, z, K, V);
+        } else
+          X($, z, K);
+      } else {
+        const z = $.filter((J) => J !== i), K = m.clientX + p, V = m.clientY + g;
+        let G = null, D = -1;
+        if (z.length > 0) {
+          let J = 1 / 0;
+          for (let F = 0; F < z.length; F++) {
+            const te = z[F].getBoundingClientRect(), re = Math.hypot(K - te.left - te.width / 2, V - te.top - te.height / 2);
+            re < J && (J = re, G = z[F], D = F);
+          }
+        }
+        R($, G, D);
+      }
+    }, oe = (w) => {
+      if (i) {
+        if (i.removeEventListener("lostpointercapture", ie), _ >= 0) try {
+          i.releasePointerCapture(_);
+        } catch {
+        }
+        if (document.removeEventListener("pointermove", ee), document.removeEventListener("pointerup", oe), document.removeEventListener("pointercancel", ae), document.removeEventListener("keydown", le), l)
+          if (o === "slot") {
+            let m;
+            n && k ? m = H(k).filter((S) => S !== i) : m = U().filter((S) => S !== i);
+            const y = P >= 0 && P < m.length ? m[P] : null;
+            e.emit("drop", {
+              item: i,
+              fromIndex: v,
+              toIndex: P,
+              insertBefore: y,
+              sourceZone: M,
+              targetZone: k
+            });
+          } else if (o === "preview") {
+            let m;
+            n && k ? m = H(k) : m = U();
+            const y = i ? m.indexOf(i) : -1;
+            b = null, O = null, e.emit("drop", {
+              item: i,
+              fromIndex: v,
+              toIndex: y,
+              sourceZone: M,
+              targetZone: k
+            });
+          } else {
+            const m = j(), y = m.find(($) => $.hasAttribute("drag-over")) ?? null, S = y ? m.indexOf(y) : -1;
+            e.emit("drop", {
+              item: i,
+              target: y,
+              fromIndex: v,
+              toIndex: S,
+              sourceZone: M,
+              targetZone: k
+            });
+          }
+        B();
+      }
+    }, ie = () => {
+      i && oe();
+    }, ae = () => {
+      i && (Z(), l && e.emit("drag-cancel", { item: i }), B());
+    }, le = (w) => {
+      const m = w;
+      m.key === "Escape" && i && (m.preventDefault(), Z(), l && e.emit("drag-cancel", { item: i }), B());
+    };
+    return e.host.addEventListener("pointerdown", se), e.host.addEventListener("pointerenter", W, !0), e.host.addEventListener("pointerleave", x, !0), () => {
+      i && l && (Z(), e.emit("drag-cancel", { item: i })), B(), e.host.removeEventListener("pointerdown", se), e.host.removeEventListener("pointerenter", W, !0), e.host.removeEventListener("pointerleave", x, !0);
+    };
+  }
+}, ke = {
+  name: "press-hold",
+  category: "gesture",
+  channel: "pointer",
+  defaults: {
+    delay: "500"
+  },
+  attach(e) {
+    const t = parseInt(e.config("delay") ?? "500", 10);
+    let s = null;
+    const n = () => {
+      s !== null && (clearTimeout(s), s = null);
+    }, r = (a) => {
+      a.button === 0 && (n(), s = setTimeout(() => {
+        s = null, e.emit("hold"), e.expose("held", !0);
+      }, t));
+    }, o = () => {
+      n(), e.unexpose("held");
+    };
+    return e.host.addEventListener("pointerdown", r), e.host.addEventListener("pointerup", o), e.host.addEventListener("pointerleave", o), e.host.addEventListener("pointercancel", o), () => {
+      n(), e.host.removeEventListener("pointerdown", r), e.host.removeEventListener("pointerup", o), e.host.removeEventListener("pointerleave", o), e.host.removeEventListener("pointercancel", o);
+    };
+  }
+}, Ce = {
+  name: "swipe",
+  category: "gesture",
+  channel: "pointer",
+  defaults: {
+    threshold: "50",
+    timeout: "300"
+  },
+  attach(e) {
+    const t = parseInt(e.config("threshold") ?? "50", 10), s = parseInt(e.config("timeout") ?? "300", 10);
+    let n = 0, r = 0, o = 0, a = !1, h = -1, f = null;
+    const i = (u) => {
+      const p = u;
+      if (p.button === 0) {
+        p.preventDefault(), n = p.clientX, r = p.clientY, o = Date.now(), a = !0, h = p.pointerId;
+        try {
+          e.host.setPointerCapture(p.pointerId);
+        } catch {
+        }
+        e.host.style.touchAction = "none", e.expose("swiping", !0);
+      }
+    }, l = (u) => {
+      if (!a) return;
+      const p = u, g = p.clientX - n, v = p.clientY - r;
+      e.host.style.setProperty("--_swipe-x", `${g}px`), e.host.style.setProperty("--_swipe-y", `${v}px`), e.emit("swipe-move", { dx: g, dy: v });
+    }, c = (u) => {
+      if (!a) return;
+      a = !1;
+      const p = u;
+      if (h >= 0) {
+        try {
+          e.host.releasePointerCapture(h);
+        } catch {
+        }
+        h = -1;
+      }
+      e.host.style.touchAction = "", e.host.style.removeProperty("--_swipe-x"), e.host.style.removeProperty("--_swipe-y"), e.unexpose("swiping");
+      const g = p.clientX - n, v = p.clientY - r, P = Date.now() - o;
+      if (P > s) return;
+      const M = Math.abs(g), k = Math.abs(v), b = Math.sqrt(g * g + v * v);
+      if (b < t) return;
+      const O = M > k ? g > 0 ? "right" : "left" : v > 0 ? "down" : "up", E = b / P;
+      e.emit("swipe", { direction: O, distance: b, velocity: E, dx: g, dy: v }), f !== null && clearTimeout(f), e.expose("direction", O), f = setTimeout(() => {
+        e.unexpose("direction"), f = null;
+      }, 500);
+    }, d = () => {
+      if (a) {
+        if (a = !1, h >= 0) {
+          try {
+            e.host.releasePointerCapture(h);
+          } catch {
+          }
+          h = -1;
+        }
+        e.host.style.touchAction = "", e.host.style.removeProperty("--_swipe-x"), e.host.style.removeProperty("--_swipe-y"), e.unexpose("swiping");
+      }
+    };
+    return e.host.addEventListener("pointerdown", i), e.host.addEventListener("pointermove", l), e.host.addEventListener("pointerup", c), e.host.addEventListener("pointercancel", d), () => {
+      if (f !== null && clearTimeout(f), h >= 0)
+        try {
+          e.host.releasePointerCapture(h);
+        } catch {
+        }
+      e.host.style.touchAction = "", e.host.style.removeProperty("--_swipe-x"), e.host.style.removeProperty("--_swipe-y"), e.host.removeEventListener("pointerdown", i), e.host.removeEventListener("pointermove", l), e.host.removeEventListener("pointerup", c), e.host.removeEventListener("pointercancel", d);
+    };
+  }
+}, Pe = {
+  name: "sort",
+  category: "gesture",
+  channel: "pointer",
+  defaults: {
+    selector: "> *",
+    handle: "",
+    axis: "vertical"
+  },
+  attach(e) {
+    const t = e.config("selector") ?? "> *", s = e.config("handle") ?? "", n = e.config("axis") ?? "vertical", r = t.startsWith("> ") ? `:scope ${t}` : t;
+    let o = null, a = null, h = null, f = 0, i = 0, l = 0, c = 0, d = -1, u = -1;
+    const p = () => [...e.host.querySelectorAll(r)].filter((L) => !L.hasAttribute("popover")), g = (L) => {
+      const A = L[0].getBoundingClientRect();
+      let I = 1;
+      for (let Z = 1; Z < L.length && Math.abs(L[Z].getBoundingClientRect().top - A.top) < A.height * 0.5; Z++)
+        I = Z + 1;
+      const Y = I > 1 ? L[1].getBoundingClientRect().left - A.left : A.width, N = I < L.length ? L[I].getBoundingClientRect().top - A.top : A.height;
+      return { cols: I, stepX: Y, stepY: N, firstRect: A };
+    }, v = (L, A, I, Y) => {
+      const { cols: N, stepX: Z, stepY: q, firstRect: C } = g(I), X = Math.round((L - (C.left + C.width / 2)) / Z), R = Math.round((A - (C.top + C.height / 2)) / q), B = Math.ceil(Y / N) - 1, W = Math.max(0, Math.min(X, N - 1)), x = Math.max(0, Math.min(R, Math.max(0, B)));
+      return Math.max(0, Math.min(x * N + W, Y));
+    }, P = (L) => {
+      if (!o) return;
+      const A = o.getBoundingClientRect(), I = o.cloneNode(!0);
+      I.setAttribute("popover", "manual"), I.setAttribute("aria-hidden", "true"), e.host.appendChild(I), I.showPopover(), I.style.position = "fixed", I.style.inset = "unset", I.style.left = `${A.left}px`, I.style.top = `${A.top}px`, I.style.width = `${A.width}px`, I.style.height = `${A.height}px`, I.style.margin = "0", I.style.pointerEvents = "none", I.style.opacity = "0.8", I.style.transformOrigin = "center center", I.style.border = "none", I.style.outline = "none", a = I, f = L.clientX, i = L.clientY;
+    }, M = (L) => {
+      for (const A of L)
+        A.removeAttribute("drag-slot-before"), A.removeAttribute("drag-slot-after");
+    }, k = () => {
+      if (a) {
+        if (a.isConnected) try {
+          a.hidePopover();
+        } catch {
+        }
+        a.remove(), a = null;
+      }
+      if (o && o.removeAttribute("dragging"), M(p()), h && (h.remove(), h = null), o && d >= 0) {
+        o.removeEventListener("lostpointercapture", _);
+        try {
+          o.releasePointerCapture(d);
+        } catch {
+        }
+      }
+      o = null, u = -1, d = -1, document.removeEventListener("pointermove", O), document.removeEventListener("pointerup", E), document.removeEventListener("pointercancel", U), document.removeEventListener("keydown", j);
+    }, b = (L) => {
+      const A = L;
+      if (A.button !== 0) return;
+      const I = A.target, Y = p();
+      let N = null;
+      for (const q of Y)
+        if (q.contains(I)) {
+          if (s) {
+            const C = q.querySelector(s);
+            if (!C || !C.contains(I)) continue;
+          }
+          N = q;
+          break;
+        }
+      if (!N) return;
+      A.preventDefault(), o = N, f = A.clientX, i = A.clientY;
+      const Z = N.getBoundingClientRect();
+      l = Z.left + Z.width / 2 - A.clientX, c = Z.top + Z.height / 2 - A.clientY, document.addEventListener("pointermove", O), document.addEventListener("pointerup", E), document.addEventListener("pointercancel", U), document.addEventListener("keydown", j);
+      try {
+        N.setPointerCapture(A.pointerId);
+      } catch {
+      }
+      d = A.pointerId, N.addEventListener("lostpointercapture", _);
+    }, O = (L) => {
+      if (!o) return;
+      const A = L;
+      if (!a) {
+        o.style.removeProperty("outline"), o.style.removeProperty("outline-offset");
+        try {
+          P(A);
+        } catch {
+          k();
+          return;
+        }
+        o.setAttribute("dragging", ""), e.expose("dragging", !0);
+      }
+      const I = A.clientX - f, Y = A.clientY - i;
+      a.style.transform = `translate(${I}px, ${Y}px) scale(0.9)`;
+      const N = A.clientX + l, Z = A.clientY + c, q = p().filter((W) => W !== a), C = q.filter((W) => W !== o);
+      let X = 0;
+      if (n === "both" && q.length >= 2)
+        X = v(N, Z, q, C.length);
+      else
+        for (let W = 0; W < C.length; W++) {
+          const x = C[W].getBoundingClientRect(), se = x.left + x.width / 2, ee = x.top + x.height / 2;
+          if (n === "horizontal" ? N > se : Z > ee) X = W + 1;
+          else break;
+        }
+      if (X === u) return;
+      u = X, M(q);
+      const R = q.filter((W) => W !== o), B = Math.min(X, R.length);
+      n !== "both" && (h || (h = document.createElement("div"), h.setAttribute("data-drag-placeholder", ""), h.setAttribute("aria-hidden", "true")), B < R.length ? R[B].before(h) : R.length > 0 ? R[R.length - 1].after(h) : e.host.appendChild(h)), B < R.length && R[B].setAttribute("drag-slot-before", ""), B > 0 && B - 1 < R.length && R[B - 1].setAttribute("drag-slot-after", "");
+    }, E = () => {
+      if (o) {
+        if (a) {
+          const A = p().filter((q) => q !== a).filter((q) => q !== o), I = Math.min(Math.max(u, 0), A.length), Y = I < A.length ? A[I] : null;
+          Y ? Y.before(o) : A.length > 0 && A[A.length - 1].after(o);
+          const Z = p().filter((q) => !q.hasAttribute("popover")).map((q, C) => q.dataset.sortKey ?? String(C));
+          e.emit("sort", { order: Z });
+        }
+        e.unexpose("dragging"), k();
+      }
+    }, _ = () => {
+      o && E();
+    }, U = () => {
+      o && (e.unexpose("dragging"), k());
+    }, j = (L) => {
+      const A = L;
+      A.key === "Escape" && o && (A.preventDefault(), e.unexpose("dragging"), k());
+    }, Q = (L) => {
+      if (a) return;
+      const A = L, I = p();
+      let Y = null;
+      for (const N of I)
+        if (N.contains(A.target)) {
+          Y = N;
+          break;
+        }
+      Y && (Y.style.outline = "2px solid var(--aui-focus, highlight)", Y.style.outlineOffset = "2px");
+    }, H = (L) => {
+      const A = L, I = p();
+      let Y = null;
+      for (const N of I)
+        if (N.contains(A.target)) {
+          Y = N;
+          break;
+        }
+      Y && (Y.style.removeProperty("outline"), Y.style.removeProperty("outline-offset"));
+    };
+    return e.host.addEventListener("pointerdown", b), e.host.addEventListener("pointerenter", Q, !0), e.host.addEventListener("pointerleave", H, !0), () => {
+      k(), e.host.removeEventListener("pointerdown", b), e.host.removeEventListener("pointerenter", Q, !0), e.host.removeEventListener("pointerleave", H, !0);
+    };
+  }
+}, Se = {
+  n: "ns-resize",
+  s: "ns-resize",
+  e: "ew-resize",
+  w: "ew-resize",
+  ne: "nesw-resize",
+  sw: "nesw-resize",
+  nw: "nwse-resize",
+  se: "nwse-resize"
+}, me = (e) => e.includes("e") || e.includes("w"), ve = (e) => e.includes("n") || e.includes("s"), Me = {
+  name: "resize",
+  category: "gesture",
+  channel: "pointer",
+  defaults: {
+    handles: "n,s,e,w,ne,nw,se,sw",
+    "min-width": "1",
+    "min-height": "1"
+  },
+  attach(e) {
+    const t = (e.config("handles") ?? "se").split(",").map((C) => C.trim()), s = parseInt(e.config("min-width") ?? "50", 10), n = parseInt(e.config("min-height") ?? "50", 10), r = e.config("modifier");
+    getComputedStyle(e.host).position === "static" && (e.host.style.position = "relative");
+    let a = !1, h = null, f = 0, i = 0, l = 0, c = 0, d = 0, u = 0;
+    const p = (C) => {
+      e.host.style.width = `${C}px`, e.host.style.overflowX = "hidden", e.host.setAttribute("data-resize-fixed-w", "");
+    }, g = (C) => {
+      e.host.style.height = `${C}px`, e.host.style.overflowY = "hidden", e.host.setAttribute("data-resize-fixed-h", "");
+    }, v = () => {
+      e.host.style.width = "", e.host.style.overflowX = "", e.host.removeAttribute("data-resize-fixed-w");
+    }, P = () => {
+      e.host.style.height = "", e.host.style.overflowY = "", e.host.removeAttribute("data-resize-fixed-h");
+    }, M = (C) => {
+      if (!a || !h) return;
+      const X = C.clientX - f, R = C.clientY - i;
+      let B = l, W = c, x = d, se = u;
+      if (h.includes("e") && (B = Math.max(s, l + X)), h.includes("w")) {
+        const ee = Math.max(s, l - X);
+        x = d + (l - ee), B = ee;
+      }
+      if (h.includes("s") && (W = Math.max(n, c + R)), h.includes("n")) {
+        const ee = Math.max(n, c - R);
+        se = u + (c - ee), W = ee;
+      }
+      me(h) && p(B), ve(h) && g(W), h.includes("w") && (e.host.style.left = `${x}px`), h.includes("n") && (e.host.style.top = `${se}px`), E(), e.emit("aui:resize-move", { width: B, height: W });
+    }, k = (C) => {
+      if (!a) return;
+      a = !1, h = null, O.removeAttribute("data-resize-label-visible"), C.target?.releasePointerCapture(C.pointerId), document.documentElement.style.cursor = "", e.unexpose("resizing");
+      const X = e.host.getBoundingClientRect();
+      e.emit("aui:resize-end", { width: X.width, height: X.height }), document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", k);
+    }, b = document.createElement("div");
+    b.setAttribute("data-resize-overlay", "");
+    const O = document.createElement("div");
+    O.setAttribute("data-resize-label", ""), b.appendChild(O);
+    const E = () => {
+      b.style.left = `${e.host.offsetLeft}px`, b.style.top = `${e.host.offsetTop}px`, b.style.width = `${e.host.offsetWidth}px`, b.style.height = `${e.host.offsetHeight}px`, b.style.transform = e.host.style.transform || "none", b.style.transformOrigin = e.host.style.transformOrigin || "", O.textContent = `${Math.round(e.host.offsetWidth)} × ${Math.round(e.host.offsetHeight)}`;
+    }, _ = new MutationObserver(E);
+    _.observe(e.host, { attributes: !0, attributeFilter: ["style"] });
+    for (const C of t) {
+      const X = document.createElement("div");
+      X.setAttribute("data-resize-handle", C), X.addEventListener("dblclick", (R) => {
+        R.preventDefault(), R.stopPropagation();
+        const B = me(C) && e.host.hasAttribute("data-resize-fixed-w"), W = ve(C) && e.host.hasAttribute("data-resize-fixed-h");
+        if (B && v(), W && P(), B || W) {
+          E();
+          const x = B && W ? "both" : B ? "width" : "height";
+          e.emit("aui:resize-reset", { axis: x });
+        }
+      }), X.addEventListener("pointerdown", (R) => {
+        R.button === 0 && (r === "alt" && !R.altKey || r === "meta" && !R.metaKey || r === "ctrl" && !R.ctrlKey || r === "shift" && !R.shiftKey || (R.preventDefault(), R.stopPropagation(), a = !0, h = C, f = R.clientX, i = R.clientY, l = e.host.offsetWidth, c = e.host.offsetHeight, d = e.host.offsetLeft, u = e.host.offsetTop, X.setPointerCapture(R.pointerId), document.documentElement.style.cursor = Se[C], e.expose("resizing", !0), O.setAttribute("data-resize-label-visible", ""), e.emit("aui:resize-start", { width: l, height: c }), document.addEventListener("pointermove", M), document.addEventListener("pointerup", k)));
+      }), b.appendChild(X);
+    }
+    const U = e.host.closest("aui-editor, aui-graph-ui")?.querySelector('aui-editor-layer[name="chrome"], aui-graph-layer[name="chrome"]');
+    U ? U.appendChild(b) : e.host.after(b);
+    let j = 0, Q = "";
+    const H = () => {
+      const C = () => {
+        const X = `${e.host.offsetLeft},${e.host.offsetTop},${e.host.offsetWidth},${e.host.offsetHeight}`;
+        X !== Q && (Q = X, E()), j = requestAnimationFrame(C);
+      };
+      Q = "", j = requestAnimationFrame(C);
+    }, L = () => {
+      cancelAnimationFrame(j), j = 0;
+    }, A = () => {
+      b.setAttribute("data-resize-visible", ""), E(), H();
+    }, I = () => {
+      a || (b.removeAttribute("data-resize-visible"), O.removeAttribute("data-resize-label-visible"), L());
+    }, Y = 12;
+    let N = !1;
+    const Z = (C) => r ? r === "alt" ? C.altKey : r === "meta" ? C.metaKey : r === "ctrl" ? C.ctrlKey : r === "shift" ? C.shiftKey : !0 : !0, q = (C) => {
+      if (a) return;
+      if (!Z(C)) {
+        N && (N = !1, I());
+        return;
+      }
+      const X = e.host.getBoundingClientRect(), R = C.clientX >= X.left - Y && C.clientX <= X.right + Y && C.clientY >= X.top - Y && C.clientY <= X.bottom + Y;
+      R && !N ? (N = !0, A()) : !R && N && (N = !1, I());
+    };
+    return document.addEventListener("pointermove", q, { passive: !0 }), () => {
+      a && (document.documentElement.style.cursor = "", e.unexpose("resizing")), document.removeEventListener("pointermove", q), document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", k), _.disconnect(), L(), b.remove();
+    };
+  }
+}, Ie = {
+  name: "pan-zoom",
+  category: "gesture",
+  channel: "pointer",
+  defaults: {
+    "min-zoom": "0.1",
+    "max-zoom": "5",
+    "zoom-step": "0.1"
+  },
+  attach(e) {
+    const t = Number(e.config("min-zoom") ?? "0.1"), s = Number(e.config("max-zoom") ?? "5"), n = Number(e.config("zoom-step") ?? "0.1");
+    let r = 0, o = 0, a = 1, h = !1, f = !1, i = 0, l = 0, c = 0, d = 0;
+    const u = () => {
+      e.host.style.setProperty("--_pan-x", `${r}px`), e.host.style.setProperty("--_pan-y", `${o}px`), e.host.style.setProperty("--_pan-zoom", `${a}`), e.expose("scale", a.toFixed(2)), e.expose("x", Math.round(r).toString()), e.expose("y", Math.round(o).toString()), e.emit("pan-zoom-change", { x: r, y: o, scale: a });
+    }, p = (E) => Math.min(s, Math.max(t, E)), g = (E) => {
+      (E.button === 1 || E.button === 0 && f) && (E.preventDefault(), h = !0, i = E.clientX, l = E.clientY, c = r, d = o, e.host.setPointerCapture(E.pointerId));
+    }, v = (E) => {
+      h && (E.preventDefault(), r = c + (E.clientX - i), o = d + (E.clientY - l), u());
+    }, P = (E) => {
+      h && (h = !1, e.host.releasePointerCapture(E.pointerId));
+    }, M = (E) => {
+      if (!E.ctrlKey) return;
+      E.preventDefault();
+      const _ = e.host.getBoundingClientRect(), U = E.clientX - _.left, j = E.clientY - _.top, Q = a, H = E.deltaY > 0 ? -n : n;
+      a = p(a + H);
+      const L = a / Q;
+      r = U - L * (U - r), o = j - L * (j - o), u();
+    }, k = (E) => {
+      if (E.code === "Space" && !E.repeat && !f) {
+        const _ = E.target.tagName;
+        if (_ === "INPUT" || _ === "TEXTAREA") return;
+        f = !0, e.expose("panning", !0);
+      }
+    }, b = (E) => {
+      E.code === "Space" && (f = !1, e.unexpose("panning"));
+    }, O = (E) => {
+      E.button !== 1 && !E.ctrlKey || (r = 0, o = 0, a = 1, u());
+    };
+    return e.host.addEventListener("pointerdown", g), e.host.addEventListener("pointermove", v), e.host.addEventListener("pointerup", P), e.host.addEventListener("wheel", M, { passive: !1 }), e.host.addEventListener("dblclick", O), document.addEventListener("keydown", k), document.addEventListener("keyup", b), u(), () => {
+      e.host.removeEventListener("pointerdown", g), e.host.removeEventListener("pointermove", v), e.host.removeEventListener("pointerup", P), e.host.removeEventListener("wheel", M), e.host.removeEventListener("dblclick", O), document.removeEventListener("keydown", k), document.removeEventListener("keyup", b), e.host.style.removeProperty("--_pan-x"), e.host.style.removeProperty("--_pan-y"), e.host.style.removeProperty("--_pan-zoom");
+    };
+  }
+}, $e = {
+  name: "hover",
+  category: "state",
+  targets: "self",
+  defaults: {
+    delay: "0",
+    "leave-delay": "0"
+  },
+  attach(e) {
+    const t = Number(e.config("delay") ?? "0"), s = Number(e.config("leave-delay") ?? "0");
+    let n, r;
+    const o = () => {
+      e.expose("active", !0), e.emit("hover-enter", {});
+    }, a = () => {
+      e.expose("active", !1), e.emit("hover-leave", {});
+    }, h = () => {
+      clearTimeout(r), t > 0 ? n = setTimeout(o, t) : o();
+    }, f = () => {
+      clearTimeout(n), s > 0 ? r = setTimeout(a, s) : a();
+    };
+    return e.host.addEventListener("mouseenter", h), e.host.addEventListener("mouseleave", f), () => {
+      e.host.removeEventListener("mouseenter", h), e.host.removeEventListener("mouseleave", f), clearTimeout(n), clearTimeout(r);
+    };
+  }
+}, ze = {
+  name: "toggle-state",
+  category: "state",
+  targets: "self",
+  defaults: {
+    active: "false"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = ne(e.config("active") === "true"), s = () => {
+      t.value = !t.value, e.emit("toggle", { active: t.value });
+    };
+    return e.host.addEventListener("press", s), e.addEffect(() => {
+      e.expose("active", t.value), e.host.setAttribute("aria-pressed", String(t.value));
+    }), () => {
+      e.host.removeEventListener("press", s), e.host.removeAttribute("aria-pressed");
+    };
+  }
+}, we = "aui-color-scheme", Re = {
+  system: "desktop",
+  light: "sun",
+  dark: "moon"
+}, ue = () => matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", De = (e, t) => {
+  const n = (e === "system" ? ue() : e) === "dark" ? "light" : "dark", r = t.indexOf(e);
+  for (let o = 1; o < t.length; o++) {
+    const a = t[(r + o) % t.length];
+    if ((a === "system" ? ue() : a) === n) return a;
+  }
+  return t[(r + 1) % t.length];
+}, He = (e) => e === "light" || e === "dark" || e === "system" ? e : "system", Ye = (e) => e ? e.split(",").map((t) => t.trim()).filter(
+  (t) => t === "system" || t === "light" || t === "dark"
+) : ["system", "light", "dark"], Ne = () => {
+  try {
+    const e = localStorage.getItem(we);
+    if (e === "light" || e === "dark" || e === "system") return e;
+  } catch {
+  }
+  return null;
+}, Xe = (e) => {
+  try {
+    localStorage.setItem(we, e);
+  } catch {
+  }
+}, Oe = (e, t, s) => {
+  const n = e === "document" ? document.documentElement : document.querySelector(e);
+  n && (t === "system" ? (n.style.removeProperty("color-scheme"), n.removeAttribute("data-color-scheme")) : (n.style.colorScheme = s, n.setAttribute("data-color-scheme", s)));
+}, _e = {
+  name: "toggle-scheme",
+  category: "state",
+  targets: "external",
+  defaults: {
+    scheme: "system",
+    schemes: "system,light,dark",
+    target: "document",
+    persist: "false"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = e.config("persist") === "true", s = Ye(e.config("schemes")), n = e.config("target") ?? "document", r = t ? Ne() : null, o = ne(r ?? He(e.config("scheme"))), a = () => {
+      const i = De(o.value, s);
+      o.value = i, t && Xe(i), e.emit("scheme-change", { scheme: i });
+    };
+    e.host.addEventListener("press", a), e.addEffect(() => {
+      const i = o.value, l = i === "system" ? ue() : i;
+      e.host.setAttribute("icon", Re[i]), e.host.setAttribute("label", `Color scheme: ${i}`), e.expose("scheme", i), Oe(n, i, l);
+    });
+    const h = matchMedia("(prefers-color-scheme: dark)"), f = () => {
+      o.value === "system" && (o.value = "system");
+    };
+    return h.addEventListener("change", f), () => {
+      e.host.removeEventListener("press", a), h.removeEventListener("change", f);
+    };
+  }
+}, qe = {
+  name: "copy",
+  category: "state",
+  targets: "self",
+  defaults: {
+    text: "",
+    feedback: "1500"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = parseInt(e.config("feedback") ?? "1500", 10);
+    let s = null, n = null;
+    const r = () => {
+      s !== null && (clearTimeout(s), s = null);
+    }, o = () => {
+      r(), e.unexpose("copied"), n !== null && (e.host.setAttribute("label", n), n = null);
+    }, a = () => {
+      const h = e.config("text") || e.host.textContent || "";
+      navigator.clipboard.writeText(h).then(() => {
+        o(), n = e.host.getAttribute("label"), e.expose("copied", !0), e.host.setAttribute("label", "Copied!"), e.emit("copy", { text: h }), s = setTimeout(o, t);
+      });
+    };
+    return e.host.addEventListener("press", a), () => {
+      o(), e.host.removeEventListener("press", a);
+    };
+  }
+}, Fe = {
+  name: "clipboard",
+  category: "state",
+  targets: "self",
+  defaults: {
+    accept: "text/plain,text/html,image/*",
+    prevent: "true"
+  },
+  attach(e) {
+    const t = (s) => {
+      const n = s, r = e.config("prevent") !== "false", o = (e.config("accept") ?? "").split(",").map((d) => d.trim());
+      r && n.preventDefault();
+      const a = n.clipboardData;
+      if (!a) return;
+      const h = Array.from(a.types);
+      let f, i;
+      const l = [], c = (d) => o.some((u) => u.endsWith("/*") ? d.startsWith(u.slice(0, -1)) : d === u);
+      c("text/plain") && (f = a.getData("text/plain") || void 0), c("text/html") && (i = a.getData("text/html") || void 0);
+      for (let d = 0; d < a.files.length; d++) {
+        const u = a.files[d];
+        c(u.type) && l.push(u);
+      }
+      e.expose("has-data", !0), e.emit("paste", {
+        text: f ?? "",
+        html: i ?? "",
+        files: l,
+        types: h
+      });
+    };
+    return e.host.addEventListener("paste", t), () => {
+      e.host.removeEventListener("paste", t), e.unexpose("has-data");
+    };
+  }
+}, Be = (e) => {
+  const t = e.toLowerCase().split("+").map((s) => s.trim());
+  return {
+    ctrl: t.includes("ctrl"),
+    alt: t.includes("alt"),
+    shift: t.includes("shift"),
+    meta: t.includes("meta"),
+    key: t.filter((s) => !["ctrl", "alt", "shift", "meta"].includes(s))[0] ?? ""
+  };
+}, Ke = (e, t) => e.ctrlKey === t.ctrl && e.altKey === t.alt && e.shiftKey === t.shift && e.metaKey === t.meta && e.key.toLowerCase() === t.key, We = {
+  name: "shortcut",
+  category: "state",
+  defaults: {
+    key: "",
+    global: "false"
+  },
+  attach(e) {
+    const t = e.config("key") ?? "";
+    if (t === "") return;
+    const s = (e.config("global") ?? "false") === "true", n = Be(t), r = s ? document : e.host, o = (a) => {
+      const h = a;
+      Ke(h, n) && (h.preventDefault(), e.emit("shortcut", { key: t }), e.emit("press", {}));
+    };
+    return r.addEventListener("keydown", o), () => {
+      r.removeEventListener("keydown", o);
+    };
+  }
+}, Ue = {
+  name: "search",
+  category: "state",
+  targets: "self",
+  defaults: {
+    selector: "> *",
+    attr: "textContent",
+    debounce: "150"
+  },
+  actions: ["search"],
+  attach(e) {
+    const t = e.config("selector") ?? "> *", s = e.config("attr") ?? "textContent", n = Number(e.config("debounce") ?? "150");
+    let r, o = "";
+    const a = t.startsWith("> ") ? `:scope ${t}` : t, h = () => [...e.host.querySelectorAll(a)].filter((u) => u.tagName !== "INPUT"), f = (u) => s === "textContent" ? (u.textContent ?? "").trim() : (u.getAttribute(s) ?? "").trim(), i = (u) => {
+      o = u;
+      const p = u.toLowerCase(), g = h();
+      let v = 0;
+      for (const P of g) {
+        const M = f(P).toLowerCase();
+        p === "" || M.includes(p) ? (P.removeAttribute("hidden"), v++) : P.setAttribute("hidden", "");
+      }
+      e.expose("count", String(v)), e.expose("query", o), e.emit("search-results", { count: v, query: o });
+    }, l = (u) => {
+      clearTimeout(r), r = setTimeout(() => i(u), n);
+    }, c = (u) => {
+      const g = u.detail?.query ?? "";
+      l(g);
+    }, d = (u) => {
+      const p = u.target;
+      p?.tagName === "INPUT" && l(p.value);
+    };
+    return e.host.addEventListener("search", c), e.host.addEventListener("input", d), () => {
+      e.host.removeEventListener("search", c), e.host.removeEventListener("input", d), clearTimeout(r);
+    };
+  }
+};
+function Ve(e, t) {
+  if (t === "*" || t === "*/*") return !0;
+  if (t.endsWith("/*")) {
+    const s = t.slice(0, t.indexOf("/"));
+    return e.startsWith(s + "/");
+  }
+  return e === t;
+}
+function de(e, t) {
+  if (t.length === 1 && (t[0] === "*" || t[0] === "*/*")) return !0;
+  for (let s = 0; s < e.items.length; s++) {
+    const n = e.items[s];
+    if (t.some((r) => Ve(n.type, r))) return !0;
+  }
+  return !1;
+}
+const Ze = {
+  name: "drop-zone",
+  category: "state",
+  defaults: {
+    accept: "*",
+    overlay: "true"
+  },
+  attach(e) {
+    const s = (e.config("accept") ?? "*").split(",").map((f) => f.trim());
+    let n = 0;
+    const r = (f) => {
+      const i = f;
+      i.dataTransfer && de(i.dataTransfer, s) && (i.preventDefault(), i.dataTransfer.dropEffect = "copy");
+    }, o = (f) => {
+      const i = f;
+      i.dataTransfer && de(i.dataTransfer, s) && (i.preventDefault(), n++, n === 1 && e.expose("over", !0));
+    }, a = (f) => {
+      n--, n <= 0 && (n = 0, e.expose("over", !1));
+    }, h = (f) => {
+      const i = f;
+      if (i.preventDefault(), n = 0, e.expose("over", !1), !i.dataTransfer || !de(i.dataTransfer, s)) return;
+      const l = i.dataTransfer.getData("text/plain");
+      e.emit("drop", {
+        files: i.dataTransfer.files,
+        items: i.dataTransfer.items,
+        text: l
+      });
+    };
+    return e.host.addEventListener("dragover", r), e.host.addEventListener("dragenter", o), e.host.addEventListener("dragleave", a), e.host.addEventListener("drop", h), () => {
+      e.host.removeEventListener("dragover", r), e.host.removeEventListener("dragenter", o), e.host.removeEventListener("dragleave", a), e.host.removeEventListener("drop", h);
+    };
+  }
+}, Ge = {
+  name: "edit",
+  category: "state",
+  defaults: {
+    event: "dblclick",
+    commit: "blur"
+  },
+  attach(e) {
+    const t = e.config("event") ?? "dblclick", s = e.config("commit") ?? "blur";
+    let n = !1, r = "";
+    const o = () => {
+      const d = document.createRange();
+      d.selectNodeContents(e.host);
+      const u = window.getSelection();
+      u && (u.removeAllRanges(), u.addRange(d));
+    }, a = () => {
+      n || (n = !0, r = e.host.textContent ?? "", e.host.contentEditable = "true", e.host.focus(), o(), e.expose("editing", !0));
+    }, h = () => {
+      if (!n) return;
+      n = !1, e.host.contentEditable = "false", e.unexpose("editing");
+      const d = e.host.textContent ?? "";
+      e.emit("edit-commit", { value: d, previous: r });
+    }, f = () => {
+      n && (n = !1, e.host.textContent = r, e.host.contentEditable = "false", e.unexpose("editing"), e.emit("edit-cancel", {}));
+    }, i = () => {
+      a();
+    }, l = () => {
+      s === "blur" && h();
+    }, c = (d) => {
+      if (!n) return;
+      const u = d;
+      if (u.key === "Escape") {
+        u.preventDefault(), f();
+        return;
+      }
+      u.key === "Enter" && s === "enter" && (u.preventDefault(), h());
+    };
+    return e.host.addEventListener(t, i), e.host.addEventListener("blur", l), e.host.addEventListener("keydown", c), () => {
+      n && (e.host.contentEditable = "false", e.unexpose("editing")), e.host.removeEventListener(t, i), e.host.removeEventListener("blur", l), e.host.removeEventListener("keydown", c);
+    };
+  }
+}, Je = {
+  name: "intersect",
+  category: "state",
+  targets: "self",
+  defaults: {
+    threshold: "0",
+    "root-margin": "0px",
+    once: "false"
+  },
+  attach(e) {
+    const t = Number(e.config("threshold") ?? "0"), s = e.config("root-margin") ?? "0px", n = (e.config("once") ?? "false") === "true", r = new IntersectionObserver(
+      (o) => {
+        for (const a of o) {
+          const h = a.isIntersecting;
+          e.expose("visible", h), e.emit("intersect", {
+            isIntersecting: h,
+            ratio: a.intersectionRatio
+          }), n && h && r.disconnect();
+        }
+      },
+      {
+        threshold: t,
+        rootMargin: s
+      }
+    );
+    return r.observe(e.host), () => {
+      r.disconnect();
+    };
+  }
+}, je = /https?:\/\/[^\s<>"{}|\\^`[\]]+/, Qe = {
+  name: "link-paste",
+  category: "state",
+  targets: "self",
+  defaults: {
+    auto: "true"
+  },
+  attach(e) {
+    const t = (s) => {
+      const n = s;
+      if (!(e.config("auto") !== "false")) return;
+      const o = n.clipboardData;
+      if (!o) return;
+      const a = o.getData("text/plain");
+      if (!a) return;
+      const h = je.exec(a.trim());
+      if (!h) {
+        e.expose("url", "");
+        return;
+      }
+      const f = h[0];
+      e.expose("url", f), e.emit("link-paste", { url: f, text: a.trim() });
+    };
+    return e.host.addEventListener("paste", t), () => {
+      e.host.removeEventListener("paste", t), e.unexpose("url");
+    };
+  }
+}, xe = {
+  name: "linked-scroll",
+  category: "state",
+  targets: "external",
+  defaults: {
+    target: "",
+    axis: "both"
+  },
+  attach(e) {
+    const t = e.config("target");
+    if (!t) {
+      console.warn('[agent-ui] linked-scroll trait: missing required "target" config.');
+      return;
+    }
+    const s = e.config("axis") ?? "both";
+    let n = !1;
+    const r = document.querySelector(t);
+    if (!r) {
+      console.warn(`[agent-ui] linked-scroll trait: target "${t}" not found.`);
+      return;
+    }
+    const o = (f, i) => {
+      if (!n) {
+        if (n = !0, e.expose("syncing", !0), s === "both" || s === "x") {
+          const l = f.scrollWidth - f.clientWidth, c = l > 0 ? f.scrollLeft / l : 0, d = i.scrollWidth - i.clientWidth;
+          i.scrollLeft = c * d;
+        }
+        if (s === "both" || s === "y") {
+          const l = f.scrollHeight - f.clientHeight, c = l > 0 ? f.scrollTop / l : 0, d = i.scrollHeight - i.clientHeight;
+          i.scrollTop = c * d;
+        }
+        requestAnimationFrame(() => {
+          n = !1, e.expose("syncing", !1);
+        });
+      }
+    }, a = () => o(e.host, r), h = () => o(r, e.host);
+    return e.host.addEventListener("scroll", a, { passive: !0 }), r.addEventListener("scroll", h, { passive: !0 }), () => {
+      e.host.removeEventListener("scroll", a), r.removeEventListener("scroll", h);
+    };
+  }
+}, et = {
+  name: "mention",
+  category: "state",
+  targets: "self",
+  defaults: {
+    trigger: "@",
+    "min-length": "1"
+  },
+  actions: ["mention-select"],
+  attach(e) {
+    const t = e.config("trigger") ?? "@", s = parseInt(e.config("min-length") ?? "1", 10), n = ne(!1);
+    let r = -1;
+    const o = () => {
+      const i = e.host;
+      return i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement ? i.value : i.textContent ?? "";
+    }, a = () => {
+      const i = e.host;
+      if (i instanceof HTMLInputElement || i instanceof HTMLTextAreaElement)
+        return i.selectionStart ?? i.value.length;
+      const l = window.getSelection();
+      return l && l.rangeCount > 0 && i.contains(l.anchorNode) ? l.anchorOffset : (i.textContent ?? "").length;
+    }, h = () => {
+      const i = o(), l = a(), c = i.slice(0, l), d = c.lastIndexOf(t);
+      if (d === -1) {
+        n.value && (n.value = !1);
+        return;
+      }
+      if (d > 0 && !/\s/.test(c[d - 1])) {
+        n.value && (n.value = !1);
+        return;
+      }
+      const u = c.slice(d + t.length);
+      if (/\s/.test(u)) {
+        n.value && (n.value = !1);
+        return;
+      }
+      u.length >= s ? (r = d, n.value = !0, e.emit("mention-search", { query: u })) : n.value && (n.value = !1);
+    }, f = (i) => {
+      const l = i.detail, c = String(l?.text ?? "");
+      if (!c || r === -1) return;
+      const d = e.host, u = o(), p = a(), g = u.slice(0, r), v = u.slice(p), P = `${t}${c} `;
+      if (d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement) {
+        d.value = g + P + v;
+        const M = g.length + P.length;
+        d.setSelectionRange(M, M);
+      } else
+        d.textContent = g + P + v;
+      n.value = !1, r = -1;
+    };
+    return e.host.addEventListener("input", h), e.host.addEventListener("mention-select", f), e.addEffect(() => {
+      e.expose("active", n.value);
+    }), () => {
+      e.host.removeEventListener("input", h), e.host.removeEventListener("mention-select", f);
+    };
+  }
+}, tt = {
+  name: "persist",
+  category: "state",
+  targets: "self",
+  defaults: {
+    key: "",
+    debounce: "300"
+  },
+  attach(e) {
+    const t = e.config("key");
+    if (!t) {
+      console.warn('[agent-ui] persist trait: missing required "key" config.');
+      return;
+    }
+    const s = parseInt(e.config("debounce") ?? "300", 10);
+    let n = null;
+    try {
+      const o = localStorage.getItem(t);
+      if (o !== null) {
+        const a = JSON.parse(o);
+        e.emit("persist-load", { state: a });
+      }
+    } catch {
+    }
+    e.expose("ready", !0);
+    const r = (o) => {
+      const a = o.detail;
+      a?.state && (n !== null && clearTimeout(n), n = setTimeout(() => {
+        n = null;
+        try {
+          localStorage.setItem(t, JSON.stringify(a.state));
+        } catch {
+        }
+      }, s));
+    };
+    return e.host.addEventListener("persist-save", r), () => {
+      e.host.removeEventListener("persist-save", r), n !== null && clearTimeout(n);
+    };
+  }
+}, st = {
+  name: "range-select",
+  category: "state",
+  defaults: {
+    selector: "> *",
+    attr: "selected"
+  },
+  attach(e) {
+    const t = e.config("selector") ?? "> *", s = e.config("attr") ?? "selected";
+    let n = -1;
+    const r = t.startsWith("> ") ? `:scope ${t}` : t, o = () => Array.from(e.host.querySelectorAll(r)), a = (l) => l.reduce((c, d, u) => (d.hasAttribute(s) && c.push(u), c), []), h = (l) => {
+      const c = a(l);
+      e.expose("count", String(c.length)), e.emit("selection-change", { selected: c, count: c.length });
+    }, f = (l) => {
+      for (const c of l)
+        c.removeAttribute(s);
+    }, i = (l) => {
+      const c = l, d = c.target, u = o();
+      let p = -1;
+      for (let g = 0; g < u.length; g++)
+        if (u[g].contains(d)) {
+          p = g;
+          break;
+        }
+      if (p !== -1) {
+        if (c.shiftKey && n !== -1) {
+          const g = Math.min(n, p), v = Math.max(n, p);
+          f(u);
+          for (let P = g; P <= v; P++)
+            u[P].setAttribute(s, "");
+        } else c.metaKey || c.ctrlKey ? (u[p].hasAttribute(s) ? u[p].removeAttribute(s) : u[p].setAttribute(s, ""), n = p) : (f(u), u[p].setAttribute(s, ""), n = p);
+        h(u);
+      }
+    };
+    return e.host.addEventListener("click", i), e.expose("count", "0"), () => {
+      e.host.removeEventListener("click", i);
+    };
+  }
+}, nt = {
+  name: "selection",
+  category: "state",
+  defaults: {
+    mode: "single",
+    selector: "> *"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = e.config("mode") ?? "single", s = e.config("selector") ?? "> *", n = "selected", r = s.startsWith("> ") ? `:scope ${s}` : s, o = () => Array.from(e.host.querySelectorAll(r)), a = (i) => i.filter((l) => l.hasAttribute(n)).map((l) => l.dataset.value ?? ""), h = (i) => {
+      const l = i.filter((c) => c.hasAttribute(n)).length;
+      e.expose("count", String(l));
+    }, f = (i) => {
+      const l = i.target, c = o();
+      let d = null;
+      for (const v of c)
+        if (v === l || v.contains(l)) {
+          d = v;
+          break;
+        }
+      if (!d) return;
+      const u = d.hasAttribute(n), p = d.dataset.value ?? "";
+      if (t === "single") {
+        for (const v of c)
+          v.removeAttribute(n);
+        u || d.setAttribute(n, "");
+      } else
+        u ? d.removeAttribute(n) : d.setAttribute(n, "");
+      const g = a(c);
+      h(c), e.emit("select", {
+        value: p,
+        selected: !u,
+        all: g
+      });
+    };
+    return e.host.addEventListener("press", f), e.expose("count", "0"), () => {
+      e.host.removeEventListener("press", f);
+    };
+  }
+}, ot = {
+  name: "slash-command",
+  category: "state",
+  targets: "self",
+  defaults: {
+    trigger: "/",
+    commands: ""
+  },
+  attach(e) {
+    const t = e.config("trigger") ?? "/", s = ne(!1);
+    let n = "";
+    const r = () => {
+      const h = e.host;
+      return h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement ? h.value : h.textContent ?? "";
+    }, o = () => {
+      const h = r();
+      if (h.startsWith(t)) {
+        const f = h.slice(t.length);
+        n = f, s.value = !0, e.emit("command-input", { partial: f });
+      } else
+        s.value && (s.value = !1, n = "");
+    }, a = (h) => {
+      const f = h;
+      if (f.key !== "Enter" || !s.value) return;
+      f.preventDefault();
+      const i = n.split(/\s+/), l = i[0] ?? "", c = i.slice(1).join(" "), d = (e.config("commands") ?? "").split(",").map((u) => u.trim()).filter(Boolean);
+      d.length > 0 && !d.includes(l) || (e.emit("command", { command: l, args: c }), s.value = !1, n = "");
+    };
+    return e.host.addEventListener("input", o), e.host.addEventListener("keydown", a), e.addEffect(() => {
+      e.expose("active", s.value);
+    }), () => {
+      e.host.removeEventListener("input", o), e.host.removeEventListener("keydown", a);
+    };
+  }
+}, he = "data-stamped", rt = {
+  name: "store",
+  category: "state",
+  defaults: {
+    target: ":scope",
+    "group-tag": "aui-group"
+  },
+  attach(e) {
+    const t = e.host, s = e.config("target") ?? ":scope", n = e.config("group-tag") ?? "aui-group", r = () => s === ":scope" ? t : t.querySelector(s) ?? t, a = (() => {
+      if (t.__listStore) return t.__listStore;
+      const d = t.getAttribute("store");
+      if (d) {
+        const p = fe(d);
+        if (p) return ce(p);
+      }
+      const u = t.getAttribute("options");
+      if (u) {
+        const p = pe(u);
+        if (p) return ce(p);
+      }
+      return ce([]);
+    })(), h = (d) => {
+      const u = document.createElement("aui-option");
+      return u.setAttribute("value", d.id), u.setAttribute("label", d.label), d.disabled && u.setAttribute("disabled", ""), d.icon && u.setAttribute("icon", d.icon), d.prefix && u.setAttribute("prefix", d.prefix), d.suffix && u.setAttribute("suffix", d.suffix), d.keywords && u.setAttribute("keywords", d.keywords), u.setAttribute(he, ""), u;
+    }, f = (d) => {
+      const u = document.createElement(n);
+      u.setAttribute("heading", d.heading), u.setAttribute(he, "");
+      for (const p of d.items)
+        u.appendChild(h(p));
+      return u;
+    }, i = (d) => {
+      const u = d.querySelectorAll(`[${he}]`);
+      for (const p of u) p.remove();
+    }, l = (d, u) => {
+      i(u);
+      const p = document.createDocumentFragment();
+      let g = 0;
+      if (Ae(d))
+        for (const v of d)
+          p.appendChild(f(v)), g += v.items.length;
+      else
+        for (const v of d)
+          p.appendChild(h(v)), g++;
+      u.appendChild(p), e.expose("count", String(g));
+    };
+    e.addEffect(() => {
+      const d = a.data.value, u = r();
+      l(d, u);
+    });
+    const c = new MutationObserver((d) => {
+      for (const u of d)
+        if (u.type === "attributes") {
+          const p = u.attributeName;
+          if (p === "store" || p === "options") {
+            let g = null;
+            if (p === "store") {
+              const v = t.getAttribute("store");
+              v && (g = fe(v));
+            } else {
+              const v = t.getAttribute("options");
+              v && (g = pe(v));
+            }
+            g && (a.data.value = g);
+          }
+        }
+    });
+    return c.observe(t, {
+      attributes: !0,
+      attributeFilter: ["store", "options"]
+    }), () => {
+      c.disconnect(), i(r());
+    };
+  }
+}, it = {
+  name: "text-trigger",
+  category: "state",
+  targets: "self",
+  defaults: {
+    pattern: "",
+    trigger: ""
+  },
+  attach(e) {
+    const t = e.config("pattern") ?? "";
+    if (!t) return;
+    const s = e.config("trigger") ?? "", n = ne(!1);
+    let r;
+    try {
+      r = new RegExp(t);
+    } catch {
+      return;
+    }
+    const o = () => {
+      const h = e.host;
+      return h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement ? h.value : h.textContent ?? "";
+    }, a = () => {
+      const h = o();
+      if (s && !h.includes(s)) {
+        n.value && (n.value = !1);
+        return;
+      }
+      const f = r.exec(h);
+      f ? (n.value = !0, e.emit("text-trigger", {
+        match: f[0],
+        groups: f.slice(1)
+      })) : n.value && (n.value = !1);
+    };
+    return e.host.addEventListener("input", a), e.addEffect(() => {
+      e.expose("matched", n.value);
+    }), () => {
+      e.host.removeEventListener("input", a);
+    };
+  }
+}, at = {
+  name: "backtick-wrap",
+  category: "state",
+  targets: "self",
+  attach(e) {
+    const t = (s) => {
+      const n = s;
+      if (n.key !== "`") return;
+      const r = e.host;
+      let o = "", a = 0, h = 0;
+      if (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement)
+        a = r.selectionStart ?? 0, h = r.selectionEnd ?? 0, o = r.value.slice(a, h);
+      else {
+        const l = window.getSelection();
+        l && l.rangeCount > 0 && (o = l.toString());
+      }
+      if (!o) return;
+      n.preventDefault();
+      const i = o.includes(`
+`) ? `\`\`\`
+${o}
+\`\`\`` : `\`${o}\``;
+      if (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement) {
+        const l = r.value.slice(0, a), c = r.value.slice(h);
+        r.value = l + i + c;
+        const d = a + i.length;
+        r.setSelectionRange(d, d);
+      } else {
+        const l = window.getSelection();
+        if (l && l.rangeCount > 0) {
+          const c = l.getRangeAt(0);
+          c.deleteContents(), c.insertNode(document.createTextNode(i)), l.collapseToEnd();
+        }
+      }
+      e.emit("backtick-wrap", { text: o, wrapped: i });
+    };
+    return e.host.addEventListener("keydown", t), () => {
+      e.host.removeEventListener("keydown", t);
+    };
+  }
+}, lt = {
+  name: "validate",
+  category: "state",
+  targets: "self",
+  defaults: {
+    required: "false",
+    pattern: "",
+    "min-length": "",
+    "max-length": "",
+    message: ""
+  },
+  attach(e) {
+    const t = ne(!0), s = ne(""), n = () => {
+      const o = e.host;
+      return o instanceof HTMLInputElement || o instanceof HTMLTextAreaElement ? o.value : o.textContent ?? "";
+    }, r = () => {
+      const o = n(), a = e.config("required") === "true", h = e.config("pattern") ?? "", f = e.config("min-length") ?? "", i = e.config("max-length") ?? "", l = e.config("message") ?? "";
+      let c = "";
+      if (a && !o.trim() && (c = l || "This field is required"), !c && f) {
+        const p = parseInt(f, 10);
+        !isNaN(p) && o.length < p && (c = l || `Minimum ${p} characters`);
+      }
+      if (!c && i) {
+        const p = parseInt(i, 10);
+        !isNaN(p) && o.length > p && (c = l || `Maximum ${p} characters`);
+      }
+      if (!c && h)
+        try {
+          new RegExp(h).test(o) || (c = l || "Invalid format");
+        } catch {
+        }
+      const d = !c;
+      t.value = d, s.value = c;
+      const u = e.host.internals;
+      u?.setValidity && (d ? u.setValidity({}) : u.setValidity({ customError: !0 }, c)), e.emit("validate", { valid: d, message: c, value: o });
+    };
+    return e.host.addEventListener("blur", r), e.host.addEventListener("input", r), e.addEffect(() => {
+      e.expose("valid", t.value), e.expose("message", s.value);
+    }), () => {
+      e.host.removeEventListener("blur", r), e.host.removeEventListener("input", r);
+    };
+  }
+}, ct = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])', dt = {
+  name: "trap-focus",
+  category: "focus",
+  targets: "self",
+  attach(e) {
+    const t = () => [...e.host.querySelectorAll(ct)], s = (n) => {
+      const r = n;
+      if (r.key !== "Tab") return;
+      const o = t();
+      if (o.length === 0) return;
+      const a = o[0], h = o[o.length - 1], f = document.activeElement;
+      r.shiftKey && f === a ? (r.preventDefault(), h.focus()) : !r.shiftKey && f === h && (r.preventDefault(), a.focus());
+    };
+    return e.host.addEventListener("keydown", s), queueMicrotask(() => {
+      const n = t();
+      n.length > 0 && n[0].focus();
+    }), () => {
+      e.host.removeEventListener("keydown", s);
+    };
+  }
+}, ge = "[tabindex], button, a, input, select, textarea, aui-button", ht = {
+  name: "roving-focus",
+  category: "focus",
+  targets: "self",
+  defaults: {
+    orientation: "both",
+    wrap: "true",
+    selector: ge
+  },
+  attach(e) {
+    const t = e.config("orientation") ?? "both", s = (e.config("wrap") ?? "true") === "true", n = e.config("selector") ?? ge, r = n.startsWith("> ") ? `:scope ${n}` : n, o = () => [...e.host.querySelectorAll(r)], a = (l, c) => {
+      for (let d = 0; d < l.length; d++)
+        l[d].setAttribute("tabindex", d === c ? "0" : "-1");
+      l[c].focus(), e.expose("active", String(c));
+    };
+    queueMicrotask(() => {
+      const l = o();
+      for (let c = 0; c < l.length; c++)
+        l[c].setAttribute("tabindex", c === 0 ? "0" : "-1");
+      l.length > 0 && e.expose("active", "0");
+    });
+    const h = (l) => t === "horizontal" ? l === "ArrowRight" : t === "vertical" ? l === "ArrowDown" : l === "ArrowRight" || l === "ArrowDown", f = (l) => t === "horizontal" ? l === "ArrowLeft" : t === "vertical" ? l === "ArrowUp" : l === "ArrowLeft" || l === "ArrowUp", i = (l) => {
+      const c = l, d = o();
+      if (d.length === 0) return;
+      const u = d.indexOf(document.activeElement);
+      if (u === -1) return;
+      let p;
+      h(c.key) ? (p = u + 1, p >= d.length && (p = s ? 0 : u)) : f(c.key) ? (p = u - 1, p < 0 && (p = s ? d.length - 1 : u)) : c.key === "Home" ? p = 0 : c.key === "End" && (p = d.length - 1), p !== void 0 && (c.preventDefault(), a(d, p));
+    };
+    return e.host.addEventListener("keydown", i), () => {
+      e.host.removeEventListener("keydown", i);
+    };
+  }
+}, ut = {
+  name: "list-navigate",
+  category: "focus",
+  targets: "self",
+  defaults: {
+    selector: "> *",
+    typeahead: "true",
+    timeout: "500"
+  },
+  attach(e) {
+    const t = e.config("selector") ?? "> *", s = (e.config("typeahead") ?? "true") === "true", n = Number(e.config("timeout") ?? "500");
+    let r = -1, o = "", a;
+    const h = () => {
+      const l = t.startsWith("> ") ? `:scope ${t}` : t;
+      return [...e.host.querySelectorAll(l)];
+    }, f = (l, c) => {
+      for (let d = 0; d < l.length; d++)
+        d === c ? l[d].setAttribute("data-list-navigate-highlighted", "") : l[d].removeAttribute("data-list-navigate-highlighted");
+      r = c, e.expose("index", String(c)), l[c]?.scrollIntoView({ block: "nearest" });
+    }, i = (l) => {
+      const c = l, d = h();
+      if (d.length === 0) return;
+      let u;
+      switch (c.key) {
+        case "ArrowDown":
+          u = r < d.length - 1 ? r + 1 : 0;
+          break;
+        case "ArrowUp":
+          u = r > 0 ? r - 1 : d.length - 1;
+          break;
+        case "Home":
+          u = 0;
+          break;
+        case "End":
+          u = d.length - 1;
+          break;
+        case "Enter":
+          r >= 0 && r < d.length && e.emit("activate", { index: r }), c.preventDefault();
+          return;
+        default:
+          if (s && c.key.length === 1 && !c.ctrlKey && !c.metaKey && !c.altKey) {
+            o += c.key.toLowerCase(), clearTimeout(a), a = setTimeout(() => {
+              o = "";
+            }, n);
+            const p = d.findIndex(
+              (g) => (g.textContent ?? "").trim().toLowerCase().startsWith(o)
+            );
+            p !== -1 && (u = p);
+          }
+          break;
+      }
+      u !== void 0 && (c.preventDefault(), f(d, u));
+    };
+    return queueMicrotask(() => {
+      const l = h();
+      l.length > 0 && f(l, 0);
+    }), e.host.addEventListener("keydown", i), () => {
+      e.host.removeEventListener("keydown", i), clearTimeout(a);
+    };
+  }
+}, ft = CSS.supports?.("position-anchor: --x") ?? !1, pt = {
+  name: "tooltip",
+  category: "present",
+  targets: "self",
+  defaults: {
+    delay: "500",
+    position: "top"
+  },
+  attach(e) {
+    const t = e.config("text") ?? "", s = parseInt(e.config("delay") ?? "500", 10), n = e.config("position") ?? "top";
+    let r, o;
+    const a = 6, h = (l) => {
+      const c = e.host.getBoundingClientRect(), d = l.getBoundingClientRect();
+      let u = 0, p = 0;
+      switch (n) {
+        case "top":
+          u = c.top - d.height - a, p = c.left + (c.width - d.width) / 2;
+          break;
+        case "bottom":
+          u = c.bottom + a, p = c.left + (c.width - d.width) / 2;
+          break;
+        case "left":
+          u = c.top + (c.height - d.height) / 2, p = c.left - d.width - a;
+          break;
+        case "right":
+          u = c.top + (c.height - d.height) / 2, p = c.right + a;
+          break;
+      }
+      u = Math.max(4, Math.min(u, window.innerHeight - d.height - 4)), p = Math.max(4, Math.min(p, window.innerWidth - d.width - 4)), l.style.top = `${u}px`, l.style.left = `${p}px`;
+    }, f = () => {
+      r = setTimeout(() => {
+        if (o = document.createElement("div"), o.setAttribute("data-aui-tooltip", ""), o.setAttribute("popover", "manual"), o.setAttribute("role", "tooltip"), o.setAttribute("data-tooltip-position", n), o.textContent = t, document.body.appendChild(o), o.showPopover(), !ft)
+          h(o);
+        else {
+          const l = `--aui-tt-${Date.now()}`;
+          e.host.style.setProperty("anchor-name", l), o.style.setProperty("position-anchor", l);
+        }
+        e.expose("open", !0);
+      }, s);
+    }, i = () => {
+      if (r !== void 0 && (clearTimeout(r), r = void 0), o) {
+        try {
+          o.hidePopover();
+        } catch {
+        }
+        o.remove(), o = void 0;
+      }
+      e.host.style.removeProperty("anchor-name"), e.expose("open", !1);
+    };
+    return e.host.addEventListener("mouseenter", f), e.host.addEventListener("focusin", f), e.host.addEventListener("mouseleave", i), e.host.addEventListener("focusout", i), () => {
+      i(), e.host.removeEventListener("mouseenter", f), e.host.removeEventListener("focusin", f), e.host.removeEventListener("mouseleave", i), e.host.removeEventListener("focusout", i);
+    };
+  }
+}, mt = {
+  name: "collapsible",
+  category: "present",
+  targets: "self",
+  defaults: {
+    collapsed: "false",
+    duration: "200"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = parseInt(e.config("duration") ?? "200", 10);
+    let s = (e.config("collapsed") ?? "false") === "true";
+    const n = () => {
+      e.expose("collapsed", s), s ? (e.host.style.overflow = "hidden", e.host.style.maxHeight = "0px") : (e.host.style.overflow = "", e.host.style.maxHeight = "");
+    };
+    e.host.style.transition = `max-height ${t}ms ease`, n();
+    const r = () => {
+      if (s) {
+        s = !1, e.expose("collapsed", !1), e.host.style.maxHeight = `${e.host.scrollHeight}px`, e.host.style.overflow = "hidden";
+        const a = () => {
+          e.host.removeEventListener("transitionend", a), s || (e.host.style.maxHeight = "", e.host.style.overflow = "");
+        };
+        e.host.addEventListener("transitionend", a);
+      } else
+        e.host.style.maxHeight = `${e.host.scrollHeight}px`, e.host.style.overflow = "hidden", e.host.offsetHeight, s = !0, e.expose("collapsed", !0), e.host.style.maxHeight = "0px";
+    }, o = () => r();
+    return e.host.addEventListener("press", o), () => {
+      e.host.removeEventListener("press", o), e.host.style.transition = "", e.host.style.maxHeight = "", e.host.style.overflow = "";
+    };
+  }
+};
+let vt = 0;
+const Le = (e, t) => ({
+  name: e,
+  category: "present",
+  targets: "self",
+  defaults: {
+    closable: "true",
+    anchor: "",
+    placement: "block-end center",
+    type: t ? "manual" : "auto",
+    matchWidth: "false",
+    animation: "scale"
+  },
+  actions: ["open", "close", "dismiss"],
+  attach(s) {
+    const n = (s.config("closable") ?? "true") === "true", r = s.config("anchor") ?? "", o = s.config("placement") ?? "block-end span-inline-end", a = s.config("type") ?? (t ? "manual" : "auto"), h = (s.config("matchWidth") ?? "false") === "true", f = s.config("animation") ?? "scale";
+    let i = !1, l = null;
+    const c = [];
+    s.host.setAttribute("popover", a), s.expose("open", !1), f !== "none" && (s.host.setAttribute("data-overlay-animation", f), r && s.host.setAttribute("data-overlay-direction", o.split(" ")[0] ?? "block-end"), requestAnimationFrame(() => {
+      s.host.setAttribute("data-overlay-ready", "");
+    }));
+    let d = "", u = null;
+    r && (s.host.setAttribute("data-overlay-anchored", ""), d = `--aui-overlay-${++vt}`, s.host.style.setProperty("position-anchor", d), s.host.style.setProperty("position-area", o), h && s.host.setAttribute("data-overlay-match-width", ""), u = document.querySelector(r), u && u.style.setProperty("anchor-name", d));
+    const p = () => {
+      if (!r) return;
+      const H = document.querySelector(r);
+      H && H.style.removeProperty("anchor-name");
+    }, g = () => {
+      if (!t) return;
+      l = document.activeElement;
+      const H = s.host.parentElement;
+      if (H)
+        for (const L of Array.from(H.children))
+          L !== s.host && (c.push({
+            el: L,
+            prev: L.inert ?? !1
+          }), L.inert = !0);
+    }, v = () => {
+      for (const { el: H, prev: L } of c)
+        H.inert = L;
+      c.length = 0;
+    }, P = () => {
+      t && (l?.focus && l.focus(), l = null);
+    }, M = (H) => {
+      u && (H ? u.setAttribute("data-overlay-anchor-open", "") : requestAnimationFrame(() => u?.removeAttribute("data-overlay-anchor-open")));
+    }, k = () => {
+      i || (i = !0, s.host.showPopover(), s.expose("open", !0), M(!0), g(), s.emit("overlay-open"));
+    }, b = () => {
+      if (i) {
+        i = !1;
+        try {
+          s.host.hidePopover();
+        } catch {
+        }
+        s.expose("open", !1), M(!1), v(), P(), s.emit("overlay-close");
+      }
+    }, O = () => k(), E = () => b(), _ = () => b(), U = (H) => {
+      const L = H;
+      L.key === "Escape" && i && n && (L.preventDefault(), b());
+    }, j = (H) => {
+      const L = H;
+      L.newState === "open" && !i ? (i = !0, s.expose("open", !0), M(!0), g(), s.emit("overlay-open")) : L.newState === "closed" && i && (i = !1, s.expose("open", !1), M(!1), v(), P(), s.emit("overlay-close"));
+    }, Q = (H) => {
+      if (!i || !n || a === "auto") return;
+      const L = s.host.getBoundingClientRect();
+      H.clientX >= L.left && H.clientX <= L.right && H.clientY >= L.top && H.clientY <= L.bottom || b();
+    };
+    return s.host.addEventListener("open", O), s.host.addEventListener("close", E), s.host.addEventListener("dismiss", _), s.host.addEventListener("toggle", j), document.addEventListener("keydown", U), a === "manual" && document.addEventListener("click", Q), () => {
+      if (s.host.removeEventListener("open", O), s.host.removeEventListener("close", E), s.host.removeEventListener("dismiss", _), s.host.removeEventListener("toggle", j), document.removeEventListener("keydown", U), document.removeEventListener("click", Q), v(), P(), M(!1), p(), i)
+        try {
+          s.host.hidePopover();
+        } catch {
+        }
+      s.host.removeAttribute("popover"), s.host.removeAttribute("data-overlay-anchored"), s.host.removeAttribute("data-overlay-match-width"), s.host.removeAttribute("data-overlay-animation"), s.host.removeAttribute("data-overlay-ready"), s.host.removeAttribute("data-overlay-direction"), s.host.style.removeProperty("position-anchor"), s.host.style.removeProperty("position-area");
+    };
+  }
+}), gt = Le("popover", !1), yt = Le("modal", !0), bt = {
+  name: "dismiss",
+  category: "present",
+  targets: "self",
+  defaults: {
+    escape: "true",
+    outside: "true",
+    event: "dismiss"
+  },
+  attach(e) {
+    const t = (e.config("escape") ?? "true") === "true", s = (e.config("outside") ?? "true") === "true", n = e.config("event") ?? "dismiss", r = (a) => {
+      const h = a;
+      h.key === "Escape" && (h.preventDefault(), e.emit(n));
+    }, o = (a) => {
+      const h = a;
+      e.host.contains(h.target) || e.emit(n);
+    };
+    return t && document.addEventListener("keydown", r), s && document.addEventListener("pointerdown", o), () => {
+      t && document.removeEventListener("keydown", r), s && document.removeEventListener("pointerdown", o);
+    };
+  }
+}, Et = {
+  name: "auto-dismiss",
+  category: "present",
+  targets: "self",
+  defaults: {
+    delay: "3000"
+  },
+  attach(e) {
+    const t = parseInt(e.config("delay") ?? "3000", 10);
+    let s = t;
+    e.expose("remaining", String(s));
+    const n = setInterval(() => {
+      s = Math.max(0, s - 1e3), e.expose("remaining", String(s));
+    }, 1e3), r = setTimeout(() => {
+      clearInterval(n), e.host.setAttribute("hidden", ""), e.expose("dismissed", !0), e.emit("dismiss");
+    }, t), o = () => clearTimeout(r), a = () => {
+    };
+    return e.host.addEventListener("pointerenter", o), e.host.addEventListener("pointerleave", a), () => {
+      clearTimeout(r), clearInterval(n), e.host.removeEventListener("pointerenter", o), e.host.removeEventListener("pointerleave", a);
+    };
+  }
+}, wt = {
+  name: "gateway",
+  category: "present",
+  targets: "external",
+  defaults: {
+    target: "body"
+  },
+  attach(e) {
+    const t = e.config("target") ?? "body", s = document.querySelector(t);
+    if (!s) {
+      console.warn(`[gateway] target "${t}" not found`);
+      return;
+    }
+    const n = document.createComment("aui-gateway");
+    e.host.parentNode?.insertBefore(n, e.host.nextSibling);
+    const r = document.createElement("div");
+    for (r.setAttribute("data-gateway-wrapper", ""); e.host.firstChild; )
+      r.appendChild(e.host.firstChild);
+    return s.appendChild(r), e.expose("active", !0), () => {
+      for (; r.firstChild; )
+        e.host.appendChild(r.firstChild);
+      r.remove(), n.remove();
+    };
+  }
+}, Lt = {
+  name: "present",
+  category: "present",
+  targets: "self",
+  defaults: {
+    visible: "true",
+    transition: "200"
+  },
+  actions: ["toggle", "show", "hide"],
+  attach(e) {
+    const t = parseInt(e.config("transition") ?? "200", 10);
+    let s = (e.config("visible") ?? "true") === "true", n = null;
+    const r = () => {
+      n !== null && (clearTimeout(n), n = null);
+    };
+    s || e.host.setAttribute("data-present-hidden", ""), e.expose("visible", s);
+    const o = () => {
+      s || (r(), s = !0, e.expose("visible", !0), e.host.removeAttribute("data-present-hidden"), e.host.setAttribute("data-present-entering", ""), e.host.offsetHeight, n = setTimeout(() => {
+        e.host.removeAttribute("data-present-entering"), n = null;
+      }, t));
+    }, a = () => {
+      s && (r(), s = !1, e.expose("visible", !1), e.host.setAttribute("data-present-leaving", ""), n = setTimeout(() => {
+        e.host.removeAttribute("data-present-leaving"), e.host.setAttribute("data-present-hidden", ""), n = null;
+      }, t));
+    }, h = () => {
+      s ? a() : o();
+    }, f = () => h(), i = () => o(), l = () => a();
+    return e.host.addEventListener("toggle", f), e.host.addEventListener("show", i), e.host.addEventListener("hide", l), () => {
+      r(), e.host.removeEventListener("toggle", f), e.host.removeEventListener("show", i), e.host.removeEventListener("hide", l), e.host.removeAttribute("data-present-entering"), e.host.removeAttribute("data-present-leaving"), e.host.removeAttribute("data-present-hidden");
+    };
+  }
+}, ye = {
+  "top-right": { top: "1rem", right: "1rem", left: "", bottom: "" },
+  "top-left": { top: "1rem", left: "1rem", right: "", bottom: "" },
+  "bottom-right": { bottom: "1rem", right: "1rem", top: "", left: "" },
+  "bottom-left": { bottom: "1rem", left: "1rem", top: "", right: "" },
+  "top-center": { top: "1rem", left: "50%", right: "", bottom: "", translate: "-50% 0" },
+  "bottom-center": { bottom: "1rem", left: "50%", right: "", top: "", translate: "-50% 0" }
+}, At = (e, t) => {
+  const s = document.querySelectorAll("[data-toast-visible]");
+  let n = 0;
+  for (const r of s) {
+    if (r === t) break;
+    const o = r.getBoundingClientRect();
+    n += o.height + 8;
+  }
+  return n;
+}, Tt = {
+  name: "toast",
+  category: "present",
+  targets: "self",
+  defaults: {
+    duration: "3000",
+    position: "bottom-right",
+    stack: "true"
+  },
+  attach(e) {
+    const t = parseInt(e.config("duration") ?? "3000", 10), s = e.config("position") ?? "bottom-right", n = e.config("stack") !== "false", r = ye[s] ?? ye["bottom-right"];
+    for (const [h, f] of Object.entries(r))
+      e.host.style.setProperty(h, f);
+    if (n) {
+      const h = At(s, e.host);
+      if (s.startsWith("top")) {
+        const i = parseFloat(r.top ?? "16");
+        e.host.style.top = `calc(${i}rem + ${h}px)`;
+      } else {
+        const i = parseFloat(r.bottom ?? "16");
+        e.host.style.bottom = `calc(${i}rem + ${h}px)`;
+      }
+    }
+    e.expose("visible", !0);
+    let o;
+    const a = () => {
+      e.host.setAttribute("data-toast-dismissing", "");
+      const h = () => {
+        e.host.removeEventListener("transitionend", h), e.expose("visible", !1), e.host.removeAttribute("data-toast-dismissing"), e.host.setAttribute("data-toast-hidden", ""), e.emit("toast-dismiss");
+      };
+      e.host.addEventListener("transitionend", h);
+    };
+    return t > 0 && (o = setTimeout(a, t)), () => {
+      o !== void 0 && clearTimeout(o), e.host.removeAttribute("data-toast-dismissing"), e.host.removeAttribute("data-toast-hidden"), e.host.style.top = "", e.host.style.right = "", e.host.style.bottom = "", e.host.style.left = "", e.host.style.translate = "", e.unexpose("visible");
+    };
+  }
+}, kt = {
+  name: "virtual-scroll",
+  category: "present",
+  targets: "self",
+  defaults: {
+    "item-height": "40",
+    overscan: "3",
+    total: "0"
+  },
+  attach(e) {
+    const t = Number(e.config("item-height") ?? "40"), s = Number(e.config("overscan") ?? "3"), n = Number(e.config("total") ?? "0");
+    if (t <= 0 || n <= 0) return;
+    const r = document.createElement("div");
+    r.style.height = `${n * t}px`, r.setAttribute("aria-hidden", "true"), r.setAttribute("data-virtual-spacer", ""), e.host.prepend(r);
+    const o = () => {
+      const a = e.host.scrollTop, h = e.host.clientHeight, f = Math.floor(a / t), i = Math.ceil((a + h) / t), l = Math.max(0, f - s), c = Math.min(n - 1, i + s);
+      e.expose("start", String(l)), e.expose("end", String(c)), e.emit("virtual-range", { start: l, end: c });
+      const d = [...e.host.children].filter(
+        (u) => !u.hasAttribute("data-virtual-spacer")
+      );
+      for (let u = 0; u < d.length; u++) {
+        const p = l + u;
+        p <= c && (d[u].style.height = `${t}px`, d[u].style.transform = `translateY(${p * t}px)`);
+      }
+    };
+    return queueMicrotask(o), e.host.addEventListener("scroll", o, { passive: !0 }), () => {
+      e.host.removeEventListener("scroll", o), r.remove();
+    };
+  }
+}, Ct = {
+  name: "ripple",
+  category: "effect",
+  targets: "self",
+  attach(e) {
+    const t = (n) => {
+      const r = n, o = e.host, a = o.getBoundingClientRect(), h = Math.max(a.width, a.height) * 2;
+      o.style.setProperty("--ripple-x", `${r.clientX - a.left}px`), o.style.setProperty("--ripple-y", `${r.clientY - a.top}px`), o.style.setProperty("--ripple-size", `${h}px`), o.removeAttribute("data-ripple-active"), o.offsetWidth, o.setAttribute("data-ripple-active", "");
+    }, s = (n) => {
+      n.animationName === "aui-ripple" && e.host.removeAttribute("data-ripple-active");
+    };
+    return e.host.addEventListener("pointerdown", t), e.host.addEventListener("animationend", s), () => {
+      e.host.removeEventListener("pointerdown", t), e.host.removeEventListener("animationend", s), e.host.removeAttribute("data-ripple-active"), e.host.style.removeProperty("--ripple-x"), e.host.style.removeProperty("--ripple-y"), e.host.style.removeProperty("--ripple-size");
+    };
+  }
+}, be = ["#ff577f", "#ff884b", "#ffd384", "#fff9b0", "#3ec1d3", "#7c5cbf", "#ff6b6b", "#48dbfb"], Pt = {
+  name: "confetti",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    count: "30",
+    spread: "90",
+    velocity: "12",
+    gravity: "0.5",
+    duration: "2000"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = parseInt(e.config("count") ?? "30", 10), s = parseInt(e.config("spread") ?? "90", 10), n = parseFloat(e.config("velocity") ?? "12"), r = parseFloat(e.config("gravity") ?? "0.5"), o = parseInt(e.config("duration") ?? "2000", 10), a = /* @__PURE__ */ new Set(), h = () => {
+      const f = e.host.getBoundingClientRect(), i = f.left + f.width / 2, l = f.top + f.height / 2, c = document.createElement("div");
+      c.style.cssText = "position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:9999;", document.body.appendChild(c), a.add(c);
+      const d = [], u = s / 2 * (Math.PI / 180), p = -Math.PI / 2;
+      for (let M = 0; M < t; M++) {
+        const k = document.createElement("div"), b = 6 + Math.random() * 5, O = be[M % be.length], E = Math.random() > 0.5;
+        k.style.cssText = `position:absolute;width:${b}px;height:${b}px;background:${O};border-radius:${E ? "50%" : "2px"};left:${i}px;top:${l}px;pointer-events:none;`, c.appendChild(k);
+        const _ = p + (Math.random() * 2 - 1) * u, U = n * (0.7 + Math.random() * 0.6);
+        d.push({
+          el: k,
+          x: 0,
+          y: 0,
+          vx: Math.cos(_) * U,
+          vy: Math.sin(_) * U,
+          rotation: Math.random() * 360,
+          rotationSpeed: (Math.random() - 0.5) * 20,
+          opacity: 1
+        });
+      }
+      e.host.setAttribute("data-confetti-active", "");
+      const g = performance.now(), v = o * 0.7, P = (M) => {
+        const k = M - g;
+        if (k >= o) {
+          c.remove(), a.delete(c), a.size === 0 && e.host.removeAttribute("data-confetti-active");
+          return;
+        }
+        for (const b of d)
+          b.vy += r, b.vx *= 0.98, b.vy *= 0.98, b.x += b.vx, b.y += b.vy, b.rotation += b.rotationSpeed, k > v && (b.opacity = 1 - (k - v) / (o - v)), b.el.style.transform = `translate(${b.x}px, ${b.y}px) rotate(${b.rotation}deg)`, b.el.style.opacity = String(b.opacity);
+        requestAnimationFrame(P);
+      };
+      requestAnimationFrame(P);
+    };
+    return e.host.addEventListener("press", h), () => {
+      e.host.removeEventListener("press", h);
+      for (const f of a) f.remove();
+      a.clear();
+    };
+  }
+}, St = {
+  name: "flip",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    duration: "600",
+    direction: "horizontal"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = e.config("duration") ?? "600", s = e.config("direction") ?? "horizontal";
+    let n = !1;
+    s === "vertical" && e.host.setAttribute("data-flip-direction", "vertical"), t !== "600" && e.host.style.setProperty("--aui-flip-duration", `${t}ms`);
+    const r = () => {
+      n = !n, e.expose("flipped", n);
+    };
+    return e.expose("flipped", !1), e.host.addEventListener("press", r), () => {
+      e.host.removeEventListener("press", r), e.host.removeAttribute("data-flip-direction"), e.host.style.removeProperty("--aui-flip-duration"), e.unexpose("flipped");
+    };
+  }
+}, Mt = {
+  name: "parallax",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    speed: "0.5",
+    direction: "vertical"
+  },
+  attach(e) {
+    const t = parseFloat(e.config("speed") ?? "0.5"), n = (e.config("direction") ?? "vertical") === "vertical", r = "--_parallax-offset";
+    e.host.style.transform = n ? `translateY(var(${r}, 0px))` : `translateX(var(${r}, 0px))`, e.host.style.willChange = "transform";
+    let o = 0, a = !1;
+    const h = () => {
+      const i = e.host.getBoundingClientRect(), l = n ? window.innerHeight : window.innerWidth, d = ((n ? i.top + i.height / 2 : i.left + i.width / 2) - l / 2) * t;
+      e.host.style.setProperty(r, `${d}px`), a = !1;
+    }, f = () => {
+      a || (o = requestAnimationFrame(h), a = !0);
+    };
+    return h(), window.addEventListener("scroll", f, { passive: !0 }), window.addEventListener("resize", f, { passive: !0 }), () => {
+      cancelAnimationFrame(o), window.removeEventListener("scroll", f), window.removeEventListener("resize", f), e.host.style.transform = "", e.host.style.willChange = "", e.host.style.removeProperty(r);
+    };
+  }
+}, It = {
+  name: "toss",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    friction: "0.92",
+    bounce: "0.15",
+    max: "200"
+  },
+  attach(e) {
+    const t = parseFloat(e.config("friction") ?? "0.92"), s = parseFloat(e.config("bounce") ?? "0.15"), n = parseFloat(e.config("max") ?? "200");
+    e.host.style.setProperty("--_toss-x", "0px"), e.host.style.setProperty("--_toss-y", "0px"), e.host.style.transform = "translate(var(--_toss-x), var(--_toss-y))";
+    let r = [], o = null;
+    const a = (f) => {
+      const i = f, l = performance.now();
+      r.push({ x: i.clientX, y: i.clientY, t: l }), r.length > 4 && (r = r.slice(-4));
+    }, h = () => {
+      if (r.length < 2) {
+        r = [];
+        return;
+      }
+      const f = r[0], i = r[r.length - 1], l = i.t - f.t || 1;
+      let c = (i.x - f.x) / l * 16, d = (i.y - f.y) / l * 16;
+      r = [];
+      let u = 0, p = 0;
+      o !== null && cancelAnimationFrame(o), e.expose("active", !0);
+      const g = () => {
+        u += c, p += d;
+        const v = Math.sqrt(u * u + p * p);
+        if (v > n) {
+          const k = n / v;
+          u *= k, p *= k, c *= 0.5, d *= 0.5;
+        }
+        c *= t, d *= t, u -= u * s, p -= p * s, e.host.style.setProperty("--_toss-x", `${u}px`), e.host.style.setProperty("--_toss-y", `${p}px`);
+        const P = Math.abs(c) + Math.abs(d), M = Math.abs(u) + Math.abs(p);
+        if (P < 0.1 && M < 0.5) {
+          e.host.style.setProperty("--_toss-x", "0px"), e.host.style.setProperty("--_toss-y", "0px"), e.unexpose("active"), o = null;
+          return;
+        }
+        o = requestAnimationFrame(g);
+      };
+      o = requestAnimationFrame(g);
+    };
+    return e.host.addEventListener("pointermove", a), e.host.addEventListener("pointerup", h), () => {
+      e.host.removeEventListener("pointermove", a), e.host.removeEventListener("pointerup", h), o !== null && (cancelAnimationFrame(o), o = null), e.host.style.removeProperty("--_toss-x"), e.host.style.removeProperty("--_toss-y");
+    };
+  }
+}, $t = {
+  name: "magnet",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    strength: "10",
+    tilt: "5"
+  },
+  attach(e) {
+    const t = parseFloat(e.config("strength") ?? "10"), s = parseFloat(e.config("tilt") ?? "5");
+    e.host.style.setProperty("--_magnet-x", "0px"), e.host.style.setProperty("--_magnet-y", "0px"), e.host.style.setProperty("--_magnet-rx", "0deg"), e.host.style.setProperty("--_magnet-ry", "0deg"), e.host.style.transform = "perspective(800px) translate(var(--_magnet-x), var(--_magnet-y)) rotateX(var(--_magnet-rx)) rotateY(var(--_magnet-ry))", e.host.style.willChange = "transform";
+    const n = (a) => {
+      const h = a, f = e.host.getBoundingClientRect(), i = f.left + f.width / 2, l = f.top + f.height / 2, c = (h.clientX - i) / (f.width / 2), d = (h.clientY - l) / (f.height / 2);
+      e.host.style.setProperty("--_magnet-x", `${c * t}px`), e.host.style.setProperty("--_magnet-y", `${d * t}px`), e.host.style.setProperty("--_magnet-rx", `${-d * s}deg`), e.host.style.setProperty("--_magnet-ry", `${c * s}deg`);
+    }, r = () => {
+      e.host.style.transition = "none";
+    }, o = () => {
+      e.host.style.transition = "transform 0.3s ease-out", e.host.style.setProperty("--_magnet-x", "0px"), e.host.style.setProperty("--_magnet-y", "0px"), e.host.style.setProperty("--_magnet-rx", "0deg"), e.host.style.setProperty("--_magnet-ry", "0deg");
+    };
+    return e.host.addEventListener("mousemove", n), e.host.addEventListener("mouseenter", r), e.host.addEventListener("mouseleave", o), () => {
+      e.host.removeEventListener("mousemove", n), e.host.removeEventListener("mouseenter", r), e.host.removeEventListener("mouseleave", o), e.host.style.willChange = "", e.host.style.transition = "", e.host.style.transform = "", e.host.style.removeProperty("--_magnet-x"), e.host.style.removeProperty("--_magnet-y"), e.host.style.removeProperty("--_magnet-rx"), e.host.style.removeProperty("--_magnet-ry");
+    };
+  }
+}, Ee = "http://www.w3.org/2000/svg", zt = {
+  name: "noodle",
+  category: "effect",
+  targets: "external",
+  defaults: {
+    target: "",
+    color: "currentColor",
+    width: "2",
+    curvature: "0.5"
+  },
+  attach(e) {
+    const t = e.config("target") ?? "", s = e.config("color") ?? "currentColor", n = parseFloat(e.config("width") ?? "2"), r = parseFloat(e.config("curvature") ?? "0.5");
+    if (!t) return;
+    const o = document.createElementNS(Ee, "svg");
+    o.setAttribute("data-noodle-svg", ""), o.setAttribute("aria-hidden", "true");
+    const a = document.createElementNS(Ee, "path");
+    a.setAttribute("fill", "none"), a.setAttribute("stroke", s), a.setAttribute("stroke-width", String(n)), a.setAttribute("stroke-linecap", "round"), o.appendChild(a), document.body.appendChild(o);
+    let h = 0, f = !1;
+    const i = () => {
+      const u = document.querySelector(t);
+      if (!u) {
+        e.expose("connected", !1), a.setAttribute("d", ""), f = !1;
+        return;
+      }
+      e.expose("connected", !0);
+      const p = e.host.getBoundingClientRect(), g = u.getBoundingClientRect(), v = p.left + p.width / 2, P = p.top + p.height / 2, M = g.left + g.width / 2, k = g.top + g.height / 2, b = Math.abs(M - v) * r, O = v + b, E = P, _ = M - b, U = k;
+      a.setAttribute("d", `M ${v} ${P} C ${O} ${E}, ${_} ${U}, ${M} ${k}`), f = !1;
+    }, l = () => {
+      f || (h = requestAnimationFrame(i), f = !0);
+    };
+    i();
+    const c = new ResizeObserver(l);
+    c.observe(e.host);
+    const d = document.querySelector(t);
+    return d && c.observe(d), window.addEventListener("scroll", l, { passive: !0, capture: !0 }), window.addEventListener("resize", l, { passive: !0 }), () => {
+      cancelAnimationFrame(h), c.disconnect(), window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), o.remove(), e.unexpose("connected");
+    };
+  }
+};
+class Rt {
+  host;
+  depth;
+  scale;
+  maxTilt;
+  tiltRadius;
+  perspective;
+  labels;
+  recursive;
+  pick;
+  alwaysReady;
+  dismissOnClickOutside;
+  tiltElement;
+  disabled;
+  #p = !1;
+  #e = !1;
+  #i = !1;
+  #w = !1;
+  #c = !1;
+  #s = null;
+  #m = null;
+  #v = [];
+  #L = 0;
+  #r = 1;
+  #a = 0;
+  #t = null;
+  #n = null;
+  #A = null;
+  #l = null;
+  #d = null;
+  #h = null;
+  constructor(t, s = {}) {
+    this.host = t, this.depth = s.depth ?? 16, this.scale = s.scale ?? 0.85, this.maxTilt = s.maxTilt ?? 60, this.tiltRadius = s.tiltRadius ?? 384, this.perspective = s.perspective ?? 1200, this.labels = s.labels ?? !0, this.recursive = s.recursive ?? !0, this.pick = s.pick ?? !1, this.alwaysReady = s.alwaysReady ?? !1, this.dismissOnClickOutside = s.dismissOnClickOutside ?? !0, this.tiltElement = s.tiltElement ?? null, this.disabled = s.disabled ?? !1, this.attach();
+  }
+  get active() {
+    return this.#e;
+  }
+  get inspectRoot() {
+    return this.#t ?? this.host;
+  }
+  attach() {
+    this.#p || (this.#p = !0, this.host.addEventListener("pointerenter", this.#C), this.host.addEventListener("pointerleave", this.#P), this.host.addEventListener("pointermove", this.#g), this.host.addEventListener("pointerdown", this.#$), this.host.addEventListener("click", this.#y), document.addEventListener("keydown", this.#S), document.addEventListener("keyup", this.#M));
+  }
+  detach() {
+    this.#p && (this.#p = !1, this.host.removeEventListener("pointerenter", this.#C), this.host.removeEventListener("pointerleave", this.#P), this.host.removeEventListener("pointermove", this.#g), this.host.removeEventListener("pointerdown", this.#$), this.host.removeEventListener("click", this.#y), document.removeEventListener("keydown", this.#S), document.removeEventListener("keyup", this.#M), this.#e && this.#E(), this.#o(), this.#T());
+  }
+  destroy() {
+    this.detach();
+  }
+  inspect(t) {
+    if (this.#e) return;
+    const s = t ?? this.host, n = s.getBoundingClientRect();
+    this.#f(s, n.left + n.width / 2, n.top + n.height / 2);
+  }
+  dismiss() {
+    this.#e && this.#E();
+  }
+  // ── Handlers ──
+  #C = () => {
+    this.#w = !0, !(this.disabled || this.#e) && (this.#i || this.alwaysReady) && this.#u(!0);
+  };
+  #P = () => {
+    this.#w = !1, this.#u(!1), this.#e || (this.#o(), this.#T());
+  };
+  #S = (t) => {
+    t.key !== "Alt" || this.#i || (this.#i = !0, !(this.disabled || this.#e) && this.#w && this.#u(!0));
+  };
+  #M = (t) => {
+    t.key === "Alt" && (this.#i = !1, !(this.#e || this.alwaysReady) && (this.#u(!1), this.#o(), this.#T()));
+  };
+  #I = (t) => {
+    const s = this.#t;
+    if (!s) return;
+    const n = (this.#n ?? s).getBoundingClientRect(), r = t.clientX - (n.left + n.width / 2), o = t.clientY - (n.top + n.height / 2), a = Math.max(-1, Math.min(1, r / this.tiltRadius)), f = Math.max(-1, Math.min(1, o / this.tiltRadius)) * this.maxTilt, i = a * -this.maxTilt, l = this.#a * this.#r;
+    s.style.transform = `translateZ(${l}px) perspective(${this.perspective}px) scale(${this.scale}) rotateX(${f}deg) rotateY(${i}deg)`, s.style.setProperty("--inspect-tilt-x", `${f}deg`), s.style.setProperty("--inspect-tilt-y", `${i}deg`);
+  };
+  #$ = (t) => {
+    if (!(this.disabled || this.#e) && t.button === 0 && !(!t.altKey && !this.alwaysReady))
+      if (t.preventDefault(), this.#c = !0, this.pick) {
+        if (!this.#s) return;
+        const s = this.#s;
+        this.#o(), this.#f(s, t.clientX, t.clientY);
+      } else
+        this.#f(this.host, t.clientX, t.clientY);
+  };
+  #g = (t) => {
+    if (this.disabled || !this.#e && !this.#i && !this.alwaysReady) return;
+    const s = this.#t ?? this.host, n = t.target, r = n === s ? null : this.#_(n, s);
+    if (r !== this.#s && (this.#o(), r))
+      if (this.#s = r, !this.#e)
+        this.#Y(), this.#X(this.#h, r, this.labels ? this.#k(r) : void 0);
+      else {
+        r.toggleAttribute("inspect-hover", !0);
+        let o = r.parentElement;
+        for (; o && o !== s; )
+          o.toggleAttribute("inspect-hover", !0), o = o.parentElement;
+      }
+  };
+  #y = (t) => {
+    if (this.disabled) return;
+    if (!this.#e) {
+      if (this.#c) {
+        this.#c = !1, t.stopPropagation();
+        return;
+      }
+      if (this.pick) {
+        if (!this.#i && !this.alwaysReady || !this.#s) return;
+        t.stopPropagation();
+        const o = this.#s;
+        this.#o(), this.#f(o, t.clientX, t.clientY);
+      } else
+        t.stopPropagation(), this.#f(this.host, t.clientX, t.clientY);
+      return;
+    }
+    t.stopPropagation();
+    const s = this.#t, n = t.target, r = n === s ? null : this.#_(n, s);
+    r && this.#W(r);
+  };
+  #b = (t) => {
+    this.#e && (t.preventDefault(), this.#r = Math.max(0.1, this.#r + (t.deltaY > 0 ? -0.5 : 0.5)), this.#K());
+  };
+  #z = (t) => {
+    if (this.#e) {
+      if (this.#c) {
+        this.#c = !1;
+        return;
+      }
+      this.#n && !this.#n.contains(t.target) && this.#E();
+    }
+  };
+  #R = (t) => {
+    this.#e && t.key === "Escape" && (t.preventDefault(), this.#E());
+  };
+  #D = (t) => {
+    t.preventDefault();
+  };
+  #H = (t) => {
+    t.preventDefault();
+  };
+  // ── Internals ──
+  #u(t) {
+    t ? (this.host.toggleAttribute("inspect-ready", !0), this.#Y(), this.#X(this.#d, this.host, this.labels ? this.#k(this.host) : void 0)) : (this.host.removeAttribute("inspect-ready"), this.#O(this.#d));
+  }
+  #Y() {
+    if (this.#l) return;
+    const t = document.createElement("div");
+    t.setAttribute("popover", "manual"), t.style.cssText = "position:fixed;inset:0;margin:0;padding:0;border:none;background:transparent;pointer-events:none;overflow:visible;", this.#d = this.#N("oklch(0.6 0.2 250 / 0.5)"), this.#h = this.#N("oklch(0.6 0.2 250 / 0.7)"), t.append(this.#d, this.#h), document.body.appendChild(t), typeof t.showPopover == "function" && t.showPopover(), this.#l = t;
+  }
+  #N(t) {
+    const s = document.createElement("div");
+    s.style.cssText = `position:fixed;pointer-events:none;display:none;box-sizing:border-box;outline:2px solid ${t};outline-offset:-1px;`;
+    const n = document.createElement("span");
+    return n.style.cssText = "position:absolute;bottom:100%;left:0.25rem;margin-bottom:2px;font:500 0.625rem/1.4 ui-monospace,monospace;color:oklch(0.85 0.15 250);background:oklch(0.2 0.05 250/0.85);padding:0.1rem 0.35rem;border-radius:0.2rem;white-space:nowrap;display:none;", s.appendChild(n), s;
+  }
+  #X(t, s, n) {
+    const r = s.getBoundingClientRect();
+    t.style.top = `${r.top}px`, t.style.left = `${r.left}px`, t.style.width = `${r.width}px`, t.style.height = `${r.height}px`, t.style.display = "block";
+    const o = t.firstElementChild;
+    n ? (o.textContent = n, o.style.display = "block") : o.style.display = "none";
+  }
+  #O(t) {
+    t && (t.style.display = "none");
+  }
+  #T() {
+    if (this.#l) {
+      try {
+        this.#l.hidePopover();
+      } catch {
+      }
+      this.#l.remove(), this.#l = null, this.#d = null, this.#h = null;
+    }
+  }
+  #K() {
+    const t = this.#t ?? this.host;
+    if (this.#v.forEach((s, n) => {
+      const r = this.recursive ? this.#B(s, t) * this.depth : (n + 1) * this.depth;
+      s.style.transform = `translateZ(${r * this.#r}px)`;
+    }), this.#t && this.#a) {
+      const s = this.#t.style.transform, n = this.#a * this.#r;
+      this.#t.style.transform = s.replace(/translateZ\([^)]+\)/, `translateZ(${n}px)`);
+    }
+  }
+  #_(t, s) {
+    if (this.recursive && s.contains(t) && t !== s) return t;
+    let n = t;
+    for (; n && n !== s; ) {
+      if (n.parentElement === s) return n;
+      n = n.parentElement;
+    }
+    return null;
+  }
+  #o() {
+    if (!this.#s) return;
+    const t = this.#t ?? this.host;
+    let s = this.#s;
+    for (; s && s !== t; )
+      s.removeAttribute("inspect-hover"), s = s.parentElement;
+    this.#O(this.#h), this.#s = null;
+  }
+  #W(t) {
+    this.#q(), this.#m = t;
+    const s = this.#t ?? this.host;
+    let n = t;
+    for (; n && n !== s; )
+      n.toggleAttribute("inspect-selected", !0), n = n.parentElement;
+  }
+  #q() {
+    if (!this.#m) return;
+    const t = this.#t ?? this.host;
+    let s = this.#m;
+    for (; s && s !== t; )
+      s.removeAttribute("inspect-selected"), s = s.parentElement;
+    this.#m = null;
+  }
+  #k(t) {
+    const s = t.tagName.toLowerCase(), n = t.id ? `#${t.id}` : "", r = typeof t.className == "string" && t.className ? `.${t.className.split(/\s+/)[0]}` : "";
+    return `${s}${n}${r}`;
+  }
+  #F(t) {
+    t.setAttribute("data-inspect-label", this.#k(t));
+  }
+  #B(t, s) {
+    let n = 0, r = t;
+    for (; r && r !== s; )
+      n++, r = r.parentElement;
+    return n;
+  }
+  #U(t) {
+    if (!this.recursive) return Array.from(t.children).filter((o) => o instanceof HTMLElement);
+    const s = [], n = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: (o) => o instanceof HTMLElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+    });
+    let r;
+    for (; r = n.nextNode(); )
+      r instanceof HTMLElement && s.push(r);
+    return s;
+  }
+  #f(t, s, n) {
+    this.#e = !0;
+    const r = ++this.#L;
+    this.#o(), this.#u(!1), this.#A = t, t.toggleAttribute("inspecting", !0);
+    const o = t.getBoundingClientRect(), a = t.cloneNode(!0);
+    a.setAttribute("data-inspect-clone", ""), a.querySelectorAll("*").forEach((v) => {
+      v.tagName.includes("-") && v.setAttribute("data-inspect-clone", "");
+    });
+    const h = document.createElement("div");
+    h.setAttribute("popover", "manual"), h.style.cssText = `position:fixed;inset:auto;margin:0;padding:0;border:none;background:transparent;overflow:visible;top:${o.top}px;left:${o.left}px;width:${o.width}px;height:${o.height}px;`, h.appendChild(a), document.body.appendChild(h), typeof h.showPopover == "function" && h.showPopover(), this.#t = a, this.#n = h, t.style.visibility = "hidden", this.#a = this.pick ? this.depth * 2 : 0, a.toggleAttribute("inspecting", !0), a.style.transformStyle = "preserve-3d", a.style.transformOrigin = "center center", a.style.userSelect = "none", a.style.overflow = "visible", h.style.transformStyle = "preserve-3d", h.style.perspective = `${this.perspective}px`;
+    const f = s - (o.left + o.width / 2), i = n - (o.top + o.height / 2), l = Math.max(-1, Math.min(1, f / this.tiltRadius)), d = Math.max(-1, Math.min(1, i / this.tiltRadius)) * this.maxTilt, u = l * -this.maxTilt, p = this.#a * this.#r;
+    a.style.transform = `translateZ(${p}px) perspective(${this.perspective}px) scale(${this.scale}) rotateX(${d}deg) rotateY(${u}deg)`, a.style.transition = "transform 500ms cubic-bezier(0.2, 0, 0, 1)";
+    const g = this.#U(a);
+    this.#v = g, g.forEach((v, P) => {
+      const M = this.recursive ? this.#B(v, a) * this.depth : (P + 1) * this.depth;
+      v.toggleAttribute("inspect-layer", !0), v.style.transformStyle = "preserve-3d", v.style.overflow = "visible", v.style.transform = `translateZ(${M}px)`, v.style.transition = "transform 500ms cubic-bezier(0.2, 0, 0, 1)", this.labels && this.#F(v);
+    }), this.labels && this.#F(a), setTimeout(() => {
+      this.#L === r && this.#e && (a.style.transition = "transform 60ms ease-out");
+    }, 520), a.addEventListener("pointermove", this.#g), a.addEventListener("click", this.#y), h.addEventListener("wheel", this.#b, { passive: !1 }), this.dismissOnClickOutside && document.addEventListener("click", this.#z, !0), document.addEventListener("keydown", this.#R), (this.tiltElement ?? document).addEventListener("pointermove", this.#I), document.addEventListener("wheel", this.#b, { passive: !1 }), document.addEventListener("selectstart", this.#D), document.addEventListener("pointerdown", this.#H), this.host.dispatchEvent(new CustomEvent("aui:inspect", { bubbles: !0, composed: !0, detail: { active: !0, layers: g.length } }));
+  }
+  #E() {
+    this.#e = !1, ++this.#L, this.#q(), this.#o();
+    const t = this.#v.length;
+    if (this.#v = [], this.#t && (this.#t.removeEventListener("pointermove", this.#g), this.#t.removeEventListener("click", this.#y)), this.#n) {
+      this.#n.removeEventListener("wheel", this.#b);
+      try {
+        this.#n.hidePopover();
+      } catch {
+      }
+      this.#n.remove();
+    }
+    this.#t = null, this.#n = null, this.#r = 1, this.#a = 0;
+    const s = this.#A ?? this.host;
+    s.style.visibility = "", s.removeAttribute("inspecting"), this.#A = null, document.removeEventListener("click", this.#z, !0), document.removeEventListener("keydown", this.#R), (this.tiltElement ?? document).removeEventListener("pointermove", this.#I), document.removeEventListener("wheel", this.#b), document.removeEventListener("selectstart", this.#D), document.removeEventListener("pointerdown", this.#H), this.host.dispatchEvent(new CustomEvent("aui:inspect", { bubbles: !0, composed: !0, detail: { active: !1, layers: t } }));
+  }
+}
+const Dt = {
+  name: "css-inspect",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    depth: "16",
+    scale: "0.85",
+    "max-tilt": "60",
+    "tilt-radius": "384",
+    perspective: "1200",
+    labels: "true",
+    recursive: "true",
+    pick: "false",
+    "always-ready": "false"
+  },
+  attach(e) {
+    const t = new Rt(e.host, {
+      depth: Number(e.config("depth") ?? "16"),
+      scale: Number(e.config("scale") ?? "0.85"),
+      maxTilt: Number(e.config("max-tilt") ?? "60"),
+      tiltRadius: Number(e.config("tilt-radius") ?? "384"),
+      perspective: Number(e.config("perspective") ?? "1200"),
+      labels: (e.config("labels") ?? "true") === "true",
+      recursive: (e.config("recursive") ?? "true") === "true",
+      pick: (e.config("pick") ?? "false") === "true",
+      alwaysReady: (e.config("always-ready") ?? "false") === "true"
+    });
+    return e.host.addEventListener("aui:inspect", ((s) => {
+      e.expose("active", s.detail.active);
+    })), () => {
+      t.destroy();
+    };
+  }
+}, Ht = {
+  name: "snap-resize",
+  category: "effect",
+  targets: "self",
+  defaults: {
+    grid: "50",
+    modifier: ""
+  },
+  attach(e) {
+    const t = parseInt(e.config("grid") ?? "50", 10), s = e.config("modifier") ?? "";
+    let n = !1;
+    e.expose("grid", t.toString());
+    const r = (f) => Math.round(f / t) * t, o = (f) => {
+      if (s && !n) return;
+      const i = f.detail;
+      if (!i?.sizes) return;
+      const l = i.sizes.map(r), c = [...e.host.children];
+      for (let d = 0; d < c.length && d < l.length; d++)
+        c[d].style.flexBasis = `${l[d]}px`;
+    }, a = (f) => {
+      s && f.key === s && (n = !0);
+    }, h = (f) => {
+      s && f.key === s && (n = !1);
+    };
+    return e.host.addEventListener("aui:panes-resize", o), s && (document.addEventListener("keydown", a), document.addEventListener("keyup", h)), () => {
+      e.host.removeEventListener("aui:panes-resize", o), s && (document.removeEventListener("keydown", a), document.removeEventListener("keyup", h));
+    };
+  }
+};
+function Xt() {
+  T(Te), T(ke), T(Ce), T(Pe), T(Me), T(Ie), T($e), T(ze), T(_e), T(qe), T(Fe), T(We), T(Ue), T(Ze), T(Ge), T(Je), T(Qe), T(xe), T(et), T(tt), T(st), T(nt), T(ot), T(rt), T(it), T(at), T(lt), T(dt), T(ht), T(ut), T(pt), T(mt), T(gt), T(yt), T(bt), T(Et), T(wt), T(Lt), T(Tt), T(kt), T(Ct), T(Pt), T(St), T(Mt), T(It), T($t), T(zt), T(Dt), T(Ht);
+}
+export {
+  qt as attachTrait,
+  Ft as getTrait,
+  Bt as getTraitNames,
+  Kt as getTraitsByCategory,
+  Wt as parseTraitsAttribute,
+  Xt as registerBuiltinTraits,
+  T as registerTrait,
+  Ut as validateComposition
+};
+//# sourceMappingURL=traits.js.map