@vc-shell/framework 1.2.0 → 1.2.1

package/dist/vendor-headlessui-vue-D7tzx4PC.js

@@ -0,0 +1,961 @@
+import * as Be from "vue";
+import { watchEffect as C, computed as h, ref as g, cloneVNode as ft, h as S, Fragment as _e, defineComponent as $, inject as D, provide as x, onMounted as T, onUnmounted as N, watch as z, shallowRef as pt, unref as vt, getCurrentInstance as mt, Teleport as ht, reactive as gt, nextTick as yt, normalizeClass as wt } from "vue";
+function Ne(e) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
+    throw t;
+  }));
+}
+function te() {
+  let e = [], t = { addEventListener(n, r, l, a) {
+    return n.addEventListener(r, l, a), t.add(() => n.removeEventListener(r, l, a));
+  }, requestAnimationFrame(...n) {
+    let r = requestAnimationFrame(...n);
+    t.add(() => cancelAnimationFrame(r));
+  }, nextFrame(...n) {
+    t.requestAnimationFrame(() => {
+      t.requestAnimationFrame(...n);
+    });
+  }, setTimeout(...n) {
+    let r = setTimeout(...n);
+    t.add(() => clearTimeout(r));
+  }, microTask(...n) {
+    let r = { current: !0 };
+    return Ne(() => {
+      r.current && n[0]();
+    }), t.add(() => {
+      r.current = !1;
+    });
+  }, style(n, r, l) {
+    let a = n.style.getPropertyValue(r);
+    return Object.assign(n.style, { [r]: l }), this.add(() => {
+      Object.assign(n.style, { [r]: a });
+    });
+  }, group(n) {
+    let r = te();
+    return n(r), this.add(() => r.dispose());
+  }, add(n) {
+    return e.push(n), () => {
+      let r = e.indexOf(n);
+      if (r >= 0) for (let l of e.splice(r, 1)) l();
+    };
+  }, dispose() {
+    for (let n of e.splice(0)) n();
+  } };
+  return t;
+}
+var Ie;
+let bt = Symbol("headlessui.useid"), Et = 0;
+const G = (Ie = Be.useId) != null ? Ie : function() {
+  return Be.inject(bt, () => `${++Et}`)();
+};
+function E(e) {
+  var t;
+  if (e == null || e.value == null) return null;
+  let n = (t = e.value.$el) != null ? t : e.value;
+  return n instanceof Node ? n : null;
+}
+function M(e, t, ...n) {
+  if (e in t) {
+    let l = t[e];
+    return typeof l == "function" ? l(...n) : l;
+  }
+  let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((l) => `"${l}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(r, M), r;
+}
+var St = Object.defineProperty, Tt = (e, t, n) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ue = (e, t, n) => (Tt(e, typeof t != "symbol" ? t + "" : t, n), n);
+let $t = class {
+  constructor() {
+    Ue(this, "current", this.detect()), Ue(this, "currentId", 0);
+  }
+  set(t) {
+    this.current !== t && (this.currentId = 0, this.current = t);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window > "u" || typeof document > "u" ? "server" : "client";
+  }
+}, ne = new $t();
+function X(e) {
+  if (ne.isServer) return null;
+  if (e instanceof Node) return e.ownerDocument;
+  if (e != null && e.hasOwnProperty("value")) {
+    let t = E(e);
+    if (t) return t.ownerDocument;
+  }
+  return document;
+}
+let $e = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var B = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(B || {}), Ge = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Ge || {}), Lt = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Lt || {});
+function Ot(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll($e)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var Ye = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Ye || {});
+function Pt(e, t = 0) {
+  var n;
+  return e === ((n = X(e)) == null ? void 0 : n.body) ? !1 : M(t, { 0() {
+    return e.matches($e);
+  }, 1() {
+    let r = e;
+    for (; r !== null; ) {
+      if (r.matches($e)) return !0;
+      r = r.parentElement;
+    }
+    return !1;
+  } });
+}
+var Ft = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Ft || {});
+typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0));
+function _(e) {
+  e?.focus({ preventScroll: !0 });
+}
+let At = ["textarea", "input"].join(",");
+function Dt(e) {
+  var t, n;
+  return (n = (t = e?.matches) == null ? void 0 : t.call(e, At)) != null ? n : !1;
+}
+function Ct(e, t = (n) => n) {
+  return e.slice().sort((n, r) => {
+    let l = t(n), a = t(r);
+    if (l === null || a === null) return 0;
+    let u = l.compareDocumentPosition(a);
+    return u & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : u & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function pe(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: l = [] } = {}) {
+  var a;
+  let u = (a = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e?.ownerDocument) != null ? a : document, o = Array.isArray(e) ? n ? Ct(e) : e : Ot(e);
+  l.length > 0 && o.length > 1 && (o = o.filter((f) => !l.includes(f))), r = r ?? u.activeElement;
+  let i = (() => {
+    if (t & 5) return 1;
+    if (t & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), s = (() => {
+    if (t & 1) return 0;
+    if (t & 2) return Math.max(0, o.indexOf(r)) - 1;
+    if (t & 4) return Math.max(0, o.indexOf(r)) + 1;
+    if (t & 8) return o.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), d = t & 32 ? { preventScroll: !0 } : {}, v = 0, c = o.length, p;
+  do {
+    if (v >= c || v + c <= 0) return 0;
+    let f = s + v;
+    if (t & 16) f = (f + c) % c;
+    else {
+      if (f < 0) return 3;
+      if (f >= c) return 1;
+    }
+    p = o[f], p?.focus(d), v += i;
+  } while (p !== u.activeElement);
+  return t & 6 && Dt(p) && p.select(), 2;
+}
+function Ke() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function Nt() {
+  return /Android/gi.test(window.navigator.userAgent);
+}
+function kt() {
+  return Ke() || Nt();
+}
+function de(e, t, n) {
+  ne.isServer || C((r) => {
+    document.addEventListener(e, t, n), r(() => document.removeEventListener(e, t, n));
+  });
+}
+function ze(e, t, n) {
+  ne.isServer || C((r) => {
+    window.addEventListener(e, t, n), r(() => window.removeEventListener(e, t, n));
+  });
+}
+function jt(e, t, n = h(() => !0)) {
+  function r(a, u) {
+    if (!n.value || a.defaultPrevented) return;
+    let o = u(a);
+    if (o === null || !o.getRootNode().contains(o)) return;
+    let i = (function s(d) {
+      return typeof d == "function" ? s(d()) : Array.isArray(d) || d instanceof Set ? d : [d];
+    })(e);
+    for (let s of i) {
+      if (s === null) continue;
+      let d = s instanceof HTMLElement ? s : E(s);
+      if (d != null && d.contains(o) || a.composed && a.composedPath().includes(d)) return;
+    }
+    return !Pt(o, Ye.Loose) && o.tabIndex !== -1 && a.preventDefault(), t(a, o);
+  }
+  let l = g(null);
+  de("pointerdown", (a) => {
+    var u, o;
+    n.value && (l.value = ((o = (u = a.composedPath) == null ? void 0 : u.call(a)) == null ? void 0 : o[0]) || a.target);
+  }, !0), de("mousedown", (a) => {
+    var u, o;
+    n.value && (l.value = ((o = (u = a.composedPath) == null ? void 0 : u.call(a)) == null ? void 0 : o[0]) || a.target);
+  }, !0), de("click", (a) => {
+    kt() || l.value && (r(a, () => l.value), l.value = null);
+  }, !0), de("touchend", (a) => r(a, () => a.target instanceof HTMLElement ? a.target : null), !0), ze("blur", (a) => r(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+var ve = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(ve || {}), I = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(I || {});
+function P({ visible: e = !0, features: t = 0, ourProps: n, theirProps: r, ...l }) {
+  var a;
+  let u = Qe(r, n), o = Object.assign(l, { props: u });
+  if (e || t & 2 && u.static) return Ee(o);
+  if (t & 1) {
+    let i = (a = u.unmount) == null || a ? 0 : 1;
+    return M(i, { 0() {
+      return null;
+    }, 1() {
+      return Ee({ ...l, props: { ...u, hidden: !0, style: { display: "none" } } });
+    } });
+  }
+  return Ee(o);
+}
+function Ee({ props: e, attrs: t, slots: n, slot: r, name: l }) {
+  var a, u;
+  let { as: o, ...i } = Ze(e, ["unmount", "static"]), s = (a = n.default) == null ? void 0 : a.call(n, r), d = {};
+  if (r) {
+    let v = !1, c = [];
+    for (let [p, f] of Object.entries(r)) typeof f == "boolean" && (v = !0), f === !0 && c.push(p);
+    v && (d["data-headlessui-state"] = c.join(" "));
+  }
+  if (o === "template") {
+    if (s = Xe(s ?? []), Object.keys(i).length > 0 || Object.keys(t).length > 0) {
+      let [v, ...c] = s ?? [];
+      if (!xt(v) || c.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(i).concat(Object.keys(t)).map((m) => m.trim()).filter((m, w, k) => k.indexOf(m) === w).sort((m, w) => m.localeCompare(w)).map((m) => `  - ${m}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
+`)].join(`
+`));
+      let p = Qe((u = v.props) != null ? u : {}, i, d), f = ft(v, p, !0);
+      for (let m in p) m.startsWith("on") && (f.props || (f.props = {}), f.props[m] = p[m]);
+      return f;
+    }
+    return Array.isArray(s) && s.length === 1 ? s[0] : s;
+  }
+  return S(o, Object.assign({}, i, d), { default: () => s });
+}
+function Xe(e) {
+  return e.flatMap((t) => t.type === _e ? Xe(t.children) : [t]);
+}
+function Qe(...e) {
+  if (e.length === 0) return {};
+  if (e.length === 1) return e[0];
+  let t = {}, n = {};
+  for (let r of e) for (let l in r) l.startsWith("on") && typeof r[l] == "function" ? (n[l] != null || (n[l] = []), n[l].push(r[l])) : t[l] = r[l];
+  if (t.disabled || t["aria-disabled"]) return Object.assign(t, Object.fromEntries(Object.keys(n).map((r) => [r, void 0])));
+  for (let r in n) Object.assign(t, { [r](l, ...a) {
+    let u = n[r];
+    for (let o of u) {
+      if (l instanceof Event && l.defaultPrevented) return;
+      o(l, ...a);
+    }
+  } });
+  return t;
+}
+function Ze(e, t = []) {
+  let n = Object.assign({}, e);
+  for (let r of t) r in n && delete n[r];
+  return n;
+}
+function xt(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+var me = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(me || {});
+let Le = $({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
+  return () => {
+    var r;
+    let { features: l, ...a } = e, u = { "aria-hidden": (l & 2) === 2 ? !0 : (r = a["aria-hidden"]) != null ? r : void 0, hidden: (l & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
+    return P({ ourProps: u, theirProps: a, slot: {}, attrs: n, slots: t, name: "Hidden" });
+  };
+} }), Je = Symbol("Context");
+var O = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(O || {});
+function Mt() {
+  return ke() !== null;
+}
+function ke() {
+  return D(Je, null);
+}
+function Rt(e) {
+  x(Je, e);
+}
+var et = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(et || {});
+function Ht(e) {
+  function t() {
+    document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
+  }
+  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
+}
+let V = [];
+Ht(() => {
+  function e(t) {
+    t.target instanceof HTMLElement && t.target !== document.body && V[0] !== t.target && (V.unshift(t.target), V = V.filter((n) => n != null && n.isConnected), V.splice(10));
+  }
+  window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
+});
+function tt(e, t, n, r) {
+  ne.isServer || C((l) => {
+    e = e ?? window, e.addEventListener(t, n, r), l(() => e.removeEventListener(t, n, r));
+  });
+}
+var ee = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(ee || {});
+function Bt() {
+  let e = g(0);
+  return ze("keydown", (t) => {
+    t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
+  }), e;
+}
+function nt(e) {
+  if (!e) return /* @__PURE__ */ new Set();
+  if (typeof e == "function") return new Set(e());
+  let t = /* @__PURE__ */ new Set();
+  for (let n of e.value) {
+    let r = E(n);
+    r instanceof HTMLElement && t.add(r);
+  }
+  return t;
+}
+var rt = ((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))(rt || {});
+let Z = Object.assign($({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: g(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
+  let l = g(null);
+  r({ el: l, $el: l });
+  let a = h(() => X(l)), u = g(!1);
+  T(() => u.value = !0), N(() => u.value = !1), Ut({ ownerDocument: a }, h(() => u.value && !!(e.features & 16)));
+  let o = Wt({ ownerDocument: a, container: l, initialFocus: h(() => e.initialFocus) }, h(() => u.value && !!(e.features & 2)));
+  Vt({ ownerDocument: a, container: l, containers: e.containers, previousActiveElement: o }, h(() => u.value && !!(e.features & 8)));
+  let i = Bt();
+  function s(p) {
+    let f = E(l);
+    f && ((m) => m())(() => {
+      M(i.value, { [ee.Forwards]: () => {
+        pe(f, B.First, { skipElements: [p.relatedTarget] });
+      }, [ee.Backwards]: () => {
+        pe(f, B.Last, { skipElements: [p.relatedTarget] });
+      } });
+    });
+  }
+  let d = g(!1);
+  function v(p) {
+    p.key === "Tab" && (d.value = !0, requestAnimationFrame(() => {
+      d.value = !1;
+    }));
+  }
+  function c(p) {
+    if (!u.value) return;
+    let f = nt(e.containers);
+    E(l) instanceof HTMLElement && f.add(E(l));
+    let m = p.relatedTarget;
+    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (lt(f, m) || (d.value ? pe(E(l), M(i.value, { [ee.Forwards]: () => B.Next, [ee.Backwards]: () => B.Previous }) | B.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && _(p.target)));
+  }
+  return () => {
+    let p = {}, f = { ref: l, onKeydown: v, onFocusout: c }, { features: m, initialFocus: w, containers: k, ...L } = e;
+    return S(_e, [!!(m & 4) && S(Le, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: me.Focusable }), P({ ourProps: f, theirProps: { ...t, ...L }, slot: p, attrs: t, slots: n, name: "FocusTrap" }), !!(m & 4) && S(Le, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: me.Focusable })]);
+  };
+} }), { features: rt });
+function It(e) {
+  let t = g(V.slice());
+  return z([e], ([n], [r]) => {
+    r === !0 && n === !1 ? Ne(() => {
+      t.value.splice(0);
+    }) : r === !1 && n === !0 && (t.value = V.slice());
+  }, { flush: "post" }), () => {
+    var n;
+    return (n = t.value.find((r) => r != null && r.isConnected)) != null ? n : null;
+  };
+}
+function Ut({ ownerDocument: e }, t) {
+  let n = It(t);
+  T(() => {
+    C(() => {
+      var r, l;
+      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((l = e.value) == null ? void 0 : l.body) && _(n());
+    }, { flush: "post" });
+  }), N(() => {
+    t.value && _(n());
+  });
+}
+function Wt({ ownerDocument: e, container: t, initialFocus: n }, r) {
+  let l = g(null), a = g(!1);
+  return T(() => a.value = !0), N(() => a.value = !1), T(() => {
+    z([t, n, r], (u, o) => {
+      if (u.every((s, d) => o?.[d] === s) || !r.value) return;
+      let i = E(t);
+      i && Ne(() => {
+        var s, d;
+        if (!a.value) return;
+        let v = E(n), c = (s = e.value) == null ? void 0 : s.activeElement;
+        if (v) {
+          if (v === c) {
+            l.value = c;
+            return;
+          }
+        } else if (i.contains(c)) {
+          l.value = c;
+          return;
+        }
+        v ? _(v) : pe(i, B.First | B.NoScroll) === Ge.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), l.value = (d = e.value) == null ? void 0 : d.activeElement;
+      });
+    }, { immediate: !0, flush: "post" });
+  }), l;
+}
+function Vt({ ownerDocument: e, container: t, containers: n, previousActiveElement: r }, l) {
+  var a;
+  tt((a = e.value) == null ? void 0 : a.defaultView, "focus", (u) => {
+    if (!l.value) return;
+    let o = nt(n);
+    E(t) instanceof HTMLElement && o.add(E(t));
+    let i = r.value;
+    if (!i) return;
+    let s = u.target;
+    s && s instanceof HTMLElement ? lt(o, s) ? (r.value = s, _(s)) : (u.preventDefault(), u.stopPropagation(), _(i)) : _(r.value);
+  }, !0);
+}
+function lt(e, t) {
+  for (let n of e) if (n.contains(t)) return !0;
+  return !1;
+}
+function qt(e) {
+  let t = pt(e.getSnapshot());
+  return N(e.subscribe(() => {
+    t.value = e.getSnapshot();
+  })), t;
+}
+function _t(e, t) {
+  let n = e(), r = /* @__PURE__ */ new Set();
+  return { getSnapshot() {
+    return n;
+  }, subscribe(l) {
+    return r.add(l), () => r.delete(l);
+  }, dispatch(l, ...a) {
+    let u = t[l].call(n, ...a);
+    u && (n = u, r.forEach((o) => o()));
+  } };
+}
+function Gt() {
+  let e;
+  return { before({ doc: t }) {
+    var n;
+    let r = t.documentElement;
+    e = ((n = t.defaultView) != null ? n : window).innerWidth - r.clientWidth;
+  }, after({ doc: t, d: n }) {
+    let r = t.documentElement, l = r.clientWidth - r.offsetWidth, a = e - l;
+    n.style(r, "paddingRight", `${a}px`);
+  } };
+}
+function Yt() {
+  return Ke() ? { before({ doc: e, d: t, meta: n }) {
+    function r(l) {
+      return n.containers.flatMap((a) => a()).some((a) => a.contains(l));
+    }
+    t.microTask(() => {
+      var l;
+      if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
+        let o = te();
+        o.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => o.dispose()));
+      }
+      let a = (l = window.scrollY) != null ? l : window.pageYOffset, u = null;
+      t.addEventListener(e, "click", (o) => {
+        if (o.target instanceof HTMLElement) try {
+          let i = o.target.closest("a");
+          if (!i) return;
+          let { hash: s } = new URL(i.href), d = e.querySelector(s);
+          d && !r(d) && (u = d);
+        } catch {
+        }
+      }, !0), t.addEventListener(e, "touchstart", (o) => {
+        if (o.target instanceof HTMLElement) if (r(o.target)) {
+          let i = o.target;
+          for (; i.parentElement && r(i.parentElement); ) i = i.parentElement;
+          t.style(i, "overscrollBehavior", "contain");
+        } else t.style(o.target, "touchAction", "none");
+      }), t.addEventListener(e, "touchmove", (o) => {
+        if (o.target instanceof HTMLElement) {
+          if (o.target.tagName === "INPUT") return;
+          if (r(o.target)) {
+            let i = o.target;
+            for (; i.parentElement && i.dataset.headlessuiPortal !== "" && !(i.scrollHeight > i.clientHeight || i.scrollWidth > i.clientWidth); ) i = i.parentElement;
+            i.dataset.headlessuiPortal === "" && o.preventDefault();
+          } else o.preventDefault();
+        }
+      }, { passive: !1 }), t.add(() => {
+        var o;
+        let i = (o = window.scrollY) != null ? o : window.pageYOffset;
+        a !== i && window.scrollTo(0, a), u && u.isConnected && (u.scrollIntoView({ block: "nearest" }), u = null);
+      });
+    });
+  } } : {};
+}
+function Kt() {
+  return { before({ doc: e, d: t }) {
+    t.style(e.documentElement, "overflow", "hidden");
+  } };
+}
+function zt(e) {
+  let t = {};
+  for (let n of e) Object.assign(t, n(t));
+  return t;
+}
+let q = _t(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+  var n;
+  let r = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: te(), meta: /* @__PURE__ */ new Set() };
+  return r.count++, r.meta.add(t), this.set(e, r), this;
+}, POP(e, t) {
+  let n = this.get(e);
+  return n && (n.count--, n.meta.delete(t)), this;
+}, SCROLL_PREVENT({ doc: e, d: t, meta: n }) {
+  let r = { doc: e, d: t, meta: zt(n) }, l = [Yt(), Gt(), Kt()];
+  l.forEach(({ before: a }) => a?.(r)), l.forEach(({ after: a }) => a?.(r));
+}, SCROLL_ALLOW({ d: e }) {
+  e.dispose();
+}, TEARDOWN({ doc: e }) {
+  this.delete(e);
+} });
+q.subscribe(() => {
+  let e = q.getSnapshot(), t = /* @__PURE__ */ new Map();
+  for (let [n] of e) t.set(n, n.documentElement.style.overflow);
+  for (let n of e.values()) {
+    let r = t.get(n.doc) === "hidden", l = n.count !== 0;
+    (l && !r || !l && r) && q.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && q.dispatch("TEARDOWN", n);
+  }
+});
+function Xt(e, t, n) {
+  let r = qt(q), l = h(() => {
+    let a = e.value ? r.value.get(e.value) : void 0;
+    return a ? a.count > 0 : !1;
+  });
+  return z([e, t], ([a, u], [o], i) => {
+    if (!a || !u) return;
+    q.dispatch("PUSH", a, n);
+    let s = !1;
+    i(() => {
+      s || (q.dispatch("POP", o ?? a, n), s = !0);
+    });
+  }, { immediate: !0 }), l;
+}
+let Se = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map();
+function We(e, t = g(!0)) {
+  C((n) => {
+    var r;
+    if (!t.value) return;
+    let l = E(e);
+    if (!l) return;
+    n(function() {
+      var u;
+      if (!l) return;
+      let o = (u = J.get(l)) != null ? u : 1;
+      if (o === 1 ? J.delete(l) : J.set(l, o - 1), o !== 1) return;
+      let i = Se.get(l);
+      i && (i["aria-hidden"] === null ? l.removeAttribute("aria-hidden") : l.setAttribute("aria-hidden", i["aria-hidden"]), l.inert = i.inert, Se.delete(l));
+    });
+    let a = (r = J.get(l)) != null ? r : 0;
+    J.set(l, a + 1), a === 0 && (Se.set(l, { "aria-hidden": l.getAttribute("aria-hidden"), inert: l.inert }), l.setAttribute("aria-hidden", "true"), l.inert = !0);
+  });
+}
+function Qt({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
+  let r = g(null), l = X(r);
+  function a() {
+    var u, o, i;
+    let s = [];
+    for (let d of e) d !== null && (d instanceof HTMLElement ? s.push(d) : "value" in d && d.value instanceof HTMLElement && s.push(d.value));
+    if (t != null && t.value) for (let d of t.value) s.push(d);
+    for (let d of (u = l?.querySelectorAll("html > *, body > *")) != null ? u : []) d !== document.body && d !== document.head && d instanceof HTMLElement && d.id !== "headlessui-portal-root" && (d.contains(E(r)) || d.contains((i = (o = E(r)) == null ? void 0 : o.getRootNode()) == null ? void 0 : i.host) || s.some((v) => d.contains(v)) || s.push(d));
+    return s;
+  }
+  return { resolveContainers: a, contains(u) {
+    return a().some((o) => o.contains(u));
+  }, mainTreeNodeRef: r, MainTreeNode() {
+    return n != null ? null : S(Le, { features: me.Hidden, ref: r });
+  } };
+}
+let at = Symbol("ForcePortalRootContext");
+function Zt() {
+  return D(at, !1);
+}
+let Oe = $({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
+  return x(at, e.force), () => {
+    let { force: r, ...l } = e;
+    return P({ theirProps: l, ourProps: {}, slot: {}, slots: t, attrs: n, name: "ForcePortalRoot" });
+  };
+} }), ot = Symbol("StackContext");
+var Pe = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Pe || {});
+function Jt() {
+  return D(ot, () => {
+  });
+}
+function en({ type: e, enabled: t, element: n, onUpdate: r }) {
+  let l = Jt();
+  function a(...u) {
+    r?.(...u), l(...u);
+  }
+  T(() => {
+    z(t, (u, o) => {
+      u ? a(0, e, n) : o === !0 && a(1, e, n);
+    }, { immediate: !0, flush: "sync" });
+  }), N(() => {
+    t.value && a(1, e, n);
+  }), x(ot, a);
+}
+let ut = Symbol("DescriptionContext");
+function tn() {
+  let e = D(ut, null);
+  if (e === null) throw new Error("Missing parent");
+  return e;
+}
+function nn({ slot: e = g({}), name: t = "Description", props: n = {} } = {}) {
+  let r = g([]);
+  function l(a) {
+    return r.value.push(a), () => {
+      let u = r.value.indexOf(a);
+      u !== -1 && r.value.splice(u, 1);
+    };
+  }
+  return x(ut, { register: l, slot: e, name: t, props: n }), h(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+}
+$({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+  var r;
+  let l = (r = e.id) != null ? r : `headlessui-description-${G()}`, a = tn();
+  return T(() => N(a.register(l))), () => {
+    let { name: u = "Description", slot: o = g({}), props: i = {} } = a, { ...s } = e, d = { ...Object.entries(i).reduce((v, [c, p]) => Object.assign(v, { [c]: vt(p) }), {}), id: l };
+    return P({ ourProps: d, theirProps: s, slot: o.value, attrs: t, slots: n, name: u });
+  };
+} });
+function rn(e) {
+  let t = X(e);
+  if (!t) {
+    if (e === null) return null;
+    throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e}`);
+  }
+  let n = t.getElementById("headlessui-portal-root");
+  if (n) return n;
+  let r = t.createElement("div");
+  return r.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(r);
+}
+const Fe = /* @__PURE__ */ new WeakMap();
+function ln(e) {
+  var t;
+  return (t = Fe.get(e)) != null ? t : 0;
+}
+function Ve(e, t) {
+  let n = t(ln(e));
+  return n <= 0 ? Fe.delete(e) : Fe.set(e, n), n;
+}
+let it = $({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+  let r = g(null), l = h(() => X(r)), a = Zt(), u = D(st, null), o = g(a === !0 || u == null ? rn(r.value) : u.resolveTarget());
+  o.value && Ve(o.value, (c) => c + 1);
+  let i = g(!1);
+  T(() => {
+    i.value = !0;
+  }), C(() => {
+    a || u != null && (o.value = u.resolveTarget());
+  });
+  let s = D(Ae, null), d = !1, v = mt();
+  return z(r, () => {
+    if (d || !s) return;
+    let c = E(r);
+    c && (N(s.register(c), v), d = !0);
+  }), N(() => {
+    var c, p;
+    let f = (c = l.value) == null ? void 0 : c.getElementById("headlessui-portal-root");
+    !f || o.value !== f || Ve(o.value, (m) => m - 1) || o.value.children.length > 0 || (p = o.value.parentElement) == null || p.removeChild(o.value);
+  }), () => {
+    if (!i.value || o.value === null) return null;
+    let c = { ref: r, "data-headlessui-portal": "" };
+    return S(ht, { to: o.value }, P({ ourProps: c, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
+  };
+} }), Ae = Symbol("PortalParentContext");
+function an() {
+  let e = D(Ae, null), t = g([]);
+  function n(a) {
+    return t.value.push(a), e && e.register(a), () => r(a);
+  }
+  function r(a) {
+    let u = t.value.indexOf(a);
+    u !== -1 && t.value.splice(u, 1), e && e.unregister(a);
+  }
+  let l = { register: n, unregister: r, portals: t };
+  return [t, $({ name: "PortalWrapper", setup(a, { slots: u }) {
+    return x(Ae, l), () => {
+      var o;
+      return (o = u.default) == null ? void 0 : o.call(u);
+    };
+  } })];
+}
+let st = Symbol("PortalGroupContext"), on = $({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
+  let r = gt({ resolveTarget() {
+    return e.target;
+  } });
+  return x(st, r), () => {
+    let { target: l, ...a } = e;
+    return P({ theirProps: a, ourProps: {}, slot: {}, attrs: t, slots: n, name: "PortalGroup" });
+  };
+} });
+var un = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(un || {});
+let De = Symbol("DialogContext");
+function re(e) {
+  let t = D(De, null);
+  if (t === null) {
+    let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(n, re), n;
+  }
+  return t;
+}
+let ce = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", bn = $({ 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: ce }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: l }) {
+  var a, u;
+  let o = (a = e.id) != null ? a : `headlessui-dialog-${G()}`, i = g(!1);
+  T(() => {
+    i.value = !0;
+  });
+  let s = !1, d = h(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (s || (s = !0, console.warn(`Invalid role [${d}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), v = g(0), c = ke(), p = h(() => e.open === ce && c !== null ? (c.value & O.Open) === O.Open : e.open), f = g(null), m = h(() => X(f));
+  if (l({ el: f, $el: f }), !(e.open !== ce || c !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  if (typeof p.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${p.value === ce ? void 0 : e.open}`);
+  let w = h(() => i.value && p.value ? 0 : 1), k = h(() => w.value === 0), L = h(() => v.value > 1), U = D(De, null) !== null, [le, ae] = an(), { resolveContainers: Y, mainTreeNodeRef: oe, MainTreeNode: ue } = Qt({ portals: le, defaultContainers: [h(() => {
+    var y;
+    return (y = K.panelRef.value) != null ? y : f.value;
+  })] }), ge = h(() => L.value ? "parent" : "leaf"), ie = h(() => c !== null ? (c.value & O.Closing) === O.Closing : !1), ye = h(() => U || ie.value ? !1 : k.value), we = h(() => {
+    var y, b, F;
+    return (F = Array.from((b = (y = m.value) == null ? void 0 : y.querySelectorAll("body > *")) != null ? b : []).find((A) => A.id === "headlessui-portal-root" ? !1 : A.contains(E(oe)) && A instanceof HTMLElement)) != null ? F : null;
+  });
+  We(we, ye);
+  let j = h(() => L.value ? !0 : k.value), Q = h(() => {
+    var y, b, F;
+    return (F = Array.from((b = (y = m.value) == null ? void 0 : y.querySelectorAll("[data-headlessui-portal]")) != null ? b : []).find((A) => A.contains(E(oe)) && A instanceof HTMLElement)) != null ? F : null;
+  });
+  We(Q, j), en({ type: "Dialog", enabled: h(() => w.value === 0), element: f, onUpdate: (y, b) => {
+    if (b === "Dialog") return M(y, { [Pe.Add]: () => v.value += 1, [Pe.Remove]: () => v.value -= 1 });
+  } });
+  let R = nn({ name: "DialogDescription", slot: h(() => ({ open: p.value })) }), H = g(null), K = { titleId: H, panelRef: g(null), dialogState: w, setTitleId(y) {
+    H.value !== y && (H.value = y);
+  }, close() {
+    t("close", !1);
+  } };
+  x(De, K);
+  let Me = h(() => !(!k.value || L.value));
+  jt(Y, (y, b) => {
+    y.preventDefault(), K.close(), yt(() => b?.focus());
+  }, Me);
+  let Re = h(() => !(L.value || w.value !== 0));
+  tt((u = m.value) == null ? void 0 : u.defaultView, "keydown", (y) => {
+    Re.value && (y.defaultPrevented || y.key === et.Escape && (y.preventDefault(), y.stopPropagation(), K.close()));
+  });
+  let He = h(() => !(ie.value || w.value !== 0 || U));
+  return Xt(m, He, (y) => {
+    var b;
+    return { containers: [...(b = y.containers) != null ? b : [], Y] };
+  }), C((y) => {
+    if (w.value !== 0) return;
+    let b = E(f);
+    if (!b) return;
+    let F = new ResizeObserver((A) => {
+      for (let be of A) {
+        let se = be.target.getBoundingClientRect();
+        se.x === 0 && se.y === 0 && se.width === 0 && se.height === 0 && K.close();
+      }
+    });
+    F.observe(b), y(() => F.disconnect());
+  }), () => {
+    let { open: y, initialFocus: b, ...F } = e, A = { ...n, ref: f, id: o, role: d.value, "aria-modal": w.value === 0 ? !0 : void 0, "aria-labelledby": H.value, "aria-describedby": R.value }, be = { open: w.value === 0 };
+    return S(Oe, { force: !0 }, () => [S(it, () => S(on, { target: f.value }, () => S(Oe, { force: !1 }, () => S(Z, { initialFocus: b, containers: Y, features: k.value ? M(ge.value, { parent: Z.features.RestoreFocus, leaf: Z.features.All & ~Z.features.FocusLock }) : Z.features.None }, () => S(ae, {}, () => P({ ourProps: A, theirProps: { ...F, ...n }, slot: be, attrs: n, slots: r, visible: w.value === 0, features: ve.RenderStrategy | ve.Static, name: "Dialog" })))))), S(ue)]);
+  };
+} });
+$({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+  var r;
+  let l = (r = e.id) != null ? r : `headlessui-dialog-overlay-${G()}`, a = re("DialogOverlay");
+  function u(o) {
+    o.target === o.currentTarget && (o.preventDefault(), o.stopPropagation(), a.close());
+  }
+  return () => {
+    let { ...o } = e;
+    return P({ ourProps: { id: l, "aria-hidden": !0, onClick: u }, theirProps: o, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogOverlay" });
+  };
+} });
+$({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
+  var l;
+  let a = (l = e.id) != null ? l : `headlessui-dialog-backdrop-${G()}`, u = re("DialogBackdrop"), o = g(null);
+  return r({ el: o, $el: o }), T(() => {
+    if (u.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
+  }), () => {
+    let { ...i } = e, s = { id: a, ref: o, "aria-hidden": !0 };
+    return S(Oe, { force: !0 }, () => S(it, () => P({ ourProps: s, theirProps: { ...t, ...i }, slot: { open: u.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
+  };
+} });
+let En = $({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+  var l;
+  let a = (l = e.id) != null ? l : `headlessui-dialog-panel-${G()}`, u = re("DialogPanel");
+  r({ el: u.panelRef, $el: u.panelRef });
+  function o(i) {
+    i.stopPropagation();
+  }
+  return () => {
+    let { ...i } = e, s = { id: a, ref: u.panelRef, onClick: o };
+    return P({ ourProps: s, theirProps: i, slot: { open: u.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
+  };
+} }), Sn = $({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+  var r;
+  let l = (r = e.id) != null ? r : `headlessui-dialog-title-${G()}`, a = re("DialogTitle");
+  return T(() => {
+    a.setTitleId(l), N(() => a.setTitleId(null));
+  }), () => {
+    let { ...u } = e;
+    return P({ ourProps: { id: l }, theirProps: u, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
+  };
+} });
+function sn(e) {
+  let t = { called: !1 };
+  return (...n) => {
+    if (!t.called) return t.called = !0, e(...n);
+  };
+}
+function Te(e, ...t) {
+  e && t.length > 0 && e.classList.add(...t);
+}
+function fe(e, ...t) {
+  e && t.length > 0 && e.classList.remove(...t);
+}
+var Ce = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(Ce || {});
+function dn(e, t) {
+  let n = te();
+  if (!e) return n.dispose;
+  let { transitionDuration: r, transitionDelay: l } = getComputedStyle(e), [a, u] = [r, l].map((o) => {
+    let [i = 0] = o.split(",").filter(Boolean).map((s) => s.includes("ms") ? parseFloat(s) : parseFloat(s) * 1e3).sort((s, d) => d - s);
+    return i;
+  });
+  return a !== 0 ? n.setTimeout(() => t("finished"), a + u) : t("finished"), n.add(() => t("cancelled")), n.dispose;
+}
+function qe(e, t, n, r, l, a) {
+  let u = te(), o = a !== void 0 ? sn(a) : () => {
+  };
+  return fe(e, ...l), Te(e, ...t, ...n), u.nextFrame(() => {
+    fe(e, ...n), Te(e, ...r), u.add(dn(e, (i) => (fe(e, ...r, ...t), Te(e, ...l), o(i))));
+  }), u.add(() => fe(e, ...t, ...n, ...r, ...l)), u.add(() => o("cancelled")), u.dispose;
+}
+function W(e = "") {
+  return e.split(/\s+/).filter((t) => t.length > 1);
+}
+let je = Symbol("TransitionContext");
+var cn = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(cn || {});
+function fn() {
+  return D(je, null) !== null;
+}
+function pn() {
+  let e = D(je, null);
+  if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
+  return e;
+}
+function vn() {
+  let e = D(xe, null);
+  if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
+  return e;
+}
+let xe = Symbol("NestingContext");
+function he(e) {
+  return "children" in e ? he(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
+}
+function dt(e) {
+  let t = g([]), n = g(!1);
+  T(() => n.value = !0), N(() => n.value = !1);
+  function r(a, u = I.Hidden) {
+    let o = t.value.findIndex(({ id: i }) => i === a);
+    o !== -1 && (M(u, { [I.Unmount]() {
+      t.value.splice(o, 1);
+    }, [I.Hidden]() {
+      t.value[o].state = "hidden";
+    } }), !he(t) && n.value && e?.());
+  }
+  function l(a) {
+    let u = t.value.find(({ id: o }) => o === a);
+    return u ? u.state !== "visible" && (u.state = "visible") : t.value.push({ id: a, state: "visible" }), () => r(a, I.Unmount);
+  }
+  return { children: t, register: l, unregister: r };
+}
+let ct = ve.RenderStrategy, mn = $({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: l }) {
+  let a = g(0);
+  function u() {
+    a.value |= O.Opening, t("beforeEnter");
+  }
+  function o() {
+    a.value &= ~O.Opening, t("afterEnter");
+  }
+  function i() {
+    a.value |= O.Closing, t("beforeLeave");
+  }
+  function s() {
+    a.value &= ~O.Closing, t("afterLeave");
+  }
+  if (!fn() && Mt()) return () => S(gn, { ...e, onBeforeEnter: u, onAfterEnter: o, onBeforeLeave: i, onAfterLeave: s }, r);
+  let d = g(null), v = h(() => e.unmount ? I.Unmount : I.Hidden);
+  l({ el: d, $el: d });
+  let { show: c, appear: p } = pn(), { register: f, unregister: m } = vn(), w = g(c.value ? "visible" : "hidden"), k = { value: !0 }, L = G(), U = { value: !1 }, le = dt(() => {
+    !U.value && w.value !== "hidden" && (w.value = "hidden", m(L), s());
+  });
+  T(() => {
+    let j = f(L);
+    N(j);
+  }), C(() => {
+    if (v.value === I.Hidden && L) {
+      if (c.value && w.value !== "visible") {
+        w.value = "visible";
+        return;
+      }
+      M(w.value, { hidden: () => m(L), visible: () => f(L) });
+    }
+  });
+  let ae = W(e.enter), Y = W(e.enterFrom), oe = W(e.enterTo), ue = W(e.entered), ge = W(e.leave), ie = W(e.leaveFrom), ye = W(e.leaveTo);
+  T(() => {
+    C(() => {
+      if (w.value === "visible") {
+        let j = E(d);
+        if (j instanceof Comment && j.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+      }
+    });
+  });
+  function we(j) {
+    let Q = k.value && !p.value, R = E(d);
+    !R || !(R instanceof HTMLElement) || Q || (U.value = !0, c.value && u(), c.value || i(), j(c.value ? qe(R, ae, Y, oe, ue, (H) => {
+      U.value = !1, H === Ce.Finished && o();
+    }) : qe(R, ge, ie, ye, ue, (H) => {
+      U.value = !1, H === Ce.Finished && (he(le) || (w.value = "hidden", m(L), s()));
+    })));
+  }
+  return T(() => {
+    z([c], (j, Q, R) => {
+      we(R), k.value = !1;
+    }, { immediate: !0 });
+  }), x(xe, le), Rt(h(() => M(w.value, { visible: O.Open, hidden: O.Closed }) | a.value)), () => {
+    let { appear: j, show: Q, enter: R, enterFrom: H, enterTo: K, entered: Me, leave: Re, leaveFrom: He, leaveTo: y, ...b } = e, F = { ref: d }, A = { ...b, ...p.value && c.value && ne.isServer ? { class: wt([n.class, b.class, ...ae, ...Y]) } : {} };
+    return P({ theirProps: A, ourProps: F, slot: {}, slots: r, attrs: n, features: ct, visible: w.value === "visible", name: "TransitionChild" });
+  };
+} }), hn = mn, gn = $({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: r }) {
+  let l = ke(), a = h(() => e.show === null && l !== null ? (l.value & O.Open) === O.Open : e.show);
+  C(() => {
+    if (![!0, !1].includes(a.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
+  });
+  let u = g(a.value ? "visible" : "hidden"), o = dt(() => {
+    u.value = "hidden";
+  }), i = g(!0), s = { show: a, appear: h(() => e.appear || !i.value) };
+  return T(() => {
+    C(() => {
+      i.value = !1, a.value ? u.value = "visible" : he(o) || (u.value = "hidden");
+    });
+  }), x(xe, o), x(je, s), () => {
+    let d = Ze(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), v = { unmount: e.unmount };
+    return P({ ourProps: { ...v, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [S(hn, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...v, ...d }, r.default)] }, attrs: {}, features: ct, visible: u.value === "visible", name: "Transition" });
+  };
+} });
+export {
+  En as G,
+  gn as S,
+  Sn as V,
+  bn as Y,
+  mn as h
+};