@deck9/ui 0.10.0 → 0.10.4

package/dist/src/index.es.js

@@ -5,24 +5,36 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed as computed$2, unref as unref$1, openBlock, createBlock, mergeProps, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, ref, cloneVNode, h, watchEffect, inject, provide, onMounted, toRaw as toRaw$1, onUnmounted, watch, nextTick as nextTick$1, withCtx, renderSlot, Teleport, Transition, normalizeProps, guardReactiveProps, isRef as isRef$1, Fragment, renderList, createTextVNode } from "vue";
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { defineComponent, computed as computed$2, unref, openBlock, createBlock, mergeProps, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, ref, cloneVNode, h as h$2, inject, provide, onMounted, watchEffect, onUnmounted, Fragment, watch, nextTick, 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 { fas } from "@fortawesome/free-solid-svg-icons";
+import * as fasIcons from "@fortawesome/free-solid-svg-icons";
 /*!
- * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
+ * 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.
  */
@@ -51,11 +63,11 @@ var faTwitter = {
   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"]
 };
-library.add(fas);
-library.add(faTwitter, faInstagram, faGithub, faLinkedin, faFacebook);
+library.add(fasIcons.faAt, fasIcons.faBold, fasIcons.faCalendar, fasIcons.faChartPie, fasIcons.faCheck, fasIcons.faCheckCircle, fasIcons.faChevronDown, fasIcons.faChevronLeft, fasIcons.faChevronRight, fasIcons.faChevronUp, fasIcons.faCircleCheck, fasIcons.faCircleNotch, fasIcons.faClipboard, fasIcons.faCloudDownload, fasIcons.faCloudUpload, fasIcons.faCog, fasIcons.faDoorOpen, fasIcons.faDotCircle, fasIcons.faEllipsis, fasIcons.faEllipsisVertical, fasIcons.faEnvelope, fasIcons.faExclamationTriangle, fasIcons.faExternalLink, fasIcons.faEyeDropper, fasIcons.faFileLines, fasIcons.faFileUpload, fasIcons.faFingerprint, fasIcons.faGlobe, fasIcons.faGripHorizontal, fasIcons.faGripVertical, fasIcons.faHandPointRight, fasIcons.faHashtag, fasIcons.faInfoCircle, fasIcons.faItalic, fasIcons.faLink, fasIcons.faMedal, fasIcons.faMessage, fasIcons.faPencilAlt, fasIcons.faPenToSquare, fasIcons.faPhone, fasIcons.faPlayCircle, fasIcons.faPlus, fasIcons.faPlusCircle, fasIcons.faReply, fasIcons.faReplyAll, fasIcons.faRobot, fasIcons.faSave, fasIcons.faShield, fasIcons.faSignature, fasIcons.faSquareCheck, fasIcons.faStar, fasIcons.faTimes, fasIcons.faTrash, fasIcons.faTrophy, fasIcons.faTurnDown, fasIcons.faUpload, fasIcons.faUser, fasIcons.faUserShield, faTwitter, faInstagram, faGithub, faLinkedin, faFacebook);
 var icons = [...Object.keys(library.definitions.fas)].sort();
 const brands = [...Object.keys(library.definitions.fab)].sort();
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "Icon",
   props: {
     name: { default: "user" }
   },
@@ -76,9 +88,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return unref$1(isIconAvailable) ? (openBlock(), createBlock(unref$1(FontAwesomeIcon), mergeProps({
+      return unref(isIconAvailable) ? (openBlock(), createBlock(unref(FontAwesomeIcon), mergeProps({
         key: 0,
-        icon: [unref$1(iconBag), __props.name]
+        icon: [unref(iconBag), __props.name]
       }, _ctx.$attrs), null, 16, ["icon"])) : createCommentVNode("", true);
     };
   }
@@ -89,6 +101,7 @@ const _hoisted_2$6 = {
   class: "absolute inset-0 flex items-center justify-center"
 };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Button",
   props: {
     label: null,
     size: { default: "medium" },
@@ -105,7 +118,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const colors = {
         "text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900": props.color === "primary",
         "text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900": props.color === "light",
-        "text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900": props.color === "dark"
+        "text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900": props.color === "dark",
+        "text-red-50 bg-red-500 border-transparent hover:bg-red-600 active:bg-red-600 ring-red-400 dark:ring-red-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-red-900": props.color === "danger"
       };
       const disabledClasses = {
         "pointer-events-none opacity-75 cursor-not-allowed": props.isDisabled
@@ -141,7 +155,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out", unref$1(buttonClasses)]),
+        class: normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out", unref(buttonClasses)]),
         type: "button",
         "aria-label": __props.label,
         tabindex: __props.isDisabled ? "-1" : void 0,
@@ -153,13 +167,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           __props.icon && __props.iconPosition === "left" ? (openBlock(), createBlock(_sfc_main$b, {
             key: 0,
             name: __props.icon,
-            class: normalizeClass(unref$1(iconClasses))
+            class: normalizeClass(unref(iconClasses))
           }, null, 8, ["name", "class"])) : createCommentVNode("", true),
           createElementVNode("span", null, toDisplayString(__props.label), 1),
           __props.icon && __props.iconPosition === "right" ? (openBlock(), createBlock(_sfc_main$b, {
             key: 1,
             name: __props.icon,
-            class: normalizeClass(unref$1(iconClasses))
+            class: normalizeClass(unref(iconClasses))
           }, null, 8, ["name", "class"])) : createCommentVNode("", true)
         ], 2),
         __props.isLoading ? (openBlock(), createElementBlock("span", _hoisted_2$6, [
@@ -188,8 +202,8 @@ function validate(uuid) {
   return typeof uuid === "string" && REGEX.test(uuid);
 }
 var byteToHex = [];
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).substr(1));
+for (var i$1 = 0; i$1 < 256; ++i$1) {
+  byteToHex.push((i$1 + 256).toString(16).substr(1));
 }
 function stringify(arr) {
   var offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
@@ -206,8 +220,8 @@ function v4(options, buf, offset) {
   rnds[8] = rnds[8] & 63 | 128;
   if (buf) {
     offset = offset || 0;
-    for (var i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
+    for (var i2 = 0; i2 < 16; ++i2) {
+      buf[offset + i2] = rnds[i2];
     }
     return buf;
   }
@@ -223,6 +237,7 @@ const _hoisted_6$1 = {
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
 };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "Checkbox",
   props: {
     id: { default: v4() },
     label: null,
@@ -256,37 +271,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EMPTY_OBJ = {};
 const NOOP = () => {
 };
-const extend = Object.assign;
-const remove = (arr, el) => {
-  const i = arr.indexOf(el);
-  if (i > -1) {
-    arr.splice(i, 1);
-  }
-};
+const NO = () => false;
 const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isSet = (val) => toTypeString(val) === "[object Set]";
 const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const isPlainObject = (val) => toTypeString(val) === "[object Object]";
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 let activeEffectScope;
 function recordEffectScope(effect2, scope = activeEffectScope) {
   if (scope && scope.active) {
@@ -303,8 +292,8 @@ const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
 const newTracked = (dep) => (dep.n & trackOpBit) > 0;
 const initDepMarkers = ({ deps }) => {
   if (deps.length) {
-    for (let i = 0; i < deps.length; i++) {
-      deps[i].w |= trackOpBit;
+    for (let i2 = 0; i2 < deps.length; i2++) {
+      deps[i2].w |= trackOpBit;
     }
   }
 };
@@ -312,8 +301,8 @@ const finalizeDepMarkers = (effect2) => {
   const { deps } = effect2;
   if (deps.length) {
     let ptr = 0;
-    for (let i = 0; i < deps.length; i++) {
-      const dep = deps[i];
+    for (let i2 = 0; i2 < deps.length; i2++) {
+      const dep = deps[i2];
       if (wasTracked(dep) && !newTracked(dep)) {
         dep.delete(effect2);
       } else {
@@ -369,10 +358,15 @@ class ReactiveEffect {
       activeEffect = this.parent;
       shouldTrack = lastShouldTrack;
       this.parent = void 0;
+      if (this.deferStop) {
+        this.stop();
+      }
     }
   }
   stop() {
-    if (this.active) {
+    if (activeEffect === this) {
+      this.deferStop = true;
+    } else if (this.active) {
       cleanupEffect(this);
       if (this.onStop) {
         this.onStop();
@@ -384,8 +378,8 @@ class ReactiveEffect {
 function cleanupEffect(effect2) {
   const { deps } = effect2;
   if (deps.length) {
-    for (let i = 0; i < deps.length; i++) {
-      deps[i].delete(effect2);
+    for (let i2 = 0; i2 < deps.length; i2++) {
+      deps[i2].delete(effect2);
     }
     deps.length = 0;
   }
@@ -407,37 +401,31 @@ function trackEffects(dep, debuggerEventExtraInfo) {
   }
 }
 function triggerEffects(dep, debuggerEventExtraInfo) {
-  for (const effect2 of isArray(dep) ? dep : [...dep]) {
-    if (effect2 !== activeEffect || effect2.allowRecurse) {
-      if (effect2.scheduler) {
-        effect2.scheduler();
-      } else {
-        effect2.run();
-      }
+  const effects = isArray(dep) ? dep : [...dep];
+  for (const effect2 of effects) {
+    if (effect2.computed) {
+      triggerEffect(effect2);
     }
   }
-}
-new Set(Object.getOwnPropertyNames(Symbol).map((key) => Symbol[key]).filter(isSymbol));
-function isReactive(value) {
-  if (isReadonly(value)) {
-    return isReactive(value["__v_raw"]);
+  for (const effect2 of effects) {
+    if (!effect2.computed) {
+      triggerEffect(effect2);
+    }
   }
-  return !!(value && value["__v_isReactive"]);
 }
-function isReadonly(value) {
-  return !!(value && value["__v_isReadonly"]);
-}
-function isShallow(value) {
-  return !!(value && value["__v_isShallow"]);
+function triggerEffect(effect2, debuggerEventExtraInfo) {
+  if (effect2 !== activeEffect || effect2.allowRecurse) {
+    if (effect2.scheduler) {
+      effect2.scheduler();
+    } else {
+      effect2.run();
+    }
+  }
 }
 function toRaw(observed) {
   const raw = observed && observed["__v_raw"];
   return raw ? toRaw(raw) : observed;
 }
-function markRaw(value) {
-  def(value, "__v_skip", true);
-  return value;
-}
 function trackRefValue(ref2) {
   if (shouldTrack && activeEffect) {
     ref2 = toRaw(ref2);
@@ -454,29 +442,8 @@ function triggerRefValue(ref2, newVal) {
     }
   }
 }
-function isRef(r) {
-  return !!(r && r.__v_isRef === true);
-}
-function unref(ref2) {
-  return isRef(ref2) ? ref2.value : ref2;
-}
-const shallowUnwrapHandlers = {
-  get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
-  set: (target, key, value, receiver) => {
-    const oldValue = target[key];
-    if (isRef(oldValue) && !isRef(value)) {
-      oldValue.value = value;
-      return true;
-    } else {
-      return Reflect.set(target, key, value, receiver);
-    }
-  }
-};
-function proxyRefs(objectWithRefs) {
-  return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
-}
 class ComputedRefImpl {
-  constructor(getter, _setter, isReadonly2, isSSR) {
+  constructor(getter, _setter, isReadonly, isSSR) {
     this._setter = _setter;
     this.dep = void 0;
     this.__v_isRef = true;
@@ -489,7 +456,7 @@ class ComputedRefImpl {
     });
     this.effect.computed = this;
     this.effect.active = this._cacheable = !isSSR;
-    this["__v_isReadonly"] = isReadonly2;
+    this["__v_isReadonly"] = isReadonly;
   }
   get value() {
     const self = toRaw(this);
@@ -518,511 +485,29 @@ function computed$1(getterOrOptions, debugOptions, isSSR = false) {
   const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
   return cRef;
 }
-Promise.resolve();
-function callWithErrorHandling(fn2, instance, type, args) {
-  let res;
-  try {
-    res = args ? fn2(...args) : fn2();
-  } catch (err) {
-    handleError(err, instance, type);
-  }
-  return res;
-}
-function callWithAsyncErrorHandling(fn2, instance, type, args) {
-  if (isFunction(fn2)) {
-    const res = callWithErrorHandling(fn2, instance, type, args);
-    if (res && isPromise(res)) {
-      res.catch((err) => {
-        handleError(err, instance, type);
-      });
-    }
-    return res;
-  }
-  const values = [];
-  for (let i = 0; i < fn2.length; i++) {
-    values.push(callWithAsyncErrorHandling(fn2[i], instance, type, args));
-  }
-  return values;
-}
-function handleError(err, instance, type, throwInDev = true) {
-  const contextVNode = instance ? instance.vnode : null;
-  if (instance) {
-    let cur = instance.parent;
-    const exposedInstance = instance.proxy;
-    const errorInfo = type;
-    while (cur) {
-      const errorCapturedHooks = cur.ec;
-      if (errorCapturedHooks) {
-        for (let i = 0; i < errorCapturedHooks.length; i++) {
-          if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-            return;
-          }
-        }
-      }
-      cur = cur.parent;
-    }
-    const appErrorHandler = instance.appContext.config.errorHandler;
-    if (appErrorHandler) {
-      callWithErrorHandling(appErrorHandler, null, 10, [err, exposedInstance, errorInfo]);
-      return;
-    }
-  }
-  logError(err, type, contextVNode, throwInDev);
-}
-function logError(err, type, contextVNode, throwInDev = true) {
-  {
-    console.error(err);
-  }
-}
-let isFlushing = false;
-let isFlushPending = false;
-const queue = [];
-let flushIndex = 0;
-const pendingPreFlushCbs = [];
-let activePreFlushCbs = null;
-let preFlushIndex = 0;
-const pendingPostFlushCbs = [];
-let activePostFlushCbs = null;
-let postFlushIndex = 0;
-const resolvedPromise = Promise.resolve();
-let currentFlushPromise = null;
-let currentPreFlushParentJob = null;
-function nextTick(fn2) {
-  const p = currentFlushPromise || resolvedPromise;
-  return fn2 ? p.then(this ? fn2.bind(this) : fn2) : p;
-}
-function findInsertionIndex(id2) {
-  let start2 = flushIndex + 1;
-  let end2 = queue.length;
-  while (start2 < end2) {
-    const middle = start2 + end2 >>> 1;
-    const middleJobId = getId(queue[middle]);
-    middleJobId < id2 ? start2 = middle + 1 : end2 = middle;
-  }
-  return start2;
-}
-function queueJob(job) {
-  if ((!queue.length || !queue.includes(job, isFlushing && job.allowRecurse ? flushIndex + 1 : flushIndex)) && job !== currentPreFlushParentJob) {
-    if (job.id == null) {
-      queue.push(job);
-    } else {
-      queue.splice(findInsertionIndex(job.id), 0, job);
-    }
-    queueFlush();
-  }
-}
-function queueFlush() {
-  if (!isFlushing && !isFlushPending) {
-    isFlushPending = true;
-    currentFlushPromise = resolvedPromise.then(flushJobs);
-  }
-}
-function queueCb(cb, activeQueue, pendingQueue, index) {
-  if (!isArray(cb)) {
-    if (!activeQueue || !activeQueue.includes(cb, cb.allowRecurse ? index + 1 : index)) {
-      pendingQueue.push(cb);
-    }
-  } else {
-    pendingQueue.push(...cb);
-  }
-  queueFlush();
-}
-function queuePreFlushCb(cb) {
-  queueCb(cb, activePreFlushCbs, pendingPreFlushCbs, preFlushIndex);
-}
-function queuePostFlushCb(cb) {
-  queueCb(cb, activePostFlushCbs, pendingPostFlushCbs, postFlushIndex);
-}
-function flushPreFlushCbs(seen, parentJob = null) {
-  if (pendingPreFlushCbs.length) {
-    currentPreFlushParentJob = parentJob;
-    activePreFlushCbs = [...new Set(pendingPreFlushCbs)];
-    pendingPreFlushCbs.length = 0;
-    for (preFlushIndex = 0; preFlushIndex < activePreFlushCbs.length; preFlushIndex++) {
-      activePreFlushCbs[preFlushIndex]();
-    }
-    activePreFlushCbs = null;
-    preFlushIndex = 0;
-    currentPreFlushParentJob = null;
-    flushPreFlushCbs(seen, parentJob);
-  }
-}
-function flushPostFlushCbs(seen) {
-  if (pendingPostFlushCbs.length) {
-    const deduped = [...new Set(pendingPostFlushCbs)];
-    pendingPostFlushCbs.length = 0;
-    if (activePostFlushCbs) {
-      activePostFlushCbs.push(...deduped);
-      return;
-    }
-    activePostFlushCbs = deduped;
-    activePostFlushCbs.sort((a, b) => getId(a) - getId(b));
-    for (postFlushIndex = 0; postFlushIndex < activePostFlushCbs.length; postFlushIndex++) {
-      activePostFlushCbs[postFlushIndex]();
-    }
-    activePostFlushCbs = null;
-    postFlushIndex = 0;
-  }
-}
-const getId = (job) => job.id == null ? Infinity : job.id;
-function flushJobs(seen) {
-  isFlushPending = false;
-  isFlushing = true;
-  flushPreFlushCbs(seen);
-  queue.sort((a, b) => getId(a) - getId(b));
-  const check = NOOP;
-  try {
-    for (flushIndex = 0; flushIndex < queue.length; flushIndex++) {
-      const job = queue[flushIndex];
-      if (job && job.active !== false) {
-        if (false)
-          ;
-        callWithErrorHandling(job, null, 14);
-      }
-    }
-  } finally {
-    flushIndex = 0;
-    queue.length = 0;
-    flushPostFlushCbs();
-    isFlushing = false;
-    currentFlushPromise = null;
-    if (queue.length || pendingPreFlushCbs.length || pendingPostFlushCbs.length) {
-      flushJobs(seen);
-    }
-  }
-}
-function queueEffectWithSuspense(fn2, suspense) {
-  if (suspense && suspense.pendingBranch) {
-    if (isArray(fn2)) {
-      suspense.effects.push(...fn2);
-    } else {
-      suspense.effects.push(fn2);
-    }
-  } else {
-    queuePostFlushCb(fn2);
-  }
-}
-const INITIAL_WATCHER_VALUE = {};
-function doWatch(source, cb, { immediate, deep, flush, onTrack, onTrigger } = EMPTY_OBJ) {
-  const instance = currentInstance;
-  let getter;
-  let forceTrigger = false;
-  let isMultiSource = false;
-  if (isRef(source)) {
-    getter = () => source.value;
-    forceTrigger = isShallow(source);
-  } else if (isReactive(source)) {
-    getter = () => source;
-    deep = true;
-  } else if (isArray(source)) {
-    isMultiSource = true;
-    forceTrigger = source.some(isReactive);
-    getter = () => source.map((s) => {
-      if (isRef(s)) {
-        return s.value;
-      } else if (isReactive(s)) {
-        return traverse(s);
-      } else if (isFunction(s)) {
-        return callWithErrorHandling(s, instance, 2);
-      } else
-        ;
-    });
-  } else if (isFunction(source)) {
-    if (cb) {
-      getter = () => callWithErrorHandling(source, instance, 2);
-    } else {
-      getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
-        if (cleanup) {
-          cleanup();
-        }
-        return callWithAsyncErrorHandling(source, instance, 3, [onCleanup]);
-      };
-    }
-  } else {
-    getter = NOOP;
-  }
-  if (cb && deep) {
-    const baseGetter = getter;
-    getter = () => traverse(baseGetter());
-  }
-  let cleanup;
-  let onCleanup = (fn2) => {
-    cleanup = effect2.onStop = () => {
-      callWithErrorHandling(fn2, instance, 4);
-    };
-  };
-  let oldValue = isMultiSource ? [] : INITIAL_WATCHER_VALUE;
-  const job = () => {
-    if (!effect2.active) {
-      return;
-    }
-    if (cb) {
-      const newValue = effect2.run();
-      if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue)) || false) {
-        if (cleanup) {
-          cleanup();
-        }
-        callWithAsyncErrorHandling(cb, instance, 3, [
-          newValue,
-          oldValue === INITIAL_WATCHER_VALUE ? void 0 : oldValue,
-          onCleanup
-        ]);
-        oldValue = newValue;
-      }
-    } else {
-      effect2.run();
-    }
-  };
-  job.allowRecurse = !!cb;
-  let scheduler;
-  if (flush === "sync") {
-    scheduler = job;
-  } else if (flush === "post") {
-    scheduler = () => queuePostRenderEffect(job, instance && instance.suspense);
-  } else {
-    scheduler = () => {
-      if (!instance || instance.isMounted) {
-        queuePreFlushCb(job);
-      } else {
-        job();
-      }
-    };
-  }
-  const effect2 = new ReactiveEffect(getter, scheduler);
-  if (cb) {
-    if (immediate) {
-      job();
-    } else {
-      oldValue = effect2.run();
-    }
-  } else if (flush === "post") {
-    queuePostRenderEffect(effect2.run.bind(effect2), instance && instance.suspense);
-  } else {
-    effect2.run();
-  }
-  return () => {
-    effect2.stop();
-    if (instance && instance.scope) {
-      remove(instance.scope.effects, effect2);
-    }
-  };
-}
-function instanceWatch(source, value, options) {
-  const publicThis = this.proxy;
-  const getter = isString(source) ? source.includes(".") ? createPathGetter(publicThis, source) : () => publicThis[source] : source.bind(publicThis, publicThis);
-  let cb;
-  if (isFunction(value)) {
-    cb = value;
-  } else {
-    cb = value.handler;
-    options = value;
-  }
-  const cur = currentInstance;
-  setCurrentInstance(this);
-  const res = doWatch(getter, cb.bind(publicThis), options);
-  if (cur) {
-    setCurrentInstance(cur);
-  } else {
-    unsetCurrentInstance();
-  }
-  return res;
-}
-function createPathGetter(ctx, path) {
-  const segments = path.split(".");
-  return () => {
-    let cur = ctx;
-    for (let i = 0; i < segments.length && cur; i++) {
-      cur = cur[segments[i]];
-    }
-    return cur;
-  };
-}
-function traverse(value, seen) {
-  if (!isObject(value) || value["__v_skip"]) {
-    return value;
-  }
-  seen = seen || /* @__PURE__ */ new Set();
-  if (seen.has(value)) {
-    return value;
-  }
-  seen.add(value);
-  if (isRef(value)) {
-    traverse(value.value, seen);
-  } else if (isArray(value)) {
-    for (let i = 0; i < value.length; i++) {
-      traverse(value[i], seen);
-    }
-  } else if (isSet(value) || isMap(value)) {
-    value.forEach((v) => {
-      traverse(v, seen);
-    });
-  } else if (isPlainObject(value)) {
-    for (const key in value) {
-      traverse(value[key], seen);
-    }
-  }
-  return value;
-}
-function resolveMergedOptions(instance) {
-  const base = instance.type;
-  const { mixins, extends: extendsOptions } = base;
-  const { mixins: globalMixins, optionsCache: cache, config: { optionMergeStrategies } } = instance.appContext;
-  const cached = cache.get(base);
-  let resolved;
-  if (cached) {
-    resolved = cached;
-  } else if (!globalMixins.length && !mixins && !extendsOptions) {
-    {
-      resolved = base;
-    }
-  } else {
-    resolved = {};
-    if (globalMixins.length) {
-      globalMixins.forEach((m) => mergeOptions(resolved, m, optionMergeStrategies, true));
-    }
-    mergeOptions(resolved, base, optionMergeStrategies);
-  }
-  cache.set(base, resolved);
-  return resolved;
-}
-function mergeOptions(to, from, strats, asMixin = false) {
-  const { mixins, extends: extendsOptions } = from;
-  if (extendsOptions) {
-    mergeOptions(to, extendsOptions, strats, true);
-  }
-  if (mixins) {
-    mixins.forEach((m) => mergeOptions(to, m, strats, true));
-  }
-  for (const key in from) {
-    if (asMixin && key === "expose")
-      ;
-    else {
-      const strat = internalOptionMergeStrats[key] || strats && strats[key];
-      to[key] = strat ? strat(to[key], from[key]) : from[key];
-    }
-  }
-  return to;
-}
-const internalOptionMergeStrats = {
-  data: mergeDataFn,
-  props: mergeObjectOptions,
-  emits: mergeObjectOptions,
-  methods: mergeObjectOptions,
-  computed: mergeObjectOptions,
-  beforeCreate: mergeAsArray,
-  created: mergeAsArray,
-  beforeMount: mergeAsArray,
-  mounted: mergeAsArray,
-  beforeUpdate: mergeAsArray,
-  updated: mergeAsArray,
-  beforeDestroy: mergeAsArray,
-  beforeUnmount: mergeAsArray,
-  destroyed: mergeAsArray,
-  unmounted: mergeAsArray,
-  activated: mergeAsArray,
-  deactivated: mergeAsArray,
-  errorCaptured: mergeAsArray,
-  serverPrefetch: mergeAsArray,
-  components: mergeObjectOptions,
-  directives: mergeObjectOptions,
-  watch: mergeWatchOptions,
-  provide: mergeDataFn,
-  inject: mergeInject
-};
-function mergeDataFn(to, from) {
-  if (!from) {
-    return to;
-  }
-  if (!to) {
-    return from;
-  }
-  return function mergedDataFn() {
-    return extend(isFunction(to) ? to.call(this, this) : to, isFunction(from) ? from.call(this, this) : from);
+function createAppContext() {
+  return {
+    app: null,
+    config: {
+      isNativeTag: NO,
+      performance: false,
+      globalProperties: {},
+      optionMergeStrategies: {},
+      errorHandler: void 0,
+      warnHandler: void 0,
+      compilerOptions: {}
+    },
+    mixins: [],
+    components: {},
+    directives: {},
+    provides: /* @__PURE__ */ Object.create(null),
+    optionsCache: /* @__PURE__ */ new WeakMap(),
+    propsCache: /* @__PURE__ */ new WeakMap(),
+    emitsCache: /* @__PURE__ */ new WeakMap()
   };
 }
-function mergeInject(to, from) {
-  return mergeObjectOptions(normalizeInject(to), normalizeInject(from));
-}
-function normalizeInject(raw) {
-  if (isArray(raw)) {
-    const res = {};
-    for (let i = 0; i < raw.length; i++) {
-      res[raw[i]] = raw[i];
-    }
-    return res;
-  }
-  return raw;
-}
-function mergeAsArray(to, from) {
-  return to ? [...new Set([].concat(to, from))] : from;
-}
-function mergeObjectOptions(to, from) {
-  return to ? extend(extend(/* @__PURE__ */ Object.create(null), to), from) : from;
-}
-function mergeWatchOptions(to, from) {
-  if (!to)
-    return from;
-  if (!from)
-    return to;
-  const merged = extend(/* @__PURE__ */ Object.create(null), to);
-  for (const key in from) {
-    merged[key] = mergeAsArray(to[key], from[key]);
-  }
-  return merged;
-}
-const queuePostRenderEffect = queueEffectWithSuspense;
-const getPublicInstance = (i) => {
-  if (!i)
-    return null;
-  if (isStatefulComponent(i))
-    return getExposeProxy(i) || i.proxy;
-  return getPublicInstance(i.parent);
-};
-const publicPropertiesMap = extend(/* @__PURE__ */ Object.create(null), {
-  $: (i) => i,
-  $el: (i) => i.vnode.el,
-  $data: (i) => i.data,
-  $props: (i) => i.props,
-  $attrs: (i) => i.attrs,
-  $slots: (i) => i.slots,
-  $refs: (i) => i.refs,
-  $parent: (i) => getPublicInstance(i.parent),
-  $root: (i) => getPublicInstance(i.root),
-  $emit: (i) => i.emit,
-  $options: (i) => resolveMergedOptions(i),
-  $forceUpdate: (i) => () => queueJob(i.update),
-  $nextTick: (i) => nextTick.bind(i.proxy),
-  $watch: (i) => instanceWatch.bind(i)
-});
-let currentInstance = null;
-const setCurrentInstance = (instance) => {
-  currentInstance = instance;
-  instance.scope.on();
-};
-const unsetCurrentInstance = () => {
-  currentInstance && currentInstance.scope.off();
-  currentInstance = null;
-};
-function isStatefulComponent(instance) {
-  return instance.vnode.shapeFlag & 4;
-}
+createAppContext();
 let isInSSRComponentSetup = false;
-function getExposeProxy(instance) {
-  if (instance.exposed) {
-    return instance.exposeProxy || (instance.exposeProxy = new Proxy(proxyRefs(markRaw(instance.exposed)), {
-      get(target, key) {
-        if (key in target) {
-          return target[key];
-        } else if (key in publicPropertiesMap) {
-          return publicPropertiesMap[key](instance);
-        }
-      }
-    }));
-  }
-}
 const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
@@ -1061,6 +546,7 @@ const __default__$1 = {
   inheritAttrs: false
 };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+  __name: "Input",
   props: {
     modelValue: null,
     type: { default: "text" },
@@ -1089,7 +575,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("input", mergeProps({
-          class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [unref$1(inputClasses), unref$1(textSizeClasses), unref$1(disabledClasses)]],
+          class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [unref(inputClasses), unref(textSizeClasses), unref(disabledClasses)]],
           placeholder: __props.placeholder,
           type: __props.type,
           tabindex: __props.isDisabled ? "-1" : void 0,
@@ -1101,7 +587,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
         }), null, 16, _hoisted_2$4),
         __props.icon ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", unref$1(textSizeClasses)])
+          class: normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", unref(textSizeClasses)])
         }, [
           createVNode(_sfc_main$b, { name: __props.icon }, null, 8, ["name"])
         ], 2)) : createCommentVNode("", true)
@@ -1116,6 +602,7 @@ const _hoisted_3$2 = {
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
 };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "Label",
   props: {
     id: null,
     label: null,
@@ -1130,1520 +617,737 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-function _extends() {
-  _extends = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
+function u$2(r2, n2, ...a2) {
+  if (r2 in n2) {
+    let e2 = n2[r2];
+    return typeof e2 == "function" ? e2(...a2) : e2;
+  }
+  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(_a) {
+  var _b = _a, { 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]() {
+      return null;
+    }, [1]() {
+      return i(__spreadProps(__spreadValues({}, e2), { props: __spreadProps(__spreadValues({}, e2.props), { hidden: true, style: { display: "none" } }) }));
+    } });
+  }
+  return i(e2);
+}
+function i({ props: n2, attrs: r2, slots: e2, slot: t2, name: a2 }) {
+  var c2;
+  let _a = R(n2, ["unmount", "static"]), { as: d } = _a, s2 = __objRest(_a, ["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(`
+`)].join(`
+`));
+      return cloneVNode(p2, Object.assign({}, s2, u2));
+    }
+    return Array.isArray(o2) && o2.length === 1 ? o2[0] : o2;
+  }
+  return h$2(d, Object.assign({}, s2, u2), o2);
+}
+function S$1(n2) {
+  let r2 = Object.assign({}, n2);
+  for (let e2 in r2)
+    r2[e2] === void 0 && delete r2[e2];
+  return r2;
+}
+function R(n2, r2 = []) {
+  let e2 = Object.assign({}, n2);
+  for (let t2 of r2)
+    t2 in e2 && delete e2[t2];
+  return e2;
+}
+function j(n2) {
+  return n2 == null ? false : typeof n2.type == "string" || typeof n2.type == "object" || typeof n2.type == "function";
+}
+let e$2 = 0;
+function n$1() {
+  return ++e$2;
+}
+function t$2() {
+  return n$1();
+}
+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) {
+  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 || {});
+function x(r2, n2) {
+  let t2 = n2.resolveItems();
+  if (t2.length <= 0)
+    return null;
+  let l2 = n2.resolveActiveIndex(), s2 = l2 != null ? l2 : -1, d = (() => {
+    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));
+        return e2 === -1 ? e2 : t2.length - 1 - e2;
+      }
+      case 2:
+        return t2.findIndex((e2, i2) => i2 <= s2 ? false : !n2.resolveDisabled(e2));
+      case 3: {
+        let e2 = t2.slice().reverse().findIndex((i2) => !n2.resolveDisabled(i2));
+        return e2 === -1 ? e2 : t2.length - 1 - e2;
       }
+      case 4:
+        return t2.findIndex((e2) => n2.resolveId(e2) === r2.id);
+      case 5:
+        return null;
+      default:
+        f$1(r2);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+  })();
+  return d === -1 ? l2 : d;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
-    return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
+function t$1(l2) {
+  return l2 == null || l2.value == null ? null : "$el" in l2.value ? l2.value.$el : l2.value;
 }
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it;
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it)
-        o = it;
-      var i = 0;
-      return function() {
-        if (i >= o.length)
-          return {
-            done: true
-          };
-        return {
-          done: false,
-          value: o[i++]
-        };
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  it = o[Symbol.iterator]();
-  return it.next.bind(it);
+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);
+}
+function c$1(o2) {
+  provide(n, o2);
 }
-function match(value, lookup) {
-  if (value in lookup) {
-    var returnValue = lookup[value];
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
+function r(t2, e2) {
+  if (t2)
+    return t2;
+  let n2 = e2 != null ? e2 : "button";
+  if (typeof n2 == "string" && n2.toLowerCase() === "button")
+    return "button";
+}
+function b$1(t2, e2) {
+  let n2 = ref(r(t2.value.type, t2.value.as));
+  return onMounted(() => {
+    n2.value = r(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");
+  }), n2;
+}
+function e$1(n2) {
+  if (typeof window == "undefined")
+    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;
+  }
+  return document;
+}
+function p$1({ container: e2, accept: t2, walk: d, enabled: o2 }) {
+  watchEffect(() => {
+    let r2 = e2.value;
+    if (!r2 || o2 !== void 0 && !o2.value)
+      return;
+    let l2 = e$1(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);
+  });
+}
+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);
+  }, [1]() {
+    let l2 = e2;
+    for (; l2 !== null; ) {
+      if (l2.matches(c))
+        return true;
+      l2 = l2.parentElement;
     }
-    return typeof returnValue === "function" ? returnValue.apply(void 0, args) : returnValue;
-  }
-  var error = new Error('Tried to handle "' + value + '" but there is no handler defined. Only defined handlers are: ' + Object.keys(lookup).map(function(key) {
-    return '"' + key + '"';
-  }).join(", ") + ".");
-  if (Error.captureStackTrace)
-    Error.captureStackTrace(error, match);
-  throw error;
-}
-var Features;
-(function(Features2) {
-  Features2[Features2["None"] = 0] = "None";
-  Features2[Features2["RenderStrategy"] = 1] = "RenderStrategy";
-  Features2[Features2["Static"] = 2] = "Static";
-})(Features || (Features = {}));
-var RenderStrategy;
-(function(RenderStrategy2) {
-  RenderStrategy2[RenderStrategy2["Unmount"] = 0] = "Unmount";
-  RenderStrategy2[RenderStrategy2["Hidden"] = 1] = "Hidden";
-})(RenderStrategy || (RenderStrategy = {}));
-function render(_ref) {
-  var _ref$visible = _ref.visible, visible = _ref$visible === void 0 ? true : _ref$visible, _ref$features = _ref.features, features = _ref$features === void 0 ? Features.None : _ref$features, main2 = _objectWithoutPropertiesLoose(_ref, ["visible", "features"]);
-  if (visible)
-    return _render(main2);
-  if (features & Features.Static) {
-    if (main2.props["static"])
-      return _render(main2);
-  }
-  if (features & Features.RenderStrategy) {
-    var _main$props$unmount, _match;
-    var strategy = ((_main$props$unmount = main2.props.unmount) != null ? _main$props$unmount : true) ? RenderStrategy.Unmount : RenderStrategy.Hidden;
-    return match(strategy, (_match = {}, _match[RenderStrategy.Unmount] = function() {
-      return null;
-    }, _match[RenderStrategy.Hidden] = function() {
-      return _render(_extends({}, main2, {
-        props: _extends({}, main2.props, {
-          hidden: true,
-          style: {
-            display: "none"
-          }
-        })
-      }));
-    }, _match));
-  }
-  return _render(main2);
-}
-function _render(_ref2) {
-  var props = _ref2.props, attrs = _ref2.attrs, slots = _ref2.slots, slot = _ref2.slot, name = _ref2.name;
-  var _omit = omit(props, ["unmount", "static"]), as = _omit.as, passThroughProps = _objectWithoutPropertiesLoose(_omit, ["as"]);
-  var children = slots["default"] == null ? void 0 : slots["default"](slot);
-  if (as === "template") {
-    if (Object.keys(passThroughProps).length > 0 || Object.keys(attrs).length > 0) {
-      var _ref3 = children != null ? children : [], firstChild = _ref3[0], other = _ref3.slice(1);
-      if (!isValidElement(firstChild) || other.length > 0) {
-        throw new Error(['Passing props on "template"!', "", "The current component <" + name + ' /> is rendering a "template".', "However we need to passthrough the following props:", Object.keys(passThroughProps).concat(Object.keys(attrs)).map(function(line) {
-          return "  - " + line;
-        }).join("\n"), "", "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(function(line) {
-          return "  - " + line;
-        }).join("\n")].join("\n"));
-      }
-      return cloneVNode(firstChild, passThroughProps);
+    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 w$1(e2, n2, t2) {
+  typeof window != "undefined" && watchEffect((o2) => {
+    window.addEventListener(e2, n2, t2), o2(() => window.removeEventListener(e2, n2, t2));
+  });
+}
+function t(e2) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o2) => setTimeout(() => {
+    throw o2;
+  }));
+}
+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)
+      return;
+    i2 = true, t(() => {
+      i2 = false;
+    });
+    let o2 = r2.target;
+    if (!o2.ownerDocument.documentElement.contains(o2))
+      return;
+    let c2 = function t2(e2) {
+      return typeof e2 == "function" ? t2(e2()) : Array.isArray(e2) || e2 instanceof Set ? e2 : [e2];
+    }(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;
     }
-    if (Array.isArray(children) && children.length === 1) {
-      return children[0];
+    for (let t2 of c2) {
+      if (t2 === null)
+        continue;
+      let e2 = t2 instanceof HTMLElement ? t2 : t$1(t2);
+      if (e2 != null && e2.contains(o2))
+        return;
     }
-    return children;
+    a2(r2, o2);
   }
-  return h(as, passThroughProps, children);
+  w$1("pointerdown", l2), w$1("mousedown", l2);
 }
-function omit(object, keysToOmit) {
-  if (keysToOmit === void 0) {
-    keysToOmit = [];
-  }
-  var clone = Object.assign({}, object);
-  for (var _iterator = _createForOfIteratorHelperLoose(keysToOmit), _step; !(_step = _iterator()).done; ) {
-    var key = _step.value;
-    if (key in clone)
-      delete clone[key];
+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 }) {
+  return () => {
+    let _a = r2, { features: e2 } = _a, d = __objRest(_a, ["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" });
+  };
+} });
+function e(n2 = {}, r2 = null, t2 = []) {
+  for (let [i2, o2] of Object.entries(n2))
+    f(t2, s(r2, i2), o2);
+  return t2;
+}
+function s(n2, r2) {
+  return n2 ? n2 + "[" + r2 + "]" : r2;
+}
+function f(n2, r2, t2) {
+  if (Array.isArray(t2))
+    for (let [i2, o2] of t2.entries())
+      f(n2, s(r2, i2.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) {
+  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();
+        return;
+      }
   }
-  return clone;
 }
-function isValidElement(input) {
-  if (input == null)
-    return false;
-  if (typeof input.type === "string")
-    return true;
-  if (typeof input.type === "object")
-    return true;
-  if (typeof input.type === "function")
-    return true;
-  return false;
-}
-var Keys;
-(function(Keys2) {
-  Keys2["Space"] = " ";
-  Keys2["Enter"] = "Enter";
-  Keys2["Escape"] = "Escape";
-  Keys2["Backspace"] = "Backspace";
-  Keys2["ArrowLeft"] = "ArrowLeft";
-  Keys2["ArrowUp"] = "ArrowUp";
-  Keys2["ArrowRight"] = "ArrowRight";
-  Keys2["ArrowDown"] = "ArrowDown";
-  Keys2["Home"] = "Home";
-  Keys2["End"] = "End";
-  Keys2["PageUp"] = "PageUp";
-  Keys2["PageDown"] = "PageDown";
-  Keys2["Tab"] = "Tab";
-})(Keys || (Keys = {}));
-var id = 0;
-function generateId() {
-  return ++id;
-}
-function useId() {
-  return generateId();
-}
-function useWindowEvent(type, listener, options) {
-  if (typeof window === "undefined")
-    return;
-  watchEffect(function(onInvalidate) {
-    window.addEventListener(type, listener, options);
-    onInvalidate(function() {
-      window.removeEventListener(type, listener, options);
-    });
-  });
+let u$1 = Symbol("DescriptionContext");
+function h() {
+  let n2 = inject(u$1, null);
+  if (n2 === null)
+    throw new Error("Missing parent");
+  return n2;
 }
-function dom(ref2) {
-  var _ref$value$$el;
-  if (ref2 == null)
-    return null;
-  if (ref2.value == null)
-    return null;
-  return (_ref$value$$el = ref2.value.$el) != null ? _ref$value$$el : ref2.value;
-}
-var Context = /* @__PURE__ */ Symbol("Context");
-var State;
-(function(State2) {
-  State2[State2["Open"] = 0] = "Open";
-  State2[State2["Closed"] = 1] = "Closed";
-})(State || (State = {}));
-function useOpenClosed() {
-  return inject(Context, null);
-}
-function useOpenClosedProvider(value) {
-  provide(Context, value);
-}
-function resolveType(type, as) {
-  if (type)
-    return type;
-  var tag = as != null ? as : "button";
-  if (typeof tag === "string" && tag.toLowerCase() === "button")
-    return "button";
-  return void 0;
+function P$1({ slot: n2 = ref({}), name: o2 = "Description", props: s2 = {} } = {}) {
+  let e2 = ref([]);
+  function t2(r2) {
+    return e2.value.push(r2), () => {
+      let i2 = e2.value.indexOf(r2);
+      i2 !== -1 && e2.value.splice(i2, 1);
+    };
+  }
+  return provide(u$1, { register: t2, slot: n2, name: o2, props: s2 }), computed$2(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
 }
-function useResolveButtonType(data, refElement) {
-  var type = ref(resolveType(data.value.type, data.value.as));
-  onMounted(function() {
-    type.value = resolveType(data.value.type, data.value.as);
-  });
-  watchEffect(function() {
-    var _dom;
-    if (type.value)
+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 });
+  };
+} });
+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);
+  }, openListbox() {
+    i2.disabled || e$12.value !== 0 && (e$12.value = 0);
+  }, goToOption(o2, a2, u2) {
+    if (i2.disabled || e$12.value === 1)
       return;
-    if (!dom(refElement))
+    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)
       return;
-    if (dom(refElement) instanceof HTMLButtonElement && !((_dom = dom(refElement)) == null ? void 0 : _dom.hasAttribute("type"))) {
-      type.value = "button";
-    }
-  });
-  return type;
-}
-function assertNever(x) {
-  throw new Error("Unexpected object: " + x);
-}
-var Focus;
-(function(Focus2) {
-  Focus2[Focus2["First"] = 0] = "First";
-  Focus2[Focus2["Previous"] = 1] = "Previous";
-  Focus2[Focus2["Next"] = 2] = "Next";
-  Focus2[Focus2["Last"] = 3] = "Last";
-  Focus2[Focus2["Specific"] = 4] = "Specific";
-  Focus2[Focus2["Nothing"] = 5] = "Nothing";
-})(Focus || (Focus = {}));
-function calculateActiveIndex(action, resolvers) {
-  var items = resolvers.resolveItems();
-  if (items.length <= 0)
-    return null;
-  var currentActiveIndex = resolvers.resolveActiveIndex();
-  var activeIndex = currentActiveIndex != null ? currentActiveIndex : -1;
-  var nextActiveIndex = function() {
-    switch (action.focus) {
-      case Focus.First:
-        return items.findIndex(function(item) {
-          return !resolvers.resolveDisabled(item);
-        });
-      case Focus.Previous: {
-        var idx = items.slice().reverse().findIndex(function(item, idx2, all) {
-          if (activeIndex !== -1 && all.length - idx2 - 1 >= activeIndex)
-            return false;
-          return !resolvers.resolveDisabled(item);
-        });
-        if (idx === -1)
-          return idx;
-        return items.length - 1 - idx;
-      }
-      case Focus.Next:
-        return items.findIndex(function(item, idx2) {
-          if (idx2 <= activeIndex)
-            return false;
-          return !resolvers.resolveDisabled(item);
+    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);
+  }, 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;
+    });
+    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;
+    } }));
+  } };
+  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 _a = i2, { name: o2, modelValue: a2, disabled: u2 } = _a, f2 = __objRest(_a, ["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" })]);
+  };
+} });
+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 });
+  }
+  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 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);
         });
-      case Focus.Last: {
-        var _idx = items.slice().reverse().findIndex(function(item) {
-          return !resolvers.resolveDisabled(item);
+        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);
         });
-        if (_idx === -1)
-          return _idx;
-        return items.length - 1 - _idx;
-      }
-      case Focus.Specific:
-        return items.findIndex(function(item) {
-          return resolvers.resolveId(item) === action.id;
+        break;
+    }
+  }
+  function m2(t2) {
+    switch (t2.key) {
+      case o.Space:
+        t2.preventDefault();
+        break;
+    }
+  }
+  function s2(t2) {
+    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 });
+    })));
+  }
+  let O = b$1(computed$2(() => ({ as: i2.as, type: x2.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" });
+  };
+} }), 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:
+        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);
+        }
+        e2.mode.value === 0 && (e2.closeListbox(), nextTick(() => {
+          var l2;
+          return (l2 = t$1(e2.buttonRef)) == null ? void 0 : l2.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 Focus.Nothing:
-        return null;
+        break;
+      case o.Tab:
+        t2.preventDefault(), t2.stopPropagation();
+        break;
       default:
-        assertNever(action);
+        t2.key.length === 1 && (e2.search(t2.key), d.value = setTimeout(() => e2.clearSearch(), 350));
+        break;
     }
-  }();
-  return nextActiveIndex === -1 ? currentActiveIndex : nextActiveIndex;
-}
-var ListboxStates;
-(function(ListboxStates2) {
-  ListboxStates2[ListboxStates2["Open"] = 0] = "Open";
-  ListboxStates2[ListboxStates2["Closed"] = 1] = "Closed";
-})(ListboxStates || (ListboxStates = {}));
-function nextFrame$1(cb) {
-  requestAnimationFrame(function() {
-    return requestAnimationFrame(cb);
+  }
+  let s2 = p$2(), O = computed$2(() => s2 !== null ? s2.value === 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" });
+  };
+} }), 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 }));
+  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);
+      }, [0]: () => {
+        e2.goToOption(a$2.Specific, p2);
+      } }));
+    }, { 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" });
+    }));
   });
-}
-var ListboxContext = /* @__PURE__ */ Symbol("ListboxContext");
-function useListboxContext(component) {
-  var context = inject(ListboxContext, null);
-  if (context === null) {
-    var err = new Error("<" + component + " /> is missing a parent <Listbox /> component.");
-    if (Error.captureStackTrace)
-      Error.captureStackTrace(err, useListboxContext);
-    throw err;
-  }
-  return context;
-}
-var Listbox = /* @__PURE__ */ defineComponent({
-  name: "Listbox",
-  emits: {
-    "update:modelValue": function updateModelValue(_value) {
-      return true;
+  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 w2() {
+    if (i2.disabled)
+      return e2.goToOption(a$2.Nothing);
+    e2.goToOption(a$2.Specific, p2);
+  }
+  function y() {
+    i2.disabled || m2.value || e2.goToOption(a$2.Specific, p2, 0);
+  }
+  function T2() {
+    i2.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" });
+  };
+} });
+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;
+  }, 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);
+  }, 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;
+  }, unregisterItem(u2) {
+    let n2 = l$1((a2) => {
+      let s2 = a2.findIndex((R2) => R2.id === u2);
+      return s2 !== -1 && a2.splice(s2, 1), a2;
+    });
+    r2.value = n2.items, d.value = n2.activeItemIndex, I.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" });
+  };
+} }), 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(() => {
+          var t2;
+          (t2 = t$1(e2.itemsRef)) == null || t2.focus({ preventScroll: true }), e2.goToItem(a$2.First);
+        });
+        break;
+      case o.ArrowUp:
+        l2.preventDefault(), l2.stopPropagation(), e2.openMenu(), nextTick(() => {
+          var t2;
+          (t2 = t$1(e2.itemsRef)) == null || t2.focus({ preventScroll: true }), e2.goToItem(a$2.Last);
+        });
+        break;
     }
-  },
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "template"
-    },
-    disabled: {
-      type: [Boolean],
-      "default": false
-    },
-    horizontal: {
-      type: [Boolean],
-      "default": false
-    },
-    modelValue: {
-      type: [Object, String, Number, Boolean]
+  }
+  function f2(l2) {
+    switch (l2.key) {
+      case o.Space:
+        l2.preventDefault();
+        break;
     }
-  },
-  setup: function setup(props, _ref) {
-    var slots = _ref.slots, attrs = _ref.attrs, emit = _ref.emit;
-    var listboxState = ref(ListboxStates.Closed);
-    var labelRef = ref(null);
-    var buttonRef = ref(null);
-    var optionsRef = ref(null);
-    var options = ref([]);
-    var searchQuery = ref("");
-    var activeOptionIndex = ref(null);
-    var value = computed$2(function() {
-      return props.modelValue;
-    });
-    var api = {
-      listboxState,
-      value,
-      orientation: computed$2(function() {
-        return props.horizontal ? "horizontal" : "vertical";
-      }),
-      labelRef,
-      buttonRef,
-      optionsRef,
-      disabled: computed$2(function() {
-        return props.disabled;
-      }),
-      options,
-      searchQuery,
-      activeOptionIndex,
-      closeListbox: function closeListbox() {
-        if (props.disabled)
-          return;
-        if (listboxState.value === ListboxStates.Closed)
-          return;
-        listboxState.value = ListboxStates.Closed;
-        activeOptionIndex.value = null;
-      },
-      openListbox: function openListbox() {
-        if (props.disabled)
-          return;
-        if (listboxState.value === ListboxStates.Open)
-          return;
-        listboxState.value = ListboxStates.Open;
-      },
-      goToOption: function goToOption(focus, id2) {
-        if (props.disabled)
-          return;
-        if (listboxState.value === ListboxStates.Closed)
-          return;
-        var nextActiveOptionIndex = calculateActiveIndex(focus === Focus.Specific ? {
-          focus: Focus.Specific,
-          id: id2
-        } : {
-          focus
-        }, {
-          resolveItems: function resolveItems() {
-            return options.value;
-          },
-          resolveActiveIndex: function resolveActiveIndex() {
-            return activeOptionIndex.value;
-          },
-          resolveId: function resolveId(option) {
-            return option.id;
-          },
-          resolveDisabled: function resolveDisabled(option) {
-            return option.dataRef.disabled;
-          }
-        });
-        if (searchQuery.value === "" && activeOptionIndex.value === nextActiveOptionIndex)
-          return;
-        searchQuery.value = "";
-        activeOptionIndex.value = nextActiveOptionIndex;
-      },
-      search: function search(value2) {
-        if (props.disabled)
-          return;
-        if (listboxState.value === ListboxStates.Closed)
-          return;
-        searchQuery.value += value2.toLowerCase();
-        var match2 = options.value.findIndex(function(option) {
-          return !option.dataRef.disabled && option.dataRef.textValue.startsWith(searchQuery.value);
-        });
-        if (match2 === -1 || match2 === activeOptionIndex.value)
-          return;
-        activeOptionIndex.value = match2;
-      },
-      clearSearch: function clearSearch() {
-        if (props.disabled)
-          return;
-        if (listboxState.value === ListboxStates.Closed)
-          return;
-        if (searchQuery.value === "")
-          return;
-        searchQuery.value = "";
-      },
-      registerOption: function registerOption(id2, dataRef) {
-        options.value.push({
-          id: id2,
-          dataRef
-        });
-      },
-      unregisterOption: function unregisterOption(id2) {
-        var nextOptions = options.value.slice();
-        var currentActiveOption = activeOptionIndex.value !== null ? nextOptions[activeOptionIndex.value] : null;
-        var idx = nextOptions.findIndex(function(a) {
-          return a.id === id2;
-        });
-        if (idx !== -1)
-          nextOptions.splice(idx, 1);
-        options.value = nextOptions;
-        activeOptionIndex.value = function() {
-          if (idx === activeOptionIndex.value)
-            return null;
-          if (currentActiveOption === null)
-            return null;
-          return nextOptions.indexOf(currentActiveOption);
-        }();
-      },
-      select: function select(value2) {
-        if (props.disabled)
-          return;
-        emit("update:modelValue", value2);
-      }
-    };
-    useWindowEvent("mousedown", function(event) {
-      var _dom, _dom2, _dom3;
-      var target = event.target;
-      var active = document.activeElement;
-      if (listboxState.value !== ListboxStates.Open)
-        return;
-      if ((_dom = dom(buttonRef)) == null ? void 0 : _dom.contains(target))
-        return;
-      if (!((_dom2 = dom(optionsRef)) == null ? void 0 : _dom2.contains(target)))
-        api.closeListbox();
-      if (active !== document.body && (active == null ? void 0 : active.contains(target)))
-        return;
-      if (!event.defaultPrevented)
-        (_dom3 = dom(buttonRef)) == null ? void 0 : _dom3.focus({
-          preventScroll: true
-        });
-    });
-    provide(ListboxContext, api);
-    useOpenClosedProvider(computed$2(function() {
-      var _match;
-      return match(listboxState.value, (_match = {}, _match[ListboxStates.Open] = State.Open, _match[ListboxStates.Closed] = State.Closed, _match));
-    }));
-    return function() {
-      var slot = {
-        open: listboxState.value === ListboxStates.Open,
-        disabled: props.disabled
-      };
-      return render({
-        props: omit(props, ["modelValue", "onUpdate:modelValue", "disabled", "horizontal"]),
-        slot,
-        slots,
-        attrs,
-        name: "Listbox"
-      });
-    };
-  }
-});
-var ListboxButton = /* @__PURE__ */ defineComponent({
-  name: "ListboxButton",
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "button"
-    }
-  },
-  render: function render$1() {
-    var _dom5, _dom6;
-    var api = useListboxContext("ListboxButton");
-    var slot = {
-      open: api.listboxState.value === ListboxStates.Open,
-      disabled: api.disabled.value
-    };
-    var propsWeControl = {
-      ref: "el",
-      id: this.id,
-      type: this.type,
-      "aria-haspopup": true,
-      "aria-controls": (_dom5 = dom(api.optionsRef)) == null ? void 0 : _dom5.id,
-      "aria-expanded": api.disabled.value ? void 0 : api.listboxState.value === ListboxStates.Open,
-      "aria-labelledby": api.labelRef.value ? [(_dom6 = dom(api.labelRef)) == null ? void 0 : _dom6.id, this.id].join(" ") : void 0,
-      disabled: api.disabled.value === true ? true : void 0,
-      onKeydown: this.handleKeyDown,
-      onKeyup: this.handleKeyUp,
-      onClick: this.handleClick
-    };
-    return render({
-      props: _extends({}, this.$props, propsWeControl),
-      slot,
-      attrs: this.$attrs,
-      slots: this.$slots,
-      name: "ListboxButton"
-    });
-  },
-  setup: function setup2(props, _ref2) {
-    var attrs = _ref2.attrs;
-    var api = useListboxContext("ListboxButton");
-    var id2 = "headlessui-listbox-button-" + useId();
-    function handleKeyDown(event) {
-      switch (event.key) {
-        case Keys.Space:
-        case Keys.Enter:
-        case Keys.ArrowDown:
-          event.preventDefault();
-          api.openListbox();
-          nextTick$1(function() {
-            var _dom7;
-            (_dom7 = dom(api.optionsRef)) == null ? void 0 : _dom7.focus({
-              preventScroll: true
-            });
-            if (!api.value.value)
-              api.goToOption(Focus.First);
-          });
-          break;
-        case Keys.ArrowUp:
-          event.preventDefault();
-          api.openListbox();
-          nextTick$1(function() {
-            var _dom8;
-            (_dom8 = dom(api.optionsRef)) == null ? void 0 : _dom8.focus({
-              preventScroll: true
-            });
-            if (!api.value.value)
-              api.goToOption(Focus.Last);
-          });
-          break;
-      }
-    }
-    function handleKeyUp(event) {
-      switch (event.key) {
-        case Keys.Space:
-          event.preventDefault();
-          break;
-      }
-    }
-    function handleClick(event) {
-      if (api.disabled.value)
-        return;
-      if (api.listboxState.value === ListboxStates.Open) {
-        api.closeListbox();
-        nextTick$1(function() {
-          var _dom9;
-          return (_dom9 = dom(api.buttonRef)) == null ? void 0 : _dom9.focus({
-            preventScroll: true
-          });
-        });
-      } else {
-        event.preventDefault();
-        api.openListbox();
-        nextFrame$1(function() {
-          var _dom10;
-          return (_dom10 = dom(api.optionsRef)) == null ? void 0 : _dom10.focus({
-            preventScroll: true
-          });
-        });
-      }
-    }
-    return {
-      id: id2,
-      el: api.buttonRef,
-      type: useResolveButtonType(computed$2(function() {
-        return {
-          as: props.as,
-          type: attrs.type
-        };
-      }), api.buttonRef),
-      handleKeyDown,
-      handleKeyUp,
-      handleClick
-    };
   }
-});
-var ListboxOptions = /* @__PURE__ */ defineComponent({
-  name: "ListboxOptions",
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "ul"
-    },
-    "static": {
-      type: Boolean,
-      "default": false
-    },
-    unmount: {
-      type: Boolean,
-      "default": true
-    }
-  },
-  render: function render$12() {
-    var _api$options$value$ap, _dom$id, _dom11, _dom12;
-    var api = useListboxContext("ListboxOptions");
-    var slot = {
-      open: api.listboxState.value === ListboxStates.Open
-    };
-    var propsWeControl = {
-      "aria-activedescendant": api.activeOptionIndex.value === null ? void 0 : (_api$options$value$ap = api.options.value[api.activeOptionIndex.value]) == null ? void 0 : _api$options$value$ap.id,
-      "aria-labelledby": (_dom$id = (_dom11 = dom(api.labelRef)) == null ? void 0 : _dom11.id) != null ? _dom$id : (_dom12 = dom(api.buttonRef)) == null ? void 0 : _dom12.id,
-      "aria-orientation": api.orientation.value,
-      id: this.id,
-      onKeydown: this.handleKeyDown,
-      role: "listbox",
-      tabIndex: 0,
-      ref: "el"
-    };
-    var passThroughProps = this.$props;
-    return render({
-      props: _extends({}, passThroughProps, propsWeControl),
-      slot,
-      attrs: this.$attrs,
-      slots: this.$slots,
-      features: Features.RenderStrategy | Features.Static,
-      visible: this.visible,
-      name: "ListboxOptions"
-    });
-  },
-  setup: function setup3() {
-    var api = useListboxContext("ListboxOptions");
-    var id2 = "headlessui-listbox-options-" + useId();
-    var searchDebounce = ref(null);
-    function handleKeyDown(event) {
-      if (searchDebounce.value)
-        clearTimeout(searchDebounce.value);
-      switch (event.key) {
-        case Keys.Space:
-          if (api.searchQuery.value !== "") {
-            event.preventDefault();
-            event.stopPropagation();
-            return api.search(event.key);
-          }
-        case Keys.Enter:
-          event.preventDefault();
-          event.stopPropagation();
-          if (api.activeOptionIndex.value !== null) {
-            var dataRef = api.options.value[api.activeOptionIndex.value].dataRef;
-            api.select(dataRef.value);
-          }
-          api.closeListbox();
-          nextTick$1(function() {
-            var _dom13;
-            return (_dom13 = dom(api.buttonRef)) == null ? void 0 : _dom13.focus({
-              preventScroll: true
-            });
-          });
-          break;
-        case match(api.orientation.value, {
-          vertical: Keys.ArrowDown,
-          horizontal: Keys.ArrowRight
-        }):
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToOption(Focus.Next);
-        case match(api.orientation.value, {
-          vertical: Keys.ArrowUp,
-          horizontal: Keys.ArrowLeft
-        }):
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToOption(Focus.Previous);
-        case Keys.Home:
-        case Keys.PageUp:
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToOption(Focus.First);
-        case Keys.End:
-        case Keys.PageDown:
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToOption(Focus.Last);
-        case Keys.Escape:
-          event.preventDefault();
-          event.stopPropagation();
-          api.closeListbox();
-          nextTick$1(function() {
-            var _dom14;
-            return (_dom14 = dom(api.buttonRef)) == null ? void 0 : _dom14.focus({
-              preventScroll: true
-            });
-          });
-          break;
-        case Keys.Tab:
-          event.preventDefault();
-          event.stopPropagation();
-          break;
-        default:
-          if (event.key.length === 1) {
-            api.search(event.key);
-            searchDebounce.value = setTimeout(function() {
-              return api.clearSearch();
-            }, 350);
-          }
-          break;
-      }
-    }
-    var usesOpenClosedState = useOpenClosed();
-    var visible = computed$2(function() {
-      if (usesOpenClosedState !== null) {
-        return usesOpenClosedState.value === State.Open;
-      }
-      return api.listboxState.value === ListboxStates.Open;
-    });
-    return {
-      id: id2,
-      el: api.optionsRef,
-      handleKeyDown,
-      visible
-    };
+  function d(l2) {
+    o$1.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(() => {
+      var t2;
+      return (t2 = t$1(e2.itemsRef)) == null ? void 0 : t2.focus({ preventScroll: true });
+    })));
   }
-});
-var ListboxOption = /* @__PURE__ */ defineComponent({
-  name: "ListboxOption",
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "li"
-    },
-    value: {
-      type: [Object, String, Number, Boolean]
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    }
-  },
-  setup: function setup4(props, _ref3) {
-    var slots = _ref3.slots, attrs = _ref3.attrs;
-    var api = useListboxContext("ListboxOption");
-    var id2 = "headlessui-listbox-option-" + useId();
-    var active = computed$2(function() {
-      return api.activeOptionIndex.value !== null ? api.options.value[api.activeOptionIndex.value].id === id2 : false;
-    });
-    var selected = computed$2(function() {
-      return toRaw$1(api.value.value) === toRaw$1(props.value);
-    });
-    var dataRef = ref({
-      disabled: props.disabled,
-      value: props.value,
-      textValue: ""
-    });
-    onMounted(function() {
-      var _document$getElementB, _document$getElementB2;
-      var textValue = (_document$getElementB = document.getElementById(id2)) == null ? void 0 : (_document$getElementB2 = _document$getElementB.textContent) == null ? void 0 : _document$getElementB2.toLowerCase().trim();
-      if (textValue !== void 0)
-        dataRef.value.textValue = textValue;
-    });
-    onMounted(function() {
-      return api.registerOption(id2, dataRef);
-    });
-    onUnmounted(function() {
-      return api.unregisterOption(id2);
-    });
-    onMounted(function() {
-      watch([api.listboxState, selected], function() {
-        var _document$getElementB3;
-        if (api.listboxState.value !== ListboxStates.Open)
-          return;
-        if (!selected.value)
-          return;
-        api.goToOption(Focus.Specific, id2);
-        (_document$getElementB3 = document.getElementById(id2)) == null ? void 0 : _document$getElementB3.focus == null ? void 0 : _document$getElementB3.focus();
-      }, {
-        immediate: true
-      });
-    });
-    watchEffect(function() {
-      if (api.listboxState.value !== ListboxStates.Open)
-        return;
-      if (!active.value)
-        return;
-      nextTick$1(function() {
-        var _document$getElementB4;
-        return (_document$getElementB4 = document.getElementById(id2)) == null ? void 0 : _document$getElementB4.scrollIntoView == null ? void 0 : _document$getElementB4.scrollIntoView({
-          block: "nearest"
+  let I = b$1(computed$2(() => ({ as: o$1.as, type: S2.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" });
+  };
+} }), 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) {
+    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:
+        if (e2.searchQuery.value !== "")
+          return t2.preventDefault(), t2.stopPropagation(), e2.search(t2.key);
+      case o.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();
+        }
+        e2.closeMenu(), nextTick(() => {
+          var n2;
+          return (n2 = t$1(e2.buttonRef)) == null ? void 0 : n2.focus({ preventScroll: true });
         });
-      });
-    });
-    function handleClick(event) {
-      if (props.disabled)
-        return event.preventDefault();
-      api.select(props.value);
-      api.closeListbox();
-      nextTick$1(function() {
-        var _dom15;
-        return (_dom15 = dom(api.buttonRef)) == null ? void 0 : _dom15.focus({
-          preventScroll: true
+        break;
+      case o.ArrowDown:
+        return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.Next);
+      case o.ArrowUp:
+        return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.Previous);
+      case o.Home:
+      case o.PageUp:
+        return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.First);
+      case o.End:
+      case o.PageDown:
+        return t2.preventDefault(), t2.stopPropagation(), e2.goToItem(a$2.Last);
+      case o.Escape:
+        t2.preventDefault(), t2.stopPropagation(), e2.closeMenu(), nextTick(() => {
+          var n2;
+          return (n2 = t$1(e2.buttonRef)) == null ? void 0 : n2.focus({ preventScroll: true });
         });
-      });
-    }
-    function handleFocus() {
-      if (props.disabled)
-        return api.goToOption(Focus.Nothing);
-      api.goToOption(Focus.Specific, id2);
-    }
-    function handleMove() {
-      if (props.disabled)
-        return;
-      if (active.value)
-        return;
-      api.goToOption(Focus.Specific, id2);
-    }
-    function handleLeave() {
-      if (props.disabled)
-        return;
-      if (!active.value)
-        return;
-      api.goToOption(Focus.Nothing);
+        break;
+      case o.Tab:
+        t2.preventDefault(), t2.stopPropagation();
+        break;
+      default:
+        t2.key.length === 1 && (e2.search(t2.key), r2.value = setTimeout(() => e2.clearSearch(), 350));
+        break;
     }
-    return function() {
-      var disabled = props.disabled;
-      var slot = {
-        active: active.value,
-        selected: selected.value,
-        disabled
-      };
-      var propsWeControl = {
-        id: id2,
-        role: "option",
-        tabIndex: disabled === true ? void 0 : -1,
-        "aria-disabled": disabled === true ? true : void 0,
-        "aria-selected": selected.value === true ? selected.value : void 0,
-        disabled: void 0,
-        onClick: handleClick,
-        onFocus: handleFocus,
-        onPointermove: handleMove,
-        onMousemove: handleMove,
-        onPointerleave: handleLeave,
-        onMouseleave: handleLeave
-      };
-      return render({
-        props: _extends({}, props, propsWeControl),
-        slot,
-        attrs,
-        slots,
-        name: "ListboxOption"
-      });
-    };
   }
-});
-function useTreeWalker(_ref) {
-  var container = _ref.container, accept = _ref.accept, walk = _ref.walk, enabled = _ref.enabled;
-  watchEffect(function() {
-    var root = container.value;
-    if (!root)
-      return;
-    if (enabled !== void 0 && !enabled.value)
-      return;
-    var acceptNode = Object.assign(function(node) {
-      return accept(node);
-    }, {
-      acceptNode: accept
-    });
-    var walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, acceptNode, false);
-    while (walker.nextNode()) {
-      walk(walker.currentNode);
+  function d(t2) {
+    switch (t2.key) {
+      case o.Space:
+        t2.preventDefault();
+        break;
     }
-  });
-}
-var MenuStates;
-(function(MenuStates2) {
-  MenuStates2[MenuStates2["Open"] = 0] = "Open";
-  MenuStates2[MenuStates2["Closed"] = 1] = "Closed";
-})(MenuStates || (MenuStates = {}));
-function nextFrame(cb) {
-  requestAnimationFrame(function() {
-    return requestAnimationFrame(cb);
-  });
-}
-var MenuContext = /* @__PURE__ */ Symbol("MenuContext");
-function useMenuContext(component) {
-  var context = inject(MenuContext, null);
-  if (context === null) {
-    var err = new Error("<" + component + " /> is missing a parent <Menu /> component.");
-    if (Error.captureStackTrace)
-      Error.captureStackTrace(err, useMenuContext);
-    throw err;
   }
-  return context;
-}
-var Menu = /* @__PURE__ */ defineComponent({
-  name: "Menu",
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "template"
-    }
-  },
-  setup: function setup5(props, _ref) {
-    var slots = _ref.slots, attrs = _ref.attrs;
-    var menuState = ref(MenuStates.Closed);
-    var buttonRef = ref(null);
-    var itemsRef = ref(null);
-    var items = ref([]);
-    var searchQuery = ref("");
-    var activeItemIndex = ref(null);
-    var api = {
-      menuState,
-      buttonRef,
-      itemsRef,
-      items,
-      searchQuery,
-      activeItemIndex,
-      closeMenu: function closeMenu() {
-        menuState.value = MenuStates.Closed;
-        activeItemIndex.value = null;
-      },
-      openMenu: function openMenu() {
-        return menuState.value = MenuStates.Open;
-      },
-      goToItem: function goToItem(focus, id2) {
-        var nextActiveItemIndex = calculateActiveIndex(focus === Focus.Specific ? {
-          focus: Focus.Specific,
-          id: id2
-        } : {
-          focus
-        }, {
-          resolveItems: function resolveItems() {
-            return items.value;
-          },
-          resolveActiveIndex: function resolveActiveIndex() {
-            return activeItemIndex.value;
-          },
-          resolveId: function resolveId(item) {
-            return item.id;
-          },
-          resolveDisabled: function resolveDisabled(item) {
-            return item.dataRef.disabled;
-          }
-        });
-        if (searchQuery.value === "" && activeItemIndex.value === nextActiveItemIndex)
-          return;
-        searchQuery.value = "";
-        activeItemIndex.value = nextActiveItemIndex;
-      },
-      search: function search(value) {
-        searchQuery.value += value.toLowerCase();
-        var match2 = items.value.findIndex(function(item) {
-          return item.dataRef.textValue.startsWith(searchQuery.value) && !item.dataRef.disabled;
-        });
-        if (match2 === -1 || match2 === activeItemIndex.value)
-          return;
-        activeItemIndex.value = match2;
-      },
-      clearSearch: function clearSearch() {
-        searchQuery.value = "";
-      },
-      registerItem: function registerItem(id2, dataRef) {
-        items.value.push({
-          id: id2,
-          dataRef
-        });
-      },
-      unregisterItem: function unregisterItem(id2) {
-        var nextItems = items.value.slice();
-        var currentActiveItem = activeItemIndex.value !== null ? nextItems[activeItemIndex.value] : null;
-        var idx = nextItems.findIndex(function(a) {
-          return a.id === id2;
-        });
-        if (idx !== -1)
-          nextItems.splice(idx, 1);
-        items.value = nextItems;
-        activeItemIndex.value = function() {
-          if (idx === activeItemIndex.value)
-            return null;
-          if (currentActiveItem === null)
-            return null;
-          return nextItems.indexOf(currentActiveItem);
-        }();
-      }
-    };
-    useWindowEvent("mousedown", function(event) {
-      var _dom, _dom2, _dom3;
-      var target = event.target;
-      var active = document.activeElement;
-      if (menuState.value !== MenuStates.Open)
-        return;
-      if ((_dom = dom(buttonRef)) == null ? void 0 : _dom.contains(target))
-        return;
-      if (!((_dom2 = dom(itemsRef)) == null ? void 0 : _dom2.contains(target)))
-        api.closeMenu();
-      if (active !== document.body && (active == null ? void 0 : active.contains(target)))
-        return;
-      if (!event.defaultPrevented)
-        (_dom3 = dom(buttonRef)) == null ? void 0 : _dom3.focus({
-          preventScroll: true
-        });
-    });
-    provide(MenuContext, api);
-    useOpenClosedProvider(computed$2(function() {
-      var _match;
-      return match(menuState.value, (_match = {}, _match[MenuStates.Open] = State.Open, _match[MenuStates.Closed] = State.Closed, _match));
+  let I = p$2(), l$1 = computed$2(() => I !== null ? I.value === 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" });
+  };
+} }), 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 }));
+  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" });
     }));
-    return function() {
-      var slot = {
-        open: menuState.value === MenuStates.Open
-      };
-      return render({
-        props,
-        slot,
-        slots,
-        attrs,
-        name: "Menu"
-      });
-    };
-  }
-});
-var MenuButton = /* @__PURE__ */ defineComponent({
-  name: "MenuButton",
-  props: {
-    disabled: {
-      type: Boolean,
-      "default": false
-    },
-    as: {
-      type: [Object, String],
-      "default": "button"
-    }
-  },
-  render: function render$13() {
-    var _dom4;
-    var api = useMenuContext("MenuButton");
-    var slot = {
-      open: api.menuState.value === MenuStates.Open
-    };
-    var propsWeControl = {
-      ref: "el",
-      id: this.id,
-      type: this.type,
-      "aria-haspopup": true,
-      "aria-controls": (_dom4 = dom(api.itemsRef)) == null ? void 0 : _dom4.id,
-      "aria-expanded": this.$props.disabled ? void 0 : api.menuState.value === MenuStates.Open,
-      onKeydown: this.handleKeyDown,
-      onKeyup: this.handleKeyUp,
-      onClick: this.handleClick
-    };
-    return render({
-      props: _extends({}, this.$props, propsWeControl),
-      slot,
-      attrs: this.$attrs,
-      slots: this.$slots,
-      name: "MenuButton"
+  });
+  function I(n2) {
+    if (o2.disabled)
+      return n2.preventDefault();
+    e2.closeMenu(), nextTick(() => {
+      var a2;
+      return (a2 = t$1(e2.buttonRef)) == null ? void 0 : a2.focus({ preventScroll: true });
     });
-  },
-  setup: function setup6(props, _ref2) {
-    var attrs = _ref2.attrs;
-    var api = useMenuContext("MenuButton");
-    var id2 = "headlessui-menu-button-" + useId();
-    function handleKeyDown(event) {
-      switch (event.key) {
-        case Keys.Space:
-        case Keys.Enter:
-        case Keys.ArrowDown:
-          event.preventDefault();
-          event.stopPropagation();
-          api.openMenu();
-          nextTick$1(function() {
-            var _dom5;
-            (_dom5 = dom(api.itemsRef)) == null ? void 0 : _dom5.focus({
-              preventScroll: true
-            });
-            api.goToItem(Focus.First);
-          });
-          break;
-        case Keys.ArrowUp:
-          event.preventDefault();
-          event.stopPropagation();
-          api.openMenu();
-          nextTick$1(function() {
-            var _dom6;
-            (_dom6 = dom(api.itemsRef)) == null ? void 0 : _dom6.focus({
-              preventScroll: true
-            });
-            api.goToItem(Focus.Last);
-          });
-          break;
-      }
-    }
-    function handleKeyUp(event) {
-      switch (event.key) {
-        case Keys.Space:
-          event.preventDefault();
-          break;
-      }
-    }
-    function handleClick(event) {
-      if (props.disabled)
-        return;
-      if (api.menuState.value === MenuStates.Open) {
-        api.closeMenu();
-        nextTick$1(function() {
-          var _dom7;
-          return (_dom7 = dom(api.buttonRef)) == null ? void 0 : _dom7.focus({
-            preventScroll: true
-          });
-        });
-      } else {
-        event.preventDefault();
-        event.stopPropagation();
-        api.openMenu();
-        nextFrame(function() {
-          var _dom8;
-          return (_dom8 = dom(api.itemsRef)) == null ? void 0 : _dom8.focus({
-            preventScroll: true
-          });
-        });
-      }
-    }
-    return {
-      id: id2,
-      el: api.buttonRef,
-      type: useResolveButtonType(computed$2(function() {
-        return {
-          as: props.as,
-          type: attrs.type
-        };
-      }), api.buttonRef),
-      handleKeyDown,
-      handleKeyUp,
-      handleClick
-    };
   }
-});
-var MenuItems = /* @__PURE__ */ defineComponent({
-  name: "MenuItems",
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "div"
-    },
-    "static": {
-      type: Boolean,
-      "default": false
-    },
-    unmount: {
-      type: Boolean,
-      "default": true
-    }
-  },
-  render: function render$14() {
-    var _api$items$value$api$, _dom9;
-    var api = useMenuContext("MenuItems");
-    var slot = {
-      open: api.menuState.value === MenuStates.Open
-    };
-    var propsWeControl = {
-      "aria-activedescendant": api.activeItemIndex.value === null ? void 0 : (_api$items$value$api$ = api.items.value[api.activeItemIndex.value]) == null ? void 0 : _api$items$value$api$.id,
-      "aria-labelledby": (_dom9 = dom(api.buttonRef)) == null ? void 0 : _dom9.id,
-      id: this.id,
-      onKeydown: this.handleKeyDown,
-      onKeyup: this.handleKeyUp,
-      role: "menu",
-      tabIndex: 0,
-      ref: "el"
-    };
-    var passThroughProps = this.$props;
-    return render({
-      props: _extends({}, passThroughProps, propsWeControl),
-      slot,
-      attrs: this.$attrs,
-      slots: this.$slots,
-      features: Features.RenderStrategy | Features.Static,
-      visible: this.visible,
-      name: "MenuItems"
-    });
-  },
-  setup: function setup7() {
-    var api = useMenuContext("MenuItems");
-    var id2 = "headlessui-menu-items-" + useId();
-    var searchDebounce = ref(null);
-    useTreeWalker({
-      container: computed$2(function() {
-        return dom(api.itemsRef);
-      }),
-      enabled: computed$2(function() {
-        return api.menuState.value === MenuStates.Open;
-      }),
-      accept: function accept(node) {
-        if (node.getAttribute("role") === "menuitem")
-          return NodeFilter.FILTER_REJECT;
-        if (node.hasAttribute("role"))
-          return NodeFilter.FILTER_SKIP;
-        return NodeFilter.FILTER_ACCEPT;
-      },
-      walk: function walk(node) {
-        node.setAttribute("role", "none");
-      }
-    });
-    function handleKeyDown(event) {
-      if (searchDebounce.value)
-        clearTimeout(searchDebounce.value);
-      switch (event.key) {
-        case Keys.Space:
-          if (api.searchQuery.value !== "") {
-            event.preventDefault();
-            event.stopPropagation();
-            return api.search(event.key);
-          }
-        case Keys.Enter:
-          event.preventDefault();
-          event.stopPropagation();
-          if (api.activeItemIndex.value !== null) {
-            var _document$getElementB;
-            var _id = api.items.value[api.activeItemIndex.value].id;
-            (_document$getElementB = document.getElementById(_id)) == null ? void 0 : _document$getElementB.click();
-          }
-          api.closeMenu();
-          nextTick$1(function() {
-            var _dom10;
-            return (_dom10 = dom(api.buttonRef)) == null ? void 0 : _dom10.focus({
-              preventScroll: true
-            });
-          });
-          break;
-        case Keys.ArrowDown:
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToItem(Focus.Next);
-        case Keys.ArrowUp:
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToItem(Focus.Previous);
-        case Keys.Home:
-        case Keys.PageUp:
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToItem(Focus.First);
-        case Keys.End:
-        case Keys.PageDown:
-          event.preventDefault();
-          event.stopPropagation();
-          return api.goToItem(Focus.Last);
-        case Keys.Escape:
-          event.preventDefault();
-          event.stopPropagation();
-          api.closeMenu();
-          nextTick$1(function() {
-            var _dom11;
-            return (_dom11 = dom(api.buttonRef)) == null ? void 0 : _dom11.focus({
-              preventScroll: true
-            });
-          });
-          break;
-        case Keys.Tab:
-          event.preventDefault();
-          event.stopPropagation();
-          break;
-        default:
-          if (event.key.length === 1) {
-            api.search(event.key);
-            searchDebounce.value = setTimeout(function() {
-              return api.clearSearch();
-            }, 350);
-          }
-          break;
-      }
-    }
-    function handleKeyUp(event) {
-      switch (event.key) {
-        case Keys.Space:
-          event.preventDefault();
-          break;
-      }
-    }
-    var usesOpenClosedState = useOpenClosed();
-    var visible = computed$2(function() {
-      if (usesOpenClosedState !== null) {
-        return usesOpenClosedState.value === State.Open;
-      }
-      return api.menuState.value === MenuStates.Open;
-    });
-    return {
-      id: id2,
-      el: api.itemsRef,
-      handleKeyDown,
-      handleKeyUp,
-      visible
-    };
+  function l2() {
+    if (o2.disabled)
+      return e2.goToItem(a$2.Nothing);
+    e2.goToItem(a$2.Specific, p2);
   }
-});
-var MenuItem = /* @__PURE__ */ defineComponent({
-  name: "MenuItem",
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "template"
-    },
-    disabled: {
-      type: Boolean,
-      "default": false
-    }
-  },
-  setup: function setup8(props, _ref3) {
-    var slots = _ref3.slots, attrs = _ref3.attrs;
-    var api = useMenuContext("MenuItem");
-    var id2 = "headlessui-menu-item-" + useId();
-    var active = computed$2(function() {
-      return api.activeItemIndex.value !== null ? api.items.value[api.activeItemIndex.value].id === id2 : false;
-    });
-    var dataRef = ref({
-      disabled: props.disabled,
-      textValue: ""
-    });
-    onMounted(function() {
-      var _document$getElementB2, _document$getElementB3;
-      var textValue = (_document$getElementB2 = document.getElementById(id2)) == null ? void 0 : (_document$getElementB3 = _document$getElementB2.textContent) == null ? void 0 : _document$getElementB3.toLowerCase().trim();
-      if (textValue !== void 0)
-        dataRef.value.textValue = textValue;
-    });
-    onMounted(function() {
-      return api.registerItem(id2, dataRef);
-    });
-    onUnmounted(function() {
-      return api.unregisterItem(id2);
-    });
-    watchEffect(function() {
-      if (api.menuState.value !== MenuStates.Open)
-        return;
-      if (!active.value)
-        return;
-      nextTick$1(function() {
-        var _document$getElementB4;
-        return (_document$getElementB4 = document.getElementById(id2)) == null ? void 0 : _document$getElementB4.scrollIntoView == null ? void 0 : _document$getElementB4.scrollIntoView({
-          block: "nearest"
-        });
-      });
-    });
-    function handleClick(event) {
-      if (props.disabled)
-        return event.preventDefault();
-      api.closeMenu();
-      nextTick$1(function() {
-        var _dom12;
-        return (_dom12 = dom(api.buttonRef)) == null ? void 0 : _dom12.focus({
-          preventScroll: true
-        });
-      });
-    }
-    function handleFocus() {
-      if (props.disabled)
-        return api.goToItem(Focus.Nothing);
-      api.goToItem(Focus.Specific, id2);
-    }
-    function handleMove() {
-      if (props.disabled)
-        return;
-      if (active.value)
-        return;
-      api.goToItem(Focus.Specific, id2);
-    }
-    function handleLeave() {
-      if (props.disabled)
-        return;
-      if (!active.value)
-        return;
-      api.goToItem(Focus.Nothing);
-    }
-    return function() {
-      var disabled = props.disabled;
-      var slot = {
-        active: active.value,
-        disabled
-      };
-      var propsWeControl = {
-        id: id2,
-        role: "menuitem",
-        tabIndex: disabled === true ? void 0 : -1,
-        "aria-disabled": disabled === true ? true : void 0,
-        onClick: handleClick,
-        onFocus: handleFocus,
-        onPointermove: handleMove,
-        onMousemove: handleMove,
-        onPointerleave: handleLeave,
-        onMouseleave: handleLeave
-      };
-      return render({
-        props: _extends({}, props, propsWeControl),
-        slot,
-        attrs,
-        slots,
-        name: "MenuItem"
-      });
-    };
+  function t2() {
+    o2.disabled || f2.value || e2.goToItem(a$2.Specific, p2, 0);
   }
-});
-var GroupContext = /* @__PURE__ */ Symbol("GroupContext");
-var Switch = /* @__PURE__ */ defineComponent({
-  name: "Switch",
-  emits: {
-    "update:modelValue": function updateModelValue2(_value) {
-      return true;
-    }
-  },
-  props: {
-    as: {
-      type: [Object, String],
-      "default": "button"
-    },
-    modelValue: {
-      type: Boolean,
-      "default": false
-    }
-  },
-  render: function render$15() {
-    var slot = {
-      checked: this.$props.modelValue
-    };
-    var propsWeControl = {
-      id: this.id,
-      ref: "el",
-      role: "switch",
-      type: this.type,
-      tabIndex: 0,
-      "aria-checked": this.$props.modelValue,
-      "aria-labelledby": this.labelledby,
-      "aria-describedby": this.describedby,
-      onClick: this.handleClick,
-      onKeyup: this.handleKeyUp,
-      onKeypress: this.handleKeyPress
-    };
-    return render({
-      props: _extends({}, this.$props, propsWeControl),
-      slot,
-      attrs: this.$attrs,
-      slots: this.$slots,
-      name: "Switch"
-    });
-  },
-  setup: function setup9(props, _ref2) {
-    var emit = _ref2.emit, attrs = _ref2.attrs;
-    var api = inject(GroupContext, null);
-    var id2 = "headlessui-switch-" + useId();
-    function toggle() {
-      emit("update:modelValue", !props.modelValue);
-    }
-    var internalSwitchRef = ref(null);
-    var switchRef = api === null ? internalSwitchRef : api.switchRef;
-    return {
-      id: id2,
-      el: switchRef,
-      type: useResolveButtonType(computed$2(function() {
-        return {
-          as: props.as,
-          type: attrs.type
-        };
-      }), switchRef),
-      labelledby: api == null ? void 0 : api.labelledby,
-      describedby: api == null ? void 0 : api.describedby,
-      handleClick: function handleClick(event) {
-        event.preventDefault();
-        toggle();
-      },
-      handleKeyUp: function handleKeyUp(event) {
-        if (event.key !== Keys.Tab)
-          event.preventDefault();
-        if (event.key === Keys.Space)
-          toggle();
-      },
-      handleKeyPress: function handleKeyPress(event) {
-        event.preventDefault();
-      }
+  function u2() {
+    o2.disabled || !f2.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 u = Symbol("LabelContext");
+function a() {
+  let t2 = inject(u, 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;
+  }
+  return t2;
+}
+function K({ slot: t2 = {}, name: n2 = "Label", props: i2 = {} } = {}) {
+  let e2 = ref([]);
+  function r2(o2) {
+    return e2.value.push(o2), () => {
+      let l2 = e2.value.indexOf(o2);
+      l2 !== -1 && e2.value.splice(l2, 1);
     };
   }
-});
+  return provide(u, { register: r2, slot: t2, name: n2, props: i2 }), 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, _a = t2, { passive: d } = _a, c2 = __objRest(_a, ["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 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 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();
+  }
+  function v(e2) {
+    e2.key === o.Space ? (e2.preventDefault(), c2()) : e2.key === o.Enter && p(e2.currentTarget);
+  }
+  function g(e2) {
+    e2.preventDefault();
+  }
+  return () => {
+    let _a = l2, { name: e2, value: R2, modelValue: o2 } = _a, k$1 = __objRest(_a, ["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" })]);
+  };
+} });
+T;
+S;
 function getWindow(node) {
   if (node == null) {
     return window;
@@ -2840,6 +1544,9 @@ function getContainingBlock(element) {
     }
   }
   var currentNode = getParentNode(element);
+  if (isShadowRoot(currentNode)) {
+    currentNode = currentNode.host;
+  }
   while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
     var css = getComputedStyle(currentNode);
     if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
@@ -3047,8 +1754,8 @@ function popperGenerator(generatorOptions) {
           popper: listScrollParents(popper)
         };
         var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
-        state.orderedModifiers = orderedModifiers.filter(function(m) {
-          return m.enabled;
+        state.orderedModifiers = orderedModifiers.filter(function(m2) {
+          return m2.enabled;
         });
         runModifierEffects();
         return instance.update();
@@ -3190,26 +1897,26 @@ var unsetSides = {
   left: "auto"
 };
 function roundOffsetsByDPR(_ref) {
-  var x = _ref.x, y = _ref.y;
+  var x2 = _ref.x, y = _ref.y;
   var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
-    x: round(x * dpr) / dpr || 0,
+    x: round(x2 * dpr) / dpr || 0,
     y: round(y * 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, x = _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, y = _offsets$y === void 0 ? 0 : _offsets$y;
   var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
-    x,
+    x: x2,
     y
   }) : {
-    x,
+    x: x2,
     y
   };
-  x = _ref3.x;
+  x2 = _ref3.x;
   y = _ref3.y;
   var hasX = offsets.hasOwnProperty("x");
   var hasY = offsets.hasOwnProperty("y");
@@ -3230,34 +1937,34 @@ function mapToStyles(_ref2) {
     offsetParent = offsetParent;
     if (placement === top || (placement === left || placement === right) && variation === end) {
       sideY = bottom;
-      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
       y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
     }
     if (placement === left || (placement === top || placement === bottom) && variation === end) {
       sideX = right;
-      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
-      x -= offsetX - popperRect.width;
-      x *= gpuAcceleration ? 1 : -1;
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+      x2 -= offsetX - popperRect.width;
+      x2 *= gpuAcceleration ? 1 : -1;
     }
   }
   var commonStyles = Object.assign({
     position
   }, adaptive && unsetSides);
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
-    x,
+    x: x2,
     y
   }) : {
-    x,
+    x: x2,
     y
   };
-  x = _ref4.x;
+  x2 = _ref4.x;
   y = _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(" + x + "px, " + y + "px)" : "translate3d(" + x + "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, " + y + "px)" : "translate3d(" + x2 + "px, " + y + "px, 0)", _Object$assign));
   }
-  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x2 + "px" : "", _Object$assign2.transform = "", _Object$assign2));
 }
 function computeStyles(_ref5) {
   var state = _ref5.state, options = _ref5.options;
@@ -3389,6 +2096,7 @@ function usePopper(options) {
   return [reference, popper];
 }
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "MenuContainer",
   props: {
     position: { default: "left" },
     usePortal: { type: [Boolean, String], default: false }
@@ -3398,19 +2106,19 @@ 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$1(Menu), {
+      return openBlock(), createBlock(unref(fe), {
         as: "div",
         class: "relative inline-block text-left"
       }, {
         default: withCtx(() => [
-          createVNode(unref$1(MenuButton), {
+          createVNode(unref(me), {
             class: "focus:outline-none",
             ref_key: "button",
             ref: button
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "button", {}, () => [
-                createVNode(unref$1(_sfc_main$b), {
+                createVNode(unref(_sfc_main$b), {
                   class: "fill-current",
                   name: "ellipsis-h"
                 })
@@ -3436,7 +2144,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 "leave-to-class": "transform -translate-y-2 opacity-0"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref$1(MenuItems), {
+                  createVNode(unref(pe), {
                     class: normalizeClass([
                       {
                         "absolute left-0 origin-top-left": !__props.usePortal && __props.position === "right",
@@ -3466,6 +2174,7 @@ const _hoisted_1$4 = {
   class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "MenuLink",
   props: {
     label: null,
     meta: null,
@@ -3473,7 +2182,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(MenuItem), normalizeProps(guardReactiveProps({ disabled: __props.disabled })), {
+      return openBlock(), createBlock(unref(ve), 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", [
@@ -3505,6 +2214,7 @@ const _hoisted_4$1 = {
 };
 const _hoisted_5$1 = { class: "absolute right-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Select",
   props: {
     modelValue: null,
     size: { default: "medium" },
@@ -3516,7 +2226,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
-    const selected = props.modelValue ? ref(props.modelValue) : ref(null);
+    const selected = props.modelValue ? ref(props.modelValue) : ref(void 0);
     const { inputClasses, disabledClasses, textSizeClasses } = useFormClasses(props);
     watch(() => props.modelValue, (value) => {
       var _a;
@@ -3532,26 +2242,26 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(Listbox), {
+      return openBlock(), createBlock(unref(we), {
         as: "div",
-        modelValue: unref$1(selected),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(selected) ? selected.value = $event : null),
+        modelValue: unref(selected),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selected) ? selected.value = $event : null),
         disabled: __props.isDisabled
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$3, [
-            createVNode(unref$1(ListboxButton), {
-              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$1(inputClasses), unref$1(textSizeClasses), unref$1(disabledClasses)]])
+            createVNode(unref(ke), {
+              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(() => {
                 var _a, _b;
                 return [
                   __props.icon ? (openBlock(), createElementBlock("span", _hoisted_2$2, [
                     createVNode(_sfc_main$b, {
-                      name: (_b = (_a = unref$1(selected)) == null ? void 0 : _a.icon) != null ? _b : __props.icon
+                      name: (_b = (_a = unref(selected)) == null ? void 0 : _a.icon) != null ? _b : __props.icon
                     }, null, 8, ["name"])
                   ])) : createCommentVNode("", true),
-                  unref$1(selected) ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(unref$1(selected).label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.placeholder), 1)),
+                  unref(selected) ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(unref(selected).label), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(__props.placeholder), 1)),
                   createElementVNode("span", _hoisted_5$1, [
                     createVNode(_sfc_main$b, {
                       class: "text-grey-400",
@@ -3569,10 +2279,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                createVNode(unref$1(ListboxOptions), { 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(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" }, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item) => {
-                      return openBlock(), createBlock(unref$1(ListboxOption), {
+                      return openBlock(), createBlock(unref(Me), {
                         as: "template",
                         key: item.id,
                         value: item
@@ -3647,6 +2357,7 @@ const _hoisted_6 = {
   class: "w-1/3 h-10 mt-6 bg-current rounded-lg"
 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Skeleton",
   props: {
     avatar: { type: Boolean, default: false },
     title: { type: Boolean, default: true },
@@ -3669,7 +2380,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           __props.title ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
         ]),
         __props.lines > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(lineSettings), (setting, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(lineSettings), (setting, index) => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["h-4 bg-current rounded-lg", setting.margin]),
               key: index
@@ -3682,9 +2393,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Spinner",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(_sfc_main$b), {
+      return openBlock(), createBlock(unref(_sfc_main$b), {
         class: "animate-spin",
         name: "circle-notch"
       });
@@ -3693,6 +2405,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1 = { class: "sr-only" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Switch",
   props: {
     id: { default: v4() },
     label: null,
@@ -3708,7 +2421,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emits("change", newValue);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(Switch), {
+      return openBlock(), createBlock(unref(Y), {
         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"]),
@@ -3734,6 +2447,7 @@ const __default__ = {
   inheritAttrs: false
 };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+  __name: "Textarea",
   props: {
     modelValue: null,
     size: { default: "medium" },
@@ -3760,7 +2474,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("textarea", mergeProps({
-          class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [unref$1(inputClasses), unref$1(textSizeClasses), unref$1(disabledClasses)]],
+          class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [unref(inputClasses), unref(textSizeClasses), unref(disabledClasses)]],
           tabindex: __props.isDisabled ? "-1" : void 0,
           value: (_a = __props.modelValue) != null ? _a : ""
         }, _ctx.$attrs, {