@deck9/ui 0.14.9 → 0.14.11

package/dist/src/ui.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as $, computed as k, openBlock as E, createBlock as K, unref as P, mergeProps as ot, createCommentVNode as M, createElementBlock as T, normalizeClass as A, createElementVNode as I, toDisplayString as B, createVNode as F, ref as O, getCurrentInstance as In, onMounted as ee, watch as Z, 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 { 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 Z, 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 { library as lt } from "@fortawesome/fontawesome-svg-core";
-import * as h from "@fortawesome/free-solid-svg-icons";
+import * as g 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, Qe = [], 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,78 +21,93 @@ const yt = {
   aliases: Qe
 };
 lt.add(
-  h.faArrowUp19,
-  h.faAt,
-  h.faBold,
-  h.faBolt,
-  h.faCalendar,
-  h.faChartPie,
-  h.faCheck,
-  h.faCheckCircle,
-  h.faChevronDown,
-  h.faChevronLeft,
-  h.faChevronRight,
-  h.faChevronUp,
-  h.faCircleCheck,
-  h.faCircleNotch,
-  h.faClipboard,
-  h.faCloudDownload,
-  h.faCloudUpload,
-  h.faCog,
-  h.faCrown,
-  h.faDoorOpen,
-  h.faDotCircle,
-  h.faEllipsis,
-  h.faEllipsisVertical,
-  h.faEnvelope,
-  h.faExclamationTriangle,
-  h.faExternalLink,
-  h.faEyeDropper,
-  h.faFileLines,
-  h.faFilePdf,
-  h.faFileWaveform,
-  h.faFileVideo,
-  h.faFileUpload,
-  h.faFilter,
-  h.faFingerprint,
-  h.faGlobe,
-  h.faGripHorizontal,
-  h.faGripVertical,
-  h.faHandPointRight,
-  h.faHashtag,
-  h.faHeart,
-  h.faInfoCircle,
-  h.faItalic,
-  h.faLink,
-  h.faLock,
-  h.faLockOpen,
-  h.faMedal,
-  h.faMessage,
-  h.faPencilAlt,
-  h.faPenToSquare,
-  h.faPhone,
-  h.faPlayCircle,
-  h.faPlus,
-  h.faPlusCircle,
-  h.faPoo,
-  h.faPuzzlePiece,
-  h.faReply,
-  h.faReplyAll,
-  h.faRobot,
-  h.faSave,
-  h.faShield,
-  h.faSignal,
-  h.faSignature,
-  h.faSquareCheck,
-  h.faStar,
-  h.faTimes,
-  h.faTrash,
-  h.faTree,
-  h.faTrophy,
-  h.faTurnDown,
-  h.faUpload,
-  h.faUser,
-  h.faUserShield,
+  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.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.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,
   // Brands
   Se.faTwitter,
   Se.faInstagram,
@@ -112,7 +127,7 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       "could not load icon, because it is not available",
       t.name
     ), !1));
-    return (n, r) => o.value ? (E(), K(P(Kn), ot({
+    return (n, r) => o.value ? (R(), K(P(Kn), ot({
       key: 0,
       icon: [l.value, n.name]
     }, n.$attrs), null, 16, ["icon"])) : M("", !0);
@@ -120,7 +135,7 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
 }), Xn = ["aria-label", "tabindex"], Yn = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center"
-}, Er = /* @__PURE__ */ $({
+}, Rr = /* @__PURE__ */ $({
   __name: "Button",
   props: {
     label: {},
@@ -172,7 +187,7 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
     function i() {
       o.isDisabled || l("onClick");
     }
-    return (u, c) => (E(), T("button", {
+    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]),
       type: "button",
       "aria-label": u.label,
@@ -182,19 +197,19 @@ const qn = [...Object.keys(lt.definitions.fas)].sort(), xt = [...Object.keys(lt.
       I("div", {
         class: A(!u.isLoading || "invisible")
       }, [
-        u.icon && u.iconPosition === "left" ? (E(), K(U, {
+        u.icon && u.iconPosition === "left" ? (R(), K(U, {
           key: 0,
           name: u.icon,
           class: A(r.value)
         }, null, 8, ["name", "class"])) : M("", !0),
         I("span", null, B(u.label), 1),
-        u.icon && u.iconPosition === "right" ? (E(), K(U, {
+        u.icon && u.iconPosition === "right" ? (R(), K(U, {
           key: 1,
           name: u.icon,
           class: A(r.value)
         }, null, 8, ["name", "class"])) : M("", !0)
       ], 2),
-      u.isLoading ? (E(), T("span", Yn, [
+      u.isLoading ? (R(), T("span", Yn, [
         F(U, {
           class: "animate-spin",
           name: "circle-notch"
@@ -235,7 +250,7 @@ function qt(e, t, l) {
 const to = { class: "relative flex items-start" }, no = { class: "flex items-center h-5" }, oo = ["checked", "id"], lo = { class: "ml-2 text-sm leading-5" }, ro = ["for"], io = {
   key: 0,
   class: "block text-xs text-grey-400 font-normal mono-0 casual-60"
-}, Rr = /* @__PURE__ */ $({
+}, Er = /* @__PURE__ */ $({
   __name: "Checkbox",
   props: {
     id: { default: qt() },
@@ -248,7 +263,7 @@ const to = { class: "relative flex items-start" }, no = { class: "flex items-cen
     const l = t, o = (n) => {
       l("update:modelValue", n.target.checked);
     };
-    return (n, r) => (E(), T("div", to, [
+    return (n, r) => (R(), T("div", to, [
       I("div", no, [
         I("input", {
           class: "h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm",
@@ -263,7 +278,7 @@ const to = { class: "relative flex items-start" }, no = { class: "flex items-cen
           for: n.id,
           class: "font-medium text-grey-700 dark:text-grey-200 casual-25"
         }, B(n.label), 9, ro),
-        n.description ? (E(), T("p", io, B(n.description), 1)) : M("", !0)
+        n.description ? (R(), T("p", io, B(n.description), 1)) : M("", !0)
       ])
     ]));
   }
@@ -392,15 +407,15 @@ class Co {
     this._setter(t);
   }
 }
-function Eo(e, t, l = !1) {
+function Ro(e, t, l = !1) {
   let o, n;
   const r = po(e);
   return r ? (o = e, n = co) : (o = e.get, n = e.set), new Co(o, n, r || !n, l);
 }
-let Xe, Et = "__VUE_INSTANCE_SETTERS__";
-(Xe = St()[Et]) || (Xe = St()[Et] = []), Xe.push((e) => e);
-let Ro = !1;
-const Ye = (e, t) => Eo(e, t, Ro);
+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);
 function rt(e) {
   const t = Ye(() => ({
     "pl-3 pr-10 py-2": !e.icon && e.type !== "color" && e.size === "small",
@@ -469,12 +484,12 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
         return;
       }
       r.value = (y == null ? void 0 : y.target).value, i("update:modelValue", r.value);
-    }, b = O(null);
+    }, h = O(null);
     return t({
       focus: () => {
-        o.isDisabled || b.value.focus();
+        o.isDisabled || h.value.focus();
       }
-    }), (y, x) => (E(), T("div", {
+    }), (y, x) => (R(), T("div", {
       class: A(["relative", [y.block ? "w-full block" : "inline-block"]])
     }, [
       I("input", ot({
@@ -488,7 +503,7 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
         ref: n,
         onInput: p
       }), null, 16, Do),
-      y.type === "color" ? (E(), T(be, { key: 0 }, [
+      y.type === "color" ? (R(), T(be, { key: 0 }, [
         I("label", Po, [
           $n(I("input", {
             class: "invisible",
@@ -503,7 +518,7 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
             style: Nt(`background-color: ${r.value}`)
           }, null, 4)
         ]),
-        P(d) && y.showColorPicker ? (E(), T("button", {
+        P(d) && 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",
@@ -514,7 +529,7 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
             name: "eyedropper"
           })
         ])) : M("", !0)
-      ], 64)) : y.icon ? (E(), T("span", {
+      ], 64)) : y.icon ? (R(), T("span", {
         key: 1,
         class: A(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4", P(a)])
       }, [
@@ -533,9 +548,9 @@ const Do = ["placeholder", "type", "tabindex", "value"], Po = { class: "absolute
     description: {}
   },
   setup(e) {
-    return (t, l) => (E(), T("span", To, [
+    return (t, l) => (R(), T("span", To, [
       I("label", { for: t.id }, B(t.label), 9, Lo),
-      t.description ? (E(), T("span", Io, B(t.description), 1)) : M("", !0)
+      t.description ? (R(), T("span", Io, B(t.description), 1)) : M("", !0)
     ]));
   }
 });
@@ -547,7 +562,7 @@ function G(e, t, ...l) {
   let o = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((n) => `"${n}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(o, G), o;
 }
-var Ee = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ee || {}), $o = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))($o || {});
+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 r;
   let i = Qt(o, l), u = Object.assign(n, { props: i });
@@ -576,7 +591,7 @@ function Ze({ props: e, attrs: t, slots: l, slot: o, name: n }) {
     if (a = Zt(a ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
       let [d, ...m] = a ?? [];
       if (!Ao(d) || m.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(c).concat(Object.keys(t)).map((p) => p.trim()).filter((p, b, g) => g.indexOf(p) === b).sort((p, b) => p.localeCompare(b)).map((p) => `  - ${p}`).join(`
+        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(`
 `)].join(`
 `));
@@ -669,7 +684,7 @@ function en(e, t) {
   })();
   return r === -1 ? o : r;
 }
-function R(e) {
+function E(e) {
   var t;
   return e == null || e.value == null ? null : (t = e.value.$el) != null ? t : e.value;
 }
@@ -681,7 +696,7 @@ function nn() {
 function on(e) {
   ye(tn, e);
 }
-function Rt(e, t) {
+function Et(e, t) {
   if (e)
     return e;
   let l = t ?? "button";
@@ -689,12 +704,12 @@ function Rt(e, t) {
     return "button";
 }
 function at(e, t) {
-  let l = O(Rt(e.value.type, e.value.as));
+  let l = O(Et(e.value.type, e.value.as));
   return ee(() => {
-    l.value = Rt(e.value.type, e.value.as);
+    l.value = Et(e.value.type, e.value.as);
   }), xe(() => {
     var o;
-    l.value || R(t) && R(t) instanceof HTMLButtonElement && !((o = R(t)) != null && o.hasAttribute("type")) && (l.value = "button");
+    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);
@@ -728,7 +743,7 @@ function ut(e) {
   if (e instanceof Node)
     return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let t = R(e);
+    let t = E(e);
     if (t)
       return t.ownerDocument;
   }
@@ -859,7 +874,7 @@ function an(e, t, l = k(() => !0)) {
     for (let a of c) {
       if (a === null)
         continue;
-      let s = a instanceof HTMLElement ? a : R(a);
+      let s = a instanceof HTMLElement ? a : E(a);
       if (s != null && s.contains(u) || r.composed && r.composedPath().includes(s))
         return;
     }
@@ -986,7 +1001,7 @@ function tl(e) {
 function vn(e) {
   let t = O(""), l = O("");
   return () => {
-    let o = R(e);
+    let o = E(e);
     if (!o)
       return "";
     let n = o.innerText;
@@ -1015,10 +1030,10 @@ function De(e) {
 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) => R(C.dataRef.domRef)), _ = w ? S.indexOf(w) : null;
+    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;
     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)), b = k(() => v.value === void 0 ? G(f.value, { 1: [], 0: void 0 }) : v.value), g = { listboxState: n, value: b, mode: f, compare(x, w) {
+  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) {
     if (typeof e.by == "string") {
       let S = e.by;
       return (x == null ? void 0 : x[S]) === (w == null ? void 0 : w[S]);
@@ -1055,24 +1070,24 @@ let al = $({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
     e.disabled || p(x);
   }, select(x) {
     e.disabled || p(G(f.value, { 0: () => x, 1: () => {
-      let w = X(g.value.value).slice(), S = X(x), _ = w.findIndex((C) => g.compare(S, X(C)));
+      let w = X(b.value.value).slice(), S = X(x), _ = w.findIndex((C) => b.compare(S, X(C)));
       return _ === -1 ? w.push(S) : w.splice(_, 1), w;
     } }));
   } };
   an([i, u], (x, w) => {
     var S;
-    g.closeListbox(), ze(w, je.Loose) || (x.preventDefault(), (S = R(i)) == null || S.focus());
-  }, k(() => n.value === 0)), ye(gn, g), on(k(() => G(n.value, { 0: te.Open, 1: te.Closed })));
+    b.closeListbox(), ze(w, je.Loose) || (x.preventDefault(), (S = E(i)) == null || S.focus());
+  }, k(() => n.value === 0)), ye(gn, b), on(k(() => G(n.value, { 0: te.Open, 1: te.Closed })));
   let y = k(() => {
     var x;
-    return (x = R(i)) == null ? void 0 : x.closest("form");
+    return (x = E(i)) == null ? void 0 : x.closest("form");
   });
   return ee(() => {
     Z([y], () => {
       if (!y.value || e.defaultValue === void 0)
         return;
       function x() {
-        g.theirOnChange(e.defaultValue);
+        b.theirOnChange(e.defaultValue);
       }
       return y.value.addEventListener("reset", x), () => {
         var w;
@@ -1080,15 +1095,15 @@ 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: b.value };
-    return Ce(be, [...x != null && b.value != null ? un({ [x]: b.value }).map(([re, _e]) => Ce(sn, Jt({ features: dt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: _, name: re, value: _e }))) : [], z({ ourProps: {}, theirProps: { ...l, ...it(C, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: N, slots: t, attrs: l, name: "Listbox" })]);
+    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" })]);
   };
 } });
 $({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-listbox-label-${J()}` } }, setup(e, { attrs: t, slots: l }) {
   let o = De("ListboxLabel");
   function n() {
     var r;
-    (r = R(o.buttonRef)) == null || r.focus({ preventScroll: !0 });
+    (r = E(o.buttonRef)) == null || r.focus({ preventScroll: !0 });
   }
   return () => {
     let r = { open: o.listboxState.value === 0, disabled: o.disabled.value }, { id: i, ...u } = e, c = { id: i, ref: o.labelRef, onClick: n };
@@ -1105,13 +1120,13 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
       case D.ArrowDown:
         a.preventDefault(), n.openListbox(), j(() => {
           var s;
-          (s = R(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(L.First);
         });
         break;
       case D.ArrowUp:
         a.preventDefault(), n.openListbox(), j(() => {
           var s;
-          (s = R(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(L.Last);
         });
         break;
     }
@@ -1126,16 +1141,16 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   function u(a) {
     n.disabled.value || (n.listboxState.value === 0 ? (n.closeListbox(), j(() => {
       var s;
-      return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+      return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })) : (a.preventDefault(), n.openListbox(), il(() => {
       var s;
-      return (s = R(n.optionsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+      return (s = E(n.optionsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })));
   }
   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 = R(n.optionsRef)) == null ? void 0 : a.id, "aria-expanded": n.listboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(s = R(n.labelRef)) == null ? void 0 : s.id, m].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: r, onKeyup: i, onClick: u };
+    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" });
   };
 } }), 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 }) {
@@ -1153,7 +1168,7 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
         }
         n.mode.value === 0 && (n.closeListbox(), j(() => {
           var s;
-          return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+          return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         }));
         break;
       case G(n.orientation.value, { vertical: D.ArrowDown, horizontal: D.ArrowRight }):
@@ -1169,7 +1184,7 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
       case D.Escape:
         a.preventDefault(), a.stopPropagation(), n.closeListbox(), j(() => {
           var s;
-          return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+          return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         });
         break;
       case D.Tab:
@@ -1183,16 +1198,16 @@ 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, b = { "aria-activedescendant": n.activeOptionIndex.value === null || (a = n.options.value[n.activeOptionIndex.value]) == null ? void 0 : a.id, "aria-multiselectable": n.mode.value === 1 ? !0 : void 0, "aria-labelledby": (m = (s = R(n.labelRef)) == null ? void 0 : s.id) != null ? m : (d = R(n.buttonRef)) == null ? void 0 : d.id, "aria-orientation": n.orientation.value, id: v, onKeydown: i, role: "listbox", tabIndex: 0, ref: n.optionsRef };
-    return z({ ourProps: b, theirProps: p, slot: f, attrs: t, slots: l, features: Ee.RenderStrategy | Ee.Static, visible: c.value, name: "ListboxOptions" });
+    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" });
   };
 } }), cl = $({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-listbox.option-${J()}` } }, setup(e, { slots: t, attrs: l, expose: o }) {
   let n = De("ListboxOption"), r = O(null);
   o({ el: r, $el: r });
-  let i = k(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === e.id : !1), u = k(() => G(n.mode.value, { 0: () => n.compare(X(n.value.value), X(e.value)), 1: () => X(n.value.value).some((g) => n.compare(X(g), X(e.value))) })), c = k(() => G(n.mode.value, { 1: () => {
-    var g;
+  let 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;
     let y = X(n.value.value);
-    return ((g = n.options.value.find((x) => y.some((w) => n.compare(X(w), X(x.dataRef.value))))) == null ? void 0 : g.id) === e.id;
+    return ((b = n.options.value.find((x) => y.some((w) => n.compare(X(w), X(x.dataRef.value))))) == null ? void 0 : b.id) === e.id;
   }, 0: () => u.value })), a = vn(r), s = k(() => ({ disabled: e.disabled, value: e.value, get textValue() {
     return a();
   }, domRef: r }));
@@ -1206,16 +1221,16 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     }, { immediate: !0 });
   }), xe(() => {
     n.listboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && j(() => {
-      var g, y;
-      return (y = (g = R(r)) == null ? void 0 : g.scrollIntoView) == null ? void 0 : y.call(g, { block: "nearest" });
+      var b, y;
+      return (y = (b = E(r)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : y.call(b, { block: "nearest" });
     });
   });
-  function d(g) {
+  function d(b) {
     if (e.disabled)
-      return g.preventDefault();
+      return b.preventDefault();
     n.select(e.value), n.mode.value === 0 && (n.closeListbox(), j(() => {
       var y;
-      return (y = R(n.buttonRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
+      return (y = E(n.buttonRef)) == null ? void 0 : y.focus({ preventScroll: !0 });
     }));
   }
   function m() {
@@ -1224,17 +1239,17 @@ let sl = $({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     n.goToOption(L.Specific, e.id);
   }
   let f = pn();
-  function v(g) {
-    f.update(g);
+  function v(b) {
+    f.update(b);
   }
-  function p(g) {
-    f.wasMoved(g) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
+  function p(b) {
+    f.wasMoved(b) && (e.disabled || i.value || n.goToOption(L.Specific, e.id, 0));
   }
-  function b(g) {
-    f.wasMoved(g) && (e.disabled || i.value && n.goToOption(L.Nothing));
+  function h(b) {
+    f.wasMoved(b) && (e.disabled || i.value && n.goToOption(L.Nothing));
   }
   return () => {
-    let { disabled: g } = e, y = { active: i.value, selected: u.value, disabled: g }, { id: x, value: w, disabled: S, ..._ } = e, C = { id: x, ref: r, role: "option", tabIndex: g === !0 ? void 0 : -1, "aria-disabled": g === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onClick: d, onFocus: m, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: b, onMouseleave: b };
+    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" });
   };
 } });
@@ -1254,18 +1269,18 @@ function Ue(e) {
 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()), (b) => R(b.dataRef.domRef)), p = f ? v.indexOf(f) : null;
+    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 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(), b = en(m === L.Specific ? { focus: L.Specific, id: f } : { focus: m }, { resolveItems: () => p.items, resolveActiveIndex: () => p.activeItemIndex, resolveId: (g) => g.id, resolveDisabled: (g) => g.dataRef.disabled });
-    u.value = "", c.value = b, a.value = v ?? 1, i.value = p.items;
+    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) {
     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((b) => b.dataRef.textValue.startsWith(u.value) && !b.dataRef.disabled), p = v ? i.value.indexOf(v) : -1;
+    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);
   }, clearSearch() {
     u.value = "";
@@ -1274,14 +1289,14 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     i.value = v.items, c.value = v.activeItemIndex, a.value = 1;
   }, unregisterItem(m) {
     let f = s((v) => {
-      let p = v.findIndex((b) => b.id === m);
+      let p = v.findIndex((h) => h.id === m);
       return p !== -1 && v.splice(p, 1), v;
     });
     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 = R(n)) == null || v.focus());
+    d.closeMenu(), ze(f, je.Loose) || (m.preventDefault(), (v = E(n)) == null || v.focus());
   }, k(() => o.value === 0)), ye(bn, d), on(k(() => G(o.value, { 0: te.Open, 1: te.Closed }))), () => {
     let m = { open: o.value === 0, close: d.closeMenu };
     return z({ ourProps: {}, theirProps: e, slot: m, slots: t, attrs: l, name: "Menu" });
@@ -1296,13 +1311,13 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case D.ArrowDown:
         a.preventDefault(), a.stopPropagation(), n.openMenu(), j(() => {
           var s;
-          (s = R(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.First);
+          (s = E(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.First);
         });
         break;
       case D.ArrowUp:
         a.preventDefault(), a.stopPropagation(), n.openMenu(), j(() => {
           var s;
-          (s = R(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.Last);
+          (s = E(n.itemsRef)) == null || s.focus({ preventScroll: !0 }), n.goToItem(L.Last);
         });
         break;
     }
@@ -1317,21 +1332,21 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   function u(a) {
     e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), j(() => {
       var s;
-      return (s = R(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+      return (s = E(n.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })) : (a.preventDefault(), n.openMenu(), pl(() => {
       var s;
-      return (s = R(n.itemsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
+      return (s = E(n.itemsRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
     })));
   }
   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 = R(n.itemsRef)) == null ? void 0 : a.id, "aria-expanded": n.menuState.value === 0, onKeydown: r, onKeyup: i, onClick: u };
+    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" });
   };
 } }), 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(() => R(n.itemsRef)), enabled: k(() => n.menuState.value === 0), accept(s) {
+  o({ el: n.itemsRef, $el: n.itemsRef }), zo({ 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");
@@ -1345,9 +1360,9 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case D.Enter:
         if (s.preventDefault(), s.stopPropagation(), n.activeItemIndex.value !== null) {
           let m = n.items.value[n.activeItemIndex.value];
-          (d = R(m.dataRef.domRef)) == null || d.click();
+          (d = E(m.dataRef.domRef)) == null || d.click();
         }
-        n.closeMenu(), rn(R(n.buttonRef));
+        n.closeMenu(), rn(E(n.buttonRef));
         break;
       case D.ArrowDown:
         return s.preventDefault(), s.stopPropagation(), n.goToItem(L.Next);
@@ -1362,11 +1377,11 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case D.Escape:
         s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => {
           var m;
-          return (m = R(n.buttonRef)) == null ? void 0 : m.focus({ preventScroll: !0 });
+          return (m = E(n.buttonRef)) == null ? void 0 : m.focus({ preventScroll: !0 });
         });
         break;
       case D.Tab:
-        s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => Xo(R(n.buttonRef), s.shiftKey ? tt.Previous : tt.Next));
+        s.preventDefault(), s.stopPropagation(), n.closeMenu(), j(() => Xo(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));
@@ -1383,8 +1398,8 @@ 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 = R(n.buttonRef)) == null ? void 0 : d.id, id: f, onKeydown: i, onKeyup: u, role: "menu", tabIndex: 0, ref: n.itemsRef };
-    return z({ ourProps: p, theirProps: v, slot: m, attrs: t, slots: l, features: Ee.RenderStrategy | Ee.Static, visible: a.value, name: "MenuItems" });
+    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" });
   };
 } }), 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);
@@ -1394,14 +1409,14 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }, 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, b;
-      return (b = (p = R(r)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : b.call(p, { block: "nearest" });
+      var p, h;
+      return (h = (p = E(r)) == null ? void 0 : p.scrollIntoView) == null ? void 0 : h.call(p, { block: "nearest" });
     });
   });
   function a(p) {
     if (e.disabled)
       return p.preventDefault();
-    n.closeMenu(), rn(R(n.buttonRef));
+    n.closeMenu(), rn(E(n.buttonRef));
   }
   function s() {
     if (e.disabled)
@@ -1419,8 +1434,8 @@ let ml = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     d.wasMoved(p) && (e.disabled || i.value && n.goToItem(L.Nothing));
   }
   return () => {
-    let { disabled: p } = e, b = { active: i.value, disabled: p, close: n.closeMenu }, { id: g, ...y } = e;
-    return z({ ourProps: { id: g, ref: r, role: "menuitem", tabIndex: p === !0 ? void 0 : -1, "aria-disabled": p === !0 ? !0 : void 0, disabled: void 0, onClick: a, onFocus: s, onPointerenter: m, onMouseenter: m, onPointermove: f, onMousemove: f, onPointerleave: v, onMouseleave: v }, theirProps: { ...l, ...y }, slot: b, attrs: l, slots: t, name: "MenuItem" });
+    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" });
   };
 } }), hn = Symbol("LabelContext");
 function yn() {
@@ -1459,40 +1474,40 @@ $({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "templa
   return ye(xn, { switchRef: o, labelledby: n, describedby: r }), () => z({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: l, name: "SwitchGroup" });
 } });
 let yl = $({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${J()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: l, slots: o, expose: n }) {
-  let r = he(xn, null), [i, u] = fn(k(() => e.modelValue), (b) => t("update:modelValue", b), k(() => e.defaultChecked));
+  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);
   n({ el: s, $el: s });
-  function m(b) {
-    b.preventDefault(), c();
+  function m(h) {
+    h.preventDefault(), c();
   }
-  function f(b) {
-    b.key === D.Space ? (b.preventDefault(), c()) : b.key === D.Enter && Qo(b.currentTarget);
+  function f(h) {
+    h.key === D.Space ? (h.preventDefault(), c()) : h.key === D.Enter && Qo(h.currentTarget);
   }
-  function v(b) {
-    b.preventDefault();
+  function v(h) {
+    h.preventDefault();
   }
   let p = k(() => {
-    var b, g;
-    return (g = (b = R(s)) == null ? void 0 : b.closest) == null ? void 0 : g.call(b, "form");
+    var h, b;
+    return (b = (h = E(s)) == null ? void 0 : h.closest) == null ? void 0 : b.call(h, "form");
   });
   return ee(() => {
     Z([p], () => {
       if (!p.value || e.defaultChecked === void 0)
         return;
-      function b() {
+      function h() {
         u(e.defaultChecked);
       }
-      return p.value.addEventListener("reset", b), () => {
-        var g;
-        (g = p.value) == null || g.removeEventListener("reset", b);
+      return p.value.addEventListener("reset", h), () => {
+        var b;
+        (b = p.value) == null || b.removeEventListener("reset", h);
       };
     }, { immediate: !0 });
   }), () => {
-    let { id: b, name: g, value: y, form: x, ...w } = e, S = { checked: i.value }, _ = { id: b, ref: s, role: "switch", type: d.value, tabIndex: 0, "aria-checked": i.value, "aria-labelledby": r == null ? void 0 : r.labelledby.value, "aria-describedby": r == null ? void 0 : r.describedby.value, onClick: m, onKeyup: f, onKeypress: v };
-    return Ce(be, [g != null && i.value != null ? Ce(sn, Jt({ features: dt.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: i.value, form: x, name: g, value: y })) : null, z({ ourProps: _, theirProps: { ...l, ...it(w, ["modelValue", "defaultChecked"]) }, slot: S, attrs: l, slots: o, name: "Switch" })]);
+    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" })]);
   };
 } });
 const Ae = Math.min, ue = Math.max, Me = Math.round, Ie = Math.floor, ae = (e) => ({
@@ -1565,7 +1580,7 @@ function Cl(e, t, l, o) {
 function Ve(e) {
   return e.replace(/left|right|bottom|top/g, (t) => xl[t]);
 }
-function El(e) {
+function Rl(e) {
   return {
     top: 0,
     right: 0,
@@ -1574,8 +1589,8 @@ function El(e) {
     ...e
   };
 }
-function Rl(e) {
-  return typeof e != "number" ? El(e) : {
+function El(e) {
+  return typeof e != "number" ? Rl(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -1656,14 +1671,14 @@ const Dl = async (e, t, l) => {
   } = It(a, o, c), m = o, f = {}, v = 0;
   for (let p = 0; p < u.length; p++) {
     const {
-      name: b,
-      fn: g
+      name: h,
+      fn: b
     } = u[p], {
       x: y,
       y: x,
       data: w,
       reset: S
-    } = await g({
+    } = await b({
       x: s,
       y: d,
       initialPlacement: o,
@@ -1679,8 +1694,8 @@ const Dl = async (e, t, l) => {
     });
     if (s = y ?? s, d = x ?? d, f = {
       ...f,
-      [b]: {
-        ...f[b],
+      [h]: {
+        ...f[h],
         ...w
       }
     }, S && v <= 50) {
@@ -1719,8 +1734,8 @@ async function On(e, t) {
     elementContext: d = "floating",
     altBoundary: m = !1,
     padding: f = 0
-  } = He(t, e), v = Rl(f), b = u[m ? d === "floating" ? "reference" : "floating" : d], g = Fe(await r.getClippingRect({
-    element: (l = await (r.isElement == null ? void 0 : r.isElement(b))) == null || l ? b : b.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(u.floating)),
+  } = He(t, e), v = El(f), h = u[m ? 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,
     strategy: c
@@ -1740,10 +1755,10 @@ async function On(e, t) {
     strategy: c
   }) : y);
   return {
-    top: (g.top - S.top + v.top) / w.y,
-    bottom: (S.bottom - g.bottom + v.bottom) / w.y,
-    left: (g.left - S.left + v.left) / w.x,
-    right: (S.right - g.right + v.right) / w.x
+    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
   };
 }
 const Pl = function(e) {
@@ -1766,15 +1781,15 @@ const Pl = function(e) {
         fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: v = "none",
         flipAlignment: p = !0,
-        ...b
+        ...h
       } = He(e, t);
       if ((l = r.arrow) != null && l.alignmentOffset)
         return {};
-      const g = ce(n), y = ce(u) === u, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), w = m || (y || !p ? [Ve(u)] : Sl(u));
+      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, b), C = [];
+      const S = [u, ...w], _ = await On(t, h), C = [];
       let N = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (s && C.push(_[g]), d) {
+      if (s && C.push(_[b]), d) {
         const se = kl(n, i, x);
         C.push(_[se[0]], _[se[1]]);
       }
@@ -1881,13 +1896,13 @@ const Tl = function(e) {
         mainAxis: r = !0,
         crossAxis: i = !1,
         limiter: u = {
-          fn: (b) => {
+          fn: (h) => {
             let {
-              x: g,
+              x: b,
               y
-            } = b;
+            } = h;
             return {
-              x: g,
+              x: b,
               y
             };
           }
@@ -1899,11 +1914,11 @@ const Tl = function(e) {
       }, s = await On(t, c), d = Ke(ce(n)), m = wn(d);
       let f = a[m], v = a[d];
       if (r) {
-        const b = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", y = f + s[b], x = f - s[g];
+        const h = m === "y" ? "top" : "left", b = m === "y" ? "bottom" : "right", y = f + s[h], x = f - s[b];
         f = Lt(y, f, x);
       }
       if (i) {
-        const b = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", y = v + s[b], x = v - s[g];
+        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 p = u.fn({
@@ -2003,13 +2018,13 @@ function Cn(e) {
   const t = ge(e);
   return Ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Q(t) && Pe(t) ? t : Cn(t);
 }
-function Re(e, t, l) {
+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);
-  return r ? t.concat(i, i.visualViewport || [], Pe(n) ? n : [], i.frameElement && l ? Re(i.frameElement) : []) : t.concat(n, Re(n, [], l));
+  return r ? t.concat(i, i.visualViewport || [], Pe(n) ? n : [], i.frameElement && l ? Ee(i.frameElement) : []) : t.concat(n, Ee(n, [], l));
 }
-function En(e) {
+function Rn(e) {
   const t = q(e);
   let l = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
   const n = Q(e), r = n ? e.offsetWidth : l, i = n ? e.offsetHeight : o, u = Me(l) !== r || Me(o) !== i;
@@ -2030,7 +2045,7 @@ function ve(e) {
     width: o,
     height: n,
     $: r
-  } = En(t);
+  } = Rn(t);
   let i = (r ? Me(l.width) : l.width) / o, u = (r ? Me(l.height) : l.height) / n;
   return (!i || !Number.isFinite(i)) && (i = 1), (!u || !Number.isFinite(u)) && (u = 1), {
     x: i,
@@ -2038,7 +2053,7 @@ function ve(e) {
   };
 }
 const Al = /* @__PURE__ */ ae(0);
-function Rn(e) {
+function En(e) {
   const t = H(e);
   return !mt() || !t.visualViewport ? Al : {
     x: t.visualViewport.offsetLeft,
@@ -2053,13 +2068,13 @@ function de(e, t, l, o) {
   const n = e.getBoundingClientRect(), r = vt(e);
   let i = ae(1);
   t && (o ? oe(o) && (i = ve(o)) : i = ve(e));
-  const u = Ml(r, l, o) ? Rn(r) : ae(0);
+  const u = Ml(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), b = v.getBoundingClientRect(), g = q(v), y = b.left + (v.clientLeft + parseFloat(g.paddingLeft)) * p.x, x = b.top + (v.clientTop + parseFloat(g.paddingTop)) * p.y;
+      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;
     }
   }
@@ -2145,7 +2160,7 @@ function At(e, t, l) {
   else if (oe(t))
     o = jl(t, l);
   else {
-    const n = Rn(e);
+    const n = En(e);
     o = {
       ...t,
       x: t.x - n.x,
@@ -2162,7 +2177,7 @@ function zl(e, t) {
   const l = t.get(e);
   if (l)
     return l;
-  let o = Re(e, [], !1).filter((u) => oe(u) && ne(u) !== "body"), n = null;
+  let o = Ee(e, [], !1).filter((u) => oe(u) && ne(u) !== "body"), n = null;
   const r = q(e).position === "fixed";
   let i = r ? ge(e) : e;
   for (; oe(i) && !Ge(i); ) {
@@ -2193,7 +2208,7 @@ function Hl(e) {
   const {
     width: t,
     height: l
-  } = En(e);
+  } = Rn(e);
   return {
     width: t,
     height: l
@@ -2278,8 +2293,8 @@ function Xl(e, t) {
     } = e.getBoundingClientRect();
     if (u || t(), !d || !m)
       return;
-    const f = Ie(s), v = Ie(n.clientWidth - (a + d)), p = Ie(n.clientHeight - (s + m)), b = Ie(a), y = {
-      rootMargin: -f + "px " + -v + "px " + -p + "px " + -b + "px",
+    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
     };
     let x = !0;
@@ -2315,29 +2330,29 @@ function Yl(e, t, l, o) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: u = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = o, a = vt(e), s = n || r ? [...a ? Re(a) : [], ...Re(t)] : [];
-  s.forEach((g) => {
-    n && g.addEventListener("scroll", l, {
+  } = o, a = vt(e), s = n || r ? [...a ? Ee(a) : [], ...Ee(t)] : [];
+  s.forEach((b) => {
+    n && b.addEventListener("scroll", l, {
       passive: !0
-    }), r && g.addEventListener("resize", l);
+    }), r && b.addEventListener("resize", l);
   });
   const d = a && u ? Xl(a, l) : null;
   let m = -1, f = null;
-  i && (f = new ResizeObserver((g) => {
-    let [y] = g;
+  i && (f = new ResizeObserver((b) => {
+    let [y] = b;
     y && y.target === a && f && (f.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       f && f.observe(t);
     })), l();
   }), a && !c && f.observe(a), f.observe(t));
   let v, p = c ? de(e) : null;
-  c && b();
-  function b() {
-    const g = de(e);
-    p && (g.x !== p.x || g.y !== p.y || g.width !== p.width || g.height !== p.height) && l(), p = g, v = requestAnimationFrame(b);
+  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);
   }
   return l(), () => {
-    s.forEach((g) => {
-      n && g.removeEventListener("scroll", l), r && g.removeEventListener("resize", l);
+    s.forEach((b) => {
+      n && b.removeEventListener("scroll", l), r && b.removeEventListener("resize", l);
     }), d && d(), f && f.disconnect(), f = null, c && cancelAnimationFrame(v);
   };
 }
@@ -2385,7 +2400,7 @@ function tr(e, t, l) {
   }), 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({}), b = O(!1), g = k(() => {
+  }), 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 = {
       position: f.value,
       left: "0",
@@ -2413,7 +2428,7 @@ function tr(e, t, l) {
       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, b.value = !0;
+      d.value = C.x, m.value = C.y, f.value = C.strategy, v.value = C.placement, p.value = C.middlewareData, h.value = !0;
     });
   }
   function w() {
@@ -2430,7 +2445,7 @@ function tr(e, t, l) {
     }
   }
   function _() {
-    n.value || (b.value = !1);
+    n.value || (h.value = !1);
   }
   return Z([r, i, u], x, {
     flush: "sync"
@@ -2444,8 +2459,8 @@ function tr(e, t, l) {
     strategy: me(f),
     placement: me(v),
     middlewareData: me(p),
-    isPositioned: me(b),
-    floatingStyles: g,
+    isPositioned: me(h),
+    floatingStyles: b,
     update: x
   };
 }
@@ -2461,7 +2476,7 @@ const _r = /* @__PURE__ */ $({
       whileElementsMounted: Yl,
       middleware: [Tl(6), Ql(), Zl({ padding: 6 })]
     });
-    return (i, u) => (E(), K(P(ml), {
+    return (i, u) => (R(), K(P(ml), {
       as: "div",
       class: "inline-block text-left"
     }, {
@@ -2481,12 +2496,12 @@ const _r = /* @__PURE__ */ $({
           ]),
           _: 3
         }, 512),
-        (E(), K(Bn, {
+        (R(), K(Bn, {
           to: typeof i.usePortal == "string" ? i.usePortal : "body",
           disabled: !i.usePortal
         }, [
           I("div", {
-            class: "w-56",
+            class: "w-56 z-20",
             style: Nt(P(r)),
             ref_key: "floating",
             ref: o
@@ -2531,9 +2546,9 @@ const _r = /* @__PURE__ */ $({
     as: {}
   },
   setup(e) {
-    return (t, l) => (E(), K(P(bl), jn(zn({ disabled: t.disabled })), {
+    return (t, l) => (R(), K(P(bl), jn(zn({ disabled: t.disabled })), {
       default: W(({ active: o }) => [
-        (E(), K(Un(t.as || "span"), {
+        (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", [
             o ? "bg-grey-200" : "",
             t.disabled ? "opacity-50 pointer-events-none" : "hover:bg-grey-200 focus:bg-grey-200 focus:outline-none"
@@ -2541,7 +2556,7 @@ const _r = /* @__PURE__ */ $({
         }, {
           default: W(() => [
             I("span", null, B(t.label), 1),
-            t.meta ? (E(), T("span", nr, B(t.meta), 1)) : M("", !0)
+            t.meta ? (R(), T("span", nr, B(t.meta), 1)) : M("", !0)
           ]),
           _: 2
         }, 1032, ["class"]))
@@ -2583,7 +2598,7 @@ const _r = /* @__PURE__ */ $({
       }
     ), Z(o, (c) => {
       c && n("update:modelValue", c);
-    }), (c, a) => (E(), K(P(al), {
+    }), (c, a) => (R(), K(P(al), {
       as: "div",
       modelValue: P(o),
       "onUpdate:modelValue": a[0] || (a[0] = (s) => Hn(o) ? o.value = s : null),
@@ -2597,12 +2612,12 @@ const _r = /* @__PURE__ */ $({
             default: W(() => {
               var s;
               return [
-                c.icon ? (E(), T("span", lr, [
+                c.icon ? (R(), T("span", lr, [
                   F(U, {
                     name: ((s = P(o)) == null ? void 0 : s.icon) ?? c.icon
                   }, null, 8, ["name"])
                 ])) : M("", !0),
-                P(o) ? (E(), T("span", rr, B(P(o).label), 1)) : (E(), T("span", ir, B(c.placeholder), 1)),
+                P(o) ? (R(), T("span", rr, B(P(o).label), 1)) : (R(), T("span", ir, B(c.placeholder), 1)),
                 I("span", ar, [
                   F(U, {
                     class: "text-grey-400",
@@ -2622,7 +2637,7 @@ const _r = /* @__PURE__ */ $({
             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" }, {
                 default: W(() => [
-                  (E(!0), T(be, null, jt(c.options, (s) => (E(), K(P(cl), {
+                  (R(!0), T(be, null, jt(c.options, (s) => (R(), K(P(cl), {
                     as: "template",
                     key: s.id,
                     value: s,
@@ -2637,7 +2652,7 @@ const _r = /* @__PURE__ */ $({
                         ])
                       }, [
                         I("div", sr, [
-                          s.disabled && c.disabledBadge ? (E(), T("span", ur, B(c.disabledBadge), 1)) : M("", !0)
+                          s.disabled && c.disabledBadge ? (R(), T("span", ur, B(c.disabledBadge), 1)) : M("", !0)
                         ]),
                         I("span", {
                           class: A([
@@ -2645,14 +2660,14 @@ const _r = /* @__PURE__ */ $({
                             "block truncate"
                           ])
                         }, [
-                          s.icon ? (E(), K(U, {
+                          s.icon ? (R(), K(U, {
                             key: 0,
                             class: "inline-block mr-1",
                             name: s.icon
                           }, null, 8, ["name"])) : M("", !0),
                           Wn(" " + B(s.label), 1)
                         ], 2),
-                        m ? (E(), T("span", {
+                        m ? (R(), T("span", {
                           key: 0,
                           class: A([
                             d ? "text-blue-100" : "text-blue-500",
@@ -2707,24 +2722,24 @@ const _r = /* @__PURE__ */ $({
         margin: `mr-${o[Math.floor(Math.random() * o.length)]}`
       };
     });
-    return (o, n) => (E(), T("div", cr, [
+    return (o, n) => (R(), T("div", cr, [
       I("div", dr, [
-        o.avatar ? (E(), T("div", fr)) : M("", !0),
-        o.title ? (E(), T("div", pr)) : M("", !0)
+        o.avatar ? (R(), T("div", fr)) : M("", !0),
+        o.title ? (R(), T("div", pr)) : M("", !0)
       ]),
-      o.lines > 0 ? (E(), T("div", mr, [
-        (E(!0), T(be, null, jt(P(l), (r, i) => (E(), T("div", {
+      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]),
           key: i
         }, null, 2))), 128))
       ])) : M("", !0),
-      o.footer ? (E(), T("div", vr)) : M("", !0)
+      o.footer ? (R(), T("div", vr)) : M("", !0)
     ]));
   }
 }), $r = /* @__PURE__ */ $({
   __name: "Spinner",
   setup(e) {
-    return (t, l) => (E(), K(P(U), {
+    return (t, l) => (R(), K(P(U), {
       class: "animate-spin",
       name: "circle-notch"
     }));
@@ -2790,7 +2805,7 @@ const _r = /* @__PURE__ */ $({
     function c() {
       o.isDisabled || l("onClickSplit");
     }
-    return (a, s) => (E(), T("div", gr, [
+    return (a, s) => (R(), T("div", gr, [
       I("button", {
         type: "button",
         "aria-label": a.label,
@@ -2803,7 +2818,7 @@ const _r = /* @__PURE__ */ $({
         }, [
           I("span", null, B(a.label), 1)
         ], 2),
-        a.isLoading ? (E(), T("span", hr, [
+        a.isLoading ? (R(), T("span", hr, [
           F(U, {
             class: "ml-3 animate-spin",
             name: "circle-notch"
@@ -2837,7 +2852,7 @@ const _r = /* @__PURE__ */ $({
     const l = t, o = (n) => {
       l("update:modelValue", n), l("change", n);
     };
-    return (n, r) => (E(), K(P(yl), {
+    return (n, r) => (R(), K(P(yl), {
       modelValue: n.modelValue,
       label: n.label,
       class: A([n.modelValue ? "bg-blue-700" : "bg-grey-700", "relative inline-flex items-center h-6 transition rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-grey-900 focus:ring-blue-300"]),
@@ -2875,7 +2890,7 @@ const _r = /* @__PURE__ */ $({
       focus: () => {
         o.isDisabled || a.value.focus();
       }
-    }), (d, m) => (E(), T("div", xr, [
+    }), (d, m) => (R(), T("div", xr, [
       I("textarea", ot({
         class: ["mono-50 bg-white text-grey-800 placeholder:text-grey-400 placeholder:font-normal border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder:text-grey-500 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800 rounded", [P(r), P(u), P(i)]],
         tabindex: d.isDisabled ? "-1" : void 0,
@@ -2892,8 +2907,8 @@ const _r = /* @__PURE__ */ $({
   }
 });
 export {
-  Er as D9Button,
-  Rr as D9Checkbox,
+  Rr as D9Button,
+  Er as D9Checkbox,
   U as D9Icon,
   Dr as D9Input,
   Pr as D9Label,