@scalar/api-client 0.5.4 → 0.6.0

package/dist/index.js

@@ -10,7 +10,7 @@
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, getCurrentInstance, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
+import { cloneVNode, h as h$2, Fragment, inject, provide, ref, onMounted, watchEffect, computed, defineComponent, onUnmounted, watch, Teleport, reactive, unref, shallowRef, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, readonly, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createElementBlock, renderList, createStaticVNode, withDirectives, withModifiers, vShow, vModelSelect, vModelText, vModelCheckbox, withKeys } from "vue";
 import { CodeMirror } from "@scalar/use-codemirror";
 function u$3(r2, n2, ...a2) {
   if (r2 in n2) {
@@ -23,22 +23,22 @@ function u$3(r2, n2, ...a2) {
 var N$2 = ((o2) => (o2[o2.None = 0] = "None", o2[o2.RenderStrategy = 1] = "RenderStrategy", o2[o2.Static = 2] = "Static", o2))(N$2 || {}), S$2 = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(S$2 || {});
 function H$1({ visible: r2 = true, features: t2 = 0, ourProps: e2, theirProps: o2, ...i2 }) {
   var a2;
-  let n2 = j$2(o2, e2), l2 = Object.assign(i2, { props: n2 });
+  let n2 = j$1(o2, e2), l2 = Object.assign(i2, { props: n2 });
   if (r2 || t2 & 2 && n2.static)
-    return y$1(l2);
+    return y$2(l2);
   if (t2 & 1) {
     let d2 = (a2 = n2.unmount) == null || a2 ? 0 : 1;
     return u$3(d2, { [0]() {
       return null;
     }, [1]() {
-      return y$1({ ...i2, props: { ...n2, hidden: true, style: { display: "none" } } });
+      return y$2({ ...i2, props: { ...n2, hidden: true, style: { display: "none" } } });
     } });
   }
-  return y$1(l2);
+  return y$2(l2);
 }
-function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
+function y$2({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
   var m2, h2;
-  let { as: n2, ...l2 } = T$1(r2, ["unmount", "static"]), a2 = (m2 = e2.default) == null ? void 0 : m2.call(e2, o2), d2 = {};
+  let { as: n2, ...l2 } = T$2(r2, ["unmount", "static"]), a2 = (m2 = e2.default) == null ? void 0 : m2.call(e2, o2), d2 = {};
   if (o2) {
     let u2 = false, c2 = [];
     for (let [p2, f2] of Object.entries(o2))
@@ -49,11 +49,11 @@ function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
     if (a2 = b$2(a2 != null ? a2 : []), Object.keys(l2).length > 0 || Object.keys(t2).length > 0) {
       let [u2, ...c2] = a2 != null ? a2 : [];
       if (!v$1(u2) || c2.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${i2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l2).concat(Object.keys(t2)).map((s2) => s2.trim()).filter((s2, g2, R) => R.indexOf(s2) === g2).sort((s2, g2) => s2.localeCompare(g2)).map((s2) => `  - ${s2}`).join(`
+        throw new Error(['Passing props on "template"!', "", `The current component <${i2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l2).concat(Object.keys(t2)).map((s2) => s2.trim()).filter((s2, g, R) => R.indexOf(s2) === g).sort((s2, g) => s2.localeCompare(g)).map((s2) => `  - ${s2}`).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((s2) => `  - ${s2}`).join(`
 `)].join(`
 `));
-      let p2 = j$2((h2 = u2.props) != null ? h2 : {}, l2), f2 = cloneVNode(u2, p2);
+      let p2 = j$1((h2 = u2.props) != null ? h2 : {}, l2), f2 = cloneVNode(u2, p2);
       for (let s2 in p2)
         s2.startsWith("on") && (f2.props || (f2.props = {}), f2.props[s2] = p2[s2]);
       return f2;
@@ -65,7 +65,7 @@ function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
 function b$2(r2) {
   return r2.flatMap((t2) => t2.type === Fragment ? b$2(t2.children) : [t2]);
 }
-function j$2(...r2) {
+function j$1(...r2) {
   if (r2.length === 0)
     return {};
   if (r2.length === 1)
@@ -87,7 +87,7 @@ function j$2(...r2) {
     } });
   return t2;
 }
-function T$1(r2, t2 = []) {
+function T$2(r2, t2 = []) {
   let e2 = Object.assign({}, r2);
   for (let o2 of t2)
     o2 in e2 && delete e2[o2];
@@ -103,20 +103,20 @@ function n$3() {
 function t$4() {
   return n$3();
 }
-var o$1 = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o$1 || {});
-function o(n2) {
+var o$2 = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o$2 || {});
+function o$1(n2) {
   var l2;
   return n2 == null || n2.value == null ? null : (l2 = n2.value.$el) != null ? l2 : n2.value;
 }
 let n$2 = Symbol("Context");
 var l$1 = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(l$1 || {});
-function p$4() {
+function p$3() {
   return inject(n$2, null);
 }
 function c$3(o2) {
   provide(n$2, o2);
 }
-function r$1(t2, e2) {
+function r(t2, e2) {
   if (t2)
     return t2;
   let n2 = e2 != null ? e2 : "button";
@@ -124,12 +124,12 @@ function r$1(t2, e2) {
     return "button";
 }
 function b$1(t2, e2) {
-  let n2 = ref(r$1(t2.value.type, t2.value.as));
+  let n2 = ref(r(t2.value.type, t2.value.as));
   return onMounted(() => {
-    n2.value = r$1(t2.value.type, t2.value.as);
+    n2.value = r(t2.value.type, t2.value.as);
   }), watchEffect(() => {
-    var o$12;
-    n2.value || o(e2) && o(e2) instanceof HTMLButtonElement && !((o$12 = o(e2)) != null && o$12.hasAttribute("type")) && (n2.value = "button");
+    var o2;
+    n2.value || o$1(e2) && o$1(e2) instanceof HTMLButtonElement && !((o2 = o$1(e2)) != null && o2.hasAttribute("type")) && (n2.value = "button");
   }), n2;
 }
 var i$1 = Object.defineProperty;
@@ -166,19 +166,19 @@ function m$2(r2) {
   if (r2 instanceof Node)
     return r2.ownerDocument;
   if (r2 != null && r2.hasOwnProperty("value")) {
-    let n2 = o(r2);
+    let n2 = o$1(r2);
     if (n2)
       return n2.ownerDocument;
   }
   return document;
 }
 let c$1 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
-var N$1 = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2))(N$1 || {}), T = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(T || {}), F$2 = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(F$2 || {});
+var N$1 = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2))(N$1 || {}), T$1 = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(T$1 || {}), F$1 = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(F$1 || {});
 function E$4(e2 = document.body) {
   return e2 == null ? [] : Array.from(e2.querySelectorAll(c$1)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
 var h$1 = ((t2) => (t2[t2.Strict = 0] = "Strict", t2[t2.Loose = 1] = "Loose", t2))(h$1 || {});
-function w$1(e2, r2 = 0) {
+function w$2(e2, r2 = 0) {
   var t2;
   return e2 === ((t2 = m$2(e2)) == null ? void 0 : t2.body) ? false : u$3(r2, { [0]() {
     return e2.matches(c$1);
@@ -192,7 +192,7 @@ function w$1(e2, r2 = 0) {
     return false;
   } });
 }
-var y = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(y || {});
+var y$1 = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(y$1 || {});
 typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e2) => {
   e2.metaKey || e2.altKey || e2.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, true), document.addEventListener("click", (e2) => {
@@ -206,7 +206,7 @@ function I(e2) {
   var r2, t2;
   return (t2 = (r2 = e2 == null ? void 0 : e2.matches) == null ? void 0 : r2.call(e2, H)) != null ? t2 : false;
 }
-function O(e2, r2 = (t2) => t2) {
+function O$1(e2, r2 = (t2) => t2) {
   return e2.slice().sort((t2, l2) => {
     let o2 = r2(t2), i2 = r2(l2);
     if (o2 === null || i2 === null)
@@ -217,7 +217,7 @@ function O(e2, r2 = (t2) => t2) {
 }
 function P$1(e2, r2, { sorted: t2 = true, relativeTo: l2 = null, skipElements: o2 = [] } = {}) {
   var m2;
-  let i2 = (m2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2 == null ? void 0 : e2.ownerDocument) != null ? m2 : document, n2 = Array.isArray(e2) ? t2 ? O(e2) : e2 : E$4(e2);
+  let i2 = (m2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2 == null ? void 0 : e2.ownerDocument) != null ? m2 : document, n2 = Array.isArray(e2) ? t2 ? O$1(e2) : e2 : E$4(e2);
   o2.length > 0 && n2.length > 1 && (n2 = n2.filter((s2) => !o2.includes(s2))), l2 = l2 != null ? l2 : i2.activeElement;
   let x2 = (() => {
     if (r2 & 5)
@@ -257,37 +257,40 @@ function u$2(e2, t2, n2) {
     document.addEventListener(e2, t2, n2), o2(() => document.removeEventListener(e2, t2, n2));
   });
 }
-function w(e2, n2, t2) {
+function w$1(e2, n2, t2) {
   c$2.isServer || watchEffect((o2) => {
     window.addEventListener(e2, n2, t2), o2(() => window.removeEventListener(e2, n2, t2));
   });
 }
-function F$1(f2, m2, l2 = computed(() => true)) {
-  function i2(e2, u2) {
-    if (!l2.value || e2.defaultPrevented)
+function y(f2, c2, i2 = computed(() => true)) {
+  function a2(e2, r2) {
+    if (!i2.value || e2.defaultPrevented)
       return;
-    let n2 = u2(e2);
-    if (n2 === null || !n2.getRootNode().contains(n2))
+    let t2 = r2(e2);
+    if (t2 === null || !t2.getRootNode().contains(t2))
       return;
-    let c2 = function o2(t2) {
-      return typeof t2 == "function" ? o2(t2()) : Array.isArray(t2) || t2 instanceof Set ? t2 : [t2];
+    let m2 = function o2(n2) {
+      return typeof n2 == "function" ? o2(n2()) : Array.isArray(n2) || n2 instanceof Set ? n2 : [n2];
     }(f2);
-    for (let o$12 of c2) {
-      if (o$12 === null)
+    for (let o2 of m2) {
+      if (o2 === null)
         continue;
-      let t2 = o$12 instanceof HTMLElement ? o$12 : o(o$12);
-      if (t2 != null && t2.contains(n2) || e2.composed && e2.composedPath().includes(t2))
+      let n2 = o2 instanceof HTMLElement ? o2 : o$1(o2);
+      if (n2 != null && n2.contains(t2) || e2.composed && e2.composedPath().includes(n2))
         return;
     }
-    return !w$1(n2, h$1.Loose) && n2.tabIndex !== -1 && e2.preventDefault(), m2(e2, n2);
+    return !w$2(t2, h$1.Loose) && t2.tabIndex !== -1 && e2.preventDefault(), c2(e2, t2);
   }
-  let r2 = ref(null);
-  u$2("mousedown", (e2) => {
-    var u2, n2;
-    l2.value && (r2.value = ((n2 = (u2 = e2.composedPath) == null ? void 0 : u2.call(e2)) == null ? void 0 : n2[0]) || e2.target);
+  let u2 = ref(null);
+  u$2("pointerdown", (e2) => {
+    var r2, t2;
+    i2.value && (u2.value = ((t2 = (r2 = e2.composedPath) == null ? void 0 : r2.call(e2)) == null ? void 0 : t2[0]) || e2.target);
+  }, true), u$2("mousedown", (e2) => {
+    var r2, t2;
+    i2.value && (u2.value = ((t2 = (r2 = e2.composedPath) == null ? void 0 : r2.call(e2)) == null ? void 0 : t2[0]) || e2.target);
   }, true), u$2("click", (e2) => {
-    r2.value && (i2(e2, () => r2.value), r2.value = null);
-  }, true), w("blur", (e2) => i2(e2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
+    u2.value && (a2(e2, () => u2.value), u2.value = null);
+  }, true), u$2("touchend", (e2) => a2(e2, () => e2.target instanceof HTMLElement ? e2.target : null), true), w$1("blur", (e2) => a2(e2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
 var a$2 = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(a$2 || {});
 let f$1 = defineComponent({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(r2, { slots: t2, attrs: d2 }) {
@@ -299,9 +302,14 @@ let f$1 = defineComponent({ name: "Hidden", props: { as: { type: [Object, String
 function t$3() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function r() {
-  let n2 = [], s2 = { addEventListener(e2, t2, i2, a2) {
-    return e2.addEventListener(t2, i2, a2), s2.add(() => e2.removeEventListener(t2, i2, a2));
+function t$2(e2) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o2) => setTimeout(() => {
+    throw o2;
+  }));
+}
+function o() {
+  let a2 = [], s2 = { addEventListener(e2, t2, r2, i2) {
+    return e2.addEventListener(t2, r2, i2), s2.add(() => e2.removeEventListener(t2, r2, i2));
   }, requestAnimationFrame(...e2) {
     let t2 = requestAnimationFrame(...e2);
     s2.add(() => cancelAnimationFrame(t2));
@@ -312,23 +320,30 @@ function r() {
   }, setTimeout(...e2) {
     let t2 = setTimeout(...e2);
     s2.add(() => clearTimeout(t2));
-  }, style(e2, t2, i2) {
-    let a2 = e2.style.getPropertyValue(t2);
-    return Object.assign(e2.style, { [t2]: i2 }), this.add(() => {
-      Object.assign(e2.style, { [t2]: a2 });
+  }, microTask(...e2) {
+    let t2 = { current: true };
+    return t$2(() => {
+      t2.current && e2[0]();
+    }), s2.add(() => {
+      t2.current = false;
+    });
+  }, style(e2, t2, r2) {
+    let i2 = e2.style.getPropertyValue(t2);
+    return Object.assign(e2.style, { [t2]: r2 }), this.add(() => {
+      Object.assign(e2.style, { [t2]: i2 });
     });
   }, group(e2) {
-    let t2 = r();
+    let t2 = o();
     return e2(t2), this.add(() => t2.dispose());
   }, add(e2) {
-    return n2.push(e2), () => {
-      let t2 = n2.indexOf(e2);
+    return a2.push(e2), () => {
+      let t2 = a2.indexOf(e2);
       if (t2 >= 0)
-        for (let i2 of n2.splice(t2, 1))
-          i2();
+        for (let r2 of a2.splice(t2, 1))
+          r2();
     };
   }, dispose() {
-    for (let e2 of n2.splice(0))
+    for (let e2 of a2.splice(0))
       e2();
   } };
   return s2;
@@ -336,7 +351,7 @@ function r() {
 var d$2 = ((r2) => (r2[r2.Forwards = 0] = "Forwards", r2[r2.Backwards = 1] = "Backwards", r2))(d$2 || {});
 function n() {
   let o2 = ref(0);
-  return w("keydown", (e2) => {
+  return w$1("keydown", (e2) => {
     e2.key === "Tab" && (o2.value = e2.shiftKey ? 1 : 0);
   }), o2;
 }
@@ -345,43 +360,38 @@ function E$3(n2, e2, o2, r2) {
     n2 = n2 != null ? n2 : window, n2.addEventListener(e2, o2, r2), t2(() => n2.removeEventListener(e2, o2, r2));
   });
 }
-function t$2(e2) {
-  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o2) => setTimeout(() => {
-    throw o2;
-  }));
-}
 function t$1(n2) {
   function e2() {
     document.readyState !== "loading" && (n2(), document.removeEventListener("DOMContentLoaded", e2));
   }
   typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("DOMContentLoaded", e2), e2());
 }
-function B$1(e2) {
+function B(e2) {
   if (!e2)
     return /* @__PURE__ */ new Set();
   if (typeof e2 == "function")
     return new Set(e2());
   let t2 = /* @__PURE__ */ new Set();
   for (let l2 of e2.value) {
-    let o$12 = o(l2);
-    o$12 instanceof HTMLElement && t2.add(o$12);
+    let o2 = o$1(l2);
+    o2 instanceof HTMLElement && t2.add(o2);
   }
   return t2;
 }
 var A = ((n2) => (n2[n2.None = 1] = "None", n2[n2.InitialFocus = 2] = "InitialFocus", n2[n2.TabLock = 4] = "TabLock", n2[n2.FocusLock = 8] = "FocusLock", n2[n2.RestoreFocus = 16] = "RestoreFocus", n2[n2.All = 30] = "All", n2))(A || {});
-let ce = Object.assign(defineComponent({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: ref(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: o$12 }) {
+let ce = Object.assign(defineComponent({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: ref(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: o2 }) {
   let r2 = ref(null);
-  o$12({ el: r2, $el: r2 });
+  o2({ el: r2, $el: r2 });
   let i2 = computed(() => m$2(r2)), n$12 = ref(false);
   onMounted(() => n$12.value = true), onUnmounted(() => n$12.value = false), z({ ownerDocument: i2 }, computed(() => n$12.value && Boolean(e2.features & 16)));
   let m2 = J({ ownerDocument: i2, container: r2, initialFocus: computed(() => e2.initialFocus) }, computed(() => n$12.value && Boolean(e2.features & 2)));
-  Q$1({ ownerDocument: i2, container: r2, containers: e2.containers, previousActiveElement: m2 }, computed(() => n$12.value && Boolean(e2.features & 8)));
+  Q({ ownerDocument: i2, container: r2, containers: e2.containers, previousActiveElement: m2 }, computed(() => n$12.value && Boolean(e2.features & 8)));
   let c2 = n();
   function u2(a2) {
-    let d2 = o(r2);
+    let d2 = o$1(r2);
     if (!d2)
       return;
-    ((g2) => g2())(() => {
+    ((g) => g())(() => {
       u$3(c2.value, { [d$2.Forwards]: () => {
         P$1(d2, N$1.First, { skipElements: [a2.relatedTarget] });
       }, [d$2.Backwards]: () => {
@@ -398,13 +408,13 @@ let ce = Object.assign(defineComponent({ name: "FocusTrap", props: { as: { type:
   function M2(a2) {
     if (!n$12.value)
       return;
-    let d2 = B$1(e2.containers);
-    o(r2) instanceof HTMLElement && d2.add(o(r2));
+    let d2 = B(e2.containers);
+    o$1(r2) instanceof HTMLElement && d2.add(o$1(r2));
     let E2 = a2.relatedTarget;
-    E2 instanceof HTMLElement && E2.dataset.headlessuiFocusGuard !== "true" && (N(d2, E2) || (s2.value ? P$1(o(r2), u$3(c2.value, { [d$2.Forwards]: () => N$1.Next, [d$2.Backwards]: () => N$1.Previous }) | N$1.WrapAround, { relativeTo: a2.target }) : a2.target instanceof HTMLElement && S$1(a2.target)));
+    E2 instanceof HTMLElement && E2.dataset.headlessuiFocusGuard !== "true" && (N(d2, E2) || (s2.value ? P$1(o$1(r2), u$3(c2.value, { [d$2.Forwards]: () => N$1.Next, [d$2.Backwards]: () => N$1.Previous }) | N$1.WrapAround, { relativeTo: a2.target }) : a2.target instanceof HTMLElement && S$1(a2.target)));
   }
   return () => {
-    let a2 = {}, d2 = { ref: r2, onKeydown: H2, onFocusout: M2 }, { features: E2, initialFocus: g2, containers: X2, ...O2 } = e2;
+    let a2 = {}, d2 = { ref: r2, onKeydown: H2, onFocusout: M2 }, { features: E2, initialFocus: g, containers: X2, ...O2 } = e2;
     return h$2(Fragment, [Boolean(E2 & 4) && h$2(f$1, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: u2, features: a$2.Focusable }), H$1({ ourProps: d2, theirProps: { ...t2, ...O2 }, slot: a2, attrs: t2, slots: l2, name: "FocusTrap" }), Boolean(E2 & 4) && h$2(f$1, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: u2, features: a$2.Focusable })]);
   };
 } }), { features: A }), L = [];
@@ -414,7 +424,7 @@ t$1(() => {
   }
   window.addEventListener("click", e2, { capture: true }), window.addEventListener("mousedown", e2, { capture: true }), window.addEventListener("focus", e2, { capture: true }), document.body.addEventListener("click", e2, { capture: true }), document.body.addEventListener("mousedown", e2, { capture: true }), document.body.addEventListener("focus", e2, { capture: true });
 });
-function x$1(e2) {
+function x(e2) {
   let t2 = ref(L.slice());
   return watch([e2], ([l2], [o2]) => {
     o2 === true && l2 === false ? t$2(() => {
@@ -426,7 +436,7 @@ function x$1(e2) {
   };
 }
 function z({ ownerDocument: e2 }, t2) {
-  let l2 = x$1(t2);
+  let l2 = x(t2);
   onMounted(() => {
     watchEffect(() => {
       var o2, r2;
@@ -436,18 +446,18 @@ function z({ ownerDocument: e2 }, t2) {
     t2.value && S$1(l2());
   });
 }
-function J({ ownerDocument: e2, container: t2, initialFocus: l2 }, o$12) {
+function J({ ownerDocument: e2, container: t2, initialFocus: l2 }, o2) {
   let r2 = ref(null), i2 = ref(false);
   return onMounted(() => i2.value = true), onUnmounted(() => i2.value = false), onMounted(() => {
-    watch([t2, l2, o$12], (n2, m2) => {
-      if (n2.every((u2, s2) => (m2 == null ? void 0 : m2[s2]) === u2) || !o$12.value)
+    watch([t2, l2, o2], (n2, m2) => {
+      if (n2.every((u2, s2) => (m2 == null ? void 0 : m2[s2]) === u2) || !o2.value)
         return;
-      let c2 = o(t2);
+      let c2 = o$1(t2);
       c2 && t$2(() => {
         var H2, M2;
         if (!i2.value)
           return;
-        let u2 = o(l2), s2 = (H2 = e2.value) == null ? void 0 : H2.activeElement;
+        let u2 = o$1(l2), s2 = (H2 = e2.value) == null ? void 0 : H2.activeElement;
         if (u2) {
           if (u2 === s2) {
             r2.value = s2;
@@ -457,23 +467,23 @@ function J({ ownerDocument: e2, container: t2, initialFocus: l2 }, o$12) {
           r2.value = s2;
           return;
         }
-        u2 ? S$1(u2) : P$1(c2, N$1.First | N$1.NoScroll) === T.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r2.value = (M2 = e2.value) == null ? void 0 : M2.activeElement;
+        u2 ? S$1(u2) : P$1(c2, N$1.First | N$1.NoScroll) === T$1.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r2.value = (M2 = e2.value) == null ? void 0 : M2.activeElement;
       });
     }, { immediate: true, flush: "post" });
   }), r2;
 }
-function Q$1({ ownerDocument: e2, container: t2, containers: l2, previousActiveElement: o$12 }, r2) {
+function Q({ ownerDocument: e2, container: t2, containers: l2, previousActiveElement: o2 }, r2) {
   var i2;
   E$3((i2 = e2.value) == null ? void 0 : i2.defaultView, "focus", (n2) => {
     if (!r2.value)
       return;
-    let m2 = B$1(l2);
-    o(t2) instanceof HTMLElement && m2.add(o(t2));
-    let c2 = o$12.value;
+    let m2 = B(l2);
+    o$1(t2) instanceof HTMLElement && m2.add(o$1(t2));
+    let c2 = o2.value;
     if (!c2)
       return;
     let u2 = n2.target;
-    u2 && u2 instanceof HTMLElement ? N(m2, u2) ? (o$12.value = u2, S$1(u2)) : (n2.preventDefault(), n2.stopPropagation(), S$1(c2)) : S$1(o$12.value);
+    u2 && u2 instanceof HTMLElement ? N(m2, u2) ? (o2.value = u2, S$1(u2)) : (n2.preventDefault(), n2.stopPropagation(), S$1(c2)) : S$1(o2.value);
   }, true);
 }
 function N(e2, t2) {
@@ -484,14 +494,14 @@ function N(e2, t2) {
 }
 let i = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
 function E$2(d2, f2 = ref(true)) {
-  watchEffect((o$12) => {
+  watchEffect((o2) => {
     var a2;
     if (!f2.value)
       return;
-    let e2 = o(d2);
+    let e2 = o$1(d2);
     if (!e2)
       return;
-    o$12(function() {
+    o2(function() {
       var u2;
       if (!e2)
         return;
@@ -528,24 +538,24 @@ function E$1(t2) {
   let r2 = e2.createElement("div");
   return r2.setAttribute("id", "headlessui-portal-root"), e2.body.appendChild(r2);
 }
-let U$1 = defineComponent({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(t2, { slots: e2, attrs: u2 }) {
-  let r2 = ref(null), i2 = computed(() => m$2(r2)), l2 = u$1(), n2 = inject(h, null), o$12 = ref(l2 === true || n2 == null ? E$1(r2.value) : n2.resolveTarget());
+let U$2 = defineComponent({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(t2, { slots: e2, attrs: u2 }) {
+  let r2 = ref(null), i2 = computed(() => m$2(r2)), l2 = u$1(), n2 = inject(h, null), o2 = ref(l2 === true || n2 == null ? E$1(r2.value) : n2.resolveTarget());
   watchEffect(() => {
-    l2 || n2 != null && (o$12.value = n2.resolveTarget());
+    l2 || n2 != null && (o2.value = n2.resolveTarget());
   });
   let d2 = inject(f, null);
   return onMounted(() => {
-    let a2 = o(r2);
+    let a2 = o$1(r2);
     a2 && d2 && onUnmounted(d2.register(a2));
   }), onUnmounted(() => {
     var v2, P2;
     let a2 = (v2 = i2.value) == null ? void 0 : v2.getElementById("headlessui-portal-root");
-    a2 && o$12.value === a2 && o$12.value.children.length <= 0 && ((P2 = o$12.value.parentElement) == null || P2.removeChild(o$12.value));
+    a2 && o2.value === a2 && o2.value.children.length <= 0 && ((P2 = o2.value.parentElement) == null || P2.removeChild(o2.value));
   }), () => {
-    if (o$12.value === null)
+    if (o2.value === null)
       return null;
     let a2 = { ref: r2, "data-headlessui-portal": "" };
-    return h$2(Teleport, { to: o$12.value }, H$1({ ourProps: a2, theirProps: t2, slot: {}, attrs: u2, slots: e2, name: "Portal" }));
+    return h$2(Teleport, { to: o2.value }, H$1({ ourProps: a2, theirProps: t2, slot: {}, attrs: u2, slots: e2, name: "Portal" }));
   };
 } }), f = Symbol("PortalParentContext");
 function V$1() {
@@ -575,7 +585,7 @@ let h = Symbol("PortalGroupContext"), _ = defineComponent({ name: "PortalGroup",
   };
 } });
 let u = Symbol("StackContext");
-var p$3 = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(p$3 || {});
+var p$2 = ((e2) => (e2[e2.Add = 0] = "Add", e2[e2.Remove = 1] = "Remove", e2))(p$2 || {});
 function v() {
   return inject(u, () => {
   });
@@ -593,9 +603,9 @@ function S({ type: o2, enabled: r2, element: e2, onUpdate: i2 }) {
     r2.value && t2(1, o2, e2);
   }), provide(u, t2);
 }
-let p$2 = Symbol("DescriptionContext");
+let p$1 = Symbol("DescriptionContext");
 function b() {
-  let t2 = inject(p$2, null);
+  let t2 = inject(p$1, null);
   if (t2 === null)
     throw new Error("Missing parent");
   return t2;
@@ -608,12 +618,12 @@ function M$1({ slot: t2 = ref({}), name: i2 = "Description", props: o2 = {} } =
       r2 !== -1 && e2.value.splice(r2, 1);
     };
   }
-  return provide(p$2, { register: s2, slot: t2, name: i2, props: o2 }), computed(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
+  return provide(p$1, { register: s2, slot: t2, name: i2, props: o2 }), computed(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
 }
 let E = defineComponent({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${t$4()}` } }, setup(t2, { attrs: i2, slots: o2 }) {
   let e2 = b();
   return onMounted(() => onUnmounted(e2.register(t2.id))), () => {
-    let { name: s2 = "Description", slot: n2 = ref({}), props: r2 = {} } = e2, { id: d2, ...l2 } = t2, c2 = { ...Object.entries(r2).reduce((f2, [a2, g2]) => Object.assign(f2, { [a2]: unref(g2) }), {}), id: d2 };
+    let { name: s2 = "Description", slot: n2 = ref({}), props: r2 = {} } = e2, { id: d2, ...l2 } = t2, c2 = { ...Object.entries(r2).reduce((f2, [a2, g]) => Object.assign(f2, { [a2]: unref(g) }), {}), id: d2 };
     return H$1({ ourProps: c2, theirProps: l2, slot: n2.value, attrs: i2, slots: o2, name: s2 });
   };
 } });
@@ -645,32 +655,36 @@ function c() {
     n2.style(t2, "paddingRight", `${r2}px`);
   } };
 }
-function p$1() {
+function w() {
   if (!t$3())
     return {};
-  let o2;
+  let r2;
   return { before() {
-    o2 = window.pageYOffset;
-  }, after({ doc: r2, d: l2, meta: s2 }) {
+    r2 = window.pageYOffset;
+  }, after({ doc: n2, d: o$12, meta: s2 }) {
     function i2(e2) {
       return s2.containers.flatMap((t2) => t2()).some((t2) => t2.contains(e2));
     }
-    l2.style(r2.body, "marginTop", `-${o2}px`), window.scrollTo(0, 0);
-    let n2 = null;
-    l2.addEventListener(r2, "click", (e2) => {
+    if (window.getComputedStyle(n2.documentElement).scrollBehavior !== "auto") {
+      let e2 = o();
+      e2.style(n2.documentElement, "scroll-behavior", "auto"), o$12.add(() => o$12.microTask(() => e2.dispose()));
+    }
+    o$12.style(n2.body, "marginTop", `-${r2}px`), window.scrollTo(0, 0);
+    let l2 = null;
+    o$12.addEventListener(n2, "click", (e2) => {
       if (e2.target instanceof HTMLElement)
         try {
           let t2 = e2.target.closest("a");
           if (!t2)
             return;
-          let { hash: c2 } = new URL(t2.href), a2 = r2.querySelector(c2);
-          a2 && !i2(a2) && (n2 = a2);
+          let { hash: c2 } = new URL(t2.href), a2 = n2.querySelector(c2);
+          a2 && !i2(a2) && (l2 = a2);
         } catch {
         }
-    }, true), l2.addEventListener(r2, "touchmove", (e2) => {
+    }, true), o$12.addEventListener(n2, "touchmove", (e2) => {
       e2.target instanceof HTMLElement && !i2(e2.target) && e2.preventDefault();
-    }, { passive: false }), l2.add(() => {
-      window.scrollTo(0, window.pageYOffset + o2), n2 && n2.isConnected && (n2.scrollIntoView({ block: "nearest" }), n2 = null);
+    }, { passive: false }), o$12.add(() => {
+      window.scrollTo(0, window.pageYOffset + r2), l2 && l2.isConnected && (l2.scrollIntoView({ block: "nearest" }), l2 = null);
     });
   } };
 }
@@ -686,14 +700,14 @@ function m(e2) {
   return n2;
 }
 let a = a$1(() => /* @__PURE__ */ new Map(), { PUSH(e2, n2) {
-  var o2;
-  let t2 = (o2 = this.get(e2)) != null ? o2 : { doc: e2, count: 0, d: r(), meta: /* @__PURE__ */ new Set() };
+  var o$12;
+  let t2 = (o$12 = this.get(e2)) != null ? o$12 : { doc: e2, count: 0, d: o(), meta: /* @__PURE__ */ new Set() };
   return t2.count++, t2.meta.add(n2), this.set(e2, t2), this;
 }, POP(e2, n2) {
   let t2 = this.get(e2);
   return t2 && (t2.count--, t2.meta.delete(n2)), this;
 }, SCROLL_PREVENT({ doc: e2, d: n2, meta: t2 }) {
-  let o2 = { doc: e2, d: n2, meta: m(t2) }, c$12 = [p$1(), c(), l()];
+  let o2 = { doc: e2, d: n2, meta: m(t2) }, c$12 = [w(), c(), l()];
   c$12.forEach(({ before: r2 }) => r2 == null ? void 0 : r2(o2)), c$12.forEach(({ after: r2 }) => r2 == null ? void 0 : r2(o2));
 }, SCROLL_ALLOW({ d: e2 }) {
   e2.dispose();
@@ -724,24 +738,24 @@ function d$1(t2, a$12, n2) {
     });
   }, { immediate: true }), l2;
 }
-function p({ defaultContainers: r2 = [], portals: t2 } = {}) {
-  let o$12 = ref(null), l2 = m$2(o$12);
+function p({ defaultContainers: t2 = [], portals: o2, mainTreeNodeRef: s2 } = {}) {
+  let i2 = ref(null), r2 = m$2(i2);
   function u2() {
-    var i2;
+    var l2;
     let n2 = [];
-    for (let e2 of r2)
+    for (let e2 of t2)
       e2 !== null && (e2 instanceof HTMLElement ? n2.push(e2) : "value" in e2 && e2.value instanceof HTMLElement && n2.push(e2.value));
-    if (t2 != null && t2.value)
-      for (let e2 of t2.value)
+    if (o2 != null && o2.value)
+      for (let e2 of o2.value)
         n2.push(e2);
-    for (let e2 of (i2 = l2 == null ? void 0 : l2.querySelectorAll("html > *, body > *")) != null ? i2 : [])
-      e2 !== document.body && e2 !== document.head && e2 instanceof HTMLElement && e2.id !== "headlessui-portal-root" && (e2.contains(o(o$12)) || n2.some((f2) => e2.contains(f2)) || n2.push(e2));
+    for (let e2 of (l2 = r2 == null ? void 0 : r2.querySelectorAll("html > *, body > *")) != null ? l2 : [])
+      e2 !== document.body && e2 !== document.head && e2 instanceof HTMLElement && e2.id !== "headlessui-portal-root" && (e2.contains(o$1(i2)) || n2.some((c2) => e2.contains(c2)) || n2.push(e2));
     return n2;
   }
   return { resolveContainers: u2, contains(n2) {
-    return u2().some((i2) => i2.contains(n2));
-  }, mainTreeNodeRef: o$12, MainTreeNode() {
-    return h$2(f$1, { features: a$2.Hidden, ref: o$12 });
+    return u2().some((l2) => l2.contains(n2));
+  }, mainTreeNodeRef: i2, MainTreeNode() {
+    return s2 != null ? null : h$2(f$1, { features: a$2.Hidden, ref: i2 });
   } };
 }
 var Oe = ((t2) => (t2[t2.Open = 0] = "Open", t2[t2.Closed = 1] = "Closed", t2))(Oe || {});
@@ -754,46 +768,46 @@ function C(o2) {
   }
   return n2;
 }
-let M = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ue = defineComponent({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: M }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${t$4()}` } }, emits: { close: (o2) => true }, setup(o$2, { emit: n2, attrs: t2, slots: u2, expose: i2 }) {
+let M = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ue = defineComponent({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: M }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${t$4()}` } }, emits: { close: (o2) => true }, setup(o2, { emit: n2, attrs: t2, slots: u2, expose: i2 }) {
   var N2;
   let r2 = ref(false);
   onMounted(() => {
     r2.value = true;
   });
-  let s2 = ref(0), p$12 = p$4(), m2 = computed(() => o$2.open === M && p$12 !== null ? (p$12.value & l$1.Open) === l$1.Open : o$2.open), v2 = ref(null), T2 = computed(() => m$2(v2));
-  if (i2({ el: v2, $el: v2 }), !(o$2.open !== M || p$12 !== null))
+  let s2 = ref(0), p$12 = p$3(), m2 = computed(() => o2.open === M && p$12 !== null ? (p$12.value & l$1.Open) === l$1.Open : o2.open), v2 = ref(null), T2 = computed(() => m$2(v2));
+  if (i2({ el: v2, $el: v2 }), !(o2.open !== M || p$12 !== null))
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof m2.value != "boolean")
-    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === M ? void 0 : o$2.open}`);
+    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${m2.value === M ? void 0 : o2.open}`);
   let c2 = computed(() => r2.value && m2.value ? 0 : 1), R = computed(() => c2.value === 0), E2 = computed(() => s2.value > 1), $2 = inject(F, null) !== null, [G, V2] = V$1(), { resolveContainers: x2, mainTreeNodeRef: j2, MainTreeNode: W } = p({ portals: G, defaultContainers: [computed(() => {
     var e2;
-    return (e2 = y2.panelRef.value) != null ? e2 : v2.value;
+    return (e2 = y$12.panelRef.value) != null ? e2 : v2.value;
   })] }), J2 = computed(() => E2.value ? "parent" : "leaf"), H2 = computed(() => p$12 !== null ? (p$12.value & l$1.Closing) === l$1.Closing : false), Q2 = computed(() => $2 || H2.value ? false : R.value), X2 = computed(() => {
     var e2, l2, f2;
-    return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("body > *")) != null ? l2 : []).find((d2) => d2.id === "headlessui-portal-root" ? false : d2.contains(o(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
+    return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("body > *")) != null ? l2 : []).find((d2) => d2.id === "headlessui-portal-root" ? false : d2.contains(o$1(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
   });
   E$2(X2, Q2);
   let Z = computed(() => E2.value ? true : R.value), ee = computed(() => {
     var e2, l2, f2;
-    return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("[data-headlessui-portal]")) != null ? l2 : []).find((d2) => d2.contains(o(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
+    return (f2 = Array.from((l2 = (e2 = T2.value) == null ? void 0 : e2.querySelectorAll("[data-headlessui-portal]")) != null ? l2 : []).find((d2) => d2.contains(o$1(j2)) && d2 instanceof HTMLElement)) != null ? f2 : null;
   });
   E$2(ee, Z), S({ type: "Dialog", enabled: computed(() => c2.value === 0), element: v2, onUpdate: (e2, l2) => {
     if (l2 === "Dialog")
-      return u$3(e2, { [p$3.Add]: () => s2.value += 1, [p$3.Remove]: () => s2.value -= 1 });
+      return u$3(e2, { [p$2.Add]: () => s2.value += 1, [p$2.Remove]: () => s2.value -= 1 });
   } });
-  let te2 = M$1({ name: "DialogDescription", slot: computed(() => ({ open: m2.value })) }), k2 = ref(null), y2 = { titleId: k2, panelRef: ref(null), dialogState: c2, setTitleId(e2) {
+  let te2 = M$1({ name: "DialogDescription", slot: computed(() => ({ open: m2.value })) }), k2 = ref(null), y$12 = { titleId: k2, panelRef: ref(null), dialogState: c2, setTitleId(e2) {
     k2.value !== e2 && (k2.value = e2);
   }, close() {
     n2("close", false);
   } };
-  provide(F, y2);
+  provide(F, y$12);
   let le2 = computed(() => !(!R.value || E2.value));
-  F$1(x2, (e2, l2) => {
-    y2.close(), nextTick(() => l2 == null ? void 0 : l2.focus());
+  y(x2, (e2, l2) => {
+    y$12.close(), nextTick(() => l2 == null ? void 0 : l2.focus());
   }, le2);
   let oe = computed(() => !(E2.value || c2.value !== 0));
   E$3((N2 = T2.value) == null ? void 0 : N2.defaultView, "keydown", (e2) => {
-    oe.value && (e2.defaultPrevented || e2.key === o$1.Escape && (e2.preventDefault(), e2.stopPropagation(), y2.close()));
+    oe.value && (e2.defaultPrevented || e2.key === o$2.Escape && (e2.preventDefault(), e2.stopPropagation(), y$12.close()));
   });
   let re = computed(() => !(H2.value || c2.value !== 0 || $2));
   return d$1(T2, re, (e2) => {
@@ -802,19 +816,19 @@ let M = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ue = defineComponent({ name: "Di
   }), watchEffect((e2) => {
     if (c2.value !== 0)
       return;
-    let l2 = o(v2);
+    let l2 = o$1(v2);
     if (!l2)
       return;
     let f2 = new ResizeObserver((d2) => {
       for (let A2 of d2) {
         let D = A2.target.getBoundingClientRect();
-        D.x === 0 && D.y === 0 && D.width === 0 && D.height === 0 && y2.close();
+        D.x === 0 && D.y === 0 && D.width === 0 && D.height === 0 && y$12.close();
       }
     });
     f2.observe(l2), e2(() => f2.disconnect());
   }), () => {
-    let { id: e2, open: l2, initialFocus: f2, ...d2 } = o$2, A2 = { ...t2, ref: v2, id: e2, role: "dialog", "aria-modal": c2.value === 0 ? true : void 0, "aria-labelledby": k2.value, "aria-describedby": te2.value }, D = { open: c2.value === 0 };
-    return h$2(P, { force: true }, () => [h$2(U$1, () => h$2(_, { target: v2.value }, () => h$2(P, { force: false }, () => h$2(ce, { initialFocus: f2, containers: x2, features: R.value ? u$3(J2.value, { parent: ce.features.RestoreFocus, leaf: ce.features.All & ~ce.features.FocusLock }) : ce.features.None }, () => h$2(V2, {}, () => H$1({ ourProps: A2, theirProps: { ...d2, ...t2 }, slot: D, attrs: t2, slots: u2, visible: c2.value === 0, features: N$2.RenderStrategy | N$2.Static, name: "Dialog" })))))), h$2(W)]);
+    let { id: e2, open: l2, initialFocus: f2, ...d2 } = o2, A2 = { ...t2, ref: v2, id: e2, role: "dialog", "aria-modal": c2.value === 0 ? true : void 0, "aria-labelledby": k2.value, "aria-describedby": te2.value }, D = { open: c2.value === 0 };
+    return h$2(P, { force: true }, () => [h$2(U$2, () => h$2(_, { target: v2.value }, () => h$2(P, { force: false }, () => h$2(ce, { initialFocus: f2, containers: x2, features: R.value ? u$3(J2.value, { parent: ce.features.RestoreFocus, leaf: ce.features.All & ~ce.features.FocusLock }) : ce.features.None }, () => h$2(V2, {}, () => H$1({ ourProps: A2, theirProps: { ...d2, ...t2 }, slot: D, attrs: t2, slots: u2, visible: c2.value === 0, features: N$2.RenderStrategy | N$2.Static, name: "Dialog" })))))), h$2(W)]);
   };
 } });
 defineComponent({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${t$4()}` } }, setup(o2, { attrs: n2, slots: t2 }) {
@@ -834,7 +848,7 @@ defineComponent({ name: "DialogBackdrop", props: { as: { type: [Object, String],
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { id: s2, ...p2 } = o2, m2 = { id: s2, ref: r2, "aria-hidden": true };
-    return h$2(P, { force: true }, () => h$2(U$1, () => H$1({ ourProps: m2, theirProps: { ...n2, ...p2 }, slot: { open: i2.dialogState.value === 0 }, attrs: n2, slots: t2, name: "DialogBackdrop" })));
+    return h$2(P, { force: true }, () => h$2(U$2, () => H$1({ ourProps: m2, theirProps: { ...n2, ...p2 }, slot: { open: i2.dialogState.value === 0 }, attrs: n2, slots: t2, name: "DialogBackdrop" })));
   };
 } });
 let Ge = defineComponent({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${t$4()}` } }, setup(o2, { attrs: n2, slots: t2, expose: u2 }) {
@@ -856,90 +870,92 @@ let Ge = defineComponent({ name: "DialogPanel", props: { as: { type: [Object, St
     return H$1({ ourProps: { id: i2 }, theirProps: r2, slot: { open: u2.dialogState.value === 0 }, attrs: n2, slots: t2, name: "DialogTitle" });
   };
 } }), We = E;
-var j$1 = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))(j$1 || {});
-let x = Symbol("DisclosureContext");
-function g(t2) {
-  let r2 = inject(x, null);
+var $$1 = ((o2) => (o2[o2.Open = 0] = "Open", o2[o2.Closed = 1] = "Closed", o2))($$1 || {});
+let T = Symbol("DisclosureContext");
+function O(t2) {
+  let r2 = inject(T, null);
   if (r2 === null) {
     let o2 = new Error(`<${t2} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o2, g), o2;
+    throw Error.captureStackTrace && Error.captureStackTrace(o2, O), o2;
   }
   return r2;
 }
-let B = Symbol("DisclosurePanelContext");
-function $$1() {
-  return inject(B, null);
+let k$1 = Symbol("DisclosurePanelContext");
+function U$1() {
+  return inject(k$1, null);
 }
-let Q = defineComponent({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(t2, { slots: r2, attrs: o$12 }) {
-  let u2 = ref(t2.defaultOpen ? 0 : 1), e2 = ref(null), i2 = ref(null), s2 = { buttonId: ref(null), panelId: ref(null), disclosureState: u2, panel: e2, button: i2, toggleDisclosure() {
-    u2.value = u$3(u2.value, { [0]: 1, [1]: 0 });
+let V = defineComponent({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(t2, { slots: r2, attrs: o2 }) {
+  let s2 = ref(t2.defaultOpen ? 0 : 1), e2 = ref(null), i2 = ref(null), n2 = { buttonId: ref(`headlessui-disclosure-button-${t$4()}`), panelId: ref(`headlessui-disclosure-panel-${t$4()}`), disclosureState: s2, panel: e2, button: i2, toggleDisclosure() {
+    s2.value = u$3(s2.value, { [0]: 1, [1]: 0 });
   }, closeDisclosure() {
-    u2.value !== 1 && (u2.value = 1);
+    s2.value !== 1 && (s2.value = 1);
   }, close(l2) {
-    s2.closeDisclosure();
-    let a2 = (() => l2 ? l2 instanceof HTMLElement ? l2 : l2.value instanceof HTMLElement ? o(l2) : o(s2.button) : o(s2.button))();
+    n2.closeDisclosure();
+    let a2 = (() => l2 ? l2 instanceof HTMLElement ? l2 : l2.value instanceof HTMLElement ? o$1(l2) : o$1(n2.button) : o$1(n2.button))();
     a2 == null || a2.focus();
   } };
-  return provide(x, s2), c$3(computed(() => u$3(u2.value, { [0]: l$1.Open, [1]: l$1.Closed }))), () => {
-    let { defaultOpen: l2, ...a2 } = t2, c2 = { open: u2.value === 0, close: s2.close };
-    return H$1({ theirProps: a2, ourProps: {}, slot: c2, slots: r2, attrs: o$12, name: "Disclosure" });
+  return provide(T, n2), c$3(computed(() => u$3(s2.value, { [0]: l$1.Open, [1]: l$1.Closed }))), () => {
+    let { defaultOpen: l2, ...a2 } = t2, c2 = { open: s2.value === 0, close: n2.close };
+    return H$1({ theirProps: a2, ourProps: {}, slot: c2, slots: r2, attrs: o2, name: "Disclosure" });
   };
-} }), V = defineComponent({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-disclosure-button-${t$4()}` } }, setup(t2, { attrs: r2, slots: o$2, expose: u2 }) {
-  let e2 = g("DisclosureButton");
+} }), X = defineComponent({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(t2, { attrs: r2, slots: o2, expose: s2 }) {
+  let e2 = O("DisclosureButton"), i2 = U$1(), n2 = computed(() => i2 === null ? false : i2.value === e2.panelId.value);
   onMounted(() => {
-    e2.buttonId.value = t2.id;
+    n2.value || t2.id !== null && (e2.buttonId.value = t2.id);
   }), onUnmounted(() => {
-    e2.buttonId.value = null;
+    n2.value || (e2.buttonId.value = null);
   });
-  let i2 = $$1(), s2 = computed(() => i2 === null ? false : i2.value === e2.panelId.value), l2 = ref(null);
-  u2({ el: l2, $el: l2 }), s2.value || watchEffect(() => {
+  let l2 = ref(null);
+  s2({ el: l2, $el: l2 }), n2.value || watchEffect(() => {
     e2.button.value = l2.value;
   });
   let a2 = b$1(computed(() => ({ as: t2.as, type: r2.type })), l2);
   function c2() {
-    var n2;
-    t2.disabled || (s2.value ? (e2.toggleDisclosure(), (n2 = o(e2.button)) == null || n2.focus()) : e2.toggleDisclosure());
+    var u2;
+    t2.disabled || (n2.value ? (e2.toggleDisclosure(), (u2 = o$1(e2.button)) == null || u2.focus()) : e2.toggleDisclosure());
   }
-  function D(n2) {
+  function D(u2) {
     var S2;
     if (!t2.disabled)
-      if (s2.value)
-        switch (n2.key) {
-          case o$1.Space:
-          case o$1.Enter:
-            n2.preventDefault(), n2.stopPropagation(), e2.toggleDisclosure(), (S2 = o(e2.button)) == null || S2.focus();
+      if (n2.value)
+        switch (u2.key) {
+          case o$2.Space:
+          case o$2.Enter:
+            u2.preventDefault(), u2.stopPropagation(), e2.toggleDisclosure(), (S2 = o$1(e2.button)) == null || S2.focus();
             break;
         }
       else
-        switch (n2.key) {
-          case o$1.Space:
-          case o$1.Enter:
-            n2.preventDefault(), n2.stopPropagation(), e2.toggleDisclosure();
+        switch (u2.key) {
+          case o$2.Space:
+          case o$2.Enter:
+            u2.preventDefault(), u2.stopPropagation(), e2.toggleDisclosure();
             break;
         }
   }
-  function T2(n2) {
-    switch (n2.key) {
-      case o$1.Space:
-        n2.preventDefault();
+  function v2(u2) {
+    switch (u2.key) {
+      case o$2.Space:
+        u2.preventDefault();
         break;
     }
   }
   return () => {
-    let n2 = { open: e2.disclosureState.value === 0 }, { id: S2, ...k2 } = t2, K = s2.value ? { ref: l2, type: a2.value, onClick: c2, onKeydown: D } : { id: S2, ref: l2, type: a2.value, "aria-expanded": t2.disabled ? void 0 : e2.disclosureState.value === 0, "aria-controls": o(e2.panel) ? e2.panelId.value : void 0, disabled: t2.disabled ? true : void 0, onClick: c2, onKeydown: D, onKeyup: T2 };
-    return H$1({ ourProps: K, theirProps: k2, slot: n2, attrs: r2, slots: o$2, name: "DisclosureButton" });
+    var C2;
+    let u2 = { open: e2.disclosureState.value === 0 }, { id: S2, ...K } = t2, M2 = n2.value ? { ref: l2, type: a2.value, onClick: c2, onKeydown: D } : { id: (C2 = e2.buttonId.value) != null ? C2 : S2, ref: l2, type: a2.value, "aria-expanded": e2.disclosureState.value === 0, "aria-controls": e2.disclosureState.value === 0 || o$1(e2.panel) ? e2.panelId.value : void 0, disabled: t2.disabled ? true : void 0, onClick: c2, onKeydown: D, onKeyup: v2 };
+    return H$1({ ourProps: M2, theirProps: K, slot: u2, attrs: r2, slots: o2, name: "DisclosureButton" });
   };
-} }), X = defineComponent({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-disclosure-panel-${t$4()}` } }, setup(t2, { attrs: r2, slots: o2, expose: u2 }) {
-  let e2 = g("DisclosurePanel");
+} }), Y = defineComponent({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(t2, { attrs: r2, slots: o2, expose: s2 }) {
+  let e2 = O("DisclosurePanel");
   onMounted(() => {
-    e2.panelId.value = t2.id;
+    t2.id !== null && (e2.panelId.value = t2.id);
   }), onUnmounted(() => {
     e2.panelId.value = null;
-  }), u2({ el: e2.panel, $el: e2.panel }), provide(B, e2.panelId);
-  let i2 = p$4(), s2 = computed(() => i2 !== null ? (i2.value & l$1.Open) === l$1.Open : e2.disclosureState.value === 0);
+  }), s2({ el: e2.panel, $el: e2.panel }), provide(k$1, e2.panelId);
+  let i2 = p$3(), n2 = computed(() => i2 !== null ? (i2.value & l$1.Open) === l$1.Open : e2.disclosureState.value === 0);
   return () => {
-    let l2 = { open: e2.disclosureState.value === 0, close: e2.close }, { id: a2, ...c2 } = t2, D = { id: a2, ref: e2.panel };
-    return H$1({ ourProps: D, theirProps: c2, slot: l2, attrs: r2, slots: o2, features: N$2.RenderStrategy | N$2.Static, visible: s2.value, name: "DisclosurePanel" });
+    var v2;
+    let l2 = { open: e2.disclosureState.value === 0, close: e2.close }, { id: a2, ...c2 } = t2, D = { id: (v2 = e2.panelId.value) != null ? v2 : a2, ref: e2.panel };
+    return H$1({ ourProps: D, theirProps: c2, slot: l2, attrs: r2, slots: o2, features: N$2.RenderStrategy | N$2.Static, visible: n2.value, name: "DisclosurePanel" });
   };
 } });
 let d = defineComponent({ props: { onFocus: { type: Function, required: true } }, setup(t2) {
@@ -973,17 +989,17 @@ function k(a2) {
   return v2;
 }
 let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits: { change: (a2) => true }, props: { as: { type: [Object, String], default: "template" }, selectedIndex: { type: [Number], default: null }, defaultIndex: { type: [Number], default: 0 }, vertical: { type: [Boolean], default: false }, manual: { type: [Boolean], default: false } }, inheritAttrs: false, setup(a2, { slots: v2, attrs: i2, emit: s2 }) {
-  var h2;
-  let l2 = ref((h2 = a2.selectedIndex) != null ? h2 : a2.defaultIndex), n2 = ref([]), o$12 = ref([]), T2 = computed(() => a2.selectedIndex !== null), b2 = computed(() => T2.value ? a2.selectedIndex : l2.value);
+  var P2;
+  let l2 = ref((P2 = a2.selectedIndex) != null ? P2 : a2.defaultIndex), n2 = ref([]), o2 = ref([]), h2 = computed(() => a2.selectedIndex !== null), b2 = computed(() => h2.value ? a2.selectedIndex : l2.value);
   function m2(t2) {
     var S2;
-    let e2 = O(r2.tabs.value, o), u2 = O(r2.panels.value, o), f2 = e2.filter((p2) => {
-      var E2;
-      return !((E2 = o(p2)) != null && E2.hasAttribute("disabled"));
+    let e2 = O$1(r2.tabs.value, o$1), u2 = O$1(r2.panels.value, o$1), f2 = e2.filter((p2) => {
+      var g;
+      return !((g = o$1(p2)) != null && g.hasAttribute("disabled"));
     });
     if (t2 < 0 || t2 > e2.length - 1) {
-      let p2 = u$3(l2.value === null ? 0 : Math.sign(t2 - l2.value), { [-1]: () => 1, [0]: () => u$3(Math.sign(t2), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
-      l2.value = u$3(p2, { [0]: () => e2.indexOf(f2[0]), [1]: () => e2.indexOf(f2[f2.length - 1]) }), r2.tabs.value = e2, r2.panels.value = u2;
+      let p2 = u$3(l2.value === null ? 0 : Math.sign(t2 - l2.value), { [-1]: () => 1, [0]: () => u$3(Math.sign(t2), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 }), g = u$3(p2, { [0]: () => e2.indexOf(f2[0]), [1]: () => e2.indexOf(f2[f2.length - 1]) });
+      g !== -1 && (l2.value = g), r2.tabs.value = e2, r2.panels.value = u2;
     } else {
       let p2 = e2.slice(0, t2), G = [...e2.slice(t2), ...p2].find((W) => f2.includes(W));
       if (!G)
@@ -995,51 +1011,51 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
   let r2 = { selectedIndex: computed(() => {
     var t2, e2;
     return (e2 = (t2 = l2.value) != null ? t2 : a2.defaultIndex) != null ? e2 : null;
-  }), orientation: computed(() => a2.vertical ? "vertical" : "horizontal"), activation: computed(() => a2.manual ? "manual" : "auto"), tabs: n2, panels: o$12, setSelectedIndex(t2) {
-    b2.value !== t2 && s2("change", t2), T2.value || m2(t2);
+  }), orientation: computed(() => a2.vertical ? "vertical" : "horizontal"), activation: computed(() => a2.manual ? "manual" : "auto"), tabs: n2, panels: o2, setSelectedIndex(t2) {
+    b2.value !== t2 && s2("change", t2), h2.value || m2(t2);
   }, registerTab(t2) {
     var f2;
     if (n2.value.includes(t2))
       return;
     let e2 = n2.value[l2.value];
-    n2.value.push(t2), n2.value = O(n2.value, o);
+    n2.value.push(t2), n2.value = O$1(n2.value, o$1);
     let u2 = (f2 = n2.value.indexOf(e2)) != null ? f2 : l2.value;
     u2 !== -1 && (l2.value = u2);
   }, unregisterTab(t2) {
     let e2 = n2.value.indexOf(t2);
     e2 !== -1 && n2.value.splice(e2, 1);
   }, registerPanel(t2) {
-    o$12.value.includes(t2) || (o$12.value.push(t2), o$12.value = O(o$12.value, o));
+    o2.value.includes(t2) || (o2.value.push(t2), o2.value = O$1(o2.value, o$1));
   }, unregisterPanel(t2) {
-    let e2 = o$12.value.indexOf(t2);
-    e2 !== -1 && o$12.value.splice(e2, 1);
+    let e2 = o2.value.indexOf(t2);
+    e2 !== -1 && o2.value.splice(e2, 1);
   } };
   provide(U, r2);
-  let R = ref({ tabs: [], panels: [] }), y2 = ref(false);
+  let w2 = ref({ tabs: [], panels: [] }), y2 = ref(false);
   onMounted(() => {
     y2.value = true;
-  }), provide(j, computed(() => y2.value ? null : R.value));
-  let w2 = computed(() => a2.selectedIndex);
+  }), provide(j, computed(() => y2.value ? null : w2.value));
+  let E2 = computed(() => a2.selectedIndex);
   return onMounted(() => {
-    watch([w2], () => {
+    watch([E2], () => {
       var t2;
       return m2((t2 = a2.selectedIndex) != null ? t2 : a2.defaultIndex);
     }, { immediate: true });
   }), watchEffect(() => {
-    if (!T2.value || b2.value == null || r2.tabs.value.length <= 0)
+    if (!h2.value || b2.value == null || r2.tabs.value.length <= 0)
       return;
-    let t2 = O(r2.tabs.value, o);
-    t2.some((u2, f2) => o(r2.tabs.value[f2]) !== o(u2)) && r2.setSelectedIndex(t2.findIndex((u2) => o(u2) === o(r2.tabs.value[b2.value])));
+    let t2 = O$1(r2.tabs.value, o$1);
+    t2.some((u2, f2) => o$1(r2.tabs.value[f2]) !== o$1(u2)) && r2.setSelectedIndex(t2.findIndex((u2) => o$1(u2) === o$1(r2.tabs.value[b2.value])));
   }), () => {
     let t2 = { selectedIndex: l2.value };
     return h$2(Fragment, [n2.value.length <= 0 && h$2(d, { onFocus: () => {
       for (let e2 of n2.value) {
-        let u2 = o(e2);
+        let u2 = o$1(e2);
         if ((u2 == null ? void 0 : u2.tabIndex) === 0)
           return u2.focus(), true;
       }
       return false;
-    } }), H$1({ theirProps: { ...i2, ...T$1(a2, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: t2, slots: v2, attrs: i2, name: "TabGroup" })]);
+    } }), H$1({ theirProps: { ...i2, ...T$2(a2, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: t2, slots: v2, attrs: i2, name: "TabGroup" })]);
   };
 } }), Ie = defineComponent({ name: "TabList", props: { as: { type: [Object, String], default: "div" } }, setup(a2, { attrs: v2, slots: i2 }) {
   let s2 = k("TabList");
@@ -1050,60 +1066,60 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
 } }), ye = defineComponent({ name: "Tab", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-tabs-tab-${t$4()}` } }, setup(a2, { attrs: v2, slots: i2, expose: s2 }) {
   let l2 = k("Tab"), n2 = ref(null);
   s2({ el: n2, $el: n2 }), onMounted(() => l2.registerTab(n2)), onUnmounted(() => l2.unregisterTab(n2));
-  let o$2 = inject(j), T$12 = computed(() => {
-    if (o$2.value) {
-      let e2 = o$2.value.tabs.indexOf(a2.id);
-      return e2 === -1 ? o$2.value.tabs.push(a2.id) - 1 : e2;
+  let o2 = inject(j), h2 = computed(() => {
+    if (o2.value) {
+      let e2 = o2.value.tabs.indexOf(a2.id);
+      return e2 === -1 ? o2.value.tabs.push(a2.id) - 1 : e2;
     }
     return -1;
   }), b2 = computed(() => {
     let e2 = l2.tabs.value.indexOf(n2);
-    return e2 === -1 ? T$12.value : e2;
+    return e2 === -1 ? h2.value : e2;
   }), m2 = computed(() => b2.value === l2.selectedIndex.value);
   function r2(e2) {
     var f2;
     let u2 = e2();
-    if (u2 === T.Success && l2.activation.value === "auto") {
-      let S2 = (f2 = m$2(n2)) == null ? void 0 : f2.activeElement, p2 = l2.tabs.value.findIndex((E2) => o(E2) === S2);
+    if (u2 === T$1.Success && l2.activation.value === "auto") {
+      let S2 = (f2 = m$2(n2)) == null ? void 0 : f2.activeElement, p2 = l2.tabs.value.findIndex((g) => o$1(g) === S2);
       p2 !== -1 && l2.setSelectedIndex(p2);
     }
     return u2;
   }
-  function R(e2) {
-    let u2 = l2.tabs.value.map((S2) => o(S2)).filter(Boolean);
-    if (e2.key === o$1.Space || e2.key === o$1.Enter) {
+  function w2(e2) {
+    let u2 = l2.tabs.value.map((S2) => o$1(S2)).filter(Boolean);
+    if (e2.key === o$2.Space || e2.key === o$2.Enter) {
       e2.preventDefault(), e2.stopPropagation(), l2.setSelectedIndex(b2.value);
       return;
     }
     switch (e2.key) {
-      case o$1.Home:
-      case o$1.PageUp:
+      case o$2.Home:
+      case o$2.PageUp:
         return e2.preventDefault(), e2.stopPropagation(), r2(() => P$1(u2, N$1.First));
-      case o$1.End:
-      case o$1.PageDown:
+      case o$2.End:
+      case o$2.PageDown:
         return e2.preventDefault(), e2.stopPropagation(), r2(() => P$1(u2, N$1.Last));
     }
     if (r2(() => u$3(l2.orientation.value, { vertical() {
-      return e2.key === o$1.ArrowUp ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$1.ArrowDown ? P$1(u2, N$1.Next | N$1.WrapAround) : T.Error;
+      return e2.key === o$2.ArrowUp ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$2.ArrowDown ? P$1(u2, N$1.Next | N$1.WrapAround) : T$1.Error;
     }, horizontal() {
-      return e2.key === o$1.ArrowLeft ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$1.ArrowRight ? P$1(u2, N$1.Next | N$1.WrapAround) : T.Error;
-    } })) === T.Success)
+      return e2.key === o$2.ArrowLeft ? P$1(u2, N$1.Previous | N$1.WrapAround) : e2.key === o$2.ArrowRight ? P$1(u2, N$1.Next | N$1.WrapAround) : T$1.Error;
+    } })) === T$1.Success)
       return e2.preventDefault();
   }
   let y2 = ref(false);
-  function w2() {
+  function E2() {
     var e2;
-    y2.value || (y2.value = true, !a2.disabled && ((e2 = o(n2)) == null || e2.focus(), l2.setSelectedIndex(b2.value), t$2(() => {
+    y2.value || (y2.value = true, !a2.disabled && ((e2 = o$1(n2)) == null || e2.focus({ preventScroll: true }), l2.setSelectedIndex(b2.value), t$2(() => {
       y2.value = false;
     })));
   }
-  function h2(e2) {
+  function P2(e2) {
     e2.preventDefault();
   }
   let t2 = b$1(computed(() => ({ as: a2.as, type: v2.type })), n2);
   return () => {
     var p2;
-    let e2 = { selected: m2.value }, { id: u2, ...f2 } = a2, S2 = { ref: n2, onKeydown: R, onMousedown: h2, onClick: w2, id: u2, role: "tab", type: t2.value, "aria-controls": (p2 = o(l2.panels.value[b2.value])) == null ? void 0 : p2.id, "aria-selected": m2.value, tabIndex: m2.value ? 0 : -1, disabled: a2.disabled ? true : void 0 };
+    let e2 = { selected: m2.value }, { id: u2, ...f2 } = a2, S2 = { ref: n2, onKeydown: w2, onMousedown: P2, onClick: E2, id: u2, role: "tab", type: t2.value, "aria-controls": (p2 = o$1(l2.panels.value[b2.value])) == null ? void 0 : p2.id, "aria-selected": m2.value, tabIndex: m2.value ? 0 : -1, disabled: a2.disabled ? true : void 0 };
     return H$1({ ourProps: S2, theirProps: f2, slot: e2, attrs: v2, slots: i2, name: "Tab" });
   };
 } }), Se = defineComponent({ name: "TabPanels", props: { as: { type: [Object, String], default: "div" } }, setup(a2, { slots: v2, attrs: i2 }) {
@@ -1115,20 +1131,20 @@ let j = Symbol("TabsSSRContext"), xe = defineComponent({ name: "TabGroup", emits
 } }), ge = defineComponent({ name: "TabPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-tabs-panel-${t$4()}` }, tabIndex: { type: Number, default: 0 } }, setup(a2, { attrs: v2, slots: i2, expose: s2 }) {
   let l2 = k("TabPanel"), n2 = ref(null);
   s2({ el: n2, $el: n2 }), onMounted(() => l2.registerPanel(n2)), onUnmounted(() => l2.unregisterPanel(n2));
-  let o$12 = inject(j), T2 = computed(() => {
-    if (o$12.value) {
-      let r2 = o$12.value.panels.indexOf(a2.id);
-      return r2 === -1 ? o$12.value.panels.push(a2.id) - 1 : r2;
+  let o2 = inject(j), h2 = computed(() => {
+    if (o2.value) {
+      let r2 = o2.value.panels.indexOf(a2.id);
+      return r2 === -1 ? o2.value.panels.push(a2.id) - 1 : r2;
     }
     return -1;
   }), b2 = computed(() => {
     let r2 = l2.panels.value.indexOf(n2);
-    return r2 === -1 ? T2.value : r2;
+    return r2 === -1 ? h2.value : r2;
   }), m2 = computed(() => b2.value === l2.selectedIndex.value);
   return () => {
     var t2;
-    let r2 = { selected: m2.value }, { id: R, tabIndex: y2, ...w2 } = a2, h2 = { ref: n2, id: R, role: "tabpanel", "aria-labelledby": (t2 = o(l2.tabs.value[b2.value])) == null ? void 0 : t2.id, tabIndex: m2.value ? y2 : -1 };
-    return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...h2 }) : H$1({ ourProps: h2, theirProps: w2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
+    let r2 = { selected: m2.value }, { id: w2, tabIndex: y2, ...E2 } = a2, P2 = { ref: n2, id: w2, role: "tabpanel", "aria-labelledby": (t2 = o$1(l2.tabs.value[b2.value])) == null ? void 0 : t2.id, tabIndex: m2.value ? y2 : -1 };
+    return !m2.value && a2.unmount && !a2.static ? h$2(f$1, { as: "span", ...P2 }) : H$1({ ourProps: P2, theirProps: E2, slot: r2, attrs: v2, slots: i2, features: N$2.Static | N$2.RenderStrategy, visible: m2.value, name: "TabPanel" });
   };
 } });
 const scrollbar = "";
@@ -1195,15 +1211,10 @@ function tryOnScopeDispose(fn) {
   }
   return false;
 }
-const isClient = typeof window !== "undefined";
-const noop$1 = () => {
-};
-function toRef(...args) {
-  if (args.length !== 1)
-    return toRef$1(...args);
-  const r2 = args[0];
-  return typeof r2 === "function" ? readonly(customRef(() => ({ get: r2, set: noop$1 }))) : ref(r2);
+function toValue(r2) {
+  return typeof r2 === "function" ? r2() : unref(r2);
 }
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 const defaultWindow = isClient ? window : void 0;
 function useMounted() {
   const isMounted = ref(false);
@@ -1226,29 +1237,33 @@ function useMediaQuery(query, options = {}) {
   const isSupported = useSupported(() => window2 && "matchMedia" in window2 && typeof window2.matchMedia === "function");
   let mediaQuery;
   const matches = ref(false);
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
   const cleanup = () => {
     if (!mediaQuery)
       return;
     if ("removeEventListener" in mediaQuery)
-      mediaQuery.removeEventListener("change", update);
+      mediaQuery.removeEventListener("change", handler);
     else
-      mediaQuery.removeListener(update);
+      mediaQuery.removeListener(handler);
   };
-  const update = () => {
+  const stopWatch = watchEffect(() => {
     if (!isSupported.value)
       return;
     cleanup();
-    mediaQuery = window2.matchMedia(toRef(query).value);
-    matches.value = !!(mediaQuery == null ? void 0 : mediaQuery.matches);
-    if (!mediaQuery)
-      return;
+    mediaQuery = window2.matchMedia(toValue(query));
     if ("addEventListener" in mediaQuery)
-      mediaQuery.addEventListener("change", update);
+      mediaQuery.addEventListener("change", handler);
     else
-      mediaQuery.addListener(update);
-  };
-  watchEffect(update);
-  tryOnScopeDispose(() => cleanup());
+      mediaQuery.addListener(handler);
+    matches.value = mediaQuery.matches;
+  });
+  tryOnScopeDispose(() => {
+    stopWatch();
+    cleanup();
+    mediaQuery = void 0;
+  });
   return matches;
 }
 function defaultState() {
@@ -4100,8 +4115,9 @@ const reduceDescriptors = (obj, reducer) => {
   const descriptors2 = Object.getOwnPropertyDescriptors(obj);
   const reducedDescriptors = {};
   forEach(descriptors2, (descriptor, name) => {
-    if (reducer(descriptor, name, obj) !== false) {
-      reducedDescriptors[name] = descriptor;
+    let ret;
+    if ((ret = reducer(descriptor, name, obj)) !== false) {
+      reducedDescriptors[name] = ret || descriptor;
     }
   });
   Object.defineProperties(obj, reducedDescriptors);
@@ -4626,9 +4642,6 @@ function formDataToJSON(formData) {
   }
   return null;
 }
-const DEFAULT_CONTENT_TYPE = {
-  "Content-Type": void 0
-};
 function stringifySafely(rawValue, parser, encoder) {
   if (utils.isString(rawValue)) {
     try {
@@ -4644,7 +4657,7 @@ function stringifySafely(rawValue, parser, encoder) {
 }
 const defaults = {
   transitional: transitionalDefaults,
-  adapter: ["xhr", "http"],
+  adapter: platform.isNode ? "http" : "xhr",
   transformRequest: [function transformRequest(data, headers) {
     const contentType = headers.getContentType() || "";
     const hasJSONContentType = contentType.indexOf("application/json") > -1;
@@ -4727,16 +4740,14 @@ const defaults = {
   },
   headers: {
     common: {
-      "Accept": "application/json, text/plain, */*"
+      "Accept": "application/json, text/plain, */*",
+      "Content-Type": void 0
     }
   }
 };
-utils.forEach(["delete", "get", "head"], function forEachMethodNoData(method) {
+utils.forEach(["delete", "get", "head", "post", "put", "patch"], (method) => {
   defaults.headers[method] = {};
 });
-utils.forEach(["post", "put", "patch"], function forEachMethodWithData(method) {
-  defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);
-});
 const defaults$1 = defaults;
 const ignoreDuplicateOf = utils.toObjectSet([
   "age",
@@ -4986,7 +4997,15 @@ class AxiosHeaders {
   }
 }
 AxiosHeaders.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
-utils.freezeMethods(AxiosHeaders.prototype);
+utils.reduceDescriptors(AxiosHeaders.prototype, ({ value }, key) => {
+  let mapped = key[0].toUpperCase() + key.slice(1);
+  return {
+    get: () => value,
+    set(headerValue) {
+      this[mapped] = headerValue;
+    }
+  };
+});
 utils.freezeMethods(AxiosHeaders);
 const AxiosHeaders$1 = AxiosHeaders;
 function transformData(fns, response) {
@@ -5482,7 +5501,7 @@ function mergeConfig(config1, config2) {
   });
   return config;
 }
-const VERSION = "1.4.0";
+const VERSION = "1.5.0";
 const validators$1 = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((type, i2) => {
   validators$1[type] = function validator2(thing) {
@@ -5585,12 +5604,11 @@ class Axios {
       }
     }
     config.method = (config.method || this.defaults.method || "get").toLowerCase();
-    let contextHeaders;
-    contextHeaders = headers && utils.merge(
+    let contextHeaders = headers && utils.merge(
       headers.common,
       headers[config.method]
     );
-    contextHeaders && utils.forEach(
+    headers && utils.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
       (method) => {
         delete headers[method];
@@ -5655,7 +5673,7 @@ class Axios {
     return buildURL(fullPath, config.params, config.paramsSerializer);
   }
 }
-utils.forEach(["delete", "get", "head", "options"], function forEachMethodNoData2(method) {
+utils.forEach(["delete", "get", "head", "options"], function forEachMethodNoData(method) {
   Axios.prototype[method] = function(url, config) {
     return this.request(mergeConfig(config || {}, {
       method,
@@ -5664,7 +5682,7 @@ utils.forEach(["delete", "get", "head", "options"], function forEachMethodNoData
     }));
   };
 });
-utils.forEach(["post", "put", "patch"], function forEachMethodWithData2(method) {
+utils.forEach(["post", "put", "patch"], function forEachMethodWithData(method) {
   function generateHTTPMethod(isForm) {
     return function httpMethod(url, data, config) {
       return this.request(mergeConfig(config || {}, {
@@ -5873,6 +5891,7 @@ axios.isAxiosError = isAxiosError;
 axios.mergeConfig = mergeConfig;
 axios.AxiosHeaders = AxiosHeaders$1;
 axios.formToJSON = (thing) => formDataToJSON(utils.isHTMLForm(thing) ? new FormData(thing) : thing);
+axios.getAdapter = adapters.getAdapter;
 axios.HttpStatusCode = HttpStatusCode$1;
 axios.default = axios;
 const axios$1 = axios;
@@ -6143,7 +6162,7 @@ const BYTE_UNITS = [
 ];
 const BIBYTE_UNITS = [
   "B",
-  "kiB",
+  "KiB",
   "MiB",
   "GiB",
   "TiB",
@@ -6610,12 +6629,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Q), { defaultOpen: true }, {
+      return openBlock(), createBlock(unref(V), { defaultOpen: true }, {
         default: withCtx(({ open }) => [
           createElementVNode("div", {
             class: normalizeClass(["scalar-api-client__item", { "scalar-api-client__item--open": open }])
           }, [
-            createVNode(unref(V), { class: "scalar-api-client__toggle" }, {
+            createVNode(unref(X), { class: "scalar-api-client__toggle" }, {
               default: withCtx(() => [
                 _hoisted_1$g,
                 createElementVNode("span", _hoisted_2$6, toDisplayString(_ctx.title), 1),
@@ -6625,7 +6644,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, 1024),
-            createVNode(unref(X), null, {
+            createVNode(unref(Y), null, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_4$5, [
                   renderSlot(_ctx.$slots, "default")