@deck9/ui 0.12.5 → 0.12.7

package/dist/src/index.es.js

@@ -29,39 +29,34 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, computed as computed$2, unref, openBlock, createBlock, mergeProps, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, getCurrentInstance, onMounted, nextTick, ref, watch, Fragment, withDirectives, vModelText, normalizeStyle, cloneVNode, h as h$2, inject, provide, watchEffect, onUnmounted, toRaw as toRaw$1, withCtx, renderSlot, Teleport, Transition, normalizeProps, guardReactiveProps, isRef, renderList, createTextVNode } from "vue";
+import { defineComponent, computed as computed$2, unref, openBlock, createBlock, mergeProps, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, getCurrentInstance, onMounted, nextTick, ref, watch, Fragment, withDirectives, vModelText, normalizeStyle, cloneVNode, h as h$1, inject, provide, watchEffect, onUnmounted, toRaw as toRaw$1, withCtx, renderSlot, Teleport, Transition, normalizeProps, guardReactiveProps, isRef, renderList, createTextVNode } from "vue";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { library } from "@fortawesome/fontawesome-svg-core";
 import * as fasIcons from "@fortawesome/free-solid-svg-icons";
-/*!
- * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2022 Fonticons, Inc.
- */
-var faFacebook = {
-  prefix: "fab",
-  iconName: "facebook",
-  icon: [512, 512, [62e3], "f09a", "M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"]
-};
-var faGithub = {
+var faLinkedin = {
   prefix: "fab",
-  iconName: "github",
-  icon: [496, 512, [], "f09b", "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"]
+  iconName: "linkedin",
+  icon: [448, 512, [], "f08c", "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"]
 };
 var faInstagram = {
   prefix: "fab",
   iconName: "instagram",
   icon: [448, 512, [], "f16d", "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"]
 };
-var faLinkedin = {
+var faFacebook = {
   prefix: "fab",
-  iconName: "linkedin",
-  icon: [448, 512, [], "f08c", "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"]
+  iconName: "facebook",
+  icon: [512, 512, [62e3], "f09a", "M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"]
+};
+var faGithub = {
+  prefix: "fab",
+  iconName: "github",
+  icon: [496, 512, [], "f09b", "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"]
 };
 var faTwitter = {
   prefix: "fab",
   iconName: "twitter",
-  icon: [512, 512, [], "f099", "M459.4 151.7c.325 4.548 .325 9.097 .325 13.65 0 138.7-105.6 298.6-298.6 298.6-59.45 0-114.7-17.22-161.1-47.11 8.447 .974 16.57 1.299 25.34 1.299 49.06 0 94.21-16.57 130.3-44.83-46.13-.975-84.79-31.19-98.11-72.77 6.498 .974 12.99 1.624 19.82 1.624 9.421 0 18.84-1.3 27.61-3.573-48.08-9.747-84.14-51.98-84.14-102.1v-1.299c13.97 7.797 30.21 12.67 47.43 13.32-28.26-18.84-46.78-51.01-46.78-87.39 0-19.49 5.197-37.36 14.29-52.95 51.65 63.67 129.3 105.3 216.4 109.8-1.624-7.797-2.599-15.92-2.599-24.04 0-57.83 46.78-104.9 104.9-104.9 30.21 0 57.5 12.67 76.67 33.14 23.72-4.548 46.46-13.32 66.6-25.34-7.798 24.37-24.37 44.83-46.13 57.83 21.12-2.273 41.58-8.122 60.43-16.24-14.29 20.79-32.16 39.31-52.63 54.25z"]
+  icon: [512, 512, [], "f099", "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"]
 };
 var prefix = "fas";
 var iconName = "numeric-input";
@@ -226,8 +221,8 @@ function validate(uuid) {
   return typeof uuid === "string" && REGEX.test(uuid);
 }
 var byteToHex = [];
-for (var i$1 = 0; i$1 < 256; ++i$1) {
-  byteToHex.push((i$1 + 256).toString(16).substr(1));
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).substr(1));
 }
 function stringify(arr) {
   var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
@@ -244,8 +239,8 @@ function v4(options, buf, offset) {
   rnds[8] = rnds[8] & 63 | 128;
   if (buf) {
     offset = offset || 0;
-    for (var i2 = 0; i2 < 16; ++i2) {
-      buf[offset + i2] = rnds[i2];
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
     }
     return buf;
   }
@@ -412,8 +407,8 @@ const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
 const newTracked = (dep) => (dep.n & trackOpBit) > 0;
 const initDepMarkers = ({ deps }) => {
   if (deps.length) {
-    for (let i2 = 0; i2 < deps.length; i2++) {
-      deps[i2].w |= trackOpBit;
+    for (let i = 0; i < deps.length; i++) {
+      deps[i].w |= trackOpBit;
     }
   }
 };
@@ -421,8 +416,8 @@ const finalizeDepMarkers = (effect2) => {
   const { deps } = effect2;
   if (deps.length) {
     let ptr = 0;
-    for (let i2 = 0; i2 < deps.length; i2++) {
-      const dep = deps[i2];
+    for (let i = 0; i < deps.length; i++) {
+      const dep = deps[i];
       if (wasTracked(dep) && !newTracked(dep)) {
         dep.delete(effect2);
       } else {
@@ -498,8 +493,8 @@ class ReactiveEffect {
 function cleanupEffect(effect2) {
   const { deps } = effect2;
   if (deps.length) {
-    for (let i2 = 0; i2 < deps.length; i2++) {
-      deps[i2].delete(effect2);
+    for (let i = 0; i < deps.length; i++) {
+      deps[i].delete(effect2);
     }
     deps.length = 0;
   }
@@ -556,17 +551,20 @@ function trackRefValue(ref2) {
 }
 function triggerRefValue(ref2, newVal) {
   ref2 = toRaw(ref2);
-  if (ref2.dep) {
+  const dep = ref2.dep;
+  if (dep) {
     {
-      triggerEffects(ref2.dep);
+      triggerEffects(dep);
     }
   }
 }
+var _a$1;
 class ComputedRefImpl {
   constructor(getter, _setter, isReadonly, isSSR) {
     this._setter = _setter;
     this.dep = void 0;
     this.__v_isRef = true;
+    this[_a$1] = false;
     this._dirty = true;
     this.effect = new ReactiveEffect(getter, () => {
       if (!this._dirty) {
@@ -591,6 +589,7 @@ class ComputedRefImpl {
     this._setter(newValue);
   }
 }
+_a$1 = "__v_isReadonly";
 function computed$1(getterOrOptions, debugOptions, isSSR = false) {
   let getter;
   let setter;
@@ -800,63 +799,98 @@ function u$2(r2, n2, ...a2) {
   let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e2) => `"${e2}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(t2, u$2), t2;
 }
-var h$1 = ((t2) => (t2[t2.None = 0] = "None", t2[t2.RenderStrategy = 1] = "RenderStrategy", t2[t2.Static = 2] = "Static", t2))(h$1 || {}), b$2 = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(b$2 || {});
-function k(_a2) {
-  var _b = _a2, { visible: n2 = true, features: r2 = 0 } = _b, e2 = __objRest(_b, ["visible", "features"]);
-  var t2;
-  if (n2 || r2 & 2 && e2.props.static)
-    return i(e2);
-  if (r2 & 1) {
-    let a2 = (t2 = e2.props.unmount) == null || t2 ? 0 : 1;
-    return u$2(a2, { [0]() {
+var N$1 = ((o2) => (o2[o2.None = 0] = "None", o2[o2.RenderStrategy = 1] = "RenderStrategy", o2[o2.Static = 2] = "Static", o2))(N$1 || {}), S$2 = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(S$2 || {});
+function H$1(_a2) {
+  var _b = _a2, { visible: r2 = true, features: t2 = 0, ourProps: e2, theirProps: o2 } = _b, i = __objRest(_b, ["visible", "features", "ourProps", "theirProps"]);
+  var a2;
+  let n2 = j(o2, e2), l2 = Object.assign(i, { props: n2 });
+  if (r2 || t2 & 2 && n2.static)
+    return y$1(l2);
+  if (t2 & 1) {
+    let d2 = (a2 = n2.unmount) == null || a2 ? 0 : 1;
+    return u$2(d2, { [0]() {
       return null;
     }, [1]() {
-      return i(__spreadProps(__spreadValues({}, e2), { props: __spreadProps(__spreadValues({}, e2.props), { hidden: true, style: { display: "none" } }) }));
+      return y$1(__spreadProps(__spreadValues({}, i), { props: __spreadProps(__spreadValues({}, n2), { hidden: true, style: { display: "none" } }) }));
     } });
   }
-  return i(e2);
-}
-function i({ props: n2, attrs: r2, slots: e2, slot: t2, name: a2 }) {
-  var c2;
-  let _a2 = R(n2, ["unmount", "static"]), { as: d } = _a2, s2 = __objRest(_a2, ["as"]), o2 = (c2 = e2.default) == null ? void 0 : c2.call(e2, t2), u2 = {};
-  if (d === "template") {
-    if (Object.keys(s2).length > 0 || Object.keys(r2).length > 0) {
-      let [p2, ...f2] = o2 != null ? o2 : [];
-      if (!j(p2) || f2.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${a2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s2).concat(Object.keys(r2)).map((l2) => `  - ${l2}`).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((l2) => `  - ${l2}`).join(`
+  return y$1(l2);
+}
+function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i }) {
+  var m2, h2;
+  let _a2 = T$2(r2, ["unmount", "static"]), { as: n2 } = _a2, l2 = __objRest(_a2, ["as"]), 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))
+      typeof f2 == "boolean" && (u2 = true), f2 === true && c2.push(p2);
+    u2 && (d2["data-headlessui-state"] = c2.join(" "));
+  }
+  if (n2 === "template") {
+    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 <${i} /> 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(`
 `));
-      return cloneVNode(p2, Object.assign({}, s2, u2));
+      let p2 = j((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;
     }
-    return Array.isArray(o2) && o2.length === 1 ? o2[0] : o2;
-  }
-  return h$2(d, Object.assign({}, s2, u2), o2);
+    return Array.isArray(a2) && a2.length === 1 ? a2[0] : a2;
+  }
+  return h$1(n2, Object.assign({}, l2, d2), { default: () => a2 });
+}
+function b$2(r2) {
+  return r2.flatMap((t2) => t2.type === Fragment ? b$2(t2.children) : [t2]);
+}
+function j(...r2) {
+  if (r2.length === 0)
+    return {};
+  if (r2.length === 1)
+    return r2[0];
+  let t2 = {}, e2 = {};
+  for (let i of r2)
+    for (let n2 in i)
+      n2.startsWith("on") && typeof i[n2] == "function" ? (e2[n2] != null || (e2[n2] = []), e2[n2].push(i[n2])) : t2[n2] = i[n2];
+  if (t2.disabled || t2["aria-disabled"])
+    return Object.assign(t2, Object.fromEntries(Object.keys(e2).map((i) => [i, void 0])));
+  for (let i in e2)
+    Object.assign(t2, { [i](n2, ...l2) {
+      let a2 = e2[i];
+      for (let d2 of a2) {
+        if (n2 instanceof Event && n2.defaultPrevented)
+          return;
+        d2(n2, ...l2);
+      }
+    } });
+  return t2;
 }
-function S$1(n2) {
-  let r2 = Object.assign({}, n2);
-  for (let e2 in r2)
-    r2[e2] === void 0 && delete r2[e2];
-  return r2;
+function K$1(r2) {
+  let t2 = Object.assign({}, r2);
+  for (let e2 in t2)
+    t2[e2] === void 0 && delete t2[e2];
+  return t2;
 }
-function R(n2, r2 = []) {
-  let e2 = Object.assign({}, n2);
-  for (let t2 of r2)
-    t2 in e2 && delete e2[t2];
+function T$2(r2, t2 = []) {
+  let e2 = Object.assign({}, r2);
+  for (let o2 of t2)
+    o2 in e2 && delete e2[o2];
   return e2;
 }
-function j(n2) {
-  return n2 == null ? false : typeof n2.type == "string" || typeof n2.type == "object" || typeof n2.type == "function";
+function v$1(r2) {
+  return r2 == null ? false : typeof r2.type == "string" || typeof r2.type == "object" || typeof r2.type == "function";
 }
-let e$2 = 0;
-function n$1() {
-  return ++e$2;
+let e$1 = 0;
+function n$2() {
+  return ++e$1;
 }
-function t$2() {
-  return n$1();
+function t$1() {
+  return n$2();
 }
-var o = ((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 || {});
-function f$1(r2) {
+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 f$3(r2) {
   throw new Error("Unexpected object: " + r2);
 }
 var a$2 = ((e2) => (e2[e2.First = 0] = "First", e2[e2.Previous = 1] = "Previous", e2[e2.Next = 2] = "Next", e2[e2.Last = 3] = "Last", e2[e2.Specific = 4] = "Specific", e2[e2.Nothing = 5] = "Nothing", e2))(a$2 || {});
@@ -864,18 +898,18 @@ function x(r2, n2) {
   let t2 = n2.resolveItems();
   if (t2.length <= 0)
     return null;
-  let l2 = n2.resolveActiveIndex(), s2 = l2 != null ? l2 : -1, d = (() => {
+  let l2 = n2.resolveActiveIndex(), s2 = l2 != null ? l2 : -1, d2 = (() => {
     switch (r2.focus) {
       case 0:
         return t2.findIndex((e2) => !n2.resolveDisabled(e2));
       case 1: {
-        let e2 = t2.slice().reverse().findIndex((i2, c2, u2) => s2 !== -1 && u2.length - c2 - 1 >= s2 ? false : !n2.resolveDisabled(i2));
+        let e2 = t2.slice().reverse().findIndex((i, c2, u2) => s2 !== -1 && u2.length - c2 - 1 >= s2 ? false : !n2.resolveDisabled(i));
         return e2 === -1 ? e2 : t2.length - 1 - e2;
       }
       case 2:
-        return t2.findIndex((e2, i2) => i2 <= s2 ? false : !n2.resolveDisabled(e2));
+        return t2.findIndex((e2, i) => i <= s2 ? false : !n2.resolveDisabled(e2));
       case 3: {
-        let e2 = t2.slice().reverse().findIndex((i2) => !n2.resolveDisabled(i2));
+        let e2 = t2.slice().reverse().findIndex((i) => !n2.resolveDisabled(i));
         return e2 === -1 ? e2 : t2.length - 1 - e2;
       }
       case 4:
@@ -883,23 +917,24 @@ function x(r2, n2) {
       case 5:
         return null;
       default:
-        f$1(r2);
+        f$3(r2);
     }
   })();
-  return d === -1 ? l2 : d;
+  return d2 === -1 ? l2 : d2;
 }
-function t$1(l2) {
-  return l2 == null || l2.value == null ? null : "$el" in l2.value ? l2.value.$el : l2.value;
+function o(n2) {
+  var l2;
+  return n2 == null || n2.value == null ? null : (l2 = n2.value.$el) != null ? l2 : n2.value;
 }
-let n = Symbol("Context");
-var l = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(l || {});
-function p$2() {
-  return inject(n, null);
+let n$1 = Symbol("Context");
+var l = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(l || {});
+function p$3() {
+  return inject(n$1, null);
 }
-function c$1(o2) {
-  provide(n, o2);
+function c(o2) {
+  provide(n$1, o2);
 }
-function r(t2, e2) {
+function r$1(t2, e2) {
   if (t2)
     return t2;
   let n2 = e2 != null ? e2 : "button";
@@ -907,116 +942,189 @@ function r(t2, e2) {
     return "button";
 }
 function b$1(t2, e2) {
-  let n2 = ref(r(t2.value.type, t2.value.as));
+  let n2 = ref(r$1(t2.value.type, t2.value.as));
   return onMounted(() => {
-    n2.value = r(t2.value.type, t2.value.as);
+    n2.value = r$1(t2.value.type, t2.value.as);
   }), watchEffect(() => {
-    var o2;
-    n2.value || !t$1(e2) || t$1(e2) instanceof HTMLButtonElement && !((o2 = t$1(e2)) != null && o2.hasAttribute("type")) && (n2.value = "button");
+    var o$12;
+    n2.value || o(e2) && o(e2) instanceof HTMLButtonElement && !((o$12 = o(e2)) != null && o$12.hasAttribute("type")) && (n2.value = "button");
   }), n2;
 }
-function e$1(n2) {
-  if (typeof window == "undefined")
+class t {
+  constructor() {
+    this.current = this.detect();
+    this.currentId = 0;
+  }
+  set(e2) {
+    this.current !== e2 && (this.currentId = 0, this.current = e2);
+  }
+  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 == "undefined" || typeof document == "undefined" ? "server" : "client";
+  }
+}
+let n = new t();
+function m(r2) {
+  if (n.isServer)
     return null;
-  if (n2 instanceof Node)
-    return n2.ownerDocument;
-  if (n2 != null && n2.hasOwnProperty("value")) {
-    let o2 = t$1(n2);
-    if (o2)
-      return o2.ownerDocument;
+  if (r2 instanceof Node)
+    return r2.ownerDocument;
+  if (r2 != null && r2.hasOwnProperty("value")) {
+    let n2 = o(r2);
+    if (n2)
+      return n2.ownerDocument;
   }
   return document;
 }
-function p$1({ container: e2, accept: t2, walk: d, enabled: o2 }) {
+function p$2({ container: e2, accept: t2, walk: d2, enabled: o2 }) {
   watchEffect(() => {
     let r2 = e2.value;
     if (!r2 || o2 !== void 0 && !o2.value)
       return;
-    let l2 = e$1(e2);
+    let l2 = m(e2);
     if (!l2)
       return;
     let c2 = Object.assign((f2) => t2(f2), { acceptNode: t2 }), n2 = l2.createTreeWalker(r2, NodeFilter.SHOW_ELEMENT, c2, false);
     for (; n2.nextNode(); )
-      d(n2.currentNode);
+      d2(n2.currentNode);
   });
 }
-let c = ["[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 L = ((o2) => (o2[o2.First = 1] = "First", o2[o2.Previous = 2] = "Previous", o2[o2.Next = 4] = "Next", o2[o2.Last = 8] = "Last", o2[o2.WrapAround = 16] = "WrapAround", o2[o2.NoScroll = 32] = "NoScroll", o2))(L || {}), N = ((n2) => (n2[n2.Error = 0] = "Error", n2[n2.Overflow = 1] = "Overflow", n2[n2.Success = 2] = "Success", n2[n2.Underflow = 3] = "Underflow", n2))(N || {}), T$1 = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(T$1 || {});
-var M = ((t2) => (t2[t2.Strict = 0] = "Strict", t2[t2.Loose = 1] = "Loose", t2))(M || {});
-function F(e2, r2 = 0) {
-  var t2;
-  return e2 === ((t2 = e$1(e2)) == null ? void 0 : t2.body) ? false : u$2(r2, { [0]() {
-    return e2.matches(c);
+let f$2 = ["[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 = ((r2) => (r2[r2.First = 1] = "First", r2[r2.Previous = 2] = "Previous", r2[r2.Next = 4] = "Next", r2[r2.Last = 8] = "Last", r2[r2.WrapAround = 16] = "WrapAround", r2[r2.NoScroll = 32] = "NoScroll", r2))(N || {}), 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 || {}), h = ((n2) => (n2[n2.Previous = -1] = "Previous", n2[n2.Next = 1] = "Next", n2))(h || {});
+function d$2(e2 = document.body) {
+  return e2 == null ? [] : Array.from(e2.querySelectorAll(f$2)).sort((t2, n2) => Math.sign((t2.tabIndex || Number.MAX_SAFE_INTEGER) - (n2.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var F = ((n2) => (n2[n2.Strict = 0] = "Strict", n2[n2.Loose = 1] = "Loose", n2))(F || {});
+function S$1(e2, t2 = 0) {
+  var n2;
+  return e2 === ((n2 = m(e2)) == null ? void 0 : n2.body) ? false : u$2(t2, { [0]() {
+    return e2.matches(f$2);
   }, [1]() {
     let l2 = e2;
     for (; l2 !== null; ) {
-      if (l2.matches(c))
+      if (l2.matches(f$2))
         return true;
       l2 = l2.parentElement;
     }
     return false;
   } });
 }
-function w$2(e2, r2 = (t2) => t2) {
-  return e2.slice().sort((t2, l2) => {
-    let n2 = r2(t2), i2 = r2(l2);
-    if (n2 === null || i2 === null)
-      return 0;
-    let o2 = n2.compareDocumentPosition(i2);
-    return o2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : o2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+function v(e2) {
+  let t2 = m(e2);
+  nextTick(() => {
+    t2 && !S$1(t2.activeElement, 0) && H(e2);
   });
 }
-function w$1(e2, n2, t2) {
-  typeof window != "undefined" && watchEffect((o2) => {
-    window.addEventListener(e2, n2, t2), o2(() => window.removeEventListener(e2, n2, t2));
+function H(e2) {
+  e2 == null || e2.focus({ preventScroll: true });
+}
+let w = ["textarea", "input"].join(",");
+function A$1(e2) {
+  var t2, n2;
+  return (n2 = (t2 = e2 == null ? void 0 : e2.matches) == null ? void 0 : t2.call(e2, w)) != null ? n2 : false;
+}
+function I(e2, t2 = (n2) => n2) {
+  return e2.slice().sort((n2, l2) => {
+    let o2 = t2(n2), i = t2(l2);
+    if (o2 === null || i === null)
+      return 0;
+    let r2 = o2.compareDocumentPosition(i);
+    return r2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function t(e2) {
-  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o2) => setTimeout(() => {
-    throw o2;
-  }));
+function D(e2, t2) {
+  return O(d$2(), t2, { relativeTo: e2 });
+}
+function O(e2, t2, { sorted: n2 = true, relativeTo: l2 = null, skipElements: o2 = [] } = {}) {
+  var m2;
+  let i = (m2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2 == null ? void 0 : e2.ownerDocument) != null ? m2 : document, r2 = Array.isArray(e2) ? n2 ? I(e2) : e2 : d$2(e2);
+  o2.length > 0 && r2.length > 1 && (r2 = r2.filter((s2) => !o2.includes(s2))), l2 = l2 != null ? l2 : i.activeElement;
+  let x2 = (() => {
+    if (t2 & 5)
+      return 1;
+    if (t2 & 10)
+      return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), p2 = (() => {
+    if (t2 & 1)
+      return 0;
+    if (t2 & 2)
+      return Math.max(0, r2.indexOf(l2)) - 1;
+    if (t2 & 4)
+      return Math.max(0, r2.indexOf(l2)) + 1;
+    if (t2 & 8)
+      return r2.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), M2 = t2 & 32 ? { preventScroll: true } : {}, c2 = 0, a2 = r2.length, u2;
+  do {
+    if (c2 >= a2 || c2 + a2 <= 0)
+      return 0;
+    let s2 = p2 + c2;
+    if (t2 & 16)
+      s2 = (s2 + a2) % a2;
+    else {
+      if (s2 < 0)
+        return 3;
+      if (s2 >= a2)
+        return 1;
+    }
+    u2 = r2[s2], u2 == null || u2.focus(M2), c2 += x2;
+  } while (u2 !== i.activeElement);
+  return t2 & 6 && A$1(u2) && u2.select(), u2.hasAttribute("tabindex") || u2.setAttribute("tabindex", "0"), 2;
 }
-var s$1 = ((n2) => (n2[n2.None = 1] = "None", n2[n2.IgnoreScrollbars = 2] = "IgnoreScrollbars", n2))(s$1 || {});
-function w(f2, a2, n2 = 1) {
-  let i2 = false;
-  function l2(r2) {
-    if (i2)
+function u$1(e2, t2, n$12) {
+  n.isServer || watchEffect((o2) => {
+    document.addEventListener(e2, t2, n$12), o2(() => document.removeEventListener(e2, t2, n$12));
+  });
+}
+function y(f2, m2, i = computed$2(() => true)) {
+  function a2(e2, u2) {
+    if (!i.value || e2.defaultPrevented)
       return;
-    i2 = true, t(() => {
-      i2 = false;
-    });
-    let o2 = r2.target;
-    if (!o2.ownerDocument.documentElement.contains(o2))
+    let n2 = u2(e2);
+    if (n2 === null || !n2.getRootNode().contains(n2))
       return;
-    let c2 = function t2(e2) {
-      return typeof e2 == "function" ? t2(e2()) : Array.isArray(e2) || e2 instanceof Set ? e2 : [e2];
+    let c2 = function o2(t2) {
+      return typeof t2 == "function" ? o2(t2()) : Array.isArray(t2) || t2 instanceof Set ? t2 : [t2];
     }(f2);
-    if ((n2 & 2) === 2) {
-      let t2 = 20, e2 = o2.ownerDocument.documentElement;
-      if (r2.clientX > e2.clientWidth - t2 || r2.clientX < t2 || r2.clientY > e2.clientHeight - t2 || r2.clientY < t2)
-        return;
-    }
-    for (let t2 of c2) {
-      if (t2 === null)
+    for (let o$12 of c2) {
+      if (o$12 === null)
         continue;
-      let e2 = t2 instanceof HTMLElement ? t2 : t$1(t2);
-      if (e2 != null && e2.contains(o2))
+      let t2 = o$12 instanceof HTMLElement ? o$12 : o(o$12);
+      if (t2 != null && t2.contains(n2) || e2.composed && e2.composedPath().includes(t2))
         return;
     }
-    a2(r2, o2);
+    return !S$1(n2, F.Loose) && n2.tabIndex !== -1 && e2.preventDefault(), m2(e2, n2);
   }
-  w$1("pointerdown", l2), w$1("mousedown", l2);
+  let r2 = ref(null);
+  u$1("mousedown", (e2) => {
+    var u2, n2;
+    i.value && (r2.value = ((n2 = (u2 = e2.composedPath) == null ? void 0 : u2.call(e2)) == null ? void 0 : n2[0]) || e2.target);
+  }, true), u$1("click", (e2) => {
+    r2.value && (a2(e2, () => r2.value), r2.value = null);
+  }, true), u$1("blur", (e2) => a2(e2, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
 var a$1 = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(a$1 || {});
-let m = defineComponent({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(r2, { slots: t2, attrs: o2 }) {
+let f$1 = defineComponent({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(r2, { slots: t2, attrs: d2 }) {
   return () => {
-    let _a2 = r2, { features: e2 } = _a2, d = __objRest(_a2, ["features"]), n2 = { "aria-hidden": (e2 & 2) === 2 ? true : void 0, style: __spreadValues({ position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" }, (e2 & 4) === 4 && (e2 & 2) !== 2 && { display: "none" }) };
-    return k({ props: __spreadValues(__spreadValues({}, d), n2), slot: {}, attrs: o2, slots: t2, name: "Hidden" });
+    let _a2 = r2, { features: e2 } = _a2, o2 = __objRest(_a2, ["features"]), n2 = { "aria-hidden": (e2 & 2) === 2 ? true : void 0, style: __spreadValues({ 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" }, (e2 & 4) === 4 && (e2 & 2) !== 2 && { display: "none" }) };
+    return H$1({ ourProps: n2, theirProps: o2, slot: {}, attrs: d2, slots: t2, name: "Hidden" });
   };
 } });
 function e(n2 = {}, r2 = null, t2 = []) {
-  for (let [i2, o2] of Object.entries(n2))
-    f(t2, s(r2, i2), o2);
+  for (let [i, o2] of Object.entries(n2))
+    f(t2, s(r2, i), o2);
   return t2;
 }
 function s(n2, r2) {
@@ -1024,505 +1132,565 @@ function s(n2, r2) {
 }
 function f(n2, r2, t2) {
   if (Array.isArray(t2))
-    for (let [i2, o2] of t2.entries())
-      f(n2, s(r2, i2.toString()), o2);
+    for (let [i, o2] of t2.entries())
+      f(n2, s(r2, i.toString()), o2);
   else
     t2 instanceof Date ? n2.push([r2, t2.toISOString()]) : typeof t2 == "boolean" ? n2.push([r2, t2 ? "1" : "0"]) : typeof t2 == "string" ? n2.push([r2, t2]) : typeof t2 == "number" ? n2.push([r2, `${t2}`]) : t2 == null ? n2.push([r2, ""]) : e(t2, r2, n2);
 }
-function p(n2) {
+function p$1(n2) {
   var t2;
   let r2 = (t2 = n2 == null ? void 0 : n2.form) != null ? t2 : n2.closest("form");
-  if (!!r2) {
-    for (let i2 of r2.elements)
-      if (i2.tagName === "INPUT" && i2.type === "submit" || i2.tagName === "BUTTON" && i2.type === "submit" || i2.nodeName === "INPUT" && i2.type === "image") {
-        i2.click();
+  if (r2) {
+    for (let i of r2.elements)
+      if (i.tagName === "INPUT" && i.type === "submit" || i.tagName === "BUTTON" && i.type === "submit" || i.nodeName === "INPUT" && i.type === "image") {
+        i.click();
         return;
       }
   }
 }
-let u$1 = Symbol("DescriptionContext");
-function h() {
-  let n2 = inject(u$1, null);
-  if (n2 === null)
+function d$1(u2, e2, r2) {
+  let i = ref(r2 == null ? void 0 : r2.value), f2 = computed$2(() => u2.value !== void 0);
+  return [computed$2(() => f2.value ? u2.value : i.value), function(t2) {
+    return f2.value || (i.value = t2), e2 == null ? void 0 : e2(t2);
+  }];
+}
+function r(e2) {
+  return [e2.screenX, e2.screenY];
+}
+function u() {
+  let e2 = ref([-1, -1]);
+  return { wasMoved(n2) {
+    let t2 = r(n2);
+    return e2.value[0] === t2[0] && e2.value[1] === t2[1] ? false : (e2.value = t2, true);
+  }, update(n2) {
+    e2.value = r(n2);
+  } };
+}
+let p = Symbol("DescriptionContext");
+function b() {
+  let t2 = inject(p, null);
+  if (t2 === null)
     throw new Error("Missing parent");
-  return n2;
+  return t2;
 }
-function P$1({ slot: n2 = ref({}), name: o2 = "Description", props: s2 = {} } = {}) {
+function M({ slot: t2 = ref({}), name: i = "Description", props: o2 = {} } = {}) {
   let e2 = ref([]);
-  function t2(r2) {
-    return e2.value.push(r2), () => {
-      let i2 = e2.value.indexOf(r2);
-      i2 !== -1 && e2.value.splice(i2, 1);
+  function s2(n2) {
+    return e2.value.push(n2), () => {
+      let r2 = e2.value.indexOf(n2);
+      r2 !== -1 && e2.value.splice(r2, 1);
     };
   }
-  return provide(u$1, { register: t2, slot: n2, name: o2, props: s2 }), computed$2(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
+  return provide(p, { register: s2, slot: t2, name: i, props: o2 }), computed$2(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
 }
-let S = defineComponent({ name: "Description", props: { as: { type: [Object, String], default: "p" } }, setup(n2, { attrs: o2, slots: s2 }) {
-  let e2 = h(), t2 = `headlessui-description-${t$2()}`;
-  return onMounted(() => onUnmounted(e2.register(t2))), () => {
-    let { name: r2 = "Description", slot: i2 = ref({}), props: c2 = {} } = e2, l2 = n2, d = __spreadProps(__spreadValues({}, Object.entries(c2).reduce((f2, [a2, g]) => Object.assign(f2, { [a2]: unref(g) }), {})), { id: t2 });
-    return k({ props: __spreadValues(__spreadValues({}, l2), d), slot: i2.value, attrs: o2, slots: s2, name: r2 });
+let E$1 = defineComponent({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${t$1()}` } }, setup(t2, { attrs: i, slots: o2 }) {
+  let e2 = b();
+  return onMounted(() => onUnmounted(e2.register(t2.id))), () => {
+    let { name: s2 = "Description", slot: n2 = ref({}), props: r2 = {} } = e2, _a2 = t2, { id: d2 } = _a2, l2 = __objRest(_a2, ["id"]), c2 = __spreadProps(__spreadValues({}, 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: i, slots: o2, name: s2 });
   };
 } });
-var le = ((n2) => (n2[n2.Open = 0] = "Open", n2[n2.Closed = 1] = "Closed", n2))(le || {}), ne = ((n2) => (n2[n2.Single = 0] = "Single", n2[n2.Multi = 1] = "Multi", n2))(ne || {}), ue = ((n2) => (n2[n2.Pointer = 0] = "Pointer", n2[n2.Other = 1] = "Other", n2))(ue || {});
-function re(i2) {
-  requestAnimationFrame(() => requestAnimationFrame(i2));
-}
-let H = Symbol("ListboxContext");
-function P(i2) {
-  let x2 = inject(H, null);
-  if (x2 === null) {
-    let n2 = new Error(`<${i2} /> is missing a parent <Listbox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n2, P), n2;
-  }
-  return x2;
-}
-let we = defineComponent({ name: "Listbox", emits: { "update:modelValue": (i2) => true }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: false }, horizontal: { type: [Boolean], default: false }, modelValue: { type: [Object, String, Number, Boolean] }, name: { type: String, optional: true }, multiple: { type: [Boolean], default: false } }, inheritAttrs: false, setup(i2, { slots: x$1, attrs: n2, emit: S2 }) {
-  let e$12 = ref(1), p2 = ref(null), d = ref(null), m$1 = ref(null), s2 = ref([]), O = ref(""), t2 = ref(null), l$1 = ref(1);
-  function w$12(o2 = (a2) => a2) {
-    let a2 = t2.value !== null ? s2.value[t2.value] : null, u2 = w$2(o2(s2.value.slice()), (g) => t$1(g.dataRef.domRef)), f2 = a2 ? u2.indexOf(a2) : null;
-    return f2 === -1 && (f2 = null), { options: u2, activeOptionIndex: f2 };
-  }
-  let y = computed$2(() => i2.modelValue), T2 = computed$2(() => i2.multiple ? 1 : 0), r2 = { listboxState: e$12, value: y, mode: T2, compare(o2, a2) {
-    return o2 === a2;
-  }, orientation: computed$2(() => i2.horizontal ? "horizontal" : "vertical"), labelRef: p2, buttonRef: d, optionsRef: m$1, disabled: computed$2(() => i2.disabled), options: s2, searchQuery: O, activeOptionIndex: t2, activationTrigger: l$1, closeListbox() {
-    i2.disabled || e$12.value !== 1 && (e$12.value = 1, t2.value = null);
+function se(t2, b2) {
+  return t2 === b2;
+}
+var de = ((u2) => (u2[u2.Open = 0] = "Open", u2[u2.Closed = 1] = "Closed", u2))(de || {}), fe = ((u2) => (u2[u2.Single = 0] = "Single", u2[u2.Multi = 1] = "Multi", u2))(fe || {}), pe = ((u2) => (u2[u2.Pointer = 0] = "Pointer", u2[u2.Other = 1] = "Other", u2))(pe || {});
+function ce(t2) {
+  requestAnimationFrame(() => requestAnimationFrame(t2));
+}
+let U = Symbol("ListboxContext");
+function E(t2) {
+  let b2 = inject(U, null);
+  if (b2 === null) {
+    let u2 = new Error(`<${t2} /> is missing a parent <Listbox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(u2, E), u2;
+  }
+  return b2;
+}
+let Ee = defineComponent({ name: "Listbox", emits: { "update:modelValue": (t2) => true }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: false }, by: { type: [String, Function], default: () => se }, horizontal: { type: [Boolean], default: false }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, name: { type: String, optional: true }, multiple: { type: [Boolean], default: false } }, inheritAttrs: false, setup(t2, { slots: b2, attrs: u2, emit: L }) {
+  let e$12 = ref(1), d2 = ref(null), m2 = ref(null), x$1 = ref(null), f2 = ref([]), o$12 = ref(""), i = ref(null), w2 = ref(1);
+  function R(a2 = (l2) => l2) {
+    let l2 = i.value !== null ? f2.value[i.value] : null, r2 = I(a2(f2.value.slice()), (S2) => o(S2.dataRef.domRef)), s2 = l2 ? r2.indexOf(l2) : null;
+    return s2 === -1 && (s2 = null), { options: r2, activeOptionIndex: s2 };
+  }
+  let h2 = computed$2(() => t2.multiple ? 1 : 0), [y$12, M2] = d$1(computed$2(() => t2.modelValue === void 0 ? u$2(h2.value, { [1]: [], [0]: void 0 }) : t2.modelValue), (a2) => L("update:modelValue", a2), computed$2(() => t2.defaultValue)), n2 = { listboxState: e$12, value: y$12, mode: h2, compare(a2, l2) {
+    if (typeof t2.by == "string") {
+      let r2 = t2.by;
+      return (a2 == null ? void 0 : a2[r2]) === (l2 == null ? void 0 : l2[r2]);
+    }
+    return t2.by(a2, l2);
+  }, orientation: computed$2(() => t2.horizontal ? "horizontal" : "vertical"), labelRef: d2, buttonRef: m2, optionsRef: x$1, disabled: computed$2(() => t2.disabled), options: f2, searchQuery: o$12, activeOptionIndex: i, activationTrigger: w2, closeListbox() {
+    t2.disabled || e$12.value !== 1 && (e$12.value = 1, i.value = null);
   }, openListbox() {
-    i2.disabled || e$12.value !== 0 && (e$12.value = 0);
-  }, goToOption(o2, a2, u2) {
-    if (i2.disabled || e$12.value === 1)
+    t2.disabled || e$12.value !== 0 && (e$12.value = 0);
+  }, goToOption(a2, l2, r2) {
+    if (t2.disabled || e$12.value === 1)
       return;
-    let f2 = w$12(), g = x(o2 === a$2.Specific ? { focus: a$2.Specific, id: a2 } : { focus: o2 }, { resolveItems: () => f2.options, resolveActiveIndex: () => f2.activeOptionIndex, resolveId: (h2) => h2.id, resolveDisabled: (h2) => h2.dataRef.disabled });
-    O.value = "", t2.value = g, l$1.value = u2 != null ? u2 : 1, s2.value = f2.options;
-  }, search(o2) {
-    if (i2.disabled || e$12.value === 1)
+    let s2 = R(), S2 = x(a2 === a$2.Specific ? { focus: a$2.Specific, id: l2 } : { focus: a2 }, { resolveItems: () => s2.options, resolveActiveIndex: () => s2.activeOptionIndex, resolveId: (D2) => D2.id, resolveDisabled: (D2) => D2.dataRef.disabled });
+    o$12.value = "", i.value = S2, w2.value = r2 != null ? r2 : 1, f2.value = s2.options;
+  }, search(a2) {
+    if (t2.disabled || e$12.value === 1)
       return;
-    let u2 = O.value !== "" ? 0 : 1;
-    O.value += o2.toLowerCase();
-    let g = (t2.value !== null ? s2.value.slice(t2.value + u2).concat(s2.value.slice(0, t2.value + u2)) : s2.value).find((V) => V.dataRef.textValue.startsWith(O.value) && !V.dataRef.disabled), h2 = g ? s2.value.indexOf(g) : -1;
-    h2 === -1 || h2 === t2.value || (t2.value = h2, l$1.value = 1);
+    let r2 = o$12.value !== "" ? 0 : 1;
+    o$12.value += a2.toLowerCase();
+    let S2 = (i.value !== null ? f2.value.slice(i.value + r2).concat(f2.value.slice(0, i.value + r2)) : f2.value).find((j2) => j2.dataRef.textValue.startsWith(o$12.value) && !j2.dataRef.disabled), D2 = S2 ? f2.value.indexOf(S2) : -1;
+    D2 === -1 || D2 === i.value || (i.value = D2, w2.value = 1);
   }, clearSearch() {
-    i2.disabled || e$12.value !== 1 && O.value !== "" && (O.value = "");
-  }, registerOption(o2, a2) {
-    let u2 = w$12((f2) => [...f2, { id: o2, dataRef: a2 }]);
-    s2.value = u2.options, t2.value = u2.activeOptionIndex;
-  }, unregisterOption(o2) {
-    let a2 = w$12((u2) => {
-      let f2 = u2.findIndex((g) => g.id === o2);
-      return f2 !== -1 && u2.splice(f2, 1), u2;
+    t2.disabled || e$12.value !== 1 && o$12.value !== "" && (o$12.value = "");
+  }, registerOption(a2, l2) {
+    let r2 = R((s2) => [...s2, { id: a2, dataRef: l2 }]);
+    f2.value = r2.options, i.value = r2.activeOptionIndex;
+  }, unregisterOption(a2) {
+    let l2 = R((r2) => {
+      let s2 = r2.findIndex((S2) => S2.id === a2);
+      return s2 !== -1 && r2.splice(s2, 1), r2;
     });
-    s2.value = a2.options, t2.value = a2.activeOptionIndex, l$1.value = 1;
-  }, select(o2) {
-    i2.disabled || S2("update:modelValue", u$2(T2.value, { [0]: () => o2, [1]: () => {
-      let a2 = toRaw$1(r2.value.value).slice(), u2 = toRaw$1(o2), f2 = a2.findIndex((g) => r2.compare(u2, toRaw$1(g)));
-      return f2 === -1 ? a2.push(u2) : a2.splice(f2, 1), a2;
+    f2.value = l2.options, i.value = l2.activeOptionIndex, w2.value = 1;
+  }, select(a2) {
+    t2.disabled || M2(u$2(h2.value, { [0]: () => a2, [1]: () => {
+      let l2 = toRaw$1(n2.value.value).slice(), r2 = toRaw$1(a2), s2 = l2.findIndex((S2) => n2.compare(r2, toRaw$1(S2)));
+      return s2 === -1 ? l2.push(r2) : l2.splice(s2, 1), l2;
     } }));
   } };
-  return w([d, m$1], (o2, a2) => {
-    var u2;
-    e$12.value === 0 && (r2.closeListbox(), F(a2, M.Loose) || (o2.preventDefault(), (u2 = t$1(d)) == null || u2.focus()));
-  }), provide(H, r2), c$1(computed$2(() => u$2(e$12.value, { [0]: l.Open, [1]: l.Closed }))), () => {
-    let _a2 = i2, { name: o2, modelValue: a2, disabled: u2 } = _a2, f2 = __objRest(_a2, ["name", "modelValue", "disabled"]), g = { open: e$12.value === 0, disabled: u2 };
-    return h$2(Fragment, [...o2 != null && a2 != null ? e({ [o2]: a2 }).map(([h2, V]) => h$2(m, S$1({ features: a$1.Hidden, key: h2, as: "input", type: "hidden", hidden: true, readOnly: true, name: h2, value: V }))) : [], k({ props: __spreadValues(__spreadValues({}, n2), R(f2, ["onUpdate:modelValue", "horizontal", "multiple", "by"])), slot: g, slots: x$1, attrs: n2, name: "Listbox" })]);
+  y([m2, x$1], (a2, l2) => {
+    var r2;
+    n2.closeListbox(), S$1(l2, F.Loose) || (a2.preventDefault(), (r2 = o(m2)) == null || r2.focus());
+  }, computed$2(() => e$12.value === 0)), provide(U, n2), c(computed$2(() => u$2(e$12.value, { [0]: l.Open, [1]: l.Closed })));
+  let p2 = computed$2(() => {
+    var a2;
+    return (a2 = o(m2)) == null ? void 0 : a2.closest("form");
+  });
+  return onMounted(() => {
+    watch([p2], () => {
+      if (!p2.value || t2.defaultValue === void 0)
+        return;
+      function a2() {
+        n2.select(t2.defaultValue);
+      }
+      return p2.value.addEventListener("reset", a2), () => {
+        var l2;
+        (l2 = p2.value) == null || l2.removeEventListener("reset", a2);
+      };
+    }, { immediate: true });
+  }), () => {
+    let _a2 = t2, { name: a2, modelValue: l2, disabled: r2 } = _a2, s2 = __objRest(_a2, ["name", "modelValue", "disabled"]), S2 = { open: e$12.value === 0, disabled: r2, value: y$12.value };
+    return h$1(Fragment, [...a2 != null && y$12.value != null ? e({ [a2]: y$12.value }).map(([D2, j2]) => h$1(f$1, K$1({ features: a$1.Hidden, key: D2, as: "input", type: "hidden", hidden: true, readOnly: true, name: D2, value: j2 }))) : [], H$1({ ourProps: {}, theirProps: __spreadValues(__spreadValues({}, u2), T$2(s2, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"])), slot: S2, slots: b2, attrs: u2, name: "Listbox" })]);
   };
 } });
-defineComponent({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" } }, setup(i2, { attrs: x2, slots: n2 }) {
-  let S2 = P("ListboxLabel"), e2 = `headlessui-listbox-label-${t$2()}`;
-  function p2() {
-    var d;
-    (d = t$1(S2.buttonRef)) == null || d.focus({ preventScroll: true });
+defineComponent({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${t$1()}` } }, setup(t2, { attrs: b2, slots: u2 }) {
+  let L = E("ListboxLabel");
+  function e2() {
+    var d2;
+    (d2 = o(L.buttonRef)) == null || d2.focus({ preventScroll: true });
   }
   return () => {
-    let d = { open: S2.listboxState.value === 0, disabled: S2.disabled.value }, m2 = { id: e2, ref: S2.labelRef, onClick: p2 };
-    return k({ props: __spreadValues(__spreadValues({}, i2), m2), slot: d, attrs: x2, slots: n2, name: "ListboxLabel" });
+    let d2 = { open: L.listboxState.value === 0, disabled: L.disabled.value }, _a2 = t2, { id: m2 } = _a2, x2 = __objRest(_a2, ["id"]), f2 = { id: m2, ref: L.labelRef, onClick: e2 };
+    return H$1({ ourProps: f2, theirProps: x2, slot: d2, attrs: b2, slots: u2, name: "ListboxLabel" });
   };
 } });
-let ke = defineComponent({ name: "ListboxButton", props: { as: { type: [Object, String], default: "button" } }, setup(i2, { attrs: x2, slots: n2, expose: S2 }) {
-  let e2 = P("ListboxButton"), p2 = `headlessui-listbox-button-${t$2()}`;
-  S2({ el: e2.buttonRef, $el: e2.buttonRef });
-  function d(t2) {
-    switch (t2.key) {
-      case o.Space:
-      case o.Enter:
-      case o.ArrowDown:
-        t2.preventDefault(), e2.openListbox(), nextTick(() => {
-          var l2;
-          (l2 = t$1(e2.optionsRef)) == null || l2.focus({ preventScroll: true }), e2.value.value || e2.goToOption(a$2.First);
+let Ae = defineComponent({ name: "ListboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-listbox-button-${t$1()}` } }, setup(t2, { attrs: b2, slots: u2, expose: L }) {
+  let e2 = E("ListboxButton");
+  L({ el: e2.buttonRef, $el: e2.buttonRef });
+  function d2(o$2) {
+    switch (o$2.key) {
+      case o$1.Space:
+      case o$1.Enter:
+      case o$1.ArrowDown:
+        o$2.preventDefault(), e2.openListbox(), nextTick(() => {
+          var i;
+          (i = o(e2.optionsRef)) == null || i.focus({ preventScroll: true }), e2.value.value || e2.goToOption(a$2.First);
         });
         break;
-      case o.ArrowUp:
-        t2.preventDefault(), e2.openListbox(), nextTick(() => {
-          var l2;
-          (l2 = t$1(e2.optionsRef)) == null || l2.focus({ preventScroll: true }), e2.value.value || e2.goToOption(a$2.Last);
+      case o$1.ArrowUp:
+        o$2.preventDefault(), e2.openListbox(), nextTick(() => {
+          var i;
+          (i = o(e2.optionsRef)) == null || i.focus({ preventScroll: true }), e2.value.value || e2.goToOption(a$2.Last);
         });
         break;
     }
   }
-  function m2(t2) {
-    switch (t2.key) {
-      case o.Space:
-        t2.preventDefault();
+  function m2(o2) {
+    switch (o2.key) {
+      case o$1.Space:
+        o2.preventDefault();
         break;
     }
   }
-  function s2(t2) {
+  function x2(o$12) {
     e2.disabled.value || (e2.listboxState.value === 0 ? (e2.closeListbox(), nextTick(() => {
-      var l2;
-      return (l2 = t$1(e2.buttonRef)) == null ? void 0 : l2.focus({ preventScroll: true });
-    })) : (t2.preventDefault(), e2.openListbox(), re(() => {
-      var l2;
-      return (l2 = t$1(e2.optionsRef)) == null ? void 0 : l2.focus({ preventScroll: true });
+      var i;
+      return (i = o(e2.buttonRef)) == null ? void 0 : i.focus({ preventScroll: true });
+    })) : (o$12.preventDefault(), e2.openListbox(), ce(() => {
+      var i;
+      return (i = o(e2.optionsRef)) == null ? void 0 : i.focus({ preventScroll: true });
     })));
   }
-  let O = b$1(computed$2(() => ({ as: i2.as, type: x2.type })), e2.buttonRef);
+  let f2 = b$1(computed$2(() => ({ as: t2.as, type: b2.type })), e2.buttonRef);
   return () => {
-    var w2, y;
-    let t2 = { open: e2.listboxState.value === 0, disabled: e2.disabled.value }, l2 = { ref: e2.buttonRef, id: p2, type: O.value, "aria-haspopup": true, "aria-controls": (w2 = t$1(e2.optionsRef)) == null ? void 0 : w2.id, "aria-expanded": e2.disabled.value ? void 0 : e2.listboxState.value === 0, "aria-labelledby": e2.labelRef.value ? [(y = t$1(e2.labelRef)) == null ? void 0 : y.id, p2].join(" ") : void 0, disabled: e2.disabled.value === true ? true : void 0, onKeydown: d, onKeyup: m2, onClick: s2 };
-    return k({ props: __spreadValues(__spreadValues({}, i2), l2), slot: t2, attrs: x2, slots: n2, name: "ListboxButton" });
+    var h2, y2;
+    let o$12 = { open: e2.listboxState.value === 0, disabled: e2.disabled.value, value: e2.value.value }, _a2 = t2, { id: i } = _a2, w2 = __objRest(_a2, ["id"]), R = { ref: e2.buttonRef, id: i, type: f2.value, "aria-haspopup": "listbox", "aria-controls": (h2 = o(e2.optionsRef)) == null ? void 0 : h2.id, "aria-expanded": e2.disabled.value ? void 0 : e2.listboxState.value === 0, "aria-labelledby": e2.labelRef.value ? [(y2 = o(e2.labelRef)) == null ? void 0 : y2.id, i].join(" ") : void 0, disabled: e2.disabled.value === true ? true : void 0, onKeydown: d2, onKeyup: m2, onClick: x2 };
+    return H$1({ ourProps: R, theirProps: w2, slot: o$12, attrs: b2, slots: u2, name: "ListboxButton" });
   };
-} }), Ce = defineComponent({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true } }, setup(i2, { attrs: x2, slots: n2, expose: S2 }) {
-  let e2 = P("ListboxOptions"), p2 = `headlessui-listbox-options-${t$2()}`, d = ref(null);
-  S2({ el: e2.optionsRef, $el: e2.optionsRef });
-  function m2(t2) {
-    switch (d.value && clearTimeout(d.value), t2.key) {
-      case o.Space:
+} }), Fe = defineComponent({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-listbox-options-${t$1()}` } }, setup(t2, { attrs: b2, slots: u2, expose: L }) {
+  let e2 = E("ListboxOptions"), d2 = ref(null);
+  L({ el: e2.optionsRef, $el: e2.optionsRef });
+  function m2(o$2) {
+    switch (d2.value && clearTimeout(d2.value), o$2.key) {
+      case o$1.Space:
         if (e2.searchQuery.value !== "")
-          return t2.preventDefault(), t2.stopPropagation(), e2.search(t2.key);
-      case o.Enter:
-        if (t2.preventDefault(), t2.stopPropagation(), e2.activeOptionIndex.value !== null) {
-          let l2 = e2.options.value[e2.activeOptionIndex.value];
-          e2.select(l2.dataRef.value);
+          return o$2.preventDefault(), o$2.stopPropagation(), e2.search(o$2.key);
+      case o$1.Enter:
+        if (o$2.preventDefault(), o$2.stopPropagation(), e2.activeOptionIndex.value !== null) {
+          let i = e2.options.value[e2.activeOptionIndex.value];
+          e2.select(i.dataRef.value);
         }
         e2.mode.value === 0 && (e2.closeListbox(), nextTick(() => {
-          var l2;
-          return (l2 = t$1(e2.buttonRef)) == null ? void 0 : l2.focus({ preventScroll: true });
+          var i;
+          return (i = o(e2.buttonRef)) == null ? void 0 : i.focus({ preventScroll: true });
         }));
         break;
-      case u$2(e2.orientation.value, { vertical: o.ArrowDown, horizontal: o.ArrowRight }):
-        return t2.preventDefault(), t2.stopPropagation(), e2.goToOption(a$2.Next);
-      case u$2(e2.orientation.value, { vertical: o.ArrowUp, horizontal: o.ArrowLeft }):
-        return t2.preventDefault(), t2.stopPropagation(), e2.goToOption(a$2.Previous);
-      case o.Home:
-      case o.PageUp:
-        return t2.preventDefault(), t2.stopPropagation(), e2.goToOption(a$2.First);
-      case o.End:
-      case o.PageDown:
-        return t2.preventDefault(), t2.stopPropagation(), e2.goToOption(a$2.Last);
-      case o.Escape:
-        t2.preventDefault(), t2.stopPropagation(), e2.closeListbox(), nextTick(() => {
-          var l2;
-          return (l2 = t$1(e2.buttonRef)) == null ? void 0 : l2.focus({ preventScroll: true });
+      case u$2(e2.orientation.value, { vertical: o$1.ArrowDown, horizontal: o$1.ArrowRight }):
+        return o$2.preventDefault(), o$2.stopPropagation(), e2.goToOption(a$2.Next);
+      case u$2(e2.orientation.value, { vertical: o$1.ArrowUp, horizontal: o$1.ArrowLeft }):
+        return o$2.preventDefault(), o$2.stopPropagation(), e2.goToOption(a$2.Previous);
+      case o$1.Home:
+      case o$1.PageUp:
+        return o$2.preventDefault(), o$2.stopPropagation(), e2.goToOption(a$2.First);
+      case o$1.End:
+      case o$1.PageDown:
+        return o$2.preventDefault(), o$2.stopPropagation(), e2.goToOption(a$2.Last);
+      case o$1.Escape:
+        o$2.preventDefault(), o$2.stopPropagation(), e2.closeListbox(), nextTick(() => {
+          var i;
+          return (i = o(e2.buttonRef)) == null ? void 0 : i.focus({ preventScroll: true });
         });
         break;
-      case o.Tab:
-        t2.preventDefault(), t2.stopPropagation();
+      case o$1.Tab:
+        o$2.preventDefault(), o$2.stopPropagation();
         break;
       default:
-        t2.key.length === 1 && (e2.search(t2.key), d.value = setTimeout(() => e2.clearSearch(), 350));
+        o$2.key.length === 1 && (e2.search(o$2.key), d2.value = setTimeout(() => e2.clearSearch(), 350));
         break;
     }
   }
-  let s2 = p$2(), O = computed$2(() => s2 !== null ? s2.value === l.Open : e2.listboxState.value === 0);
+  let x2 = p$3(), f2 = computed$2(() => x2 !== null ? (x2.value & l.Open) === l.Open : e2.listboxState.value === 0);
   return () => {
-    var y, T2, r2, o2;
-    let t2 = { open: e2.listboxState.value === 0 }, l2 = { "aria-activedescendant": e2.activeOptionIndex.value === null || (y = e2.options.value[e2.activeOptionIndex.value]) == null ? void 0 : y.id, "aria-multiselectable": e2.mode.value === 1 ? true : void 0, "aria-labelledby": (o2 = (T2 = t$1(e2.labelRef)) == null ? void 0 : T2.id) != null ? o2 : (r2 = t$1(e2.buttonRef)) == null ? void 0 : r2.id, "aria-orientation": e2.orientation.value, id: p2, onKeydown: m2, role: "listbox", tabIndex: 0, ref: e2.optionsRef };
-    return k({ props: __spreadValues(__spreadValues({}, i2), l2), slot: t2, attrs: x2, slots: n2, features: h$1.RenderStrategy | h$1.Static, visible: O.value, name: "ListboxOptions" });
+    var h2, y2, M2, n2;
+    let o$12 = { open: e2.listboxState.value === 0 }, _a2 = t2, { id: i } = _a2, w2 = __objRest(_a2, ["id"]), R = { "aria-activedescendant": e2.activeOptionIndex.value === null || (h2 = e2.options.value[e2.activeOptionIndex.value]) == null ? void 0 : h2.id, "aria-multiselectable": e2.mode.value === 1 ? true : void 0, "aria-labelledby": (n2 = (y2 = o(e2.labelRef)) == null ? void 0 : y2.id) != null ? n2 : (M2 = o(e2.buttonRef)) == null ? void 0 : M2.id, "aria-orientation": e2.orientation.value, id: i, onKeydown: m2, role: "listbox", tabIndex: 0, ref: e2.optionsRef };
+    return H$1({ ourProps: R, theirProps: w2, slot: o$12, attrs: b2, slots: u2, features: N$1.RenderStrategy | N$1.Static, visible: f2.value, name: "ListboxOptions" });
   };
-} }), Me = defineComponent({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false } }, setup(i2, { slots: x2, attrs: n2, expose: S2 }) {
-  let e2 = P("ListboxOption"), p2 = `headlessui-listbox-option-${t$2()}`, d = ref(null);
-  S2({ el: d, $el: d });
-  let m2 = computed$2(() => e2.activeOptionIndex.value !== null ? e2.options.value[e2.activeOptionIndex.value].id === p2 : false), s2 = computed$2(() => u$2(e2.mode.value, { [0]: () => e2.compare(toRaw$1(e2.value.value), toRaw$1(i2.value)), [1]: () => toRaw$1(e2.value.value).some((r2) => e2.compare(toRaw$1(r2), toRaw$1(i2.value))) })), O = computed$2(() => u$2(e2.mode.value, { [1]: () => {
-    var o2;
-    let r2 = toRaw$1(e2.value.value);
-    return ((o2 = e2.options.value.find((a2) => r2.some((u2) => e2.compare(toRaw$1(u2), toRaw$1(a2.dataRef.value))))) == null ? void 0 : o2.id) === p2;
-  }, [0]: () => s2.value })), t2 = computed$2(() => ({ disabled: i2.disabled, value: i2.value, textValue: "", domRef: d }));
+} }), Be = defineComponent({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-listbox.option-${t$1()}` } }, setup(t2, { slots: b2, attrs: u$12, expose: L }) {
+  let e2 = E("ListboxOption"), d2 = ref(null);
+  L({ el: d2, $el: d2 });
+  let m2 = computed$2(() => e2.activeOptionIndex.value !== null ? e2.options.value[e2.activeOptionIndex.value].id === t2.id : false), x2 = computed$2(() => u$2(e2.mode.value, { [0]: () => e2.compare(toRaw$1(e2.value.value), toRaw$1(t2.value)), [1]: () => toRaw$1(e2.value.value).some((n2) => e2.compare(toRaw$1(n2), toRaw$1(t2.value))) })), f2 = computed$2(() => u$2(e2.mode.value, { [1]: () => {
+    var p2;
+    let n2 = toRaw$1(e2.value.value);
+    return ((p2 = e2.options.value.find((a2) => n2.some((l2) => e2.compare(toRaw$1(l2), toRaw$1(a2.dataRef.value))))) == null ? void 0 : p2.id) === t2.id;
+  }, [0]: () => x2.value })), o$12 = computed$2(() => ({ disabled: t2.disabled, value: t2.value, textValue: "", domRef: d2 }));
   onMounted(() => {
-    var o2, a2;
-    let r2 = (a2 = (o2 = t$1(d)) == null ? void 0 : o2.textContent) == null ? void 0 : a2.toLowerCase().trim();
-    r2 !== void 0 && (t2.value.textValue = r2);
-  }), onMounted(() => e2.registerOption(p2, t2)), onUnmounted(() => e2.unregisterOption(p2)), onMounted(() => {
-    watch([e2.listboxState, s2], () => {
-      e2.listboxState.value === 0 && (!s2.value || u$2(e2.mode.value, { [1]: () => {
-        O.value && e2.goToOption(a$2.Specific, p2);
+    var p2, a2;
+    let n2 = (a2 = (p2 = o(d2)) == null ? void 0 : p2.textContent) == null ? void 0 : a2.toLowerCase().trim();
+    n2 !== void 0 && (o$12.value.textValue = n2);
+  }), onMounted(() => e2.registerOption(t2.id, o$12)), onUnmounted(() => e2.unregisterOption(t2.id)), onMounted(() => {
+    watch([e2.listboxState, x2], () => {
+      e2.listboxState.value === 0 && x2.value && u$2(e2.mode.value, { [1]: () => {
+        f2.value && e2.goToOption(a$2.Specific, t2.id);
       }, [0]: () => {
-        e2.goToOption(a$2.Specific, p2);
-      } }));
+        e2.goToOption(a$2.Specific, t2.id);
+      } });
     }, { immediate: true });
   }), watchEffect(() => {
-    e2.listboxState.value === 0 && (!m2.value || e2.activationTrigger.value !== 0 && nextTick(() => {
-      var r2, o2;
-      return (o2 = (r2 = t$1(d)) == null ? void 0 : r2.scrollIntoView) == null ? void 0 : o2.call(r2, { block: "nearest" });
-    }));
+    e2.listboxState.value === 0 && m2.value && e2.activationTrigger.value !== 0 && nextTick(() => {
+      var n2, p2;
+      return (p2 = (n2 = o(d2)) == null ? void 0 : n2.scrollIntoView) == null ? void 0 : p2.call(n2, { block: "nearest" });
+    });
   });
-  function l2(r2) {
-    if (i2.disabled)
-      return r2.preventDefault();
-    e2.select(i2.value), e2.mode.value === 0 && (e2.closeListbox(), nextTick(() => {
-      var o2;
-      return (o2 = t$1(e2.buttonRef)) == null ? void 0 : o2.focus({ preventScroll: true });
+  function i(n2) {
+    if (t2.disabled)
+      return n2.preventDefault();
+    e2.select(t2.value), e2.mode.value === 0 && (e2.closeListbox(), nextTick(() => {
+      var p2;
+      return (p2 = o(e2.buttonRef)) == null ? void 0 : p2.focus({ preventScroll: true });
     }));
   }
   function w2() {
-    if (i2.disabled)
+    if (t2.disabled)
       return e2.goToOption(a$2.Nothing);
-    e2.goToOption(a$2.Specific, p2);
+    e2.goToOption(a$2.Specific, t2.id);
+  }
+  let R = u();
+  function h2(n2) {
+    R.update(n2);
   }
-  function y() {
-    i2.disabled || m2.value || e2.goToOption(a$2.Specific, p2, 0);
+  function y2(n2) {
+    R.wasMoved(n2) && (t2.disabled || m2.value || e2.goToOption(a$2.Specific, t2.id, 0));
   }
-  function T2() {
-    i2.disabled || !m2.value || e2.goToOption(a$2.Nothing);
+  function M2(n2) {
+    R.wasMoved(n2) && (t2.disabled || m2.value && e2.goToOption(a$2.Nothing));
   }
   return () => {
-    let { disabled: r2 } = i2, o2 = { active: m2.value, selected: s2.value, disabled: r2 }, a2 = { id: p2, ref: d, role: "option", tabIndex: r2 === true ? void 0 : -1, "aria-disabled": r2 === true ? true : void 0, "aria-selected": s2.value === true ? s2.value : void 0, disabled: void 0, onClick: l2, onFocus: w2, onPointermove: y, onMousemove: y, onPointerleave: T2, onMouseleave: T2 };
-    return k({ props: __spreadValues(__spreadValues({}, R(i2, ["value", "disabled"])), a2), slot: o2, attrs: n2, slots: x2, name: "ListboxOption" });
+    let { disabled: n2 } = t2, p2 = { active: m2.value, selected: x2.value, disabled: n2 }, _a2 = t2, { id: a2, value: l2, disabled: r2 } = _a2, s2 = __objRest(_a2, ["id", "value", "disabled"]), S2 = { id: a2, ref: d2, role: "option", tabIndex: n2 === true ? void 0 : -1, "aria-disabled": n2 === true ? true : void 0, "aria-selected": x2.value, disabled: void 0, onClick: i, onFocus: w2, onPointerenter: h2, onMouseenter: h2, onPointermove: y2, onMousemove: y2, onPointerleave: M2, onMouseleave: M2 };
+    return H$1({ ourProps: S2, theirProps: s2, slot: p2, attrs: u$12, slots: b2, name: "ListboxOption" });
   };
 } });
-var W = ((i2) => (i2[i2.Open = 0] = "Open", i2[i2.Closed = 1] = "Closed", i2))(W || {}), J = ((i2) => (i2[i2.Pointer = 0] = "Pointer", i2[i2.Other = 1] = "Other", i2))(J || {});
-function z(o2) {
-  requestAnimationFrame(() => requestAnimationFrame(o2));
-}
-let E = Symbol("MenuContext");
-function D(o2) {
-  let S2 = inject(E, null);
-  if (S2 === null) {
-    let i2 = new Error(`<${o2} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(i2, D), i2;
-  }
-  return S2;
-}
-let fe = defineComponent({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(o2, { slots: S2, attrs: i2 }) {
-  let v = ref(1), e2 = ref(null), p2 = ref(null), r2 = ref([]), f2 = ref(""), d = ref(null), I = ref(1);
-  function l$1(u2 = (n2) => n2) {
-    let n2 = d.value !== null ? r2.value[d.value] : null, a2 = w$2(u2(r2.value.slice()), (R2) => t$1(R2.dataRef.domRef)), s2 = n2 ? a2.indexOf(n2) : null;
-    return s2 === -1 && (s2 = null), { items: a2, activeItemIndex: s2 };
-  }
-  let t2 = { menuState: v, buttonRef: e2, itemsRef: p2, items: r2, searchQuery: f2, activeItemIndex: d, activationTrigger: I, closeMenu: () => {
-    v.value = 1, d.value = null;
-  }, openMenu: () => v.value = 0, goToItem(u2, n2, a2) {
-    let s2 = l$1(), R2 = x(u2 === a$2.Specific ? { focus: a$2.Specific, id: n2 } : { focus: u2 }, { resolveItems: () => s2.items, resolveActiveIndex: () => s2.activeItemIndex, resolveId: (M2) => M2.id, resolveDisabled: (M2) => M2.dataRef.disabled });
-    f2.value = "", d.value = R2, I.value = a2 != null ? a2 : 1, r2.value = s2.items;
+var X = ((l2) => (l2[l2.Open = 0] = "Open", l2[l2.Closed = 1] = "Closed", l2))(X || {}), Y = ((l2) => (l2[l2.Pointer = 0] = "Pointer", l2[l2.Other = 1] = "Other", l2))(Y || {});
+function Z(a2) {
+  requestAnimationFrame(() => requestAnimationFrame(a2));
+}
+let A = Symbol("MenuContext");
+function P(a2) {
+  let b2 = inject(A, null);
+  if (b2 === null) {
+    let l2 = new Error(`<${a2} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l2, P), l2;
+  }
+  return b2;
+}
+let ge = defineComponent({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(a2, { slots: b2, attrs: l$1 }) {
+  let g = ref(1), e2 = ref(null), m2 = ref(null), s2 = ref([]), p2 = ref(""), d2 = ref(null), o$12 = ref(1);
+  function t2(u2 = (r2) => r2) {
+    let r2 = d2.value !== null ? s2.value[d2.value] : null, n2 = I(u2(s2.value.slice()), (I2) => o(I2.dataRef.domRef)), i = r2 ? n2.indexOf(r2) : null;
+    return i === -1 && (i = null), { items: n2, activeItemIndex: i };
+  }
+  let v2 = { menuState: g, buttonRef: e2, itemsRef: m2, items: s2, searchQuery: p2, activeItemIndex: d2, activationTrigger: o$12, closeMenu: () => {
+    g.value = 1, d2.value = null;
+  }, openMenu: () => g.value = 0, goToItem(u2, r2, n2) {
+    let i = t2(), I2 = x(u2 === a$2.Specific ? { focus: a$2.Specific, id: r2 } : { focus: u2 }, { resolveItems: () => i.items, resolveActiveIndex: () => i.activeItemIndex, resolveId: (M2) => M2.id, resolveDisabled: (M2) => M2.dataRef.disabled });
+    p2.value = "", d2.value = I2, o$12.value = n2 != null ? n2 : 1, s2.value = i.items;
   }, search(u2) {
-    let a2 = f2.value !== "" ? 0 : 1;
-    f2.value += u2.toLowerCase();
-    let R2 = (d.value !== null ? r2.value.slice(d.value + a2).concat(r2.value.slice(0, d.value + a2)) : r2.value).find((k2) => k2.dataRef.textValue.startsWith(f2.value) && !k2.dataRef.disabled), M2 = R2 ? r2.value.indexOf(R2) : -1;
-    M2 === -1 || M2 === d.value || (d.value = M2, I.value = 1);
+    let n2 = p2.value !== "" ? 0 : 1;
+    p2.value += u2.toLowerCase();
+    let I2 = (d2.value !== null ? s2.value.slice(d2.value + n2).concat(s2.value.slice(0, d2.value + n2)) : s2.value).find((O2) => O2.dataRef.textValue.startsWith(p2.value) && !O2.dataRef.disabled), M2 = I2 ? s2.value.indexOf(I2) : -1;
+    M2 === -1 || M2 === d2.value || (d2.value = M2, o$12.value = 1);
   }, clearSearch() {
-    f2.value = "";
-  }, registerItem(u2, n2) {
-    let a2 = l$1((s2) => [...s2, { id: u2, dataRef: n2 }]);
-    r2.value = a2.items, d.value = a2.activeItemIndex, I.value = 1;
+    p2.value = "";
+  }, registerItem(u2, r2) {
+    let n2 = t2((i) => [...i, { id: u2, dataRef: r2 }]);
+    s2.value = n2.items, d2.value = n2.activeItemIndex, o$12.value = 1;
   }, unregisterItem(u2) {
-    let n2 = l$1((a2) => {
-      let s2 = a2.findIndex((R2) => R2.id === u2);
-      return s2 !== -1 && a2.splice(s2, 1), a2;
+    let r2 = t2((n2) => {
+      let i = n2.findIndex((I2) => I2.id === u2);
+      return i !== -1 && n2.splice(i, 1), n2;
     });
-    r2.value = n2.items, d.value = n2.activeItemIndex, I.value = 1;
+    s2.value = r2.items, d2.value = r2.activeItemIndex, o$12.value = 1;
   } };
-  return w([e2, p2], (u2, n2) => {
-    var a2;
-    v.value === 0 && (t2.closeMenu(), F(n2, M.Loose) || (u2.preventDefault(), (a2 = t$1(e2)) == null || a2.focus()));
-  }), provide(E, t2), c$1(computed$2(() => u$2(v.value, { [0]: l.Open, [1]: l.Closed }))), () => {
-    let u2 = { open: v.value === 0 };
-    return k({ props: o2, slot: u2, slots: S2, attrs: i2, name: "Menu" });
+  return y([e2, m2], (u2, r2) => {
+    var n2;
+    v2.closeMenu(), S$1(r2, F.Loose) || (u2.preventDefault(), (n2 = o(e2)) == null || n2.focus());
+  }, computed$2(() => g.value === 0)), provide(A, v2), c(computed$2(() => u$2(g.value, { [0]: l.Open, [1]: l.Closed }))), () => {
+    let u2 = { open: g.value === 0, close: v2.closeMenu };
+    return H$1({ ourProps: {}, theirProps: a2, slot: u2, slots: b2, attrs: l$1, name: "Menu" });
   };
-} }), me = defineComponent({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" } }, setup(o$1, { attrs: S2, slots: i2, expose: v }) {
-  let e2 = D("MenuButton"), p2 = `headlessui-menu-button-${t$2()}`;
-  v({ el: e2.buttonRef, $el: e2.buttonRef });
-  function r2(l2) {
-    switch (l2.key) {
-      case o.Space:
-      case o.Enter:
-      case o.ArrowDown:
-        l2.preventDefault(), l2.stopPropagation(), e2.openMenu(), nextTick(() => {
+} }), Se = defineComponent({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${t$1()}` } }, setup(a2, { attrs: b2, slots: l2, expose: g }) {
+  let e2 = P("MenuButton");
+  g({ el: e2.buttonRef, $el: e2.buttonRef });
+  function m2(o$2) {
+    switch (o$2.key) {
+      case o$1.Space:
+      case o$1.Enter:
+      case o$1.ArrowDown:
+        o$2.preventDefault(), o$2.stopPropagation(), e2.openMenu(), nextTick(() => {
           var t2;
-          (t2 = t$1(e2.itemsRef)) == null || t2.focus({ preventScroll: true }), e2.goToItem(a$2.First);
+          (t2 = o(e2.itemsRef)) == null || t2.focus({ preventScroll: true }), e2.goToItem(a$2.First);
         });
         break;
-      case o.ArrowUp:
-        l2.preventDefault(), l2.stopPropagation(), e2.openMenu(), nextTick(() => {
+      case o$1.ArrowUp:
+        o$2.preventDefault(), o$2.stopPropagation(), e2.openMenu(), nextTick(() => {
           var t2;
-          (t2 = t$1(e2.itemsRef)) == null || t2.focus({ preventScroll: true }), e2.goToItem(a$2.Last);
+          (t2 = o(e2.itemsRef)) == null || t2.focus({ preventScroll: true }), e2.goToItem(a$2.Last);
         });
         break;
     }
   }
-  function f2(l2) {
-    switch (l2.key) {
-      case o.Space:
-        l2.preventDefault();
+  function s2(o2) {
+    switch (o2.key) {
+      case o$1.Space:
+        o2.preventDefault();
         break;
     }
   }
-  function d(l2) {
-    o$1.disabled || (e2.menuState.value === 0 ? (e2.closeMenu(), nextTick(() => {
+  function p2(o$12) {
+    a2.disabled || (e2.menuState.value === 0 ? (e2.closeMenu(), nextTick(() => {
       var t2;
-      return (t2 = t$1(e2.buttonRef)) == null ? void 0 : t2.focus({ preventScroll: true });
-    })) : (l2.preventDefault(), l2.stopPropagation(), e2.openMenu(), z(() => {
+      return (t2 = o(e2.buttonRef)) == null ? void 0 : t2.focus({ preventScroll: true });
+    })) : (o$12.preventDefault(), e2.openMenu(), Z(() => {
       var t2;
-      return (t2 = t$1(e2.itemsRef)) == null ? void 0 : t2.focus({ preventScroll: true });
+      return (t2 = o(e2.itemsRef)) == null ? void 0 : t2.focus({ preventScroll: true });
     })));
   }
-  let I = b$1(computed$2(() => ({ as: o$1.as, type: S2.type })), e2.buttonRef);
+  let d2 = b$1(computed$2(() => ({ as: a2.as, type: b2.type })), e2.buttonRef);
   return () => {
-    var u2;
-    let l2 = { open: e2.menuState.value === 0 }, t2 = { ref: e2.buttonRef, id: p2, type: I.value, "aria-haspopup": true, "aria-controls": (u2 = t$1(e2.itemsRef)) == null ? void 0 : u2.id, "aria-expanded": o$1.disabled ? void 0 : e2.menuState.value === 0, onKeydown: r2, onKeyup: f2, onClick: d };
-    return k({ props: __spreadValues(__spreadValues({}, o$1), t2), slot: l2, attrs: S2, slots: i2, name: "MenuButton" });
+    var r2;
+    let o$12 = { open: e2.menuState.value === 0 }, _a2 = a2, { id: t2 } = _a2, v2 = __objRest(_a2, ["id"]), u2 = { ref: e2.buttonRef, id: t2, type: d2.value, "aria-haspopup": "menu", "aria-controls": (r2 = o(e2.itemsRef)) == null ? void 0 : r2.id, "aria-expanded": a2.disabled ? void 0 : e2.menuState.value === 0, onKeydown: m2, onKeyup: s2, onClick: p2 };
+    return H$1({ ourProps: u2, theirProps: v2, slot: o$12, attrs: b2, slots: l2, name: "MenuButton" });
   };
-} }), pe = defineComponent({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true } }, setup(o$1, { attrs: S2, slots: i2, expose: v }) {
-  let e2 = D("MenuItems"), p2 = `headlessui-menu-items-${t$2()}`, r2 = ref(null);
-  v({ el: e2.itemsRef, $el: e2.itemsRef }), p$1({ container: computed$2(() => t$1(e2.itemsRef)), enabled: computed$2(() => e2.menuState.value === 0), accept(t2) {
+} }), be = defineComponent({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-menu-items-${t$1()}` } }, setup(a2, { attrs: b2, slots: l$1, expose: g }) {
+  let e2 = P("MenuItems"), m2 = ref(null);
+  g({ el: e2.itemsRef, $el: e2.itemsRef }), p$2({ container: computed$2(() => o(e2.itemsRef)), enabled: computed$2(() => e2.menuState.value === 0), accept(t2) {
     return t2.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : t2.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(t2) {
     t2.setAttribute("role", "none");
   } });
-  function f2(t2) {
-    var u2;
-    switch (r2.value && clearTimeout(r2.value), t2.key) {
-      case o.Space:
+  function s2(t2) {
+    var v$12;
+    switch (m2.value && clearTimeout(m2.value), t2.key) {
+      case o$1.Space:
         if (e2.searchQuery.value !== "")
           return t2.preventDefault(), t2.stopPropagation(), e2.search(t2.key);
-      case o.Enter:
+      case o$1.Enter:
         if (t2.preventDefault(), t2.stopPropagation(), e2.activeItemIndex.value !== null) {
-          let a2 = e2.items.value[e2.activeItemIndex.value];
-          (u2 = t$1(a2.dataRef.domRef)) == null || u2.click();
+          let r2 = e2.items.value[e2.activeItemIndex.value];
+          (v$12 = o(r2.dataRef.domRef)) == null || v$12.click();
         }
-        e2.closeMenu(), nextTick(() => {
-          var n2;
-          return (n2 = t$1(e2.buttonRef)) == null ? void 0 : n2.focus({ preventScroll: true });
-        });
+        e2.closeMenu(), v(o(e2.buttonRef));
         break;
-      case o.ArrowDown:
+      case o$1.ArrowDown:
         return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.Next);
-      case o.ArrowUp:
+      case o$1.ArrowUp:
         return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.Previous);
-      case o.Home:
-      case o.PageUp:
+      case o$1.Home:
+      case o$1.PageUp:
         return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.First);
-      case o.End:
-      case o.PageDown:
+      case o$1.End:
+      case o$1.PageDown:
         return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.Last);
-      case o.Escape:
+      case o$1.Escape:
         t2.preventDefault(), t2.stopPropagation(), e2.closeMenu(), nextTick(() => {
-          var n2;
-          return (n2 = t$1(e2.buttonRef)) == null ? void 0 : n2.focus({ preventScroll: true });
+          var u2;
+          return (u2 = o(e2.buttonRef)) == null ? void 0 : u2.focus({ preventScroll: true });
         });
         break;
-      case o.Tab:
-        t2.preventDefault(), t2.stopPropagation();
+      case o$1.Tab:
+        t2.preventDefault(), t2.stopPropagation(), e2.closeMenu(), nextTick(() => D(o(e2.buttonRef), t2.shiftKey ? N.Previous : N.Next));
         break;
       default:
-        t2.key.length === 1 && (e2.search(t2.key), r2.value = setTimeout(() => e2.clearSearch(), 350));
+        t2.key.length === 1 && (e2.search(t2.key), m2.value = setTimeout(() => e2.clearSearch(), 350));
         break;
     }
   }
-  function d(t2) {
+  function p2(t2) {
     switch (t2.key) {
-      case o.Space:
+      case o$1.Space:
         t2.preventDefault();
         break;
     }
   }
-  let I = p$2(), l$1 = computed$2(() => I !== null ? I.value === l.Open : e2.menuState.value === 0);
+  let d2 = p$3(), o$2 = computed$2(() => d2 !== null ? (d2.value & l.Open) === l.Open : e2.menuState.value === 0);
   return () => {
-    var a2, s2;
-    let t2 = { open: e2.menuState.value === 0 }, u2 = { "aria-activedescendant": e2.activeItemIndex.value === null || (a2 = e2.items.value[e2.activeItemIndex.value]) == null ? void 0 : a2.id, "aria-labelledby": (s2 = t$1(e2.buttonRef)) == null ? void 0 : s2.id, id: p2, onKeydown: f2, onKeyup: d, role: "menu", tabIndex: 0, ref: e2.itemsRef };
-    return k({ props: __spreadValues(__spreadValues({}, o$1), u2), slot: t2, attrs: S2, slots: i2, features: h$1.RenderStrategy | h$1.Static, visible: l$1.value, name: "MenuItems" });
+    var n2, i;
+    let t2 = { open: e2.menuState.value === 0 }, _a2 = a2, { id: v2 } = _a2, u2 = __objRest(_a2, ["id"]), r2 = { "aria-activedescendant": e2.activeItemIndex.value === null || (n2 = e2.items.value[e2.activeItemIndex.value]) == null ? void 0 : n2.id, "aria-labelledby": (i = o(e2.buttonRef)) == null ? void 0 : i.id, id: v2, onKeydown: s2, onKeyup: p2, role: "menu", tabIndex: 0, ref: e2.itemsRef };
+    return H$1({ ourProps: r2, theirProps: u2, slot: t2, attrs: b2, slots: l$1, features: N$1.RenderStrategy | N$1.Static, visible: o$2.value, name: "MenuItems" });
   };
-} }), ve = defineComponent({ name: "MenuItem", props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false } }, setup(o2, { slots: S2, attrs: i2, expose: v }) {
-  let e2 = D("MenuItem"), p2 = `headlessui-menu-item-${t$2()}`, r2 = ref(null);
-  v({ el: r2, $el: r2 });
-  let f2 = computed$2(() => e2.activeItemIndex.value !== null ? e2.items.value[e2.activeItemIndex.value].id === p2 : false), d = computed$2(() => ({ disabled: o2.disabled, textValue: "", domRef: r2 }));
+} }), Me = defineComponent({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-menu-item-${t$1()}` } }, setup(a2, { slots: b2, attrs: l2, expose: g }) {
+  let e2 = P("MenuItem"), m2 = ref(null);
+  g({ el: m2, $el: m2 });
+  let s2 = computed$2(() => e2.activeItemIndex.value !== null ? e2.items.value[e2.activeItemIndex.value].id === a2.id : false), p2 = computed$2(() => ({ disabled: a2.disabled, textValue: "", domRef: m2 }));
   onMounted(() => {
-    var a2, s2;
-    let n2 = (s2 = (a2 = t$1(r2)) == null ? void 0 : a2.textContent) == null ? void 0 : s2.toLowerCase().trim();
-    n2 !== void 0 && (d.value.textValue = n2);
-  }), onMounted(() => e2.registerItem(p2, d)), onUnmounted(() => e2.unregisterItem(p2)), watchEffect(() => {
-    e2.menuState.value === 0 && (!f2.value || e2.activationTrigger.value !== 0 && nextTick(() => {
-      var n2, a2;
-      return (a2 = (n2 = t$1(r2)) == null ? void 0 : n2.scrollIntoView) == null ? void 0 : a2.call(n2, { block: "nearest" });
-    }));
+    var i, I2;
+    let n2 = (I2 = (i = o(m2)) == null ? void 0 : i.textContent) == null ? void 0 : I2.toLowerCase().trim();
+    n2 !== void 0 && (p2.value.textValue = n2);
+  }), onMounted(() => e2.registerItem(a2.id, p2)), onUnmounted(() => e2.unregisterItem(a2.id)), watchEffect(() => {
+    e2.menuState.value === 0 && s2.value && e2.activationTrigger.value !== 0 && nextTick(() => {
+      var n2, i;
+      return (i = (n2 = o(m2)) == null ? void 0 : n2.scrollIntoView) == null ? void 0 : i.call(n2, { block: "nearest" });
+    });
   });
-  function I(n2) {
-    if (o2.disabled)
+  function d2(n2) {
+    if (a2.disabled)
       return n2.preventDefault();
-    e2.closeMenu(), nextTick(() => {
-      var a2;
-      return (a2 = t$1(e2.buttonRef)) == null ? void 0 : a2.focus({ preventScroll: true });
-    });
+    e2.closeMenu(), v(o(e2.buttonRef));
   }
-  function l2() {
-    if (o2.disabled)
+  function o$12() {
+    if (a2.disabled)
       return e2.goToItem(a$2.Nothing);
-    e2.goToItem(a$2.Specific, p2);
+    e2.goToItem(a$2.Specific, a2.id);
+  }
+  let t2 = u();
+  function v$12(n2) {
+    t2.update(n2);
   }
-  function t2() {
-    o2.disabled || f2.value || e2.goToItem(a$2.Specific, p2, 0);
+  function u$12(n2) {
+    t2.wasMoved(n2) && (a2.disabled || s2.value || e2.goToItem(a$2.Specific, a2.id, 0));
   }
-  function u2() {
-    o2.disabled || !f2.value || e2.goToItem(a$2.Nothing);
+  function r2(n2) {
+    t2.wasMoved(n2) && (a2.disabled || s2.value && e2.goToItem(a$2.Nothing));
   }
   return () => {
-    let { disabled: n2 } = o2, a2 = { active: f2.value, disabled: n2 };
-    return k({ props: __spreadValues(__spreadValues({}, o2), { id: p2, ref: r2, role: "menuitem", tabIndex: n2 === true ? void 0 : -1, "aria-disabled": n2 === true ? true : void 0, onClick: I, onFocus: l2, onPointermove: t2, onMousemove: t2, onPointerleave: u2, onMouseleave: u2 }), slot: a2, attrs: i2, slots: S2, name: "MenuItem" });
+    let { disabled: n2 } = a2, i = { active: s2.value, disabled: n2, close: e2.closeMenu }, _a2 = a2, { id: I2 } = _a2, M2 = __objRest(_a2, ["id"]);
+    return H$1({ ourProps: { id: I2, ref: m2, role: "menuitem", tabIndex: n2 === true ? void 0 : -1, "aria-disabled": n2 === true ? true : void 0, disabled: void 0, onClick: d2, onFocus: o$12, onPointerenter: v$12, onMouseenter: v$12, onPointermove: u$12, onMousemove: u$12, onPointerleave: r2, onMouseleave: r2 }, theirProps: __spreadValues(__spreadValues({}, l2), M2), slot: i, attrs: l2, slots: b2, name: "MenuItem" });
   };
 } });
-let u = Symbol("LabelContext");
-function a() {
-  let t2 = inject(u, null);
+let a = Symbol("LabelContext");
+function d() {
+  let t2 = inject(a, null);
   if (t2 === null) {
     let n2 = new Error("You used a <Label /> component, but it is not inside a parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(n2, a), n2;
+    throw Error.captureStackTrace && Error.captureStackTrace(n2, d), n2;
   }
   return t2;
 }
-function K({ slot: t2 = {}, name: n2 = "Label", props: i2 = {} } = {}) {
+function K({ slot: t2 = {}, name: n2 = "Label", props: i = {} } = {}) {
   let e2 = ref([]);
-  function r2(o2) {
-    return e2.value.push(o2), () => {
-      let l2 = e2.value.indexOf(o2);
-      l2 !== -1 && e2.value.splice(l2, 1);
+  function l2(r2) {
+    return e2.value.push(r2), () => {
+      let o2 = e2.value.indexOf(r2);
+      o2 !== -1 && e2.value.splice(o2, 1);
     };
   }
-  return provide(u, { register: r2, slot: t2, name: n2, props: i2 }), computed$2(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
+  return provide(a, { register: l2, slot: t2, name: n2, props: i }), computed$2(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
 }
-let T = defineComponent({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false } }, setup(t2, { slots: n2, attrs: i2 }) {
-  let e2 = a(), r2 = `headlessui-label-${t$2()}`;
-  return onMounted(() => onUnmounted(e2.register(r2))), () => {
-    let { name: o2 = "Label", slot: l2 = {}, props: p2 = {} } = e2, _a2 = t2, { passive: d } = _a2, c2 = __objRest(_a2, ["passive"]), f2 = __spreadProps(__spreadValues({}, Object.entries(p2).reduce((m2, [b2, g]) => Object.assign(m2, { [b2]: unref(g) }), {})), { id: r2 }), s2 = __spreadValues(__spreadValues({}, c2), f2);
-    return d && delete s2.onClick, k({ props: s2, slot: l2, attrs: i2, slots: n2, name: o2 });
+let T = defineComponent({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-label-${t$1()}` } }, setup(t2, { slots: n2, attrs: i }) {
+  let e2 = d();
+  return onMounted(() => onUnmounted(e2.register(t2.id))), () => {
+    let { name: l2 = "Label", slot: r2 = {}, props: o2 = {} } = e2, _a2 = t2, { id: p2, passive: c2 } = _a2, s2 = __objRest(_a2, ["id", "passive"]), u2 = __spreadProps(__spreadValues({}, Object.entries(o2).reduce((f2, [b2, g]) => Object.assign(f2, { [b2]: unref(g) }), {})), { id: p2 });
+    return c2 && (delete u2.onClick, delete s2.onClick), H$1({ ourProps: u2, theirProps: s2, slot: r2, attrs: i, slots: n2, name: l2 });
   };
 } });
-let b = Symbol("GroupContext");
-defineComponent({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(l2, { slots: a2, attrs: i2 }) {
-  let n2 = ref(null), u2 = K({ name: "SwitchLabel", props: { onClick() {
-    !n2.value || (n2.value.click(), n2.value.focus({ preventScroll: true }));
-  } } }), t2 = P$1({ name: "SwitchDescription" });
-  return provide(b, { switchRef: n2, labelledby: u2, describedby: t2 }), () => k({ props: l2, slot: {}, slots: a2, attrs: i2, name: "SwitchGroup" });
+let S = Symbol("GroupContext");
+defineComponent({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(l2, { slots: c2, attrs: o2 }) {
+  let r2 = ref(null), p2 = K({ name: "SwitchLabel", props: { onClick() {
+    r2.value && (r2.value.click(), r2.value.focus({ preventScroll: true }));
+  } } }), t2 = M({ name: "SwitchDescription" });
+  return provide(S, { switchRef: r2, labelledby: p2, describedby: t2 }), () => H$1({ theirProps: l2, ourProps: {}, slot: {}, slots: c2, attrs: o2, name: "SwitchGroup" });
 } });
-let Y = defineComponent({ name: "Switch", emits: { "update:modelValue": (l2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: false }, name: { type: String, optional: true }, value: { type: String, optional: true } }, inheritAttrs: false, setup(l2, { emit: a2, attrs: i2, slots: n2, expose: u2 }) {
-  let t2 = inject(b, null), p$12 = `headlessui-switch-${t$2()}`;
-  function c2() {
-    a2("update:modelValue", !l2.modelValue);
-  }
-  let h2 = ref(null), r2 = t2 === null ? h2 : t2.switchRef, S2 = b$1(computed$2(() => ({ as: l2.as, type: i2.type })), r2);
-  u2({ el: r2, $el: r2 });
-  function w2(e2) {
-    e2.preventDefault(), c2();
+let ue = defineComponent({ name: "Switch", emits: { "update:modelValue": (l2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: () => `headlessui-switch-${t$1()}` } }, inheritAttrs: false, setup(l2, { emit: c2, attrs: o$2, slots: r2, expose: p2 }) {
+  let t2 = inject(S, null), [i, s2] = d$1(computed$2(() => l2.modelValue), (e2) => c2("update:modelValue", e2), computed$2(() => l2.defaultChecked));
+  function f2() {
+    s2(!i.value);
   }
-  function v(e2) {
-    e2.key === o.Space ? (e2.preventDefault(), c2()) : e2.key === o.Enter && p(e2.currentTarget);
+  let w2 = ref(null), u2 = t2 === null ? w2 : t2.switchRef, k = b$1(computed$2(() => ({ as: l2.as, type: o$2.type })), u2);
+  p2({ el: u2, $el: u2 });
+  function C(e2) {
+    e2.preventDefault(), f2();
   }
   function g(e2) {
+    e2.key === o$1.Space ? (e2.preventDefault(), f2()) : e2.key === o$1.Enter && p$1(e2.currentTarget);
+  }
+  function R(e2) {
     e2.preventDefault();
   }
-  return () => {
-    let _a2 = l2, { name: e2, value: R2, modelValue: o2 } = _a2, k$1 = __objRest(_a2, ["name", "value", "modelValue"]), D2 = { checked: o2 }, K2 = { id: p$12, ref: r2, role: "switch", type: S2.value, tabIndex: 0, "aria-checked": o2, "aria-labelledby": t2 == null ? void 0 : t2.labelledby.value, "aria-describedby": t2 == null ? void 0 : t2.describedby.value, onClick: w2, onKeyup: v, onKeypress: g };
-    return h$2(Fragment, [e2 != null && o2 != null ? h$2(m, S$1({ features: a$1.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: o2, name: e2, value: R2 })) : null, k({ props: __spreadValues(__spreadValues(__spreadValues({}, i2), k$1), K2), slot: D2, attrs: i2, slots: n2, name: "Switch" })]);
+  let a2 = computed$2(() => {
+    var e2, n2;
+    return (n2 = (e2 = o(u2)) == null ? void 0 : e2.closest) == null ? void 0 : n2.call(e2, "form");
+  });
+  return onMounted(() => {
+    watch([a2], () => {
+      if (!a2.value || l2.defaultChecked === void 0)
+        return;
+      function e2() {
+        s2(l2.defaultChecked);
+      }
+      return a2.value.addEventListener("reset", e2), () => {
+        var n2;
+        (n2 = a2.value) == null || n2.removeEventListener("reset", e2);
+      };
+    }, { immediate: true });
+  }), () => {
+    let _a2 = l2, { id: e2, name: n2, value: D2 } = _a2, E2 = __objRest(_a2, ["id", "name", "value"]), K2 = { checked: i.value }, L = { id: e2, ref: u2, role: "switch", type: k.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": t2 == null ? void 0 : t2.labelledby.value, "aria-describedby": t2 == null ? void 0 : t2.describedby.value, onClick: C, onKeyup: g, onKeypress: R };
+    return h$1(Fragment, [n2 != null && i.value != null ? h$1(f$1, K$1({ features: a$1.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: i.value, name: n2, value: D2 })) : null, H$1({ ourProps: L, theirProps: __spreadValues(__spreadValues({}, o$2), T$2(E2, ["modelValue", "defaultChecked"])), slot: K2, attrs: o$2, slots: r2, name: "Switch" })]);
   };
 } });
 T;
-S;
+E$1;
 function getWindow(node) {
   if (node == null) {
     return window;
@@ -1549,32 +1717,47 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 var round = Math.round;
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function(item) {
+      return item.brand + "/" + item.version;
+    }).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth;
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
-  }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x2 = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y2 = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width2 = clientRect.width / scaleX;
+  var height2 = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width: width2,
+    height: height2,
+    top: y2,
+    right: x2 + width2,
+    bottom: y2 + height2,
+    left: x2,
+    x: x2,
+    y: y2
   };
 }
 function getWindowScroll(node) {
@@ -1628,7 +1811,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1710,8 +1893,8 @@ function getTrueOffsetParent(element) {
   return element.offsetParent;
 }
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
   if (isIE && isHTMLElement(element)) {
     var elementCss = getComputedStyle(element);
     if (elementCss.position === "fixed") {
@@ -2072,27 +2255,27 @@ var unsetSides = {
   left: "auto"
 };
 function roundOffsetsByDPR(_ref) {
-  var x2 = _ref.x, y = _ref.y;
+  var x2 = _ref.x, y2 = _ref.y;
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: round(x2 * dpr) / dpr || 0,
-    y: round(y * dpr) / dpr || 0
+    y: round(y2 * dpr) / dpr || 0
   };
 }
 function mapToStyles(_ref2) {
   var _Object$assign2;
   var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
-  var _offsets$x = offsets.x, x2 = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
+  var _offsets$x = offsets.x, x2 = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y2 = _offsets$y === void 0 ? 0 : _offsets$y;
   var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
     x: x2,
-    y
+    y: y2
   }) : {
     x: x2,
-    y
+    y: y2
   };
   x2 = _ref3.x;
-  y = _ref3.y;
+  y2 = _ref3.y;
   var hasX = offsets.hasOwnProperty("x");
   var hasY = offsets.hasOwnProperty("y");
   var sideX = left;
@@ -2113,8 +2296,8 @@ function mapToStyles(_ref2) {
     if (placement === top || (placement === left || placement === right) && variation === end) {
       sideY = bottom;
       var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
-      y -= offsetY - popperRect.height;
-      y *= gpuAcceleration ? 1 : -1;
+      y2 -= offsetY - popperRect.height;
+      y2 *= gpuAcceleration ? 1 : -1;
     }
     if (placement === left || (placement === top || placement === bottom) && variation === end) {
       sideX = right;
@@ -2128,18 +2311,18 @@ function mapToStyles(_ref2) {
   }, adaptive && unsetSides);
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x2,
-    y
+    y: y2
   }) : {
     x: x2,
-    y
+    y: y2
   };
   x2 = _ref4.x;
-  y = _ref4.y;
+  y2 = _ref4.y;
   if (gpuAcceleration) {
     var _Object$assign;
-    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x2 + "px, " + y + "px)" : "translate3d(" + x2 + "px, " + y + "px, 0)", _Object$assign));
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x2 + "px, " + y2 + "px)" : "translate3d(" + x2 + "px, " + y2 + "px, 0)", _Object$assign));
   }
-  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x2 + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y2 + "px" : "", _Object$assign2[sideX] = hasX ? x2 + "px" : "", _Object$assign2.transform = "", _Object$assign2));
 }
 function computeStyles(_ref5) {
   var state = _ref5.state, options = _ref5.options;
@@ -2281,12 +2464,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const placement = props.position === "left" ? "bottom-end" : "bottom-start";
     const [button, container] = usePopper({ placement });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(fe), {
+      return openBlock(), createBlock(unref(ge), {
         as: "div",
         class: "relative inline-block text-left"
       }, {
         default: withCtx(({ open }) => [
-          createVNode(unref(me), {
+          createVNode(unref(Se), {
             class: "focus:outline-none",
             ref_key: "button",
             ref: button
@@ -2319,7 +2502,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 "leave-to-class": "transform -translate-y-2 opacity-0"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(pe), {
+                  createVNode(unref(be), {
                     class: normalizeClass([
                       {
                         "absolute left-0 origin-top-left": !__props.usePortal && __props.position === "right",
@@ -2357,7 +2540,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ve), normalizeProps(guardReactiveProps({ disabled: __props.disabled })), {
+      return openBlock(), createBlock(unref(Me), normalizeProps(guardReactiveProps({ disabled: __props.disabled })), {
         default: withCtx(({ active }) => [
           createElementVNode("span", mergeProps({
             class: ["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg", [
@@ -2423,7 +2606,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(we), {
+      return openBlock(), createBlock(unref(Ee), {
         as: "div",
         modelValue: unref(selected),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selected) ? selected.value = $event : null),
@@ -2431,7 +2614,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$3, [
-            createVNode(unref(ke), {
+            createVNode(unref(Ae), {
               class: normalizeClass(["w-full mono-50 bg-white text-grey-800 placeholder-grey-600 border border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:ring-2 focus:border-blue-400 focus:ring-blue-400 focus:outline-none dark:focus:border-blue-800 dark:focus:ring-blue-800 cursor-default rounded font-normal text-left", [unref(inputClasses), unref(textSizeClasses), unref(disabledClasses)]])
             }, {
               default: withCtx(() => {
@@ -2460,10 +2643,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                createVNode(unref(Ce), { class: "absolute z-10 mt-1 w-full bg-white dark:bg-grey-700 dark:text-grey-50 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm" }, {
+                createVNode(unref(Fe), { class: "absolute z-10 mt-1 w-full bg-white dark:bg-grey-700 dark:text-grey-50 shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm" }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
-                      return openBlock(), createBlock(unref(Me), {
+                      return openBlock(), createBlock(unref(Be), {
                         as: "template",
                         key: item.id,
                         value: item,
@@ -2607,7 +2790,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emits("change", newValue);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Y), {
+      return openBlock(), createBlock(unref(ue), {
         modelValue: __props.modelValue,
         label: __props.label,
         class: normalizeClass([__props.modelValue ? "bg-blue-700" : "bg-grey-700", "relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),