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

package/dist/traits.js

@@ -1,7 +1,7 @@
-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 = {
+import { l as se, t as T } from "./chunks/agent-BF_R_HJk.js";
+import { o as Zt, w as Gt, x as Jt, y as jt, q as Qt, v as xt } from "./chunks/agent-BF_R_HJk.js";
+import { parseStoreAttr as me, parseOptionsAttr as ve, createListStore as de, isGrouped as Ce } from "./store.js";
+const Pe = {
   name: "drag",
   category: "gesture",
   channel: "pointer",
@@ -14,57 +14,57 @@ const Te = {
     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");
+    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", d = 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;
+      let w = !1, m = 0, y = 0, S = 0, I = 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;
+      const B = (D) => {
+        if (D.button !== 0 || d && D.target.closest(d) || 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 });
+        const q = e.host.style.transform.match(/translate\((-?[\d.]+)px,\s*(-?[\d.]+)px\)/);
+        S = q ? parseFloat(q[1]) : 0, I = q ? parseFloat(q[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 });
+        const J = r === "vertical" ? 0 : D.clientX - m, q = r === "horizontal" ? 0 : D.clientY - y;
+        e.host.style.transform = `translate(${S + J}px, ${I + q}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);
+      return e.host.addEventListener("pointerdown", B), e.host.addEventListener("pointermove", V), e.host.addEventListener("pointerup", G), () => {
+        w && G(), e.host.removeEventListener("pointerdown", B), 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;
+    let i = null, l = null, c = null, h = 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 = $);
+      for (const I of Q()) {
+        const z = I.getBoundingClientRect(), B = z.left + z.width / 2, V = z.top + z.height / 2, G = Math.hypot(w - B, m - V);
+        G < S && (S = G, y = I);
       }
       return y;
     }, A = (w, m, y) => {
       if (w.length === 0) return 0;
-      let S = 0, $ = 1 / 0;
+      let S = 0, I = 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);
+        const J = w[D].getBoundingClientRect(), q = J.left + J.width / 2, te = J.top + J.height / 2, re = Math.hypot(m - q, y - te);
+        re < I && (I = 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 D = w[0].getBoundingClientRect(), J = w[1].getBoundingClientRect(), q = 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 = q > te ? "h" : "v";
       }
-      const K = w[S].getBoundingClientRect(), V = z === "h" ? K.left + K.width / 2 : K.top + K.height / 2;
+      const B = w[S].getBoundingClientRect(), V = z === "h" ? B.left + B.width / 2 : B.top + B.height / 2;
       return (z === "h" ? m : y) > V ? S + 1 : S;
-    }, I = (w) => {
+    }, $ = (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.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, h = 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 = () => {
+    }, X = () => {
       for (const w of U()) w.style.removeProperty("view-transition-name");
     }, Z = () => {
       if (o !== "preview" || !i || !b) return;
@@ -75,19 +75,19 @@ const Te = {
         S(), Y();
       }).finished.catch(() => {
       }) : S();
-    }, q = (w) => {
+    }, F = (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;
+      P = m, F(w);
+      const S = w.filter((B) => B !== i && B !== c), I = 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 && (I < S.length ? S[I].before(c) : S.length > 0 ? S[S.length - 1].after(c) : (y ?? e.host).appendChild(c))), I < S.length && S[I].setAttribute("drag-slot-before", ""), I > 0 && I - 1 < S.length && S[I - 1].setAttribute("drag-slot-after", "");
+      const z = I < S.length ? S[I] : 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) {
+    }, N = (w, m, y, S) => {
+      const I = w.filter((G) => G !== i);
+      if (I.length === 0) {
         if (S && i && E !== 0) {
           E = 0;
           const G = () => S.appendChild(i);
@@ -98,21 +98,21 @@ const Te = {
         }
         return;
       }
-      let z = A($, m, y);
+      let z = A(I, m, y);
       if (z === E) return;
       E = z;
-      const K = z < $.length ? $[z] : null, V = () => {
-        K ? K.before(i) : $[$.length - 1].after(i);
+      const B = z < I.length ? I[z] : null, V = () => {
+        B ? B.before(i) : I[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 });
+      }) : V(), e.emit("drag-over", { item: i, index: z, insertBefore: B });
     }, 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 = () => {
+    }, K = () => {
       if (l) {
         if (l.isConnected) try {
           l.hidePopover();
@@ -120,22 +120,22 @@ const Te = {
         }
         l.remove(), l = null;
       }
-      i && (i.removeAttribute("dragging"), i.style.removeProperty("display")), o === "preview" && a && N();
+      i && (i.removeAttribute("dragging"), i.style.removeProperty("display")), o === "preview" && a && X();
       const w = j();
       if (o === "slot")
-        q(w);
+        F(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);
+        i.removeEventListener("lostpointercapture", ae);
         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);
+      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", le), document.removeEventListener("keydown", ce);
     }, W = (w) => {
       if (l) return;
       const y = w.target.closest?.(t);
@@ -143,77 +143,77 @@ const Te = {
     }, x = (w) => {
       const y = w.target.closest?.(t);
       !y || !e.host.contains(y) || (y.style.removeProperty("outline"), y.style.removeProperty("outline-offset"));
-    }, se = (w) => {
+    }, ne = (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 I = U().indexOf(y);
+      if (I === -1) return;
+      m.preventDefault(), i = y, v = I, h = 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);
+      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", le), document.addEventListener("keydown", ce);
       try {
         y.setPointerCapture(m.pointerId);
       } catch {
       }
-      _ = m.pointerId, y.addEventListener("lostpointercapture", ie);
+      _ = m.pointerId, y.addEventListener("lostpointercapture", ae);
     }, ee = (w) => {
       if (!i) return;
       const m = w;
       if (!l) {
         i.style.removeProperty("outline"), i.style.removeProperty("outline-offset");
         try {
-          I(m);
+          $(m);
         } catch {
-          B();
+          K();
           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;
+      const y = m.clientX - h, 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);
+      const I = j().filter((z) => z !== l);
       if (o === "slot") {
-        const z = m.clientX + p, K = m.clientY + g;
+        const z = m.clientX + p, B = 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;
+          const q = L(z, B);
+          if (!q) return;
+          q !== k && (k && (F(H(k)), k.removeAttribute("drag-zone-active")), q.setAttribute("drag-zone-active", ""), k = q, P = -1), V = H(q).filter((te) => te !== l), G = q;
         } else
-          V = $;
-        const D = V.filter((F) => F !== i && F !== c), J = A(D, z, K);
+          V = I;
+        const D = V.filter((q) => q !== i && q !== c), J = A(D, z, B);
         C(V, J, G);
       } else if (o === "preview") {
-        const z = m.clientX + p, K = m.clientY + g;
+        const z = m.clientX + p, B = m.clientY + g;
         if (n) {
-          const V = L(z, K);
+          const V = L(z, B);
           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);
+          N(G, z, B, V);
         } else
-          X($, z, K);
+          N(I, z, B);
       } else {
-        const z = $.filter((J) => J !== i), K = m.clientX + p, V = m.clientY + g;
+        const z = I.filter((J) => J !== i), B = 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);
+          for (let q = 0; q < z.length; q++) {
+            const te = z[q].getBoundingClientRect(), re = Math.hypot(B - te.left - te.width / 2, V - te.top - te.height / 2);
+            re < J && (J = re, G = z[q], D = q);
           }
         }
-        R($, G, D);
+        R(I, G, D);
       }
     }, oe = (w) => {
       if (i) {
-        if (i.removeEventListener("lostpointercapture", ie), _ >= 0) try {
+        if (i.removeEventListener("lostpointercapture", ae), _ >= 0) try {
           i.releasePointerCapture(_);
         } catch {
         }
-        if (document.removeEventListener("pointermove", ee), document.removeEventListener("pointerup", oe), document.removeEventListener("pointercancel", ae), document.removeEventListener("keydown", le), l)
+        if (document.removeEventListener("pointermove", ee), document.removeEventListener("pointerup", oe), document.removeEventListener("pointercancel", le), document.removeEventListener("keydown", ce), l)
           if (o === "slot") {
             let m;
             n && k ? m = H(k).filter((S) => S !== i) : m = U().filter((S) => S !== i);
@@ -238,7 +238,7 @@ const Te = {
               targetZone: k
             });
           } else {
-            const m = j(), y = m.find(($) => $.hasAttribute("drag-over")) ?? null, S = y ? m.indexOf(y) : -1;
+            const m = j(), y = m.find((I) => I.hasAttribute("drag-over")) ?? null, S = y ? m.indexOf(y) : -1;
             e.emit("drop", {
               item: i,
               target: y,
@@ -248,21 +248,21 @@ const Te = {
               targetZone: k
             });
           }
-        B();
+        K();
       }
-    }, ie = () => {
-      i && oe();
     }, ae = () => {
-      i && (Z(), l && e.emit("drag-cancel", { item: i }), B());
-    }, le = (w) => {
+      i && oe();
+    }, le = () => {
+      i && (Z(), l && e.emit("drag-cancel", { item: i }), K());
+    }, ce = (w) => {
       const m = w;
-      m.key === "Escape" && i && (m.preventDefault(), Z(), l && e.emit("drag-cancel", { item: i }), B());
+      m.key === "Escape" && i && (m.preventDefault(), Z(), l && e.emit("drag-cancel", { item: i }), K());
     };
-    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);
+    return e.host.addEventListener("pointerdown", ne), e.host.addEventListener("pointerenter", W, !0), e.host.addEventListener("pointerleave", x, !0), () => {
+      i && l && (Z(), e.emit("drag-cancel", { item: i })), K(), e.host.removeEventListener("pointerdown", ne), e.host.removeEventListener("pointerenter", W, !0), e.host.removeEventListener("pointerleave", x, !0);
     };
   }
-}, ke = {
+}, Se = {
   name: "press-hold",
   category: "gesture",
   channel: "pointer",
@@ -285,7 +285,7 @@ const Te = {
       n(), e.host.removeEventListener("pointerdown", r), e.host.removeEventListener("pointerup", o), e.host.removeEventListener("pointerleave", o), e.host.removeEventListener("pointercancel", o);
     };
   }
-}, Ce = {
+}, Me = {
   name: "swipe",
   category: "gesture",
   channel: "pointer",
@@ -295,11 +295,11 @@ const Te = {
   },
   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;
+    let n = 0, r = 0, o = 0, a = !1, d = -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;
+        p.preventDefault(), n = p.clientX, r = p.clientY, o = Date.now(), a = !0, d = p.pointerId;
         try {
           e.host.setPointerCapture(p.pointerId);
         } catch {
@@ -314,12 +314,12 @@ const Te = {
       if (!a) return;
       a = !1;
       const p = u;
-      if (h >= 0) {
+      if (d >= 0) {
         try {
-          e.host.releasePointerCapture(h);
+          e.host.releasePointerCapture(d);
         } catch {
         }
-        h = -1;
+        d = -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;
@@ -330,28 +330,28 @@ const Te = {
       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 = () => {
+    }, h = () => {
       if (a) {
-        if (a = !1, h >= 0) {
+        if (a = !1, d >= 0) {
           try {
-            e.host.releasePointerCapture(h);
+            e.host.releasePointerCapture(d);
           } catch {
           }
-          h = -1;
+          d = -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)
+    return e.host.addEventListener("pointerdown", i), e.host.addEventListener("pointermove", l), e.host.addEventListener("pointerup", c), e.host.addEventListener("pointercancel", h), () => {
+      if (f !== null && clearTimeout(f), d >= 0)
         try {
-          e.host.releasePointerCapture(h);
+          e.host.releasePointerCapture(d);
         } 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);
+      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", h);
     };
   }
-}, Pe = {
+}, $e = {
   name: "sort",
   category: "gesture",
   channel: "pointer",
@@ -362,21 +362,21 @@ const Te = {
   },
   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;
+    let o = null, a = null, d = null, f = 0, i = 0, l = 0, c = 0, h = -1, u = -1;
     const p = () => [...e.host.querySelectorAll(r)].filter((L) => !L.hasAttribute("popover")), g = (L) => {
       const A = L[0].getBoundingClientRect();
-      let I = 1;
+      let $ = 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));
+        $ = Z + 1;
+      const Y = $ > 1 ? L[1].getBoundingClientRect().left - A.left : A.width, X = $ < L.length ? L[$].getBoundingClientRect().top - A.top : A.height;
+      return { cols: $, stepX: Y, stepY: X, firstRect: A };
+    }, v = (L, A, $, Y) => {
+      const { cols: X, stepX: Z, stepY: F, firstRect: C } = g($), N = Math.round((L - (C.left + C.width / 2)) / Z), R = Math.round((A - (C.top + C.height / 2)) / F), K = Math.ceil(Y / X) - 1, W = Math.max(0, Math.min(N, X - 1)), x = Math.max(0, Math.min(R, Math.max(0, K)));
+      return Math.max(0, Math.min(x * X + 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;
+      const A = o.getBoundingClientRect(), $ = o.cloneNode(!0);
+      $.setAttribute("popover", "manual"), $.setAttribute("aria-hidden", "true"), e.host.appendChild($), $.showPopover(), $.style.position = "fixed", $.style.inset = "unset", $.style.left = `${A.left}px`, $.style.top = `${A.top}px`, $.style.width = `${A.width}px`, $.style.height = `${A.height}px`, $.style.margin = "0", $.style.pointerEvents = "none", $.style.opacity = "0.8", $.style.transformOrigin = "center center", $.style.border = "none", $.style.outline = "none", a = $, f = L.clientX, i = L.clientY;
     }, M = (L) => {
       for (const A of L)
         A.removeAttribute("drag-slot-before"), A.removeAttribute("drag-slot-after");
@@ -388,37 +388,37 @@ const Te = {
         }
         a.remove(), a = null;
       }
-      if (o && o.removeAttribute("dragging"), M(p()), h && (h.remove(), h = null), o && d >= 0) {
+      if (o && o.removeAttribute("dragging"), M(p()), d && (d.remove(), d = null), o && h >= 0) {
         o.removeEventListener("lostpointercapture", _);
         try {
-          o.releasePointerCapture(d);
+          o.releasePointerCapture(h);
         } catch {
         }
       }
-      o = null, u = -1, d = -1, document.removeEventListener("pointermove", O), document.removeEventListener("pointerup", E), document.removeEventListener("pointercancel", U), document.removeEventListener("keydown", j);
+      o = null, u = -1, h = -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)) {
+      const $ = A.target, Y = p();
+      let X = null;
+      for (const F of Y)
+        if (F.contains($)) {
           if (s) {
-            const C = q.querySelector(s);
-            if (!C || !C.contains(I)) continue;
+            const C = F.querySelector(s);
+            if (!C || !C.contains($)) continue;
           }
-          N = q;
+          X = F;
           break;
         }
-      if (!N) return;
-      A.preventDefault(), o = N, f = A.clientX, i = A.clientY;
-      const Z = N.getBoundingClientRect();
+      if (!X) return;
+      A.preventDefault(), o = X, f = A.clientX, i = A.clientY;
+      const Z = X.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);
+        X.setPointerCapture(A.pointerId);
       } catch {
       }
-      d = A.pointerId, N.addEventListener("lostpointercapture", _);
+      h = A.pointerId, X.addEventListener("lostpointercapture", _);
     }, O = (L) => {
       if (!o) return;
       const A = L;
@@ -432,28 +432,28 @@ const Te = {
         }
         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);
+      const $ = A.clientX - f, Y = A.clientY - i;
+      a.style.transform = `translate(${$}px, ${Y}px) scale(0.9)`;
+      const X = A.clientX + l, Z = A.clientY + c, F = p().filter((W) => W !== a), C = F.filter((W) => W !== o);
+      let N = 0;
+      if (n === "both" && F.length >= 2)
+        N = v(X, Z, F, 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;
+          const x = C[W].getBoundingClientRect(), ne = x.left + x.width / 2, ee = x.top + x.height / 2;
+          if (n === "horizontal" ? X > ne : Z > ee) N = 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", "");
+      if (N === u) return;
+      u = N, M(F);
+      const R = F.filter((W) => W !== o), K = Math.min(N, R.length);
+      n !== "both" && (d || (d = document.createElement("div"), d.setAttribute("data-drag-placeholder", ""), d.setAttribute("aria-hidden", "true")), K < R.length ? R[K].before(d) : R.length > 0 ? R[R.length - 1].after(d) : e.host.appendChild(d)), K < R.length && R[K].setAttribute("drag-slot-before", ""), K > 0 && K - 1 < R.length && R[K - 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;
+          const A = p().filter((F) => F !== a).filter((F) => F !== o), $ = Math.min(Math.max(u, 0), A.length), Y = $ < A.length ? A[$] : 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));
+          const Z = p().filter((F) => !F.hasAttribute("popover")).map((F, C) => F.dataset.sortKey ?? String(C));
           e.emit("sort", { order: Z });
         }
         e.unexpose("dragging"), k();
@@ -467,20 +467,20 @@ const Te = {
       A.key === "Escape" && o && (A.preventDefault(), e.unexpose("dragging"), k());
     }, Q = (L) => {
       if (a) return;
-      const A = L, I = p();
+      const A = L, $ = p();
       let Y = null;
-      for (const N of I)
-        if (N.contains(A.target)) {
-          Y = N;
+      for (const X of $)
+        if (X.contains(A.target)) {
+          Y = X;
           break;
         }
       Y && (Y.style.outline = "2px solid var(--aui-focus, highlight)", Y.style.outlineOffset = "2px");
     }, H = (L) => {
-      const A = L, I = p();
+      const A = L, $ = p();
       let Y = null;
-      for (const N of I)
-        if (N.contains(A.target)) {
-          Y = N;
+      for (const X of $)
+        if (X.contains(A.target)) {
+          Y = X;
           break;
         }
       Y && (Y.style.removeProperty("outline"), Y.style.removeProperty("outline-offset"));
@@ -489,7 +489,7 @@ const Te = {
       k(), e.host.removeEventListener("pointerdown", b), e.host.removeEventListener("pointerenter", Q, !0), e.host.removeEventListener("pointerleave", H, !0);
     };
   }
-}, Se = {
+}, Ie = {
   n: "ns-resize",
   s: "ns-resize",
   e: "ew-resize",
@@ -498,7 +498,7 @@ const Te = {
   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 = {
+}, ge = (e) => e.includes("e") || e.includes("w"), ye = (e) => e.includes("n") || e.includes("s"), ze = {
   name: "resize",
   category: "gesture",
   channel: "pointer",
@@ -510,7 +510,7 @@ const Te = {
   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;
+    let a = !1, d = null, f = 0, i = 0, l = 0, c = 0, h = 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) => {
@@ -520,23 +520,23 @@ const Te = {
     }, 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 (!a || !d) return;
+      const N = C.clientX - f, R = C.clientY - i;
+      let K = l, W = c, x = h, ne = u;
+      if (d.includes("e") && (K = Math.max(s, l + N)), d.includes("w")) {
+        const ee = Math.max(s, l - N);
+        x = h + (l - ee), K = ee;
       }
-      if (h.includes("s") && (W = Math.max(n, c + R)), h.includes("n")) {
+      if (d.includes("s") && (W = Math.max(n, c + R)), d.includes("n")) {
         const ee = Math.max(n, c - R);
-        se = u + (c - ee), W = ee;
+        ne = 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 });
+      ge(d) && p(K), ye(d) && g(W), d.includes("w") && (e.host.style.left = `${x}px`), d.includes("n") && (e.host.style.top = `${ne}px`), E(), e.emit("aui:resize-move", { width: K, 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);
+      a = !1, d = null, O.removeAttribute("data-resize-label-visible"), C.target?.releasePointerCapture(C.pointerId), document.documentElement.style.cursor = "", e.unexpose("resizing");
+      const N = e.host.getBoundingClientRect();
+      e.emit("aui:resize-end", { width: N.width, height: N.height }), document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", k);
     }, b = document.createElement("div");
     b.setAttribute("data-resize-overlay", "");
     const O = document.createElement("div");
@@ -546,50 +546,50 @@ const Te = {
     }, _ = 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) => {
+      const N = document.createElement("div");
+      N.setAttribute("data-resize-handle", C), N.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) {
+        const K = ge(C) && e.host.hasAttribute("data-resize-fixed-w"), W = ye(C) && e.host.hasAttribute("data-resize-fixed-h");
+        if (K && v(), W && P(), K || W) {
           E();
-          const x = B && W ? "both" : B ? "width" : "height";
+          const x = K && W ? "both" : K ? "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);
+      }), N.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, d = C, f = R.clientX, i = R.clientY, l = e.host.offsetWidth, c = e.host.offsetHeight, h = e.host.offsetLeft, u = e.host.offsetTop, N.setPointerCapture(R.pointerId), document.documentElement.style.cursor = Ie[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(N);
     }
     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);
+        const N = `${e.host.offsetLeft},${e.host.offsetTop},${e.host.offsetWidth},${e.host.offsetHeight}`;
+        N !== Q && (Q = N, 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) => {
+    let X = !1;
+    const Z = (C) => r ? r === "alt" ? C.altKey : r === "meta" ? C.metaKey : r === "ctrl" ? C.ctrlKey : r === "shift" ? C.shiftKey : !0 : !0, F = (C) => {
       if (a) return;
       if (!Z(C)) {
-        N && (N = !1, I());
+        X && (X = !1, $());
         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());
+      const N = e.host.getBoundingClientRect(), R = C.clientX >= N.left - Y && C.clientX <= N.right + Y && C.clientY >= N.top - Y && C.clientY <= N.bottom + Y;
+      R && !X ? (X = !0, A()) : !R && X && (X = !1, $());
     };
-    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();
+    return document.addEventListener("pointermove", F, { passive: !0 }), () => {
+      a && (document.documentElement.style.cursor = "", e.unexpose("resizing")), document.removeEventListener("pointermove", F), document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", k), _.disconnect(), L(), b.remove();
     };
   }
-}, Ie = {
+}, Re = {
   name: "pan-zoom",
   category: "gesture",
   channel: "pointer",
@@ -600,15 +600,15 @@ const Te = {
   },
   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;
+    let r = 0, o = 0, a = 1, d = !1, f = !1, i = 0, l = 0, c = 0, h = 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));
+      (E.button === 1 || E.button === 0 && f) && (E.preventDefault(), d = !0, i = E.clientX, l = E.clientY, c = r, h = o, e.host.setPointerCapture(E.pointerId));
     }, v = (E) => {
-      h && (E.preventDefault(), r = c + (E.clientX - i), o = d + (E.clientY - l), u());
+      d && (E.preventDefault(), r = c + (E.clientX - i), o = h + (E.clientY - l), u());
     }, P = (E) => {
-      h && (h = !1, e.host.releasePointerCapture(E.pointerId));
+      d && (d = !1, e.host.releasePointerCapture(E.pointerId));
     }, M = (E) => {
       if (!E.ctrlKey) return;
       E.preventDefault();
@@ -631,7 +631,7 @@ const Te = {
       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 = {
+}, De = {
   name: "hover",
   category: "state",
   targets: "self",
@@ -646,16 +646,16 @@ const Te = {
       e.expose("active", !0), e.emit("hover-enter", {});
     }, a = () => {
       e.expose("active", !1), e.emit("hover-leave", {});
-    }, h = () => {
+    }, d = () => {
       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);
+    return e.host.addEventListener("mouseenter", d), e.host.addEventListener("mouseleave", f), () => {
+      e.host.removeEventListener("mouseenter", d), e.host.removeEventListener("mouseleave", f), clearTimeout(n), clearTimeout(r);
     };
   }
-}, ze = {
+}, He = {
   name: "toggle-state",
   category: "state",
   targets: "self",
@@ -664,7 +664,7 @@ const Te = {
   },
   actions: ["press"],
   attach(e) {
-    const t = ne(e.config("active") === "true"), s = () => {
+    const t = se(e.config("active") === "true"), s = () => {
       t.value = !t.value, e.emit("toggle", { active: t.value });
     };
     return e.host.addEventListener("press", s), e.addEffect(() => {
@@ -673,35 +673,31 @@ const Te = {
       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);
+}, Ae = "aui-color-scheme", fe = () => matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ye = (e, t) => {
+  const n = (e === "system" ? fe() : 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;
+    if ((a === "system" ? fe() : 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(
+}, Xe = (e) => e === "light" || e === "dark" || e === "system" ? e : "system", Ne = (e) => e ? e.split(",").map((t) => t.trim()).filter(
   (t) => t === "system" || t === "light" || t === "dark"
-) : ["system", "light", "dark"], Ne = () => {
+) : ["system", "light", "dark"], Oe = () => {
   try {
-    const e = localStorage.getItem(we);
+    const e = localStorage.getItem(Ae);
     if (e === "light" || e === "dark" || e === "system") return e;
   } catch {
   }
   return null;
-}, Xe = (e) => {
+}, _e = (e) => {
   try {
-    localStorage.setItem(we, e);
+    localStorage.setItem(Ae, e);
   } catch {
   }
-}, Oe = (e, t, s) => {
+}, Fe = (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 = {
+}, qe = {
   name: "toggle-scheme",
   category: "state",
   targets: "external",
@@ -713,22 +709,69 @@ const Te = {
   },
   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 });
+    const t = e.config("persist") === "true", s = Ne(e.config("schemes")), n = e.config("target") ?? "document", r = t ? Oe() : null, o = se(r ?? Xe(e.config("scheme"))), a = () => {
+      const i = Ye(o.value, s);
+      o.value = i, t && _e(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 i = o.value, l = i === "system" ? fe() : i;
+      e.expose("scheme", i), Fe(n, i, l);
     });
-    const h = matchMedia("(prefers-color-scheme: dark)"), f = () => {
+    const d = 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);
+    return d.addEventListener("change", f), () => {
+      e.host.removeEventListener("press", a), d.removeEventListener("change", f);
     };
   }
-}, qe = {
+}, Te = "aui-theme", pe = [
+  { key: "default", name: "Default" },
+  { key: "forest", name: "Forest" },
+  { key: "rose", name: "Rose" },
+  { key: "zinc", name: "Zinc" }
+], ie = (e) => e.charAt(0).toUpperCase() + e.slice(1), Ke = (e) => e ? Array.isArray(e) ? e.map((t) => typeof t == "string" ? { key: t, name: ie(t) } : { key: t.key ?? t.value ?? "", name: t.name ?? t.label ?? ie(t.key ?? "") }) : typeof e == "string" ? e.split(",").map((t) => {
+  const s = t.trim();
+  return { key: s, name: ie(s) };
+}) : pe : pe, Be = () => {
+  try {
+    return localStorage.getItem(Te);
+  } catch {
+    return null;
+  }
+}, We = (e) => {
+  try {
+    localStorage.setItem(Te, e);
+  } catch {
+  }
+}, Ue = (e, t) => {
+  const s = e === "document" ? document.documentElement : document.querySelector(e);
+  s && (t === "default" ? s.removeAttribute("theme") : s.setAttribute("theme", t));
+}, Ve = {
+  name: "toggle-theme",
+  category: "state",
+  targets: "external",
+  defaults: {
+    theme: "default",
+    themes: pe,
+    target: "document",
+    persist: "false"
+  },
+  actions: ["press"],
+  attach(e) {
+    const t = e.config("persist") === "true", s = Ke(e.config("themes")), n = s.map((i) => i.key), r = e.config("target") ?? "document", o = t ? Be() : null, a = o && n.includes(o) ? o : e.config("theme") ?? "default", d = se(a), f = () => {
+      const i = n.indexOf(d.value), l = n[(i + 1) % n.length];
+      d.value = l, t && We(l);
+      const c = s.find((h) => h.key === l);
+      e.emit("theme-change", { theme: l, name: c?.name ?? l });
+    };
+    return e.host.addEventListener("press", f), e.addEffect(() => {
+      const i = d.value, l = s.find((c) => c.key === i);
+      e.expose("theme", i), e.expose("name", l?.name ?? ie(i)), Ue(r, i);
+    }), () => {
+      e.host.removeEventListener("press", f);
+    };
+  }
+}, Ze = {
   name: "copy",
   category: "state",
   targets: "self",
@@ -745,16 +788,16 @@ const Te = {
     }, 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);
+      const d = e.config("text") || e.host.textContent || "";
+      navigator.clipboard.writeText(d).then(() => {
+        o(), n = e.host.getAttribute("label"), e.expose("copied", !0), e.host.setAttribute("label", "Copied!"), e.emit("copy", { text: d }), s = setTimeout(o, t);
       });
     };
     return e.host.addEventListener("press", a), () => {
       o(), e.host.removeEventListener("press", a);
     };
   }
-}, Fe = {
+}, Ge = {
   name: "clipboard",
   category: "state",
   targets: "self",
@@ -764,30 +807,30 @@ const Te = {
   },
   attach(e) {
     const t = (s) => {
-      const n = s, r = e.config("prevent") !== "false", o = (e.config("accept") ?? "").split(",").map((d) => d.trim());
+      const n = s, r = e.config("prevent") !== "false", o = (e.config("accept") ?? "").split(",").map((h) => h.trim());
       r && n.preventDefault();
       const a = n.clipboardData;
       if (!a) return;
-      const h = Array.from(a.types);
+      const d = Array.from(a.types);
       let f, i;
-      const l = [], c = (d) => o.some((u) => u.endsWith("/*") ? d.startsWith(u.slice(0, -1)) : d === u);
+      const l = [], c = (h) => o.some((u) => u.endsWith("/*") ? h.startsWith(u.slice(0, -1)) : h === 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];
+      for (let h = 0; h < a.files.length; h++) {
+        const u = a.files[h];
         c(u.type) && l.push(u);
       }
       e.expose("has-data", !0), e.emit("paste", {
         text: f ?? "",
         html: i ?? "",
         files: l,
-        types: h
+        types: d
       });
     };
     return e.host.addEventListener("paste", t), () => {
       e.host.removeEventListener("paste", t), e.unexpose("has-data");
     };
   }
-}, Be = (e) => {
+}, Je = (e) => {
   const t = e.toLowerCase().split("+").map((s) => s.trim());
   return {
     ctrl: t.includes("ctrl"),
@@ -796,7 +839,7 @@ const Te = {
     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 = {
+}, je = (e, t) => e.ctrlKey === t.ctrl && e.altKey === t.alt && e.shiftKey === t.shift && e.metaKey === t.meta && e.key.toLowerCase() === t.key, Qe = {
   name: "shortcut",
   category: "state",
   defaults: {
@@ -806,15 +849,15 @@ const Te = {
   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", {}));
+    const s = (e.config("global") ?? "false") === "true", n = Je(t), r = s ? document : e.host, o = (a) => {
+      const d = a;
+      je(d, n) && (d.preventDefault(), e.emit("shortcut", { key: t }), e.emit("press", {}));
     };
     return r.addEventListener("keydown", o), () => {
       r.removeEventListener("keydown", o);
     };
   }
-}, Ue = {
+}, xe = {
   name: "search",
   category: "state",
   targets: "self",
@@ -827,9 +870,9 @@ const Te = {
   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) => {
+    const a = t.startsWith("> ") ? `:scope ${t}` : t, d = () => [...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();
+      const p = u.toLowerCase(), g = d();
       let v = 0;
       for (const P of g) {
         const M = f(P).toLowerCase();
@@ -841,16 +884,16 @@ const Te = {
     }, c = (u) => {
       const g = u.detail?.query ?? "";
       l(g);
-    }, d = (u) => {
+    }, h = (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);
+    return e.host.addEventListener("search", c), e.host.addEventListener("input", h), () => {
+      e.host.removeEventListener("search", c), e.host.removeEventListener("input", h), clearTimeout(r);
     };
   }
 };
-function Ve(e, t) {
+function et(e, t) {
   if (t === "*" || t === "*/*") return !0;
   if (t.endsWith("/*")) {
     const s = t.slice(0, t.indexOf("/"));
@@ -858,15 +901,15 @@ function Ve(e, t) {
   }
   return e === t;
 }
-function de(e, t) {
+function he(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;
+    if (t.some((r) => et(n.type, r))) return !0;
   }
   return !1;
 }
-const Ze = {
+const tt = {
   name: "drop-zone",
   category: "state",
   defaults: {
@@ -878,15 +921,15 @@ const Ze = {
     let n = 0;
     const r = (f) => {
       const i = f;
-      i.dataTransfer && de(i.dataTransfer, s) && (i.preventDefault(), i.dataTransfer.dropEffect = "copy");
+      i.dataTransfer && he(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));
+      i.dataTransfer && he(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) => {
+    }, d = (f) => {
       const i = f;
-      if (i.preventDefault(), n = 0, e.expose("over", !1), !i.dataTransfer || !de(i.dataTransfer, s)) return;
+      if (i.preventDefault(), n = 0, e.expose("over", !1), !i.dataTransfer || !he(i.dataTransfer, s)) return;
       const l = i.dataTransfer.getData("text/plain");
       e.emit("drop", {
         files: i.dataTransfer.files,
@@ -894,11 +937,11 @@ const Ze = {
         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);
+    return e.host.addEventListener("dragover", r), e.host.addEventListener("dragenter", o), e.host.addEventListener("dragleave", a), e.host.addEventListener("drop", d), () => {
+      e.host.removeEventListener("dragover", r), e.host.removeEventListener("dragenter", o), e.host.removeEventListener("dragleave", a), e.host.removeEventListener("drop", d);
     };
   }
-}, Ge = {
+}, st = {
   name: "edit",
   category: "state",
   defaults: {
@@ -909,37 +952,37 @@ const Ze = {
     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 h = document.createRange();
+      h.selectNodeContents(e.host);
       const u = window.getSelection();
-      u && (u.removeAllRanges(), u.addRange(d));
+      u && (u.removeAllRanges(), u.addRange(h));
     }, a = () => {
       n || (n = !0, r = e.host.textContent ?? "", e.host.contentEditable = "true", e.host.focus(), o(), e.expose("editing", !0));
-    }, h = () => {
+    }, d = () => {
       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 });
+      const h = e.host.textContent ?? "";
+      e.emit("edit-commit", { value: h, 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) => {
+      s === "blur" && d();
+    }, c = (h) => {
       if (!n) return;
-      const u = d;
+      const u = h;
       if (u.key === "Escape") {
         u.preventDefault(), f();
         return;
       }
-      u.key === "Enter" && s === "enter" && (u.preventDefault(), h());
+      u.key === "Enter" && s === "enter" && (u.preventDefault(), d());
     };
     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 = {
+}, nt = {
   name: "intersect",
   category: "state",
   targets: "self",
@@ -952,11 +995,11 @@ const Ze = {
     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,
+          const d = a.isIntersecting;
+          e.expose("visible", d), e.emit("intersect", {
+            isIntersecting: d,
             ratio: a.intersectionRatio
-          }), n && h && r.disconnect();
+          }), n && d && r.disconnect();
         }
       },
       {
@@ -968,7 +1011,7 @@ const Ze = {
       r.disconnect();
     };
   }
-}, je = /https?:\/\/[^\s<>"{}|\\^`[\]]+/, Qe = {
+}, ot = /https?:\/\/[^\s<>"{}|\\^`[\]]+/, rt = {
   name: "link-paste",
   category: "state",
   targets: "self",
@@ -983,19 +1026,19 @@ const Ze = {
       if (!o) return;
       const a = o.getData("text/plain");
       if (!a) return;
-      const h = je.exec(a.trim());
-      if (!h) {
+      const d = ot.exec(a.trim());
+      if (!d) {
         e.expose("url", "");
         return;
       }
-      const f = h[0];
+      const f = d[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 = {
+}, it = {
   name: "linked-scroll",
   category: "state",
   targets: "external",
@@ -1019,23 +1062,23 @@ const Ze = {
     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;
+          const l = f.scrollWidth - f.clientWidth, c = l > 0 ? f.scrollLeft / l : 0, h = i.scrollWidth - i.clientWidth;
+          i.scrollLeft = c * h;
         }
         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;
+          const l = f.scrollHeight - f.clientHeight, c = l > 0 ? f.scrollTop / l : 0, h = i.scrollHeight - i.clientHeight;
+          i.scrollTop = c * h;
         }
         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);
+    }, a = () => o(e.host, r), d = () => o(r, e.host);
+    return e.host.addEventListener("scroll", a, { passive: !0 }), r.addEventListener("scroll", d, { passive: !0 }), () => {
+      e.host.removeEventListener("scroll", a), r.removeEventListener("scroll", d);
     };
   }
-}, et = {
+}, at = {
   name: "mention",
   category: "state",
   targets: "self",
@@ -1045,7 +1088,7 @@ const Ze = {
   },
   actions: ["mention-select"],
   attach(e) {
-    const t = e.config("trigger") ?? "@", s = parseInt(e.config("min-length") ?? "1", 10), n = ne(!1);
+    const t = e.config("trigger") ?? "@", s = parseInt(e.config("min-length") ?? "1", 10), n = se(!1);
     let r = -1;
     const o = () => {
       const i = e.host;
@@ -1056,41 +1099,41 @@ const Ze = {
         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) {
+    }, d = () => {
+      const i = o(), l = a(), c = i.slice(0, l), h = c.lastIndexOf(t);
+      if (h === -1) {
         n.value && (n.value = !1);
         return;
       }
-      if (d > 0 && !/\s/.test(c[d - 1])) {
+      if (h > 0 && !/\s/.test(c[h - 1])) {
         n.value && (n.value = !1);
         return;
       }
-      const u = c.slice(d + t.length);
+      const u = c.slice(h + 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);
+      u.length >= s ? (r = h, 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 h = e.host, u = o(), p = a(), g = u.slice(0, r), v = u.slice(p), P = `${t}${c} `;
+      if (h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement) {
+        h.value = g + P + v;
         const M = g.length + P.length;
-        d.setSelectionRange(M, M);
+        h.setSelectionRange(M, M);
       } else
-        d.textContent = g + P + v;
+        h.textContent = g + P + v;
       n.value = !1, r = -1;
     };
-    return e.host.addEventListener("input", h), e.host.addEventListener("mention-select", f), e.addEffect(() => {
+    return e.host.addEventListener("input", d), e.host.addEventListener("mention-select", f), e.addEffect(() => {
       e.expose("active", n.value);
     }), () => {
-      e.host.removeEventListener("input", h), e.host.removeEventListener("mention-select", f);
+      e.host.removeEventListener("input", d), e.host.removeEventListener("mention-select", f);
     };
   }
-}, tt = {
+}, lt = {
   name: "persist",
   category: "state",
   targets: "self",
@@ -1129,7 +1172,7 @@ const Ze = {
       e.host.removeEventListener("persist-save", r), n !== null && clearTimeout(n);
     };
   }
-}, st = {
+}, ct = {
   name: "range-select",
   category: "state",
   defaults: {
@@ -1139,17 +1182,17 @@ const Ze = {
   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 r = t.startsWith("> ") ? `:scope ${t}` : t, o = () => Array.from(e.host.querySelectorAll(r)), a = (l) => l.reduce((c, h, u) => (h.hasAttribute(s) && c.push(u), c), []), d = (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();
+      const c = l, h = c.target, u = o();
       let p = -1;
       for (let g = 0; g < u.length; g++)
-        if (u[g].contains(d)) {
+        if (u[g].contains(h)) {
           p = g;
           break;
         }
@@ -1160,14 +1203,14 @@ const Ze = {
           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);
+        d(u);
       }
     };
     return e.host.addEventListener("click", i), e.expose("count", "0"), () => {
       e.host.removeEventListener("click", i);
     };
   }
-}, nt = {
+}, dt = {
   name: "selection",
   category: "state",
   defaults: {
@@ -1176,27 +1219,27 @@ const Ze = {
   },
   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 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 ?? ""), d = (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;
+      let h = null;
       for (const v of c)
         if (v === l || v.contains(l)) {
-          d = v;
+          h = v;
           break;
         }
-      if (!d) return;
-      const u = d.hasAttribute(n), p = d.dataset.value ?? "";
+      if (!h) return;
+      const u = h.hasAttribute(n), p = h.dataset.value ?? "";
       if (t === "single") {
         for (const v of c)
           v.removeAttribute(n);
-        u || d.setAttribute(n, "");
+        u || h.setAttribute(n, "");
       } else
-        u ? d.removeAttribute(n) : d.setAttribute(n, "");
+        u ? h.removeAttribute(n) : h.setAttribute(n, "");
       const g = a(c);
-      h(c), e.emit("select", {
+      d(c), e.emit("select", {
         value: p,
         selected: !u,
         all: g
@@ -1206,7 +1249,7 @@ const Ze = {
       e.host.removeEventListener("press", f);
     };
   }
-}, ot = {
+}, ht = {
   name: "slash-command",
   category: "state",
   targets: "self",
@@ -1215,24 +1258,24 @@ const Ze = {
     commands: ""
   },
   attach(e) {
-    const t = e.config("trigger") ?? "/", s = ne(!1);
+    const t = e.config("trigger") ?? "/", s = se(!1);
     let n = "";
     const r = () => {
-      const h = e.host;
-      return h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement ? h.value : h.textContent ?? "";
+      const d = e.host;
+      return d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement ? d.value : d.textContent ?? "";
     }, o = () => {
-      const h = r();
-      if (h.startsWith(t)) {
-        const f = h.slice(t.length);
+      const d = r();
+      if (d.startsWith(t)) {
+        const f = d.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;
+    }, a = (d) => {
+      const f = d;
       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 = "");
+      const i = n.split(/\s+/), l = i[0] ?? "", c = i.slice(1).join(" "), h = (e.config("commands") ?? "").split(",").map((u) => u.trim()).filter(Boolean);
+      h.length > 0 && !h.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);
@@ -1240,7 +1283,7 @@ const Ze = {
       e.host.removeEventListener("input", o), e.host.removeEventListener("keydown", a);
     };
   }
-}, he = "data-stamped", rt = {
+}, ue = "data-stamped", ut = {
   name: "store",
   category: "state",
   defaults: {
@@ -1250,57 +1293,57 @@ const Ze = {
   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 h = t.getAttribute("store");
+      if (h) {
+        const p = me(h);
+        if (p) return de(p);
       }
       const u = t.getAttribute("options");
       if (u) {
-        const p = pe(u);
-        if (p) return ce(p);
+        const p = ve(u);
+        if (p) return de(p);
       }
-      return ce([]);
-    })(), h = (d) => {
+      return de([]);
+    })(), d = (h) => {
       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) => {
+      return u.setAttribute("value", h.id), u.setAttribute("label", h.label), h.disabled && u.setAttribute("disabled", ""), h.icon && u.setAttribute("icon", h.icon), h.prefix && u.setAttribute("prefix", h.prefix), h.suffix && u.setAttribute("suffix", h.suffix), h.keywords && u.setAttribute("keywords", h.keywords), u.setAttribute(ue, ""), u;
+    }, f = (h) => {
       const u = document.createElement(n);
-      u.setAttribute("heading", d.heading), u.setAttribute(he, "");
-      for (const p of d.items)
-        u.appendChild(h(p));
+      u.setAttribute("heading", h.heading), u.setAttribute(ue, "");
+      for (const p of h.items)
+        u.appendChild(d(p));
       return u;
-    }, i = (d) => {
-      const u = d.querySelectorAll(`[${he}]`);
+    }, i = (h) => {
+      const u = h.querySelectorAll(`[${ue}]`);
       for (const p of u) p.remove();
-    }, l = (d, u) => {
+    }, l = (h, u) => {
       i(u);
       const p = document.createDocumentFragment();
       let g = 0;
-      if (Ae(d))
-        for (const v of d)
+      if (Ce(h))
+        for (const v of h)
           p.appendChild(f(v)), g += v.items.length;
       else
-        for (const v of d)
-          p.appendChild(h(v)), g++;
+        for (const v of h)
+          p.appendChild(d(v)), g++;
       u.appendChild(p), e.expose("count", String(g));
     };
     e.addEffect(() => {
-      const d = a.data.value, u = r();
-      l(d, u);
+      const h = a.data.value, u = r();
+      l(h, u);
     });
-    const c = new MutationObserver((d) => {
-      for (const u of d)
+    const c = new MutationObserver((h) => {
+      for (const u of h)
         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));
+              v && (g = me(v));
             } else {
               const v = t.getAttribute("options");
-              v && (g = pe(v));
+              v && (g = ve(v));
             }
             g && (a.data.value = g);
           }
@@ -1313,7 +1356,7 @@ const Ze = {
       c.disconnect(), i(r());
     };
   }
-}, it = {
+}, ft = {
   name: "text-trigger",
   category: "state",
   targets: "self",
@@ -1324,7 +1367,7 @@ const Ze = {
   attach(e) {
     const t = e.config("pattern") ?? "";
     if (!t) return;
-    const s = e.config("trigger") ?? "", n = ne(!1);
+    const s = e.config("trigger") ?? "", n = se(!1);
     let r;
     try {
       r = new RegExp(t);
@@ -1332,15 +1375,15 @@ const Ze = {
       return;
     }
     const o = () => {
-      const h = e.host;
-      return h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement ? h.value : h.textContent ?? "";
+      const d = e.host;
+      return d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement ? d.value : d.textContent ?? "";
     }, a = () => {
-      const h = o();
-      if (s && !h.includes(s)) {
+      const d = o();
+      if (s && !d.includes(s)) {
         n.value && (n.value = !1);
         return;
       }
-      const f = r.exec(h);
+      const f = r.exec(d);
       f ? (n.value = !0, e.emit("text-trigger", {
         match: f[0],
         groups: f.slice(1)
@@ -1352,7 +1395,7 @@ const Ze = {
       e.host.removeEventListener("input", a);
     };
   }
-}, at = {
+}, pt = {
   name: "backtick-wrap",
   category: "state",
   targets: "self",
@@ -1361,9 +1404,9 @@ const Ze = {
       const n = s;
       if (n.key !== "`") return;
       const r = e.host;
-      let o = "", a = 0, h = 0;
+      let o = "", a = 0, d = 0;
       if (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement)
-        a = r.selectionStart ?? 0, h = r.selectionEnd ?? 0, o = r.value.slice(a, h);
+        a = r.selectionStart ?? 0, d = r.selectionEnd ?? 0, o = r.value.slice(a, d);
       else {
         const l = window.getSelection();
         l && l.rangeCount > 0 && (o = l.toString());
@@ -1375,10 +1418,10 @@ const Ze = {
 ${o}
 \`\`\`` : `\`${o}\``;
       if (r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement) {
-        const l = r.value.slice(0, a), c = r.value.slice(h);
+        const l = r.value.slice(0, a), c = r.value.slice(d);
         r.value = l + i + c;
-        const d = a + i.length;
-        r.setSelectionRange(d, d);
+        const h = a + i.length;
+        r.setSelectionRange(h, h);
       } else {
         const l = window.getSelection();
         if (l && l.rangeCount > 0) {
@@ -1392,7 +1435,7 @@ ${o}
       e.host.removeEventListener("keydown", t);
     };
   }
-}, lt = {
+}, mt = {
   name: "validate",
   category: "state",
   targets: "self",
@@ -1404,11 +1447,11 @@ ${o}
     message: ""
   },
   attach(e) {
-    const t = ne(!0), s = ne(""), n = () => {
+    const t = se(!0), s = se(""), 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") ?? "";
+      const o = n(), a = e.config("required") === "true", d = 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);
@@ -1418,15 +1461,15 @@ ${o}
         const p = parseInt(i, 10);
         !isNaN(p) && o.length > p && (c = l || `Maximum ${p} characters`);
       }
-      if (!c && h)
+      if (!c && d)
         try {
-          new RegExp(h).test(o) || (c = l || "Invalid format");
+          new RegExp(d).test(o) || (c = l || "Invalid format");
         } catch {
         }
-      const d = !c;
-      t.value = d, s.value = c;
+      const h = !c;
+      t.value = h, 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 });
+      u?.setValidity && (h ? u.setValidity({}) : u.setValidity({ customError: !0 }, c)), e.emit("validate", { valid: h, 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);
@@ -1434,18 +1477,18 @@ ${o}
       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 = {
+}, vt = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])', gt = {
   name: "trap-focus",
   category: "focus",
   targets: "self",
   attach(e) {
-    const t = () => [...e.host.querySelectorAll(ct)], s = (n) => {
+    const t = () => [...e.host.querySelectorAll(vt)], 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());
+      const a = o[0], d = o[o.length - 1], f = document.activeElement;
+      r.shiftKey && f === a ? (r.preventDefault(), d.focus()) : !r.shiftKey && f === d && (r.preventDefault(), a.focus());
     };
     return e.host.addEventListener("keydown", s), queueMicrotask(() => {
       const n = t();
@@ -1454,19 +1497,19 @@ ${o}
       e.host.removeEventListener("keydown", s);
     };
   }
-}, ge = "[tabindex], button, a, input, select, textarea, aui-button", ht = {
+}, be = "[tabindex], button, a, input, select, textarea, aui-button", yt = {
   name: "roving-focus",
   category: "focus",
   targets: "self",
   defaults: {
     orientation: "both",
     wrap: "true",
-    selector: ge
+    selector: be
   },
   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");
+    const t = e.config("orientation") ?? "both", s = (e.config("wrap") ?? "true") === "true", n = e.config("selector") ?? be, r = n.startsWith("> ") ? `:scope ${n}` : n, o = () => [...e.host.querySelectorAll(r)], a = (l, c) => {
+      for (let h = 0; h < l.length; h++)
+        l[h].setAttribute("tabindex", h === c ? "0" : "-1");
       l[c].focus(), e.expose("active", String(c));
     };
     queueMicrotask(() => {
@@ -1475,19 +1518,19 @@ ${o}
         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);
+    const d = (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, h = o();
+      if (h.length === 0) return;
+      const u = h.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));
+      d(c.key) ? (p = u + 1, p >= h.length && (p = s ? 0 : u)) : f(c.key) ? (p = u - 1, p < 0 && (p = s ? h.length - 1 : u)) : c.key === "Home" ? p = 0 : c.key === "End" && (p = h.length - 1), p !== void 0 && (c.preventDefault(), a(h, p));
     };
     return e.host.addEventListener("keydown", i), () => {
       e.host.removeEventListener("keydown", i);
     };
   }
-}, ut = {
+}, bt = {
   name: "list-navigate",
   category: "focus",
   targets: "self",
@@ -1499,55 +1542,55 @@ ${o}
   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 d = () => {
       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");
+      for (let h = 0; h < l.length; h++)
+        h === c ? l[h].setAttribute("data-list-navigate-highlighted", "") : l[h].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;
+      const c = l, h = d();
+      if (h.length === 0) return;
       let u;
       switch (c.key) {
         case "ArrowDown":
-          u = r < d.length - 1 ? r + 1 : 0;
+          u = r < h.length - 1 ? r + 1 : 0;
           break;
         case "ArrowUp":
-          u = r > 0 ? r - 1 : d.length - 1;
+          u = r > 0 ? r - 1 : h.length - 1;
           break;
         case "Home":
           u = 0;
           break;
         case "End":
-          u = d.length - 1;
+          u = h.length - 1;
           break;
         case "Enter":
-          r >= 0 && r < d.length && e.emit("activate", { index: r }), c.preventDefault();
+          r >= 0 && r < h.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(
+            const p = h.findIndex(
               (g) => (g.textContent ?? "").trim().toLowerCase().startsWith(o)
             );
             p !== -1 && (u = p);
           }
           break;
       }
-      u !== void 0 && (c.preventDefault(), f(d, u));
+      u !== void 0 && (c.preventDefault(), f(h, u));
     };
     return queueMicrotask(() => {
-      const l = h();
+      const l = d();
       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 = {
+}, Et = CSS.supports?.("position-anchor: --x") ?? !1, wt = {
   name: "tooltip",
   category: "present",
   targets: "self",
@@ -1558,28 +1601,28 @@ ${o}
   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();
+    const a = 6, d = (l) => {
+      const c = e.host.getBoundingClientRect(), h = 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;
+          u = c.top - h.height - a, p = c.left + (c.width - h.width) / 2;
           break;
         case "bottom":
-          u = c.bottom + a, p = c.left + (c.width - d.width) / 2;
+          u = c.bottom + a, p = c.left + (c.width - h.width) / 2;
           break;
         case "left":
-          u = c.top + (c.height - d.height) / 2, p = c.left - d.width - a;
+          u = c.top + (c.height - h.height) / 2, p = c.left - h.width - a;
           break;
         case "right":
-          u = c.top + (c.height - d.height) / 2, p = c.right + a;
+          u = c.top + (c.height - h.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`;
+      u = Math.max(4, Math.min(u, window.innerHeight - h.height - 4)), p = Math.max(4, Math.min(p, window.innerWidth - h.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);
+        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(), !Et)
+          d(o);
         else {
           const l = `--aui-tt-${Date.now()}`;
           e.host.style.setProperty("anchor-name", l), o.style.setProperty("position-anchor", l);
@@ -1600,7 +1643,7 @@ ${o}
       i(), e.host.removeEventListener("mouseenter", f), e.host.removeEventListener("focusin", f), e.host.removeEventListener("mouseleave", i), e.host.removeEventListener("focusout", i);
     };
   }
-}, mt = {
+}, Lt = {
   name: "collapsible",
   category: "present",
   targets: "self",
@@ -1631,8 +1674,8 @@ ${o}
     };
   }
 };
-let vt = 0;
-const Le = (e, t) => ({
+let At = 0;
+const ke = (e, t) => ({
   name: e,
   category: "present",
   targets: "self",
@@ -1646,14 +1689,14 @@ const Le = (e, t) => ({
   },
   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";
+    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"), d = (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));
+    let h = "", u = null;
+    r && (s.host.setAttribute("data-overlay-anchored", ""), h = `--aui-overlay-${++At}`, s.host.style.setProperty("position-anchor", h), s.host.style.setProperty("position-area", o), d && s.host.setAttribute("data-overlay-match-width", ""), u = document.querySelector(r), u && u.style.setProperty("anchor-name", h));
     const p = () => {
       if (!r) return;
       const H = document.querySelector(r);
@@ -1707,7 +1750,7 @@ const Le = (e, t) => ({
       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 = {
+}), Tt = ke("popover", !1), kt = ke("modal", !0), Ct = {
   name: "dismiss",
   category: "present",
   targets: "self",
@@ -1718,17 +1761,17 @@ const Le = (e, t) => ({
   },
   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));
+      const d = a;
+      d.key === "Escape" && (d.preventDefault(), e.emit(n));
     }, o = (a) => {
-      const h = a;
-      e.host.contains(h.target) || e.emit(n);
+      const d = a;
+      e.host.contains(d.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 = {
+}, Pt = {
   name: "auto-dismiss",
   category: "present",
   targets: "self",
@@ -1749,7 +1792,7 @@ const Le = (e, t) => ({
       clearTimeout(r), clearInterval(n), e.host.removeEventListener("pointerenter", o), e.host.removeEventListener("pointerleave", a);
     };
   }
-}, wt = {
+}, St = {
   name: "gateway",
   category: "present",
   targets: "external",
@@ -1773,7 +1816,7 @@ const Le = (e, t) => ({
       r.remove(), n.remove();
     };
   }
-}, Lt = {
+}, Mt = {
   name: "present",
   category: "present",
   targets: "self",
@@ -1797,21 +1840,21 @@ const Le = (e, t) => ({
       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 = () => {
+    }, d = () => {
       s ? a() : o();
-    }, f = () => h(), i = () => o(), l = () => a();
+    }, f = () => d(), 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 = {
+}, Ee = {
   "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) => {
+}, $t = (e, t) => {
   const s = document.querySelectorAll("[data-toast-visible]");
   let n = 0;
   for (const r of s) {
@@ -1820,7 +1863,7 @@ const Le = (e, t) => ({
     n += o.height + 8;
   }
   return n;
-}, Tt = {
+}, It = {
   name: "toast",
   category: "present",
   targets: "self",
@@ -1830,33 +1873,33 @@ const Le = (e, t) => ({
     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);
+    const t = parseInt(e.config("duration") ?? "3000", 10), s = e.config("position") ?? "bottom-right", n = e.config("stack") !== "false", r = Ee[s] ?? Ee["bottom-right"];
+    for (const [d, f] of Object.entries(r))
+      e.host.style.setProperty(d, f);
     if (n) {
-      const h = At(s, e.host);
+      const d = $t(s, e.host);
       if (s.startsWith("top")) {
         const i = parseFloat(r.top ?? "16");
-        e.host.style.top = `calc(${i}rem + ${h}px)`;
+        e.host.style.top = `calc(${i}rem + ${d}px)`;
       } else {
         const i = parseFloat(r.bottom ?? "16");
-        e.host.style.bottom = `calc(${i}rem + ${h}px)`;
+        e.host.style.bottom = `calc(${i}rem + ${d}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");
+      const d = () => {
+        e.host.removeEventListener("transitionend", d), 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);
+      e.host.addEventListener("transitionend", d);
     };
     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 = {
+}, zt = {
   name: "virtual-scroll",
   category: "present",
   targets: "self",
@@ -1871,28 +1914,28 @@ const Le = (e, t) => ({
     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);
+      const a = e.host.scrollTop, d = e.host.clientHeight, f = Math.floor(a / t), i = Math.ceil((a + d) / 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(
+      const h = [...e.host.children].filter(
         (u) => !u.hasAttribute("data-virtual-spacer")
       );
-      for (let u = 0; u < d.length; u++) {
+      for (let u = 0; u < h.length; u++) {
         const p = l + u;
-        p <= c && (d[u].style.height = `${t}px`, d[u].style.transform = `translateY(${p * t}px)`);
+        p <= c && (h[u].style.height = `${t}px`, h[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 = {
+}, Rt = {
   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", "");
+      const r = n, o = e.host, a = o.getBoundingClientRect(), d = 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", `${d}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");
     };
@@ -1900,7 +1943,7 @@ const Le = (e, t) => ({
       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 = {
+}, we = ["#ff577f", "#ff884b", "#ffd384", "#fff9b0", "#3ec1d3", "#7c5cbf", "#ff6b6b", "#48dbfb"], Dt = {
   name: "confetti",
   category: "effect",
   targets: "self",
@@ -1913,15 +1956,15 @@ const Le = (e, t) => ({
   },
   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 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(), d = () => {
       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;
+      const h = [], 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;
+        const k = document.createElement("div"), b = 6 + Math.random() * 5, O = we[M % we.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({
+        h.push({
           el: k,
           x: 0,
           y: 0,
@@ -1939,19 +1982,19 @@ const Le = (e, t) => ({
           c.remove(), a.delete(c), a.size === 0 && e.host.removeAttribute("data-confetti-active");
           return;
         }
-        for (const b of d)
+        for (const b of h)
           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);
+    return e.host.addEventListener("press", d), () => {
+      e.host.removeEventListener("press", d);
       for (const f of a) f.remove();
       a.clear();
     };
   }
-}, St = {
+}, Ht = {
   name: "flip",
   category: "effect",
   targets: "self",
@@ -1971,7 +2014,7 @@ const Le = (e, t) => ({
       e.host.removeEventListener("press", r), e.host.removeAttribute("data-flip-direction"), e.host.style.removeProperty("--aui-flip-duration"), e.unexpose("flipped");
     };
   }
-}, Mt = {
+}, Yt = {
   name: "parallax",
   category: "effect",
   targets: "self",
@@ -1983,17 +2026,17 @@ const Le = (e, t) => ({
     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;
+    const d = () => {
+      const i = e.host.getBoundingClientRect(), l = n ? window.innerHeight : window.innerWidth, h = ((n ? i.top + i.height / 2 : i.left + i.width / 2) - l / 2) * t;
+      e.host.style.setProperty(r, `${h}px`), a = !1;
     }, f = () => {
-      a || (o = requestAnimationFrame(h), a = !0);
+      a || (o = requestAnimationFrame(d), a = !0);
     };
-    return h(), window.addEventListener("scroll", f, { passive: !0 }), window.addEventListener("resize", f, { passive: !0 }), () => {
+    return d(), 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 = {
+}, Xt = {
   name: "toss",
   category: "effect",
   targets: "self",
@@ -2009,25 +2052,25 @@ const Le = (e, t) => ({
     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 = () => {
+    }, d = () => {
       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;
+      let c = (i.x - f.x) / l * 16, h = (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;
+        u += c, p += h;
         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;
+          u *= k, p *= k, c *= 0.5, h *= 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);
+        c *= t, h *= 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(h), 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;
@@ -2036,11 +2079,11 @@ const Le = (e, t) => ({
       };
       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");
+    return e.host.addEventListener("pointermove", a), e.host.addEventListener("pointerup", d), () => {
+      e.host.removeEventListener("pointermove", a), e.host.removeEventListener("pointerup", d), o !== null && (cancelAnimationFrame(o), o = null), e.host.style.removeProperty("--_toss-x"), e.host.style.removeProperty("--_toss-y");
     };
   }
-}, $t = {
+}, Nt = {
   name: "magnet",
   category: "effect",
   targets: "self",
@@ -2052,8 +2095,8 @@ const Le = (e, t) => ({
     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`);
+      const d = a, f = e.host.getBoundingClientRect(), i = f.left + f.width / 2, l = f.top + f.height / 2, c = (d.clientX - i) / (f.width / 2), h = (d.clientY - l) / (f.height / 2);
+      e.host.style.setProperty("--_magnet-x", `${c * t}px`), e.host.style.setProperty("--_magnet-y", `${h * t}px`), e.host.style.setProperty("--_magnet-rx", `${-h * s}deg`), e.host.style.setProperty("--_magnet-ry", `${c * s}deg`);
     }, r = () => {
       e.host.style.transition = "none";
     }, o = () => {
@@ -2063,7 +2106,7 @@ const Le = (e, t) => ({
       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 = {
+}, Le = "http://www.w3.org/2000/svg", Ot = {
   name: "noodle",
   category: "effect",
   targets: "external",
@@ -2076,11 +2119,11 @@ const Le = (e, t) => ({
   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");
+    const o = document.createElementNS(Le, "svg");
     o.setAttribute("data-noodle-svg", ""), o.setAttribute("aria-hidden", "true");
-    const a = document.createElementNS(Ee, "path");
+    const a = document.createElementNS(Le, "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;
+    let d = 0, f = !1;
     const i = () => {
       const u = document.querySelector(t);
       if (!u) {
@@ -2091,18 +2134,18 @@ const Le = (e, t) => ({
       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);
+      f || (d = 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");
+    const h = document.querySelector(t);
+    return h && c.observe(h), window.addEventListener("scroll", l, { passive: !0, capture: !0 }), window.addEventListener("resize", l, { passive: !0 }), () => {
+      cancelAnimationFrame(d), c.disconnect(), window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l), o.remove(), e.unexpose("connected");
     };
   }
 };
-class Rt {
+class _t {
   host;
   depth;
   scale;
@@ -2143,10 +2186,10 @@ class Rt {
     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));
+    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.#I), 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());
+    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.#I), 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();
@@ -2172,13 +2215,13 @@ class Rt {
   #M = (t) => {
     t.key === "Alt" && (this.#i = !1, !(this.#e || this.alwaysReady) && (this.#u(!1), this.#o(), this.#T()));
   };
-  #I = (t) => {
+  #$ = (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) => {
+  #I = (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;
@@ -2192,7 +2235,7 @@ class Rt {
     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);
+        this.#Y(), this.#N(this.#h, r, this.labels ? this.#k(r) : void 0);
       else {
         r.toggleAttribute("inspect-hover", !0);
         let o = r.parentElement;
@@ -2221,7 +2264,7 @@ class Rt {
     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());
+    this.#e && (t.preventDefault(), this.#r = Math.max(0.1, this.#r + (t.deltaY > 0 ? -0.5 : 0.5)), this.#B());
   };
   #z = (t) => {
     if (this.#e) {
@@ -2243,20 +2286,20 @@ class Rt {
   };
   // ── 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));
+    t ? (this.host.toggleAttribute("inspect-ready", !0), this.#Y(), this.#N(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;
+    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.#X("oklch(0.6 0.2 250 / 0.5)"), this.#h = this.#X("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) {
+  #X(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) {
+  #N(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;
@@ -2274,10 +2317,10 @@ class Rt {
       this.#l.remove(), this.#l = null, this.#d = null, this.#h = null;
     }
   }
-  #K() {
+  #B() {
     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;
+      const r = this.recursive ? this.#K(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;
@@ -2302,13 +2345,13 @@ class Rt {
     this.#O(this.#h), this.#s = null;
   }
   #W(t) {
-    this.#q(), this.#m = t;
+    this.#F(), 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() {
+  #F() {
     if (!this.#m) return;
     const t = this.#t ?? this.host;
     let s = this.#m;
@@ -2320,10 +2363,10 @@ class Rt {
     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) {
+  #q(t) {
     t.setAttribute("data-inspect-label", this.#k(t));
   }
-  #B(t, s) {
+  #K(t, s) {
     let n = 0, r = t;
     for (; r && r !== s; )
       n++, r = r.parentElement;
@@ -2347,20 +2390,20 @@ class Rt {
     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 d = document.createElement("div");
+    d.setAttribute("popover", "manual"), d.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;`, d.appendChild(a), document.body.appendChild(d), typeof d.showPopover == "function" && d.showPopover(), this.#t = a, this.#n = d, 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", d.style.transformStyle = "preserve-3d", d.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)), h = 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(${h}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(() => {
+      const M = this.recursive ? this.#K(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.#q(v);
+    }), this.labels && this.#q(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 } }));
+    }, 520), a.addEventListener("pointermove", this.#g), a.addEventListener("click", this.#y), d.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.#$), 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();
+    this.#e = !1, ++this.#L, this.#F(), 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);
@@ -2372,10 +2415,10 @@ class Rt {
     }
     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 } }));
+    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.#$), 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 = {
+const Ft = {
   name: "css-inspect",
   category: "effect",
   targets: "self",
@@ -2391,7 +2434,7 @@ const Dt = {
     "always-ready": "false"
   },
   attach(e) {
-    const t = new Rt(e.host, {
+    const t = new _t(e.host, {
       depth: Number(e.config("depth") ?? "16"),
       scale: Number(e.config("scale") ?? "0.85"),
       maxTilt: Number(e.config("max-tilt") ?? "60"),
@@ -2408,7 +2451,7 @@ const Dt = {
       t.destroy();
     };
   }
-}, Ht = {
+}, qt = {
   name: "snap-resize",
   category: "effect",
   targets: "self",
@@ -2425,29 +2468,29 @@ const Dt = {
       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`;
+      for (let h = 0; h < c.length && h < l.length; h++)
+        c[h].style.flexBasis = `${l[h]}px`;
     }, a = (f) => {
       s && f.key === s && (n = !0);
-    }, h = (f) => {
+    }, d = (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));
+    return e.host.addEventListener("aui:panes-resize", o), s && (document.addEventListener("keydown", a), document.addEventListener("keyup", d)), () => {
+      e.host.removeEventListener("aui:panes-resize", o), s && (document.removeEventListener("keydown", a), document.removeEventListener("keyup", d));
     };
   }
 };
-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);
+function Wt() {
+  T(Pe), T(Se), T(Me), T($e), T(ze), T(Re), T(De), T(He), T(qe), T(Ve), T(Ze), T(Ge), T(Qe), T(xe), T(tt), T(st), T(nt), T(rt), T(it), T(at), T(lt), T(ct), T(dt), T(ht), T(ut), T(ft), T(pt), T(mt), T(gt), T(yt), T(bt), T(wt), T(Lt), T(Tt), T(kt), T(Ct), T(Pt), T(St), T(Mt), T(It), T(zt), T(Rt), T(Dt), T(Ht), T(Yt), T(Xt), T(Nt), T(Ot), T(Ft), T(qt);
 }
 export {
-  qt as attachTrait,
-  Ft as getTrait,
-  Bt as getTraitNames,
-  Kt as getTraitsByCategory,
-  Wt as parseTraitsAttribute,
-  Xt as registerBuiltinTraits,
+  Zt as attachTrait,
+  Gt as getTrait,
+  Jt as getTraitNames,
+  jt as getTraitsByCategory,
+  Qt as parseTraitsAttribute,
+  Wt as registerBuiltinTraits,
   T as registerTrait,
-  Ut as validateComposition
+  xt as validateComposition
 };
 //# sourceMappingURL=traits.js.map