@deck9/ui 0.15.0 → 0.15.2

package/dist/src/ui.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as $, computed as k, openBlock as R, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as T, normalizeClass as A, createElementVNode as I, toDisplayString as B, createVNode as F, ref as O, getCurrentInstance as In, onMounted as ee, watch as Q, Fragment as be, withDirectives as $n, vModelText as An, normalizeStyle as Nt, cloneVNode as Mn, h as Ce, 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 g from "@fortawesome/free-solid-svg-icons";
+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,
@@ -21,96 +21,106 @@ const yt = {
   aliases: Ze
 };
 lt.add(
-  g.faAlignCenter,
-  g.faAlignLeft,
-  g.faAlignRight,
-  g.faArrowUp19,
-  g.faAt,
-  g.faBold,
-  g.faBolt,
-  g.faCalendar,
-  g.faChartPie,
-  g.faCheck,
-  g.faCheckCircle,
-  g.faChevronDown,
-  g.faChevronLeft,
-  g.faChevronRight,
-  g.faChevronUp,
-  g.faCircleCheck,
-  g.faCircleNotch,
-  g.faClipboard,
-  g.faCloudDownload,
-  g.faCloudUpload,
-  g.faCode,
-  g.faCog,
-  g.faCrown,
-  g.faDoorOpen,
-  g.faDotCircle,
-  g.faEllipsis,
-  g.faEllipsisVertical,
-  g.faEnvelope,
-  g.faExclamationTriangle,
-  g.faExternalLink,
-  g.faEyeDropper,
-  g.faFileLines,
-  g.faFilePdf,
-  g.faFileUpload,
-  g.faFileVideo,
-  g.faFileWaveform,
-  g.faFilter,
-  g.faFingerprint,
-  g.faFont,
-  g.faGlobe,
-  g.faGripHorizontal,
-  g.faGripVertical,
-  g.faHandPointRight,
-  g.faHashtag,
-  g.faHeading,
-  g.faHeart,
-  g.faImage,
-  g.faInfoCircle,
-  g.faItalic,
-  g.faLink,
-  g.faLinkSlash,
-  g.faList,
-  g.faListOl,
-  g.faListUl,
-  g.faLock,
-  g.faLockOpen,
-  g.faMedal,
-  g.faMessage,
-  g.faPencilAlt,
-  g.faPenToSquare,
-  g.faPhone,
-  g.faPlayCircle,
-  g.faPlus,
-  g.faPlusCircle,
-  g.faPoo,
-  g.faPuzzlePiece,
-  g.faQuoteLeft,
-  g.faQuoteRight,
-  g.faReply,
-  g.faReplyAll,
-  g.faRobot,
-  g.faSave,
-  g.faShield,
-  g.faSignal,
-  g.faSignature,
-  g.faSignature,
-  g.faSquareCheck,
-  g.faStar,
-  g.faStrikethrough,
-  g.faTextSlash,
-  g.faTimes,
-  g.faTrash,
-  g.faTree,
-  g.faTrophy,
-  g.faTurnDown,
-  g.faUnderline,
-  g.faUpload,
-  g.faUser,
-  g.faUserShield,
-  g.faWandMagicSparkles,
+  p.faAlignCenter,
+  p.faAlignLeft,
+  p.faAlignRight,
+  p.faArrowUp19,
+  p.faAsterisk,
+  p.faAt,
+  p.faBold,
+  p.faBolt,
+  p.faCalendar,
+  p.faChartPie,
+  p.faCheck,
+  p.faCheckCircle,
+  p.faChevronDown,
+  p.faChevronLeft,
+  p.faChevronRight,
+  p.faChevronUp,
+  p.faCircleCheck,
+  p.faCircleNodes,
+  p.faCircleNotch,
+  p.faClipboard,
+  p.faCloudDownload,
+  p.faCloudUpload,
+  p.faCode,
+  p.faCodeBranch,
+  p.faCodeFork,
+  p.faCog,
+  p.faCrown,
+  p.faDiagramProject,
+  p.faDoorOpen,
+  p.faDotCircle,
+  p.faEllipsis,
+  p.faEllipsisVertical,
+  p.faEnvelope,
+  p.faExclamationTriangle,
+  p.faExternalLink,
+  p.faEyeDropper,
+  p.faFileLines,
+  p.faFilePdf,
+  p.faFileUpload,
+  p.faFileVideo,
+  p.faFileWaveform,
+  p.faFilter,
+  p.faFilter,
+  p.faFingerprint,
+  p.faFont,
+  p.faGears,
+  p.faGlobe,
+  p.faGripHorizontal,
+  p.faGripVertical,
+  p.faHandPointRight,
+  p.faHashtag,
+  p.faHeading,
+  p.faHeart,
+  p.faImage,
+  p.faInfoCircle,
+  p.faItalic,
+  p.faLink,
+  p.faLinkSlash,
+  p.faList,
+  p.faListOl,
+  p.faListUl,
+  p.faLock,
+  p.faLockOpen,
+  p.faMedal,
+  p.faMessage,
+  p.faMicrochip,
+  p.faPencilAlt,
+  p.faPenToSquare,
+  p.faPhone,
+  p.faPlayCircle,
+  p.faPlus,
+  p.faPlusCircle,
+  p.faPoo,
+  p.faPuzzlePiece,
+  p.faQuestion,
+  p.faQuoteLeft,
+  p.faQuoteRight,
+  p.faReply,
+  p.faReplyAll,
+  p.faRobot,
+  p.faSave,
+  p.faShield,
+  p.faSignal,
+  p.faSignature,
+  p.faSignature,
+  p.faSquareCheck,
+  p.faStar,
+  p.faStrikethrough,
+  p.faTerminal,
+  p.faTextSlash,
+  p.faTimes,
+  p.faTrash,
+  p.faTree,
+  p.faTrophy,
+  p.faTurnDown,
+  p.faUnderline,
+  p.faUpload,
+  p.faUser,
+  p.faUserShield,
+  p.faWandMagicSparkles,
   // Brands
   Se.faTwitter,
   Se.faInstagram,
@@ -118,27 +128,27 @@ 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__ */ $({
+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__ */ $({
+}, Rr = /* @__PURE__ */ A({
   __name: "Button",
   props: {
     label: {},
@@ -190,70 +200,70 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
     function i() {
       o.isDisabled || l("onClick");
     }
-    return (u, c) => (R(), T("button", {
-      class: A(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out", n.value]),
+    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", {
-        class: A(!u.isLoading || "invisible")
+      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: A(r.value)
+          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: A(r.value)
+          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__ */ $({
+}, Er = /* @__PURE__ */ A({
   __name: "Checkbox",
   props: {
     id: { default: qt() },
@@ -266,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() {
-  const e = O(!1);
+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 = O(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;
@@ -306,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;
@@ -332,33 +342,33 @@ const bo = (e) => {
     t.length = l;
   }
 };
-let Oe = 0, ie = 1;
+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)
       return this.fn();
-    let t = Y, l = $e;
+    let t = Y, l = Ae;
     for (; t; ) {
       if (t === this)
         return;
       t = t.parent;
     }
     try {
-      return this.parent = Y, Y = this, $e = !0, ie = 1 << ++Oe, Oe <= Je ? ho(this) : Ot(this), this.fn();
+      return this.parent = Y, Y = this, Ae = !0, ie = 1 << ++Ce, Ce <= Je ? bo(this) : Ct(this), this.fn();
     } finally {
-      Oe <= Je && yo(this), ie = 1 << --Oe, Y = this.parent, $e = 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() {
-    Y === this ? this.deferStop = !0 : this.active && (Ot(this), this.onStop && this.onStop(), this.active = !1);
+    Y === this ? this.deferStop = !0 : this.active && (Ct(this), this.onStop && this.onStop(), this.active = !1);
   }
 }
-function Ot(e) {
+function Ct(e) {
   const { deps: t } = e;
   if (t.length) {
     for (let l = 0; l < t.length; l++)
@@ -366,59 +376,59 @@ function Ot(e) {
     t.length = 0;
   }
 }
-let $e = !0;
-function wo(e, t) {
+let Ae = !0;
+function xo(e, t) {
   let l = !1;
-  Oe <= Je ? Yt(e) || (e.n |= ie, l = !Xt(e)) : l = !e.has(Y), l && (e.add(Y), Y.deps.push(e));
+  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 && Ct(o);
+    o.computed && Ot(o);
   for (const o of l)
-    o.computed || Ct(o);
+    o.computed || Ot(o);
 }
-function Ct(e, t) {
+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) {
-  $e && 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 Oo(e, t) {
+function So(e, t) {
   e = Be(e);
   const l = e.dep;
-  l && ko(l);
+  l && wo(l);
 }
 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, Oo(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 Co(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",
@@ -440,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__ */ $({
-  ..._o,
+}, Dr = /* @__PURE__ */ A({
+  ...Po,
   __name: "Input",
   props: {
     modelValue: {},
@@ -459,7 +469,7 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: l }) {
-    const o = e, n = O(null), r = O(o.modelValue ?? "");
+    const o = e, n = C(null), r = C(o.modelValue ?? "");
     Q(
       () => o.modelValue,
       (y) => {
@@ -468,15 +478,15 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
     );
     const i = l, { inputClasses: u, disabledClasses: c, textSizeClasses: a } = rt(o), s = k(() => o.type === "color" ? "text" : o.type), {
       isSupported: d,
-      open: m,
+      open: v,
       sRGBHex: f
-    } = uo(), v = () => {
-      m();
+    } = so(), g = () => {
+      v();
     };
     Q(f, (y) => {
       r.value = y, i("update:modelValue", y);
     });
-    const p = function(y) {
+    const m = function(y) {
       const x = (y == null ? void 0 : y.target).value;
       if (o.type === "number" && o.min && parseInt(x) < o.min) {
         r.value = o.min, n.value.value = r.value.toString(), i("update:modelValue", o.min);
@@ -487,15 +497,15 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
         return;
       }
       r.value = (y == null ? void 0 : y.target).value, i("update:modelValue", r.value);
-    }, h = O(null);
+    }, h = C(null);
     return t({
       focus: () => {
         o.isDisabled || h.value.focus();
       }
-    }), (y, x) => (R(), T("div", {
-      class: A(["relative", [y.block ? "w-full block" : "inline-block"]])
+    }), (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,
@@ -504,46 +514,46 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
       }, y.$attrs, {
         ref_key: "inputElement",
         ref: n,
-        onInput: p
-      }), null, 16, Do),
-      y.type === "color" ? (R(), T(be, { key: 0 }, [
-        I("label", Po, [
-          $n(I("input", {
+        onInput: m
+      }), 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),
-            onInput: p
+            onInput: m
           }, null, 544), [
-            [An, r.value]
+            [$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: v
+          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: A(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", P(a)])
+        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__ */ $({
+}, Pr = /* @__PURE__ */ A({
   __name: "Label",
   props: {
     id: {},
@@ -551,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)
     ]));
   }
 });
@@ -565,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 || {}), $o = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))($o || {});
-function z({ visible: e = !0, features: t = 0, ourProps: l, theirProps: o, ...n }) {
+var 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)
@@ -585,27 +595,27 @@ function Qe({ props: e, attrs: t, slots: l, slot: o, name: n }) {
   var r, i;
   let { as: u, ...c } = it(e, ["unmount", "static"]), a = (r = l.default) == null ? void 0 : r.call(l, o), s = {};
   if (o) {
-    let d = !1, m = [];
-    for (let [f, v] of Object.entries(o))
-      typeof v == "boolean" && (d = !0), v === !0 && m.push(f);
-    d && (s["data-headlessui-state"] = m.join(" "));
+    let d = !1, v = [];
+    for (let [f, g] of Object.entries(o))
+      typeof g == "boolean" && (d = !0), g === !0 && v.push(f);
+    d && (s["data-headlessui-state"] = v.join(" "));
   }
   if (u === "template") {
     if (a = Qt(a ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
-      let [d, ...m] = a ?? [];
-      if (!Ao(d) || m.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(c).concat(Object.keys(t)).map((p) => p.trim()).filter((p, h, b) => b.indexOf(p) === h).sort((p, h) => p.localeCompare(h)).map((p) => `  - ${p}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((p) => `  - ${p}`).join(`
+      let [d, ...v] = a ?? [];
+      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(`
 `));
-      let f = Zt((i = d.props) != null ? i : {}, c), v = Mn(d, f);
-      for (let p in f)
-        p.startsWith("on") && (v.props || (v.props = {}), v.props[p] = f[p]);
-      return v;
+      let f = Zt((i = d.props) != null ? i : {}, c), g = Mn(d, f);
+      for (let m in f)
+        m.startsWith("on") && (g.props || (g.props = {}), g.props[m] = f[m]);
+      return g;
     }
     return Array.isArray(a) && a.length === 1 ? a[0] : a;
   }
-  return Ce(u, Object.assign({}, c, s), { default: () => a });
+  return Oe(u, Object.assign({}, c, s), { default: () => a });
 }
 function Qt(e) {
   return e.flatMap((t) => t.type === be ? Qt(t.children) : [t]);
@@ -647,18 +657,18 @@ function it(e, t = []) {
 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)
@@ -682,7 +692,7 @@ function en(e, t) {
       case 5:
         return null;
       default:
-        Fo(e);
+        Vo(e);
     }
   })();
   return r === -1 ? o : r;
@@ -707,7 +717,7 @@ function Et(e, t) {
     return "button";
 }
 function at(e, t) {
-  let l = O(Et(e.value.type, e.value.as));
+  let l = C(Et(e.value.type, e.value.as));
   return ee(() => {
     l.value = Et(e.value.type, e.value.as);
   }), xe(() => {
@@ -715,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);
   }
@@ -739,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;
@@ -752,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)
@@ -766,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)));
 }
@@ -787,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) => {
@@ -814,13 +824,13 @@ 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((v) => !n.includes(v))), o = o ?? i.activeElement;
+  n.length > 0 && u.length > 1 && (u = u.filter((g) => !n.includes(g))), o = o ?? i.activeElement;
   let c = (() => {
     if (t & 5)
       return 1;
@@ -837,29 +847,29 @@ function Yo(e, t, { sorted: l = !0, relativeTo: o = null, skipElements: n = [] }
     if (t & 8)
       return u.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), s = t & 32 ? { preventScroll: !0 } : {}, d = 0, m = u.length, f;
+  })(), s = t & 32 ? { preventScroll: !0 } : {}, d = 0, v = u.length, f;
   do {
-    if (d >= m || d + m <= 0)
+    if (d >= v || d + v <= 0)
       return 0;
-    let v = a + d;
+    let g = a + d;
     if (t & 16)
-      v = (v + m) % m;
+      g = (g + v) % v;
     else {
-      if (v < 0)
+      if (g < 0)
         return 3;
-      if (v >= m)
+      if (g >= v)
         return 1;
     }
-    f = u[v], f == null || f.focus(s), d += c;
+    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));
   });
@@ -883,7 +893,7 @@ function an(e, t, l = k(() => !0)) {
     }
     return !ze(u, je.Loose) && u.tabIndex !== -1 && r.preventDefault(), t(r, u);
   }
-  let n = O(null);
+  let n = C(null);
   Le("pointerdown", (r) => {
     var i, u;
     l.value && (n.value = ((u = (i = r.composedPath) == null ? void 0 : i.call(r)) == null ? void 0 : u[0]) || r.target);
@@ -892,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 = $({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: l }) {
+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 = []) {
@@ -916,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) {
@@ -929,7 +939,7 @@ function Zo(e) {
   }
 }
 function fn(e, t, l) {
-  let o = O(l == null ? void 0 : l.value), n = k(() => e.value !== void 0);
+  let o = C(l == null ? void 0 : l.value), n = k(() => e.value !== void 0);
   return [k(() => n.value ? e.value : o.value), function(r) {
     return n.value || (o.value = r), t == null ? void 0 : t(r);
   }];
@@ -938,7 +948,7 @@ function Pt(e) {
   return [e.screenX, e.screenY];
 }
 function pn() {
-  let e = O([-1, -1]);
+  let e = C([-1, -1]);
   return { wasMoved(t) {
     let l = Pt(t);
     return e.value[0] === l[0] && e.value[1] === l[1] ? !1 : (e.value = l, !0);
@@ -947,14 +957,14 @@ 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 = O({}), name: t = "Description", props: l = {} } = {}) {
-  let o = O([]);
+function Jo({ slot: e = C({}), name: t = "Description", props: l = {} } = {}) {
+  let o = C([]);
   function n(r) {
     return o.value.push(r), () => {
       let i = o.value.indexOf(r);
@@ -963,11 +973,11 @@ function el({ slot: e = O({}), 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);
 }
-$({ 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();
+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 = Zo();
   return ee(() => Ne(o.register(e.id))), () => {
-    let { name: n = "Description", slot: r = O({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [d, m]) => Object.assign(s, { [d]: P(m) }), {}), id: u };
-    return z({ ourProps: a, theirProps: c, slot: r.value, attrs: t, slots: l, name: n });
+    let { 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 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;
@@ -982,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();
@@ -1002,7 +1012,7 @@ function tl(e) {
   return Tt(e).trim();
 }
 function vn(e) {
-  let t = O(""), l = O("");
+  let t = C(""), l = C("");
   return () => {
     let o = E(e);
     if (!o)
@@ -1010,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");
@@ -1030,13 +1040,13 @@ function De(e) {
   }
   return t;
 }
-let al = $({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => nl }, horizontal: { type: [Boolean], default: !1 }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: l, emit: o }) {
-  let n = O(1), r = O(null), i = O(null), u = O(null), c = O([]), a = O(""), s = O(null), d = O(1);
-  function m(x = (w) => w) {
-    let w = s.value !== null ? c.value[s.value] : null, S = ct(x(c.value.slice()), (C) => E(C.dataRef.domRef)), _ = w ? S.indexOf(w) : null;
+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;
     return _ === -1 && (_ = null), { options: S, activeOptionIndex: _ };
   }
-  let f = k(() => e.multiple ? 1 : 0), [v, p] = fn(k(() => e.modelValue), (x) => o("update:modelValue", x), k(() => e.defaultValue)), h = k(() => v.value === void 0 ? G(f.value, { 1: [], 0: void 0 }) : v.value), b = { listboxState: n, value: h, mode: f, compare(x, w) {
+  let f = k(() => e.multiple ? 1 : 0), [g, m] = fn(k(() => e.modelValue), (x) => o("update:modelValue", x), k(() => e.defaultValue)), h = k(() => g.value === void 0 ? G(f.value, { 1: [], 0: void 0 }) : g.value), b = { listboxState: n, value: h, mode: f, compare(x, w) {
     if (typeof e.by == "string") {
       let S = e.by;
       return (x == null ? void 0 : x[S]) === (w == null ? void 0 : w[S]);
@@ -1049,31 +1059,31 @@ let al = $({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
   }, goToOption(x, w, S) {
     if (e.disabled || n.value === 1)
       return;
-    let _ = m(), C = en(x === L.Specific ? { focus: L.Specific, id: w } : { focus: x }, { resolveItems: () => _.options, resolveActiveIndex: () => _.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
-    a.value = "", s.value = C, d.value = S ?? 1, c.value = _.options;
+    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)
       return;
     let w = a.value !== "" ? 0 : 1;
     a.value += x.toLowerCase();
-    let S = (s.value !== null ? c.value.slice(s.value + w).concat(c.value.slice(0, s.value + w)) : c.value).find((C) => C.dataRef.textValue.startsWith(a.value) && !C.dataRef.disabled), _ = S ? c.value.indexOf(S) : -1;
+    let S = (s.value !== null ? c.value.slice(s.value + w).concat(c.value.slice(0, s.value + w)) : c.value).find((O) => O.dataRef.textValue.startsWith(a.value) && !O.dataRef.disabled), _ = S ? c.value.indexOf(S) : -1;
     _ === -1 || _ === s.value || (s.value = _, d.value = 1);
   }, clearSearch() {
     e.disabled || n.value !== 1 && a.value !== "" && (a.value = "");
   }, registerOption(x, w) {
-    let S = m((_) => [..._, { id: x, dataRef: w }]);
+    let S = v((_) => [..._, { id: x, dataRef: w }]);
     c.value = S.options, s.value = S.activeOptionIndex;
   }, unregisterOption(x) {
-    let w = m((S) => {
-      let _ = S.findIndex((C) => C.id === x);
+    let w = v((S) => {
+      let _ = S.findIndex((O) => O.id === x);
       return _ !== -1 && S.splice(_, 1), S;
     });
     c.value = w.options, s.value = w.activeOptionIndex, d.value = 1;
   }, theirOnChange(x) {
-    e.disabled || p(x);
+    e.disabled || m(x);
   }, select(x) {
-    e.disabled || p(G(f.value, { 0: () => x, 1: () => {
-      let w = X(b.value.value).slice(), S = X(x), _ = w.findIndex((C) => b.compare(S, X(C)));
+    e.disabled || m(G(f.value, { 0: () => x, 1: () => {
+      let w = X(b.value.value).slice(), S = X(x), _ = w.findIndex((O) => b.compare(S, X(O)));
       return _ === -1 ? w.push(S) : w.splice(_, 1), w;
     } }));
   } };
@@ -1098,11 +1108,11 @@ let al = $({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: x, modelValue: w, disabled: S, form: _, ...C } = e, N = { open: n.value === 0, disabled: S, value: h.value };
-    return Ce(be, [...x != null && h.value != null ? un({ [x]: h.value }).map(([re, _e]) => Ce(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: _, name: re, value: _e }))) : [], z({ ourProps: {}, theirProps: { ...l, ...it(C, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
+    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 }))) : [], j({ ourProps: {}, theirProps: { ...l, ...it(O, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
   };
 } });
-$({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${J()}` } }, setup(e, { attrs: t, slots: l }) {
+A({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${J()}` } }, setup(e, { attrs: t, slots: l }) {
   let o = De("ListboxLabel");
   function n() {
     var r;
@@ -1110,10 +1120,10 @@ $({ 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 = $({ 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) {
@@ -1121,15 +1131,15 @@ let sl = $({ 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;
     }
@@ -1142,10 +1152,10 @@ let sl = $({ 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 });
     })));
@@ -1153,11 +1163,11 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   let c = at(k(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
     var a, s;
-    let d = { open: n.listboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: m, ...f } = e, v = { ref: n.buttonRef, id: m, type: c.value, "aria-haspopup": "listbox", "aria-controls": (a = 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, m].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: r, onKeyup: i, onClick: u };
-    return z({ ourProps: v, theirProps: f, slot: d, attrs: t, slots: l, name: "ListboxButton" });
+    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 j({ ourProps: g, theirProps: f, slot: d, attrs: t, slots: l, name: "ListboxButton" });
   };
-} }), ul = $({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-listbox-options-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
-  let n = De("ListboxOptions"), r = O(null);
+} }), 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) {
     switch (r.value && clearTimeout(r.value), a.key) {
@@ -1169,23 +1179,23 @@ let sl = $({ 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 });
         });
@@ -1200,12 +1210,12 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   }
   let u = nn(), c = k(() => u !== null ? (u.value & te.Open) === te.Open : n.listboxState.value === 0);
   return () => {
-    var a, s, d, m;
-    let f = { open: n.listboxState.value === 0 }, { id: v, ...p } = 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": (m = (s = E(n.labelRef)) == null ? void 0 : s.id) != null ? m : (d = E(n.buttonRef)) == null ? void 0 : d.id, "aria-orientation": n.orientation.value, id: v, onKeydown: i, role: "listbox", tabIndex: 0, ref: n.optionsRef };
-    return z({ ourProps: h, theirProps: p, slot: f, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: c.value, name: "ListboxOptions" });
+    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 j({ ourProps: h, theirProps: m, slot: f, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: c.value, name: "ListboxOptions" });
   };
-} }), cl = $({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-listbox.option-${J()}` } }, setup(e, { slots: t, attrs: l, expose: o }) {
-  let n = De("ListboxOption"), r = O(null);
+} }), 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: () => {
     var b;
@@ -1217,13 +1227,13 @@ let sl = $({ 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" });
     });
@@ -1231,96 +1241,96 @@ let sl = $({ 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 m() {
+  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 v(b) {
+  function g(b) {
     f.update(b);
   }
-  function p(b) {
-    f.wasMoved(b) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
+  function m(b) {
+    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, C = { 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: m, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: h, onMouseleave: h };
-    return z({ ourProps: C, theirProps: _, slot: y, attrs: l, slots: t, name: "ListboxOption" });
+    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 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 = $({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
-  let o = O(1), n = O(null), r = O(null), i = O([]), u = O(""), c = O(null), a = O(1);
-  function s(m = (f) => f) {
-    let f = c.value !== null ? i.value[c.value] : null, v = ct(m(i.value.slice()), (h) => E(h.dataRef.domRef)), p = f ? v.indexOf(f) : null;
-    return p === -1 && (p = null), { items: v, activeItemIndex: p };
+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;
+    return m === -1 && (m = null), { items: g, activeItemIndex: m };
   }
   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(m, f, v) {
-    let p = s(), h = en(m === L.Specific ? { focus: L.Specific, id: f } : { focus: m }, { resolveItems: () => p.items, resolveActiveIndex: () => p.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
-    u.value = "", c.value = h, a.value = v ?? 1, i.value = p.items;
-  }, search(m) {
+  }, openMenu: () => o.value = 0, goToItem(v, f, g) {
+    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;
-    u.value += m.toLowerCase();
-    let v = (c.value !== null ? i.value.slice(c.value + f).concat(i.value.slice(0, c.value + f)) : i.value).find((h) => h.dataRef.textValue.startsWith(u.value) && !h.dataRef.disabled), p = v ? i.value.indexOf(v) : -1;
-    p === -1 || p === c.value || (c.value = p, a.value = 1);
+    u.value += v.toLowerCase();
+    let g = (c.value !== null ? i.value.slice(c.value + f).concat(i.value.slice(0, c.value + f)) : i.value).find((h) => h.dataRef.textValue.startsWith(u.value) && !h.dataRef.disabled), m = g ? i.value.indexOf(g) : -1;
+    m === -1 || m === c.value || (c.value = m, a.value = 1);
   }, clearSearch() {
     u.value = "";
-  }, registerItem(m, f) {
-    let v = s((p) => [...p, { id: m, dataRef: f }]);
-    i.value = v.items, c.value = v.activeItemIndex, a.value = 1;
-  }, unregisterItem(m) {
-    let f = s((v) => {
-      let p = v.findIndex((h) => h.id === m);
-      return p !== -1 && v.splice(p, 1), v;
+  }, registerItem(v, f) {
+    let g = s((m) => [...m, { id: v, dataRef: f }]);
+    i.value = g.items, c.value = g.activeItemIndex, a.value = 1;
+  }, unregisterItem(v) {
+    let f = s((g) => {
+      let m = g.findIndex((h) => h.id === v);
+      return m !== -1 && g.splice(m, 1), g;
     });
     i.value = f.items, c.value = f.activeItemIndex, a.value = 1;
   } };
-  return an([n, r], (m, f) => {
-    var v;
-    d.closeMenu(), ze(f, je.Loose) || (m.preventDefault(), (v = E(n)) == null || v.focus());
+  return an([n, r], (v, f) => {
+    var g;
+    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 m = { open: o.value === 0, close: d.closeMenu };
-    return z({ ourProps: {}, theirProps: e, slot: m, slots: t, attrs: l, name: "Menu" });
+    let v = { open: o.value === 0, close: d.closeMenu };
+    return j({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: l, name: "Menu" });
   };
-} }), vl = $({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
-  let n = Ue("MenuButton");
+} }), 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;
     }
@@ -1333,10 +1343,10 @@ let ml = $({ 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 });
     })));
@@ -1344,12 +1354,12 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let c = at(k(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
     var a;
-    let s = { open: n.menuState.value === 0 }, { id: d, ...m } = e, f = { ref: n.buttonRef, id: d, type: c.value, "aria-haspopup": "menu", "aria-controls": (a = 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: m, slot: s, attrs: t, slots: l, name: "MenuButton" });
+    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 j({ ourProps: f, theirProps: v, slot: s, attrs: t, slots: l, name: "MenuButton" });
   };
-} }), gl = $({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${J()}` } }, setup(e, { attrs: t, slots: l, expose: o }) {
-  let n = Ue("MenuItems"), r = O(null);
-  o({ el: n.itemsRef, $el: n.itemsRef }), zo({ container: 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");
@@ -1362,29 +1372,29 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
           return s.preventDefault(), s.stopPropagation(), n.search(s.key);
       case D.Enter:
         if (s.preventDefault(), s.stopPropagation(), n.activeItemIndex.value !== null) {
-          let m = n.items.value[n.activeItemIndex.value];
-          (d = E(m.dataRef.domRef)) == null || d.click();
+          let v = n.items.value[n.activeItemIndex.value];
+          (d = E(v.dataRef.domRef)) == null || d.click();
         }
         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(() => {
-          var m;
-          return (m = E(n.buttonRef)) == null ? void 0 : m.focus({ preventScroll: !0 });
+        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));
@@ -1401,44 +1411,44 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let c = nn(), a = k(() => c !== null ? (c.value & te.Open) === te.Open : n.menuState.value === 0);
   return () => {
     var s, d;
-    let m = { open: n.menuState.value === 0 }, { id: f, ...v } = e, p = { "aria-activedescendant": n.activeItemIndex.value === null || (s = n.items.value[n.activeItemIndex.value]) == null ? void 0 : s.id, "aria-labelledby": (d = E(n.buttonRef)) == null ? void 0 : d.id, id: f, onKeydown: i, onKeyup: u, role: "menu", tabIndex: 0, ref: n.itemsRef };
-    return z({ ourProps: p, theirProps: v, slot: m, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: a.value, name: "MenuItems" });
+    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 j({ ourProps: m, theirProps: g, slot: v, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: a.value, name: "MenuItems" });
   };
-} }), bl = $({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${J()}` } }, setup(e, { slots: t, attrs: l, expose: o }) {
-  let n = Ue("MenuItem"), r = O(null);
+} }), 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(() => {
-      var p, h;
-      return (h = (p = E(r)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : h.call(p, { block: "nearest" });
+    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" });
     });
   });
-  function a(p) {
+  function a(m) {
     if (e.disabled)
-      return p.preventDefault();
+      return m.preventDefault();
     n.closeMenu(), rn(E(n.buttonRef));
   }
   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 m(p) {
-    d.update(p);
+  function v(m) {
+    d.update(m);
   }
-  function f(p) {
-    d.wasMoved(p) && (e.disabled || i.value || n.goToItem(L.Specific, e.id, 0));
+  function f(m) {
+    d.wasMoved(m) && (e.disabled || i.value || n.goToItem(I.Specific, e.id, 0));
   }
-  function v(p) {
-    d.wasMoved(p) && (e.disabled || i.value && n.goToItem(L.Nothing));
+  function g(m) {
+    d.wasMoved(m) && (e.disabled || i.value && n.goToItem(I.Nothing));
   }
   return () => {
-    let { disabled: p } = e, h = { active: i.value, disabled: p, close: n.closeMenu }, { id: b, ...y } = e;
-    return z({ ourProps: { id: b, ref: r, role: "menuitem", tabIndex: p === !0 ? void 0 : -1, "aria-disabled": p === !0 ? !0 : void 0, disabled: void 0, onClick: a, onFocus: s, onPointerenter: m, onMouseenter: m, onPointermove: f, onMousemove: f, onPointerleave: v, onMouseleave: v }, theirProps: { ...l, ...y }, slot: h, attrs: l, slots: t, name: "MenuItem" });
+    let { disabled: m } = e, h = { active: i.value, disabled: m, close: n.closeMenu }, { id: b, ...y } = e;
+    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() {
@@ -1449,8 +1459,8 @@ function yn() {
   }
   return e;
 }
-function hl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
-  let o = O([]);
+function bl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
+  let o = C([]);
   function n(r) {
     return o.value.push(r), () => {
       let i = o.value.indexOf(r);
@@ -1459,76 +1469,76 @@ function hl({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
   }
   return ye(hn, { register: n, slot: e, name: t, props: l }), k(() => o.value.length > 0 ? o.value.join(" ") : void 0);
 }
-$({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${J()}` } }, setup(e, { slots: t, attrs: l }) {
+A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${J()}` } }, setup(e, { slots: t, attrs: l }) {
   let o = yn();
   return ee(() => 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, [m, f]) => Object.assign(d, { [m]: P(f) }), {}), id: u };
-    return c && (delete s.onClick, delete s.htmlFor, delete a.onClick), z({ ourProps: s, theirProps: a, slot: r, attrs: l, slots: t, name: n });
+    let { 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), j({ ourProps: s, theirProps: a, slot: r, attrs: l, slots: t, name: n });
   };
 } });
 let xn = Symbol("GroupContext");
-$({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
-  let o = O(null), n = hl({ name: "SwitchLabel", props: { htmlFor: k(() => {
+A({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
+  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 = $({ 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);
   }
-  let a = O(null), s = r === null ? a : r.switchRef, d = at(k(() => ({ as: e.as, type: l.type })), s);
+  let a = C(null), s = r === null ? a : r.switchRef, d = at(k(() => ({ as: e.as, type: l.type })), s);
   n({ el: s, $el: s });
-  function m(h) {
+  function v(h) {
     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 v(h) {
+  function g(h) {
     h.preventDefault();
   }
-  let p = k(() => {
+  let m = k(() => {
     var h, b;
     return (b = (h = E(s)) == null ? void 0 : h.closest) == null ? void 0 : b.call(h, "form");
   });
   return ee(() => {
-    Q([p], () => {
-      if (!p.value || e.defaultChecked === void 0)
+    Q([m], () => {
+      if (!m.value || e.defaultChecked === void 0)
         return;
       function h() {
         u(e.defaultChecked);
       }
-      return p.value.addEventListener("reset", h), () => {
+      return m.value.addEventListener("reset", h), () => {
         var b;
-        (b = p.value) == null || b.removeEventListener("reset", h);
+        (b = m.value) == null || b.removeEventListener("reset", h);
       };
     }, { 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: m, onKeyup: f, onKeypress: v };
-    return Ce(be, [b != null && i.value != null ? Ce(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" })]);
+    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, j({ ourProps: _, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
   };
 } });
-const Ae = Math.min, ue = Math.max, Me = Math.round, Ie = Math.floor, ae = (e) => ({
+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, Ae(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) {
@@ -1549,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 Ol(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":
@@ -1577,13 +1587,13 @@ function Ol(e, t, l) {
 }
 function Cl(e, t, l, o) {
   const n = We(e);
-  let r = Ol(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,
@@ -1592,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,
@@ -1614,7 +1624,7 @@ function It(e, t, l) {
     reference: o,
     floating: n
   } = e;
-  const r = Ke(t), i = Sn(t), u = kn(i), c = ce(t), a = r === "y", s = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, m = o[u] / 2 - n[u] / 2;
+  const r = Ke(t), i = Sn(t), u = kn(i), c = ce(t), a = r === "y", s = o.x + o.width / 2 - n.width / 2, d = o.y + o.height / 2 - n.height / 2, v = o[u] / 2 - n[u] / 2;
   let f;
   switch (c) {
     case "top":
@@ -1649,15 +1659,15 @@ function It(e, t, l) {
   }
   switch (We(t)) {
     case "start":
-      f[i] -= m * (l && a ? -1 : 1);
+      f[i] -= v * (l && a ? -1 : 1);
       break;
     case "end":
-      f[i] += m * (l && a ? -1 : 1);
+      f[i] += v * (l && a ? -1 : 1);
       break;
   }
   return f;
 }
-const Dl = async (e, t, l) => {
+const El = async (e, t, l) => {
   const {
     placement: o = "bottom",
     strategy: n = "absolute",
@@ -1671,12 +1681,12 @@ const Dl = async (e, t, l) => {
   }), {
     x: s,
     y: d
-  } = It(a, o, c), m = o, f = {}, v = 0;
-  for (let p = 0; p < u.length; p++) {
+  } = It(a, o, c), v = o, f = {}, g = 0;
+  for (let m = 0; m < u.length; m++) {
     const {
       name: h,
       fn: b
-    } = u[p], {
+    } = u[m], {
       x: y,
       y: x,
       data: w,
@@ -1685,7 +1695,7 @@ const Dl = async (e, t, l) => {
       x: s,
       y: d,
       initialPlacement: o,
-      placement: m,
+      placement: v,
       strategy: n,
       middlewareData: f,
       rects: a,
@@ -1701,27 +1711,27 @@ const Dl = async (e, t, l) => {
         ...f[h],
         ...w
       }
-    }, S && v <= 50) {
-      v++, typeof S == "object" && (S.placement && (m = S.placement), S.rects && (a = S.rects === !0 ? await i.getElementRects({
+    }, S && g <= 50) {
+      g++, typeof S == "object" && (S.placement && (v = S.placement), S.rects && (a = S.rects === !0 ? await i.getElementRects({
         reference: e,
         floating: t,
         strategy: n
       }) : S.rects), {
         x: s,
         y: d
-      } = It(a, m, c)), p = -1;
+      } = It(a, v, c)), m = -1;
       continue;
     }
   }
   return {
     x: s,
     y: d,
-    placement: m,
+    placement: v,
     strategy: n,
     middlewareData: f
   };
 };
-async function On(e, t) {
+async function Cn(e, t) {
   var l;
   t === void 0 && (t = {});
   const {
@@ -1735,9 +1745,9 @@ async function On(e, t) {
     boundary: a = "clippingAncestors",
     rootBoundary: s = "viewport",
     elementContext: d = "floating",
-    altBoundary: m = !1,
+    altBoundary: v = !1,
     padding: f = 0
-  } = He(t, e), v = El(f), h = u[m ? 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,
@@ -1758,13 +1768,13 @@ async function On(e, t) {
     strategy: c
   }) : y);
   return {
-    top: (b.top - S.top + v.top) / w.y,
-    bottom: (S.bottom - b.bottom + v.bottom) / w.y,
-    left: (b.left - S.left + v.left) / w.x,
-    right: (S.right - b.right + v.right) / w.x
+    top: (b.top - S.top + g.top) / w.y,
+    bottom: (S.bottom - b.bottom + g.bottom) / w.y,
+    left: (b.left - S.left + g.left) / w.x,
+    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,
@@ -1780,26 +1790,26 @@ const Pl = function(e) {
       } = t, {
         mainAxis: s = !0,
         crossAxis: d = !0,
-        fallbackPlacements: m,
+        fallbackPlacements: v,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: v = "none",
-        flipAlignment: p = !0,
+        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 = m || (y || !p ? [Ve(u)] : Sl(u));
-      !m && v !== "none" && w.push(...Cl(u, p, v, x));
-      const S = [u, ...w], _ = await On(t, h), C = [];
+      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 && C.push(_[b]), d) {
-        const se = kl(n, i, x);
-        C.push(_[se[0]], _[se[1]]);
+      if (s && O.push(_[b]), d) {
+        const se = wl(n, i, x);
+        O.push(_[se[0]], _[se[1]]);
       }
       if (N = [...N, {
         placement: n,
-        overflows: C
-      }], !C.every((se) => se <= 0)) {
+        overflows: O
+      }], !O.every((se) => se <= 0)) {
         var re, _e;
         const se = (((re = r.flip) == null ? void 0 : re.index) || 0) + 1, bt = S[se];
         if (bt)
@@ -1836,16 +1846,16 @@ 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: m,
+    mainAxis: v,
     crossAxis: f,
-    alignmentAxis: v
+    alignmentAxis: g
   } = typeof d == "number" ? {
     mainAxis: d,
     crossAxis: 0,
@@ -1856,15 +1866,15 @@ async function _l(e, t) {
     alignmentAxis: null,
     ...d
   };
-  return u && typeof v == "number" && (f = u === "end" ? v * -1 : v), c ? {
+  return u && typeof g == "number" && (f = u === "end" ? g * -1 : g), c ? {
     x: f * s,
-    y: m * a
+    y: v * a
   } : {
-    x: m * a,
+    x: v * a,
     y: f * s
   };
 }
-const Tl = function(e) {
+const _l = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1875,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,
@@ -1886,7 +1896,7 @@ const Tl = function(e) {
       };
     }
   };
-}, Ll = function(e) {
+}, Tl = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1911,29 +1921,29 @@ const Tl = function(e) {
           }
         },
         ...c
-      } = He(e, t), a = {
+      } = Ue(e, t), a = {
         x: l,
         y: o
-      }, s = await On(t, c), d = Ke(ce(n)), m = wn(d);
-      let f = a[m], v = a[d];
+      }, s = await Cn(t, c), d = Ke(ce(n)), v = wn(d);
+      let f = a[v], g = a[d];
       if (r) {
-        const h = m === "y" ? "top" : "left", b = m === "y" ? "bottom" : "right", y = f + s[h], x = f - s[b];
+        const h = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", y = f + s[h], x = f - s[b];
         f = Lt(y, f, x);
       }
       if (i) {
-        const h = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", y = v + s[h], x = v - s[b];
-        v = Lt(y, v, x);
+        const h = d === "y" ? "top" : "left", b = d === "y" ? "bottom" : "right", y = g + s[h], x = g - s[b];
+        g = Lt(y, g, x);
       }
-      const p = u.fn({
+      const m = u.fn({
         ...t,
-        [m]: f,
-        [d]: v
+        [v]: f,
+        [d]: g
       });
       return {
-        ...p,
+        ...m,
         data: {
-          x: p.x - l,
-          y: p.y - o
+          x: m.x - l,
+          y: m.y - o
         }
       };
     }
@@ -1942,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;
 }
@@ -1951,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 $t(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof H(e).ShadowRoot;
+function At(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof U(e).ShadowRoot;
 }
 function Pe(e) {
   const {
@@ -1971,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 $l(e) {
+function Il(e) {
   let t = ge(e);
   for (; Z(t) && !Ge(t); ) {
     if (pt(t))
@@ -1994,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) ? {
@@ -2012,19 +2022,19 @@ function ge(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    $t(e) && e.host || // Fallback.
+    At(e) && e.host || // Fallback.
     le(e)
   );
-  return $t(t) ? t.host : t;
+  return At(t) ? t.host : t;
 }
-function Cn(e) {
+function On(e) {
   const t = ge(e);
-  return Ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Z(t) && Pe(t) ? t : Cn(t);
+  return Ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Z(t) && Pe(t) ? t : On(t);
 }
 function Ee(e, t, l) {
   var o;
   t === void 0 && (t = []), l === void 0 && (l = !0);
-  const n = Cn(e), r = n === ((o = e.ownerDocument) == null ? void 0 : o.body), i = H(n);
+  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) {
@@ -2057,28 +2067,28 @@ function ve(e) {
 }
 const Al = /* @__PURE__ */ ae(0);
 function En(e) {
-  const t = H(e);
+  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 m = H(r), f = o && oe(o) ? H(o) : o;
-    let v = m.frameElement;
-    for (; v && o && f !== m; ) {
-      const p = ve(v), h = v.getBoundingClientRect(), b = q(v), y = h.left + (v.clientLeft + parseFloat(b.paddingLeft)) * p.x, x = h.top + (v.clientTop + parseFloat(b.paddingTop)) * p.y;
-      c *= p.x, a *= p.y, s *= p.x, d *= p.y, c += y, a += x, v = H(v).frameElement;
+    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 = U(g).frameElement;
     }
   }
   return Fe({
@@ -2088,7 +2098,7 @@ function de(e, t, l, o) {
     y: a
   });
 }
-function Vl(e) {
+function Ml(e) {
   let {
     rect: t,
     offsetParent: l,
@@ -2113,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;
@@ -2130,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;
@@ -2145,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,
@@ -2154,14 +2164,14 @@ function jl(e, t) {
     y: a
   };
 }
-function At(e, t, l) {
+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 = {
@@ -2176,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;
@@ -2189,17 +2199,17 @@ 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 d = At(t, s, n);
-    return a.top = ue(d.top, a.top), a.right = Ae(d.right, a.right), a.bottom = Ae(d.bottom, a.bottom), a.left = ue(d.left, a.left), a;
-  }, At(t, u, n));
+  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));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -2217,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,
@@ -2241,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 || $l(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,
@@ -2257,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,
@@ -2265,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() {
@@ -2292,13 +2302,13 @@ function Xl(e, t) {
       left: a,
       top: s,
       width: d,
-      height: m
+      height: v
     } = e.getBoundingClientRect();
-    if (u || t(), !d || !m)
+    if (u || t(), !d || !v)
       return;
-    const f = Ie(s), v = Ie(n.clientWidth - (a + d)), p = Ie(n.clientHeight - (s + m)), h = Ie(a), y = {
-      rootMargin: -f + "px " + -v + "px " + -p + "px " + -h + "px",
-      threshold: ue(0, Ae(1, c)) || 1
+    const f = Ie(s), g = Ie(n.clientWidth - (a + d)), m = Ie(n.clientHeight - (s + v)), h = Ie(a), y = {
+      rootMargin: -f + "px " + -g + "px " + -m + "px " + -h + "px",
+      threshold: ue(0, $e(1, c)) || 1
     };
     let x = !0;
     function w(S) {
@@ -2325,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,
@@ -2339,44 +2349,44 @@ function Yl(e, t, l, o) {
       passive: !0
     }), r && b.addEventListener("resize", l);
   });
-  const d = a && u ? Xl(a, l) : null;
-  let m = -1, f = null;
+  const d = a && u ? ql(a, l) : null;
+  let v = -1, f = null;
   i && (f = new ResizeObserver((b) => {
     let [y] = b;
-    y && y.target === a && f && (f.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    y && y.target === a && f && (f.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       f && f.observe(t);
     })), l();
   }), a && !c && f.observe(a), f.observe(t));
-  let v, p = c ? de(e) : null;
+  let g, m = c ? de(e) : null;
   c && h();
   function h() {
     const b = de(e);
-    p && (b.x !== p.x || b.y !== p.y || b.width !== p.width || b.height !== p.height) && l(), p = b, v = requestAnimationFrame(h);
+    m && (b.x !== m.x || b.y !== m.y || b.width !== m.width || b.height !== m.height) && l(), m = b, g = requestAnimationFrame(h);
   }
   return l(), () => {
     s.forEach((b) => {
       n && b.removeEventListener("scroll", l), r && b.removeEventListener("resize", l);
-    }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(v);
+    }), 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;
   }
@@ -2389,31 +2399,31 @@ 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 C;
-    return (C = P(l.open)) != null ? C : !0;
+    var O;
+    return (O = P(l.open)) != null ? O : !0;
   }), r = k(() => P(l.middleware)), i = k(() => {
-    var C;
-    return (C = P(l.placement)) != null ? C : "bottom";
+    var O;
+    return (O = P(l.placement)) != null ? O : "bottom";
   }), u = k(() => {
-    var C;
-    return (C = P(l.strategy)) != null ? C : "absolute";
+    var O;
+    return (O = P(l.strategy)) != null ? O : "absolute";
   }), c = k(() => {
-    var C;
-    return (C = P(l.transform)) != null ? C : !0;
-  }), a = k(() => Vt(e.value)), s = k(() => Vt(t.value)), d = O(0), m = O(0), f = O(u.value), v = O(i.value), p = Vn({}), h = O(!1), b = k(() => {
-    const C = {
+    var O;
+    return (O = P(l.transform)) != null ? O : !0;
+  }), a = k(() => Vt(e.value)), s = k(() => Vt(t.value)), d = C(0), v = C(0), f = C(u.value), g = C(i.value), m = Vn({}), h = C(!1), b = k(() => {
+    const O = {
       position: f.value,
       left: "0",
       top: "0"
     };
     if (!s.value)
-      return C;
-    const N = Ft(s.value, d.value), re = Ft(s.value, m.value);
+      return O;
+    const N = Ft(s.value, d.value), re = Ft(s.value, v.value);
     return c.value ? {
-      ...C,
+      ...O,
       transform: "translate(" + N + "px, " + re + "px)",
       ...Tn(s.value) >= 1.5 && {
         willChange: "transform"
@@ -2426,12 +2436,12 @@ 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
-    }).then((C) => {
-      d.value = C.x, m.value = C.y, f.value = C.strategy, v.value = C.placement, p.value = C.middlewareData, h.value = !0;
+    }).then((O) => {
+      d.value = O.x, v.value = O.y, f.value = O.strategy, g.value = O.placement, m.value = O.middlewareData, h.value = !0;
     });
   }
   function w() {
@@ -2458,40 +2468,40 @@ function tr(e, t, l) {
     flush: "sync"
   }), Fn() && Nn(w), {
     x: me(d),
-    y: me(m),
+    y: me(v),
     strategy: me(f),
-    placement: me(v),
-    middlewareData: me(p),
+    placement: me(g),
+    middlewareData: me(m),
     isPositioned: me(h),
     floatingStyles: b,
     update: x
   };
 }
-const _r = /* @__PURE__ */ $({
+const _r = /* @__PURE__ */ A({
   __name: "MenuContainer",
   props: {
     position: { default: "left" },
     usePortal: { type: [Boolean, String], default: !1 }
   },
   setup(e) {
-    const t = e, l = O(null), o = O(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"
               })
@@ -2503,7 +2513,7 @@ const _r = /* @__PURE__ */ $({
           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",
@@ -2518,8 +2528,8 @@ const _r = /* @__PURE__ */ $({
               "leave-to-class": "transform -translate-y-2 opacity-0"
             }, {
               default: W(() => [
-                F(P(gl), {
-                  class: A([
+                F(P(vl), {
+                  class: $([
                     "z-40 mt-1 p-1 bg-white rounded shadow-lg text-grey-700 focus:outline-none w-full"
                   ])
                 }, {
@@ -2537,10 +2547,10 @@ const _r = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), nr = {
+}), tr = {
   key: 0,
   class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
-}, Tr = /* @__PURE__ */ $({
+}, Tr = /* @__PURE__ */ A({
   __name: "MenuLink",
   props: {
     label: {},
@@ -2549,17 +2559,17 @@ const _r = /* @__PURE__ */ $({
     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"), {
-          class: A(["flex items-center justify-between px-4 py-2 text-xs leading-5 transition-colors duration-100 rounded-lg", [
+        (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"]))
@@ -2567,19 +2577,19 @@ const _r = /* @__PURE__ */ $({
       _: 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__ */ $({
+}, ur = ["innerHTML"], Lr = /* @__PURE__ */ A({
   __name: "Select",
   props: {
     modelValue: {},
@@ -2592,7 +2602,7 @@ const _r = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, o = l.modelValue ? O(l.modelValue) : O(void 0), n = t, { inputClasses: r, disabledClasses: i, textSizeClasses: u } = rt(l);
+    const l = e, o = l.modelValue ? C(l.modelValue) : C(void 0), n = t, { inputClasses: r, disabledClasses: i, textSizeClasses: u } = rt(l);
     return Q(
       () => l.modelValue,
       (c) => {
@@ -2601,28 +2611,28 @@ const _r = /* @__PURE__ */ $({
       }
     ), 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), {
-            class: A(["w-full mono-50 bg-white text-grey-800 placeholder-grey-600 border border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:ring-2 focus:border-blue-400 focus:ring-blue-400 focus:outline-none dark:focus:border-blue-800 dark:focus:ring-blue-800 cursor-default rounded font-normal text-left", [P(r), P(u), P(i)]])
+        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"
@@ -2638,46 +2648,48 @@ const _r = /* @__PURE__ */ $({
             "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: m }) => [
-                      I("li", {
-                        class: A([
+                    default: W(({ active: d, selected: v }) => [
+                      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", {
-                          class: A([
-                            m ? "font-semibold" : "font-normal",
+                        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),
-                        m ? (R(), T("span", {
+                        v ? (R(), L("span", {
                           key: 0,
-                          class: A([
+                          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"
@@ -2710,7 +2722,7 @@ const _r = /* @__PURE__ */ $({
 }, vr = {
   key: 1,
   class: "w-1/3 h-10 mt-6 bg-current rounded-lg"
-}, Ir = /* @__PURE__ */ $({
+}, Ir = /* @__PURE__ */ A({
   __name: "Skeleton",
   props: {
     avatar: { type: Boolean, default: !1 },
@@ -2725,24 +2737,24 @@ const _r = /* @__PURE__ */ $({
         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", {
-          class: A(["h-4 bg-current rounded-lg", r.margin]),
+      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)
     ]));
   }
-}), $r = /* @__PURE__ */ $({
+}), 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"
     }));
@@ -2750,7 +2762,7 @@ const _r = /* @__PURE__ */ $({
 }), gr = { class: "relative inline-flex items-center" }, br = ["aria-label", "tabindex"], hr = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Ar = /* @__PURE__ */ $({
+}, $r = /* @__PURE__ */ A({
   __name: "SplitButton",
   props: {
     label: {},
@@ -2808,39 +2820,39 @@ const _r = /* @__PURE__ */ $({
     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: A(["relative transition duration-150 ease-in-out rounded-l-lg", n.value]),
+        class: $(["relative transition duration-150 ease-in-out rounded-l-lg", n.value]),
         onClick: u
       }, [
-        I("div", {
-          class: A(!a.isLoading || "invisible")
+        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: A(["border-l-white/50 border-l transition duration-150 ease-in-out rounded-r-lg", [n.value, r.value]]),
+        class: $(["border-l-white/50 border-l transition duration-150 ease-in-out rounded-r-lg", [n.value, r.value]]),
         onClick: c
       }, [
-        F(U, {
-          class: A([i.value]),
+        F(z, {
+          class: $([i.value]),
           name: a.icon
         }, null, 8, ["class", "name"])
       ], 2)
     ]));
   }
-}), yr = { class: "sr-only" }, Mr = /* @__PURE__ */ $({
+}), yr = { class: "sr-only" }, Mr = /* @__PURE__ */ A({
   __name: "Switch",
   props: {
     id: { default: qt() },
@@ -2855,19 +2867,19 @@ const _r = /* @__PURE__ */ $({
     const l = t, o = (n) => {
       l("update:modelValue", n), l("change", n);
     };
-    return (n, r) => (R(), K(P(yl), {
+    return (n, r) => (R(), K(P(hl), {
       modelValue: n.modelValue,
       label: n.label,
-      class: A([n.modelValue ? "bg-blue-700" : "bg-grey-700", "relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),
+      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", {
-          class: A(["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", {
-          class: A([n.modelValue ? "translate-x-9" : "translate-x-1", "inline-block w-4 h-4 transition bg-white rounded-full"])
+        T("span", {
+          class: $(["absolute text-xs text-center text-white inset-x-2", n.modelValue ? "pr-3" : "pl-3"])
+        }, 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)
       ]),
       _: 1
@@ -2875,7 +2887,7 @@ const _r = /* @__PURE__ */ $({
   }
 }), xr = { class: "relative" }, wr = ["tabindex", "value"], kr = {
   inheritAttrs: !1
-}, Vr = /* @__PURE__ */ $({
+}, Vr = /* @__PURE__ */ A({
   ...kr,
   __name: "Textarea",
   props: {
@@ -2888,13 +2900,13 @@ const _r = /* @__PURE__ */ $({
   setup(e, { expose: t, emit: l }) {
     const o = e, n = l, { inputClasses: r, disabledClasses: i, textSizeClasses: u } = rt(o), c = function(d) {
       n("update:modelValue", (d == null ? void 0 : d.target).value);
-    }, a = O(null);
+    }, a = C(null);
     return t({
       focus: () => {
         o.isDisabled || a.value.focus();
       }
-    }), (d, m) => (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 ?? ""
@@ -2912,17 +2924,17 @@ const _r = /* @__PURE__ */ $({
 export {
   Rr as D9Button,
   Er as D9Checkbox,
-  U as D9Icon,
+  z as D9Icon,
   Dr as D9Input,
   Pr as D9Label,
   _r as D9Menu,
   Tr as D9MenuLink,
   Lr as D9Select,
   Ir as D9Skeleton,
-  $r as D9Spinner,
-  Ar as D9SplitButton,
+  Ar as D9Spinner,
+  $r as D9SplitButton,
   Mr as D9Switch,
   Vr as D9Textarea,
   xt as brands,
-  qn as icons
+  Gn as icons
 };