@stachelock/ui 0.2.14 → 0.3.0

package/dist/{dialog-U1KNiPzc.js → dialog-B2WA4G25.js}

@@ -1,11 +1,17 @@
 import { watchEffect as j, ref as m, defineComponent as P, computed as f, onMounted as D, onUnmounted as L, h as E, Fragment as Ne, watch as W, shallowRef as He, provide as I, inject as k, getCurrentInstance as xe, Teleport as je, reactive as We, nextTick as Ie } from "vue";
-import { c as Ue, w as Ve, i as U, S as A, P as K, N as O, T as Ye, t as qe, l as Ge, a as _, b as _e } from "./open-closed-DgcU-HDT.js";
-import { A as F, f as ee, u as te, o as w, a as Q, i as V, b as ze, N as de } from "./keyboard-DJD8TwH4.js";
-import { t as ve, a as ce, o as me } from "./transition-CuxxW9dY.js";
-import { k as Ke } from "./description-CBd3BJ9O.js";
+import { c as Ue } from "./env-BZfPsfnF.js";
+import { b as Ve, i as U, S as A, P as K, N as O, T as Ye, t as qe, w as Ge } from "./use-outside-click-DNDV36Sc.js";
+import { f as ee, u as te } from "./hidden-BSRluD1y.js";
+import { t as de } from "./active-element-history-BTBNVIJN.js";
+import { A as F, o as w, u as Q, i as V, N as ce } from "./render-QUUPyNjX.js";
+import { t as ve } from "./micro-task-D-oTY33s.js";
+import { o as me } from "./transition-_rPfnoET.js";
+import { l as _e, i as _ } from "./open-closed-JTEvYTg2.js";
+import { o as ze } from "./keyboard-Dd_2-cFu.js";
+import { k as Ke } from "./description-C7cRw0tq.js";
 function ge(e, t, l, a) {
-  Ue.isServer || j((n) => {
-    e = e ?? window, e.addEventListener(t, l, a), n(() => e.removeEventListener(t, l, a));
+  Ue.isServer || j((r) => {
+    e = e ?? window, e.addEventListener(t, l, a), r(() => e.removeEventListener(t, l, a));
   });
 }
 var x = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(x || {});
@@ -27,15 +33,15 @@ function he(e) {
 }
 var we = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(we || {});
 let N = Object.assign(P({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: m(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: l, expose: a }) {
-  let n = m(null);
-  a({ el: n, $el: n });
-  let o = f(() => U(n)), u = m(!1);
+  let r = m(null);
+  a({ el: r, $el: r });
+  let o = f(() => U(r)), u = m(!1);
   D(() => u.value = !0), L(() => u.value = !1), Xe({ ownerDocument: o }, f(() => u.value && !!(e.features & 16)));
-  let r = Ze({ ownerDocument: o, container: n, initialFocus: f(() => e.initialFocus) }, f(() => u.value && !!(e.features & 2)));
-  et({ ownerDocument: o, container: n, containers: e.containers, previousActiveElement: r }, f(() => u.value && !!(e.features & 8)));
+  let n = Ze({ ownerDocument: o, container: r, initialFocus: f(() => e.initialFocus) }, f(() => u.value && !!(e.features & 2)));
+  et({ ownerDocument: o, container: r, containers: e.containers, previousActiveElement: n }, f(() => u.value && !!(e.features & 8)));
   let i = Qe();
   function d(g) {
-    let v = w(n);
+    let v = w(r);
     v && ((y) => y())(() => {
       Q(i.value, { [x.Forwards]: () => {
         K(v, O.First, { skipElements: [g.relatedTarget] });
@@ -53,21 +59,21 @@ let N = Object.assign(P({ name: "FocusTrap", props: { as: { type: [Object, Strin
   function p(g) {
     if (!u.value) return;
     let v = he(e.containers);
-    w(n) instanceof HTMLElement && v.add(w(n));
+    w(r) instanceof HTMLElement && v.add(w(r));
     let y = g.relatedTarget;
-    y instanceof HTMLElement && y.dataset.headlessuiFocusGuard !== "true" && (ye(v, y) || (s.value ? K(w(n), Q(i.value, { [x.Forwards]: () => O.Next, [x.Backwards]: () => O.Previous }) | O.WrapAround, { relativeTo: g.target }) : g.target instanceof HTMLElement && A(g.target)));
+    y instanceof HTMLElement && y.dataset.headlessuiFocusGuard !== "true" && (ye(v, y) || (s.value ? K(w(r), Q(i.value, { [x.Forwards]: () => O.Next, [x.Backwards]: () => O.Previous }) | O.WrapAround, { relativeTo: g.target }) : g.target instanceof HTMLElement && A(g.target)));
   }
   return () => {
-    let g = {}, v = { ref: n, onKeydown: b, onFocusout: p }, { features: y, initialFocus: T, containers: B, ...C } = e;
+    let g = {}, v = { ref: r, onKeydown: b, onFocusout: p }, { features: y, initialFocus: T, containers: B, ...C } = e;
     return E(Ne, [!!(y & 4) && E(ee, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: te.Focusable }), F({ ourProps: v, theirProps: { ...t, ...C }, slot: g, attrs: t, slots: l, name: "FocusTrap" }), !!(y & 4) && E(ee, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: te.Focusable })]);
   };
 } }), { features: we });
 function Je(e) {
-  let t = m(ce.slice());
+  let t = m(de.slice());
   return W([e], ([l], [a]) => {
     a === !0 && l === !1 ? ve(() => {
       t.value.splice(0);
-    }) : a === !1 && l === !0 && (t.value = ce.slice());
+    }) : a === !1 && l === !0 && (t.value = de.slice());
   }, { flush: "post" }), () => {
     var l;
     return (l = t.value.find((a) => a != null && a.isConnected)) != null ? l : null;
@@ -77,18 +83,18 @@ function Xe({ ownerDocument: e }, t) {
   let l = Je(t);
   D(() => {
     j(() => {
-      var a, n;
-      t.value || ((a = e.value) == null ? void 0 : a.activeElement) === ((n = e.value) == null ? void 0 : n.body) && A(l());
+      var a, r;
+      t.value || ((a = e.value) == null ? void 0 : a.activeElement) === ((r = e.value) == null ? void 0 : r.body) && A(l());
     }, { flush: "post" });
   }), L(() => {
     t.value && A(l());
   });
 }
 function Ze({ ownerDocument: e, container: t, initialFocus: l }, a) {
-  let n = m(null), o = m(!1);
+  let r = m(null), o = m(!1);
   return D(() => o.value = !0), L(() => o.value = !1), D(() => {
-    W([t, l, a], (u, r) => {
-      if (u.every((d, s) => r?.[s] === d) || !a.value) return;
+    W([t, l, a], (u, n) => {
+      if (u.every((d, s) => n?.[s] === d) || !a.value) return;
       let i = w(t);
       i && ve(() => {
         var d, s;
@@ -96,28 +102,28 @@ function Ze({ ownerDocument: e, container: t, initialFocus: l }, a) {
         let b = w(l), p = (d = e.value) == null ? void 0 : d.activeElement;
         if (b) {
           if (b === p) {
-            n.value = p;
+            r.value = p;
             return;
           }
         } else if (i.contains(p)) {
-          n.value = p;
+          r.value = p;
           return;
         }
-        b ? A(b) : K(i, O.First | O.NoScroll) === Ye.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n.value = (s = e.value) == null ? void 0 : s.activeElement;
+        b ? A(b) : K(i, O.First | O.NoScroll) === Ye.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (s = e.value) == null ? void 0 : s.activeElement;
       });
     }, { immediate: !0, flush: "post" });
-  }), n;
+  }), r;
 }
-function et({ ownerDocument: e, container: t, containers: l, previousActiveElement: a }, n) {
+function et({ ownerDocument: e, container: t, containers: l, previousActiveElement: a }, r) {
   var o;
   ge((o = e.value) == null ? void 0 : o.defaultView, "focus", (u) => {
-    if (!n.value) return;
-    let r = he(l);
-    w(t) instanceof HTMLElement && r.add(w(t));
+    if (!r.value) return;
+    let n = he(l);
+    w(t) instanceof HTMLElement && n.add(w(t));
     let i = a.value;
     if (!i) return;
     let d = u.target;
-    d && d instanceof HTMLElement ? ye(r, d) ? (a.value = d, A(d)) : (u.preventDefault(), u.stopPropagation(), A(i)) : A(a.value);
+    d && d instanceof HTMLElement ? ye(n, d) ? (a.value = d, A(d)) : (u.preventDefault(), u.stopPropagation(), A(i)) : A(a.value);
   }, !0);
 }
 function ye(e, t) {
@@ -134,11 +140,11 @@ function lt(e, t) {
   let l = e(), a = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return l;
-  }, subscribe(n) {
-    return a.add(n), () => a.delete(n);
-  }, dispatch(n, ...o) {
-    let u = t[n].call(l, ...o);
-    u && (l = u, a.forEach((r) => r()));
+  }, subscribe(r) {
+    return a.add(r), () => a.delete(r);
+  }, dispatch(r, ...o) {
+    let u = t[r].call(l, ...o);
+    u && (l = u, a.forEach((n) => n()));
   } };
 }
 function at() {
@@ -148,54 +154,54 @@ function at() {
     let a = t.documentElement;
     e = ((l = t.defaultView) != null ? l : window).innerWidth - a.clientWidth;
   }, after({ doc: t, d: l }) {
-    let a = t.documentElement, n = a.clientWidth - a.offsetWidth, o = e - n;
+    let a = t.documentElement, r = a.clientWidth - a.offsetWidth, o = e - r;
     l.style(a, "paddingRight", `${o}px`);
   } };
 }
-function nt() {
+function rt() {
   return qe() ? { before({ doc: e, d: t, meta: l }) {
-    function a(n) {
-      return l.containers.flatMap((o) => o()).some((o) => o.contains(n));
+    function a(r) {
+      return l.containers.flatMap((o) => o()).some((o) => o.contains(r));
     }
     t.microTask(() => {
-      var n;
+      var r;
       if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let r = me();
-        r.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => r.dispose()));
+        let n = me();
+        n.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => n.dispose()));
       }
-      let o = (n = window.scrollY) != null ? n : window.pageYOffset, u = null;
-      t.addEventListener(e, "click", (r) => {
-        if (r.target instanceof HTMLElement) try {
-          let i = r.target.closest("a");
+      let o = (r = window.scrollY) != null ? r : window.pageYOffset, u = null;
+      t.addEventListener(e, "click", (n) => {
+        if (n.target instanceof HTMLElement) try {
+          let i = n.target.closest("a");
           if (!i) return;
           let { hash: d } = new URL(i.href), s = e.querySelector(d);
           s && !a(s) && (u = s);
         } catch {
         }
-      }, !0), t.addEventListener(e, "touchstart", (r) => {
-        if (r.target instanceof HTMLElement) if (a(r.target)) {
-          let i = r.target;
+      }, !0), t.addEventListener(e, "touchstart", (n) => {
+        if (n.target instanceof HTMLElement) if (a(n.target)) {
+          let i = n.target;
           for (; i.parentElement && a(i.parentElement); ) i = i.parentElement;
           t.style(i, "overscrollBehavior", "contain");
-        } else t.style(r.target, "touchAction", "none");
-      }), t.addEventListener(e, "touchmove", (r) => {
-        if (r.target instanceof HTMLElement) {
-          if (r.target.tagName === "INPUT") return;
-          if (a(r.target)) {
-            let i = r.target;
+        } else t.style(n.target, "touchAction", "none");
+      }), t.addEventListener(e, "touchmove", (n) => {
+        if (n.target instanceof HTMLElement) {
+          if (n.target.tagName === "INPUT") return;
+          if (a(n.target)) {
+            let i = n.target;
             for (; i.parentElement && i.dataset.headlessuiPortal !== "" && !(i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth); ) i = i.parentElement;
-            i.dataset.headlessuiPortal === "" && r.preventDefault();
-          } else r.preventDefault();
+            i.dataset.headlessuiPortal === "" && n.preventDefault();
+          } else n.preventDefault();
         }
       }, { passive: !1 }), t.add(() => {
-        var r;
-        let i = (r = window.scrollY) != null ? r : window.pageYOffset;
+        var n;
+        let i = (n = window.scrollY) != null ? n : window.pageYOffset;
         o !== i && window.scrollTo(0, o), u && u.isConnected && (u.scrollIntoView({ block: "nearest" }), u = null);
       });
     });
   } } : {};
 }
-function rt() {
+function nt() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
@@ -213,8 +219,8 @@ let R = lt(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   let l = this.get(e);
   return l && (l.count--, l.meta.delete(t)), this;
 }, SCROLL_PREVENT({ doc: e, d: t, meta: l }) {
-  let a = { doc: e, d: t, meta: ot(l) }, n = [nt(), at(), rt()];
-  n.forEach(({ before: o }) => o?.(a)), n.forEach(({ after: o }) => o?.(a));
+  let a = { doc: e, d: t, meta: ot(l) }, r = [rt(), at(), nt()];
+  r.forEach(({ before: o }) => o?.(a)), r.forEach(({ after: o }) => o?.(a));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
 }, TEARDOWN({ doc: e }) {
@@ -224,55 +230,55 @@ R.subscribe(() => {
   let e = R.getSnapshot(), t = /* @__PURE__ */ new Map();
   for (let [l] of e) t.set(l, l.documentElement.style.overflow);
   for (let l of e.values()) {
-    let a = t.get(l.doc) === "hidden", n = l.count !== 0;
-    (n && !a || !n && a) && R.dispatch(l.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l), l.count === 0 && R.dispatch("TEARDOWN", l);
+    let a = t.get(l.doc) === "hidden", r = l.count !== 0;
+    (r && !a || !r && a) && R.dispatch(l.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l), l.count === 0 && R.dispatch("TEARDOWN", l);
   }
 });
 function ut(e, t, l) {
-  let a = tt(R), n = f(() => {
+  let a = tt(R), r = f(() => {
     let o = e.value ? a.value.get(e.value) : void 0;
     return o ? o.count > 0 : !1;
   });
-  return W([e, t], ([o, u], [r], i) => {
+  return W([e, t], ([o, u], [n], i) => {
     if (!o || !u) return;
     R.dispatch("PUSH", o, l);
     let d = !1;
     i(() => {
-      d || (R.dispatch("POP", r ?? o, l), d = !0);
+      d || (R.dispatch("POP", n ?? o, l), d = !0);
     });
-  }, { immediate: !0 }), n;
+  }, { immediate: !0 }), r;
 }
 let Z = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map();
 function fe(e, t = m(!0)) {
   j((l) => {
     var a;
     if (!t.value) return;
-    let n = w(e);
-    if (!n) return;
+    let r = w(e);
+    if (!r) return;
     l(function() {
       var u;
-      if (!n) return;
-      let r = (u = H.get(n)) != null ? u : 1;
-      if (r === 1 ? H.delete(n) : H.set(n, r - 1), r !== 1) return;
-      let i = Z.get(n);
-      i && (i["aria-hidden"] === null ? n.removeAttribute("aria-hidden") : n.setAttribute("aria-hidden", i["aria-hidden"]), n.inert = i.inert, Z.delete(n));
+      if (!r) return;
+      let n = (u = H.get(r)) != null ? u : 1;
+      if (n === 1 ? H.delete(r) : H.set(r, n - 1), n !== 1) return;
+      let i = Z.get(r);
+      i && (i["aria-hidden"] === null ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", i["aria-hidden"]), r.inert = i.inert, Z.delete(r));
     });
-    let o = (a = H.get(n)) != null ? a : 0;
-    H.set(n, o + 1), o === 0 && (Z.set(n, { "aria-hidden": n.getAttribute("aria-hidden"), inert: n.inert }), n.setAttribute("aria-hidden", "true"), n.inert = !0);
+    let o = (a = H.get(r)) != null ? a : 0;
+    H.set(r, o + 1), o === 0 && (Z.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), r.setAttribute("aria-hidden", "true"), r.inert = !0);
   });
 }
 function it({ defaultContainers: e = [], portals: t, mainTreeNodeRef: l } = {}) {
-  let a = m(null), n = U(a);
+  let a = m(null), r = U(a);
   function o() {
-    var u, r, i;
+    var u, n, i;
     let d = [];
     for (let s of e) s !== null && (s instanceof HTMLElement ? d.push(s) : "value" in s && s.value instanceof HTMLElement && d.push(s.value));
     if (t != null && t.value) for (let s of t.value) d.push(s);
-    for (let s of (u = n?.querySelectorAll("html > *, body > *")) != null ? u : []) s !== document.body && s !== document.head && s instanceof HTMLElement && s.id !== "headlessui-portal-root" && (s.contains(w(a)) || s.contains((i = (r = w(a)) == null ? void 0 : r.getRootNode()) == null ? void 0 : i.host) || d.some((b) => s.contains(b)) || d.push(s));
+    for (let s of (u = r?.querySelectorAll("html > *, body > *")) != null ? u : []) s !== document.body && s !== document.head && s instanceof HTMLElement && s.id !== "headlessui-portal-root" && (s.contains(w(a)) || s.contains((i = (n = w(a)) == null ? void 0 : n.getRootNode()) == null ? void 0 : i.host) || d.some((b) => s.contains(b)) || d.push(s));
     return d;
   }
   return { resolveContainers: o, contains(u) {
-    return o().some((r) => r.contains(u));
+    return o().some((n) => n.contains(u));
   }, mainTreeNodeRef: a, MainTreeNode() {
     return l != null ? null : E(ee, { features: te.Hidden, ref: a });
   } };
@@ -283,8 +289,8 @@ function st() {
 }
 let le = P({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: l }) {
   return I(be, e.force), () => {
-    let { force: a, ...n } = e;
-    return F({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: l, name: "ForcePortalRoot" });
+    let { force: a, ...r } = e;
+    return F({ theirProps: r, ourProps: {}, slot: {}, slots: t, attrs: l, name: "ForcePortalRoot" });
   };
 } }), Ee = Symbol("StackContext");
 var ae = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(ae || {});
@@ -293,13 +299,13 @@ function dt() {
   });
 }
 function ct({ type: e, enabled: t, element: l, onUpdate: a }) {
-  let n = dt();
+  let r = dt();
   function o(...u) {
-    a?.(...u), n(...u);
+    a?.(...u), r(...u);
   }
   D(() => {
-    W(t, (u, r) => {
-      u ? o(0, e, l) : r === !0 && o(1, e, l);
+    W(t, (u, n) => {
+      u ? o(0, e, l) : n === !0 && o(1, e, l);
     }, { immediate: !0, flush: "sync" });
   }), L(() => {
     t.value && o(1, e, l);
@@ -316,41 +322,41 @@ function ft(e) {
   let a = t.createElement("div");
   return a.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(a);
 }
-const ne = /* @__PURE__ */ new WeakMap();
+const re = /* @__PURE__ */ new WeakMap();
 function pt(e) {
   var t;
-  return (t = ne.get(e)) != null ? t : 0;
+  return (t = re.get(e)) != null ? t : 0;
 }
 function pe(e, t) {
   let l = t(pt(e));
-  return l <= 0 ? ne.delete(e) : ne.set(e, l), l;
+  return l <= 0 ? re.delete(e) : re.set(e, l), l;
 }
 let Te = P({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: l }) {
-  let a = m(null), n = f(() => U(a)), o = st(), u = k($e, null), r = m(o === !0 || u == null ? ft(a.value) : u.resolveTarget());
-  r.value && pe(r.value, (p) => p + 1);
+  let a = m(null), r = f(() => U(a)), o = st(), u = k($e, null), n = m(o === !0 || u == null ? ft(a.value) : u.resolveTarget());
+  n.value && pe(n.value, (p) => p + 1);
   let i = m(!1);
   D(() => {
     i.value = !0;
   }), j(() => {
-    o || u != null && (r.value = u.resolveTarget());
+    o || u != null && (n.value = u.resolveTarget());
   });
-  let d = k(re, null), s = !1, b = xe();
+  let d = k(ne, null), s = !1, b = xe();
   return W(a, () => {
     if (s || !d) return;
     let p = w(a);
     p && (L(d.register(p), b), s = !0);
   }), L(() => {
     var p, g;
-    let v = (p = n.value) == null ? void 0 : p.getElementById("headlessui-portal-root");
-    !v || r.value !== v || pe(r.value, (y) => y - 1) || r.value.children.length > 0 || (g = r.value.parentElement) == null || g.removeChild(r.value);
+    let v = (p = r.value) == null ? void 0 : p.getElementById("headlessui-portal-root");
+    !v || n.value !== v || pe(n.value, (y) => y - 1) || n.value.children.length > 0 || (g = n.value.parentElement) == null || g.removeChild(n.value);
   }), () => {
-    if (!i.value || r.value === null) return null;
+    if (!i.value || n.value === null) return null;
     let p = { ref: a, "data-headlessui-portal": "" };
-    return E(je, { to: r.value }, F({ ourProps: p, theirProps: e, slot: {}, attrs: l, slots: t, name: "Portal" }));
+    return E(je, { to: n.value }, F({ ourProps: p, theirProps: e, slot: {}, attrs: l, slots: t, name: "Portal" }));
   };
-} }), re = Symbol("PortalParentContext");
+} }), ne = Symbol("PortalParentContext");
 function vt() {
-  let e = k(re, null), t = m([]);
+  let e = k(ne, null), t = m([]);
   function l(o) {
     return t.value.push(o), e && e.register(o), () => a(o);
   }
@@ -358,11 +364,11 @@ function vt() {
     let u = t.value.indexOf(o);
     u !== -1 && t.value.splice(u, 1), e && e.unregister(o);
   }
-  let n = { register: l, unregister: a, portals: t };
+  let r = { register: l, unregister: a, portals: t };
   return [t, P({ name: "PortalWrapper", setup(o, { slots: u }) {
-    return I(re, n), () => {
-      var r;
-      return (r = u.default) == null ? void 0 : r.call(u);
+    return I(ne, r), () => {
+      var n;
+      return (n = u.default) == null ? void 0 : n.call(u);
     };
   } })];
 }
@@ -371,7 +377,7 @@ let $e = Symbol("PortalGroupContext"), mt = P({ name: "PortalGroup", props: { as
     return e.target;
   } });
   return I($e, a), () => {
-    let { target: n, ...o } = e;
+    let { target: r, ...o } = e;
     return F({ theirProps: o, ourProps: {}, slot: {}, attrs: t, slots: l, name: "PortalGroup" });
   };
 } });
@@ -385,14 +391,14 @@ function Y(e) {
   }
   return t;
 }
-let z = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Tt = P({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: z }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: l, slots: a, expose: n }) {
+let z = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Lt = P({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: z }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: l, slots: a, expose: r }) {
   var o, u;
-  let r = (o = e.id) != null ? o : `headlessui-dialog-${V()}`, i = m(!1);
+  let n = (o = e.id) != null ? o : `headlessui-dialog-${V()}`, i = m(!1);
   D(() => {
     i.value = !0;
   });
-  let d = !1, s = f(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (d || (d = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), b = m(0), p = Ge(), g = f(() => e.open === z && p !== null ? (p.value & _.Open) === _.Open : e.open), v = m(null), y = f(() => U(v));
-  if (n({ el: v, $el: v }), !(e.open !== z || p !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  let d = !1, s = f(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (d || (d = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), b = m(0), p = _e(), g = f(() => e.open === z && p !== null ? (p.value & _.Open) === _.Open : e.open), v = m(null), y = f(() => U(v));
+  if (r({ el: v, $el: v }), !(e.open !== z || p !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof g.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${g.value === z ? void 0 : e.open}`);
   let T = f(() => i.value && g.value ? 0 : 1), B = f(() => T.value === 0), C = f(() => b.value > 1), ue = k(oe, null) !== null, [Se, Pe] = vt(), { resolveContainers: J, mainTreeNodeRef: ie, MainTreeNode: De } = it({ portals: Se, defaultContainers: [f(() => {
     var c;
@@ -416,7 +422,7 @@ let z = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Tt = P({ name: "Dialog", inherit
   } };
   I(oe, M);
   let Ce = f(() => !(!B.value || C.value));
-  _e(J, (c, h) => {
+  Ge(J, (c, h) => {
     c.preventDefault(), M.close(), Ie(() => h?.focus());
   }, Ce);
   let Be = f(() => !(C.value || T.value !== 0));
@@ -439,55 +445,55 @@ let z = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Tt = P({ name: "Dialog", inherit
     });
     $.observe(h), c(() => $.disconnect());
   }), () => {
-    let { open: c, initialFocus: h, ...$ } = e, S = { ...l, ref: v, id: r, role: s.value, "aria-modal": T.value === 0 ? !0 : void 0, "aria-labelledby": q.value, "aria-describedby": ke.value }, X = { open: T.value === 0 };
-    return E(le, { force: !0 }, () => [E(Te, () => E(mt, { target: v.value }, () => E(le, { force: !1 }, () => E(N, { initialFocus: h, containers: J, features: B.value ? Q(Fe.value, { parent: N.features.RestoreFocus, leaf: N.features.All & ~N.features.FocusLock }) : N.features.None }, () => E(Pe, {}, () => F({ ourProps: S, theirProps: { ...$, ...l }, slot: X, attrs: l, slots: a, visible: T.value === 0, features: de.RenderStrategy | de.Static, name: "Dialog" })))))), E(De)]);
+    let { open: c, initialFocus: h, ...$ } = e, S = { ...l, ref: v, id: n, role: s.value, "aria-modal": T.value === 0 ? !0 : void 0, "aria-labelledby": q.value, "aria-describedby": ke.value }, X = { open: T.value === 0 };
+    return E(le, { force: !0 }, () => [E(Te, () => E(mt, { target: v.value }, () => E(le, { force: !1 }, () => E(N, { initialFocus: h, containers: J, features: B.value ? Q(Fe.value, { parent: N.features.RestoreFocus, leaf: N.features.All & ~N.features.FocusLock }) : N.features.None }, () => E(Pe, {}, () => F({ ourProps: S, theirProps: { ...$, ...l }, slot: X, attrs: l, slots: a, visible: T.value === 0, features: ce.RenderStrategy | ce.Static, name: "Dialog" })))))), E(De)]);
   };
 } });
 P({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: l }) {
   var a;
-  let n = (a = e.id) != null ? a : `headlessui-dialog-overlay-${V()}`, o = Y("DialogOverlay");
-  function u(r) {
-    r.target === r.currentTarget && (r.preventDefault(), r.stopPropagation(), o.close());
+  let r = (a = e.id) != null ? a : `headlessui-dialog-overlay-${V()}`, o = Y("DialogOverlay");
+  function u(n) {
+    n.target === n.currentTarget && (n.preventDefault(), n.stopPropagation(), o.close());
   }
   return () => {
-    let { ...r } = e;
-    return F({ ourProps: { id: n, "aria-hidden": !0, onClick: u }, theirProps: r, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogOverlay" });
+    let { ...n } = e;
+    return F({ ourProps: { id: r, "aria-hidden": !0, onClick: u }, theirProps: n, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogOverlay" });
   };
 } });
 P({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: l, expose: a }) {
-  var n;
-  let o = (n = e.id) != null ? n : `headlessui-dialog-backdrop-${V()}`, u = Y("DialogBackdrop"), r = m(null);
-  return a({ el: r, $el: r }), D(() => {
+  var r;
+  let o = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${V()}`, u = Y("DialogBackdrop"), n = m(null);
+  return a({ el: n, $el: n }), D(() => {
     if (u.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
-    let { ...i } = e, d = { id: o, ref: r, "aria-hidden": !0 };
+    let { ...i } = e, d = { id: o, ref: n, "aria-hidden": !0 };
     return E(le, { force: !0 }, () => E(Te, () => F({ ourProps: d, theirProps: { ...t, ...i }, slot: { open: u.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogBackdrop" })));
   };
 } });
-let $t = P({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: l, expose: a }) {
-  var n;
-  let o = (n = e.id) != null ? n : `headlessui-dialog-panel-${V()}`, u = Y("DialogPanel");
+let Ot = P({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: l, expose: a }) {
+  var r;
+  let o = (r = e.id) != null ? r : `headlessui-dialog-panel-${V()}`, u = Y("DialogPanel");
   a({ el: u.panelRef, $el: u.panelRef });
-  function r(i) {
+  function n(i) {
     i.stopPropagation();
   }
   return () => {
-    let { ...i } = e, d = { id: o, ref: u.panelRef, onClick: r };
+    let { ...i } = e, d = { id: o, ref: u.panelRef, onClick: n };
     return F({ ourProps: d, theirProps: i, slot: { open: u.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogPanel" });
   };
-} }), St = P({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: l }) {
+} }), Rt = P({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: l }) {
   var a;
-  let n = (a = e.id) != null ? a : `headlessui-dialog-title-${V()}`, o = Y("DialogTitle");
+  let r = (a = e.id) != null ? a : `headlessui-dialog-title-${V()}`, o = Y("DialogTitle");
   return D(() => {
-    o.setTitleId(n), L(() => o.setTitleId(null));
+    o.setTitleId(r), L(() => o.setTitleId(null));
   }), () => {
     let { ...u } = e;
-    return F({ ourProps: { id: n }, theirProps: u, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogTitle" });
+    return F({ ourProps: { id: r }, theirProps: u, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogTitle" });
   };
 } });
 export {
-  $t as G,
-  St as V,
-  Tt as Y
+  Ot as G,
+  Rt as V,
+  Lt as Y
 };
-//# sourceMappingURL=dialog-U1KNiPzc.js.map
+//# sourceMappingURL=dialog-B2WA4G25.js.map