@deck9/ui 0.14.7 → 0.14.8

package/dist/src/ui.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as w, openBlock as R, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as T, normalizeClass as A, createElementVNode as I, toDisplayString as B, createVNode as N, ref as O, getCurrentInstance as In, onMounted as ee, watch as Z, Fragment as be, withDirectives as $n, vModelText as An, normalizeStyle as Ft, cloneVNode as Mn, h as Ce, inject as he, provide as ye, watchEffect as xe, nextTick as j, onUnmounted as Fe, toRaw as X, shallowRef as Vn, getCurrentScope as Nn, onScopeDispose as Fn, shallowReadonly as me, withCtx as W, renderSlot as ht, Teleport as Bn, Transition as Bt, normalizeProps as jn, guardReactiveProps as zn, resolveDynamicComponent as Un, isRef as Hn, renderList as jt, createTextVNode as Wn } from "vue";
+import { defineComponent as $, computed as k, openBlock as E, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as T, normalizeClass as A, createElementVNode as I, toDisplayString as B, createVNode as N, ref as O, getCurrentInstance as In, onMounted as ee, watch as Z, Fragment as be, withDirectives as $n, vModelText as An, normalizeStyle as Ft, cloneVNode as Mn, h as Ce, inject as he, provide as ye, watchEffect as xe, nextTick as j, onUnmounted as Fe, toRaw as X, shallowRef as Vn, getCurrentScope as Nn, onScopeDispose as Fn, shallowReadonly as me, withCtx as W, renderSlot as ht, Teleport as Bn, Transition as Bt, normalizeProps as jn, guardReactiveProps as zn, resolveDynamicComponent as Un, isRef as Hn, renderList as jt, createTextVNode as Wn } from "vue";
 import { FontAwesomeIcon as Kn } from "@fortawesome/vue-fontawesome";
 import { library as lt } from "@fortawesome/fontawesome-svg-core";
 import * as h from "@fortawesome/free-solid-svg-icons";
@@ -105,11 +105,11 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
     name: { default: "user" }
   },
   setup(e) {
-    const t = e, l = w(() => xt.includes(t.name) ? "fab" : "fas"), o = w(() => qn.includes(t.name) || xt.includes(t.name) ? !0 : (console.warn(
+    const t = e, l = k(() => xt.includes(t.name) ? "fab" : "fas"), o = k(() => qn.includes(t.name) || xt.includes(t.name) ? !0 : (console.warn(
       "could not load icon, because it is not available",
       t.name
     ), !1));
-    return (n, r) => o.value ? (R(), K(P(Kn), ot({
+    return (n, r) => o.value ? (E(), K(P(Kn), ot({
       key: 0,
       icon: [l.value, n.name]
     }, n.$attrs), null, 16, ["icon"])) : M("", !0);
@@ -117,7 +117,7 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
 }), Xn = ["aria-label", "tabindex"], Yn = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Rr = /* @__PURE__ */ $({
+}, Er = /* @__PURE__ */ $({
   __name: "Button",
   props: {
     label: {},
@@ -130,7 +130,7 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
   },
   emits: ["onClick"],
   setup(e, { emit: t }) {
-    const l = t, o = e, n = w(() => {
+    const l = t, o = e, n = k(() => {
       const u = {
         "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": o.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": o.color === "light",
@@ -138,7 +138,7 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
         "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": o.color === "danger"
       }, c = {
         "pointer-events-none opacity-75 cursor-not-allowed": o.isDisabled
-      }, s = {
+      }, a = {
         "px-4 py-1 text-xs leading-5 mono-100 rounded-lg": o.size === "small",
         "px-5 py-2 text-sm leading-4 font-medium rounded-lg": o.size === "medium",
         "px-8 py-3 text-base leading-6 font-medium rounded-lg": o.size === "large"
@@ -146,16 +146,16 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       return {
         ...u,
         ...c,
-        ...s
+        ...a
       };
-    }), r = w(() => {
+    }), r = k(() => {
       const u = {
         "mr-2 -ml-1": ["small", "medium"].includes(o.size) && o.iconPosition === "left",
         "mr-4 -ml-2": ["large"].includes(o.size) && o.iconPosition === "left"
       }, c = {
         "ml-3 -mr-1": ["small", "medium"].includes(o.size) && o.iconPosition === "right",
         "ml-3 -mr-3": ["large"].includes(o.size) && o.iconPosition === "right"
-      }, s = {
+      }, a = {
         "text-white": o.color === "primary",
         "text-blue-600": o.color === "light",
         "text-grey-50": o.color === "dark"
@@ -163,13 +163,13 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       return {
         ...u,
         ...c,
-        ...s
+        ...a
       };
     });
     function i() {
       o.isDisabled || l("onClick");
     }
-    return (u, c) => (R(), T("button", {
+    return (u, c) => (E(), T("button", {
       class: A(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out", n.value]),
       type: "button",
       "aria-label": u.label,
@@ -179,19 +179,19 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       I("div", {
         class: A(!u.isLoading || "invisible")
       }, [
-        u.icon && u.iconPosition === "left" ? (R(), K(U, {
+        u.icon && u.iconPosition === "left" ? (E(), K(U, {
           key: 0,
           name: u.icon,
           class: A(r.value)
         }, null, 8, ["name", "class"])) : M("", !0),
         I("span", null, B(u.label), 1),
-        u.icon && u.iconPosition === "right" ? (R(), K(U, {
+        u.icon && u.iconPosition === "right" ? (E(), K(U, {
           key: 1,
           name: u.icon,
           class: A(r.value)
         }, null, 8, ["name", "class"])) : M("", !0)
       ], 2),
-      u.isLoading ? (R(), T("span", Yn, [
+      u.isLoading ? (E(), T("span", Yn, [
         N(U, {
           class: "animate-spin",
           name: "circle-notch"
@@ -232,7 +232,7 @@ function qt(e, t, l) {
 const to = { class: "relative flex items-start" }, no = { class: "flex items-center h-5" }, oo = ["checked", "id"], lo = { class: "ml-2 text-sm leading-5" }, ro = ["for"], io = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
-}, Er = /* @__PURE__ */ $({
+}, Rr = /* @__PURE__ */ $({
   __name: "Checkbox",
   props: {
     id: { default: qt() },
@@ -245,7 +245,7 @@ const to = { class: "relative flex items-start" }, no = { class: "flex items-cen
     const l = t, o = (n) => {
       l("update:modelValue", n.target.checked);
     };
-    return (n, r) => (R(), T("div", to, [
+    return (n, r) => (E(), T("div", to, [
       I("div", no, [
         I("input", {
           class: "h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm",
@@ -260,7 +260,7 @@ const to = { class: "relative flex items-start" }, no = { class: "flex items-cen
           for: n.id,
           class: "font-medium text-grey-700 dark:text-grey-200 casual-25"
         }, B(n.label), 9, ro),
-        n.description ? (R(), T("p", io, B(n.description), 1)) : M("", !0)
+        n.description ? (E(), T("p", io, B(n.description), 1)) : M("", !0)
       ])
     ]));
   }
@@ -273,7 +273,7 @@ function ao() {
 }
 function so(e) {
   const t = ao();
-  return w(() => (t.value, !!e()));
+  return k(() => (t.value, !!e()));
 }
 function uo(e = {}) {
   const { initialValue: t = "" } = e, l = so(() => typeof window < "u" && "EyeDropper" in window), o = O(t);
@@ -389,15 +389,15 @@ class Co {
     this._setter(t);
   }
 }
-function Ro(e, t, l = !1) {
+function Eo(e, t, l = !1) {
   let o, n;
   const r = po(e);
   return r ? (o = e, n = co) : (o = e.get, n = e.set), new Co(o, n, r || !n, l);
 }
-let Xe, Rt = "__VUE_INSTANCE_SETTERS__";
-(Xe = St()[Rt]) || (Xe = St()[Rt] = []), Xe.push((e) => e);
-let Eo = !1;
-const Ye = (e, t) => Ro(e, t, Eo);
+let Xe, Et = "__VUE_INSTANCE_SETTERS__";
+(Xe = St()[Et]) || (Xe = St()[Et] = []), Xe.push((e) => e);
+let Ro = !1;
+const Ye = (e, t) => Eo(e, t, Ro);
 function rt(e) {
   const t = Ye(() => ({
     "pl-3 pr-10 py-2": !e.icon && e.type !== "color" && e.size === "small",
@@ -430,81 +430,92 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
     placeholder: {},
     size: { default: "medium" },
     icon: {},
+    min: {},
+    max: {},
     isDisabled: { type: Boolean, default: !1 },
     block: { type: Boolean },
     showColorPicker: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = O(o.modelValue ?? "");
+    const o = e, n = O(null), r = O(o.modelValue ?? "");
     Z(
       () => o.modelValue,
-      (p) => {
-        typeof p < "u" && p !== n.value && (n.value = p);
+      (y) => {
+        typeof y < "u" && y !== r.value && (r.value = y);
       }
     );
-    const r = l, { inputClasses: i, disabledClasses: u, textSizeClasses: c } = rt(o), s = w(() => o.type === "color" ? "text" : o.type), {
-      isSupported: a,
-      open: d,
-      sRGBHex: v
-    } = uo(), f = () => {
-      d();
+    const i = l, { inputClasses: u, disabledClasses: c, textSizeClasses: a } = rt(o), s = k(() => o.type === "color" ? "text" : o.type), {
+      isSupported: d,
+      open: m,
+      sRGBHex: f
+    } = uo(), v = () => {
+      m();
     };
-    Z(v, (p) => {
-      n.value = p, r("update:modelValue", p);
+    Z(f, (y) => {
+      r.value = y, i("update:modelValue", y);
     });
-    const g = function(p) {
-      n.value = (p == null ? void 0 : p.target).value, r("update:modelValue", (p == null ? void 0 : p.target).value);
-    }, m = O(null);
+    const p = function(y) {
+      const x = (y == null ? void 0 : y.target).value;
+      if (o.type === "number" && o.min && parseInt(x) < o.min) {
+        r.value = o.min, n.value.value = r.value.toString(), i("update:modelValue", o.min);
+        return;
+      }
+      if (o.type === "number" && o.max && parseInt(x) > o.max) {
+        r.value = o.max, n.value.value = r.value.toString(), i("update:modelValue", o.max);
+        return;
+      }
+      r.value = (y == null ? void 0 : y.target).value, i("update:modelValue", r.value);
+    }, b = O(null);
     return t({
       focus: () => {
-        o.isDisabled || m.value.focus();
+        o.isDisabled || b.value.focus();
       }
-    }), (p, S) => (R(), T("div", {
-      class: A(["relative", [p.block ? "w-full block" : "inline-block"]])
+    }), (y, x) => (E(), T("div", {
+      class: A(["relative", [y.block ? "w-full block" : "inline-block"]])
     }, [
       I("input", ot({
-        class: ["relative 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", [P(i), P(c), P(u)]],
-        placeholder: p.placeholder,
+        class: ["relative 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", [P(u), P(a), P(c)]],
+        placeholder: y.placeholder,
         type: s.value,
-        tabindex: p.isDisabled ? "-1" : void 0,
-        value: n.value
-      }, p.$attrs, {
-        ref_key: "input",
-        ref: m,
-        onInput: g
+        tabindex: y.isDisabled ? "-1" : void 0,
+        value: r.value
+      }, y.$attrs, {
+        ref_key: "inputElement",
+        ref: n,
+        onInput: p
       }), null, 16, Do),
-      p.type === "color" ? (R(), T(be, { key: 0 }, [
+      y.type === "color" ? (E(), T(be, { key: 0 }, [
         I("label", Po, [
           $n(I("input", {
             class: "invisible",
             type: "color",
-            "onUpdate:modelValue": S[0] || (S[0] = (y) => n.value = y),
-            onInput: g
+            "onUpdate:modelValue": x[0] || (x[0] = (w) => r.value = w),
+            onInput: p
           }, null, 544), [
-            [An, n.value]
+            [An, r.value]
           ]),
           I("span", {
             class: "border-1 absolute inset-0 block rounded border border-grey-600/25 bg-clip-border shadow",
-            style: Ft(`background-color: ${n.value}`)
+            style: Ft(`background-color: ${r.value}`)
           }, null, 4)
         ]),
-        P(a) && p.showColorPicker ? (R(), T("button", {
+        P(d) && y.showColorPicker ? (E(), T("button", {
           key: 0,
           type: "button",
           class: "absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",
-          onClick: f
+          onClick: v
         }, [
           N(U, {
             size: "xs",
             name: "eyedropper"
           })
         ])) : M("", !0)
-      ], 64)) : p.icon ? (R(), T("span", {
+      ], 64)) : y.icon ? (E(), T("span", {
         key: 1,
-        class: A(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", P(c)])
+        class: A(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", P(a)])
       }, [
-        N(U, { name: p.icon }, null, 8, ["name"])
+        N(U, { name: y.icon }, null, 8, ["name"])
       ], 2)) : M("", !0)
     ], 2));
   }
@@ -519,9 +530,9 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
     description: {}
   },
   setup(e) {
-    return (t, l) => (R(), T("span", To, [
+    return (t, l) => (E(), T("span", To, [
       I("label", { for: t.id }, B(t.label), 9, Lo),
-      t.description ? (R(), T("span", Io, B(t.description), 1)) : M("", !0)
+      t.description ? (E(), T("span", Io, B(t.description), 1)) : M("", !0)
     ]));
   }
 });
@@ -533,7 +544,7 @@ function G(e, t, ...l) {
   let o = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((n) => `"${n}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(o, G), o;
 }
-var Re = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Re || {}), $o = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))($o || {});
+var Ee = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ee || {}), $o = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))($o || {});
 function z({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n }) {
   var r;
   let i = Qt(o, l), u = Object.assign(n, { props: i });
@@ -551,29 +562,29 @@ function z({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n
 }
 function Ze({ props: e, attrs: t, slots: l, slot: o, name: n }) {
   var r, i;
-  let { as: u, ...c } = it(e, ["unmount", "static"]), s = (r = l.default) == null ? void 0 : r.call(l, o), a = {};
+  let { as: u, ...c } = it(e, ["unmount", "static"]), a = (r = l.default) == null ? void 0 : r.call(l, o), s = {};
   if (o) {
-    let d = !1, v = [];
-    for (let [f, g] of Object.entries(o))
-      typeof g == "boolean" && (d = !0), g === !0 && v.push(f);
-    d && (a["data-headlessui-state"] = v.join(" "));
+    let d = !1, m = [];
+    for (let [f, v] of Object.entries(o))
+      typeof v == "boolean" && (d = !0), v === !0 && m.push(f);
+    d && (s["data-headlessui-state"] = m.join(" "));
   }
   if (u === "template") {
-    if (s = Zt(s ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
-      let [d, ...v] = s ?? [];
-      if (!Ao(d) || v.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(c).concat(Object.keys(t)).map((m) => m.trim()).filter((m, b, p) => p.indexOf(m) === b).sort((m, b) => m.localeCompare(b)).map((m) => `  - ${m}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
+    if (a = Zt(a ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
+      let [d, ...m] = a ?? [];
+      if (!Ao(d) || m.length > 0)
+        throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(c).concat(Object.keys(t)).map((p) => p.trim()).filter((p, b, g) => g.indexOf(p) === b).sort((p, b) => p.localeCompare(b)).map((p) => `  - ${p}`).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((p) => `  - ${p}`).join(`
 `)].join(`
 `));
-      let f = Qt((i = d.props) != null ? i : {}, c), g = Mn(d, f);
-      for (let m in f)
-        m.startsWith("on") && (g.props || (g.props = {}), g.props[m] = f[m]);
-      return g;
+      let f = Qt((i = d.props) != null ? i : {}, c), v = Mn(d, f);
+      for (let p in f)
+        p.startsWith("on") && (v.props || (v.props = {}), v.props[p] = f[p]);
+      return v;
     }
-    return Array.isArray(s) && s.length === 1 ? s[0] : s;
+    return Array.isArray(a) && a.length === 1 ? a[0] : a;
   }
-  return Ce(u, Object.assign({}, c, a), { default: () => s });
+  return Ce(u, Object.assign({}, c, s), { default: () => a });
 }
 function Zt(e) {
   return e.flatMap((t) => t.type === be ? Zt(t.children) : [t]);
@@ -636,7 +647,7 @@ function en(e, t) {
       case 0:
         return l.findIndex((i) => !t.resolveDisabled(i));
       case 1: {
-        let i = l.slice().reverse().findIndex((u, c, s) => n !== -1 && s.length - c - 1 >= n ? !1 : !t.resolveDisabled(u));
+        let i = l.slice().reverse().findIndex((u, c, a) => n !== -1 && a.length - c - 1 >= n ? !1 : !t.resolveDisabled(u));
         return i === -1 ? i : l.length - 1 - i;
       }
       case 2:
@@ -655,7 +666,7 @@ function en(e, t) {
   })();
   return r === -1 ? o : r;
 }
-function E(e) {
+function R(e) {
   var t;
   return e == null || e.value == null ? null : (t = e.value.$el) != null ? t : e.value;
 }
@@ -667,7 +678,7 @@ function nn() {
 function on(e) {
   ye(tn, e);
 }
-function Et(e, t) {
+function Rt(e, t) {
   if (e)
     return e;
   let l = t ?? "button";
@@ -675,12 +686,12 @@ function Et(e, t) {
     return "button";
 }
 function at(e, t) {
-  let l = O(Et(e.value.type, e.value.as));
+  let l = O(Rt(e.value.type, e.value.as));
   return ee(() => {
-    l.value = Et(e.value.type, e.value.as);
+    l.value = Rt(e.value.type, e.value.as);
   }), xe(() => {
     var o;
-    l.value || E(t) && E(t) instanceof HTMLButtonElement && !((o = E(t)) != null && o.hasAttribute("type")) && (l.value = "button");
+    l.value || R(t) && R(t) instanceof HTMLButtonElement && !((o = R(t)) != null && o.hasAttribute("type")) && (l.value = "button");
   }), l;
 }
 var Fo = Object.defineProperty, Bo = (e, t, l) => t in e ? Fo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, Dt = (e, t, l) => (Bo(e, typeof t != "symbol" ? t + "" : t, l), l);
@@ -714,7 +725,7 @@ function ut(e) {
   if (e instanceof Node)
     return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let t = E(e);
+    let t = R(e);
     if (t)
       return t.ownerDocument;
   }
@@ -788,14 +799,14 @@ function Xo(e, t) {
 function Yo(e, t, { sorted: l = !0, relativeTo: o = null, skipElements: n = [] } = {}) {
   var r;
   let i = (r = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? r : document, u = Array.isArray(e) ? l ? ct(e) : e : ln(e);
-  n.length > 0 && u.length > 1 && (u = u.filter((g) => !n.includes(g))), o = o ?? i.activeElement;
+  n.length > 0 && u.length > 1 && (u = u.filter((v) => !n.includes(v))), o = o ?? i.activeElement;
   let c = (() => {
     if (t & 5)
       return 1;
     if (t & 10)
       return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), s = (() => {
+  })(), a = (() => {
     if (t & 1)
       return 0;
     if (t & 2)
@@ -805,20 +816,20 @@ function Yo(e, t, { sorted: l = !0, relativeTo: o = null, skipElements: n = [] }
     if (t & 8)
       return u.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), a = t & 32 ? { preventScroll: !0 } : {}, d = 0, v = u.length, f;
+  })(), s = t & 32 ? { preventScroll: !0 } : {}, d = 0, m = u.length, f;
   do {
-    if (d >= v || d + v <= 0)
+    if (d >= m || d + m <= 0)
       return 0;
-    let g = s + d;
+    let v = a + d;
     if (t & 16)
-      g = (g + v) % v;
+      v = (v + m) % m;
     else {
-      if (g < 0)
+      if (v < 0)
         return 3;
-      if (g >= v)
+      if (v >= m)
         return 1;
     }
-    f = u[g], f == null || f.focus(a), d += c;
+    f = u[v], f == null || f.focus(s), d += c;
   } while (f !== i.activeElement);
   return t & 6 && qo(f) && f.select(), 2;
 }
@@ -832,21 +843,21 @@ function Zo(e, t, l) {
     window.addEventListener(e, t, l), o(() => window.removeEventListener(e, t, l));
   });
 }
-function an(e, t, l = w(() => !0)) {
+function an(e, t, l = k(() => !0)) {
   function o(r, i) {
     if (!l.value || r.defaultPrevented)
       return;
     let u = i(r);
     if (u === null || !u.getRootNode().contains(u))
       return;
-    let c = function s(a) {
-      return typeof a == "function" ? s(a()) : Array.isArray(a) || a instanceof Set ? a : [a];
+    let c = function a(s) {
+      return typeof s == "function" ? a(s()) : Array.isArray(s) || s instanceof Set ? s : [s];
     }(e);
-    for (let s of c) {
-      if (s === null)
+    for (let a of c) {
+      if (a === null)
         continue;
-      let a = s instanceof HTMLElement ? s : E(s);
-      if (a != null && a.contains(u) || r.composed && r.composedPath().includes(a))
+      let s = a instanceof HTMLElement ? a : R(a);
+      if (s != null && s.contains(u) || r.composed && r.composedPath().includes(s))
         return;
     }
     return !ze(u, je.Loose) && u.tabIndex !== -1 && r.preventDefault(), t(r, u);
@@ -897,8 +908,8 @@ function Qo(e) {
   }
 }
 function fn(e, t, l) {
-  let o = O(l == null ? void 0 : l.value), n = w(() => e.value !== void 0);
-  return [w(() => n.value ? e.value : o.value), function(r) {
+  let o = O(l == null ? void 0 : l.value), n = k(() => e.value !== void 0);
+  return [k(() => n.value ? e.value : o.value), function(r) {
     return n.value || (o.value = r), t == null ? void 0 : t(r);
   }];
 }
@@ -929,13 +940,13 @@ function el({ slot: e = O({}), name: t = "Description", props: l = {} } = {}) {
       i !== -1 && o.value.splice(i, 1);
     };
   }
-  return ye(mn, { register: n, slot: e, name: t, props: l }), w(() => o.value.length > 0 ? o.value.join(" ") : void 0);
+  return ye(mn, { register: n, slot: e, name: t, props: l }), k(() => o.value.length > 0 ? o.value.join(" ") : void 0);
 }
 $({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${J()}` } }, setup(e, { attrs: t, slots: l }) {
   let o = Jo();
   return ee(() => Fe(o.register(e.id))), () => {
-    let { name: n = "Description", slot: r = O({}), props: i = {} } = o, { id: u, ...c } = e, s = { ...Object.entries(i).reduce((a, [d, v]) => Object.assign(a, { [d]: P(v) }), {}), id: u };
-    return z({ ourProps: s, theirProps: c, slot: r.value, attrs: t, slots: l, name: n });
+    let { name: n = "Description", slot: r = O({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [d, m]) => Object.assign(s, { [d]: P(m) }), {}), id: u };
+    return z({ ourProps: a, theirProps: c, slot: r.value, attrs: t, slots: l, name: n });
   };
 } });
 let _t = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
@@ -972,7 +983,7 @@ function tl(e) {
 function vn(e) {
   let t = O(""), l = O("");
   return () => {
-    let o = E(e);
+    let o = R(e);
     if (!o)
       return "";
     let n = o.innerText;
@@ -999,82 +1010,82 @@ function De(e) {
   return t;
 }
 let al = $({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => nl }, horizontal: { type: [Boolean], default: !1 }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: l, emit: o }) {
-  let n = O(1), r = O(null), i = O(null), u = O(null), c = O([]), s = O(""), a = O(null), d = O(1);
-  function v(y = (x) => x) {
-    let x = a.value !== null ? c.value[a.value] : null, k = ct(y(c.value.slice()), (C) => E(C.dataRef.domRef)), _ = x ? k.indexOf(x) : null;
-    return _ === -1 && (_ = null), { options: k, activeOptionIndex: _ };
+  let n = O(1), r = O(null), i = O(null), u = O(null), c = O([]), a = O(""), s = O(null), d = O(1);
+  function m(x = (w) => w) {
+    let w = s.value !== null ? c.value[s.value] : null, S = ct(x(c.value.slice()), (C) => R(C.dataRef.domRef)), _ = w ? S.indexOf(w) : null;
+    return _ === -1 && (_ = null), { options: S, activeOptionIndex: _ };
   }
-  let f = w(() => e.multiple ? 1 : 0), [g, m] = fn(w(() => e.modelValue), (y) => o("update:modelValue", y), w(() => e.defaultValue)), b = w(() => g.value === void 0 ? G(f.value, { 1: [], 0: void 0 }) : g.value), p = { listboxState: n, value: b, mode: f, compare(y, x) {
+  let f = k(() => e.multiple ? 1 : 0), [v, p] = fn(k(() => e.modelValue), (x) => o("update:modelValue", x), k(() => e.defaultValue)), b = k(() => v.value === void 0 ? G(f.value, { 1: [], 0: void 0 }) : v.value), g = { listboxState: n, value: b, mode: f, compare(x, w) {
     if (typeof e.by == "string") {
-      let k = e.by;
-      return (y == null ? void 0 : y[k]) === (x == null ? void 0 : x[k]);
+      let S = e.by;
+      return (x == null ? void 0 : x[S]) === (w == null ? void 0 : w[S]);
     }
-    return e.by(y, x);
-  }, orientation: w(() => e.horizontal ? "horizontal" : "vertical"), labelRef: r, buttonRef: i, optionsRef: u, disabled: w(() => e.disabled), options: c, searchQuery: s, activeOptionIndex: a, activationTrigger: d, closeListbox() {
-    e.disabled || n.value !== 1 && (n.value = 1, a.value = null);
+    return e.by(x, w);
+  }, orientation: k(() => e.horizontal ? "horizontal" : "vertical"), labelRef: r, buttonRef: i, optionsRef: u, disabled: k(() => e.disabled), options: c, searchQuery: a, activeOptionIndex: s, activationTrigger: d, closeListbox() {
+    e.disabled || n.value !== 1 && (n.value = 1, s.value = null);
   }, openListbox() {
     e.disabled || n.value !== 0 && (n.value = 0);
-  }, goToOption(y, x, k) {
+  }, goToOption(x, w, S) {
     if (e.disabled || n.value === 1)
       return;
-    let _ = v(), C = en(y === L.Specific ? { focus: L.Specific, id: x } : { focus: y }, { resolveItems: () => _.options, resolveActiveIndex: () => _.activeOptionIndex, resolveId: (F) => F.id, resolveDisabled: (F) => F.dataRef.disabled });
-    s.value = "", a.value = C, d.value = k ?? 1, c.value = _.options;
-  }, search(y) {
+    let _ = m(), C = en(x === L.Specific ? { focus: L.Specific, id: w } : { focus: x }, { resolveItems: () => _.options, resolveActiveIndex: () => _.activeOptionIndex, resolveId: (F) => F.id, resolveDisabled: (F) => F.dataRef.disabled });
+    a.value = "", s.value = C, d.value = S ?? 1, c.value = _.options;
+  }, search(x) {
     if (e.disabled || n.value === 1)
       return;
-    let x = s.value !== "" ? 0 : 1;
-    s.value += y.toLowerCase();
-    let k = (a.value !== null ? c.value.slice(a.value + x).concat(c.value.slice(0, a.value + x)) : c.value).find((C) => C.dataRef.textValue.startsWith(s.value) && !C.dataRef.disabled), _ = k ? c.value.indexOf(k) : -1;
-    _ === -1 || _ === a.value || (a.value = _, d.value = 1);
+    let w = a.value !== "" ? 0 : 1;
+    a.value += x.toLowerCase();
+    let S = (s.value !== null ? c.value.slice(s.value + w).concat(c.value.slice(0, s.value + w)) : c.value).find((C) => C.dataRef.textValue.startsWith(a.value) && !C.dataRef.disabled), _ = S ? c.value.indexOf(S) : -1;
+    _ === -1 || _ === s.value || (s.value = _, d.value = 1);
   }, clearSearch() {
-    e.disabled || n.value !== 1 && s.value !== "" && (s.value = "");
-  }, registerOption(y, x) {
-    let k = v((_) => [..._, { id: y, dataRef: x }]);
-    c.value = k.options, a.value = k.activeOptionIndex;
-  }, unregisterOption(y) {
-    let x = v((k) => {
-      let _ = k.findIndex((C) => C.id === y);
-      return _ !== -1 && k.splice(_, 1), k;
+    e.disabled || n.value !== 1 && a.value !== "" && (a.value = "");
+  }, registerOption(x, w) {
+    let S = m((_) => [..._, { id: x, dataRef: w }]);
+    c.value = S.options, s.value = S.activeOptionIndex;
+  }, unregisterOption(x) {
+    let w = m((S) => {
+      let _ = S.findIndex((C) => C.id === x);
+      return _ !== -1 && S.splice(_, 1), S;
     });
-    c.value = x.options, a.value = x.activeOptionIndex, d.value = 1;
-  }, theirOnChange(y) {
-    e.disabled || m(y);
-  }, select(y) {
-    e.disabled || m(G(f.value, { 0: () => y, 1: () => {
-      let x = X(p.value.value).slice(), k = X(y), _ = x.findIndex((C) => p.compare(k, X(C)));
-      return _ === -1 ? x.push(k) : x.splice(_, 1), x;
+    c.value = w.options, s.value = w.activeOptionIndex, d.value = 1;
+  }, theirOnChange(x) {
+    e.disabled || p(x);
+  }, select(x) {
+    e.disabled || p(G(f.value, { 0: () => x, 1: () => {
+      let w = X(g.value.value).slice(), S = X(x), _ = w.findIndex((C) => g.compare(S, X(C)));
+      return _ === -1 ? w.push(S) : w.splice(_, 1), w;
     } }));
   } };
-  an([i, u], (y, x) => {
-    var k;
-    p.closeListbox(), ze(x, je.Loose) || (y.preventDefault(), (k = E(i)) == null || k.focus());
-  }, w(() => n.value === 0)), ye(gn, p), on(w(() => G(n.value, { 0: te.Open, 1: te.Closed })));
-  let S = w(() => {
-    var y;
-    return (y = E(i)) == null ? void 0 : y.closest("form");
+  an([i, u], (x, w) => {
+    var S;
+    g.closeListbox(), ze(w, je.Loose) || (x.preventDefault(), (S = R(i)) == null || S.focus());
+  }, k(() => n.value === 0)), ye(gn, g), on(k(() => G(n.value, { 0: te.Open, 1: te.Closed })));
+  let y = k(() => {
+    var x;
+    return (x = R(i)) == null ? void 0 : x.closest("form");
   });
   return ee(() => {
-    Z([S], () => {
-      if (!S.value || e.defaultValue === void 0)
+    Z([y], () => {
+      if (!y.value || e.defaultValue === void 0)
         return;
-      function y() {
-        p.theirOnChange(e.defaultValue);
+      function x() {
+        g.theirOnChange(e.defaultValue);
       }
-      return S.value.addEventListener("reset", y), () => {
-        var x;
-        (x = S.value) == null || x.removeEventListener("reset", y);
+      return y.value.addEventListener("reset", x), () => {
+        var w;
+        (w = y.value) == null || w.removeEventListener("reset", x);
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: y, modelValue: x, disabled: k, form: _, ...C } = e, F = { open: n.value === 0, disabled: k, value: b.value };
-    return Ce(be, [...y != null && b.value != null ? un({ [y]: b.value }).map(([re, _e]) => Ce(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: _, name: re, value: _e }))) : [], z({ ourProps: {}, theirProps: { ...l, ...it(C, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: F, slots: t, attrs: l, name: "Listbox" })]);
+    let { name: x, modelValue: w, disabled: S, form: _, ...C } = e, F = { open: n.value === 0, disabled: S, value: b.value };
+    return Ce(be, [...x != null && b.value != null ? un({ [x]: b.value }).map(([re, _e]) => Ce(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: _, name: re, value: _e }))) : [], z({ ourProps: {}, theirProps: { ...l, ...it(C, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: F, slots: t, attrs: l, name: "Listbox" })]);
   };
 } });
 $({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${J()}` } }, setup(e, { attrs: t, slots: l }) {
   let o = De("ListboxLabel");
   function n() {
     var r;
-    (r = E(o.buttonRef)) == null || r.focus({ preventScroll: !0 });
+    (r = R(o.buttonRef)) == null || r.focus({ preventScroll: !0 });
   }
   return () => {
     let r = { open: o.listboxState.value === 0, disabled: o.disabled.value }, { id: i, ...u } = e, c = { id: i, ref: o.labelRef, onClick: n };
@@ -1084,105 +1095,105 @@ $({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label
 let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-listbox-button-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
   let n = De("ListboxButton");
   o({ el: n.buttonRef, $el: n.buttonRef });
-  function r(s) {
-    switch (s.key) {
+  function r(a) {
+    switch (a.key) {
       case D.Space:
       case D.Enter:
       case D.ArrowDown:
-        s.preventDefault(), n.openListbox(), j(() => {
-          var a;
-          (a = E(n.optionsRef)) == null || a.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.First);
+        a.preventDefault(), n.openListbox(), j(() => {
+          var s;
+          (s = R(n.optionsRef)) == null || s.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.First);
         });
         break;
       case D.ArrowUp:
-        s.preventDefault(), n.openListbox(), j(() => {
-          var a;
-          (a = E(n.optionsRef)) == null || a.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.Last);
+        a.preventDefault(), n.openListbox(), j(() => {
+          var s;
+          (s = R(n.optionsRef)) == null || s.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.Last);
         });
         break;
     }
   }
-  function i(s) {
-    switch (s.key) {
+  function i(a) {
+    switch (a.key) {
       case D.Space:
-        s.preventDefault();
+        a.preventDefault();
         break;
     }
   }
-  function u(s) {
+  function u(a) {
     n.disabled.value || (n.listboxState.value === 0 ? (n.closeListbox(), j(() => {
-      var a;
-      return (a = E(n.buttonRef)) == null ? void 0 : a.focus({ preventScroll: !0 });
-    })) : (s.preventDefault(), n.openListbox(), il(() => {
-      var a;
-      return (a = E(n.optionsRef)) == null ? void 0 : a.focus({ preventScroll: !0 });
+      var s;
+      return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+    })) : (a.preventDefault(), n.openListbox(), il(() => {
+      var s;
+      return (s = R(n.optionsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })));
   }
-  let c = at(w(() => ({ as: e.as, type: t.type })), n.buttonRef);
+  let c = at(k(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
-    var s, a;
-    let d = { open: n.listboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: v, ...f } = e, g = { ref: n.buttonRef, id: v, type: c.value, "aria-haspopup": "listbox", "aria-controls": (s = E(n.optionsRef)) == null ? void 0 : s.id, "aria-expanded": n.listboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(a = E(n.labelRef)) == null ? void 0 : a.id, v].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: r, onKeyup: i, onClick: u };
-    return z({ ourProps: g, theirProps: f, slot: d, attrs: t, slots: l, name: "ListboxButton" });
+    var a, s;
+    let d = { open: n.listboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: m, ...f } = e, v = { ref: n.buttonRef, id: m, type: c.value, "aria-haspopup": "listbox", "aria-controls": (a = R(n.optionsRef)) == null ? void 0 : a.id, "aria-expanded": n.listboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(s = R(n.labelRef)) == null ? void 0 : s.id, m].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: r, onKeyup: i, onClick: u };
+    return z({ ourProps: v, theirProps: f, slot: d, attrs: t, slots: l, name: "ListboxButton" });
   };
 } }), ul = $({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-listbox-options-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
   let n = De("ListboxOptions"), r = O(null);
   o({ el: n.optionsRef, $el: n.optionsRef });
-  function i(s) {
-    switch (r.value && clearTimeout(r.value), s.key) {
+  function i(a) {
+    switch (r.value && clearTimeout(r.value), a.key) {
       case D.Space:
         if (n.searchQuery.value !== "")
-          return s.preventDefault(), s.stopPropagation(), n.search(s.key);
+          return a.preventDefault(), a.stopPropagation(), n.search(a.key);
       case D.Enter:
-        if (s.preventDefault(), s.stopPropagation(), n.activeOptionIndex.value !== null) {
-          let a = n.options.value[n.activeOptionIndex.value];
-          n.select(a.dataRef.value);
+        if (a.preventDefault(), a.stopPropagation(), n.activeOptionIndex.value !== null) {
+          let s = n.options.value[n.activeOptionIndex.value];
+          n.select(s.dataRef.value);
         }
         n.mode.value === 0 && (n.closeListbox(), j(() => {
-          var a;
-          return (a = E(n.buttonRef)) == null ? void 0 : a.focus({ preventScroll: !0 });
+          var s;
+          return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         }));
         break;
       case G(n.orientation.value, { vertical: D.ArrowDown, horizontal: D.ArrowRight }):
-        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.Next);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.Next);
       case G(n.orientation.value, { vertical: D.ArrowUp, horizontal: D.ArrowLeft }):
-        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.Previous);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.Previous);
       case D.Home:
       case D.PageUp:
-        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.First);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.First);
       case D.End:
       case D.PageDown:
-        return s.preventDefault(), s.stopPropagation(), n.goToOption(L.Last);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.Last);
       case D.Escape:
-        s.preventDefault(), s.stopPropagation(), n.closeListbox(), j(() => {
-          var a;
-          return (a = E(n.buttonRef)) == null ? void 0 : a.focus({ preventScroll: !0 });
+        a.preventDefault(), a.stopPropagation(), n.closeListbox(), j(() => {
+          var s;
+          return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         });
         break;
       case D.Tab:
-        s.preventDefault(), s.stopPropagation();
+        a.preventDefault(), a.stopPropagation();
         break;
       default:
-        s.key.length === 1 && (n.search(s.key), r.value = setTimeout(() => n.clearSearch(), 350));
+        a.key.length === 1 && (n.search(a.key), r.value = setTimeout(() => n.clearSearch(), 350));
         break;
     }
   }
-  let u = nn(), c = w(() => u !== null ? (u.value & te.Open) === te.Open : n.listboxState.value === 0);
+  let u = nn(), c = k(() => u !== null ? (u.value & te.Open) === te.Open : n.listboxState.value === 0);
   return () => {
-    var s, a, d, v;
-    let f = { open: n.listboxState.value === 0 }, { id: g, ...m } = e, b = { "aria-activedescendant": n.activeOptionIndex.value === null || (s = n.options.value[n.activeOptionIndex.value]) == null ? void 0 : s.id, "aria-multiselectable": n.mode.value === 1 ? !0 : void 0, "aria-labelledby": (v = (a = E(n.labelRef)) == null ? void 0 : a.id) != null ? v : (d = E(n.buttonRef)) == null ? void 0 : d.id, "aria-orientation": n.orientation.value, id: g, onKeydown: i, role: "listbox", tabIndex: 0, ref: n.optionsRef };
-    return z({ ourProps: b, theirProps: m, slot: f, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: c.value, name: "ListboxOptions" });
+    var a, s, d, m;
+    let f = { open: n.listboxState.value === 0 }, { id: v, ...p } = e, b = { "aria-activedescendant": n.activeOptionIndex.value === null || (a = n.options.value[n.activeOptionIndex.value]) == null ? void 0 : a.id, "aria-multiselectable": n.mode.value === 1 ? !0 : void 0, "aria-labelledby": (m = (s = R(n.labelRef)) == null ? void 0 : s.id) != null ? m : (d = R(n.buttonRef)) == null ? void 0 : d.id, "aria-orientation": n.orientation.value, id: v, onKeydown: i, role: "listbox", tabIndex: 0, ref: n.optionsRef };
+    return z({ ourProps: b, theirProps: p, slot: f, attrs: t, slots: l, features: Ee.RenderStrategy | Ee.Static, visible: c.value, name: "ListboxOptions" });
   };
 } }), cl = $({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-listbox.option-${J()}` } }, setup(e, { slots: t, attrs: l, expose: o }) {
   let n = De("ListboxOption"), r = O(null);
   o({ el: r, $el: r });
-  let i = w(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === e.id : !1), u = w(() => G(n.mode.value, { 0: () => n.compare(X(n.value.value), X(e.value)), 1: () => X(n.value.value).some((p) => n.compare(X(p), X(e.value))) })), c = w(() => G(n.mode.value, { 1: () => {
-    var p;
-    let S = X(n.value.value);
-    return ((p = n.options.value.find((y) => S.some((x) => n.compare(X(x), X(y.dataRef.value))))) == null ? void 0 : p.id) === e.id;
-  }, 0: () => u.value })), s = vn(r), a = w(() => ({ disabled: e.disabled, value: e.value, get textValue() {
-    return s();
+  let i = k(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === e.id : !1), u = k(() => G(n.mode.value, { 0: () => n.compare(X(n.value.value), X(e.value)), 1: () => X(n.value.value).some((g) => n.compare(X(g), X(e.value))) })), c = k(() => G(n.mode.value, { 1: () => {
+    var g;
+    let y = X(n.value.value);
+    return ((g = n.options.value.find((x) => y.some((w) => n.compare(X(w), X(x.dataRef.value))))) == null ? void 0 : g.id) === e.id;
+  }, 0: () => u.value })), a = vn(r), s = k(() => ({ disabled: e.disabled, value: e.value, get textValue() {
+    return a();
   }, domRef: r }));
-  ee(() => n.registerOption(e.id, a)), Fe(() => n.unregisterOption(e.id)), ee(() => {
+  ee(() => n.registerOption(e.id, s)), Fe(() => n.unregisterOption(e.id)), ee(() => {
     Z([n.listboxState, u], () => {
       n.listboxState.value === 0 && u.value && G(n.mode.value, { 1: () => {
         c.value && n.goToOption(L.Specific, e.id);
@@ -1192,36 +1203,36 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     }, { immediate: !0 });
   }), xe(() => {
     n.listboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && j(() => {
-      var p, S;
-      return (S = (p = E(r)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : S.call(p, { block: "nearest" });
+      var g, y;
+      return (y = (g = R(r)) == null ? void 0 : g.scrollIntoView) == null ? void 0 : y.call(g, { block: "nearest" });
     });
   });
-  function d(p) {
+  function d(g) {
     if (e.disabled)
-      return p.preventDefault();
+      return g.preventDefault();
     n.select(e.value), n.mode.value === 0 && (n.closeListbox(), j(() => {
-      var S;
-      return (S = E(n.buttonRef)) == null ? void 0 : S.focus({ preventScroll: !0 });
+      var y;
+      return (y = R(n.buttonRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
     }));
   }
-  function v() {
+  function m() {
     if (e.disabled)
       return n.goToOption(L.Nothing);
     n.goToOption(L.Specific, e.id);
   }
   let f = pn();
-  function g(p) {
-    f.update(p);
+  function v(g) {
+    f.update(g);
   }
-  function m(p) {
-    f.wasMoved(p) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
+  function p(g) {
+    f.wasMoved(g) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
   }
-  function b(p) {
-    f.wasMoved(p) && (e.disabled || i.value && n.goToOption(L.Nothing));
+  function b(g) {
+    f.wasMoved(g) && (e.disabled || i.value && n.goToOption(L.Nothing));
   }
   return () => {
-    let { disabled: p } = e, S = { active: i.value, selected: u.value, disabled: p }, { id: y, value: x, disabled: k, ..._ } = e, C = { id: y, ref: r, role: "option", tabIndex: p === !0 ? void 0 : -1, "aria-disabled": p === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: d, onFocus: v, onPointerenter: g, onMouseenter: g, onPointermove: m, onMousemove: m, onPointerleave: b, onMouseleave: b };
-    return z({ ourProps: C, theirProps: _, slot: S, attrs: l, slots: t, name: "ListboxOption" });
+    let { disabled: g } = e, y = { active: i.value, selected: u.value, disabled: g }, { id: x, value: w, disabled: S, ..._ } = e, C = { id: x, ref: r, role: "option", tabIndex: g === !0 ? void 0 : -1, "aria-disabled": g === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: d, onFocus: m, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: b, onMouseleave: b };
+    return z({ ourProps: C, theirProps: _, slot: y, attrs: l, slots: t, name: "ListboxOption" });
   };
 } });
 var dl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(dl || {}), fl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(fl || {});
@@ -1238,175 +1249,175 @@ function Ue(e) {
   return t;
 }
 let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
-  let o = O(1), n = O(null), r = O(null), i = O([]), u = O(""), c = O(null), s = O(1);
-  function a(v = (f) => f) {
-    let f = c.value !== null ? i.value[c.value] : null, g = ct(v(i.value.slice()), (b) => E(b.dataRef.domRef)), m = f ? g.indexOf(f) : null;
-    return m === -1 && (m = null), { items: g, activeItemIndex: m };
+  let o = O(1), n = O(null), r = O(null), i = O([]), u = O(""), c = O(null), a = O(1);
+  function s(m = (f) => f) {
+    let f = c.value !== null ? i.value[c.value] : null, v = ct(m(i.value.slice()), (b) => R(b.dataRef.domRef)), p = f ? v.indexOf(f) : null;
+    return p === -1 && (p = null), { items: v, activeItemIndex: p };
   }
-  let d = { menuState: o, buttonRef: n, itemsRef: r, items: i, searchQuery: u, activeItemIndex: c, activationTrigger: s, closeMenu: () => {
+  let d = { menuState: o, buttonRef: n, itemsRef: r, items: i, searchQuery: u, activeItemIndex: c, activationTrigger: a, closeMenu: () => {
     o.value = 1, c.value = null;
-  }, openMenu: () => o.value = 0, goToItem(v, f, g) {
-    let m = a(), b = en(v === L.Specific ? { focus: L.Specific, id: f } : { focus: v }, { resolveItems: () => m.items, resolveActiveIndex: () => m.activeItemIndex, resolveId: (p) => p.id, resolveDisabled: (p) => p.dataRef.disabled });
-    u.value = "", c.value = b, s.value = g ?? 1, i.value = m.items;
-  }, search(v) {
+  }, openMenu: () => o.value = 0, goToItem(m, f, v) {
+    let p = s(), b = en(m === L.Specific ? { focus: L.Specific, id: f } : { focus: m }, { resolveItems: () => p.items, resolveActiveIndex: () => p.activeItemIndex, resolveId: (g) => g.id, resolveDisabled: (g) => g.dataRef.disabled });
+    u.value = "", c.value = b, a.value = v ?? 1, i.value = p.items;
+  }, search(m) {
     let f = u.value !== "" ? 0 : 1;
-    u.value += v.toLowerCase();
-    let g = (c.value !== null ? i.value.slice(c.value + f).concat(i.value.slice(0, c.value + f)) : i.value).find((b) => b.dataRef.textValue.startsWith(u.value) && !b.dataRef.disabled), m = g ? i.value.indexOf(g) : -1;
-    m === -1 || m === c.value || (c.value = m, s.value = 1);
+    u.value += m.toLowerCase();
+    let v = (c.value !== null ? i.value.slice(c.value + f).concat(i.value.slice(0, c.value + f)) : i.value).find((b) => b.dataRef.textValue.startsWith(u.value) && !b.dataRef.disabled), p = v ? i.value.indexOf(v) : -1;
+    p === -1 || p === c.value || (c.value = p, a.value = 1);
   }, clearSearch() {
     u.value = "";
-  }, registerItem(v, f) {
-    let g = a((m) => [...m, { id: v, dataRef: f }]);
-    i.value = g.items, c.value = g.activeItemIndex, s.value = 1;
-  }, unregisterItem(v) {
-    let f = a((g) => {
-      let m = g.findIndex((b) => b.id === v);
-      return m !== -1 && g.splice(m, 1), g;
+  }, registerItem(m, f) {
+    let v = s((p) => [...p, { id: m, dataRef: f }]);
+    i.value = v.items, c.value = v.activeItemIndex, a.value = 1;
+  }, unregisterItem(m) {
+    let f = s((v) => {
+      let p = v.findIndex((b) => b.id === m);
+      return p !== -1 && v.splice(p, 1), v;
     });
-    i.value = f.items, c.value = f.activeItemIndex, s.value = 1;
+    i.value = f.items, c.value = f.activeItemIndex, a.value = 1;
   } };
-  return an([n, r], (v, f) => {
-    var g;
-    d.closeMenu(), ze(f, je.Loose) || (v.preventDefault(), (g = E(n)) == null || g.focus());
-  }, w(() => o.value === 0)), ye(bn, d), on(w(() => G(o.value, { 0: te.Open, 1: te.Closed }))), () => {
-    let v = { open: o.value === 0, close: d.closeMenu };
-    return z({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: l, name: "Menu" });
+  return an([n, r], (m, f) => {
+    var v;
+    d.closeMenu(), ze(f, je.Loose) || (m.preventDefault(), (v = R(n)) == null || v.focus());
+  }, k(() => o.value === 0)), ye(bn, d), on(k(() => G(o.value, { 0: te.Open, 1: te.Closed }))), () => {
+    let m = { open: o.value === 0, close: d.closeMenu };
+    return z({ ourProps: {}, theirProps: e, slot: m, slots: t, attrs: l, name: "Menu" });
   };
 } }), vl = $({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
   let n = Ue("MenuButton");
   o({ el: n.buttonRef, $el: n.buttonRef });
-  function r(s) {
-    switch (s.key) {
+  function r(a) {
+    switch (a.key) {
       case D.Space:
       case D.Enter:
       case D.ArrowDown:
-        s.preventDefault(), s.stopPropagation(), n.openMenu(), j(() => {
-          var a;
-          (a = E(n.itemsRef)) == null || a.focus({ preventScroll: !0 }), n.goToItem(L.First);
+        a.preventDefault(), a.stopPropagation(), n.openMenu(), j(() => {
+          var s;
+          (s = R(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.First);
         });
         break;
       case D.ArrowUp:
-        s.preventDefault(), s.stopPropagation(), n.openMenu(), j(() => {
-          var a;
-          (a = E(n.itemsRef)) == null || a.focus({ preventScroll: !0 }), n.goToItem(L.Last);
+        a.preventDefault(), a.stopPropagation(), n.openMenu(), j(() => {
+          var s;
+          (s = R(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.Last);
         });
         break;
     }
   }
-  function i(s) {
-    switch (s.key) {
+  function i(a) {
+    switch (a.key) {
       case D.Space:
-        s.preventDefault();
+        a.preventDefault();
         break;
     }
   }
-  function u(s) {
+  function u(a) {
     e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), j(() => {
-      var a;
-      return (a = E(n.buttonRef)) == null ? void 0 : a.focus({ preventScroll: !0 });
-    })) : (s.preventDefault(), n.openMenu(), pl(() => {
-      var a;
-      return (a = E(n.itemsRef)) == null ? void 0 : a.focus({ preventScroll: !0 });
+      var s;
+      return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+    })) : (a.preventDefault(), n.openMenu(), pl(() => {
+      var s;
+      return (s = R(n.itemsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })));
   }
-  let c = at(w(() => ({ as: e.as, type: t.type })), n.buttonRef);
+  let c = at(k(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
-    var s;
-    let a = { open: n.menuState.value === 0 }, { id: d, ...v } = e, f = { ref: n.buttonRef, id: d, type: c.value, "aria-haspopup": "menu", "aria-controls": (s = E(n.itemsRef)) == null ? void 0 : s.id, "aria-expanded": n.menuState.value === 0, onKeydown: r, onKeyup: i, onClick: u };
-    return z({ ourProps: f, theirProps: v, slot: a, attrs: t, slots: l, name: "MenuButton" });
+    var a;
+    let s = { open: n.menuState.value === 0 }, { id: d, ...m } = e, f = { ref: n.buttonRef, id: d, type: c.value, "aria-haspopup": "menu", "aria-controls": (a = R(n.itemsRef)) == null ? void 0 : a.id, "aria-expanded": n.menuState.value === 0, onKeydown: r, onKeyup: i, onClick: u };
+    return z({ ourProps: f, theirProps: m, slot: s, attrs: t, slots: l, name: "MenuButton" });
   };
 } }), gl = $({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
   let n = Ue("MenuItems"), r = O(null);
-  o({ el: n.itemsRef, $el: n.itemsRef }), zo({ container: w(() => E(n.itemsRef)), enabled: w(() => n.menuState.value === 0), accept(a) {
-    return a.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : a.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(a) {
-    a.setAttribute("role", "none");
+  o({ el: n.itemsRef, $el: n.itemsRef }), zo({ container: k(() => R(n.itemsRef)), enabled: k(() => n.menuState.value === 0), accept(s) {
+    return s.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : s.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(s) {
+    s.setAttribute("role", "none");
   } });
-  function i(a) {
+  function i(s) {
     var d;
-    switch (r.value && clearTimeout(r.value), a.key) {
+    switch (r.value && clearTimeout(r.value), s.key) {
       case D.Space:
         if (n.searchQuery.value !== "")
-          return a.preventDefault(), a.stopPropagation(), n.search(a.key);
+          return s.preventDefault(), s.stopPropagation(), n.search(s.key);
       case D.Enter:
-        if (a.preventDefault(), a.stopPropagation(), n.activeItemIndex.value !== null) {
-          let v = n.items.value[n.activeItemIndex.value];
-          (d = E(v.dataRef.domRef)) == null || d.click();
+        if (s.preventDefault(), s.stopPropagation(), n.activeItemIndex.value !== null) {
+          let m = n.items.value[n.activeItemIndex.value];
+          (d = R(m.dataRef.domRef)) == null || d.click();
         }
-        n.closeMenu(), rn(E(n.buttonRef));
+        n.closeMenu(), rn(R(n.buttonRef));
         break;
       case D.ArrowDown:
-        return a.preventDefault(), a.stopPropagation(), n.goToItem(L.Next);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Next);
       case D.ArrowUp:
-        return a.preventDefault(), a.stopPropagation(), n.goToItem(L.Previous);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Previous);
       case D.Home:
       case D.PageUp:
-        return a.preventDefault(), a.stopPropagation(), n.goToItem(L.First);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.First);
       case D.End:
       case D.PageDown:
-        return a.preventDefault(), a.stopPropagation(), n.goToItem(L.Last);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Last);
       case D.Escape:
-        a.preventDefault(), a.stopPropagation(), n.closeMenu(), j(() => {
-          var v;
-          return (v = E(n.buttonRef)) == null ? void 0 : v.focus({ preventScroll: !0 });
+        s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => {
+          var m;
+          return (m = R(n.buttonRef)) == null ? void 0 : m.focus({ preventScroll: !0 });
         });
         break;
       case D.Tab:
-        a.preventDefault(), a.stopPropagation(), n.closeMenu(), j(() => Xo(E(n.buttonRef), a.shiftKey ? tt.Previous : tt.Next));
+        s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => Xo(R(n.buttonRef), s.shiftKey ? tt.Previous : tt.Next));
         break;
       default:
-        a.key.length === 1 && (n.search(a.key), r.value = setTimeout(() => n.clearSearch(), 350));
+        s.key.length === 1 && (n.search(s.key), r.value = setTimeout(() => n.clearSearch(), 350));
         break;
     }
   }
-  function u(a) {
-    switch (a.key) {
+  function u(s) {
+    switch (s.key) {
       case D.Space:
-        a.preventDefault();
+        s.preventDefault();
         break;
     }
   }
-  let c = nn(), s = w(() => c !== null ? (c.value & te.Open) === te.Open : n.menuState.value === 0);
+  let c = nn(), a = k(() => c !== null ? (c.value & te.Open) === te.Open : n.menuState.value === 0);
   return () => {
-    var a, d;
-    let v = { open: n.menuState.value === 0 }, { id: f, ...g } = e, m = { "aria-activedescendant": n.activeItemIndex.value === null || (a = n.items.value[n.activeItemIndex.value]) == null ? void 0 : a.id, "aria-labelledby": (d = E(n.buttonRef)) == null ? void 0 : d.id, id: f, onKeydown: i, onKeyup: u, role: "menu", tabIndex: 0, ref: n.itemsRef };
-    return z({ ourProps: m, theirProps: g, slot: v, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: s.value, name: "MenuItems" });
+    var s, d;
+    let m = { open: n.menuState.value === 0 }, { id: f, ...v } = e, p = { "aria-activedescendant": n.activeItemIndex.value === null || (s = n.items.value[n.activeItemIndex.value]) == null ? void 0 : s.id, "aria-labelledby": (d = R(n.buttonRef)) == null ? void 0 : d.id, id: f, onKeydown: i, onKeyup: u, role: "menu", tabIndex: 0, ref: n.itemsRef };
+    return z({ ourProps: p, theirProps: v, slot: m, attrs: t, slots: l, features: Ee.RenderStrategy | Ee.Static, visible: a.value, name: "MenuItems" });
   };
 } }), bl = $({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${J()}` } }, setup(e, { slots: t, attrs: l, expose: o }) {
   let n = Ue("MenuItem"), r = O(null);
   o({ el: r, $el: r });
-  let i = w(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), u = vn(r), c = w(() => ({ disabled: e.disabled, get textValue() {
+  let i = k(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), u = vn(r), c = k(() => ({ disabled: e.disabled, get textValue() {
     return u();
   }, domRef: r }));
   ee(() => n.registerItem(e.id, c)), Fe(() => n.unregisterItem(e.id)), xe(() => {
     n.menuState.value === 0 && i.value && n.activationTrigger.value !== 0 && j(() => {
-      var m, b;
-      return (b = (m = E(r)) == null ? void 0 : m.scrollIntoView) == null ? void 0 : b.call(m, { block: "nearest" });
+      var p, b;
+      return (b = (p = R(r)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : b.call(p, { block: "nearest" });
     });
   });
-  function s(m) {
+  function a(p) {
     if (e.disabled)
-      return m.preventDefault();
-    n.closeMenu(), rn(E(n.buttonRef));
+      return p.preventDefault();
+    n.closeMenu(), rn(R(n.buttonRef));
   }
-  function a() {
+  function s() {
     if (e.disabled)
       return n.goToItem(L.Nothing);
     n.goToItem(L.Specific, e.id);
   }
   let d = pn();
-  function v(m) {
-    d.update(m);
+  function m(p) {
+    d.update(p);
   }
-  function f(m) {
-    d.wasMoved(m) && (e.disabled || i.value || n.goToItem(L.Specific, e.id, 0));
+  function f(p) {
+    d.wasMoved(p) && (e.disabled || i.value || n.goToItem(L.Specific, e.id, 0));
   }
-  function g(m) {
-    d.wasMoved(m) && (e.disabled || i.value && n.goToItem(L.Nothing));
+  function v(p) {
+    d.wasMoved(p) && (e.disabled || i.value && n.goToItem(L.Nothing));
   }
   return () => {
-    let { disabled: m } = e, b = { active: i.value, disabled: m, close: n.closeMenu }, { id: p, ...S } = e;
-    return z({ ourProps: { id: p, ref: r, role: "menuitem", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, disabled: void 0, onClick: s, onFocus: a, onPointerenter: v, onMouseenter: v, onPointermove: f, onMousemove: f, onPointerleave: g, onMouseleave: g }, theirProps: { ...l, ...S }, slot: b, attrs: l, slots: t, name: "MenuItem" });
+    let { disabled: p } = e, b = { active: i.value, disabled: p, close: n.closeMenu }, { id: g, ...y } = e;
+    return z({ ourProps: { id: g, ref: r, role: "menuitem", tabIndex: p === !0 ? void 0 : -1, "aria-disabled": p === !0 ? !0 : void 0, disabled: void 0, onClick: a, onFocus: s, onPointerenter: m, onMouseenter: m, onPointermove: f, onMousemove: f, onPointerleave: v, onMouseleave: v }, theirProps: { ...l, ...y }, slot: b, attrs: l, slots: t, name: "MenuItem" });
   };
 } }), hn = Symbol("LabelContext");
 function yn() {
@@ -1425,18 +1436,18 @@ function hl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
       i !== -1 && o.value.splice(i, 1);
     };
   }
-  return ye(hn, { register: n, slot: e, name: t, props: l }), w(() => o.value.length > 0 ? o.value.join(" ") : void 0);
+  return ye(hn, { register: n, slot: e, name: t, props: l }), k(() => o.value.length > 0 ? o.value.join(" ") : void 0);
 }
 $({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${J()}` } }, setup(e, { slots: t, attrs: l }) {
   let o = yn();
   return ee(() => Fe(o.register(e.id))), () => {
-    let { name: n = "Label", slot: r = {}, props: i = {} } = o, { id: u, passive: c, ...s } = e, a = { ...Object.entries(i).reduce((d, [v, f]) => Object.assign(d, { [v]: P(f) }), {}), id: u };
-    return c && (delete a.onClick, delete a.htmlFor, delete s.onClick), z({ ourProps: a, theirProps: s, slot: r, attrs: l, slots: t, name: n });
+    let { name: n = "Label", slot: r = {}, props: i = {} } = o, { id: u, passive: c, ...a } = e, s = { ...Object.entries(i).reduce((d, [m, f]) => Object.assign(d, { [m]: P(f) }), {}), id: u };
+    return c && (delete s.onClick, delete s.htmlFor, delete a.onClick), z({ ourProps: s, theirProps: a, slot: r, attrs: l, slots: t, name: n });
   };
 } });
 let xn = Symbol("GroupContext");
 $({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
-  let o = O(null), n = hl({ name: "SwitchLabel", props: { htmlFor: w(() => {
+  let o = O(null), n = hl({ name: "SwitchLabel", props: { htmlFor: k(() => {
     var i;
     return (i = o.value) == null ? void 0 : i.id;
   }), onClick(i) {
@@ -1445,40 +1456,40 @@ $({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "templa
   return ye(xn, { switchRef: o, labelledby: n, describedby: r }), () => z({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: l, name: "SwitchGroup" });
 } });
 let yl = $({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${J()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: l, slots: o, expose: n }) {
-  let r = he(xn, null), [i, u] = fn(w(() => e.modelValue), (b) => t("update:modelValue", b), w(() => e.defaultChecked));
+  let r = he(xn, null), [i, u] = fn(k(() => e.modelValue), (b) => t("update:modelValue", b), k(() => e.defaultChecked));
   function c() {
     u(!i.value);
   }
-  let s = O(null), a = r === null ? s : r.switchRef, d = at(w(() => ({ as: e.as, type: l.type })), a);
-  n({ el: a, $el: a });
-  function v(b) {
+  let a = O(null), s = r === null ? a : r.switchRef, d = at(k(() => ({ as: e.as, type: l.type })), s);
+  n({ el: s, $el: s });
+  function m(b) {
     b.preventDefault(), c();
   }
   function f(b) {
     b.key === D.Space ? (b.preventDefault(), c()) : b.key === D.Enter && Qo(b.currentTarget);
   }
-  function g(b) {
+  function v(b) {
     b.preventDefault();
   }
-  let m = w(() => {
-    var b, p;
-    return (p = (b = E(a)) == null ? void 0 : b.closest) == null ? void 0 : p.call(b, "form");
+  let p = k(() => {
+    var b, g;
+    return (g = (b = R(s)) == null ? void 0 : b.closest) == null ? void 0 : g.call(b, "form");
   });
   return ee(() => {
-    Z([m], () => {
-      if (!m.value || e.defaultChecked === void 0)
+    Z([p], () => {
+      if (!p.value || e.defaultChecked === void 0)
         return;
       function b() {
         u(e.defaultChecked);
       }
-      return m.value.addEventListener("reset", b), () => {
-        var p;
-        (p = m.value) == null || p.removeEventListener("reset", b);
+      return p.value.addEventListener("reset", b), () => {
+        var g;
+        (g = p.value) == null || g.removeEventListener("reset", b);
       };
     }, { immediate: !0 });
   }), () => {
-    let { id: b, name: p, value: S, form: y, ...x } = e, k = { checked: i.value }, _ = { id: b, ref: a, role: "switch", type: d.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": r == null ? void 0 : r.labelledby.value, "aria-describedby": r == null ? void 0 : r.describedby.value, onClick: v, onKeyup: f, onKeypress: g };
-    return Ce(be, [p != null && i.value != null ? Ce(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: y, name: p, value: S })) : null, z({ ourProps: _, theirProps: { ...l, ...it(x, ["modelValue", "defaultChecked"]) }, slot: k, attrs: l, slots: o, name: "Switch" })]);
+    let { id: b, name: g, value: y, form: x, ...w } = e, S = { checked: i.value }, _ = { id: b, ref: s, role: "switch", type: d.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": r == null ? void 0 : r.labelledby.value, "aria-describedby": r == null ? void 0 : r.describedby.value, onClick: m, onKeyup: f, onKeypress: v };
+    return Ce(be, [g != null && i.value != null ? Ce(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: x, name: g, value: y })) : null, z({ ourProps: _, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
   };
 } });
 const Ae = Math.min, ue = Math.max, Me = Math.round, Ie = Math.floor, ae = (e) => ({
@@ -1551,7 +1562,7 @@ function Cl(e, t, l, o) {
 function Ve(e) {
   return e.replace(/left|right|bottom|top/g, (t) => xl[t]);
 }
-function Rl(e) {
+function El(e) {
   return {
     top: 0,
     right: 0,
@@ -1560,8 +1571,8 @@ function Rl(e) {
     ...e
   };
 }
-function El(e) {
-  return typeof e != "number" ? Rl(e) : {
+function Rl(e) {
+  return typeof e != "number" ? El(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1582,18 +1593,18 @@ function It(e, t, l) {
     reference: o,
     floating: n
   } = e;
-  const r = Ke(t), i = Sn(t), u = kn(i), c = ce(t), s = r === "y", a = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, v = o[u] / 2 - n[u] / 2;
+  const r = Ke(t), i = Sn(t), u = kn(i), c = ce(t), a = r === "y", s = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, m = o[u] / 2 - n[u] / 2;
   let f;
   switch (c) {
     case "top":
       f = {
-        x: a,
+        x: s,
         y: o.y - n.height
       };
       break;
     case "bottom":
       f = {
-        x: a,
+        x: s,
         y: o.y + o.height
       };
       break;
@@ -1617,10 +1628,10 @@ function It(e, t, l) {
   }
   switch (We(t)) {
     case "start":
-      f[i] -= v * (l && s ? -1 : 1);
+      f[i] -= m * (l && a ? -1 : 1);
       break;
     case "end":
-      f[i] += v * (l && s ? -1 : 1);
+      f[i] += m * (l && a ? -1 : 1);
       break;
   }
   return f;
@@ -1632,59 +1643,59 @@ const Dl = async (e, t, l) => {
     middleware: r = [],
     platform: i
   } = l, u = r.filter(Boolean), c = await (i.isRTL == null ? void 0 : i.isRTL(t));
-  let s = await i.getElementRects({
+  let a = await i.getElementRects({
     reference: e,
     floating: t,
     strategy: n
   }), {
-    x: a,
+    x: s,
     y: d
-  } = It(s, o, c), v = o, f = {}, g = 0;
-  for (let m = 0; m < u.length; m++) {
+  } = It(a, o, c), m = o, f = {}, v = 0;
+  for (let p = 0; p < u.length; p++) {
     const {
       name: b,
-      fn: p
-    } = u[m], {
-      x: S,
-      y,
-      data: x,
-      reset: k
-    } = await p({
-      x: a,
+      fn: g
+    } = u[p], {
+      x: y,
+      y: x,
+      data: w,
+      reset: S
+    } = await g({
+      x: s,
       y: d,
       initialPlacement: o,
-      placement: v,
+      placement: m,
       strategy: n,
       middlewareData: f,
-      rects: s,
+      rects: a,
       platform: i,
       elements: {
         reference: e,
         floating: t
       }
     });
-    if (a = S ?? a, d = y ?? d, f = {
+    if (s = y ?? s, d = x ?? d, f = {
       ...f,
       [b]: {
         ...f[b],
-        ...x
+        ...w
       }
-    }, k && g <= 50) {
-      g++, typeof k == "object" && (k.placement && (v = k.placement), k.rects && (s = k.rects === !0 ? await i.getElementRects({
+    }, S && v <= 50) {
+      v++, typeof S == "object" && (S.placement && (m = S.placement), S.rects && (a = S.rects === !0 ? await i.getElementRects({
         reference: e,
         floating: t,
         strategy: n
-      }) : k.rects), {
-        x: a,
+      }) : S.rects), {
+        x: s,
         y: d
-      } = It(s, v, c)), m = -1;
+      } = It(a, m, c)), p = -1;
       continue;
     }
   }
   return {
-    x: a,
+    x: s,
     y: d,
-    placement: v,
+    placement: m,
     strategy: n,
     middlewareData: f
   };
@@ -1700,36 +1711,36 @@ async function On(e, t) {
     elements: u,
     strategy: c
   } = e, {
-    boundary: s = "clippingAncestors",
-    rootBoundary: a = "viewport",
+    boundary: a = "clippingAncestors",
+    rootBoundary: s = "viewport",
     elementContext: d = "floating",
-    altBoundary: v = !1,
+    altBoundary: m = !1,
     padding: f = 0
-  } = He(t, e), g = El(f), b = u[v ? d === "floating" ? "reference" : "floating" : d], p = Ne(await r.getClippingRect({
+  } = He(t, e), v = Rl(f), b = u[m ? d === "floating" ? "reference" : "floating" : d], g = Ne(await r.getClippingRect({
     element: (l = await (r.isElement == null ? void 0 : r.isElement(b))) == null || l ? b : b.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(u.floating)),
-    boundary: s,
-    rootBoundary: a,
+    boundary: a,
+    rootBoundary: s,
     strategy: c
-  })), S = d === "floating" ? {
+  })), y = d === "floating" ? {
     ...i.floating,
     x: o,
     y: n
-  } : i.reference, y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u.floating)), x = await (r.isElement == null ? void 0 : r.isElement(y)) ? await (r.getScale == null ? void 0 : r.getScale(y)) || {
+  } : i.reference, x = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u.floating)), w = await (r.isElement == null ? void 0 : r.isElement(x)) ? await (r.getScale == null ? void 0 : r.getScale(x)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, k = Ne(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    rect: S,
-    offsetParent: y,
+  }, S = Ne(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: y,
+    offsetParent: x,
     strategy: c
-  }) : S);
+  }) : y);
   return {
-    top: (p.top - k.top + g.top) / x.y,
-    bottom: (k.bottom - p.bottom + g.bottom) / x.y,
-    left: (p.left - k.left + g.left) / x.x,
-    right: (k.right - p.right + g.right) / x.x
+    top: (g.top - S.top + v.top) / w.y,
+    bottom: (S.bottom - g.bottom + v.bottom) / w.y,
+    left: (g.left - S.left + v.left) / w.x,
+    right: (S.right - g.right + v.right) / w.x
   };
 }
 const Pl = function(e) {
@@ -1744,24 +1755,24 @@ const Pl = function(e) {
         rects: i,
         initialPlacement: u,
         platform: c,
-        elements: s
+        elements: a
       } = t, {
-        mainAxis: a = !0,
+        mainAxis: s = !0,
         crossAxis: d = !0,
-        fallbackPlacements: v,
+        fallbackPlacements: m,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: g = "none",
-        flipAlignment: m = !0,
+        fallbackAxisSideDirection: v = "none",
+        flipAlignment: p = !0,
         ...b
       } = He(e, t);
       if ((l = r.arrow) != null && l.alignmentOffset)
         return {};
-      const p = ce(n), S = ce(u) === u, y = await (c.isRTL == null ? void 0 : c.isRTL(s.floating)), x = v || (S || !m ? [Ve(u)] : Sl(u));
-      !v && g !== "none" && x.push(...Cl(u, m, g, y));
-      const k = [u, ...x], _ = await On(t, b), C = [];
+      const g = ce(n), y = ce(u) === u, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), w = m || (y || !p ? [Ve(u)] : Sl(u));
+      !m && v !== "none" && w.push(...Cl(u, p, v, x));
+      const S = [u, ...w], _ = await On(t, b), C = [];
       let F = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (a && C.push(_[p]), d) {
-        const se = kl(n, i, y);
+      if (s && C.push(_[g]), d) {
+        const se = kl(n, i, x);
         C.push(_[se[0]], _[se[1]]);
       }
       if (F = [...F, {
@@ -1769,7 +1780,7 @@ const Pl = function(e) {
         overflows: C
       }], !C.every((se) => se <= 0)) {
         var re, _e;
-        const se = (((re = r.flip) == null ? void 0 : re.index) || 0) + 1, bt = k[se];
+        const se = (((re = r.flip) == null ? void 0 : re.index) || 0) + 1, bt = S[se];
         if (bt)
           return {
             data: {
@@ -1809,11 +1820,11 @@ async function _l(e, t) {
     placement: l,
     platform: o,
     elements: n
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), i = ce(l), u = We(l), c = Ke(l) === "y", s = ["left", "top"].includes(i) ? -1 : 1, a = r && c ? -1 : 1, d = He(t, e);
+  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), i = ce(l), u = We(l), c = Ke(l) === "y", a = ["left", "top"].includes(i) ? -1 : 1, s = r && c ? -1 : 1, d = He(t, e);
   let {
-    mainAxis: v,
+    mainAxis: m,
     crossAxis: f,
-    alignmentAxis: g
+    alignmentAxis: v
   } = typeof d == "number" ? {
     mainAxis: d,
     crossAxis: 0,
@@ -1824,12 +1835,12 @@ async function _l(e, t) {
     alignmentAxis: null,
     ...d
   };
-  return u && typeof g == "number" && (f = u === "end" ? g * -1 : g), c ? {
-    x: f * a,
-    y: v * s
+  return u && typeof v == "number" && (f = u === "end" ? v * -1 : v), c ? {
+    x: f * s,
+    y: m * a
   } : {
-    x: v * s,
-    y: f * a
+    x: m * a,
+    y: f * s
   };
 }
 const Tl = function(e) {
@@ -1869,39 +1880,39 @@ const Tl = function(e) {
         limiter: u = {
           fn: (b) => {
             let {
-              x: p,
-              y: S
+              x: g,
+              y
             } = b;
             return {
-              x: p,
-              y: S
+              x: g,
+              y
             };
           }
         },
         ...c
-      } = He(e, t), s = {
+      } = He(e, t), a = {
         x: l,
         y: o
-      }, a = await On(t, c), d = Ke(ce(n)), v = wn(d);
-      let f = s[v], g = s[d];
+      }, s = await On(t, c), d = Ke(ce(n)), m = wn(d);
+      let f = a[m], v = a[d];
       if (r) {
-        const b = v === "y" ? "top" : "left", p = v === "y" ? "bottom" : "right", S = f + a[b], y = f - a[p];
-        f = Lt(S, f, y);
+        const b = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", y = f + s[b], x = f - s[g];
+        f = Lt(y, f, x);
       }
       if (i) {
-        const b = d === "y" ? "top" : "left", p = d === "y" ? "bottom" : "right", S = g + a[b], y = g - a[p];
-        g = Lt(S, g, y);
+        const b = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", y = v + s[b], x = v - s[g];
+        v = Lt(y, v, x);
       }
-      const m = u.fn({
+      const p = u.fn({
         ...t,
-        [v]: f,
-        [d]: g
+        [m]: f,
+        [d]: v
       });
       return {
-        ...m,
+        ...p,
         data: {
-          x: m.x - l,
-          y: m.y - o
+          x: p.x - l,
+          y: p.y - o
         }
       };
     }
@@ -1989,13 +2000,13 @@ function Cn(e) {
   const t = ge(e);
   return Ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Q(t) && Pe(t) ? t : Cn(t);
 }
-function Ee(e, t, l) {
+function Re(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
   const n = Cn(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = H(n);
-  return r ? t.concat(i, i.visualViewport || [], Pe(n) ? n : [], i.frameElement && l ? Ee(i.frameElement) : []) : t.concat(n, Ee(n, [], l));
+  return r ? t.concat(i, i.visualViewport || [], Pe(n) ? n : [], i.frameElement && l ? Re(i.frameElement) : []) : t.concat(n, Re(n, [], l));
 }
-function Rn(e) {
+function En(e) {
   const t = q(e);
   let l = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
   const n = Q(e), r = n ? e.offsetWidth : l, i = n ? e.offsetHeight : o, u = Me(l) !== r || Me(o) !== i;
@@ -2016,7 +2027,7 @@ function ve(e) {
     width: o,
     height: n,
     $: r
-  } = Rn(t);
+  } = En(t);
   let i = (r ? Me(l.width) : l.width) / o, u = (r ? Me(l.height) : l.height) / n;
   return (!i || !Number.isFinite(i)) && (i = 1), (!u || !Number.isFinite(u)) && (u = 1), {
     x: i,
@@ -2024,7 +2035,7 @@ function ve(e) {
   };
 }
 const Al = /* @__PURE__ */ ae(0);
-function En(e) {
+function Rn(e) {
   const t = H(e);
   return !mt() || !t.visualViewport ? Al : {
     x: t.visualViewport.offsetLeft,
@@ -2039,21 +2050,21 @@ function de(e, t, l, o) {
   const n = e.getBoundingClientRect(), r = vt(e);
   let i = ae(1);
   t && (o ? oe(o) && (i = ve(o)) : i = ve(e));
-  const u = Ml(r, l, o) ? En(r) : ae(0);
-  let c = (n.left + u.x) / i.x, s = (n.top + u.y) / i.y, a = n.width / i.x, d = n.height / i.y;
+  const u = Ml(r, l, o) ? Rn(r) : ae(0);
+  let c = (n.left + u.x) / i.x, a = (n.top + u.y) / i.y, s = n.width / i.x, d = n.height / i.y;
   if (r) {
-    const v = H(r), f = o && oe(o) ? H(o) : o;
-    let g = v.frameElement;
-    for (; g && o && f !== v; ) {
-      const m = ve(g), b = g.getBoundingClientRect(), p = q(g), S = b.left + (g.clientLeft + parseFloat(p.paddingLeft)) * m.x, y = b.top + (g.clientTop + parseFloat(p.paddingTop)) * m.y;
-      c *= m.x, s *= m.y, a *= m.x, d *= m.y, c += S, s += y, g = H(g).frameElement;
+    const m = H(r), f = o && oe(o) ? H(o) : o;
+    let v = m.frameElement;
+    for (; v && o && f !== m; ) {
+      const p = ve(v), b = v.getBoundingClientRect(), g = q(v), y = b.left + (v.clientLeft + parseFloat(g.paddingLeft)) * p.x, x = b.top + (v.clientTop + parseFloat(g.paddingTop)) * p.y;
+      c *= p.x, a *= p.y, s *= p.x, d *= p.y, c += y, a += x, v = H(v).frameElement;
     }
   }
   return Ne({
-    width: a,
+    width: s,
     height: d,
     x: c,
-    y: s
+    y: a
   });
 }
 function Vl(e) {
@@ -2071,8 +2082,8 @@ function Vl(e) {
   }, u = ae(1);
   const c = ae(0);
   if ((n || !n && o !== "fixed") && ((ne(l) !== "body" || Pe(r)) && (i = qe(l)), Q(l))) {
-    const s = de(l);
-    u = ve(l), c.x = s.x + l.clientLeft, c.y = s.y + l.clientTop;
+    const a = de(l);
+    u = ve(l), c.x = a.x + l.clientLeft, c.y = a.y + l.clientTop;
   }
   return {
     width: t.width * u.x,
@@ -2103,8 +2114,8 @@ function Bl(e, t) {
   let r = o.clientWidth, i = o.clientHeight, u = 0, c = 0;
   if (n) {
     r = n.width, i = n.height;
-    const s = mt();
-    (!s || s && t === "fixed") && (u = n.offsetLeft, c = n.offsetTop);
+    const a = mt();
+    (!a || a && t === "fixed") && (u = n.offsetLeft, c = n.offsetTop);
   }
   return {
     width: r,
@@ -2114,12 +2125,12 @@ function Bl(e, t) {
   };
 }
 function jl(e, t) {
-  const l = de(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, r = Q(e) ? ve(e) : ae(1), i = e.clientWidth * r.x, u = e.clientHeight * r.y, c = n * r.x, s = o * r.y;
+  const l = de(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, r = Q(e) ? ve(e) : ae(1), i = e.clientWidth * r.x, u = e.clientHeight * r.y, c = n * r.x, a = o * r.y;
   return {
     width: i,
     height: u,
     x: c,
-    y: s
+    y: a
   };
 }
 function At(e, t, l) {
@@ -2131,7 +2142,7 @@ function At(e, t, l) {
   else if (oe(t))
     o = jl(t, l);
   else {
-    const n = En(e);
+    const n = Rn(e);
     o = {
       ...t,
       x: t.x - n.x,
@@ -2148,12 +2159,12 @@ function zl(e, t) {
   const l = t.get(e);
   if (l)
     return l;
-  let o = Ee(e, [], !1).filter((u) => oe(u) && ne(u) !== "body"), n = null;
+  let o = Re(e, [], !1).filter((u) => oe(u) && ne(u) !== "body"), n = null;
   const r = q(e).position === "fixed";
   let i = r ? ge(e) : e;
   for (; oe(i) && !Ge(i); ) {
     const u = q(i), c = pt(i);
-    !c && u.position === "fixed" && (n = null), (r ? !c && !n : !c && u.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Pe(i) && !c && Pn(e, i)) ? o = o.filter((a) => a !== i) : n = u, i = ge(i);
+    !c && u.position === "fixed" && (n = null), (r ? !c && !n : !c && u.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Pe(i) && !c && Pn(e, i)) ? o = o.filter((s) => s !== i) : n = u, i = ge(i);
   }
   return t.set(e, o), o;
 }
@@ -2164,9 +2175,9 @@ function Ul(e) {
     rootBoundary: o,
     strategy: n
   } = e;
-  const i = [...l === "clippingAncestors" ? zl(t, this._c) : [].concat(l), o], u = i[0], c = i.reduce((s, a) => {
-    const d = At(t, a, n);
-    return s.top = ue(d.top, s.top), s.right = Ae(d.right, s.right), s.bottom = Ae(d.bottom, s.bottom), s.left = ue(d.left, s.left), s;
+  const i = [...l === "clippingAncestors" ? zl(t, this._c) : [].concat(l), o], u = i[0], c = i.reduce((a, s) => {
+    const d = At(t, s, n);
+    return a.top = ue(d.top, a.top), a.right = Ae(d.right, a.right), a.bottom = Ae(d.bottom, a.bottom), a.left = ue(d.left, a.left), a;
   }, At(t, u, n));
   return {
     width: c.right - c.left,
@@ -2179,7 +2190,7 @@ function Hl(e) {
   const {
     width: t,
     height: l
-  } = Rn(e);
+  } = En(e);
   return {
     width: t,
     height: l
@@ -2194,8 +2205,8 @@ function Wl(e, t, l) {
   const c = ae(0);
   if (o || !o && !r)
     if ((ne(t) !== "body" || Pe(n)) && (u = qe(t)), o) {
-      const s = de(t, !0, r, t);
-      c.x = s.x + t.clientLeft, c.y = s.y + t.clientTop;
+      const a = de(t, !0, r, t);
+      c.x = a.x + t.clientLeft, c.y = a.y + t.clientTop;
     } else
       n && (c.x = Dn(n));
   return {
@@ -2257,37 +2268,37 @@ function Xl(e, t) {
   function i(u, c) {
     u === void 0 && (u = !1), c === void 0 && (c = 1), r();
     const {
-      left: s,
-      top: a,
+      left: a,
+      top: s,
       width: d,
-      height: v
+      height: m
     } = e.getBoundingClientRect();
-    if (u || t(), !d || !v)
+    if (u || t(), !d || !m)
       return;
-    const f = Ie(a), g = Ie(n.clientWidth - (s + d)), m = Ie(n.clientHeight - (a + v)), b = Ie(s), S = {
-      rootMargin: -f + "px " + -g + "px " + -m + "px " + -b + "px",
+    const f = Ie(s), v = Ie(n.clientWidth - (a + d)), p = Ie(n.clientHeight - (s + m)), b = Ie(a), y = {
+      rootMargin: -f + "px " + -v + "px " + -p + "px " + -b + "px",
       threshold: ue(0, Ae(1, c)) || 1
     };
-    let y = !0;
-    function x(k) {
-      const _ = k[0].intersectionRatio;
+    let x = !0;
+    function w(S) {
+      const _ = S[0].intersectionRatio;
       if (_ !== c) {
-        if (!y)
+        if (!x)
           return i();
         _ ? i(!1, _) : o = setTimeout(() => {
           i(!1, 1e-7);
         }, 100);
       }
-      y = !1;
+      x = !1;
     }
     try {
-      l = new IntersectionObserver(x, {
-        ...S,
+      l = new IntersectionObserver(w, {
+        ...y,
         // Handle <iframe>s
         root: n.ownerDocument
       });
     } catch {
-      l = new IntersectionObserver(x, S);
+      l = new IntersectionObserver(w, y);
     }
     l.observe(e);
   }
@@ -2301,30 +2312,30 @@ function Yl(e, t, l, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: u = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = o, s = vt(e), a = n || r ? [...s ? Ee(s) : [], ...Ee(t)] : [];
-  a.forEach((p) => {
-    n && p.addEventListener("scroll", l, {
+  } = o, a = vt(e), s = n || r ? [...a ? Re(a) : [], ...Re(t)] : [];
+  s.forEach((g) => {
+    n && g.addEventListener("scroll", l, {
       passive: !0
-    }), r && p.addEventListener("resize", l);
+    }), r && g.addEventListener("resize", l);
   });
-  const d = s && u ? Xl(s, l) : null;
-  let v = -1, f = null;
-  i && (f = new ResizeObserver((p) => {
-    let [S] = p;
-    S && S.target === s && f && (f.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+  const d = a && u ? Xl(a, l) : null;
+  let m = -1, f = null;
+  i && (f = new ResizeObserver((g) => {
+    let [y] = g;
+    y && y.target === a && f && (f.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       f && f.observe(t);
     })), l();
-  }), s && !c && f.observe(s), f.observe(t));
-  let g, m = c ? de(e) : null;
+  }), a && !c && f.observe(a), f.observe(t));
+  let v, p = c ? de(e) : null;
   c && b();
   function b() {
-    const p = de(e);
-    m && (p.x !== m.x || p.y !== m.y || p.width !== m.width || p.height !== m.height) && l(), m = p, g = requestAnimationFrame(b);
+    const g = de(e);
+    p && (g.x !== p.x || g.y !== p.y || g.width !== p.width || g.height !== p.height) && l(), p = g, v = requestAnimationFrame(b);
   }
   return l(), () => {
-    a.forEach((p) => {
-      n && p.removeEventListener("scroll", l), r && p.removeEventListener("resize", l);
-    }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(g);
+    s.forEach((g) => {
+      n && g.removeEventListener("scroll", l), r && g.removeEventListener("resize", l);
+    }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(v);
   };
 }
 const Zl = Ll, Ql = Pl, Jl = (e, t, l) => {
@@ -2359,31 +2370,31 @@ function Nt(e, t) {
 }
 function tr(e, t, l) {
   l === void 0 && (l = {});
-  const o = l.whileElementsMounted, n = w(() => {
+  const o = l.whileElementsMounted, n = k(() => {
     var C;
     return (C = P(l.open)) != null ? C : !0;
-  }), r = w(() => P(l.middleware)), i = w(() => {
+  }), r = k(() => P(l.middleware)), i = k(() => {
     var C;
     return (C = P(l.placement)) != null ? C : "bottom";
-  }), u = w(() => {
+  }), u = k(() => {
     var C;
     return (C = P(l.strategy)) != null ? C : "absolute";
-  }), c = w(() => {
+  }), c = k(() => {
     var C;
     return (C = P(l.transform)) != null ? C : !0;
-  }), s = w(() => Vt(e.value)), a = w(() => Vt(t.value)), d = O(0), v = O(0), f = O(u.value), g = O(i.value), m = Vn({}), b = O(!1), p = w(() => {
+  }), a = k(() => Vt(e.value)), s = k(() => Vt(t.value)), d = O(0), m = O(0), f = O(u.value), v = O(i.value), p = Vn({}), b = O(!1), g = k(() => {
     const C = {
       position: f.value,
       left: "0",
       top: "0"
     };
-    if (!a.value)
+    if (!s.value)
       return C;
-    const F = Nt(a.value, d.value), re = Nt(a.value, v.value);
+    const F = Nt(s.value, d.value), re = Nt(s.value, m.value);
     return c.value ? {
       ...C,
       transform: "translate(" + F + "px, " + re + "px)",
-      ...Tn(a.value) >= 1.5 && {
+      ...Tn(s.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -2392,47 +2403,47 @@ function tr(e, t, l) {
       top: re + "px"
     };
   });
-  let S;
-  function y() {
-    s.value == null || a.value == null || Jl(s.value, a.value, {
+  let y;
+  function x() {
+    a.value == null || s.value == null || Jl(a.value, s.value, {
       middleware: r.value,
       placement: i.value,
       strategy: u.value
     }).then((C) => {
-      d.value = C.x, v.value = C.y, f.value = C.strategy, g.value = C.placement, m.value = C.middlewareData, b.value = !0;
+      d.value = C.x, m.value = C.y, f.value = C.strategy, v.value = C.placement, p.value = C.middlewareData, b.value = !0;
     });
   }
-  function x() {
-    typeof S == "function" && (S(), S = void 0);
+  function w() {
+    typeof y == "function" && (y(), y = void 0);
   }
-  function k() {
-    if (x(), o === void 0) {
-      y();
+  function S() {
+    if (w(), o === void 0) {
+      x();
       return;
     }
-    if (s.value != null && a.value != null) {
-      S = o(s.value, a.value, y);
+    if (a.value != null && s.value != null) {
+      y = o(a.value, s.value, x);
       return;
     }
   }
   function _() {
     n.value || (b.value = !1);
   }
-  return Z([r, i, u], y, {
+  return Z([r, i, u], x, {
     flush: "sync"
-  }), Z([s, a], k, {
+  }), Z([a, s], S, {
     flush: "sync"
   }), Z(n, _, {
     flush: "sync"
-  }), Nn() && Fn(x), {
+  }), Nn() && Fn(w), {
     x: me(d),
-    y: me(v),
+    y: me(m),
     strategy: me(f),
-    placement: me(g),
-    middlewareData: me(m),
+    placement: me(v),
+    middlewareData: me(p),
     isPositioned: me(b),
-    floatingStyles: p,
-    update: y
+    floatingStyles: g,
+    update: x
   };
 }
 const _r = /* @__PURE__ */ $({
@@ -2447,7 +2458,7 @@ const _r = /* @__PURE__ */ $({
       whileElementsMounted: Yl,
       middleware: [Tl(6), Ql(), Zl({ padding: 6 })]
     });
-    return (i, u) => (R(), K(P(ml), {
+    return (i, u) => (E(), K(P(ml), {
       as: "div",
       class: "inline-block text-left"
     }, {
@@ -2467,7 +2478,7 @@ const _r = /* @__PURE__ */ $({
           ]),
           _: 3
         }, 512),
-        (R(), K(Bn, {
+        (E(), K(Bn, {
           to: typeof i.usePortal == "string" ? i.usePortal : "body",
           disabled: !i.usePortal
         }, [
@@ -2517,9 +2528,9 @@ const _r = /* @__PURE__ */ $({
     as: {}
   },
   setup(e) {
-    return (t, l) => (R(), K(P(bl), jn(zn({ disabled: t.disabled })), {
+    return (t, l) => (E(), K(P(bl), jn(zn({ disabled: t.disabled })), {
       default: W(({ active: o }) => [
-        (R(), K(Un(t.as || "span"), {
+        (E(), K(Un(t.as || "span"), {
           class: A(["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg", [
             o ? "bg-grey-200" : "",
             t.disabled ? "opacity-50 pointer-events-none" : "hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"
@@ -2527,7 +2538,7 @@ const _r = /* @__PURE__ */ $({
         }, {
           default: W(() => [
             I("span", null, B(t.label), 1),
-            t.meta ? (R(), T("span", nr, B(t.meta), 1)) : M("", !0)
+            t.meta ? (E(), T("span", nr, B(t.meta), 1)) : M("", !0)
           ]),
           _: 2
         }, 1032, ["class"]))
@@ -2564,15 +2575,15 @@ const _r = /* @__PURE__ */ $({
     return Z(
       () => l.modelValue,
       (c) => {
-        var s;
-        c && c.id !== ((s = o.value) == null ? void 0 : s.id) && (o.value = c);
+        var a;
+        c && c.id !== ((a = o.value) == null ? void 0 : a.id) && (o.value = c);
       }
     ), Z(o, (c) => {
       c && n("update:modelValue", c);
-    }), (c, s) => (R(), K(P(al), {
+    }), (c, a) => (E(), K(P(al), {
       as: "div",
       modelValue: P(o),
-      "onUpdate:modelValue": s[0] || (s[0] = (a) => Hn(o) ? o.value = a : null),
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => Hn(o) ? o.value = s : null),
       disabled: c.isDisabled
     }, {
       default: W(() => [
@@ -2581,14 +2592,14 @@ const _r = /* @__PURE__ */ $({
             class: A(["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", [P(r), P(u), P(i)]])
           }, {
             default: W(() => {
-              var a;
+              var s;
               return [
-                c.icon ? (R(), T("span", lr, [
+                c.icon ? (E(), T("span", lr, [
                   N(U, {
-                    name: ((a = P(o)) == null ? void 0 : a.icon) ?? c.icon
+                    name: ((s = P(o)) == null ? void 0 : s.icon) ?? c.icon
                   }, null, 8, ["name"])
                 ])) : M("", !0),
-                P(o) ? (R(), T("span", rr, B(P(o).label), 1)) : (R(), T("span", ir, B(c.placeholder), 1)),
+                P(o) ? (E(), T("span", rr, B(P(o).label), 1)) : (E(), T("span", ir, B(c.placeholder), 1)),
                 I("span", ar, [
                   N(U, {
                     class: "text-grey-400",
@@ -2608,37 +2619,37 @@ const _r = /* @__PURE__ */ $({
             default: W(() => [
               N(P(ul), { 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: W(() => [
-                  (R(!0), T(be, null, jt(c.options, (a) => (R(), K(P(cl), {
+                  (E(!0), T(be, null, jt(c.options, (s) => (E(), K(P(cl), {
                     as: "template",
-                    key: a.id,
-                    value: a,
-                    disabled: a.disabled
+                    key: s.id,
+                    value: s,
+                    disabled: s.disabled
                   }, {
-                    default: W(({ active: d, selected: v }) => [
+                    default: W(({ active: d, selected: m }) => [
                       I("li", {
                         class: A([
                           d ? "text-white bg-blue-500" : "text-grey-900 dark:text-grey-50",
                           "cursor-default select-none relative py-2 pl-3 pr-12",
-                          { "opacity-50 bg-grey-100": a.disabled }
+                          { "opacity-50 bg-grey-100": s.disabled }
                         ])
                       }, [
                         I("div", sr, [
-                          a.disabled && c.disabledBadge ? (R(), T("span", ur, B(c.disabledBadge), 1)) : M("", !0)
+                          s.disabled && c.disabledBadge ? (E(), T("span", ur, B(c.disabledBadge), 1)) : M("", !0)
                         ]),
                         I("span", {
                           class: A([
-                            v ? "font-semibold" : "font-normal",
+                            m ? "font-semibold" : "font-normal",
                             "block truncate"
                           ])
                         }, [
-                          a.icon ? (R(), K(U, {
+                          s.icon ? (E(), K(U, {
                             key: 0,
                             class: "inline-block mr-1",
-                            name: a.icon
+                            name: s.icon
                           }, null, 8, ["name"])) : M("", !0),
-                          Wn(" " + B(a.label), 1)
+                          Wn(" " + B(s.label), 1)
                         ], 2),
-                        v ? (R(), T("span", {
+                        m ? (E(), T("span", {
                           key: 0,
                           class: A([
                             d ? "text-blue-100" : "text-blue-500",
@@ -2693,24 +2704,24 @@ const _r = /* @__PURE__ */ $({
         margin: `mr-${o[Math.floor(Math.random() * o.length)]}`
       };
     });
-    return (o, n) => (R(), T("div", cr, [
+    return (o, n) => (E(), T("div", cr, [
       I("div", dr, [
-        o.avatar ? (R(), T("div", fr)) : M("", !0),
-        o.title ? (R(), T("div", pr)) : M("", !0)
+        o.avatar ? (E(), T("div", fr)) : M("", !0),
+        o.title ? (E(), T("div", pr)) : M("", !0)
       ]),
-      o.lines > 0 ? (R(), T("div", mr, [
-        (R(!0), T(be, null, jt(P(l), (r, i) => (R(), T("div", {
+      o.lines > 0 ? (E(), T("div", mr, [
+        (E(!0), T(be, null, jt(P(l), (r, i) => (E(), T("div", {
           class: A(["h-4 bg-current rounded-lg", r.margin]),
           key: i
         }, null, 2))), 128))
       ])) : M("", !0),
-      o.footer ? (R(), T("div", vr)) : M("", !0)
+      o.footer ? (E(), T("div", vr)) : M("", !0)
     ]));
   }
 }), $r = /* @__PURE__ */ $({
   __name: "Spinner",
   setup(e) {
-    return (t, l) => (R(), K(P(U), {
+    return (t, l) => (E(), K(P(U), {
       class: "animate-spin",
       name: "circle-notch"
     }));
@@ -2730,13 +2741,13 @@ const _r = /* @__PURE__ */ $({
   },
   emits: ["onClick", "onClickSplit"],
   setup(e, { emit: t }) {
-    const l = t, o = e, n = w(() => {
-      const s = {
+    const l = t, o = e, n = k(() => {
+      const a = {
         "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": o.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": o.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": o.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": o.color === "danger"
-      }, a = {
+      }, s = {
         "px-4 py-1 text-xs leading-5 mono-100": o.size === "small",
         "px-5 py-2 text-sm leading-4 font-medium": o.size === "medium",
         "px-8 pr-4 py-3 text-base leading-6 font-medium": o.size === "large"
@@ -2744,26 +2755,26 @@ const _r = /* @__PURE__ */ $({
         "pointer-events-none opacity-75 cursor-not-allowed": o.isDisabled
       };
       return {
-        ...s,
+        ...a,
         ...d,
-        ...a
+        ...s
       };
-    }), r = w(() => {
-      const s = {
+    }), r = k(() => {
+      const a = {
         "border-l-white/50 border-l": o.color === "primary",
         "border-l-blue-100 border-l": o.color === "light",
         "border-l-grey-600 border-l": o.color === "dark",
         "border-l-red-600 border-l": o.color === "danger"
-      }, a = {
+      }, s = {
         "pl-2 pr-3": o.size === "small",
         "pl-3 pr-3": o.size === "medium",
         "pl-4 pr-5": o.size === "large"
       };
       return {
-        ...s,
-        ...a
+        ...a,
+        ...s
       };
-    }), i = w(() => ({
+    }), i = k(() => ({
       ...{
         "text-white": o.color === "primary",
         "text-blue-600": o.color === "light",
@@ -2776,20 +2787,20 @@ const _r = /* @__PURE__ */ $({
     function c() {
       o.isDisabled || l("onClickSplit");
     }
-    return (s, a) => (R(), T("div", gr, [
+    return (a, s) => (E(), T("div", gr, [
       I("button", {
         type: "button",
-        "aria-label": s.label,
-        tabindex: s.isDisabled ? "-1" : void 0,
+        "aria-label": a.label,
+        tabindex: a.isDisabled ? "-1" : void 0,
         class: A(["relative transition duration-150 ease-in-out rounded-l-lg", n.value]),
         onClick: u
       }, [
         I("div", {
-          class: A(!s.isLoading || "invisible")
+          class: A(!a.isLoading || "invisible")
         }, [
-          I("span", null, B(s.label), 1)
+          I("span", null, B(a.label), 1)
         ], 2),
-        s.isLoading ? (R(), T("span", hr, [
+        a.isLoading ? (E(), T("span", hr, [
           N(U, {
             class: "ml-3 animate-spin",
             name: "circle-notch"
@@ -2803,7 +2814,7 @@ const _r = /* @__PURE__ */ $({
       }, [
         N(U, {
           class: A([i.value]),
-          name: s.icon
+          name: a.icon
         }, null, 8, ["class", "name"])
       ], 2)
     ]));
@@ -2823,7 +2834,7 @@ const _r = /* @__PURE__ */ $({
     const l = t, o = (n) => {
       l("update:modelValue", n), l("change", n);
     };
-    return (n, r) => (R(), K(P(yl), {
+    return (n, r) => (E(), K(P(yl), {
       modelValue: n.modelValue,
       label: n.label,
       class: A([n.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"]),
@@ -2856,19 +2867,19 @@ const _r = /* @__PURE__ */ $({
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l, { inputClasses: r, disabledClasses: i, textSizeClasses: u } = rt(o), c = function(d) {
       n("update:modelValue", (d == null ? void 0 : d.target).value);
-    }, s = O(null);
+    }, a = O(null);
     return t({
       focus: () => {
-        o.isDisabled || s.value.focus();
+        o.isDisabled || a.value.focus();
       }
-    }), (d, v) => (R(), T("div", xr, [
+    }), (d, m) => (E(), T("div", xr, [
       I("textarea", ot({
         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", [P(r), P(u), P(i)]],
         tabindex: d.isDisabled ? "-1" : void 0,
         value: d.modelValue ?? ""
       }, d.$attrs, {
         ref_key: "input",
-        ref: s,
+        ref: a,
         cols: "56",
         rows: "8",
         onInput: c
@@ -2878,8 +2889,8 @@ const _r = /* @__PURE__ */ $({
   }
 });
 export {
-  Rr as D9Button,
-  Er as D9Checkbox,
+  Er as D9Button,
+  Rr as D9Checkbox,
   U as D9Icon,
   Dr as D9Input,
   Pr as D9Label,