@deck9/ui 0.15.1 → 0.15.2

package/dist/src/ui.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as A, computed as k, openBlock as R, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as T, normalizeClass as $, createElementVNode as I, toDisplayString as B, createVNode as F, ref as C, getCurrentInstance as In, onMounted as ee, watch as Q, Fragment as be, withDirectives as An, vModelText as $n, normalizeStyle as Nt, cloneVNode as Mn, h as Oe, inject as he, provide as ye, watchEffect as xe, nextTick as j, onUnmounted as Ne, toRaw as X, shallowRef as Vn, getCurrentScope as Fn, onScopeDispose as Nn, 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 { defineComponent as A, computed as k, openBlock as R, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as L, normalizeClass as $, createElementVNode as T, toDisplayString as H, createVNode as F, ref as C, getCurrentInstance as In, onMounted as ee, watch as Q, Fragment as be, withDirectives as An, vModelText as $n, normalizeStyle as Nt, cloneVNode as Mn, h as Oe, inject as he, provide as ye, watchEffect as xe, nextTick as B, onUnmounted as Ne, toRaw as X, shallowRef as Vn, getCurrentScope as Fn, onScopeDispose as Nn, shallowReadonly as me, withCtx as W, renderSlot as ht, Teleport as Bn, Transition as Bt, normalizeProps as jn, guardReactiveProps as zn, resolveDynamicComponent as Hn, isRef as Un, renderList as jt } from "vue";
+import { FontAwesomeIcon as Wn } from "@fortawesome/vue-fontawesome";
 import { library as lt } from "@fortawesome/fontawesome-svg-core";
 import * as p from "@fortawesome/free-solid-svg-icons";
 import * as Se from "@fortawesome/free-brands-svg-icons";
-var zt = "fas", Ut = "numeric-input", Ht = 512, Wt = 512, Ze = [], Kt = "", Gt = "m409.445 111 2.112.004c34.066.146 46.74 3.848 59.517 10.681 13.037 6.973 23.268 17.204 30.24 30.241l.415.782c6.705 12.782 10.271 25.9 10.271 60.847v72.002c-.15 34.066-3.852 46.74-10.685 59.517-6.973 13.037-17.204 23.268-30.241 30.24l-.782.415C457.51 382.434 444.392 386 409.445 386h-306.89l-2.112-.004c-34.066-.146-46.74-3.848-59.517-10.681-13.037-6.973-23.268-17.204-30.24-30.241l-.415-.782C3.566 331.51 0 318.392 0 283.445v-69.89c0-35.66 3.713-48.592 10.685-61.629 6.973-13.037 17.204-23.268 30.241-30.24l.782-.415C54.49 114.566 67.608 111 102.555 111h306.89Zm.806 36H102.555l-2.387.005c-22.69.089-31.789 1.488-39.667 5.128l-.523.246c-.696.332-1.385.683-2.074 1.052-6.764 3.617-11.856 8.71-15.473 15.473l-.282.533c-4.492 8.62-6.116 17.401-6.148 43.312v71.502l.012 3.09c.161 24.044 1.9 32.308 6.418 40.755 3.617 6.764 8.71 11.856 15.473 15.473l.533.282c8.62 4.492 17.401 6.116 43.312 6.149h307.696c27.078 0 35.763-1.677 44.651-6.43 6.764-3.618 11.856-8.71 15.473-15.474l.282-.533c4.492-8.62 6.116-17.401 6.149-43.312v-70.696c0-27.078-1.677-35.763-6.43-44.651-3.618-6.764-8.71-11.856-15.474-15.473l-.533-.282c-8.62-4.492-17.401-6.116-43.312-6.149Zm-164.715 19c11.682 0 22.013 1.976 30.994 5.929 8.98 3.952 16.005 9.38 21.074 16.284 5.07 6.904 7.578 14.797 7.527 23.677.103 8.829-2.92 16.066-9.07 21.713-6.15 5.646-13.935 8.983-23.353 10.01v1.231c12.764 1.386 22.362 5.274 28.794 11.665 6.433 6.39 9.598 14.411 9.496 24.061.051 9.24-2.715 17.427-8.299 24.562-5.584 7.135-13.33 12.73-23.236 16.785-9.907 4.055-21.319 6.083-34.236 6.083-12.454 0-23.506-2.143-33.156-6.43-9.65-4.285-17.227-10.201-22.734-17.747-5.506-7.545-8.286-16.22-8.337-26.025h43.23c.051 3.029.99 5.737 2.817 8.124 1.827 2.386 4.336 4.247 7.527 5.582 3.19 1.334 6.845 2.002 10.962 2.002 3.962 0 7.462-.706 10.498-2.118 3.037-1.411 5.404-3.375 7.102-5.89 1.699-2.515 2.522-5.39 2.47-8.623.052-3.183-.913-6.006-2.894-8.47-1.982-2.464-4.748-4.389-8.299-5.775-3.55-1.386-7.642-2.079-12.274-2.079h-16.057v-29.566h16.057c4.271 0 8.041-.693 11.31-2.08 3.267-1.385 5.815-3.31 7.642-5.774s2.714-5.287 2.663-8.47c.051-3.08-.695-5.8-2.239-8.161-1.544-2.361-3.692-4.21-6.446-5.544-2.753-1.334-5.93-2.002-9.533-2.002-3.912 0-7.398.693-10.46 2.08-3.063 1.385-5.468 3.31-7.218 5.774s-2.65 5.287-2.702 8.47h-41.068c.051-9.65 2.715-18.172 7.99-25.563 5.275-7.392 12.518-13.192 21.73-17.401 9.212-4.21 19.788-6.314 31.728-6.314Zm-133.074 0c12.615 0 23.55 2.017 32.807 6.05 9.257 4.033 16.41 9.698 21.462 16.994 5.051 7.296 7.577 15.851 7.577 25.665 0 6.063-1.257 12.087-3.77 18.073-2.512 5.986-7.025 12.601-13.538 19.846-6.513 7.245-15.77 15.877-27.77 25.896l-14.768 12.331v.925H176V326H55.077v-30.829l58.77-48.709c3.897-3.237 7.243-6.28 10.038-9.133 2.794-2.851 4.948-5.793 6.461-8.824 1.513-3.032 2.27-6.397 2.27-10.097 0-4.059-.86-7.527-2.578-10.404-1.717-2.877-4.09-5.1-7.115-6.667-3.026-1.567-6.513-2.35-10.461-2.35-3.95 0-7.424.796-10.424 2.389-3 1.593-5.32 3.93-6.961 7.013-1.641 3.083-2.462 6.834-2.462 11.253H52c0-11.099 2.487-20.655 7.462-28.67 4.974-8.016 12-14.182 21.076-18.498 9.077-4.316 19.718-6.474 31.924-6.474Z";
+var zt = "fas", Ht = "numeric-input", Ut = 512, Wt = 512, Ze = [], Kt = "", Gt = "m409.445 111 2.112.004c34.066.146 46.74 3.848 59.517 10.681 13.037 6.973 23.268 17.204 30.24 30.241l.415.782c6.705 12.782 10.271 25.9 10.271 60.847v72.002c-.15 34.066-3.852 46.74-10.685 59.517-6.973 13.037-17.204 23.268-30.241 30.24l-.782.415C457.51 382.434 444.392 386 409.445 386h-306.89l-2.112-.004c-34.066-.146-46.74-3.848-59.517-10.681-13.037-6.973-23.268-17.204-30.24-30.241l-.415-.782C3.566 331.51 0 318.392 0 283.445v-69.89c0-35.66 3.713-48.592 10.685-61.629 6.973-13.037 17.204-23.268 30.241-30.24l.782-.415C54.49 114.566 67.608 111 102.555 111h306.89Zm.806 36H102.555l-2.387.005c-22.69.089-31.789 1.488-39.667 5.128l-.523.246c-.696.332-1.385.683-2.074 1.052-6.764 3.617-11.856 8.71-15.473 15.473l-.282.533c-4.492 8.62-6.116 17.401-6.148 43.312v71.502l.012 3.09c.161 24.044 1.9 32.308 6.418 40.755 3.617 6.764 8.71 11.856 15.473 15.473l.533.282c8.62 4.492 17.401 6.116 43.312 6.149h307.696c27.078 0 35.763-1.677 44.651-6.43 6.764-3.618 11.856-8.71 15.473-15.474l.282-.533c4.492-8.62 6.116-17.401 6.149-43.312v-70.696c0-27.078-1.677-35.763-6.43-44.651-3.618-6.764-8.71-11.856-15.474-15.473l-.533-.282c-8.62-4.492-17.401-6.116-43.312-6.149Zm-164.715 19c11.682 0 22.013 1.976 30.994 5.929 8.98 3.952 16.005 9.38 21.074 16.284 5.07 6.904 7.578 14.797 7.527 23.677.103 8.829-2.92 16.066-9.07 21.713-6.15 5.646-13.935 8.983-23.353 10.01v1.231c12.764 1.386 22.362 5.274 28.794 11.665 6.433 6.39 9.598 14.411 9.496 24.061.051 9.24-2.715 17.427-8.299 24.562-5.584 7.135-13.33 12.73-23.236 16.785-9.907 4.055-21.319 6.083-34.236 6.083-12.454 0-23.506-2.143-33.156-6.43-9.65-4.285-17.227-10.201-22.734-17.747-5.506-7.545-8.286-16.22-8.337-26.025h43.23c.051 3.029.99 5.737 2.817 8.124 1.827 2.386 4.336 4.247 7.527 5.582 3.19 1.334 6.845 2.002 10.962 2.002 3.962 0 7.462-.706 10.498-2.118 3.037-1.411 5.404-3.375 7.102-5.89 1.699-2.515 2.522-5.39 2.47-8.623.052-3.183-.913-6.006-2.894-8.47-1.982-2.464-4.748-4.389-8.299-5.775-3.55-1.386-7.642-2.079-12.274-2.079h-16.057v-29.566h16.057c4.271 0 8.041-.693 11.31-2.08 3.267-1.385 5.815-3.31 7.642-5.774s2.714-5.287 2.663-8.47c.051-3.08-.695-5.8-2.239-8.161-1.544-2.361-3.692-4.21-6.446-5.544-2.753-1.334-5.93-2.002-9.533-2.002-3.912 0-7.398.693-10.46 2.08-3.063 1.385-5.468 3.31-7.218 5.774s-2.65 5.287-2.702 8.47h-41.068c.051-9.65 2.715-18.172 7.99-25.563 5.275-7.392 12.518-13.192 21.73-17.401 9.212-4.21 19.788-6.314 31.728-6.314Zm-133.074 0c12.615 0 23.55 2.017 32.807 6.05 9.257 4.033 16.41 9.698 21.462 16.994 5.051 7.296 7.577 15.851 7.577 25.665 0 6.063-1.257 12.087-3.77 18.073-2.512 5.986-7.025 12.601-13.538 19.846-6.513 7.245-15.77 15.877-27.77 25.896l-14.768 12.331v.925H176V326H55.077v-30.829l58.77-48.709c3.897-3.237 7.243-6.28 10.038-9.133 2.794-2.851 4.948-5.793 6.461-8.824 1.513-3.032 2.27-6.397 2.27-10.097 0-4.059-.86-7.527-2.578-10.404-1.717-2.877-4.09-5.1-7.115-6.667-3.026-1.567-6.513-2.35-10.461-2.35-3.95 0-7.424.796-10.424 2.389-3 1.593-5.32 3.93-6.961 7.013-1.641 3.083-2.462 6.834-2.462 11.253H52c0-11.099 2.487-20.655 7.462-28.67 4.974-8.016 12-14.182 21.076-18.498 9.077-4.316 19.718-6.474 31.924-6.474Z";
 const yt = {
   prefix: zt,
-  iconName: Ut,
-  icon: [Ht, Wt, Ze, Kt, Gt]
-}, Gn = {
+  iconName: Ht,
+  icon: [Ut, Wt, Ze, Kt, Gt]
+}, Kn = {
   definition: yt,
   faAlignJustify: yt,
   prefix: zt,
-  iconName: Ut,
-  width: Ht,
+  iconName: Ht,
+  width: Ut,
   height: Wt,
   ligatures: Ze,
   unicode: Kt,
@@ -128,24 +128,24 @@ lt.add(
   Se.faLinkedin,
   Se.faFacebook,
   // Custom
-  Gn.definition
+  Kn.definition
 );
-const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.definitions.fab)].sort(), U = /* @__PURE__ */ A({
+const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.definitions.fab)].sort(), z = /* @__PURE__ */ A({
   __name: "Icon",
   props: {
     name: { default: "user" }
   },
   setup(e) {
-    const t = e, l = k(() => xt.includes(t.name) ? "fab" : "fas"), o = k(() => qn.includes(t.name) || xt.includes(t.name) ? !0 : (console.warn(
+    const t = e, l = k(() => xt.includes(t.name) ? "fab" : "fas"), o = k(() => Gn.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 ? (R(), K(P(Wn), ot({
       key: 0,
       icon: [l.value, n.name]
     }, n.$attrs), null, 16, ["icon"])) : M("", !0);
   }
-}), Xn = ["aria-label", "tabindex"], Yn = {
+}), qn = ["aria-label", "tabindex"], Xn = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
 }, Rr = /* @__PURE__ */ A({
@@ -200,67 +200,67 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
     function i() {
       o.isDisabled || l("onClick");
     }
-    return (u, c) => (R(), T("button", {
+    return (u, c) => (R(), L("button", {
       class: $(["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,
       tabindex: u.isDisabled ? "-1" : void 0,
       onClick: i
     }, [
-      I("div", {
+      T("div", {
         class: $(!u.isLoading || "invisible")
       }, [
-        u.icon && u.iconPosition === "left" ? (R(), K(U, {
+        u.icon && u.iconPosition === "left" ? (R(), K(z, {
           key: 0,
           name: u.icon,
           class: $(r.value)
         }, null, 8, ["name", "class"])) : M("", !0),
-        I("span", null, B(u.label), 1),
-        u.icon && u.iconPosition === "right" ? (R(), K(U, {
+        T("span", null, H(u.label), 1),
+        u.icon && u.iconPosition === "right" ? (R(), K(z, {
           key: 1,
           name: u.icon,
           class: $(r.value)
         }, null, 8, ["name", "class"])) : M("", !0)
       ], 2),
-      u.isLoading ? (R(), T("span", Yn, [
-        F(U, {
+      u.isLoading ? (R(), L("span", Xn, [
+        F(z, {
           class: "animate-spin",
           name: "circle-notch"
         })
       ])) : M("", !0)
-    ], 10, Xn));
+    ], 10, qn));
   }
 });
 let Te;
-const Qn = new Uint8Array(16);
-function Zn() {
+const Yn = new Uint8Array(16);
+function Qn() {
   if (!Te && (Te = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Te))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Te(Qn);
+  return Te(Yn);
 }
 const V = [];
 for (let e = 0; e < 256; ++e)
   V.push((e + 256).toString(16).slice(1));
-function Jn(e, t = 0) {
+function Zn(e, t = 0) {
   return V[e[t + 0]] + V[e[t + 1]] + V[e[t + 2]] + V[e[t + 3]] + "-" + V[e[t + 4]] + V[e[t + 5]] + "-" + V[e[t + 6]] + V[e[t + 7]] + "-" + V[e[t + 8]] + V[e[t + 9]] + "-" + V[e[t + 10]] + V[e[t + 11]] + V[e[t + 12]] + V[e[t + 13]] + V[e[t + 14]] + V[e[t + 15]];
 }
-const eo = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), wt = {
-  randomUUID: eo
+const Jn = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), wt = {
+  randomUUID: Jn
 };
 function qt(e, t, l) {
   if (wt.randomUUID && !t && !e)
     return wt.randomUUID();
   e = e || {};
-  const o = e.random || (e.rng || Zn)();
+  const o = e.random || (e.rng || Qn)();
   if (o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, t) {
     l = l || 0;
     for (let n = 0; n < 16; ++n)
       t[l + n] = o[n];
     return t;
   }
-  return Jn(o);
+  return Zn(o);
 }
-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 = {
+const eo = { class: "relative flex items-start" }, to = { class: "flex items-center h-5" }, no = ["checked", "id"], oo = { class: "ml-2 text-sm leading-5" }, lo = ["for"], ro = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
 }, Er = /* @__PURE__ */ A({
@@ -276,38 +276,38 @@ 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, [
-      I("div", no, [
-        I("input", {
+    return (n, r) => (R(), L("div", eo, [
+      T("div", to, [
+        T("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",
           type: "checkbox",
           checked: n.modelValue,
           onChange: o,
           id: n.id
-        }, null, 40, oo)
+        }, null, 40, no)
       ]),
-      I("div", lo, [
-        I("label", {
+      T("div", oo, [
+        T("label", {
           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)
+        }, H(n.label), 9, lo),
+        n.description ? (R(), L("p", ro, H(n.description), 1)) : M("", !0)
       ])
     ]));
   }
 });
-function ao() {
+function io() {
   const e = C(!1);
   return In() && ee(() => {
     e.value = !0;
   }), e;
 }
-function so(e) {
-  const t = ao();
+function ao(e) {
+  const t = io();
   return k(() => (t.value, !!e()));
 }
-function uo(e = {}) {
-  const { initialValue: t = "" } = e, l = so(() => typeof window < "u" && "EyeDropper" in window), o = C(t);
+function so(e = {}) {
+  const { initialValue: t = "" } = e, l = ao(() => typeof window < "u" && "EyeDropper" in window), o = C(t);
   async function n(r) {
     if (!l.value)
       return;
@@ -316,22 +316,22 @@ function uo(e = {}) {
   }
   return { isSupported: l, sRGBHex: o, open: n };
 }
-const co = () => {
-}, fo = Array.isArray, po = (e) => typeof e == "function", mo = (e) => typeof e == "symbol";
+const uo = () => {
+}, co = Array.isArray, fo = (e) => typeof e == "function", po = (e) => typeof e == "symbol";
 let kt;
 const St = () => kt || (kt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-let vo;
-function go(e, t = vo) {
+let mo;
+function vo(e, t = mo) {
   t && t.active && t.effects.push(e);
 }
-const bo = (e) => {
+const go = (e) => {
   const t = new Set(e);
   return t.w = 0, t.n = 0, t;
-}, Xt = (e) => (e.w & ie) > 0, Yt = (e) => (e.n & ie) > 0, ho = ({ deps: e }) => {
+}, Xt = (e) => (e.w & ie) > 0, Yt = (e) => (e.n & ie) > 0, bo = ({ deps: e }) => {
   if (e.length)
     for (let t = 0; t < e.length; t++)
       e[t].w |= ie;
-}, yo = (e) => {
+}, ho = (e) => {
   const { deps: t } = e;
   if (t.length) {
     let l = 0;
@@ -345,9 +345,9 @@ const bo = (e) => {
 let Ce = 0, ie = 1;
 const Je = 30;
 let Y;
-class xo {
+class yo {
   constructor(t, l = null, o) {
-    this.fn = t, this.scheduler = l, this.active = !0, this.deps = [], this.parent = void 0, go(this, o);
+    this.fn = t, this.scheduler = l, this.active = !0, this.deps = [], this.parent = void 0, vo(this, o);
   }
   run() {
     if (!this.active)
@@ -359,9 +359,9 @@ class xo {
       t = t.parent;
     }
     try {
-      return this.parent = Y, Y = this, Ae = !0, ie = 1 << ++Ce, Ce <= Je ? ho(this) : Ct(this), this.fn();
+      return this.parent = Y, Y = this, Ae = !0, ie = 1 << ++Ce, Ce <= Je ? bo(this) : Ct(this), this.fn();
     } finally {
-      Ce <= Je && yo(this), ie = 1 << --Ce, Y = this.parent, Ae = l, this.parent = void 0, this.deferStop && this.stop();
+      Ce <= Je && ho(this), ie = 1 << --Ce, Y = this.parent, Ae = l, this.parent = void 0, this.deferStop && this.stop();
     }
   }
   stop() {
@@ -377,12 +377,12 @@ function Ct(e) {
   }
 }
 let Ae = !0;
-function wo(e, t) {
+function xo(e, t) {
   let l = !1;
   Ce <= Je ? Yt(e) || (e.n |= ie, l = !Xt(e)) : l = !e.has(Y), l && (e.add(Y), Y.deps.push(e));
 }
-function ko(e, t) {
-  const l = fo(e) ? e : [...e];
+function wo(e, t) {
+  const l = co(e) ? e : [...e];
   for (const o of l)
     o.computed && Ot(o);
   for (const o of l)
@@ -392,43 +392,43 @@ function Ot(e, t) {
   (e !== Y || e.allowRecurse) && (e.scheduler ? e.scheduler() : e.run());
 }
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(mo)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(po)
 );
 function Be(e) {
   const t = e && e.__v_raw;
   return t ? Be(t) : e;
 }
-function So(e) {
-  Ae && Y && (e = Be(e), wo(e.dep || (e.dep = bo())));
+function ko(e) {
+  Ae && Y && (e = Be(e), xo(e.dep || (e.dep = go())));
 }
-function Co(e, t) {
+function So(e, t) {
   e = Be(e);
   const l = e.dep;
-  l && ko(l);
+  l && wo(l);
 }
-class Oo {
+class Co {
   constructor(t, l, o, n) {
-    this._setter = l, this.dep = void 0, this.__v_isRef = !0, this.__v_isReadonly = !1, this._dirty = !0, this.effect = new xo(t, () => {
-      this._dirty || (this._dirty = !0, Co(this));
+    this._setter = l, this.dep = void 0, this.__v_isRef = !0, this.__v_isReadonly = !1, this._dirty = !0, this.effect = new yo(t, () => {
+      this._dirty || (this._dirty = !0, So(this));
     }), this.effect.computed = this, this.effect.active = this._cacheable = !n, this.__v_isReadonly = o;
   }
   get value() {
     const t = Be(this);
-    return So(t), (t._dirty || !t._cacheable) && (t._dirty = !1, t._value = t.effect.run()), t._value;
+    return ko(t), (t._dirty || !t._cacheable) && (t._dirty = !1, t._value = t.effect.run()), t._value;
   }
   set value(t) {
     this._setter(t);
   }
 }
-function Ro(e, t, l = !1) {
+function Oo(e, t, l = !1) {
   let o, n;
-  const r = po(e);
-  return r ? (o = e, n = co) : (o = e.get, n = e.set), new Oo(o, n, r || !n, l);
+  const r = fo(e);
+  return r ? (o = e, n = uo) : (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 Ro = !1;
+const Ye = (e, t) => Oo(e, t, Ro);
 function rt(e) {
   const t = Ye(() => ({
     "pl-3 pr-10 py-2": !e.icon && e.type !== "color" && e.size === "small",
@@ -450,10 +450,10 @@ function rt(e) {
     textSizeClasses: o
   };
 }
-const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute inset-y-2 left-2 w-8 cursor-pointer" }, _o = {
+const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute inset-y-2 left-2 w-8 cursor-pointer" }, Po = {
   inheritAttrs: !1
 }, Dr = /* @__PURE__ */ A({
-  ..._o,
+  ...Po,
   __name: "Input",
   props: {
     modelValue: {},
@@ -480,7 +480,7 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
       isSupported: d,
       open: v,
       sRGBHex: f
-    } = uo(), g = () => {
+    } = so(), g = () => {
       v();
     };
     Q(f, (y) => {
@@ -502,10 +502,10 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
       focus: () => {
         o.isDisabled || h.value.focus();
       }
-    }), (y, x) => (R(), T("div", {
+    }), (y, x) => (R(), L("div", {
       class: $(["relative", [y.block ? "w-full block" : "inline-block"]])
     }, [
-      I("input", ot({
+      T("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(u), P(a), P(c)]],
         placeholder: y.placeholder,
         type: s.value,
@@ -515,10 +515,10 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
         ref_key: "inputElement",
         ref: n,
         onInput: m
-      }), null, 16, Do),
-      y.type === "color" ? (R(), T(be, { key: 0 }, [
-        I("label", Po, [
-          An(I("input", {
+      }), null, 16, Eo),
+      y.type === "color" ? (R(), L(be, { key: 0 }, [
+        T("label", Do, [
+          An(T("input", {
             class: "invisible",
             type: "color",
             "onUpdate:modelValue": x[0] || (x[0] = (w) => r.value = w),
@@ -526,31 +526,31 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
           }, null, 544), [
             [$n, r.value]
           ]),
-          I("span", {
+          T("span", {
             class: "border-1 absolute inset-0 block rounded border border-grey-600/25 bg-clip-border shadow",
             style: Nt(`background-color: ${r.value}`)
           }, null, 4)
         ]),
-        P(d) && y.showColorPicker ? (R(), T("button", {
+        P(d) && y.showColorPicker ? (R(), L("button", {
           key: 0,
           type: "button",
           class: "absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",
           onClick: g
         }, [
-          F(U, {
+          F(z, {
             size: "xs",
             name: "eyedropper"
           })
         ])) : M("", !0)
-      ], 64)) : y.icon ? (R(), T("span", {
+      ], 64)) : y.icon ? (R(), L("span", {
         key: 1,
         class: $(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", P(a)])
       }, [
-        F(U, { name: y.icon }, null, 8, ["name"])
+        F(z, { name: y.icon }, null, 8, ["name"])
       ], 2)) : M("", !0)
     ], 2));
   }
-}), To = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, Lo = ["for"], Io = {
+}), _o = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, To = ["for"], Lo = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
 }, Pr = /* @__PURE__ */ A({
@@ -561,9 +561,9 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
     description: {}
   },
   setup(e) {
-    return (t, l) => (R(), 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)
+    return (t, l) => (R(), L("span", _o, [
+      T("label", { for: t.id }, H(t.label), 9, To),
+      t.description ? (R(), L("span", Lo, H(t.description), 1)) : M("", !0)
     ]));
   }
 });
@@ -575,8 +575,8 @@ 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 || {}), Ao = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Ao || {});
-function z({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n }) {
+var Re = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Re || {}), Io = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Io || {});
+function j({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n }) {
   var r;
   let i = Zt(o, l), u = Object.assign(n, { props: i });
   if (e || t & 2 && i.static)
@@ -603,7 +603,7 @@ function Qe({ props: e, attrs: t, slots: l, slot: o, name: n }) {
   if (u === "template") {
     if (a = Qt(a ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
       let [d, ...v] = a ?? [];
-      if (!$o(d) || v.length > 0)
+      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, h, b) => b.indexOf(m) === h).sort((m, h) => m.localeCompare(h)).map((m) => `  - ${m}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
 `)].join(`
@@ -654,21 +654,21 @@ function it(e, t = []) {
     o in l && delete l[o];
   return l;
 }
-function $o(e) {
+function Ao(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
-let Mo = 0;
-function Vo() {
-  return ++Mo;
+let $o = 0;
+function Mo() {
+  return ++$o;
 }
 function J() {
-  return Vo();
+  return Mo();
 }
 var D = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(D || {});
-function Fo(e) {
+function Vo(e) {
   throw new Error("Unexpected object: " + e);
 }
-var L = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(L || {});
+var I = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(I || {});
 function en(e, t) {
   let l = t.resolveItems();
   if (l.length <= 0)
@@ -692,7 +692,7 @@ function en(e, t) {
       case 5:
         return null;
       default:
-        Fo(e);
+        Vo(e);
     }
   })();
   return r === -1 ? o : r;
@@ -725,8 +725,8 @@ function at(e, t) {
     l.value || E(t) && E(t) instanceof HTMLButtonElement && !((o = E(t)) != null && o.hasAttribute("type")) && (l.value = "button");
   }), l;
 }
-var No = Object.defineProperty, Bo = (e, t, l) => t in e ? No(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);
-class jo {
+var Fo = Object.defineProperty, No = (e, t, l) => t in e ? Fo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, Dt = (e, t, l) => (No(e, typeof t != "symbol" ? t + "" : t, l), l);
+class Bo {
   constructor() {
     Dt(this, "current", this.detect()), Dt(this, "currentId", 0);
   }
@@ -749,7 +749,7 @@ class jo {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
 }
-let st = new jo();
+let st = new Bo();
 function ut(e) {
   if (st.isServer)
     return null;
@@ -762,7 +762,7 @@ function ut(e) {
   }
   return document;
 }
-function zo({ container: e, accept: t, walk: l, enabled: o }) {
+function jo({ container: e, accept: t, walk: l, enabled: o }) {
   xe(() => {
     let n = e.value;
     if (!n || o !== void 0 && !o.value)
@@ -776,7 +776,7 @@ function zo({ container: e, accept: t, walk: l, enabled: o }) {
   });
 }
 let et = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var tt = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(tt || {}), Uo = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Uo || {}), Ho = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Ho || {});
+var tt = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(tt || {}), zo = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(zo || {}), Ho = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Ho || {});
 function ln(e = document.body) {
   return e == null ? [] : Array.from(e.querySelectorAll(et)).sort((t, l) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (l.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
@@ -797,23 +797,23 @@ function ze(e, t = 0) {
 }
 function rn(e) {
   let t = ut(e);
-  j(() => {
-    t && !ze(t.activeElement, 0) && Ko(e);
+  B(() => {
+    t && !ze(t.activeElement, 0) && Wo(e);
   });
 }
-var Wo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Wo || {});
+var Uo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Uo || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
   e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function Ko(e) {
+function Wo(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
-let Go = ["textarea", "input"].join(",");
-function qo(e) {
+let Ko = ["textarea", "input"].join(",");
+function Go(e) {
   var t, l;
-  return (l = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Go)) != null ? l : !1;
+  return (l = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Ko)) != null ? l : !1;
 }
 function ct(e, t = (l) => l) {
   return e.slice().sort((l, o) => {
@@ -824,10 +824,10 @@ function ct(e, t = (l) => l) {
     return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Xo(e, t) {
-  return Yo(ln(), t, { relativeTo: e });
+function qo(e, t) {
+  return Xo(ln(), t, { relativeTo: e });
 }
-function Yo(e, t, { sorted: l = !0, relativeTo: o = null, skipElements: n = [] } = {}) {
+function Xo(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;
@@ -862,14 +862,14 @@ function Yo(e, t, { sorted: l = !0, relativeTo: o = null, skipElements: n = [] }
     }
     f = u[g], f == null || f.focus(s), d += c;
   } while (f !== i.activeElement);
-  return t & 6 && qo(f) && f.select(), 2;
+  return t & 6 && Go(f) && f.select(), 2;
 }
 function Le(e, t, l) {
   st.isServer || xe((o) => {
     document.addEventListener(e, t, l), o(() => document.removeEventListener(e, t, l));
   });
 }
-function Qo(e, t, l) {
+function Yo(e, t, l) {
   st.isServer || xe((o) => {
     window.addEventListener(e, t, l), o(() => window.removeEventListener(e, t, l));
   });
@@ -902,13 +902,13 @@ function an(e, t, l = k(() => !0)) {
     l.value && (n.value = ((u = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : u[0]) || r.target);
   }, !0), Le("click", (r) => {
     n.value && (o(r, () => n.value), n.value = null);
-  }, !0), Le("touchend", (r) => o(r, () => r.target instanceof HTMLElement ? r.target : null), !0), Qo("blur", (r) => o(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+  }, !0), Le("touchend", (r) => o(r, () => r.target instanceof HTMLElement ? r.target : null), !0), Yo("blur", (r) => o(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 var dt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(dt || {});
 let sn = A({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: l }) {
   return () => {
     let { features: o, ...n } = e, r = { "aria-hidden": (o & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(o & 4) === 4 && (o & 2) !== 2 && { display: "none" } } };
-    return z({ ourProps: r, theirProps: n, slot: {}, attrs: l, slots: t, name: "Hidden" });
+    return j({ ourProps: r, theirProps: n, slot: {}, attrs: l, slots: t, name: "Hidden" });
   };
 } });
 function un(e = {}, t = null, l = []) {
@@ -926,7 +926,7 @@ function dn(e, t, l) {
   else
     l instanceof Date ? e.push([t, l.toISOString()]) : typeof l == "boolean" ? e.push([t, l ? "1" : "0"]) : typeof l == "string" ? e.push([t, l]) : typeof l == "number" ? e.push([t, `${l}`]) : l == null ? e.push([t, ""]) : un(l, t, e);
 }
-function Zo(e) {
+function Qo(e) {
   var t, l;
   let o = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
   if (o) {
@@ -957,13 +957,13 @@ function pn() {
   } };
 }
 let mn = Symbol("DescriptionContext");
-function Jo() {
+function Zo() {
   let e = he(mn, null);
   if (e === null)
     throw new Error("Missing parent");
   return e;
 }
-function el({ slot: e = C({}), name: t = "Description", props: l = {} } = {}) {
+function Jo({ slot: e = C({}), name: t = "Description", props: l = {} } = {}) {
   let o = C([]);
   function n(r) {
     return o.value.push(r), () => {
@@ -974,10 +974,10 @@ function el({ slot: e = C({}), name: t = "Description", props: l = {} } = {}) {
   return ye(mn, { register: n, slot: e, name: t, props: l }), k(() => o.value.length > 0 ? o.value.join(" ") : void 0);
 }
 A({ 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();
+  let o = Zo();
   return ee(() => Ne(o.register(e.id))), () => {
     let { name: n = "Description", slot: r = C({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [d, v]) => Object.assign(s, { [d]: P(v) }), {}), id: u };
-    return z({ ourProps: a, theirProps: c, slot: r.value, attrs: t, slots: l, name: n });
+    return j({ 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;
@@ -992,7 +992,7 @@ function Tt(e) {
   let i = r ? (l = n.innerText) != null ? l : "" : o;
   return _t.test(i) && (i = i.replace(_t, "")), i;
 }
-function tl(e) {
+function el(e) {
   let t = e.getAttribute("aria-label");
   if (typeof t == "string")
     return t.trim();
@@ -1020,15 +1020,15 @@ function vn(e) {
     let n = o.innerText;
     if (t.value === n)
       return l.value;
-    let r = tl(o).trim().toLowerCase();
+    let r = el(o).trim().toLowerCase();
     return t.value = n, l.value = r, r;
   };
 }
-function nl(e, t) {
+function tl(e, t) {
   return e === t;
 }
-var ol = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ol || {}), ll = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(ll || {}), rl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(rl || {});
-function il(e) {
+var nl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(nl || {}), ol = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(ol || {}), ll = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(ll || {});
+function rl(e) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
 let gn = Symbol("ListboxContext");
@@ -1040,7 +1040,7 @@ function De(e) {
   }
   return t;
 }
-let al = A({ 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 il = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => tl }, 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 = C(1), r = C(null), i = C(null), u = C(null), c = C([]), a = C(""), s = C(null), d = C(1);
   function v(x = (w) => w) {
     let w = s.value !== null ? c.value[s.value] : null, S = ct(x(c.value.slice()), (O) => E(O.dataRef.domRef)), _ = w ? S.indexOf(w) : null;
@@ -1059,7 +1059,7 @@ let al = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
   }, goToOption(x, w, S) {
     if (e.disabled || n.value === 1)
       return;
-    let _ = v(), O = en(x === L.Specific ? { focus: L.Specific, id: w } : { focus: x }, { resolveItems: () => _.options, resolveActiveIndex: () => _.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
+    let _ = v(), O = en(x === I.Specific ? { focus: I.Specific, id: w } : { focus: x }, { resolveItems: () => _.options, resolveActiveIndex: () => _.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
     a.value = "", s.value = O, d.value = S ?? 1, c.value = _.options;
   }, search(x) {
     if (e.disabled || n.value === 1)
@@ -1109,7 +1109,7 @@ let al = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
     }, { immediate: !0 });
   }), () => {
     let { name: x, modelValue: w, disabled: S, form: _, ...O } = e, N = { open: n.value === 0, disabled: S, value: h.value };
-    return Oe(be, [...x != null && h.value != null ? un({ [x]: h.value }).map(([re, _e]) => Oe(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(O, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
+    return Oe(be, [...x != null && h.value != null ? un({ [x]: h.value }).map(([re, _e]) => Oe(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: _, name: re, value: _e }))) : [], j({ ourProps: {}, theirProps: { ...l, ...it(O, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
   };
 } });
 A({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${J()}` } }, setup(e, { attrs: t, slots: l }) {
@@ -1120,10 +1120,10 @@ A({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label
   }
   return () => {
     let r = { open: o.listboxState.value === 0, disabled: o.disabled.value }, { id: i, ...u } = e, c = { id: i, ref: o.labelRef, onClick: n };
-    return z({ ourProps: c, theirProps: u, slot: r, attrs: t, slots: l, name: "ListboxLabel" });
+    return j({ ourProps: c, theirProps: u, slot: r, attrs: t, slots: l, name: "ListboxLabel" });
   };
 } });
-let sl = A({ 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 al = A({ 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(a) {
@@ -1131,15 +1131,15 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
       case D.Space:
       case D.Enter:
       case D.ArrowDown:
-        a.preventDefault(), n.openListbox(), j(() => {
+        a.preventDefault(), n.openListbox(), B(() => {
           var s;
-          (s = E(n.optionsRef)) == null || s.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.First);
+          (s = E(n.optionsRef)) == null || s.focus({ preventScroll: !0 }), n.value.value || n.goToOption(I.First);
         });
         break;
       case D.ArrowUp:
-        a.preventDefault(), n.openListbox(), j(() => {
+        a.preventDefault(), n.openListbox(), B(() => {
           var s;
-          (s = E(n.optionsRef)) == null || s.focus({ preventScroll: !0 }), n.value.value || n.goToOption(L.Last);
+          (s = E(n.optionsRef)) == null || s.focus({ preventScroll: !0 }), n.value.value || n.goToOption(I.Last);
         });
         break;
     }
@@ -1152,10 +1152,10 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     }
   }
   function u(a) {
-    n.disabled.value || (n.listboxState.value === 0 ? (n.closeListbox(), j(() => {
+    n.disabled.value || (n.listboxState.value === 0 ? (n.closeListbox(), B(() => {
       var s;
       return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
-    })) : (a.preventDefault(), n.openListbox(), il(() => {
+    })) : (a.preventDefault(), n.openListbox(), rl(() => {
       var s;
       return (s = E(n.optionsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })));
@@ -1164,9 +1164,9 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   return () => {
     var a, s;
     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": (a = E(n.optionsRef)) == null ? void 0 : a.id, "aria-expanded": n.listboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(s = E(n.labelRef)) == null ? void 0 : s.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" });
+    return j({ ourProps: g, theirProps: f, slot: d, attrs: t, slots: l, name: "ListboxButton" });
   };
-} }), ul = A({ 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 }) {
+} }), sl = A({ 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 = C(null);
   o({ el: n.optionsRef, $el: n.optionsRef });
   function i(a) {
@@ -1179,23 +1179,23 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
           let s = n.options.value[n.activeOptionIndex.value];
           n.select(s.dataRef.value);
         }
-        n.mode.value === 0 && (n.closeListbox(), j(() => {
+        n.mode.value === 0 && (n.closeListbox(), B(() => {
           var s;
           return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         }));
         break;
       case G(n.orientation.value, { vertical: D.ArrowDown, horizontal: D.ArrowRight }):
-        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.Next);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(I.Next);
       case G(n.orientation.value, { vertical: D.ArrowUp, horizontal: D.ArrowLeft }):
-        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.Previous);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(I.Previous);
       case D.Home:
       case D.PageUp:
-        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.First);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(I.First);
       case D.End:
       case D.PageDown:
-        return a.preventDefault(), a.stopPropagation(), n.goToOption(L.Last);
+        return a.preventDefault(), a.stopPropagation(), n.goToOption(I.Last);
       case D.Escape:
-        a.preventDefault(), a.stopPropagation(), n.closeListbox(), j(() => {
+        a.preventDefault(), a.stopPropagation(), n.closeListbox(), B(() => {
           var s;
           return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         });
@@ -1212,9 +1212,9 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   return () => {
     var a, s, d, v;
     let f = { open: n.listboxState.value === 0 }, { id: g, ...m } = e, h = { "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": (v = (s = E(n.labelRef)) == null ? void 0 : s.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: h, theirProps: m, slot: f, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: c.value, name: "ListboxOptions" });
+    return j({ ourProps: h, theirProps: m, slot: f, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: c.value, name: "ListboxOptions" });
   };
-} }), cl = A({ 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 }) {
+} }), ul = A({ 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 = C(null);
   o({ el: r, $el: r });
   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((b) => n.compare(X(b), X(e.value))) })), c = k(() => G(n.mode.value, { 1: () => {
@@ -1227,13 +1227,13 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   ee(() => n.registerOption(e.id, s)), Ne(() => n.unregisterOption(e.id)), ee(() => {
     Q([n.listboxState, u], () => {
       n.listboxState.value === 0 && u.value && G(n.mode.value, { 1: () => {
-        c.value && n.goToOption(L.Specific, e.id);
+        c.value && n.goToOption(I.Specific, e.id);
       }, 0: () => {
-        n.goToOption(L.Specific, e.id);
+        n.goToOption(I.Specific, e.id);
       } });
     }, { immediate: !0 });
   }), xe(() => {
-    n.listboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && j(() => {
+    n.listboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && B(() => {
       var b, y;
       return (y = (b = E(r)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : y.call(b, { block: "nearest" });
     });
@@ -1241,45 +1241,45 @@ let sl = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   function d(b) {
     if (e.disabled)
       return b.preventDefault();
-    n.select(e.value), n.mode.value === 0 && (n.closeListbox(), j(() => {
+    n.select(e.value), n.mode.value === 0 && (n.closeListbox(), B(() => {
       var y;
       return (y = E(n.buttonRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
     }));
   }
   function v() {
     if (e.disabled)
-      return n.goToOption(L.Nothing);
-    n.goToOption(L.Specific, e.id);
+      return n.goToOption(I.Nothing);
+    n.goToOption(I.Specific, e.id);
   }
   let f = pn();
   function g(b) {
     f.update(b);
   }
   function m(b) {
-    f.wasMoved(b) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
+    f.wasMoved(b) && (e.disabled || i.value || n.goToOption(I.Specific, e.id, 0));
   }
   function h(b) {
-    f.wasMoved(b) && (e.disabled || i.value && n.goToOption(L.Nothing));
+    f.wasMoved(b) && (e.disabled || i.value && n.goToOption(I.Nothing));
   }
   return () => {
     let { disabled: b } = e, y = { active: i.value, selected: u.value, disabled: b }, { id: x, value: w, disabled: S, ..._ } = e, O = { id: x, ref: r, role: "option", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: d, onFocus: v, onPointerenter: g, onMouseenter: g, onPointermove: m, onMousemove: m, onPointerleave: h, onMouseleave: h };
-    return z({ ourProps: O, theirProps: _, slot: y, attrs: l, slots: t, name: "ListboxOption" });
+    return j({ ourProps: O, 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 || {});
-function pl(e) {
+var cl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(cl || {}), dl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(dl || {});
+function fl(e) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
 let bn = Symbol("MenuContext");
-function Ue(e) {
+function He(e) {
   let t = he(bn, null);
   if (t === null) {
     let l = new Error(`<${e} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(l, Ue), l;
+    throw Error.captureStackTrace && Error.captureStackTrace(l, He), l;
   }
   return t;
 }
-let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
+let pl = A({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
   let o = C(1), n = C(null), r = C(null), i = C([]), u = C(""), c = C(null), a = C(1);
   function s(v = (f) => f) {
     let f = c.value !== null ? i.value[c.value] : null, g = ct(v(i.value.slice()), (h) => E(h.dataRef.domRef)), m = f ? g.indexOf(f) : null;
@@ -1288,7 +1288,7 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   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 = s(), h = en(v === L.Specific ? { focus: L.Specific, id: f } : { focus: v }, { resolveItems: () => m.items, resolveActiveIndex: () => m.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
+    let m = s(), h = en(v === I.Specific ? { focus: I.Specific, id: f } : { focus: v }, { resolveItems: () => m.items, resolveActiveIndex: () => m.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
     u.value = "", c.value = h, a.value = g ?? 1, i.value = m.items;
   }, search(v) {
     let f = u.value !== "" ? 0 : 1;
@@ -1312,25 +1312,25 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     d.closeMenu(), ze(f, je.Loose) || (v.preventDefault(), (g = E(n)) == null || g.focus());
   }, k(() => o.value === 0)), ye(bn, d), on(k(() => 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 j({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: l, name: "Menu" });
   };
-} }), vl = A({ 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");
+} }), ml = A({ 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 = He("MenuButton");
   o({ el: n.buttonRef, $el: n.buttonRef });
   function r(a) {
     switch (a.key) {
       case D.Space:
       case D.Enter:
       case D.ArrowDown:
-        a.preventDefault(), a.stopPropagation(), n.openMenu(), j(() => {
+        a.preventDefault(), a.stopPropagation(), n.openMenu(), B(() => {
           var s;
-          (s = E(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.First);
+          (s = E(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(I.First);
         });
         break;
       case D.ArrowUp:
-        a.preventDefault(), a.stopPropagation(), n.openMenu(), j(() => {
+        a.preventDefault(), a.stopPropagation(), n.openMenu(), B(() => {
           var s;
-          (s = E(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.Last);
+          (s = E(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(I.Last);
         });
         break;
     }
@@ -1343,10 +1343,10 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     }
   }
   function u(a) {
-    e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), j(() => {
+    e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), B(() => {
       var s;
       return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
-    })) : (a.preventDefault(), n.openMenu(), pl(() => {
+    })) : (a.preventDefault(), n.openMenu(), fl(() => {
       var s;
       return (s = E(n.itemsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })));
@@ -1355,11 +1355,11 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return () => {
     var a;
     let s = { open: n.menuState.value === 0 }, { id: d, ...v } = e, f = { ref: n.buttonRef, id: d, type: c.value, "aria-haspopup": "menu", "aria-controls": (a = E(n.itemsRef)) == null ? void 0 : a.id, "aria-expanded": n.menuState.value === 0, onKeydown: r, onKeyup: i, onClick: u };
-    return z({ ourProps: f, theirProps: v, slot: s, attrs: t, slots: l, name: "MenuButton" });
+    return j({ ourProps: f, theirProps: v, slot: s, attrs: t, slots: l, name: "MenuButton" });
   };
-} }), gl = A({ 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 = C(null);
-  o({ el: n.itemsRef, $el: n.itemsRef }), zo({ container: k(() => E(n.itemsRef)), enabled: k(() => n.menuState.value === 0), accept(s) {
+} }), vl = A({ 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 = He("MenuItems"), r = C(null);
+  o({ el: n.itemsRef, $el: n.itemsRef }), jo({ container: k(() => E(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");
@@ -1378,23 +1378,23 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
         n.closeMenu(), rn(E(n.buttonRef));
         break;
       case D.ArrowDown:
-        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Next);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(I.Next);
       case D.ArrowUp:
-        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Previous);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(I.Previous);
       case D.Home:
       case D.PageUp:
-        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.First);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(I.First);
       case D.End:
       case D.PageDown:
-        return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Last);
+        return s.preventDefault(), s.stopPropagation(), n.goToItem(I.Last);
       case D.Escape:
-        s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => {
+        s.preventDefault(), s.stopPropagation(), n.closeMenu(), B(() => {
           var v;
           return (v = E(n.buttonRef)) == null ? void 0 : v.focus({ preventScroll: !0 });
         });
         break;
       case D.Tab:
-        s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => Xo(E(n.buttonRef), s.shiftKey ? tt.Previous : tt.Next));
+        s.preventDefault(), s.stopPropagation(), n.closeMenu(), B(() => qo(E(n.buttonRef), s.shiftKey ? tt.Previous : tt.Next));
         break;
       default:
         s.key.length === 1 && (n.search(s.key), r.value = setTimeout(() => n.clearSearch(), 350));
@@ -1412,16 +1412,16 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return () => {
     var s, d;
     let v = { open: n.menuState.value === 0 }, { id: f, ...g } = e, m = { "aria-activedescendant": n.activeItemIndex.value === null || (s = n.items.value[n.activeItemIndex.value]) == null ? void 0 : s.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: a.value, name: "MenuItems" });
+    return j({ ourProps: m, theirProps: g, slot: v, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: a.value, name: "MenuItems" });
   };
-} }), bl = A({ 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 = C(null);
+} }), gl = A({ 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 = He("MenuItem"), r = C(null);
   o({ el: r, $el: r });
   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)), Ne(() => n.unregisterItem(e.id)), xe(() => {
-    n.menuState.value === 0 && i.value && n.activationTrigger.value !== 0 && j(() => {
+    n.menuState.value === 0 && i.value && n.activationTrigger.value !== 0 && B(() => {
       var m, h;
       return (h = (m = E(r)) == null ? void 0 : m.scrollIntoView) == null ? void 0 : h.call(m, { block: "nearest" });
     });
@@ -1433,22 +1433,22 @@ let ml = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function s() {
     if (e.disabled)
-      return n.goToItem(L.Nothing);
-    n.goToItem(L.Specific, e.id);
+      return n.goToItem(I.Nothing);
+    n.goToItem(I.Specific, e.id);
   }
   let d = pn();
   function v(m) {
     d.update(m);
   }
   function f(m) {
-    d.wasMoved(m) && (e.disabled || i.value || n.goToItem(L.Specific, e.id, 0));
+    d.wasMoved(m) && (e.disabled || i.value || n.goToItem(I.Specific, e.id, 0));
   }
   function g(m) {
-    d.wasMoved(m) && (e.disabled || i.value && n.goToItem(L.Nothing));
+    d.wasMoved(m) && (e.disabled || i.value && n.goToItem(I.Nothing));
   }
   return () => {
     let { disabled: m } = e, h = { active: i.value, disabled: m, close: n.closeMenu }, { id: b, ...y } = e;
-    return z({ ourProps: { id: b, ref: r, role: "menuitem", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, disabled: void 0, onClick: a, onFocus: s, onPointerenter: v, onMouseenter: v, onPointermove: f, onMousemove: f, onPointerleave: g, onMouseleave: g }, theirProps: { ...l, ...y }, slot: h, attrs: l, slots: t, name: "MenuItem" });
+    return j({ ourProps: { id: b, ref: r, role: "menuitem", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, disabled: void 0, onClick: a, onFocus: s, onPointerenter: v, onMouseenter: v, onPointermove: f, onMousemove: f, onPointerleave: g, onMouseleave: g }, theirProps: { ...l, ...y }, slot: h, attrs: l, slots: t, name: "MenuItem" });
   };
 } }), hn = Symbol("LabelContext");
 function yn() {
@@ -1459,7 +1459,7 @@ function yn() {
   }
   return e;
 }
-function hl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
+function bl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
   let o = C([]);
   function n(r) {
     return o.value.push(r), () => {
@@ -1473,20 +1473,20 @@ A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, pa
   let o = yn();
   return ee(() => Ne(o.register(e.id))), () => {
     let { name: n = "Label", slot: r = {}, props: i = {} } = o, { id: u, passive: c, ...a } = e, s = { ...Object.entries(i).reduce((d, [v, f]) => Object.assign(d, { [v]: 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 });
+    return c && (delete s.onClick, delete s.htmlFor, delete a.onClick), j({ ourProps: s, theirProps: a, slot: r, attrs: l, slots: t, name: n });
   };
 } });
 let xn = Symbol("GroupContext");
 A({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
-  let o = C(null), n = hl({ name: "SwitchLabel", props: { htmlFor: k(() => {
+  let o = C(null), n = bl({ name: "SwitchLabel", props: { htmlFor: k(() => {
     var i;
     return (i = o.value) == null ? void 0 : i.id;
   }), onClick(i) {
     o.value && (i.currentTarget.tagName === "LABEL" && i.preventDefault(), o.value.click(), o.value.focus({ preventScroll: !0 }));
-  } } }), r = el({ name: "SwitchDescription" });
-  return ye(xn, { switchRef: o, labelledby: n, describedby: r }), () => z({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: l, name: "SwitchGroup" });
+  } } }), r = Jo({ name: "SwitchDescription" });
+  return ye(xn, { switchRef: o, labelledby: n, describedby: r }), () => j({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: l, name: "SwitchGroup" });
 } });
-let yl = A({ 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 hl = A({ 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(k(() => e.modelValue), (h) => t("update:modelValue", h), k(() => e.defaultChecked));
   function c() {
     u(!i.value);
@@ -1497,7 +1497,7 @@ let yl = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: {
     h.preventDefault(), c();
   }
   function f(h) {
-    h.key === D.Space ? (h.preventDefault(), c()) : h.key === D.Enter && Zo(h.currentTarget);
+    h.key === D.Space ? (h.preventDefault(), c()) : h.key === D.Enter && Qo(h.currentTarget);
   }
   function g(h) {
     h.preventDefault();
@@ -1520,25 +1520,25 @@ let yl = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: {
     }, { immediate: !0 });
   }), () => {
     let { id: h, name: b, value: y, form: x, ...w } = e, S = { checked: i.value }, _ = { id: h, 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: v, onKeyup: f, onKeypress: g };
-    return Oe(be, [b != null && i.value != null ? Oe(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: x, name: b, value: y })) : null, z({ ourProps: _, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
+    return Oe(be, [b != null && i.value != null ? Oe(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: x, name: b, value: y })) : null, j({ ourProps: _, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
   };
 } });
 const $e = Math.min, ue = Math.max, Me = Math.round, Ie = Math.floor, ae = (e) => ({
   x: e,
   y: e
-}), xl = {
+}), yl = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, wl = {
+}, xl = {
   start: "end",
   end: "start"
 };
 function Lt(e, t, l) {
   return ue(e, $e(t, l));
 }
-function He(e, t) {
+function Ue(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function ce(e) {
@@ -1559,20 +1559,20 @@ function Ke(e) {
 function Sn(e) {
   return wn(Ke(e));
 }
-function kl(e, t, l) {
+function wl(e, t, l) {
   l === void 0 && (l = !1);
   const o = We(e), n = Sn(e), r = kn(n);
   let i = n === "x" ? o === (l ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (i = Ve(i)), [i, Ve(i)];
 }
-function Sl(e) {
+function kl(e) {
   const t = Ve(e);
   return [nt(e), t, nt(t)];
 }
 function nt(e) {
-  return e.replace(/start|end/g, (t) => wl[t]);
+  return e.replace(/start|end/g, (t) => xl[t]);
 }
-function Cl(e, t, l) {
+function Sl(e, t, l) {
   const o = ["left", "right"], n = ["right", "left"], r = ["top", "bottom"], i = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -1585,15 +1585,15 @@ function Cl(e, t, l) {
       return [];
   }
 }
-function Ol(e, t, l, o) {
+function Cl(e, t, l, o) {
   const n = We(e);
-  let r = Cl(ce(e), l === "start", o);
+  let r = Sl(ce(e), l === "start", o);
   return n && (r = r.map((i) => i + "-" + n), t && (r = r.concat(r.map(nt)))), r;
 }
 function Ve(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => xl[t]);
+  return e.replace(/left|right|bottom|top/g, (t) => yl[t]);
 }
-function Rl(e) {
+function Ol(e) {
   return {
     top: 0,
     right: 0,
@@ -1602,8 +1602,8 @@ function Rl(e) {
     ...e
   };
 }
-function El(e) {
-  return typeof e != "number" ? Rl(e) : {
+function Rl(e) {
+  return typeof e != "number" ? Ol(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1667,7 +1667,7 @@ function It(e, t, l) {
   }
   return f;
 }
-const Dl = async (e, t, l) => {
+const El = async (e, t, l) => {
   const {
     placement: o = "bottom",
     strategy: n = "absolute",
@@ -1747,7 +1747,7 @@ async function Cn(e, t) {
     elementContext: d = "floating",
     altBoundary: v = !1,
     padding: f = 0
-  } = He(t, e), g = El(f), h = u[v ? d === "floating" ? "reference" : "floating" : d], b = Fe(await r.getClippingRect({
+  } = Ue(t, e), g = Rl(f), h = u[v ? d === "floating" ? "reference" : "floating" : d], b = Fe(await r.getClippingRect({
     element: (l = await (r.isElement == null ? void 0 : r.isElement(h))) == null || l ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(u.floating)),
     boundary: a,
     rootBoundary: s,
@@ -1774,7 +1774,7 @@ async function Cn(e, t) {
     right: (S.right - b.right + g.right) / w.x
   };
 }
-const Pl = function(e) {
+const Dl = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1795,15 +1795,15 @@ const Pl = function(e) {
         fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
         ...h
-      } = He(e, t);
+      } = Ue(e, t);
       if ((l = r.arrow) != null && l.alignmentOffset)
         return {};
-      const b = ce(n), y = ce(u) === u, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), w = v || (y || !m ? [Ve(u)] : Sl(u));
-      !v && g !== "none" && w.push(...Ol(u, m, g, x));
+      const b = ce(n), y = ce(u) === u, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), w = v || (y || !m ? [Ve(u)] : kl(u));
+      !v && g !== "none" && w.push(...Cl(u, m, g, x));
       const S = [u, ...w], _ = await Cn(t, h), O = [];
       let N = ((o = r.flip) == null ? void 0 : o.overflows) || [];
       if (s && O.push(_[b]), d) {
-        const se = kl(n, i, x);
+        const se = wl(n, i, x);
         O.push(_[se[0]], _[se[1]]);
       }
       if (N = [...N, {
@@ -1846,12 +1846,12 @@ const Pl = function(e) {
     }
   };
 };
-async function _l(e, t) {
+async function Pl(e, t) {
   const {
     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", a = ["left", "top"].includes(i) ? -1 : 1, s = 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 = Ue(t, e);
   let {
     mainAxis: v,
     crossAxis: f,
@@ -1874,7 +1874,7 @@ async function _l(e, t) {
     y: f * s
   };
 }
-const Tl = function(e) {
+const _l = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1885,7 +1885,7 @@ const Tl = function(e) {
         y: r,
         placement: i,
         middlewareData: u
-      } = t, c = await _l(t, e);
+      } = t, c = await Pl(t, e);
       return i === ((l = u.offset) == null ? void 0 : l.placement) && (o = u.arrow) != null && o.alignmentOffset ? {} : {
         x: n + c.x,
         y: r + c.y,
@@ -1896,7 +1896,7 @@ const Tl = function(e) {
       };
     }
   };
-}, Ll = function(e) {
+}, Tl = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1921,7 +1921,7 @@ const Tl = function(e) {
           }
         },
         ...c
-      } = He(e, t), a = {
+      } = Ue(e, t), a = {
         x: l,
         y: o
       }, s = await Cn(t, c), d = Ke(ce(n)), v = wn(d);
@@ -1952,7 +1952,7 @@ const Tl = function(e) {
 function ne(e) {
   return ft(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function H(e) {
+function U(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -1961,16 +1961,16 @@ function le(e) {
   return (t = (ft(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function ft(e) {
-  return e instanceof Node || e instanceof H(e).Node;
+  return e instanceof Node || e instanceof U(e).Node;
 }
 function oe(e) {
-  return e instanceof Element || e instanceof H(e).Element;
+  return e instanceof Element || e instanceof U(e).Element;
 }
 function Z(e) {
-  return e instanceof HTMLElement || e instanceof H(e).HTMLElement;
+  return e instanceof HTMLElement || e instanceof U(e).HTMLElement;
 }
 function At(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof H(e).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof U(e).ShadowRoot;
 }
 function Pe(e) {
   const {
@@ -1981,14 +1981,14 @@ function Pe(e) {
   } = q(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + l) && !["inline", "contents"].includes(n);
 }
-function Il(e) {
+function Ll(e) {
   return ["table", "td", "th"].includes(ne(e));
 }
 function pt(e) {
   const t = mt(), l = q(e);
   return l.transform !== "none" || l.perspective !== "none" || (l.containerType ? l.containerType !== "normal" : !1) || !t && (l.backdropFilter ? l.backdropFilter !== "none" : !1) || !t && (l.filter ? l.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (l.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (l.contain || "").includes(o));
 }
-function Al(e) {
+function Il(e) {
   let t = ge(e);
   for (; Z(t) && !Ge(t); ) {
     if (pt(t))
@@ -2004,7 +2004,7 @@ function Ge(e) {
   return ["html", "body", "#document"].includes(ne(e));
 }
 function q(e) {
-  return H(e).getComputedStyle(e);
+  return U(e).getComputedStyle(e);
 }
 function qe(e) {
   return oe(e) ? {
@@ -2034,7 +2034,7 @@ function On(e) {
 function Ee(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
-  const n = On(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = H(n);
+  const n = On(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = U(n);
   return r ? t.concat(i, i.visualViewport || [], Pe(n) ? n : [], i.frameElement && l ? Ee(i.frameElement) : []) : t.concat(n, Ee(n, [], l));
 }
 function Rn(e) {
@@ -2065,30 +2065,30 @@ function ve(e) {
     y: u
   };
 }
-const $l = /* @__PURE__ */ ae(0);
+const Al = /* @__PURE__ */ ae(0);
 function En(e) {
-  const t = H(e);
-  return !mt() || !t.visualViewport ? $l : {
+  const t = U(e);
+  return !mt() || !t.visualViewport ? Al : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ml(e, t, l) {
-  return t === void 0 && (t = !1), !l || t && l !== H(e) ? !1 : t;
+function $l(e, t, l) {
+  return t === void 0 && (t = !1), !l || t && l !== U(e) ? !1 : t;
 }
 function de(e, t, l, o) {
   t === void 0 && (t = !1), l === void 0 && (l = !1);
   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);
+  const u = $l(r, l, o) ? En(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;
+    const v = U(r), f = o && oe(o) ? U(o) : o;
     let g = v.frameElement;
     for (; g && o && f !== v; ) {
       const m = ve(g), h = g.getBoundingClientRect(), b = q(g), y = h.left + (g.clientLeft + parseFloat(b.paddingLeft)) * m.x, x = h.top + (g.clientTop + parseFloat(b.paddingTop)) * m.y;
-      c *= m.x, a *= m.y, s *= m.x, d *= m.y, c += y, a += x, g = H(g).frameElement;
+      c *= m.x, a *= m.y, s *= m.x, d *= m.y, c += y, a += x, g = U(g).frameElement;
     }
   }
   return Fe({
@@ -2098,7 +2098,7 @@ function de(e, t, l, o) {
     y: a
   });
 }
-function Vl(e) {
+function Ml(e) {
   let {
     rect: t,
     offsetParent: l,
@@ -2123,13 +2123,13 @@ function Vl(e) {
     y: t.y * u.y - i.scrollTop * u.y + c.y
   };
 }
-function Fl(e) {
+function Vl(e) {
   return Array.from(e.getClientRects());
 }
 function Dn(e) {
   return de(le(e)).left + qe(e).scrollLeft;
 }
-function Nl(e) {
+function Fl(e) {
   const t = le(e), l = qe(e), o = e.ownerDocument.body, n = ue(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), r = ue(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let i = -l.scrollLeft + Dn(e);
   const u = -l.scrollTop;
@@ -2140,8 +2140,8 @@ function Nl(e) {
     y: u
   };
 }
-function Bl(e, t) {
-  const l = H(e), o = le(e), n = l.visualViewport;
+function Nl(e, t) {
+  const l = U(e), o = le(e), n = l.visualViewport;
   let r = o.clientWidth, i = o.clientHeight, u = 0, c = 0;
   if (n) {
     r = n.width, i = n.height;
@@ -2155,7 +2155,7 @@ function Bl(e, t) {
     y: c
   };
 }
-function jl(e, t) {
+function Bl(e, t) {
   const l = de(e, !0, t === "fixed"), o = l.top + e.clientTop, n = l.left + e.clientLeft, r = Z(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,
@@ -2167,11 +2167,11 @@ function jl(e, t) {
 function $t(e, t, l) {
   let o;
   if (t === "viewport")
-    o = Bl(e, l);
+    o = Nl(e, l);
   else if (t === "document")
-    o = Nl(le(e));
+    o = Fl(le(e));
   else if (oe(t))
-    o = jl(t, l);
+    o = Bl(t, l);
   else {
     const n = En(e);
     o = {
@@ -2186,7 +2186,7 @@ function Pn(e, t) {
   const l = ge(e);
   return l === t || !oe(l) || Ge(l) ? !1 : q(l).position === "fixed" || Pn(l, t);
 }
-function zl(e, t) {
+function jl(e, t) {
   const l = t.get(e);
   if (l)
     return l;
@@ -2199,14 +2199,14 @@ function zl(e, t) {
   }
   return t.set(e, o), o;
 }
-function Ul(e) {
+function zl(e) {
   let {
     element: t,
     boundary: l,
     rootBoundary: o,
     strategy: n
   } = e;
-  const i = [...l === "clippingAncestors" ? zl(t, this._c) : [].concat(l), o], u = i[0], c = i.reduce((a, s) => {
+  const i = [...l === "clippingAncestors" ? jl(t, this._c) : [].concat(l), o], u = i[0], c = i.reduce((a, s) => {
     const d = $t(t, s, n);
     return a.top = ue(d.top, a.top), a.right = $e(d.right, a.right), a.bottom = $e(d.bottom, a.bottom), a.left = ue(d.left, a.left), a;
   }, $t(t, u, n));
@@ -2227,7 +2227,7 @@ function Hl(e) {
     height: l
   };
 }
-function Wl(e, t, l) {
+function Ul(e, t, l) {
   const o = Z(t), n = le(t), r = l === "fixed", i = de(e, !0, r, t);
   let u = {
     scrollLeft: 0,
@@ -2251,15 +2251,15 @@ function Mt(e, t) {
   return !Z(e) || q(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function _n(e, t) {
-  const l = H(e);
+  const l = U(e);
   if (!Z(e))
     return l;
   let o = Mt(e, t);
-  for (; o && Il(o) && q(o).position === "static"; )
+  for (; o && Ll(o) && q(o).position === "static"; )
     o = Mt(o, t);
-  return o && (ne(o) === "html" || ne(o) === "body" && q(o).position === "static" && !pt(o)) ? l : o || Al(e) || l;
+  return o && (ne(o) === "html" || ne(o) === "body" && q(o).position === "static" && !pt(o)) ? l : o || Il(e) || l;
 }
-const Kl = async function(e) {
+const Wl = async function(e) {
   let {
     reference: t,
     floating: l,
@@ -2267,7 +2267,7 @@ const Kl = async function(e) {
   } = e;
   const n = this.getOffsetParent || _n, r = this.getDimensions;
   return {
-    reference: Wl(t, await n(l), o),
+    reference: Ul(t, await n(l), o),
     floating: {
       x: 0,
       y: 0,
@@ -2275,22 +2275,22 @@ const Kl = async function(e) {
     }
   };
 };
-function Gl(e) {
+function Kl(e) {
   return q(e).direction === "rtl";
 }
-const ql = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Vl,
+const Gl = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Ml,
   getDocumentElement: le,
-  getClippingRect: Ul,
+  getClippingRect: zl,
   getOffsetParent: _n,
-  getElementRects: Kl,
-  getClientRects: Fl,
+  getElementRects: Wl,
+  getClientRects: Vl,
   getDimensions: Hl,
   getScale: ve,
   isElement: oe,
-  isRTL: Gl
+  isRTL: Kl
 };
-function Xl(e, t) {
+function ql(e, t) {
   let l = null, o;
   const n = le(e);
   function r() {
@@ -2335,7 +2335,7 @@ function Xl(e, t) {
   }
   return i(!0), r;
 }
-function Yl(e, t, l, o) {
+function Xl(e, t, l, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: n = !0,
@@ -2349,7 +2349,7 @@ function Yl(e, t, l, o) {
       passive: !0
     }), r && b.addEventListener("resize", l);
   });
-  const d = a && u ? Xl(a, l) : null;
+  const d = a && u ? ql(a, l) : null;
   let v = -1, f = null;
   i && (f = new ResizeObserver((b) => {
     let [y] = b;
@@ -2369,24 +2369,24 @@ function Yl(e, t, l, o) {
     }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(g);
   };
 }
-const Ql = Ll, Zl = Pl, Jl = (e, t, l) => {
+const Yl = Tl, Ql = Dl, Zl = (e, t, l) => {
   const o = /* @__PURE__ */ new Map(), n = {
-    platform: ql,
+    platform: Gl,
     ...l
   }, r = {
     ...n.platform,
     _c: o
   };
-  return Dl(e, t, {
+  return El(e, t, {
     ...n,
     platform: r
   });
 };
-function er(e) {
+function Jl(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Vt(e) {
-  if (er(e)) {
+  if (Jl(e)) {
     const t = e.$el;
     return ft(t) && ne(t) === "#comment" ? null : t;
   }
@@ -2399,7 +2399,7 @@ function Ft(e, t) {
   const l = Tn(e);
   return Math.round(t * l) / l;
 }
-function tr(e, t, l) {
+function er(e, t, l) {
   l === void 0 && (l = {});
   const o = l.whileElementsMounted, n = k(() => {
     var O;
@@ -2436,7 +2436,7 @@ function tr(e, t, l) {
   });
   let y;
   function x() {
-    a.value == null || s.value == null || Jl(a.value, s.value, {
+    a.value == null || s.value == null || Zl(a.value, s.value, {
       middleware: r.value,
       placement: i.value,
       strategy: u.value
@@ -2484,24 +2484,24 @@ const _r = /* @__PURE__ */ A({
     usePortal: { type: [Boolean, String], default: !1 }
   },
   setup(e) {
-    const t = e, l = C(null), o = C(null), n = t.position === "left" ? "bottom-end" : "bottom-start", { floatingStyles: r } = tr(l, o, {
+    const t = e, l = C(null), o = C(null), n = t.position === "left" ? "bottom-end" : "bottom-start", { floatingStyles: r } = er(l, o, {
       placement: n,
-      whileElementsMounted: Yl,
-      middleware: [Tl(6), Zl(), Ql({ padding: 6 })]
+      whileElementsMounted: Xl,
+      middleware: [_l(6), Ql(), Yl({ padding: 6 })]
     });
-    return (i, u) => (R(), K(P(ml), {
+    return (i, u) => (R(), K(P(pl), {
       as: "div",
       class: "inline-block text-left"
     }, {
       default: W(() => [
-        F(P(vl), {
+        F(P(ml), {
           class: "focus:outline-none",
           ref_key: "reference",
           ref: l
         }, {
           default: W(() => [
             ht(i.$slots, "button", {}, () => [
-              F(P(U), {
+              F(P(z), {
                 class: "fill-current",
                 name: "ellipsis-h"
               })
@@ -2513,7 +2513,7 @@ const _r = /* @__PURE__ */ A({
           to: typeof i.usePortal == "string" ? i.usePortal : "body",
           disabled: !i.usePortal
         }, [
-          I("div", {
+          T("div", {
             class: "w-56 z-20",
             style: Nt(P(r)),
             ref_key: "floating",
@@ -2528,7 +2528,7 @@ const _r = /* @__PURE__ */ A({
               "leave-to-class": "transform -translate-y-2 opacity-0"
             }, {
               default: W(() => [
-                F(P(gl), {
+                F(P(vl), {
                   class: $([
                     "z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"
                   ])
@@ -2547,7 +2547,7 @@ const _r = /* @__PURE__ */ A({
       _: 3
     }));
   }
-}), nr = {
+}), tr = {
   key: 0,
   class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
 }, Tr = /* @__PURE__ */ A({
@@ -2559,17 +2559,17 @@ const _r = /* @__PURE__ */ A({
     as: {}
   },
   setup(e) {
-    return (t, l) => (R(), K(P(bl), jn(zn({ disabled: t.disabled })), {
+    return (t, l) => (R(), K(P(gl), jn(zn({ disabled: t.disabled })), {
       default: W(({ active: o }) => [
-        (R(), K(Un(t.as || "span"), {
+        (R(), K(Hn(t.as || "span"), {
           class: $(["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"
           ]])
         }, {
           default: W(() => [
-            I("span", null, B(t.label), 1),
-            t.meta ? (R(), T("span", nr, B(t.meta), 1)) : M("", !0)
+            T("span", null, H(t.label), 1),
+            t.meta ? (R(), L("span", tr, H(t.meta), 1)) : M("", !0)
           ]),
           _: 2
         }, 1032, ["class"]))
@@ -2577,19 +2577,19 @@ const _r = /* @__PURE__ */ A({
       _: 1
     }, 16));
   }
-}), or = { class: "relative" }, lr = {
+}), nr = { class: "relative" }, or = {
   key: 0,
   class: "absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none"
-}, rr = {
+}, lr = {
   key: 1,
   class: "block truncate"
-}, ir = {
+}, rr = {
   key: 2,
   class: "text-grey-500 truncate"
-}, ar = { class: "absolute right-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none" }, sr = { class: "absolute right-2 inset-y-0 flex items-center" }, ur = {
+}, ir = { class: "absolute right-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4 pointer-events-none" }, ar = { class: "absolute right-2 inset-y-0 flex items-center" }, sr = {
   key: 0,
   class: "bg-grey-500 text-grey-100 rounded text-xs px-2 py-1"
-}, Lr = /* @__PURE__ */ A({
+}, ur = ["innerHTML"], Lr = /* @__PURE__ */ A({
   __name: "Select",
   props: {
     modelValue: {},
@@ -2611,28 +2611,28 @@ const _r = /* @__PURE__ */ A({
       }
     ), Q(o, (c) => {
       c && n("update:modelValue", c);
-    }), (c, a) => (R(), K(P(al), {
+    }), (c, a) => (R(), K(P(il), {
       as: "div",
       modelValue: P(o),
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => Hn(o) ? o.value = s : null),
+      "onUpdate:modelValue": a[0] || (a[0] = (s) => Un(o) ? o.value = s : null),
       disabled: c.isDisabled
     }, {
       default: W(() => [
-        I("div", or, [
-          F(P(sl), {
+        T("div", nr, [
+          F(P(al), {
             class: $(["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 s;
               return [
-                c.icon ? (R(), T("span", lr, [
-                  F(U, {
+                c.icon ? (R(), L("span", or, [
+                  F(z, {
                     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)),
-                I("span", ar, [
-                  F(U, {
+                P(o) ? (R(), L("span", lr, H(P(o).label), 1)) : (R(), L("span", rr, H(c.placeholder), 1)),
+                T("span", ir, [
+                  F(z, {
                     class: "text-grey-400",
                     name: "chevron-down",
                     "aria-hidden": "true"
@@ -2648,46 +2648,48 @@ const _r = /* @__PURE__ */ A({
             "leave-to-class": "opacity-0"
           }, {
             default: W(() => [
-              F(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" }, {
+              F(P(sl), { 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, (s) => (R(), K(P(cl), {
+                  (R(!0), L(be, null, jt(c.options, (s) => (R(), K(P(ul), {
                     as: "template",
                     key: s.id,
                     value: s,
                     disabled: s.disabled
                   }, {
                     default: W(({ active: d, selected: v }) => [
-                      I("li", {
+                      T("li", {
                         class: $([
                           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": s.disabled }
                         ])
                       }, [
-                        I("div", sr, [
-                          s.disabled && c.disabledBadge ? (R(), T("span", ur, B(c.disabledBadge), 1)) : M("", !0)
+                        T("div", ar, [
+                          s.disabled && c.disabledBadge ? (R(), L("span", sr, H(c.disabledBadge), 1)) : M("", !0)
                         ]),
-                        I("span", {
+                        T("span", {
                           class: $([
                             v ? "font-semibold" : "font-normal",
                             "block truncate"
                           ])
                         }, [
-                          s.icon ? (R(), K(U, {
+                          s.icon ? (R(), K(z, {
                             key: 0,
                             class: "inline-block mr-1",
                             name: s.icon
                           }, null, 8, ["name"])) : M("", !0),
-                          Wn(" " + B(s.label), 1)
+                          T("span", {
+                            innerHTML: s.label
+                          }, null, 8, ur)
                         ], 2),
-                        v ? (R(), T("span", {
+                        v ? (R(), L("span", {
                           key: 0,
                           class: $([
                             d ? "text-blue-100" : "text-blue-500",
                             "absolute inset-y-0 right-0 flex items-center pr-4"
                           ])
                         }, [
-                          F(U, {
+                          F(z, {
                             name: "check",
                             class: "h-5 w-5",
                             "aria-hidden": "true"
@@ -2735,24 +2737,24 @@ const _r = /* @__PURE__ */ A({
         margin: `mr-${o[Math.floor(Math.random() * o.length)]}`
       };
     });
-    return (o, n) => (R(), T("div", cr, [
-      I("div", dr, [
-        o.avatar ? (R(), T("div", fr)) : M("", !0),
-        o.title ? (R(), T("div", pr)) : M("", !0)
+    return (o, n) => (R(), L("div", cr, [
+      T("div", dr, [
+        o.avatar ? (R(), L("div", fr)) : M("", !0),
+        o.title ? (R(), L("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 ? (R(), L("div", mr, [
+        (R(!0), L(be, null, jt(P(l), (r, i) => (R(), L("div", {
           class: $(["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 ? (R(), L("div", vr)) : M("", !0)
     ]));
   }
 }), Ar = /* @__PURE__ */ A({
   __name: "Spinner",
   setup(e) {
-    return (t, l) => (R(), K(P(U), {
+    return (t, l) => (R(), K(P(z), {
       class: "animate-spin",
       name: "circle-notch"
     }));
@@ -2818,32 +2820,32 @@ const _r = /* @__PURE__ */ A({
     function c() {
       o.isDisabled || l("onClickSplit");
     }
-    return (a, s) => (R(), T("div", gr, [
-      I("button", {
+    return (a, s) => (R(), L("div", gr, [
+      T("button", {
         type: "button",
         "aria-label": a.label,
         tabindex: a.isDisabled ? "-1" : void 0,
         class: $(["relative transition duration-150 ease-in-out rounded-l-lg", n.value]),
         onClick: u
       }, [
-        I("div", {
+        T("div", {
           class: $(!a.isLoading || "invisible")
         }, [
-          I("span", null, B(a.label), 1)
+          T("span", null, H(a.label), 1)
         ], 2),
-        a.isLoading ? (R(), T("span", hr, [
-          F(U, {
+        a.isLoading ? (R(), L("span", hr, [
+          F(z, {
             class: "ml-3 animate-spin",
             name: "circle-notch"
           })
         ])) : M("", !0)
       ], 10, br),
-      I("button", {
+      T("button", {
         type: "button",
         class: $(["border-l-white/50 border-l transition duration-150 ease-in-out rounded-r-lg", [n.value, r.value]]),
         onClick: c
       }, [
-        F(U, {
+        F(z, {
           class: $([i.value]),
           name: a.icon
         }, null, 8, ["class", "name"])
@@ -2865,18 +2867,18 @@ const _r = /* @__PURE__ */ A({
     const l = t, o = (n) => {
       l("update:modelValue", n), l("change", n);
     };
-    return (n, r) => (R(), K(P(yl), {
+    return (n, r) => (R(), K(P(hl), {
       modelValue: n.modelValue,
       label: n.label,
       class: $([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"]),
       "onUpdate:modelValue": o
     }, {
       default: W(() => [
-        I("span", {
+        T("span", {
           class: $(["absolute text-xs text-center text-white inset-x-2", n.modelValue ? "pr-3" : "pl-3"])
-        }, B(n.modelValue === !0 ? n.onLabel : n.offLabel), 3),
-        I("span", yr, B(n.label), 1),
-        I("span", {
+        }, H(n.modelValue === !0 ? n.onLabel : n.offLabel), 3),
+        T("span", yr, H(n.label), 1),
+        T("span", {
           class: $([n.modelValue ? "translate-x-9" : "translate-x-1", "inline-block w-4 h-4 transition bg-white rounded-full"])
         }, null, 2)
       ]),
@@ -2903,8 +2905,8 @@ const _r = /* @__PURE__ */ A({
       focus: () => {
         o.isDisabled || a.value.focus();
       }
-    }), (d, v) => (R(), T("div", xr, [
-      I("textarea", ot({
+    }), (d, v) => (R(), L("div", xr, [
+      T("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 ?? ""
@@ -2922,7 +2924,7 @@ const _r = /* @__PURE__ */ A({
 export {
   Rr as D9Button,
   Er as D9Checkbox,
-  U as D9Icon,
+  z as D9Icon,
   Dr as D9Input,
   Pr as D9Label,
   _r as D9Menu,
@@ -2934,5 +2936,5 @@ export {
   Mr as D9Switch,
   Vr as D9Textarea,
   xt as brands,
-  qn as icons
+  Gn as icons
 };