@deck9/ui 0.15.3 → 0.15.5

package/dist/src/ui.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as A, computed as k, openBlock as R, createBlock as W, unref as _, mergeProps as ot, createCommentVNode as M, createElementBlock as L, normalizeClass as $, createElementVNode as T, toDisplayString as G, 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 U, 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 { defineComponent as A, computed as k, openBlock as R, createBlock as W, unref as _, mergeProps as ot, createCommentVNode as M, createElementBlock as T, normalizeClass as $, createElementVNode as L, toDisplayString as G, 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 U, renderSlot as ht, Teleport as Bn, Transition as Bt, normalizeProps as jn, guardReactiveProps as zn, resolveDynamicComponent as Hn, isRef as Un, renderList as jt } from "vue";
 import { FontAwesomeIcon as Wn } from "@fortawesome/vue-fontawesome";
 import { library as lt } from "@fortawesome/fontawesome-svg-core";
-import * as p from "@fortawesome/free-solid-svg-icons";
+import * as d from "@fortawesome/free-solid-svg-icons";
 import * as Se from "@fortawesome/free-brands-svg-icons";
 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 = {
@@ -21,106 +21,115 @@ const yt = {
   aliases: Ze
 };
 lt.add(
-  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,
+  d.faAlignCenter,
+  d.faAlignLeft,
+  d.faAlignRight,
+  d.faArrowRight,
+  d.faArrowUp19,
+  d.faAsterisk,
+  d.faAt,
+  d.faBold,
+  d.faBolt,
+  d.faCalendar,
+  d.faChartPie,
+  d.faCheck,
+  d.faCheckCircle,
+  d.faChevronDown,
+  d.faChevronLeft,
+  d.faChevronRight,
+  d.faChevronUp,
+  d.faCircleCheck,
+  d.faCircleNodes,
+  d.faCircleNotch,
+  d.faClipboard,
+  d.faCloudDownload,
+  d.faCloudUpload,
+  d.faCode,
+  d.faCodeBranch,
+  d.faCodeFork,
+  d.faCog,
+  d.faCompass,
+  d.faCrown,
+  d.faDiagramProject,
+  d.faDoorOpen,
+  d.faDotCircle,
+  d.faEllipsis,
+  d.faEllipsisVertical,
+  d.faEnvelope,
+  d.faExclamationTriangle,
+  d.faExternalLink,
+  d.faEye,
+  d.faEyeDropper,
+  d.faEyeSlash,
+  d.faFileLines,
+  d.faFilePdf,
+  d.faFileUpload,
+  d.faFileVideo,
+  d.faFileWaveform,
+  d.faFilter,
+  d.faFilter,
+  d.faFingerprint,
+  d.faFont,
+  d.faGears,
+  d.faGlobe,
+  d.faGripHorizontal,
+  d.faGripVertical,
+  d.faHandPointRight,
+  d.faHandPointRight,
+  d.faHashtag,
+  d.faHeading,
+  d.faHeart,
+  d.faImage,
+  d.faInfoCircle,
+  d.faItalic,
+  d.faLayerGroup,
+  d.faLink,
+  d.faLinkSlash,
+  d.faList,
+  d.faListOl,
+  d.faListUl,
+  d.faLocationArrow,
+  d.faLocationCrosshairs,
+  d.faLock,
+  d.faLockOpen,
+  d.faMedal,
+  d.faMessage,
+  d.faMicrochip,
+  d.faPencilAlt,
+  d.faPenToSquare,
+  d.faPhone,
+  d.faPlayCircle,
+  d.faPlus,
+  d.faPlusCircle,
+  d.faPoo,
+  d.faPuzzlePiece,
+  d.faQuestion,
+  d.faQuoteLeft,
+  d.faQuoteRight,
+  d.faReply,
+  d.faReplyAll,
+  d.faRightLong,
+  d.faRobot,
+  d.faSave,
+  d.faShield,
+  d.faSignal,
+  d.faSignature,
+  d.faSignature,
+  d.faSquareCheck,
+  d.faStar,
+  d.faStrikethrough,
+  d.faTerminal,
+  d.faTextSlash,
+  d.faTimes,
+  d.faTrash,
+  d.faTree,
+  d.faTrophy,
+  d.faTurnDown,
+  d.faUnderline,
+  d.faUpload,
+  d.faUser,
+  d.faUserShield,
+  d.faWandMagicSparkles,
   // Brands
   Se.faTwitter,
   Se.faInstagram,
@@ -200,14 +209,14 @@ const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
     function i() {
       o.isDisabled || l("onClick");
     }
-    return (u, c) => (R(), L("button", {
+    return (u, c) => (R(), T("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
     }, [
-      T("div", {
+      L("div", {
         class: $(!u.isLoading || "invisible")
       }, [
         u.icon && u.iconPosition === "left" ? (R(), W(z, {
@@ -215,14 +224,14 @@ const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
           name: u.icon,
           class: $(r.value)
         }, null, 8, ["name", "class"])) : M("", !0),
-        T("span", null, G(u.label), 1),
+        L("span", null, G(u.label), 1),
         u.icon && u.iconPosition === "right" ? (R(), W(z, {
           key: 1,
           name: u.icon,
           class: $(r.value)
         }, null, 8, ["name", "class"])) : M("", !0)
       ], 2),
-      u.isLoading ? (R(), L("span", Xn, [
+      u.isLoading ? (R(), T("span", Xn, [
         F(z, {
           class: "animate-spin",
           name: "circle-notch"
@@ -231,12 +240,12 @@ const Gn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
     ], 10, qn));
   }
 });
-let Te;
+let Le;
 const Yn = new Uint8Array(16);
 function Qn() {
-  if (!Te && (Te = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Te))
+  if (!Le && (Le = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !Le))
     throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return Te(Yn);
+  return Le(Yn);
 }
 const V = [];
 for (let e = 0; e < 256; ++e)
@@ -276,9 +285,9 @@ const eo = { class: "relative flex items-start" }, to = { class: "flex items-cen
     const l = t, o = (n) => {
       l("update:modelValue", n.target.checked);
     };
-    return (n, r) => (R(), L("div", eo, [
-      T("div", to, [
-        T("input", {
+    return (n, r) => (R(), T("div", eo, [
+      L("div", to, [
+        L("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,
@@ -286,12 +295,12 @@ const eo = { class: "relative flex items-start" }, to = { class: "flex items-cen
           id: n.id
         }, null, 40, no)
       ]),
-      T("div", oo, [
-        T("label", {
+      L("div", oo, [
+        L("label", {
           for: n.id,
           class: "font-medium text-grey-700 dark:text-grey-200 casual-25"
         }, G(n.label), 9, lo),
-        n.description ? (R(), L("p", ro, G(n.description), 1)) : M("", !0)
+        n.description ? (R(), T("p", ro, G(n.description), 1)) : M("", !0)
       ])
     ]));
   }
@@ -477,13 +486,13 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
       }
     );
     const i = l, { inputClasses: u, disabledClasses: c, textSizeClasses: a } = rt(o), s = k(() => o.type === "color" ? "text" : o.type), {
-      isSupported: d,
+      isSupported: f,
       open: v,
-      sRGBHex: f
+      sRGBHex: p
     } = so(), g = () => {
       v();
     };
-    Q(f, (y) => {
+    Q(p, (y) => {
       r.value = y, i("update:modelValue", y);
     });
     const m = function(y) {
@@ -502,10 +511,10 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
       focus: () => {
         o.isDisabled || h.value.focus();
       }
-    }), (y, x) => (R(), L("div", {
+    }), (y, x) => (R(), T("div", {
       class: $(["relative", [y.block ? "w-full block" : "inline-block"]])
     }, [
-      T("input", ot({
+      L("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", [_(u), _(a), _(c)]],
         placeholder: y.placeholder,
         type: s.value,
@@ -516,9 +525,9 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
         ref: n,
         onInput: m
       }), null, 16, Eo),
-      y.type === "color" ? (R(), L(be, { key: 0 }, [
-        T("label", Do, [
-          An(T("input", {
+      y.type === "color" ? (R(), T(be, { key: 0 }, [
+        L("label", Do, [
+          An(L("input", {
             class: "invisible",
             type: "color",
             "onUpdate:modelValue": x[0] || (x[0] = (w) => r.value = w),
@@ -526,12 +535,12 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
           }, null, 544), [
             [$n, r.value]
           ]),
-          T("span", {
+          L("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)
         ]),
-        _(d) && y.showColorPicker ? (R(), L("button", {
+        _(f) && y.showColorPicker ? (R(), T("button", {
           key: 0,
           type: "button",
           class: "absolute inset-y-2 right-2 h-7 w-7 rounded-full hover:bg-grey-200",
@@ -542,7 +551,7 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
             name: "eyedropper"
           })
         ])) : M("", !0)
-      ], 64)) : y.icon ? (R(), L("span", {
+      ], 64)) : y.icon ? (R(), T("span", {
         key: 1,
         class: $(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", _(a)])
       }, [
@@ -550,7 +559,7 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
       ], 2)) : M("", !0)
     ], 2));
   }
-}), Po = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, To = ["for"], Lo = {
+}), Po = { class: "inline-block text-grey-700 dark:text-grey-200 text-sm font-medium casual-20" }, Lo = ["for"], To = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
 }, Pr = /* @__PURE__ */ A({
@@ -561,9 +570,9 @@ const Eo = ["placeholder", "type", "tabindex", "value"], Do = { class: "absolute
     description: {}
   },
   setup(e) {
-    return (t, l) => (R(), L("span", Po, [
-      T("label", { for: t.id }, G(t.label), 9, To),
-      t.description ? (R(), L("span", Lo, G(t.description), 1)) : M("", !0)
+    return (t, l) => (R(), T("span", Po, [
+      L("label", { for: t.id }, G(t.label), 9, Lo),
+      t.description ? (R(), T("span", To, G(t.description), 1)) : M("", !0)
     ]));
   }
 });
@@ -595,22 +604,22 @@ 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, 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(" "));
+    let f = !1, v = [];
+    for (let [p, g] of Object.entries(o))
+      typeof g == "boolean" && (f = !0), g === !0 && v.push(p);
+    f && (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, ...v] = a ?? [];
-      if (!Ao(d) || v.length > 0)
+      let [f, ...v] = a ?? [];
+      if (!Ao(f) || 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), g = Mn(d, f);
-      for (let m in f)
-        m.startsWith("on") && (g.props || (g.props = {}), g.props[m] = f[m]);
+      let p = Zt((i = f.props) != null ? i : {}, c), g = Mn(f, p);
+      for (let m in p)
+        m.startsWith("on") && (g.props || (g.props = {}), g.props[m] = p[m]);
       return g;
     }
     return Array.isArray(a) && a.length === 1 ? a[0] : a;
@@ -847,11 +856,11 @@ function Xo(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, v = u.length, f;
+  })(), s = t & 32 ? { preventScroll: !0 } : {}, f = 0, v = u.length, p;
   do {
-    if (d >= v || d + v <= 0)
+    if (f >= v || f + v <= 0)
       return 0;
-    let g = a + d;
+    let g = a + f;
     if (t & 16)
       g = (g + v) % v;
     else {
@@ -860,11 +869,11 @@ function Xo(e, t, { sorted: l = !0, relativeTo: o = null, skipElements: n = [] }
       if (g >= v)
         return 1;
     }
-    f = u[g], f == null || f.focus(s), d += c;
-  } while (f !== i.activeElement);
-  return t & 6 && Go(f) && f.select(), 2;
+    p = u[g], p == null || p.focus(s), f += c;
+  } while (p !== i.activeElement);
+  return t & 6 && Go(p) && p.select(), 2;
 }
-function Le(e, t, l) {
+function Te(e, t, l) {
   st.isServer || xe((o) => {
     document.addEventListener(e, t, l), o(() => document.removeEventListener(e, t, l));
   });
@@ -894,15 +903,15 @@ function an(e, t, l = k(() => !0)) {
     return !ze(u, je.Loose) && u.tabIndex !== -1 && r.preventDefault(), t(r, u);
   }
   let n = C(null);
-  Le("pointerdown", (r) => {
+  Te("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);
-  }, !0), Le("mousedown", (r) => {
+  }, !0), Te("mousedown", (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);
-  }, !0), Le("click", (r) => {
+  }, !0), Te("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), Yo("blur", (r) => o(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+  }, !0), Te("touchend", (r) => o(r, () => r.target instanceof HTMLElement ? r.target : null), !0), Yo("blur", (r) => o(r, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 var dt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(dt || {});
 let sn = A({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: l }) {
@@ -976,12 +985,12 @@ function Jo({ slot: e = C({}), name: t = "Description", props: l = {} } = {}) {
 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 = C({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [d, v]) => Object.assign(s, { [d]: _(v) }), {}), id: u };
+    let { name: n = "Description", slot: r = C({}), props: i = {} } = o, { id: u, ...c } = e, a = { ...Object.entries(i).reduce((s, [f, v]) => Object.assign(s, { [f]: _(v) }), {}), id: u };
     return j({ ourProps: a, theirProps: c, slot: r.value, attrs: t, slots: l, name: n });
   };
 } });
 let Pt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
-function Tt(e) {
+function Lt(e) {
   var t, l;
   let o = (t = e.innerText) != null ? t : "", n = e.cloneNode(!0);
   if (!(n instanceof HTMLElement))
@@ -1002,14 +1011,14 @@ function el(e) {
       let r = document.getElementById(n);
       if (r) {
         let i = r.getAttribute("aria-label");
-        return typeof i == "string" ? i.trim() : Tt(r).trim();
+        return typeof i == "string" ? i.trim() : Lt(r).trim();
       }
       return null;
     }).filter(Boolean);
     if (o.length > 0)
       return o.join(", ");
   }
-  return Tt(e).trim();
+  return Lt(e).trim();
 }
 function vn(e) {
   let t = C(""), l = C("");
@@ -1041,18 +1050,18 @@ function De(e) {
   return t;
 }
 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);
+  let n = C(1), r = C(null), i = C(null), u = C(null), c = C([]), a = C(""), s = C(null), f = 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)), P = w ? S.indexOf(w) : null;
     return P === -1 && (P = null), { options: S, activeOptionIndex: P };
   }
-  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 ? K(f.value, { 1: [], 0: void 0 }) : g.value), b = { listboxState: n, value: h, mode: f, compare(x, w) {
+  let p = 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 ? K(p.value, { 1: [], 0: void 0 }) : g.value), b = { listboxState: n, value: h, mode: p, 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]);
     }
     return e.by(x, w);
-  }, orientation: k(() => e.horizontal ? "horizontal" : "vertical"), labelRef: r, buttonRef: i, optionsRef: u, disabled: k(() => e.disabled), options: c, searchQuery: a, activeOptionIndex: s, activationTrigger: d, closeListbox() {
+  }, orientation: k(() => e.horizontal ? "horizontal" : "vertical"), labelRef: r, buttonRef: i, optionsRef: u, disabled: k(() => e.disabled), options: c, searchQuery: a, activeOptionIndex: s, activationTrigger: f, closeListbox() {
     e.disabled || n.value !== 1 && (n.value = 1, s.value = null);
   }, openListbox() {
     e.disabled || n.value !== 0 && (n.value = 0);
@@ -1060,14 +1069,14 @@ let il = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
     if (e.disabled || n.value === 1)
       return;
     let P = v(), O = en(x === I.Specific ? { focus: I.Specific, id: w } : { focus: x }, { resolveItems: () => P.options, resolveActiveIndex: () => P.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
-    a.value = "", s.value = O, d.value = S ?? 1, c.value = P.options;
+    a.value = "", s.value = O, f.value = S ?? 1, c.value = P.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((O) => O.dataRef.textValue.startsWith(a.value) && !O.dataRef.disabled), P = S ? c.value.indexOf(S) : -1;
-    P === -1 || P === s.value || (s.value = P, d.value = 1);
+    P === -1 || P === s.value || (s.value = P, f.value = 1);
   }, clearSearch() {
     e.disabled || n.value !== 1 && a.value !== "" && (a.value = "");
   }, registerOption(x, w) {
@@ -1078,11 +1087,11 @@ let il = A({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
       let P = S.findIndex((O) => O.id === x);
       return P !== -1 && S.splice(P, 1), S;
     });
-    c.value = w.options, s.value = w.activeOptionIndex, d.value = 1;
+    c.value = w.options, s.value = w.activeOptionIndex, f.value = 1;
   }, theirOnChange(x) {
     e.disabled || m(x);
   }, select(x) {
-    e.disabled || m(K(f.value, { 0: () => x, 1: () => {
+    e.disabled || m(K(p.value, { 0: () => x, 1: () => {
       let w = X(b.value.value).slice(), S = X(x), P = w.findIndex((O) => b.compare(S, X(O)));
       return P === -1 ? w.push(S) : w.splice(P, 1), w;
     } }));
@@ -1163,8 +1172,8 @@ let al = A({ 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: 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" });
+    let f = { open: n.listboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: v, ...p } = 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: p, slot: f, attrs: t, slots: l, name: "ListboxButton" });
   };
 } }), 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);
@@ -1210,9 +1219,9 @@ let al = A({ 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, 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" });
+    var a, s, f, v;
+    let p = { 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 : (f = E(n.buttonRef)) == null ? void 0 : f.id, "aria-orientation": n.orientation.value, id: g, onKeydown: i, role: "listbox", tabIndex: 0, ref: n.optionsRef };
+    return j({ ourProps: h, theirProps: m, slot: p, attrs: t, slots: l, features: Re.RenderStrategy | Re.Static, visible: c.value, name: "ListboxOptions" });
   };
 } }), 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);
@@ -1238,7 +1247,7 @@ let al = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
       return (y = (b = E(r)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : y.call(b, { block: "nearest" });
     });
   });
-  function d(b) {
+  function f(b) {
     if (e.disabled)
       return b.preventDefault();
     n.select(e.value), n.mode.value === 0 && (n.closeListbox(), B(() => {
@@ -1251,18 +1260,18 @@ let al = A({ name: "ListboxButton", props: { as: { type: [Object, String], defau
       return n.goToOption(I.Nothing);
     n.goToOption(I.Specific, e.id);
   }
-  let f = pn();
+  let p = pn();
   function g(b) {
-    f.update(b);
+    p.update(b);
   }
   function m(b) {
-    f.wasMoved(b) && (e.disabled || i.value || n.goToOption(I.Specific, e.id, 0));
+    p.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(I.Nothing));
+    p.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, ...P } = 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 };
+    let { disabled: b } = e, y = { active: i.value, selected: u.value, disabled: b }, { id: x, value: w, disabled: S, ...P } = 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: f, onFocus: v, onPointerenter: g, onMouseenter: g, onPointermove: m, onMousemove: m, onPointerleave: h, onMouseleave: h };
     return j({ ourProps: O, theirProps: P, slot: y, attrs: l, slots: t, name: "ListboxOption" });
   };
 } });
@@ -1281,37 +1290,37 @@ function He(e) {
 }
 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;
+  function s(v = (p) => p) {
+    let p = c.value !== null ? i.value[c.value] : null, g = ct(v(i.value.slice()), (h) => E(h.dataRef.domRef)), m = p ? g.indexOf(p) : 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: () => {
+  let f = { menuState: o, buttonRef: n, itemsRef: r, items: i, searchQuery: u, activeItemIndex: c, activationTrigger: a, closeMenu: () => {
     o.value = 1, c.value = null;
-  }, openMenu: () => o.value = 0, goToItem(v, f, g) {
-    let m = s(), h = en(v === I.Specific ? { focus: I.Specific, id: f } : { focus: v }, { resolveItems: () => m.items, resolveActiveIndex: () => m.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
+  }, openMenu: () => o.value = 0, goToItem(v, p, g) {
+    let m = s(), h = en(v === I.Specific ? { focus: I.Specific, id: p } : { 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;
+    let p = u.value !== "" ? 0 : 1;
     u.value += v.toLowerCase();
-    let g = (c.value !== null ? i.value.slice(c.value + f).concat(i.value.slice(0, c.value + f)) : i.value).find((h) => h.dataRef.textValue.startsWith(u.value) && !h.dataRef.disabled), m = g ? i.value.indexOf(g) : -1;
+    let g = (c.value !== null ? i.value.slice(c.value + p).concat(i.value.slice(0, c.value + p)) : 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(v, f) {
-    let g = s((m) => [...m, { id: v, dataRef: f }]);
+  }, registerItem(v, p) {
+    let g = s((m) => [...m, { id: v, dataRef: p }]);
     i.value = g.items, c.value = g.activeItemIndex, a.value = 1;
   }, unregisterItem(v) {
-    let f = s((g) => {
+    let p = 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;
+    i.value = p.items, c.value = p.activeItemIndex, a.value = 1;
   } };
-  return an([n, r], (v, f) => {
+  return an([n, r], (v, p) => {
     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(() => K(o.value, { 0: te.Open, 1: te.Closed }))), () => {
-    let v = { open: o.value === 0, close: d.closeMenu };
+    f.closeMenu(), ze(p, je.Loose) || (v.preventDefault(), (g = E(n)) == null || g.focus());
+  }, k(() => o.value === 0)), ye(bn, f), on(k(() => K(o.value, { 0: te.Open, 1: te.Closed }))), () => {
+    let v = { open: o.value === 0, close: f.closeMenu };
     return j({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: l, name: "Menu" });
   };
 } }), 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 }) {
@@ -1354,8 +1363,8 @@ let pl = A({ 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, ...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" });
+    let s = { open: n.menuState.value === 0 }, { id: f, ...v } = e, p = { ref: n.buttonRef, id: f, 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: p, theirProps: v, slot: s, attrs: t, slots: l, name: "MenuButton" });
   };
 } }), 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);
@@ -1365,7 +1374,7 @@ let pl = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     s.setAttribute("role", "none");
   } });
   function i(s) {
-    var d;
+    var f;
     switch (r.value && clearTimeout(r.value), s.key) {
       case D.Space:
         if (n.searchQuery.value !== "")
@@ -1373,7 +1382,7 @@ let pl = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case D.Enter:
         if (s.preventDefault(), s.stopPropagation(), n.activeItemIndex.value !== null) {
           let v = n.items.value[n.activeItemIndex.value];
-          (d = E(v.dataRef.domRef)) == null || d.click();
+          (f = E(v.dataRef.domRef)) == null || f.click();
         }
         n.closeMenu(), rn(E(n.buttonRef));
         break;
@@ -1410,8 +1419,8 @@ let pl = A({ 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 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 };
+    var s, f;
+    let v = { open: n.menuState.value === 0 }, { id: p, ...g } = e, m = { "aria-activedescendant": n.activeItemIndex.value === null || (s = n.items.value[n.activeItemIndex.value]) == null ? void 0 : s.id, "aria-labelledby": (f = E(n.buttonRef)) == null ? void 0 : f.id, id: p, 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" });
   };
 } }), 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 }) {
@@ -1436,19 +1445,19 @@ let pl = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       return n.goToItem(I.Nothing);
     n.goToItem(I.Specific, e.id);
   }
-  let d = pn();
+  let f = pn();
   function v(m) {
-    d.update(m);
+    f.update(m);
   }
-  function f(m) {
-    d.wasMoved(m) && (e.disabled || i.value || n.goToItem(I.Specific, e.id, 0));
+  function p(m) {
+    f.wasMoved(m) && (e.disabled || i.value || n.goToItem(I.Specific, e.id, 0));
   }
   function g(m) {
-    d.wasMoved(m) && (e.disabled || i.value && n.goToItem(I.Nothing));
+    f.wasMoved(m) && (e.disabled || i.value && n.goToItem(I.Nothing));
   }
   return () => {
     let { disabled: m } = e, h = { active: i.value, disabled: m, close: n.closeMenu }, { id: b, ...y } = e;
-    return 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" });
+    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: p, onMousemove: p, onPointerleave: g, onMouseleave: g }, theirProps: { ...l, ...y }, slot: h, attrs: l, slots: t, name: "MenuItem" });
   };
 } }), hn = Symbol("LabelContext");
 function yn() {
@@ -1472,7 +1481,7 @@ function bl({ slot: e = {}, name: t = "Label", props: 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, [v, f]) => Object.assign(d, { [v]: _(f) }), {}), id: u };
+    let { name: n = "Label", slot: r = {}, props: i = {} } = o, { id: u, passive: c, ...a } = e, s = { ...Object.entries(i).reduce((f, [v, p]) => Object.assign(f, { [v]: _(p) }), {}), 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 });
   };
 } });
@@ -1491,12 +1500,12 @@ let hl = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: {
   function c() {
     u(!i.value);
   }
-  let a = C(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, f = at(k(() => ({ as: e.as, type: l.type })), s);
   n({ el: s, $el: s });
   function v(h) {
     h.preventDefault(), c();
   }
-  function f(h) {
+  function p(h) {
     h.key === D.Space ? (h.preventDefault(), c()) : h.key === D.Enter && Qo(h.currentTarget);
   }
   function g(h) {
@@ -1519,7 +1528,7 @@ let hl = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: {
       };
     }, { immediate: !0 });
   }), () => {
-    let { id: h, name: b, value: y, form: x, ...w } = e, S = { checked: i.value }, P = { 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 };
+    let { id: h, name: b, value: y, form: x, ...w } = e, S = { checked: i.value }, P = { id: h, ref: s, role: "switch", type: f.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: p, 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: P, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
   };
 } });
@@ -1535,7 +1544,7 @@ const $e = Math.min, ue = Math.max, Me = Math.round, Ie = Math.floor, ae = (e) =
   start: "end",
   end: "start"
 };
-function Lt(e, t, l) {
+function Tt(e, t, l) {
   return ue(e, $e(t, l));
 }
 function Ue(e, t) {
@@ -1624,48 +1633,48 @@ 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, v = o[u] / 2 - n[u] / 2;
-  let f;
+  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, f = o.y + o.height / 2 - n.height / 2, v = o[u] / 2 - n[u] / 2;
+  let p;
   switch (c) {
     case "top":
-      f = {
+      p = {
         x: s,
         y: o.y - n.height
       };
       break;
     case "bottom":
-      f = {
+      p = {
         x: s,
         y: o.y + o.height
       };
       break;
     case "right":
-      f = {
+      p = {
         x: o.x + o.width,
-        y: d
+        y: f
       };
       break;
     case "left":
-      f = {
+      p = {
         x: o.x - n.width,
-        y: d
+        y: f
       };
       break;
     default:
-      f = {
+      p = {
         x: o.x,
         y: o.y
       };
   }
   switch (We(t)) {
     case "start":
-      f[i] -= v * (l && a ? -1 : 1);
+      p[i] -= v * (l && a ? -1 : 1);
       break;
     case "end":
-      f[i] += v * (l && a ? -1 : 1);
+      p[i] += v * (l && a ? -1 : 1);
       break;
   }
-  return f;
+  return p;
 }
 const El = async (e, t, l) => {
   const {
@@ -1680,8 +1689,8 @@ const El = async (e, t, l) => {
     strategy: n
   }), {
     x: s,
-    y: d
-  } = It(a, o, c), v = o, f = {}, g = 0;
+    y: f
+  } = It(a, o, c), v = o, p = {}, g = 0;
   for (let m = 0; m < u.length; m++) {
     const {
       name: h,
@@ -1693,11 +1702,11 @@ const El = async (e, t, l) => {
       reset: S
     } = await b({
       x: s,
-      y: d,
+      y: f,
       initialPlacement: o,
       placement: v,
       strategy: n,
-      middlewareData: f,
+      middlewareData: p,
       rects: a,
       platform: i,
       elements: {
@@ -1705,10 +1714,10 @@ const El = async (e, t, l) => {
         floating: t
       }
     });
-    if (s = y ?? s, d = x ?? d, f = {
-      ...f,
+    if (s = y ?? s, f = x ?? f, p = {
+      ...p,
       [h]: {
-        ...f[h],
+        ...p[h],
         ...w
       }
     }, S && g <= 50) {
@@ -1718,17 +1727,17 @@ const El = async (e, t, l) => {
         strategy: n
       }) : S.rects), {
         x: s,
-        y: d
+        y: f
       } = It(a, v, c)), m = -1;
       continue;
     }
   }
   return {
     x: s,
-    y: d,
+    y: f,
     placement: v,
     strategy: n,
-    middlewareData: f
+    middlewareData: p
   };
 };
 async function Cn(e, t) {
@@ -1744,15 +1753,15 @@ async function Cn(e, t) {
   } = e, {
     boundary: a = "clippingAncestors",
     rootBoundary: s = "viewport",
-    elementContext: d = "floating",
+    elementContext: f = "floating",
     altBoundary: v = !1,
-    padding: f = 0
-  } = Ue(t, e), g = Rl(f), h = u[v ? d === "floating" ? "reference" : "floating" : d], b = Fe(await r.getClippingRect({
+    padding: p = 0
+  } = Ue(t, e), g = Rl(p), h = u[v ? f === "floating" ? "reference" : "floating" : f], 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,
     strategy: c
-  })), y = d === "floating" ? {
+  })), y = f === "floating" ? {
     ...i.floating,
     x: o,
     y: n
@@ -1789,9 +1798,9 @@ const Dl = function(e) {
         elements: a
       } = t, {
         mainAxis: s = !0,
-        crossAxis: d = !0,
+        crossAxis: f = !0,
         fallbackPlacements: v,
-        fallbackStrategy: f = "bestFit",
+        fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: m = !0,
         ...h
@@ -1802,7 +1811,7 @@ const Dl = function(e) {
       !v && g !== "none" && w.push(...Cl(u, m, g, x));
       const S = [u, ...w], P = await Cn(t, h), O = [];
       let N = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (s && O.push(P[b]), d) {
+      if (s && O.push(P[b]), f) {
         const se = wl(n, i, x);
         O.push(P[se[0]], P[se[1]]);
       }
@@ -1824,10 +1833,10 @@ const Dl = function(e) {
           };
         let we = (Pe = N.filter((fe) => fe.overflows[0] <= 0).sort((fe, pe) => fe.overflows[1] - pe.overflows[1])[0]) == null ? void 0 : Pe.placement;
         if (!we)
-          switch (f) {
+          switch (p) {
             case "bestFit": {
               var gt;
-              const fe = (gt = N.map((pe) => [pe.placement, pe.overflows.filter((ke) => ke > 0).reduce((ke, Ln) => ke + Ln, 0)]).sort((pe, ke) => pe[1] - ke[1])[0]) == null ? void 0 : gt[0];
+              const fe = (gt = N.map((pe) => [pe.placement, pe.overflows.filter((ke) => ke > 0).reduce((ke, Tn) => ke + Tn, 0)]).sort((pe, ke) => pe[1] - ke[1])[0]) == null ? void 0 : gt[0];
               fe && (we = fe);
               break;
             }
@@ -1851,27 +1860,27 @@ async function _l(e, t) {
     placement: l,
     platform: o,
     elements: n
-  } = e, r = await (o.isRTL == null ? void 0 : o.isRTL(n.floating)), i = ce(l), u = We(l), c = Ke(l) === "y", a = ["left", "top"].includes(i) ? -1 : 1, s = r && c ? -1 : 1, d = Ue(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, f = Ue(t, e);
   let {
     mainAxis: v,
-    crossAxis: f,
+    crossAxis: p,
     alignmentAxis: g
-  } = typeof d == "number" ? {
-    mainAxis: d,
+  } = typeof f == "number" ? {
+    mainAxis: f,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...d
+    ...f
   };
-  return u && typeof g == "number" && (f = u === "end" ? g * -1 : g), c ? {
-    x: f * s,
+  return u && typeof g == "number" && (p = u === "end" ? g * -1 : g), c ? {
+    x: p * s,
     y: v * a
   } : {
     x: v * a,
-    y: f * s
+    y: p * s
   };
 }
 const Pl = function(e) {
@@ -1896,7 +1905,7 @@ const Pl = function(e) {
       };
     }
   };
-}, Tl = function(e) {
+}, Ll = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1924,20 +1933,20 @@ const Pl = function(e) {
       } = Ue(e, t), a = {
         x: l,
         y: o
-      }, s = await Cn(t, c), d = Ke(ce(n)), v = wn(d);
-      let f = a[v], g = a[d];
+      }, s = await Cn(t, c), f = Ke(ce(n)), v = wn(f);
+      let p = a[v], g = a[f];
       if (r) {
-        const h = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", y = f + s[h], x = f - s[b];
-        f = Lt(y, f, x);
+        const h = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", y = p + s[h], x = p - s[b];
+        p = Tt(y, p, x);
       }
       if (i) {
-        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 h = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", y = g + s[h], x = g - s[b];
+        g = Tt(y, g, x);
       }
       const m = u.fn({
         ...t,
-        [v]: f,
-        [d]: g
+        [v]: p,
+        [f]: g
       });
       return {
         ...m,
@@ -1981,7 +1990,7 @@ function _e(e) {
   } = q(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + l) && !["inline", "contents"].includes(n);
 }
-function Ll(e) {
+function Tl(e) {
   return ["table", "td", "th"].includes(ne(e));
 }
 function pt(e) {
@@ -2082,18 +2091,18 @@ function de(e, t, l, o) {
   let i = ae(1);
   t && (o ? oe(o) && (i = ve(o)) : i = ve(e));
   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;
+  let c = (n.left + u.x) / i.x, a = (n.top + u.y) / i.y, s = n.width / i.x, f = n.height / i.y;
   if (r) {
-    const v = H(r), f = o && oe(o) ? H(o) : o;
+    const v = H(r), p = o && oe(o) ? H(o) : o;
     let g = v.frameElement;
-    for (; g && o && f !== v; ) {
+    for (; g && o && p !== v; ) {
       const m = ve(g), h = g.getBoundingClientRect(), b = q(g), y = h.left + (g.clientLeft + parseFloat(b.paddingLeft)) * m.x, x = h.top + (g.clientTop + parseFloat(b.paddingTop)) * m.y;
-      c *= m.x, a *= m.y, s *= m.x, d *= m.y, c += y, a += x, g = H(g).frameElement;
+      c *= m.x, a *= m.y, s *= m.x, f *= m.y, c += y, a += x, g = H(g).frameElement;
     }
   }
   return Fe({
     width: s,
-    height: d,
+    height: f,
     x: c,
     y: a
   });
@@ -2207,8 +2216,8 @@ function zl(e) {
     strategy: n
   } = e;
   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;
+    const f = $t(t, s, n);
+    return a.top = ue(f.top, a.top), a.right = $e(f.right, a.right), a.bottom = $e(f.bottom, a.bottom), a.left = ue(f.left, a.left), a;
   }, $t(t, u, n));
   return {
     width: c.right - c.left,
@@ -2255,7 +2264,7 @@ function Pn(e, t) {
   if (!Z(e))
     return l;
   let o = Mt(e, t);
-  for (; o && Ll(o) && q(o).position === "static"; )
+  for (; o && Tl(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 || Il(e) || l;
 }
@@ -2301,13 +2310,13 @@ function ql(e, t) {
     const {
       left: a,
       top: s,
-      width: d,
+      width: f,
       height: v
     } = e.getBoundingClientRect();
-    if (u || t(), !d || !v)
+    if (u || t(), !f || !v)
       return;
-    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",
+    const p = Ie(s), g = Ie(n.clientWidth - (a + f)), m = Ie(n.clientHeight - (s + v)), h = Ie(a), y = {
+      rootMargin: -p + "px " + -g + "px " + -m + "px " + -h + "px",
       threshold: ue(0, $e(1, c)) || 1
     };
     let x = !0;
@@ -2349,14 +2358,14 @@ function Xl(e, t, l, o) {
       passive: !0
     }), r && b.addEventListener("resize", l);
   });
-  const d = a && u ? ql(a, l) : null;
-  let v = -1, f = null;
-  i && (f = new ResizeObserver((b) => {
+  const f = a && u ? ql(a, l) : null;
+  let v = -1, p = null;
+  i && (p = new ResizeObserver((b) => {
     let [y] = b;
-    y && y.target === a && f && (f.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
-      f && f.observe(t);
+    y && y.target === a && p && (p.unobserve(t), cancelAnimationFrame(v), v = requestAnimationFrame(() => {
+      p && p.observe(t);
     })), l();
-  }), a && !c && f.observe(a), f.observe(t));
+  }), a && !c && p.observe(a), p.observe(t));
   let g, m = c ? de(e) : null;
   c && h();
   function h() {
@@ -2366,10 +2375,10 @@ function Xl(e, t, l, o) {
   return l(), () => {
     s.forEach((b) => {
       n && b.removeEventListener("scroll", l), r && b.removeEventListener("resize", l);
-    }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(g);
+    }), f && f(), p && p.disconnect(), p = null, c && cancelAnimationFrame(g);
   };
 }
-const Yl = Tl, Ql = Dl, Zl = (e, t, l) => {
+const Yl = Ll, Ql = Dl, Zl = (e, t, l) => {
   const o = /* @__PURE__ */ new Map(), n = {
     platform: Gl,
     ...l
@@ -2392,11 +2401,11 @@ function Vt(e) {
   }
   return e;
 }
-function Tn(e) {
+function Ln(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function Ft(e, t) {
-  const l = Tn(e);
+  const l = Ln(e);
   return Math.round(t * l) / l;
 }
 function er(e, t, l) {
@@ -2413,23 +2422,23 @@ function er(e, t, l) {
   }), c = k(() => {
     var O;
     return (O = _(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(() => {
+  }), a = k(() => Vt(e.value)), s = k(() => Vt(t.value)), f = C(0), v = C(0), p = C(u.value), g = C(i.value), m = Vn({}), h = C(!1), b = k(() => {
     const O = {
-      position: f.value,
+      position: p.value,
       left: "0",
       top: "0"
     };
     if (!s.value)
       return O;
-    const N = Ft(s.value, d.value), re = Ft(s.value, v.value);
+    const N = Ft(s.value, f.value), re = Ft(s.value, v.value);
     return c.value ? {
       ...O,
       transform: "translate(" + N + "px, " + re + "px)",
-      ...Tn(s.value) >= 1.5 && {
+      ...Ln(s.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: f.value,
+      position: p.value,
       left: N + "px",
       top: re + "px"
     };
@@ -2441,7 +2450,7 @@ function er(e, t, l) {
       placement: i.value,
       strategy: u.value
     }).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;
+      f.value = O.x, v.value = O.y, p.value = O.strategy, g.value = O.placement, m.value = O.middlewareData, h.value = !0;
     });
   }
   function w() {
@@ -2467,9 +2476,9 @@ function er(e, t, l) {
   }), Q(n, P, {
     flush: "sync"
   }), Fn() && Nn(w), {
-    x: me(d),
+    x: me(f),
     y: me(v),
-    strategy: me(f),
+    strategy: me(p),
     placement: me(g),
     middlewareData: me(m),
     isPositioned: me(h),
@@ -2477,7 +2486,7 @@ function er(e, t, l) {
     update: x
   };
 }
-const Tr = /* @__PURE__ */ A({
+const Lr = /* @__PURE__ */ A({
   __name: "MenuContainer",
   props: {
     position: { default: "left" },
@@ -2513,7 +2522,7 @@ const Tr = /* @__PURE__ */ A({
           to: typeof i.usePortal == "string" ? i.usePortal : "body",
           disabled: !i.usePortal
         }, [
-          T("div", {
+          L("div", {
             class: "w-56 z-20",
             style: Nt(_(r)),
             ref_key: "floating",
@@ -2550,7 +2559,7 @@ const Tr = /* @__PURE__ */ A({
 }), tr = {
   key: 0,
   class: "bg-grey-300 px-2 rounded-lg max-w-[66px] truncate"
-}, Lr = /* @__PURE__ */ A({
+}, Tr = /* @__PURE__ */ A({
   __name: "MenuLink",
   props: {
     label: {},
@@ -2568,8 +2577,8 @@ const Tr = /* @__PURE__ */ A({
           ]])
         }, {
           default: U(() => [
-            T("span", null, G(t.label), 1),
-            t.meta ? (R(), L("span", tr, G(t.meta), 1)) : M("", !0)
+            L("span", null, G(t.label), 1),
+            t.meta ? (R(), T("span", tr, G(t.meta), 1)) : M("", !0)
           ]),
           _: 2
         }, 1032, ["class"]))
@@ -2618,24 +2627,24 @@ const Tr = /* @__PURE__ */ A({
       disabled: c.isDisabled
     }, {
       default: U(() => [
-        T("div", nr, [
+        L("div", nr, [
           F(_(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", [_(r), _(u), _(i)]])
           }, {
             default: U(() => {
               var s;
               return [
-                c.icon ? (R(), L("span", or, [
+                c.icon ? (R(), T("span", or, [
                   F(z, {
                     name: ((s = _(o)) == null ? void 0 : s.icon) ?? c.icon
                   }, null, 8, ["name"])
                 ])) : M("", !0),
-                _(o) ? (R(), L("span", lr, [
-                  T("span", {
+                _(o) ? (R(), T("span", lr, [
+                  L("span", {
                     innerHTML: _(o).label
                   }, null, 8, rr)
-                ])) : (R(), L("span", ir, G(c.placeholder), 1)),
-                T("span", ar, [
+                ])) : (R(), T("span", ir, G(c.placeholder), 1)),
+                L("span", ar, [
                   F(z, {
                     class: "text-grey-400",
                     name: "chevron-down",
@@ -2654,24 +2663,24 @@ const Tr = /* @__PURE__ */ A({
             default: U(() => [
               F(_(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: U(() => [
-                  (R(!0), L(be, null, jt(c.options, (s) => (R(), W(_(ul), {
+                  (R(!0), T(be, null, jt(c.options, (s) => (R(), W(_(ul), {
                     as: "template",
                     key: s.id,
                     value: s,
                     disabled: s.disabled
                   }, {
-                    default: U(({ active: d, selected: v }) => [
-                      T("li", {
+                    default: U(({ active: f, selected: v }) => [
+                      L("li", {
                         class: $([
-                          d ? "text-white bg-blue-500" : "text-grey-900 dark:text-grey-50",
+                          f ? "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 }
                         ])
                       }, [
-                        T("div", sr, [
-                          s.disabled && c.disabledBadge ? (R(), L("span", ur, G(c.disabledBadge), 1)) : M("", !0)
+                        L("div", sr, [
+                          s.disabled && c.disabledBadge ? (R(), T("span", ur, G(c.disabledBadge), 1)) : M("", !0)
                         ]),
-                        T("span", {
+                        L("span", {
                           class: $([
                             v ? "font-semibold" : "font-normal",
                             "block truncate"
@@ -2682,14 +2691,14 @@ const Tr = /* @__PURE__ */ A({
                             class: "inline-block mr-1",
                             name: s.icon
                           }, null, 8, ["name"])) : M("", !0),
-                          T("span", {
+                          L("span", {
                             innerHTML: s.label
                           }, null, 8, cr)
                         ], 2),
-                        v ? (R(), L("span", {
+                        v ? (R(), T("span", {
                           key: 0,
                           class: $([
-                            d ? "text-blue-100" : "text-blue-500",
+                            f ? "text-blue-100" : "text-blue-500",
                             "absolute inset-y-0 right-0 flex items-center pr-4"
                           ])
                         }, [
@@ -2741,18 +2750,18 @@ const Tr = /* @__PURE__ */ A({
         margin: `mr-${o[Math.floor(Math.random() * o.length)]}`
       };
     });
-    return (o, n) => (R(), L("div", dr, [
-      T("div", fr, [
-        o.avatar ? (R(), L("div", pr)) : M("", !0),
-        o.title ? (R(), L("div", mr)) : M("", !0)
+    return (o, n) => (R(), T("div", dr, [
+      L("div", fr, [
+        o.avatar ? (R(), T("div", pr)) : M("", !0),
+        o.title ? (R(), T("div", mr)) : M("", !0)
       ]),
-      o.lines > 0 ? (R(), L("div", vr, [
-        (R(!0), L(be, null, jt(_(l), (r, i) => (R(), L("div", {
+      o.lines > 0 ? (R(), T("div", vr, [
+        (R(!0), T(be, null, jt(_(l), (r, i) => (R(), T("div", {
           class: $(["h-4 bg-current rounded-lg", r.margin]),
           key: i
         }, null, 2))), 128))
       ])) : M("", !0),
-      o.footer ? (R(), L("div", gr)) : M("", !0)
+      o.footer ? (R(), T("div", gr)) : M("", !0)
     ]));
   }
 }), $r = /* @__PURE__ */ A({
@@ -2788,12 +2797,12 @@ const Tr = /* @__PURE__ */ A({
         "px-4 py-1 text-xs leading-5 mono-100": o.size === "small",
         "px-5 py-2 text-sm leading-4 font-medium": o.size === "medium",
         "px-8 pr-4 py-3 text-base leading-6 font-medium": o.size === "large"
-      }, d = {
+      }, f = {
         "pointer-events-none opacity-75 cursor-not-allowed": o.isDisabled
       };
       return {
         ...a,
-        ...d,
+        ...f,
         ...s
       };
     }), r = k(() => {
@@ -2824,27 +2833,27 @@ const Tr = /* @__PURE__ */ A({
     function c() {
       o.isDisabled || l("onClickSplit");
     }
-    return (a, s) => (R(), L("div", br, [
-      T("button", {
+    return (a, s) => (R(), T("div", br, [
+      L("button", {
         type: "button",
         "aria-label": a.label,
         tabindex: a.isDisabled ? "-1" : void 0,
         class: $(["relative transition duration-150 ease-in-out rounded-l-lg", n.value]),
         onClick: u
       }, [
-        T("div", {
+        L("div", {
           class: $(!a.isLoading || "invisible")
         }, [
-          T("span", null, G(a.label), 1)
+          L("span", null, G(a.label), 1)
         ], 2),
-        a.isLoading ? (R(), L("span", yr, [
+        a.isLoading ? (R(), T("span", yr, [
           F(z, {
             class: "ml-3 animate-spin",
             name: "circle-notch"
           })
         ])) : M("", !0)
       ], 10, hr),
-      T("button", {
+      L("button", {
         type: "button",
         class: $(["border-l-white/50 border-l transition duration-150 ease-in-out rounded-r-lg", [n.value, r.value]]),
         onClick: c
@@ -2878,11 +2887,11 @@ const Tr = /* @__PURE__ */ A({
       "onUpdate:modelValue": o
     }, {
       default: U(() => [
-        T("span", {
+        L("span", {
           class: $(["absolute text-xs text-center text-white inset-x-2", n.modelValue ? "pr-3" : "pl-3"])
         }, G(n.modelValue === !0 ? n.onLabel : n.offLabel), 3),
-        T("span", xr, G(n.label), 1),
-        T("span", {
+        L("span", xr, G(n.label), 1),
+        L("span", {
           class: $([n.modelValue ? "translate-x-9" : "translate-x-1", "inline-block w-4 h-4 transition bg-white rounded-full"])
         }, null, 2)
       ]),
@@ -2902,19 +2911,19 @@ const Tr = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue"],
   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);
+    const o = e, n = l, { inputClasses: r, disabledClasses: i, textSizeClasses: u } = rt(o), c = function(f) {
+      n("update:modelValue", (f == null ? void 0 : f.target).value);
     }, a = C(null);
     return t({
       focus: () => {
         o.isDisabled || a.value.focus();
       }
-    }), (d, v) => (R(), L("div", wr, [
-      T("textarea", ot({
+    }), (f, v) => (R(), T("div", wr, [
+      L("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", [_(r), _(u), _(i)]],
-        tabindex: d.isDisabled ? "-1" : void 0,
-        value: d.modelValue ?? ""
-      }, d.$attrs, {
+        tabindex: f.isDisabled ? "-1" : void 0,
+        value: f.modelValue ?? ""
+      }, f.$attrs, {
         ref_key: "input",
         ref: a,
         cols: "56",
@@ -2931,8 +2940,8 @@ export {
   z as D9Icon,
   _r as D9Input,
   Pr as D9Label,
-  Tr as D9Menu,
-  Lr as D9MenuLink,
+  Lr as D9Menu,
+  Tr as D9MenuLink,
   Ir as D9Select,
   Ar as D9Skeleton,
   $r as D9Spinner,