@robuust-digital/vue-components 1.2.8 → 1.2.10

package/dist/vue-components.es.js

@@ -1,5 +1,5 @@
 import * as pn from "vue";
-import { openBlock as w, createElementBlock as k, createElementVNode as C, Fragment as ce, renderList as ye, renderSlot as A, createTextVNode as be, toDisplayString as K, createVNode as j, unref as E, normalizeClass as Z, createBlock as W, resolveDynamicComponent as ie, withCtx as z, createCommentVNode as q, watchEffect as le, mergeProps as ne, computed as x, getCurrentInstance as Vn, useAttrs as Nn, withDirectives as it, vModelDynamic as Yt, normalizeProps as Ze, toValue as mn, shallowRef as Ke, watch as oe, triggerRef as hn, onScopeDispose as jn, ref as T, onUnmounted as fe, nextTick as de, onMounted as _, cloneVNode as zn, h as J, defineComponent as Y, inject as se, provide as ve, reactive as Hn, toRaw as Le, Teleport as zl, withModifiers as wt, guardReactiveProps as Wn, vModelSelect as Hl, Transition as Wl, useSlots as ql, vModelText as Ul, getCurrentScope as Kl, shallowReadonly as We, normalizeStyle as Yl } from "vue";
+import { openBlock as w, createElementBlock as k, createElementVNode as C, Fragment as ce, renderList as ye, renderSlot as L, createTextVNode as be, toDisplayString as K, createVNode as j, unref as E, normalizeClass as Z, createBlock as W, resolveDynamicComponent as ie, withCtx as z, createCommentVNode as q, watchEffect as le, mergeProps as ne, computed as x, getCurrentInstance as Vn, useAttrs as Nn, withDirectives as it, vModelDynamic as Yt, normalizeProps as Ze, toValue as mn, shallowRef as Ke, watch as oe, triggerRef as hn, onScopeDispose as jn, ref as T, onUnmounted as fe, nextTick as de, onMounted as _, cloneVNode as zn, h as J, defineComponent as Y, inject as se, provide as ve, reactive as Hn, toRaw as Pe, Teleport as zl, withModifiers as wt, guardReactiveProps as Wn, vModelSelect as Hl, Transition as Wl, useSlots as ql, vModelText as Ul, getCurrentScope as Kl, shallowReadonly as We, normalizeStyle as Yl } from "vue";
 function Zl(e, n) {
   return w(), k("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -75,12 +75,12 @@ const Xl = { class: "rvc-accordion" }, Ql = ["open", "name"], Jl = ["innerHTML"]
         class: "rvc-group/accordion group/accordion"
       }, [
         C("summary", null, [
-          A(n.$slots, "summary", {
+          L(n.$slots, "summary", {
             item: o,
             active: e.defaultOpenIndex === l
           }, () => [
             be(K(o.title) + " ", 1),
-            A(n.$slots, "icon", { classList: "size-5 group-open/accordion:rotate-45 transition-transform" }, () => [
+            L(n.$slots, "icon", { classList: "size-5 group-open/accordion:rotate-45 transition-transform" }, () => [
               j(E(Gl), { class: "rvc-size-5 group-open/accordion:rvc-rotate-45 rvc-transition-transform" })
             ])
           ])
@@ -88,7 +88,7 @@ const Xl = { class: "rvc-accordion" }, Ql = ["open", "name"], Jl = ["innerHTML"]
         C("div", {
           class: Z(["rvc-accordion-content", e.contentClass])
         }, [
-          A(n.$slots, "content", { item: o }, () => [
+          L(n.$slots, "content", { item: o }, () => [
             C("div", {
               innerHTML: o.content
             }, null, 8, Jl)
@@ -128,19 +128,19 @@ const Xl = { class: "rvc-accordion" }, Ql = ["open", "name"], Jl = ["innerHTML"]
       class: Z(["rvc-alert", `rvc-alert-${e.type}`])
     }, {
       default: z(() => [
-        A(n.$slots, "icon", {}, () => [
+        L(n.$slots, "icon", {}, () => [
           e.icon ? (w(), W(ie(e.icon), {
             key: 0,
             class: "rvc-alert-icon"
           })) : q("", !0)
         ]),
         C("div", null, [
-          A(n.$slots, "title", {}, () => [
+          L(n.$slots, "title", {}, () => [
             C("span", _l, K(e.title), 1)
           ]),
-          A(n.$slots, "default")
+          L(n.$slots, "default")
         ]),
-        A(n.$slots, "close", {}, () => [
+        L(n.$slots, "close", {}, () => [
           e.close ? (w(), k("button", {
             key: 0,
             type: "button",
@@ -181,7 +181,7 @@ const Xl = { class: "rvc-accordion" }, Ql = ["open", "name"], Jl = ["innerHTML"]
       class: Z(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
     }, {
       default: z(() => [
-        A(n.$slots, "default", { label: e.label }, () => [
+        L(n.$slots, "default", { label: e.label }, () => [
           be(K(e.label), 1)
         ])
       ]),
@@ -263,23 +263,23 @@ const Zt = { render: no }, lo = {
     }), {
       default: z(() => [
         e.iconOnly && e.label ? (w(), k("span", lo, [
-          A(t.$slots, "default", { label: e.label }, () => [
+          L(t.$slots, "default", { label: e.label }, () => [
             be(K(e.label), 1)
           ])
-        ])) : e.label ? A(t.$slots, "default", {
+        ])) : e.label ? L(t.$slots, "default", {
           key: 1,
           label: e.label
         }, () => [
           be(K(e.label), 1)
         ]) : q("", !0),
-        A(t.$slots, "icon", { icon: e.icon }, () => [
+        L(t.$slots, "icon", { icon: e.icon }, () => [
           e.icon && !e.spinning ? (w(), W(ie(e.icon), {
             key: 0,
             class: "rvc-button-icon",
             "aria-hidden": !e.iconOnly
           }, null, 8, ["aria-hidden"])) : q("", !0)
         ]),
-        A(t.$slots, "spinner", { spinning: e.spinning }, () => [
+        L(t.$slots, "spinner", { spinning: e.spinning }, () => [
           e.spinning ? (w(), W(E(Zt), {
             key: 0,
             class: "rvc-button-icon rvc-button-icon-loading",
@@ -339,7 +339,7 @@ const Zt = { render: no }, lo = {
         j(E(Zl))
       ]),
       C("div", null, [
-        s.$slots.default || e.label ? A(s.$slots, "default", { key: 0 }, () => [
+        s.$slots.default || e.label ? L(s.$slots, "default", { key: 0 }, () => [
           C("label", { for: e.id }, K(e.label), 9, ao)
         ]) : q("", !0)
       ])
@@ -508,7 +508,7 @@ function qe(e, n, t) {
     return (s = t == null ? void 0 : t.onChange) == null || s.call(t, l), l;
   };
 }
-function Lt(e, n) {
+function Pt(e, n) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
@@ -829,11 +829,11 @@ class Eo {
     ), this.getVirtualItemForOffset = (t) => {
       const o = this.getMeasurements();
       if (o.length !== 0)
-        return Lt(
+        return Pt(
           o[Un(
             0,
             o.length - 1,
-            (l) => Lt(o[l]).start,
+            (l) => Pt(o[l]).start,
             t
           )]
         );
@@ -877,7 +877,7 @@ class Eo {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(t)
         )) {
-          const [u] = Lt(
+          const [u] = Pt(
             this.getOffsetForIndex(t, i)
           );
           ho(u, this.getScrollOffset()) || this.scrollToIndex(t, { align: i, behavior: l });
@@ -1023,18 +1023,18 @@ function ko() {
   let e = De();
   return fe(() => e.dispose()), e;
 }
-function Po() {
+function Io() {
   let e = ko();
   return (n) => {
     e.dispose(), e.nextFrame(n);
   };
 }
 var yn;
-let Lo = Symbol("headlessui.useid"), Io = 0;
+let Po = Symbol("headlessui.useid"), Ao = 0;
 const ue = (yn = pn.useId) != null ? yn : function() {
-  return pn.inject(Lo, () => `${++Io}`)();
+  return pn.inject(Po, () => `${++Ao}`)();
 };
-function L(e) {
+function P(e) {
   var n;
   if (e == null || e.value == null) return null;
   let t = (n = e.value.$el) != null ? n : e.value;
@@ -1048,7 +1048,7 @@ function re(e, n, ...t) {
   let o = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map((l) => `"${l}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(o, re), o;
 }
-var Ao = Object.defineProperty, Do = (e, n, t) => n in e ? Ao(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, wn = (e, n, t) => (Do(e, typeof n != "symbol" ? n + "" : n, t), t);
+var Lo = Object.defineProperty, Do = (e, n, t) => n in e ? Lo(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, wn = (e, n, t) => (Do(e, typeof n != "symbol" ? n + "" : n, t), t);
 let Mo = class {
   constructor() {
     wn(this, "current", this.detect()), wn(this, "currentId", 0);
@@ -1076,7 +1076,7 @@ function ke(e) {
   if (ut.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let n = L(e);
+    let n = P(e);
     if (n) return n.ownerDocument;
   }
   return document;
@@ -1103,7 +1103,7 @@ function Qt(e, n = 0) {
 function Gn(e) {
   let n = ke(e);
   de(() => {
-    n && !Qt(n.activeElement, 0) && Ae(e);
+    n && !Qt(n.activeElement, 0) && Le(e);
   });
 }
 var Bo = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Bo || {});
@@ -1112,7 +1112,7 @@ typeof window < "u" && typeof document < "u" && (document.addEventListener("keyd
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function Ae(e) {
+function Le(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
 let Vo = ["textarea", "input"].join(",");
@@ -1187,7 +1187,7 @@ function _t(e, n, t = x(() => !0)) {
     }(e);
     for (let u of s) {
       if (u === null) continue;
-      let c = u instanceof HTMLElement ? u : L(u);
+      let c = u instanceof HTMLElement ? u : P(u);
       if (c != null && c.contains(i) || r.composed && r.composedPath().includes(c)) return;
     }
     return !Qt(i, Xt.Loose) && i.tabIndex !== -1 && r.preventDefault(), n(r, i);
@@ -1214,7 +1214,7 @@ function en(e, n) {
     t.value = xn(e.value.type, e.value.as);
   }), le(() => {
     var o;
-    t.value || L(n) && L(n) instanceof HTMLButtonElement && !((o = L(n)) != null && o.hasAttribute("type")) && (t.value = "button");
+    t.value || P(n) && P(n) instanceof HTMLButtonElement && !((o = P(n)) != null && o.hasAttribute("type")) && (t.value = "button");
   }), t;
 }
 function Sn(e) {
@@ -1239,22 +1239,22 @@ function el({ container: e, accept: n, walk: t, enabled: o }) {
     for (; i.nextNode(); ) t(i.currentNode);
   });
 }
-var Ee = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ee || {}), Ie = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Ie || {});
+var Ee = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Ee || {}), Ae = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Ae || {});
 function X({ visible: e = !0, features: n = 0, ourProps: t, theirProps: o, ...l }) {
   var r;
   let a = nl(o, t), i = Object.assign(l, { props: a });
-  if (e || n & 2 && a.static) return It(i);
+  if (e || n & 2 && a.static) return At(i);
   if (n & 1) {
     let s = (r = a.unmount) == null || r ? 0 : 1;
     return re(s, { 0() {
       return null;
     }, 1() {
-      return It({ ...l, props: { ...a, hidden: !0, style: { display: "none" } } });
+      return At({ ...l, props: { ...a, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return It(i);
+  return At(i);
 }
-function It({ props: e, attrs: n, slots: t, slot: o, name: l }) {
+function At({ props: e, attrs: n, slots: t, slot: o, name: l }) {
   var r, a;
   let { as: i, ...s } = Qe(e, ["unmount", "static"]), u = (r = t.default) == null ? void 0 : r.call(t, o), c = {};
   if (o) {
@@ -1413,14 +1413,14 @@ function je(e) {
 }
 let cl = Symbol("VirtualContext"), Qo = Y({ name: "VirtualProvider", setup(e, { slots: n }) {
   let t = je("VirtualProvider"), o = x(() => {
-    let i = L(t.optionsRef);
+    let i = P(t.optionsRef);
     if (!i) return { start: 0, end: 0 };
     let s = window.getComputedStyle(i);
     return { start: parseFloat(s.paddingBlockStart || s.paddingTop), end: parseFloat(s.paddingBlockEnd || s.paddingBottom) };
   }), l = Ro(x(() => ({ scrollPaddingStart: o.value.start, scrollPaddingEnd: o.value.end, count: t.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
-    return L(t.optionsRef);
+    return P(t.optionsRef);
   }, overscan: 12 }))), r = x(() => {
     var i;
     return (i = t.virtual.value) == null ? void 0 : i.options;
@@ -1436,21 +1436,21 @@ let cl = Symbol("VirtualContext"), Qo = Y({ name: "VirtualProvider", setup(e, {
 } }), Jo = Y({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, 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 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(e, { slots: n, attrs: t, emit: o }) {
   let l = T(1), r = T(null), a = T(null), i = T(null), s = T(null), u = T({ static: !1, hold: !1 }), c = T([]), d = T(null), f = T(2), v = T(!1);
   function p(O = (R) => R) {
-    let R = d.value !== null ? c.value[d.value] : null, B = O(c.value.slice()), F = B.length > 0 && B[0].dataRef.order.value !== null ? B.sort((N, Q) => N.dataRef.order.value - Q.dataRef.order.value) : Jt(B, (N) => L(N.dataRef.domRef)), V = R ? F.indexOf(R) : null;
+    let R = d.value !== null ? c.value[d.value] : null, B = O(c.value.slice()), F = B.length > 0 && B[0].dataRef.order.value !== null ? B.sort((N, Q) => N.dataRef.order.value - Q.dataRef.order.value) : Jt(B, (N) => P(N.dataRef.domRef)), V = R ? F.indexOf(R) : null;
     return V === -1 && (V = null), { options: F, activeOptionIndex: V };
   }
-  let m = x(() => e.multiple ? 1 : 0), S = x(() => e.nullable), [y, h] = Kn(x(() => e.modelValue), (O) => o("update:modelValue", O), x(() => e.defaultValue)), b = x(() => y.value === void 0 ? re(m.value, { 1: [], 0: void 0 }) : y.value), P = null, $ = null;
+  let m = x(() => e.multiple ? 1 : 0), S = x(() => e.nullable), [y, h] = Kn(x(() => e.modelValue), (O) => o("update:modelValue", O), x(() => e.defaultValue)), b = x(() => y.value === void 0 ? re(m.value, { 1: [], 0: void 0 }) : y.value), I = null, $ = null;
   function D(O) {
     return re(m.value, { 0() {
       return h == null ? void 0 : h(O);
     }, 1: () => {
-      let R = Le(g.value.value).slice(), B = Le(O), F = R.findIndex((V) => g.compare(B, Le(V)));
+      let R = Pe(g.value.value).slice(), B = Pe(O), F = R.findIndex((V) => g.compare(B, Pe(V)));
       return F === -1 ? R.push(B) : R.splice(F, 1), h == null ? void 0 : h(R);
     } });
   }
-  let I = x(() => {
+  let A = x(() => {
   });
-  oe([I], ([O], [R]) => {
+  oe([A], ([O], [R]) => {
     if (g.virtual.value && O && R && d.value !== null) {
       let B = O.indexOf(R[d.value]);
       B !== -1 ? d.value = B : d.value = null;
@@ -1492,14 +1492,14 @@ let cl = Symbol("VirtualContext"), Qo = Y({ name: "VirtualProvider", setup(e, {
   }, setActivationTrigger(O) {
     f.value = O;
   }, goToOption(O, R, B) {
-    v.value = !1, P !== null && cancelAnimationFrame(P), P = requestAnimationFrame(() => {
+    v.value = !1, I !== null && cancelAnimationFrame(I), I = requestAnimationFrame(() => {
       if (e.disabled || s.value && !u.value.static && l.value === 1) return;
       if (g.virtual.value) {
         d.value = O === U.Specific ? R : Bt({ focus: O }, { resolveItems: () => g.virtual.value.options, resolveActiveIndex: () => {
           var N, Q;
           return (Q = (N = g.activeOptionIndex.value) != null ? N : g.virtual.value.options.findIndex((ae) => {
-            var Pe;
-            return !((Pe = g.virtual.value) != null && Pe.disabled(ae));
+            var Ie;
+            return !((Ie = g.virtual.value) != null && Ie.disabled(ae));
           })) != null ? Q : null;
         }, resolveDisabled: (N) => g.virtual.value.disabled(N), resolveId() {
           throw new Error("Function not implemented.");
@@ -1536,12 +1536,12 @@ let cl = Symbol("VirtualContext"), Qo = Y({ name: "VirtualProvider", setup(e, {
     }
     $ && cancelAnimationFrame($);
     let F = p((V) => (V.push(B), V));
-    d.value === null && g.isSelected(R.value.value) && (F.activeOptionIndex = F.options.indexOf(B)), c.value = F.options, d.value = F.activeOptionIndex, f.value = 2, F.options.some((V) => !L(V.dataRef.domRef)) && ($ = requestAnimationFrame(() => {
+    d.value === null && g.isSelected(R.value.value) && (F.activeOptionIndex = F.options.indexOf(B)), c.value = F.options, d.value = F.activeOptionIndex, f.value = 2, F.options.some((V) => !P(V.dataRef.domRef)) && ($ = requestAnimationFrame(() => {
       let V = p();
       c.value = V.options, d.value = V.activeOptionIndex;
     }));
   }, unregisterOption(O, R) {
-    if (P !== null && cancelAnimationFrame(P), R && (v.value = !0), g.virtual.value) {
+    if (I !== null && cancelAnimationFrame(I), R && (v.value = !0), g.virtual.value) {
       c.value = c.value.filter((F) => F.id !== O);
       return;
     }
@@ -1551,14 +1551,14 @@ let cl = Symbol("VirtualContext"), Qo = Y({ name: "VirtualProvider", setup(e, {
     });
     c.value = B.options, d.value = B.activeOptionIndex, f.value = 2;
   }, isSelected(O) {
-    return re(m.value, { 0: () => g.compare(Le(g.value.value), Le(O)), 1: () => Le(g.value.value).some((R) => g.compare(Le(R), Le(O))) });
+    return re(m.value, { 0: () => g.compare(Pe(g.value.value), Pe(O)), 1: () => Pe(g.value.value).some((R) => g.compare(Pe(R), Pe(O))) });
   }, isActive(O) {
     return d.value === g.calculateIndex(O);
   } };
   _t([a, i, s], () => g.closeCombobox(), x(() => l.value === 0)), ve(ul, g), tn(x(() => re(l.value, { 0: te.Open, 1: te.Closed })));
   let M = x(() => {
     var O;
-    return (O = L(a)) == null ? void 0 : O.closest("form");
+    return (O = P(a)) == null ? void 0 : O.closest("form");
   });
   return _(() => {
     oe([M], () => {
@@ -1574,7 +1574,7 @@ let cl = Symbol("VirtualContext"), Qo = Y({ name: "VirtualProvider", setup(e, {
   }), () => {
     var O, R, B;
     let { name: F, disabled: V, form: N, ...Q } = e, ae = { open: l.value === 0, disabled: V, activeIndex: g.activeOptionIndex.value, activeOption: g.activeOptionIndex.value === null ? null : g.virtual.value ? g.virtual.value.options[(O = g.activeOptionIndex.value) != null ? O : 0] : (B = (R = g.options.value[g.activeOptionIndex.value]) == null ? void 0 : R.dataRef.value) != null ? B : null, value: b.value };
-    return J(ce, [...F != null && b.value != null ? rl({ [F]: b.value }).map(([Pe, pt]) => J(ot, ll({ features: Ge.Hidden, key: Pe, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: N, disabled: V, name: Pe, value: pt }))) : [], X({ theirProps: { ...t, ...Qe(Q, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ae, slots: n, attrs: t, name: "Combobox" })]);
+    return J(ce, [...F != null && b.value != null ? rl({ [F]: b.value }).map(([Ie, pt]) => J(ot, ll({ features: Ge.Hidden, key: Ie, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: N, disabled: V, name: Ie, value: pt }))) : [], X({ theirProps: { ...t, ...Qe(Q, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ae, slots: n, attrs: t, name: "Combobox" })]);
   };
 } });
 Y({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t }) {
@@ -1582,7 +1582,7 @@ Y({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "labe
   let l = (o = e.id) != null ? o : `headlessui-combobox-label-${ue()}`, r = je("ComboboxLabel");
   function a() {
     var i;
-    (i = L(r.inputRef)) == null || i.focus({ preventScroll: !0 });
+    (i = P(r.inputRef)) == null || i.focus({ preventScroll: !0 });
   }
   return () => {
     let i = { open: r.comboboxState.value === 0, disabled: r.disabled.value }, { ...s } = e, u = { id: l, ref: r.labelRef, onClick: a };
@@ -1596,7 +1596,7 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   function i(c) {
     a.disabled.value || (a.comboboxState.value === 0 ? a.closeCombobox() : (c.preventDefault(), a.openCombobox()), de(() => {
       var d;
-      return (d = L(a.inputRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
+      return (d = P(a.inputRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
     }));
   }
   function s(c) {
@@ -1627,28 +1627,28 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   let u = en(x(() => ({ as: e.as, type: n.type })), a.buttonRef);
   return () => {
     var c, d;
-    let f = { open: a.comboboxState.value === 0, disabled: a.disabled.value, value: a.value.value }, { ...v } = e, p = { ref: a.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = L(a.optionsRef)) == null ? void 0 : c.id, "aria-expanded": a.comboboxState.value === 0, "aria-labelledby": a.labelRef.value ? [(d = L(a.labelRef)) == null ? void 0 : d.id, r].join(" ") : void 0, disabled: a.disabled.value === !0 ? !0 : void 0, onKeydown: s, onClick: i };
+    let f = { open: a.comboboxState.value === 0, disabled: a.disabled.value, value: a.value.value }, { ...v } = e, p = { ref: a.buttonRef, id: r, type: u.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = P(a.optionsRef)) == null ? void 0 : c.id, "aria-expanded": a.comboboxState.value === 0, "aria-labelledby": a.labelRef.value ? [(d = P(a.labelRef)) == null ? void 0 : d.id, r].join(" ") : void 0, disabled: a.disabled.value === !0 ? !0 : void 0, onKeydown: s, onClick: i };
     return X({ ourProps: p, theirProps: v, slot: f, attrs: n, slots: t, name: "ComboboxButton" });
   };
 } }), ea = Y({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (e) => !0 }, setup(e, { emit: n, attrs: t, slots: o, expose: l }) {
   var r;
-  let a = (r = e.id) != null ? r : `headlessui-combobox-input-${ue()}`, i = je("ComboboxInput"), s = x(() => ke(L(i.inputRef))), u = { value: !1 };
+  let a = (r = e.id) != null ? r : `headlessui-combobox-input-${ue()}`, i = je("ComboboxInput"), s = x(() => ke(P(i.inputRef))), u = { value: !1 };
   l({ el: i.inputRef, $el: i.inputRef });
   function c() {
     i.change(null);
-    let $ = L(i.optionsRef);
+    let $ = P(i.optionsRef);
     $ && ($.scrollTop = 0), i.goToOption(U.Nothing);
   }
   let d = x(() => {
     var $;
     let D = i.value.value;
-    return L(i.inputRef) ? typeof e.displayValue < "u" && D !== void 0 ? ($ = e.displayValue(D)) != null ? $ : "" : typeof D == "string" ? D : "" : "";
+    return P(i.inputRef) ? typeof e.displayValue < "u" && D !== void 0 ? ($ = e.displayValue(D)) != null ? $ : "" : typeof D == "string" ? D : "" : "";
   });
   _(() => {
-    oe([d, i.comboboxState, s], ([$, D], [I, g]) => {
+    oe([d, i.comboboxState, s], ([$, D], [A, g]) => {
       if (u.value) return;
-      let M = L(i.inputRef);
-      M && ((g === 0 && D === 1 || $ !== I) && (M.value = $), requestAnimationFrame(() => {
+      let M = P(i.inputRef);
+      M && ((g === 0 && D === 1 || $ !== A) && (M.value = $), requestAnimationFrame(() => {
         var O;
         if (u.value || !M || ((O = s.value) == null ? void 0 : O.activeElement) !== M) return;
         let { selectionStart: R, selectionEnd: B } = M;
@@ -1657,10 +1657,10 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     }, { immediate: !0 }), oe([i.comboboxState], ([$], [D]) => {
       if ($ === 0 && D === 1) {
         if (u.value) return;
-        let I = L(i.inputRef);
-        if (!I) return;
-        let g = I.value, { selectionStart: M, selectionEnd: O, selectionDirection: R } = I;
-        I.value = "", I.value = g, R !== null ? I.setSelectionRange(M, O, R) : I.setSelectionRange(M, O);
+        let A = P(i.inputRef);
+        if (!A) return;
+        let g = A.value, { selectionStart: M, selectionEnd: O, selectionDirection: R } = A;
+        A.value = "", A.value = g, R !== null ? A.setSelectionRange(M, O, R) : A.setSelectionRange(M, O);
       }
     });
   });
@@ -1673,7 +1673,7 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
       f.value = !1;
     });
   }
-  let m = Po();
+  let m = Io();
   function S($) {
     switch (u.value = !0, m(() => {
       u.value = !1;
@@ -1718,24 +1718,24 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     n("change", $), i.nullable.value && i.mode.value === 0 && $.target.value === "" && c(), i.openCombobox();
   }
   function h($) {
-    var D, I, g;
+    var D, A, g;
     let M = (D = $.relatedTarget) != null ? D : Re.find((O) => O !== $.currentTarget);
-    if (u.value = !1, !((I = L(i.optionsRef)) != null && I.contains(M)) && !((g = L(i.buttonRef)) != null && g.contains(M)) && i.comboboxState.value === 0) return $.preventDefault(), i.mode.value === 0 && (i.nullable.value && i.value.value === null ? c() : i.activationTrigger.value !== 1 && i.selectActiveOption()), i.closeCombobox();
+    if (u.value = !1, !((A = P(i.optionsRef)) != null && A.contains(M)) && !((g = P(i.buttonRef)) != null && g.contains(M)) && i.comboboxState.value === 0) return $.preventDefault(), i.mode.value === 0 && (i.nullable.value && i.value.value === null ? c() : i.activationTrigger.value !== 1 && i.selectActiveOption()), i.closeCombobox();
   }
   function b($) {
-    var D, I, g;
+    var D, A, g;
     let M = (D = $.relatedTarget) != null ? D : Re.find((O) => O !== $.currentTarget);
-    (I = L(i.buttonRef)) != null && I.contains(M) || (g = L(i.optionsRef)) != null && g.contains(M) || i.disabled.value || i.immediate.value && i.comboboxState.value !== 0 && (i.openCombobox(), De().nextFrame(() => {
+    (A = P(i.buttonRef)) != null && A.contains(M) || (g = P(i.optionsRef)) != null && g.contains(M) || i.disabled.value || i.immediate.value && i.comboboxState.value !== 0 && (i.openCombobox(), De().nextFrame(() => {
       i.setActivationTrigger(1);
     }));
   }
-  let P = x(() => {
-    var $, D, I, g;
-    return (g = (I = (D = e.defaultValue) != null ? D : i.defaultValue.value !== void 0 ? ($ = e.displayValue) == null ? void 0 : $.call(e, i.defaultValue.value) : null) != null ? I : i.defaultValue.value) != null ? g : "";
+  let I = x(() => {
+    var $, D, A, g;
+    return (g = (A = (D = e.defaultValue) != null ? D : i.defaultValue.value !== void 0 ? ($ = e.displayValue) == null ? void 0 : $.call(e, i.defaultValue.value) : null) != null ? A : i.defaultValue.value) != null ? g : "";
   });
   return () => {
-    var $, D, I, g, M, O, R;
-    let B = { open: i.comboboxState.value === 0 }, { displayValue: F, onChange: V, ...N } = e, Q = { "aria-controls": ($ = i.optionsRef.value) == null ? void 0 : $.id, "aria-expanded": i.comboboxState.value === 0, "aria-activedescendant": i.activeOptionIndex.value === null ? void 0 : i.virtual.value ? (D = i.options.value.find((ae) => !i.virtual.value.disabled(ae.dataRef.value) && i.compare(ae.dataRef.value, i.virtual.value.options[i.activeOptionIndex.value]))) == null ? void 0 : D.id : (I = i.options.value[i.activeOptionIndex.value]) == null ? void 0 : I.id, "aria-labelledby": (O = (g = L(i.labelRef)) == null ? void 0 : g.id) != null ? O : (M = L(i.buttonRef)) == null ? void 0 : M.id, "aria-autocomplete": "list", id: a, onCompositionstart: v, onCompositionend: p, onKeydown: S, onInput: y, onFocus: b, onBlur: h, role: "combobox", type: (R = t.type) != null ? R : "text", tabIndex: 0, ref: i.inputRef, defaultValue: P.value, disabled: i.disabled.value === !0 ? !0 : void 0 };
+    var $, D, A, g, M, O, R;
+    let B = { open: i.comboboxState.value === 0 }, { displayValue: F, onChange: V, ...N } = e, Q = { "aria-controls": ($ = i.optionsRef.value) == null ? void 0 : $.id, "aria-expanded": i.comboboxState.value === 0, "aria-activedescendant": i.activeOptionIndex.value === null ? void 0 : i.virtual.value ? (D = i.options.value.find((ae) => !i.virtual.value.disabled(ae.dataRef.value) && i.compare(ae.dataRef.value, i.virtual.value.options[i.activeOptionIndex.value]))) == null ? void 0 : D.id : (A = i.options.value[i.activeOptionIndex.value]) == null ? void 0 : A.id, "aria-labelledby": (O = (g = P(i.labelRef)) == null ? void 0 : g.id) != null ? O : (M = P(i.buttonRef)) == null ? void 0 : M.id, "aria-autocomplete": "list", id: a, onCompositionstart: v, onCompositionend: p, onKeydown: S, onInput: y, onFocus: b, onBlur: h, role: "combobox", type: (R = t.type) != null ? R : "text", tabIndex: 0, ref: i.inputRef, defaultValue: I.value, disabled: i.disabled.value === !0 ? !0 : void 0 };
     return X({ ourProps: Q, theirProps: N, slot: B, attrs: t, slots: o, features: Ee.RenderStrategy | Ee.Static, name: "ComboboxInput" });
   };
 } }), ta = Y({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: n, slots: t, expose: o }) {
@@ -1746,7 +1746,7 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     l.optionsPropsRef.value.hold = e.hold;
   });
   let a = ct(), i = x(() => a !== null ? (a.value & te.Open) === te.Open : l.comboboxState.value === 0);
-  el({ container: x(() => L(l.optionsRef)), enabled: x(() => l.comboboxState.value === 0), accept(u) {
+  el({ container: x(() => P(l.optionsRef)), enabled: x(() => l.comboboxState.value === 0), accept(u) {
     return u.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(u) {
     u.setAttribute("role", "none");
@@ -1756,7 +1756,7 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   }
   return () => {
     var u, c, d;
-    let f = { open: l.comboboxState.value === 0 }, v = { "aria-labelledby": (d = (u = L(l.labelRef)) == null ? void 0 : u.id) != null ? d : (c = L(l.buttonRef)) == null ? void 0 : c.id, id: r, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: s }, p = Qe(e, ["hold"]);
+    let f = { open: l.comboboxState.value === 0 }, v = { "aria-labelledby": (d = (u = P(l.labelRef)) == null ? void 0 : u.id) != null ? d : (c = P(l.buttonRef)) == null ? void 0 : c.id, id: r, ref: l.optionsRef, role: "listbox", "aria-multiselectable": l.mode.value === 1 ? !0 : void 0, onMousedown: s }, p = Qe(e, ["hold"]);
     return X({ ourProps: v, theirProps: p, slot: f, attrs: n, slots: l.virtual.value && l.comboboxState.value === 0 ? { ...t, default: () => [J(Qo, {}, t.default)] } : t, features: Ee.RenderStrategy | Ee.Static, visible: i.value, name: "ComboboxOptions" });
   };
 } }), na = Y({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(e, { slots: n, attrs: t, expose: o }) {
@@ -1767,18 +1767,18 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     return l.virtual.value ? l.activeOptionIndex.value === l.calculateIndex(e.value) : l.activeOptionIndex.value === null ? !1 : ((h = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : h.id) === r;
   }), u = x(() => l.isSelected(e.value)), c = se(cl, null), d = x(() => ({ disabled: e.disabled, value: e.value, domRef: a, order: x(() => e.order) }));
   _(() => l.registerOption(r, d)), fe(() => l.unregisterOption(r, s.value)), le(() => {
-    let h = L(a);
+    let h = P(a);
     h && (c == null || c.value.measureElement(h));
   }), le(() => {
     l.comboboxState.value === 0 && s.value && (l.virtual.value || l.activationTrigger.value !== 0 && de(() => {
       var h, b;
-      return (b = (h = L(a)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : b.call(h, { block: "nearest" });
+      return (b = (h = P(a)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : b.call(h, { block: "nearest" });
     }));
   });
   function f(h) {
     h.preventDefault(), h.button === al.Left && (i.value || (l.selectOption(r), Qn() || requestAnimationFrame(() => {
       var b;
-      return (b = L(l.inputRef)) == null ? void 0 : b.focus({ preventScroll: !0 });
+      return (b = P(l.inputRef)) == null ? void 0 : b.focus({ preventScroll: !0 });
     }), l.mode.value === 0 && l.closeCombobox()));
   }
   function v() {
@@ -1794,16 +1794,16 @@ let _o = Y({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   function S(h) {
     var b;
     if (!p.wasMoved(h) || e.disabled || (b = l.virtual.value) != null && b.disabled(e.value) || s.value) return;
-    let P = l.calculateIndex(e.value);
-    l.goToOption(U.Specific, P, 0);
+    let I = l.calculateIndex(e.value);
+    l.goToOption(U.Specific, I, 0);
   }
   function y(h) {
     var b;
     p.wasMoved(h) && (e.disabled || (b = l.virtual.value) != null && b.disabled(e.value) || s.value && (l.optionsPropsRef.value.hold || l.goToOption(U.Nothing)));
   }
   return () => {
-    let { disabled: h } = e, b = { active: s.value, selected: u.value, disabled: h }, P = { id: r, ref: a, role: "option", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: f, onFocus: v, onPointerenter: m, onMouseenter: m, onPointermove: S, onMousemove: S, onPointerleave: y, onMouseleave: y }, $ = Qe(e, ["order", "value"]);
-    return X({ ourProps: P, theirProps: $, slot: b, attrs: t, slots: n, name: "ComboboxOption" });
+    let { disabled: h } = e, b = { active: s.value, selected: u.value, disabled: h }, I = { id: r, ref: a, role: "option", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, "aria-selected": u.value, disabled: void 0, onMousedown: f, onFocus: v, onPointerenter: m, onMouseenter: m, onPointermove: S, onMousemove: S, onPointerleave: y, onMouseleave: y }, $ = Qe(e, ["order", "value"]);
+    return X({ ourProps: I, theirProps: $, slot: b, attrs: t, slots: n, name: "ComboboxOption" });
   };
 } });
 function dl(e, n, t, o) {
@@ -1823,7 +1823,7 @@ function fl(e) {
   if (typeof e == "function") return new Set(e());
   let n = /* @__PURE__ */ new Set();
   for (let t of e.value) {
-    let o = L(t);
+    let o = P(t);
     o instanceof HTMLElement && n.add(o);
   }
   return n;
@@ -1838,7 +1838,7 @@ let _e = Object.assign(Y({ name: "FocusTrap", props: { as: { type: [Object, Stri
   ia({ ownerDocument: r, container: l, containers: e.containers, previousActiveElement: i }, x(() => a.value && !!(e.features & 8)));
   let s = la();
   function u(v) {
-    let p = L(l);
+    let p = P(l);
     p && ((m) => m())(() => {
       re(s.value, { [tt.Forwards]: () => {
         nt(p, Se.First, { skipElements: [v.relatedTarget] });
@@ -1856,9 +1856,9 @@ let _e = Object.assign(Y({ name: "FocusTrap", props: { as: { type: [Object, Stri
   function f(v) {
     if (!a.value) return;
     let p = fl(e.containers);
-    L(l) instanceof HTMLElement && p.add(L(l));
+    P(l) instanceof HTMLElement && p.add(P(l));
     let m = v.relatedTarget;
-    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (pl(p, m) || (c.value ? nt(L(l), re(s.value, { [tt.Forwards]: () => Se.Next, [tt.Backwards]: () => Se.Previous }) | Se.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Ae(v.target)));
+    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (pl(p, m) || (c.value ? nt(P(l), re(s.value, { [tt.Forwards]: () => Se.Next, [tt.Backwards]: () => Se.Previous }) | Se.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Le(v.target)));
   }
   return () => {
     let v = {}, p = { ref: l, onKeydown: d, onFocusout: f }, { features: m, initialFocus: S, containers: y, ...h } = e;
@@ -1881,10 +1881,10 @@ function aa({ ownerDocument: e }, n) {
   _(() => {
     le(() => {
       var o, l;
-      n.value || ((o = e.value) == null ? void 0 : o.activeElement) === ((l = e.value) == null ? void 0 : l.body) && Ae(t());
+      n.value || ((o = e.value) == null ? void 0 : o.activeElement) === ((l = e.value) == null ? void 0 : l.body) && Le(t());
     }, { flush: "post" });
   }), fe(() => {
-    n.value && Ae(t());
+    n.value && Le(t());
   });
 }
 function ra({ ownerDocument: e, container: n, initialFocus: t }, o) {
@@ -1892,11 +1892,11 @@ function ra({ ownerDocument: e, container: n, initialFocus: t }, o) {
   return _(() => r.value = !0), fe(() => r.value = !1), _(() => {
     oe([n, t, o], (a, i) => {
       if (a.every((u, c) => (i == null ? void 0 : i[c]) === u) || !o.value) return;
-      let s = L(n);
+      let s = P(n);
       s && Gt(() => {
         var u, c;
         if (!r.value) return;
-        let d = L(t), f = (u = e.value) == null ? void 0 : u.activeElement;
+        let d = P(t), f = (u = e.value) == null ? void 0 : u.activeElement;
         if (d) {
           if (d === f) {
             l.value = f;
@@ -1906,7 +1906,7 @@ function ra({ ownerDocument: e, container: n, initialFocus: t }, o) {
           l.value = f;
           return;
         }
-        d ? Ae(d) : nt(s, Se.First | Se.NoScroll) === Yn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), l.value = (c = e.value) == null ? void 0 : c.activeElement;
+        d ? Le(d) : nt(s, Se.First | Se.NoScroll) === Yn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), l.value = (c = e.value) == null ? void 0 : c.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), l;
@@ -1916,11 +1916,11 @@ function ia({ ownerDocument: e, container: n, containers: t, previousActiveEleme
   dl((r = e.value) == null ? void 0 : r.defaultView, "focus", (a) => {
     if (!l.value) return;
     let i = fl(t);
-    L(n) instanceof HTMLElement && i.add(L(n));
+    P(n) instanceof HTMLElement && i.add(P(n));
     let s = o.value;
     if (!s) return;
     let u = a.target;
-    u && u instanceof HTMLElement ? pl(i, u) ? (o.value = u, Ae(u)) : (a.preventDefault(), a.stopPropagation(), Ae(s)) : Ae(o.value);
+    u && u instanceof HTMLElement ? pl(i, u) ? (o.value = u, Le(u)) : (a.preventDefault(), a.stopPropagation(), Le(s)) : Le(o.value);
   }, !0);
 }
 function pl(e, n) {
@@ -2045,23 +2045,23 @@ function pa(e, n, t) {
     });
   }, { immediate: !0 }), l;
 }
-let At = /* @__PURE__ */ new Map(), et = /* @__PURE__ */ new Map();
+let Lt = /* @__PURE__ */ new Map(), et = /* @__PURE__ */ new Map();
 function $n(e, n = T(!0)) {
   le((t) => {
     var o;
     if (!n.value) return;
-    let l = L(e);
+    let l = P(e);
     if (!l) return;
     t(function() {
       var a;
       if (!l) return;
       let i = (a = et.get(l)) != null ? a : 1;
       if (i === 1 ? et.delete(l) : et.set(l, i - 1), i !== 1) return;
-      let s = At.get(l);
-      s && (s["aria-hidden"] === null ? l.removeAttribute("aria-hidden") : l.setAttribute("aria-hidden", s["aria-hidden"]), l.inert = s.inert, At.delete(l));
+      let s = Lt.get(l);
+      s && (s["aria-hidden"] === null ? l.removeAttribute("aria-hidden") : l.setAttribute("aria-hidden", s["aria-hidden"]), l.inert = s.inert, Lt.delete(l));
     });
     let r = (o = et.get(l)) != null ? o : 0;
-    et.set(l, r + 1), r === 0 && (At.set(l, { "aria-hidden": l.getAttribute("aria-hidden"), inert: l.inert }), l.setAttribute("aria-hidden", "true"), l.inert = !0);
+    et.set(l, r + 1), r === 0 && (Lt.set(l, { "aria-hidden": l.getAttribute("aria-hidden"), inert: l.inert }), l.setAttribute("aria-hidden", "true"), l.inert = !0);
   });
 }
 function ma({ defaultContainers: e = [], portals: n, mainTreeNodeRef: t } = {}) {
@@ -2071,7 +2071,7 @@ function ma({ defaultContainers: e = [], portals: n, mainTreeNodeRef: t } = {})
     let u = [];
     for (let c of e) c !== null && (c instanceof HTMLElement ? u.push(c) : "value" in c && c.value instanceof HTMLElement && u.push(c.value));
     if (n != null && n.value) for (let c of n.value) u.push(c);
-    for (let c of (a = l == null ? void 0 : l.querySelectorAll("html > *, body > *")) != null ? a : []) c !== document.body && c !== document.head && c instanceof HTMLElement && c.id !== "headlessui-portal-root" && (c.contains(L(o)) || c.contains((s = (i = L(o)) == null ? void 0 : i.getRootNode()) == null ? void 0 : s.host) || u.some((d) => c.contains(d)) || u.push(c));
+    for (let c of (a = l == null ? void 0 : l.querySelectorAll("html > *, body > *")) != null ? a : []) c !== document.body && c !== document.head && c instanceof HTMLElement && c.id !== "headlessui-portal-root" && (c.contains(P(o)) || c.contains((s = (i = P(o)) == null ? void 0 : i.getRootNode()) == null ? void 0 : s.host) || u.some((d) => c.contains(d)) || u.push(c));
     return u;
   }
   return { resolveContainers: r, contains(a) {
@@ -2164,7 +2164,7 @@ let yl = Y({ name: "Portal", props: { as: { type: [Object, String], default: "di
   let u = se(zt, null), c = !1, d = Vn();
   return oe(o, () => {
     if (c || !u) return;
-    let f = L(o);
+    let f = P(o);
     f && (fe(u.register(f), d), c = !0);
   }), fe(() => {
     var f, v;
@@ -2221,17 +2221,17 @@ let gt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", xl = Y({ name: "Dialog", inheri
   let u = !1, c = x(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (u || (u = !0, console.warn(`Invalid role [${c}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), d = T(0), f = ct(), v = x(() => e.open === gt && f !== null ? (f.value & te.Open) === te.Open : e.open), p = T(null), m = x(() => ke(p));
   if (l({ el: p, $el: p }), !(e.open !== gt || f !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof v.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${v.value === gt ? void 0 : e.open}`);
-  let S = x(() => s.value && v.value ? 0 : 1), y = x(() => S.value === 0), h = x(() => d.value > 1), b = se(Ht, null) !== null, [P, $] = Sa(), { resolveContainers: D, mainTreeNodeRef: I, MainTreeNode: g } = ma({ portals: P, defaultContainers: [x(() => {
+  let S = x(() => s.value && v.value ? 0 : 1), y = x(() => S.value === 0), h = x(() => d.value > 1), b = se(Ht, null) !== null, [I, $] = Sa(), { resolveContainers: D, mainTreeNodeRef: A, MainTreeNode: g } = ma({ portals: I, defaultContainers: [x(() => {
     var G;
     return (G = ae.panelRef.value) != null ? G : p.value;
   })] }), M = x(() => h.value ? "parent" : "leaf"), O = x(() => f !== null ? (f.value & te.Closing) === te.Closing : !1), R = x(() => b || O.value ? !1 : y.value), B = x(() => {
     var G, ee, he;
-    return (he = Array.from((ee = (G = m.value) == null ? void 0 : G.querySelectorAll("body > *")) != null ? ee : []).find((ge) => ge.id === "headlessui-portal-root" ? !1 : ge.contains(L(I)) && ge instanceof HTMLElement)) != null ? he : null;
+    return (he = Array.from((ee = (G = m.value) == null ? void 0 : G.querySelectorAll("body > *")) != null ? ee : []).find((ge) => ge.id === "headlessui-portal-root" ? !1 : ge.contains(P(A)) && ge instanceof HTMLElement)) != null ? he : null;
   });
   $n(B, R);
   let F = x(() => h.value ? !0 : y.value), V = x(() => {
     var G, ee, he;
-    return (he = Array.from((ee = (G = m.value) == null ? void 0 : G.querySelectorAll("[data-headlessui-portal]")) != null ? ee : []).find((ge) => ge.contains(L(I)) && ge instanceof HTMLElement)) != null ? he : null;
+    return (he = Array.from((ee = (G = m.value) == null ? void 0 : G.querySelectorAll("[data-headlessui-portal]")) != null ? ee : []).find((ge) => ge.contains(P(A)) && ge instanceof HTMLElement)) != null ? he : null;
   });
   $n(V, F), ba({ type: "Dialog", enabled: x(() => S.value === 0), element: p, onUpdate: (G, ee) => {
     if (ee === "Dialog") return re(G, { [Nt.Add]: () => d.value += 1, [Nt.Remove]: () => d.value -= 1 });
@@ -2242,10 +2242,10 @@ let gt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", xl = Y({ name: "Dialog", inheri
     n("close", !1);
   } };
   ve(Ht, ae);
-  let Pe = x(() => !(!y.value || h.value));
+  let Ie = x(() => !(!y.value || h.value));
   _t(D, (G, ee) => {
     G.preventDefault(), ae.close(), de(() => ee == null ? void 0 : ee.focus());
-  }, Pe);
+  }, Ie);
   let pt = x(() => !(h.value || S.value !== 0));
   dl((a = m.value) == null ? void 0 : a.defaultView, "keydown", (G) => {
     pt.value && (G.defaultPrevented || G.key === H.Escape && (G.preventDefault(), G.stopPropagation(), ae.close()));
@@ -2256,18 +2256,18 @@ let gt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", xl = Y({ name: "Dialog", inheri
     return { containers: [...(ee = G.containers) != null ? ee : [], D] };
   }), le((G) => {
     if (S.value !== 0) return;
-    let ee = L(p);
+    let ee = P(p);
     if (!ee) return;
     let he = new ResizeObserver((ge) => {
-      for (let Pt of ge) {
-        let mt = Pt.target.getBoundingClientRect();
+      for (let It of ge) {
+        let mt = It.target.getBoundingClientRect();
         mt.x === 0 && mt.y === 0 && mt.width === 0 && mt.height === 0 && ae.close();
       }
     });
     he.observe(ee), G(() => he.disconnect());
   }), () => {
-    let { open: G, initialFocus: ee, ...he } = e, ge = { ...t, ref: p, id: i, role: c.value, "aria-modal": S.value === 0 ? !0 : void 0, "aria-labelledby": Q.value, "aria-describedby": N.value }, Pt = { open: S.value === 0 };
-    return J(Vt, { force: !0 }, () => [J(yl, () => J($a, { target: p.value }, () => J(Vt, { force: !1 }, () => J(_e, { initialFocus: ee, containers: D, features: y.value ? re(M.value, { parent: _e.features.RestoreFocus, leaf: _e.features.All & ~_e.features.FocusLock }) : _e.features.None }, () => J($, {}, () => X({ ourProps: ge, theirProps: { ...he, ...t }, slot: Pt, attrs: t, slots: o, visible: S.value === 0, features: Ee.RenderStrategy | Ee.Static, name: "Dialog" })))))), J(g)]);
+    let { open: G, initialFocus: ee, ...he } = e, ge = { ...t, ref: p, id: i, role: c.value, "aria-modal": S.value === 0 ? !0 : void 0, "aria-labelledby": Q.value, "aria-describedby": N.value }, It = { open: S.value === 0 };
+    return J(Vt, { force: !0 }, () => [J(yl, () => J($a, { target: p.value }, () => J(Vt, { force: !1 }, () => J(_e, { initialFocus: ee, containers: D, features: y.value ? re(M.value, { parent: _e.features.RestoreFocus, leaf: _e.features.All & ~_e.features.FocusLock }) : _e.features.None }, () => J($, {}, () => X({ ourProps: ge, theirProps: { ...he, ...t }, slot: It, attrs: t, slots: o, visible: S.value === 0, features: Ee.RenderStrategy | Ee.Static, name: "Dialog" })))))), J(g)]);
   };
 } });
 Y({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t }) {
@@ -2341,7 +2341,7 @@ function Ea(e) {
 function Ta(e) {
   let n = T(""), t = T("");
   return () => {
-    let o = L(e);
+    let o = P(e);
     if (!o) return "";
     let l = o.innerText;
     if (n.value === l) return t.value;
@@ -2362,10 +2362,10 @@ function Ot(e) {
   }
   return n;
 }
-let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: n, attrs: t }) {
+let Ia = Y({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: n, attrs: t }) {
   let o = T(1), l = T(null), r = T(null), a = T([]), i = T(""), s = T(null), u = T(1);
   function c(f = (v) => v) {
-    let v = s.value !== null ? a.value[s.value] : null, p = Jt(f(a.value.slice()), (S) => L(S.dataRef.domRef)), m = v ? p.indexOf(v) : null;
+    let v = s.value !== null ? a.value[s.value] : null, p = Jt(f(a.value.slice()), (S) => P(S.dataRef.domRef)), m = v ? p.indexOf(v) : null;
     return m === -1 && (m = null), { items: p, activeItemIndex: m };
   }
   let d = { menuState: o, buttonRef: l, itemsRef: r, items: a, searchQuery: i, activeItemIndex: s, activationTrigger: u, closeMenu: () => {
@@ -2392,7 +2392,7 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   } };
   return _t([l, r], (f, v) => {
     var p;
-    d.closeMenu(), Qt(v, Xt.Loose) || (f.preventDefault(), (p = L(l)) == null || p.focus());
+    d.closeMenu(), Qt(v, Xt.Loose) || (f.preventDefault(), (p = P(l)) == null || p.focus());
   }, x(() => o.value === 0)), ve(Ol, d), tn(x(() => re(o.value, { 0: te.Open, 1: te.Closed }))), () => {
     let f = { open: o.value === 0, close: d.closeMenu };
     return X({ ourProps: {}, theirProps: e, slot: f, slots: n, attrs: t, name: "Menu" });
@@ -2408,13 +2408,13 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case H.ArrowDown:
         d.preventDefault(), d.stopPropagation(), a.openMenu(), de(() => {
           var f;
-          (f = L(a.itemsRef)) == null || f.focus({ preventScroll: !0 }), a.goToItem(U.First);
+          (f = P(a.itemsRef)) == null || f.focus({ preventScroll: !0 }), a.goToItem(U.First);
         });
         break;
       case H.ArrowUp:
         d.preventDefault(), d.stopPropagation(), a.openMenu(), de(() => {
           var f;
-          (f = L(a.itemsRef)) == null || f.focus({ preventScroll: !0 }), a.goToItem(U.Last);
+          (f = P(a.itemsRef)) == null || f.focus({ preventScroll: !0 }), a.goToItem(U.Last);
         });
         break;
     }
@@ -2429,22 +2429,22 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   function u(d) {
     e.disabled || (a.menuState.value === 0 ? (a.closeMenu(), de(() => {
       var f;
-      return (f = L(a.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+      return (f = P(a.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })) : (d.preventDefault(), a.openMenu(), ka(() => {
       var f;
-      return (f = L(a.itemsRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+      return (f = P(a.itemsRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })));
   }
   let c = en(x(() => ({ as: e.as, type: n.type })), a.buttonRef);
   return () => {
     var d;
-    let f = { open: a.menuState.value === 0 }, { ...v } = e, p = { ref: a.buttonRef, id: r, type: c.value, "aria-haspopup": "menu", "aria-controls": (d = L(a.itemsRef)) == null ? void 0 : d.id, "aria-expanded": a.menuState.value === 0, onKeydown: i, onKeyup: s, onClick: u };
+    let f = { open: a.menuState.value === 0 }, { ...v } = e, p = { ref: a.buttonRef, id: r, type: c.value, "aria-haspopup": "menu", "aria-controls": (d = P(a.itemsRef)) == null ? void 0 : d.id, "aria-expanded": a.menuState.value === 0, onKeydown: i, onKeyup: s, onClick: u };
     return X({ ourProps: p, theirProps: v, slot: f, attrs: n, slots: t, name: "MenuButton" });
   };
-} }), La = Y({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t, expose: o }) {
+} }), Pa = Y({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: n, slots: t, expose: o }) {
   var l;
   let r = (l = e.id) != null ? l : `headlessui-menu-items-${ue()}`, a = Ot("MenuItems"), i = T(null);
-  o({ el: a.itemsRef, $el: a.itemsRef }), el({ container: x(() => L(a.itemsRef)), enabled: x(() => a.menuState.value === 0), accept(f) {
+  o({ el: a.itemsRef, $el: a.itemsRef }), el({ container: x(() => P(a.itemsRef)), enabled: x(() => a.menuState.value === 0), accept(f) {
     return f.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : f.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(f) {
     f.setAttribute("role", "none");
@@ -2457,9 +2457,9 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case H.Enter:
         if (f.preventDefault(), f.stopPropagation(), a.activeItemIndex.value !== null) {
           let p = a.items.value[a.activeItemIndex.value];
-          (v = L(p.dataRef.domRef)) == null || v.click();
+          (v = P(p.dataRef.domRef)) == null || v.click();
         }
-        a.closeMenu(), Gn(L(a.buttonRef));
+        a.closeMenu(), Gn(P(a.buttonRef));
         break;
       case H.ArrowDown:
         return f.preventDefault(), f.stopPropagation(), a.goToItem(U.Next);
@@ -2474,11 +2474,11 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case H.Escape:
         f.preventDefault(), f.stopPropagation(), a.closeMenu(), de(() => {
           var p;
-          return (p = L(a.buttonRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
+          return (p = P(a.buttonRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         break;
       case H.Tab:
-        f.preventDefault(), f.stopPropagation(), a.closeMenu(), de(() => jo(L(a.buttonRef), f.shiftKey ? Se.Previous : Se.Next));
+        f.preventDefault(), f.stopPropagation(), a.closeMenu(), de(() => jo(P(a.buttonRef), f.shiftKey ? Se.Previous : Se.Next));
         break;
       default:
         f.key.length === 1 && (a.search(f.key), i.value = setTimeout(() => a.clearSearch(), 350));
@@ -2495,7 +2495,7 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let c = ct(), d = x(() => c !== null ? (c.value & te.Open) === te.Open : a.menuState.value === 0);
   return () => {
     var f, v;
-    let p = { open: a.menuState.value === 0 }, { ...m } = e, S = { "aria-activedescendant": a.activeItemIndex.value === null || (f = a.items.value[a.activeItemIndex.value]) == null ? void 0 : f.id, "aria-labelledby": (v = L(a.buttonRef)) == null ? void 0 : v.id, id: r, onKeydown: s, onKeyup: u, role: "menu", tabIndex: 0, ref: a.itemsRef };
+    let p = { open: a.menuState.value === 0 }, { ...m } = e, S = { "aria-activedescendant": a.activeItemIndex.value === null || (f = a.items.value[a.activeItemIndex.value]) == null ? void 0 : f.id, "aria-labelledby": (v = P(a.buttonRef)) == null ? void 0 : v.id, id: r, onKeydown: s, onKeyup: u, role: "menu", tabIndex: 0, ref: a.itemsRef };
     return X({ ourProps: S, theirProps: m, slot: p, attrs: n, slots: t, features: Ee.RenderStrategy | Ee.Static, visible: d.value, name: "MenuItems" });
   };
 } }), Rn = Y({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: n, attrs: t, expose: o }) {
@@ -2508,12 +2508,12 @@ let Pa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   _(() => a.registerItem(r, c)), fe(() => a.unregisterItem(r)), le(() => {
     a.menuState.value === 0 && s.value && a.activationTrigger.value !== 0 && de(() => {
       var y, h;
-      return (h = (y = L(i)) == null ? void 0 : y.scrollIntoView) == null ? void 0 : h.call(y, { block: "nearest" });
+      return (h = (y = P(i)) == null ? void 0 : y.scrollIntoView) == null ? void 0 : h.call(y, { block: "nearest" });
     });
   });
   function d(y) {
     if (e.disabled) return y.preventDefault();
-    a.closeMenu(), Gn(L(a.buttonRef));
+    a.closeMenu(), Gn(P(a.buttonRef));
   }
   function f() {
     if (e.disabled) return a.goToItem(U.Nothing);
@@ -2542,7 +2542,7 @@ function Tl() {
   }
   return e;
 }
-function Ia({ slot: e = {}, name: n = "Label", props: t = {} } = {}) {
+function Aa({ slot: e = {}, name: n = "Label", props: t = {} } = {}) {
   let o = T([]);
   function l(r) {
     return o.value.push(r), () => {
@@ -2552,7 +2552,7 @@ function Ia({ slot: e = {}, name: n = "Label", props: t = {} } = {}) {
   }
   return ve(El, { register: l, slot: e, name: n, props: t }), x(() => o.value.length > 0 ? o.value.join(" ") : void 0);
 }
-let Aa = Y({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: n, attrs: t }) {
+let La = Y({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: n, attrs: t }) {
   var o;
   let l = (o = e.id) != null ? o : `headlessui-label-${ue()}`, r = Tl();
   return _(() => fe(r.register(l))), () => {
@@ -2560,7 +2560,7 @@ let Aa = Y({ name: "Label", props: { as: { type: [Object, String], default: "lab
     return u && (delete d.onClick, delete d.htmlFor, delete c.onClick), X({ ourProps: d, theirProps: c, slot: i, attrs: t, slots: n, name: a });
   };
 } }), Cl = Symbol("GroupContext"), Da = Y({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: n, attrs: t }) {
-  let o = T(null), l = Ia({ name: "SwitchLabel", props: { htmlFor: x(() => {
+  let o = T(null), l = Aa({ name: "SwitchLabel", props: { htmlFor: x(() => {
     var a;
     return (a = o.value) == null ? void 0 : a.id;
   }), onClick(a) {
@@ -2586,7 +2586,7 @@ let Aa = Y({ name: "Label", props: { as: { type: [Object, String], default: "lab
   }
   let y = x(() => {
     var h, b;
-    return (b = (h = L(f)) == null ? void 0 : h.closest) == null ? void 0 : b.call(h, "form");
+    return (b = (h = P(f)) == null ? void 0 : h.closest) == null ? void 0 : b.call(h, "form");
   });
   return _(() => {
     oe([y], () => {
@@ -2600,10 +2600,10 @@ let Aa = Y({ name: "Label", props: { as: { type: [Object, String], default: "lab
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: h, value: b, form: P, tabIndex: $, ...D } = e, I = { checked: s.value }, g = { id: a, ref: f, role: "switch", type: v.value, tabIndex: $ === -1 ? 0 : $, "aria-checked": s.value, "aria-labelledby": i == null ? void 0 : i.labelledby.value, "aria-describedby": i == null ? void 0 : i.describedby.value, onClick: p, onKeyup: m, onKeypress: S };
-    return J(ce, [h != null && s.value != null ? J(ot, ll({ features: Ge.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: s.value, form: P, disabled: D.disabled, name: h, value: b })) : null, X({ ourProps: g, theirProps: { ...t, ...Qe(D, ["modelValue", "defaultChecked"]) }, slot: I, attrs: t, slots: o, name: "Switch" })]);
+    let { name: h, value: b, form: I, tabIndex: $, ...D } = e, A = { checked: s.value }, g = { id: a, ref: f, role: "switch", type: v.value, tabIndex: $ === -1 ? 0 : $, "aria-checked": s.value, "aria-labelledby": i == null ? void 0 : i.labelledby.value, "aria-describedby": i == null ? void 0 : i.describedby.value, onClick: p, onKeyup: m, onKeypress: S };
+    return J(ce, [h != null && s.value != null ? J(ot, ll({ features: Ge.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: s.value, form: I, disabled: D.disabled, name: h, value: b })) : null, X({ ourProps: g, theirProps: { ...t, ...Qe(D, ["modelValue", "defaultChecked"]) }, slot: A, attrs: t, slots: o, name: "Switch" })]);
   };
-} }), Fa = Aa;
+} }), Fa = La;
 function Ba(e) {
   let n = { called: !1 };
   return (...t) => {
@@ -2658,17 +2658,17 @@ function Et(e) {
 function Rl(e) {
   let n = T([]), t = T(!1);
   _(() => t.value = !0), fe(() => t.value = !1);
-  function o(r, a = Ie.Hidden) {
+  function o(r, a = Ae.Hidden) {
     let i = n.value.findIndex(({ id: s }) => s === r);
-    i !== -1 && (re(a, { [Ie.Unmount]() {
+    i !== -1 && (re(a, { [Ae.Unmount]() {
       n.value.splice(i, 1);
-    }, [Ie.Hidden]() {
+    }, [Ae.Hidden]() {
       n.value[i].state = "hidden";
     } }), !Et(n) && t.value && (e == null || e()));
   }
   function l(r) {
     let a = n.value.find(({ id: i }) => i === r);
-    return a ? a.state !== "visible" && (a.state = "visible") : n.value.push({ id: r, state: "visible" }), () => o(r, Ie.Unmount);
+    return a ? a.state !== "visible" && (a.state = "visible") : n.value.push({ id: r, state: "visible" }), () => o(r, Ae.Unmount);
   }
   return { children: n, register: l, unregister: o };
 }
@@ -2687,16 +2687,16 @@ let kl = Ee.RenderStrategy, at = Y({ props: { as: { type: [Object, String], defa
     r.value &= ~te.Closing, n("afterLeave");
   }
   if (!ja() && Wo()) return () => J(Tt, { ...e, onBeforeEnter: a, onAfterEnter: i, onBeforeLeave: s, onAfterLeave: u }, o);
-  let c = T(null), d = x(() => e.unmount ? Ie.Unmount : Ie.Hidden);
+  let c = T(null), d = x(() => e.unmount ? Ae.Unmount : Ae.Hidden);
   l({ el: c, $el: c });
-  let { show: f, appear: v } = za(), { register: p, unregister: m } = Ha(), S = T(f.value ? "visible" : "hidden"), y = { value: !0 }, h = ue(), b = { value: !1 }, P = Rl(() => {
+  let { show: f, appear: v } = za(), { register: p, unregister: m } = Ha(), S = T(f.value ? "visible" : "hidden"), y = { value: !0 }, h = ue(), b = { value: !1 }, I = Rl(() => {
     !b.value && S.value !== "hidden" && (S.value = "hidden", m(h), u());
   });
   _(() => {
     let F = p(h);
     fe(F);
   }), le(() => {
-    if (d.value === Ie.Hidden && h) {
+    if (d.value === Ae.Hidden && h) {
       if (f.value && S.value !== "visible") {
         S.value = "visible";
         return;
@@ -2704,29 +2704,29 @@ let kl = Ee.RenderStrategy, at = Y({ props: { as: { type: [Object, String], defa
       re(S.value, { hidden: () => m(h), visible: () => p(h) });
     }
   });
-  let $ = Be(e.enter), D = Be(e.enterFrom), I = Be(e.enterTo), g = Be(e.entered), M = Be(e.leave), O = Be(e.leaveFrom), R = Be(e.leaveTo);
+  let $ = Be(e.enter), D = Be(e.enterFrom), A = Be(e.enterTo), g = Be(e.entered), M = Be(e.leave), O = Be(e.leaveFrom), R = Be(e.leaveTo);
   _(() => {
     le(() => {
       if (S.value === "visible") {
-        let F = L(c);
+        let F = P(c);
         if (F instanceof Comment && F.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
   function B(F) {
-    let V = y.value && !v.value, N = L(c);
-    !N || !(N instanceof HTMLElement) || V || (b.value = !0, f.value && a(), f.value || s(), F(f.value ? kn(N, $, D, I, g, (Q) => {
+    let V = y.value && !v.value, N = P(c);
+    !N || !(N instanceof HTMLElement) || V || (b.value = !0, f.value && a(), f.value || s(), F(f.value ? kn(N, $, D, A, g, (Q) => {
       b.value = !1, Q === Wt.Finished && i();
     }) : kn(N, M, O, R, g, (Q) => {
-      b.value = !1, Q === Wt.Finished && (Et(P) || (S.value = "hidden", m(h), u()));
+      b.value = !1, Q === Wt.Finished && (Et(I) || (S.value = "hidden", m(h), u()));
     })));
   }
   return _(() => {
     oe([f], (F, V, N) => {
       B(N), y.value = !1;
     }, { immediate: !0 });
-  }), ve(ln, P), tn(x(() => re(S.value, { visible: te.Open, hidden: te.Closed }) | r.value)), () => {
-    let { appear: F, show: V, enter: N, enterFrom: Q, enterTo: ae, entered: Pe, leave: pt, leaveFrom: vn, leaveTo: G, ...ee } = e, he = { ref: c }, ge = { ...ee, ...v.value && f.value && ut.isServer ? { class: Z([t.class, ee.class, ...$, ...D]) } : {} };
+  }), ve(ln, I), tn(x(() => re(S.value, { visible: te.Open, hidden: te.Closed }) | r.value)), () => {
+    let { appear: F, show: V, enter: N, enterFrom: Q, enterTo: ae, entered: Ie, leave: pt, leaveFrom: vn, leaveTo: G, ...ee } = e, he = { ref: c }, ge = { ...ee, ...v.value && f.value && ut.isServer ? { class: Z([t.class, ee.class, ...$, ...D]) } : {} };
     return X({ theirProps: ge, ourProps: he, slot: {}, slots: o, attrs: t, features: kl, visible: S.value === "visible", name: "TransitionChild" });
   };
 } }), Wa = at, Tt = Y({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: n, attrs: t, slots: o }) {
@@ -2840,7 +2840,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
       type: [Object, Function],
       default: null
     },
-    iconLeft: {
+    prefixIcon: {
       type: [Object, Function],
       default: null
     },
@@ -2870,18 +2870,26 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
     }), c = x({
       get: () => t.requestParams,
       set: (b) => o("update:requestParams", b)
-    }), d = (b) => new Promise((P) => {
-      setTimeout(P, b);
-    }), f = (b, P) => {
-      l.value = [], o("combobox:error", b), o("combobox:noResults", P);
+    }), d = (b) => new Promise((I) => {
+      setTimeout(I, b);
+    }), f = (b, I) => {
+      l.value = [], o("combobox:error", b), o("combobox:noResults", I);
     }, v = async (b) => {
       if (!t.onSearch) return;
+      if (t.searchOnly && !b) {
+        l.value = [];
+        return;
+      }
+      if (b && b.length < t.minLength) {
+        l.value = [];
+        return;
+      }
       s.value && t.onCancel && t.onCancel(s.value), r.value = !0;
-      const P = Date.now();
+      const I = Date.now();
       try {
-        const { data: $, error: D, cancel: I } = await t.onSearch(t.endpoint, b, c.value);
-        s.value = I;
-        const g = t.responseData($), M = Date.now() - P;
+        const { data: $, error: D, cancel: A } = await t.onSearch(b, c.value, t.endpoint);
+        s.value = A;
+        const g = t.responseData($), M = Date.now() - I;
         !g.length && D && f(D, b), M < t.minLoadingTime && await d(t.minLoadingTime - M), g != null && g.length ? l.value = g : (l.value = [], o("combobox:noResults", b));
       } catch ($) {
         $.cancelled || f($, b);
@@ -2891,17 +2899,17 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
     }, p = so(v, t.debounce), m = (b) => {
       i.value ? (i.value = !1, v(b)) : p(b);
     }, S = (b) => {
-      var P;
-      ((P = b.target.value) == null ? void 0 : P.length) === 0 && (l.value = [], o("update:modelValue", null)), t.manualInput && o("update:modelValue", c.value.query);
+      var I;
+      ((I = b.target.value) == null ? void 0 : I.length) === 0 && (l.value = [], o("update:modelValue", null)), t.manualInput && o("update:modelValue", c.value.query);
     }, y = (b) => {
-      var P;
-      return t.multiple ? u.value.some(($) => $[t.itemKey] === b) : ((P = u.value) == null ? void 0 : P[t.itemKey]) === b;
+      var I;
+      return t.multiple ? u.value.some(($) => $[t.itemKey] === b) : ((I = u.value) == null ? void 0 : I[t.itemKey]) === b;
     }, h = (b) => {
-      u.value = u.value.filter((P) => P[t.itemKey] !== b[t.itemKey]);
+      u.value = u.value.filter((I) => I[t.itemKey] !== b[t.itemKey]);
     };
-    return (b, P) => (w(), W(E(Jo), ne({
+    return (b, I) => (w(), W(E(Jo), ne({
       modelValue: u.value,
-      "onUpdate:modelValue": P[4] || (P[4] = ($) => u.value = $),
+      "onUpdate:modelValue": I[4] || (I[4] = ($) => u.value = $),
       as: "div"
     }, e.rootAttrs, {
       multiple: e.multiple,
@@ -2912,40 +2920,40 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
       ]
     }), {
       default: z(() => {
-        var $, D, I;
+        var $, D, A;
         return [
           C("div", qa, [
             C("div", Ua, [
               C("div", Ka, [
-                e.iconLeft ? A(b.$slots, "iconLeft", {
+                e.prefixIcon ? L(b.$slots, "prefixIcon", {
                   key: 0,
-                  icon: e.iconLeft
+                  icon: e.prefixIcon
                 }, () => [
-                  (w(), W(ie(e.iconLeft), { "aria-hidden": "true" }))
+                  (w(), W(ie(e.prefixIcon), { "aria-hidden": "true" }))
                 ]) : q("", !0),
                 j(E(ea), ne(b.$attrs, {
                   id: e.id,
                   "display-value": e.displayValue,
                   disabled: e.disabled,
                   autocomplete: "off",
-                  onChange: P[0] || (P[0] = (g) => m(g.target.value)),
+                  onChange: I[0] || (I[0] = (g) => m(g.target.value)),
                   onSearch: S,
-                  onInput: P[1] || (P[1] = (g) => a.value = g.target.value)
+                  onInput: I[1] || (I[1] = (g) => a.value = g.target.value)
                 }), null, 16, ["id", "display-value", "disabled"]),
                 j(E(_o), {
                   disabled: e.disabled,
                   class: "rvc-combobox-button",
-                  onClick: P[2] || (P[2] = (g) => m(a.value || null))
+                  onClick: I[2] || (I[2] = (g) => m(a.value || null))
                 }, {
                   default: z(() => {
                     var g;
                     return [
-                      r.value ? A(b.$slots, "spinner", {
+                      r.value ? L(b.$slots, "spinner", {
                         key: 0,
                         spinning: r.value
                       }, () => [
                         j(E(Zt), { class: "rvc-combobox-spinner" })
-                      ]) : (!e.searchOnly || (g = l.value) != null && g.length) && !r.value ? A(b.$slots, "icon", {
+                      ]) : (!e.searchOnly || (g = l.value) != null && g.length) && !r.value ? L(b.$slots, "icon", {
                         key: 1,
                         icon: e.icon
                       }, () => [
@@ -2961,9 +2969,9 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                 type: "button",
                 "aria-label": "Clear selection",
                 class: "rvc-combobox-clear",
-                onClick: P[3] || (P[3] = wt((g) => o("update:modelValue", null), ["prevent"]))
+                onClick: I[3] || (I[3] = wt((g) => o("update:modelValue", null), ["prevent"]))
               }, [
-                A(b.$slots, "clear", {}, () => [
+                L(b.$slots, "clear", {}, () => [
                   j(E(vo))
                 ])
               ])) : q("", !0)
@@ -2972,7 +2980,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
               (w(!0), k(ce, null, ye(u.value, (g) => (w(), k("li", {
                 key: `${e.id}-selected-option-${g[e.itemKey]}`
               }, [
-                A(b.$slots, "chip", {
+                L(b.$slots, "chip", {
                   optionText: e.optionText(g),
                   option: g,
                   removeOption: h
@@ -2997,7 +3005,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                 ])
               ]))), 128))
             ])) : q("", !0),
-            (!e.searchOnly || (I = a.value) != null && I.length) && (!r.value || l.value.length) ? (w(), W(E(ta), {
+            (!e.searchOnly || (A = a.value) != null && A.length) && (!r.value || l.value.length) ? (w(), W(E(ta), {
               key: 1,
               class: "rvc-combobox-options"
             }, {
@@ -3008,7 +3016,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                     C("div", Xa, [
                       C("em", null, "Minimal " + K(e.minLength) + " characters.", 1)
                     ])
-                  ])) : !r.value && !l.value.length ? (w(), k("div", Qa, P[5] || (P[5] = [
+                  ])) : !r.value && !l.value.length ? (w(), k("div", Qa, I[5] || (I[5] = [
                     C("div", { class: "rvc-flex rvc-items-center" }, " No results found. ", -1)
                   ]))) : (w(!0), k(ce, { key: 2 }, ye(l.value, (M) => (w(), W(E(na), {
                     key: M[e.itemKey],
@@ -3023,16 +3031,16 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                           { "rvc-combobox-option-active": y(M[e.itemKey]) }
                         ])
                       }, [
-                        A(b.$slots, "option", {
+                        L(b.$slots, "option", {
                           option: M,
                           isActive: y
                         }, () => [
-                          A(b.$slots, "optionPrefix", {
+                          L(b.$slots, "optionPrefix", {
                             option: M[e.itemKey],
                             isActive: y
                           }),
                           C("span", Ja, K(e.optionText(M)), 1),
-                          A(b.$slots, "optionSuffix", {
+                          L(b.$slots, "optionSuffix", {
                             option: M[e.itemKey],
                             isActive: y
                           })
@@ -3051,7 +3059,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
       _: 3
     }, 16, ["modelValue", "multiple", "class"]));
   }
-}), Pl = /* @__PURE__ */ Object.assign({
+}), Il = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "FormSelect",
@@ -3064,7 +3072,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
       type: String,
       default: ""
     },
-    iconLeft: {
+    prefixIcon: {
       type: [Object, Function],
       default: null
     },
@@ -3091,24 +3099,24 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
         e.rootClass
       ])
     }, [
-      e.iconLeft ? A(a.$slots, "iconLeft", {
+      e.prefixIcon ? L(a.$slots, "prefixIcon", {
         key: 0,
-        icon: e.iconLeft
+        icon: e.prefixIcon
       }, () => [
-        (w(), W(ie(e.iconLeft), { "aria-hidden": "true" }))
+        (w(), W(ie(e.prefixIcon), { "aria-hidden": "true" }))
       ]) : q("", !0),
-      A(a.$slots, "select", Ze(Wn(a.$attrs)), () => [
+      L(a.$slots, "select", Ze(Wn(a.$attrs)), () => [
         E(r) ? it((w(), k("select", ne({ key: 0 }, a.$attrs, {
           "onUpdate:modelValue": i[0] || (i[0] = (s) => l.value = s)
         }), [
-          A(a.$slots, "default")
+          L(a.$slots, "default")
         ], 16)), [
           [Hl, l.value]
         ]) : (w(), k("select", Ze(ne({ key: 1 }, a.$attrs)), [
-          A(a.$slots, "default")
+          L(a.$slots, "default")
         ], 16))
       ]),
-      A(a.$slots, "icon", { icon: e.icon }, () => [
+      L(a.$slots, "icon", { icon: e.icon }, () => [
         (w(), W(ie(e.icon ?? E(qn)), { "aria-hidden": "true" }))
       ])
     ], 2));
@@ -3146,8 +3154,8 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
     return (r, a) => {
       var i;
       return (i = e.pagination) != null && i.total ? (w(), k("div", _a, [
-        A(r.$slots, "perPage", ne(e.pagination, { perPage: l.value }), () => [
-          j(Pl, {
+        L(r.$slots, "perPage", ne(e.pagination, { perPage: l.value }), () => [
+          j(Il, {
             modelValue: l.value,
             "onUpdate:modelValue": [
               a[0] || (a[0] = (s) => l.value = s),
@@ -3165,7 +3173,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
             _: 1
           }, 8, ["modelValue"])
         ]),
-        A(r.$slots, "info", ne(e.pagination, { fromLabel: e.fromLabel }), () => [
+        L(r.$slots, "info", ne(e.pagination, { fromLabel: e.fromLabel }), () => [
           C("div", tr, [
             C("div", nr, K(e.pagination.from) + " - " + K(e.pagination.to) + " " + K(e.fromLabel) + " " + K(e.pagination.total), 1)
           ])
@@ -3261,7 +3269,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
         }, [
           e.headers.length ? (w(), k("thead", cr, [
             C("tr", null, [
-              A(i.$slots, "headers", { headers: e.headers }, () => [
+              L(i.$slots, "headers", { headers: e.headers }, () => [
                 (w(!0), k(ce, null, ye(e.headers, (u) => {
                   var c, d;
                   return w(), k("th", ne({ ref_for: !0 }, u, {
@@ -3285,7 +3293,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                       ]),
                       onClick: (f) => a(u)
                     }, [
-                      A(i.$slots, "header-label", {
+                      L(i.$slots, "header-label", {
                         sortBy: l.value,
                         header: u
                       }, () => [
@@ -3301,7 +3309,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                           }
                         ])
                       }, null, 8, ["class"])
-                    ], 10, dr)) : A(i.$slots, "header-label", {
+                    ], 10, dr)) : L(i.$slots, "header-label", {
                       key: 1,
                       sortBy: l.value,
                       header: u
@@ -3317,7 +3325,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
             e.items.length && !e.spinning ? (w(!0), k(ce, { key: 0 }, ye(e.items, (u, c) => (w(), k("tr", {
               key: `rvc-table-row-${c}-${u.id}`
             }, [
-              A(i.$slots, "items", {
+              L(i.$slots, "items", {
                 item: u,
                 index: c
               }, () => [
@@ -3348,7 +3356,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                A(i.$slots, "spinner", {
+                L(i.$slots, "spinner", {
                   spinning: e.spinning,
                   label: e.loadingText
                 }, () => [
@@ -3366,7 +3374,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
           ])
         ], 2)
       ]),
-      e.pagination ? A(i.$slots, "pagination", Ze(ne({ key: 0 }, e.pagination)), () => [
+      e.pagination ? L(i.$slots, "pagination", Ze(ne({ key: 0 }, e.pagination)), () => [
         j(sr, {
           pagination: e.pagination,
           "onPagination:change": s[0] || (s[0] = (u) => o("pagination:change", u)),
@@ -3376,7 +3384,7 @@ const qa = { class: "rvc-relative" }, Ua = { class: "rvc-flex rvc-gap-x-1" }, Ka
     ]));
   }
 };
-function Ll(e) {
+function Pl(e) {
   const n = T(null), t = T(!1), o = x(() => e.as === "form"), l = x(() => `${e.id}-title`), r = x(() => `${e.id}-content`), a = x(() => {
     var i;
     return (i = n.value) == null ? void 0 : i.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
@@ -3445,7 +3453,7 @@ const br = {
       titleId: i,
       descriptionId: s,
       initialFocusElement: u
-    } = Ll(o);
+    } = Pl(o);
     return (c, d) => (w(), W(E(Tt), { as: "template" }, {
       default: z(() => [
         j(E(xl), {
@@ -3503,7 +3511,7 @@ const br = {
                             C("header", {
                               class: Z([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "rvc-drawer-header"])
                             }, [
-                              A(c.$slots, "header", {
+                              L(c.$slots, "header", {
                                 title: e.title,
                                 showClose: e.showClose
                               }, () => [
@@ -3542,11 +3550,11 @@ const br = {
                                 ref: l,
                                 class: "rvc-relative rvc-flex-1 rvc-drawer-content"
                               }, [
-                                A(c.$slots, "default", { ready: E(r) })
+                                L(c.$slots, "default", { ready: E(r) })
                               ], 8, Or)
                             ], 2),
                             C("footer", Er, [
-                              A(c.$slots, "footer", { loading: e.spinning }, () => [
+                              L(c.$slots, "footer", { loading: e.spinning }, () => [
                                 j(lt, {
                                   type: "button",
                                   label: e.cancelLabel,
@@ -3615,12 +3623,12 @@ const br = {
       } = l;
       return c;
     };
-    return (l, r) => (w(), W(E(Pa), {
+    return (l, r) => (w(), W(E(Ia), {
       as: "div",
       class: Z(["rvc-relative rvc-inline-block rvc-w-fit", e.rootClass])
     }, {
       default: z(() => [
-        A(l.$slots, "button", {
+        L(l.$slots, "button", {
           label: e.label,
           button: E(Cn)
         }, () => [
@@ -3641,11 +3649,11 @@ const br = {
           "leave-to-class": "rvc-transform rvc-scale-95 rvc-opacity-0"
         }, {
           default: z(() => [
-            j(E(La), {
+            j(E(Pa), {
               class: Z(["rvc-dropdown", e.alignLeft ? "rvc-left-0" : "rvc-right-0"])
             }, {
               default: z(() => [
-                A(l.$slots, "items", {
+                L(l.$slots, "items", {
                   items: e.items,
                   menuItem: E(Rn)
                 }, () => [
@@ -3654,7 +3662,7 @@ const br = {
                     as: "template"
                   }, {
                     default: z(() => [
-                      A(l.$slots, "item", { item: a }, () => [
+                      L(l.$slots, "item", { item: a }, () => [
                         (w(), W(ie(a.as ? a.as : "button"), ne({
                           class: "rvc-dropdown-item",
                           ref_for: !0
@@ -3715,7 +3723,7 @@ const br = {
         class: "rvc-empty-state-icon"
       })) : q("", !0),
       e.title ? (w(), k("p", Tr, K(e.title), 1)) : q("", !0),
-      A(n.$slots, "default")
+      L(n.$slots, "default")
     ], 2));
   }
 }, Cr = {
@@ -3734,7 +3742,7 @@ const br = {
       type: String,
       default: ""
     },
-    iconLeft: {
+    prefixIcon: {
       type: [Object, Function],
       default: null
     },
@@ -3761,17 +3769,17 @@ const br = {
         e.rootClass
       ])
     }, [
-      E(r).prefix || E(r).iconLeft || e.iconLeft ? (w(), k("span", Cr, [
-        A(i.$slots, "prefix", {}, () => [
-          A(i.$slots, "iconLeft", { icon: e.iconLeft }, () => [
-            e.iconLeft ? (w(), W(ie(e.iconLeft), {
+      E(r).prefix || E(r).prefixIcon || e.prefixIcon ? (w(), k("span", Cr, [
+        L(i.$slots, "prefix", {}, () => [
+          L(i.$slots, "prefixIcon", { icon: e.prefixIcon }, () => [
+            e.prefixIcon ? (w(), W(ie(e.prefixIcon), {
               key: 0,
               "aria-hidden": "true"
             })) : q("", !0)
           ])
         ])
       ])) : q("", !0),
-      A(i.$slots, "input", Ze(Wn(i.$attrs)), () => [
+      L(i.$slots, "input", Ze(Wn(i.$attrs)), () => [
         E(l) ? it((w(), k("input", ne({ key: 0 }, i.$attrs, {
           "onUpdate:modelValue": s[0] || (s[0] = (u) => a.value = u),
           type: i.$attrs.type || "text"
@@ -3782,7 +3790,7 @@ const br = {
           type: i.$attrs.type || "text"
         }, i.$attrs), null, 16, kr))
       ]),
-      A(i.$slots, "icon", { icon: e.icon }, () => [
+      L(i.$slots, "icon", { icon: e.icon }, () => [
         e.icon ? (w(), W(ie(e.icon), {
           key: 0,
           "aria-hidden": "true"
@@ -3858,7 +3866,7 @@ const br = {
         }, 16, ["modelValue", "class"]),
         r.$slots.default ? (w(), W(E(Fa), { key: 0 }, {
           default: z(() => [
-            A(r.$slots, "default")
+            L(r.$slots, "default")
           ]),
           _: 3
         })) : q("", !0)
@@ -3866,10 +3874,10 @@ const br = {
       _: 3
     }));
   }
-}), Pr = {
+}), Ir = {
   role: "presentation",
   class: "rvc-fixed rvc-inset-0 rvc-z-10 rvc-w-screen rvc-overflow-y-auto"
-}, Lr = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, Ir = { class: "rvc-modal-header" }, Ar = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Dr = {
+}, Pr = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, Ar = { class: "rvc-modal-header" }, Lr = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Dr = {
   key: 0,
   class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
 }, Mr = ["id"], Fr = { class: "rvc-modal-footer" }, Ki = {
@@ -3915,7 +3923,7 @@ const br = {
       titleId: i,
       descriptionId: s,
       initialFocusElement: u
-    } = Ll(o);
+    } = Pl(o);
     return (c, d) => (w(), W(E(Tt), { as: "template" }, {
       default: z(() => [
         j(E(xl), {
@@ -3948,8 +3956,8 @@ const br = {
               ])),
               _: 1
             }),
-            C("div", Pr, [
-              C("div", Lr, [
+            C("div", Ir, [
+              C("div", Pr, [
                 j(E(at), {
                   as: "template",
                   enter: "rvc-ease-out rvc-duration-300",
@@ -3968,9 +3976,9 @@ const br = {
                       "aria-describedby": E(s)
                     }, {
                       default: z(() => [
-                        C("header", Ir, [
-                          A(c.$slots, "header", { title: e.title }, () => [
-                            C("div", Ar, [
+                        C("header", Ar, [
+                          L(c.$slots, "header", { title: e.title }, () => [
+                            C("div", Lr, [
                               j(E($l), {
                                 id: E(i),
                                 class: "rvc-modal-title"
@@ -4002,10 +4010,10 @@ const br = {
                           ref: l,
                           class: "rvc-modal-content"
                         }, [
-                          A(c.$slots, "default", { ready: E(r) })
+                          L(c.$slots, "default", { ready: E(r) })
                         ], 8, Mr),
                         C("footer", Fr, [
-                          A(c.$slots, "footer", { loading: e.spinning }, () => [
+                          L(c.$slots, "footer", { loading: e.spinning }, () => [
                             j(lt, {
                               type: E(a) ? "submit" : "button",
                               label: e.submitLabel,
@@ -4074,7 +4082,7 @@ const br = {
       ]) : (w(), k("input", Ze(ne({ key: 1 }, i)), null, 16)),
       u[1] || (u[1] = C("span", { class: "rvc-radio-input" }, null, -1)),
       s.$slots.default || e.label ? (w(), k("span", Nr, [
-        A(s.$slots, "default", {}, () => [
+        L(s.$slots, "default", {}, () => [
           C("label", { for: e.id }, K(e.label), 9, jr)
         ])
       ])) : q("", !0)
@@ -4144,7 +4152,7 @@ const br = {
         ])
       ], 2),
       C("div", Hr, [
-        j(Pl, {
+        j(Il, {
           value: r.value,
           onChange: a
         }, {
@@ -4224,19 +4232,19 @@ const br = {
           class: Z(["rvc-toast rvc-transition-opacity", `rvc-toast-${e.position}`, `rvc-toast-${e.type}`, { "rvc-toast-open": e.open }])
         }, {
           default: z(() => [
-            A(r.$slots, "icon", {}, () => [
+            L(r.$slots, "icon", {}, () => [
               e.icon ? (w(), W(ie(e.icon), {
                 key: 0,
                 class: "rvc-toast-icon"
               })) : q("", !0)
             ]),
             C("div", null, [
-              A(r.$slots, "title", {}, () => [
+              L(r.$slots, "title", {}, () => [
                 C("span", qr, K(e.title), 1)
               ]),
-              A(r.$slots, "default")
+              L(r.$slots, "default")
             ]),
-            A(r.$slots, "close", {}, () => [
+            L(r.$slots, "close", {}, () => [
               e.showClose ? (w(), k("button", {
                 key: 0,
                 type: "button",
@@ -4253,7 +4261,7 @@ const br = {
       _: 3
     }, 8, ["show"]));
   }
-}, Ur = ["top", "right", "bottom", "left"], Pn = ["start", "end"], Ln = /* @__PURE__ */ Ur.reduce((e, n) => e.concat(n, n + "-" + Pn[0], n + "-" + Pn[1]), []), Me = Math.min, pe = Math.max, xt = Math.round, yt = Math.floor, $e = (e) => ({
+}, Ur = ["top", "right", "bottom", "left"], In = ["start", "end"], Pn = /* @__PURE__ */ Ur.reduce((e, n) => e.concat(n, n + "-" + In[0], n + "-" + In[1]), []), Me = Math.min, pe = Math.max, xt = Math.round, yt = Math.floor, $e = (e) => ({
   x: e,
   y: e
 }), Kr = {
@@ -4277,7 +4285,7 @@ function ze(e) {
 function Oe(e) {
   return e.split("-")[1];
 }
-function Il(e) {
+function Al(e) {
   return e === "x" ? "y" : "x";
 }
 function on(e) {
@@ -4287,18 +4295,18 @@ function ft(e) {
   return ["top", "bottom"].includes(ze(e)) ? "y" : "x";
 }
 function an(e) {
-  return Il(ft(e));
+  return Al(ft(e));
 }
 function Zr(e, n, t) {
   t === void 0 && (t = !1);
   const o = Oe(e), l = an(e), r = on(l);
   let a = l === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return n.reference[r] > n.floating[r] && (a = In(a)), [a, In(a)];
+  return n.reference[r] > n.floating[r] && (a = An(a)), [a, An(a)];
 }
 function Gr(e) {
   return e.replace(/start|end/g, (n) => Yr[n]);
 }
-function In(e) {
+function An(e) {
   return e.replace(/left|right|bottom|top/g, (n) => Kr[n]);
 }
 function Xr(e) {
@@ -4310,7 +4318,7 @@ function Xr(e) {
     ...e
   };
 }
-function Al(e) {
+function Ll(e) {
   return typeof e != "number" ? Xr(e) : {
     top: e,
     right: e,
@@ -4336,7 +4344,7 @@ function St(e) {
     y: t
   };
 }
-function An(e, n, t) {
+function Ln(e, n, t) {
   let {
     reference: o,
     floating: l
@@ -4398,7 +4406,7 @@ const Qr = async (e, n, t) => {
   }), {
     x: c,
     y: d
-  } = An(u, o, s), f = o, v = {}, p = 0;
+  } = Ln(u, o, s), f = o, v = {}, p = 0;
   for (let m = 0; m < i.length; m++) {
     const {
       name: S,
@@ -4406,7 +4414,7 @@ const Qr = async (e, n, t) => {
     } = i[m], {
       x: h,
       y: b,
-      data: P,
+      data: I,
       reset: $
     } = await y({
       x: c,
@@ -4426,7 +4434,7 @@ const Qr = async (e, n, t) => {
       ...v,
       [S]: {
         ...v[S],
-        ...P
+        ...I
       }
     }, $ && p <= 50 && (p++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (u = $.rects === !0 ? await a.getElementRects({
       reference: e,
@@ -4435,7 +4443,7 @@ const Qr = async (e, n, t) => {
     }) : $.rects), {
       x: c,
       y: d
-    } = An(u, f, s)), m = -1);
+    } = Ln(u, f, s)), m = -1);
   }
   return {
     x: c,
@@ -4461,7 +4469,7 @@ async function rn(e, n) {
     elementContext: d = "floating",
     altBoundary: f = !1,
     padding: v = 0
-  } = Je(n, e), p = Al(v), S = i[f ? d === "floating" ? "reference" : "floating" : d], y = St(await r.getClippingRect({
+  } = Je(n, e), p = Ll(v), S = i[f ? d === "floating" ? "reference" : "floating" : d], y = St(await r.getClippingRect({
     element: (t = await (r.isElement == null ? void 0 : r.isElement(S))) == null || t ? S : S.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(i.floating)),
     boundary: u,
     rootBoundary: c,
@@ -4471,7 +4479,7 @@ async function rn(e, n) {
     y: l,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), P = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
+  } : a.reference, b = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(i.floating)), I = await (r.isElement == null ? void 0 : r.isElement(b)) ? await (r.getScale == null ? void 0 : r.getScale(b)) || {
     x: 1,
     y: 1
   } : {
@@ -4484,10 +4492,10 @@ async function rn(e, n) {
     strategy: s
   }) : h);
   return {
-    top: (y.top - $.top + p.top) / P.y,
-    bottom: ($.bottom - y.bottom + p.bottom) / P.y,
-    left: (y.left - $.left + p.left) / P.x,
-    right: ($.right - y.right + p.right) / P.x
+    top: (y.top - $.top + p.top) / I.y,
+    bottom: ($.bottom - y.bottom + p.bottom) / I.y,
+    left: (y.left - $.left + p.left) / I.x,
+    right: ($.right - y.right + p.right) / I.x
   };
 }
 const Jr = (e) => ({
@@ -4508,13 +4516,13 @@ const Jr = (e) => ({
     } = Je(e, n) || {};
     if (u == null)
       return {};
-    const d = Al(c), f = {
+    const d = Ll(c), f = {
       x: t,
       y: o
-    }, v = an(l), p = on(v), m = await a.getDimensions(u), S = v === "y", y = S ? "top" : "left", h = S ? "bottom" : "right", b = S ? "clientHeight" : "clientWidth", P = r.reference[p] + r.reference[v] - f[v] - r.floating[p], $ = f[v] - r.reference[v], D = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
-    let I = D ? D[b] : 0;
-    (!I || !await (a.isElement == null ? void 0 : a.isElement(D))) && (I = i.floating[b] || r.floating[p]);
-    const g = P / 2 - $ / 2, M = I / 2 - m[p] / 2 - 1, O = Me(d[y], M), R = Me(d[h], M), B = O, F = I - m[p] - R, V = I / 2 - m[p] / 2 + g, N = qt(B, V, F), Q = !s.arrow && Oe(l) != null && V !== N && r.reference[p] / 2 - (V < B ? O : R) - m[p] / 2 < 0, ae = Q ? V < B ? V - B : V - F : 0;
+    }, v = an(l), p = on(v), m = await a.getDimensions(u), S = v === "y", y = S ? "top" : "left", h = S ? "bottom" : "right", b = S ? "clientHeight" : "clientWidth", I = r.reference[p] + r.reference[v] - f[v] - r.floating[p], $ = f[v] - r.reference[v], D = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(u));
+    let A = D ? D[b] : 0;
+    (!A || !await (a.isElement == null ? void 0 : a.isElement(D))) && (A = i.floating[b] || r.floating[p]);
+    const g = I / 2 - $ / 2, M = A / 2 - m[p] / 2 - 1, O = Me(d[y], M), R = Me(d[h], M), B = O, F = A - m[p] - R, V = A / 2 - m[p] / 2 + g, N = qt(B, V, F), Q = !s.arrow && Oe(l) != null && V !== N && r.reference[p] / 2 - (V < B ? O : R) - m[p] / 2 < 0, ae = Q ? V < B ? V - B : V - F : 0;
     return {
       [v]: f[v] + ae,
       data: {
@@ -4546,10 +4554,10 @@ const ei = function(e) {
       } = n, {
         crossAxis: c = !1,
         alignment: d,
-        allowedPlacements: f = Ln,
+        allowedPlacements: f = Pn,
         autoAlignment: v = !0,
         ...p
-      } = Je(e, n), m = d !== void 0 || f === Ln ? _r(d || null, v, f) : f, S = await rn(n, p), y = ((t = a.autoPlacement) == null ? void 0 : t.index) || 0, h = m[y];
+      } = Je(e, n), m = d !== void 0 || f === Pn ? _r(d || null, v, f) : f, S = await rn(n, p), y = ((t = a.autoPlacement) == null ? void 0 : t.index) || 0, h = m[y];
       if (h == null)
         return {};
       const b = Zr(h, r, await (s.isRTL == null ? void 0 : s.isRTL(u.floating)));
@@ -4559,9 +4567,9 @@ const ei = function(e) {
             placement: m[0]
           }
         };
-      const P = [S[ze(h)], S[b[0]], S[b[1]]], $ = [...((o = a.autoPlacement) == null ? void 0 : o.overflows) || [], {
+      const I = [S[ze(h)], S[b[0]], S[b[1]]], $ = [...((o = a.autoPlacement) == null ? void 0 : o.overflows) || [], {
         placement: h,
-        overflows: P
+        overflows: I
       }], D = m[y + 1];
       if (D)
         return {
@@ -4573,7 +4581,7 @@ const ei = function(e) {
             placement: D
           }
         };
-      const I = $.map((O) => {
+      const A = $.map((O) => {
         const R = Oe(O.placement);
         return [O.placement, R && c ? (
           // Check along the mainAxis and main crossAxis side.
@@ -4582,12 +4590,12 @@ const ei = function(e) {
           // Check only the mainAxis.
           O.overflows[0]
         ), O.overflows];
-      }).sort((O, R) => O[1] - R[1]), M = ((l = I.filter((O) => O[2].slice(
+      }).sort((O, R) => O[1] - R[1]), M = ((l = A.filter((O) => O[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
         Oe(O[0]) ? 2 : 3
-      ).every((R) => R <= 0))[0]) == null ? void 0 : l[0]) || I[0][0];
+      ).every((R) => R <= 0))[0]) == null ? void 0 : l[0]) || A[0][0];
       return M !== i ? {
         data: {
           index: y + 1,
@@ -4677,7 +4685,7 @@ const ni = function(e) {
       } = Je(e, n), u = {
         x: t,
         y: o
-      }, c = await rn(n, s), d = ft(ze(l)), f = Il(d);
+      }, c = await rn(n, s), d = ft(ze(l)), f = Al(d);
       let v = u[f], p = u[d];
       if (r) {
         const S = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", h = v + c[S], b = v - c[y];
@@ -4726,16 +4734,16 @@ const ni = function(e) {
       } = r.floating;
       let S, y;
       d === "top" || d === "bottom" ? (S = d, y = f === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = d, S = f === "end" ? "top" : "bottom");
-      const h = m - c.top - c.bottom, b = p - c.left - c.right, P = Me(m - c[S], h), $ = Me(p - c[y], b), D = !n.middlewareData.shift;
-      let I = P, g = $;
-      if ((t = n.middlewareData.shift) != null && t.enabled.x && (g = b), (o = n.middlewareData.shift) != null && o.enabled.y && (I = h), D && !f) {
+      const h = m - c.top - c.bottom, b = p - c.left - c.right, I = Me(m - c[S], h), $ = Me(p - c[y], b), D = !n.middlewareData.shift;
+      let A = I, g = $;
+      if ((t = n.middlewareData.shift) != null && t.enabled.x && (g = b), (o = n.middlewareData.shift) != null && o.enabled.y && (A = h), D && !f) {
         const O = pe(c.left, 0), R = pe(c.right, 0), B = pe(c.top, 0), F = pe(c.bottom, 0);
-        v ? g = p - 2 * (O !== 0 || R !== 0 ? O + R : pe(c.left, c.right)) : I = m - 2 * (B !== 0 || F !== 0 ? B + F : pe(c.top, c.bottom));
+        v ? g = p - 2 * (O !== 0 || R !== 0 ? O + R : pe(c.left, c.right)) : A = m - 2 * (B !== 0 || F !== 0 ? B + F : pe(c.top, c.bottom));
       }
       await s({
         ...n,
         availableWidth: g,
-        availableHeight: I
+        availableHeight: A
       });
       const M = await a.getDimensions(i.floating);
       return p !== M.width || m !== M.height ? {
@@ -4905,8 +4913,8 @@ function Ne(e, n, t, o) {
     const f = me(r), v = o && we(o) ? me(o) : o;
     let p = f, m = Ut(p);
     for (; m && o && v !== p; ) {
-      const S = Ye(m), y = m.getBoundingClientRect(), h = xe(m), b = y.left + (m.clientLeft + parseFloat(h.paddingLeft)) * S.x, P = y.top + (m.clientTop + parseFloat(h.paddingTop)) * S.y;
-      s *= S.x, u *= S.y, c *= S.x, d *= S.y, s += b, u += P, p = me(m), m = Ut(p);
+      const S = Ye(m), y = m.getBoundingClientRect(), h = xe(m), b = y.left + (m.clientLeft + parseFloat(h.paddingLeft)) * S.x, I = y.top + (m.clientTop + parseFloat(h.paddingTop)) * S.y;
+      s *= S.x, u *= S.y, c *= S.x, d *= S.y, s += b, u += I, p = me(m), m = Ut(p);
     }
   }
   return St({
@@ -5158,7 +5166,7 @@ function xi(e, n) {
       threshold: pe(0, Me(1, s)) || 1
     };
     let b = !0;
-    function P($) {
+    function I($) {
       const D = $[0].intersectionRatio;
       if (D !== s) {
         if (!b)
@@ -5170,13 +5178,13 @@ function xi(e, n) {
       b = !1;
     }
     try {
-      t = new IntersectionObserver(P, {
+      t = new IntersectionObserver(I, {
         ...h,
         // Handle <iframe>s
         root: l.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(P, h);
+      t = new IntersectionObserver(I, h);
     }
     t.observe(e);
   }
@@ -5244,7 +5252,7 @@ function Kt(e) {
 function Ue(e) {
   return typeof e == "function" ? e() : E(e);
 }
-function Pi(e) {
+function Ii(e) {
   return {
     name: "arrow",
     options: e,
@@ -5264,31 +5272,31 @@ function Bn(e, n) {
   const t = jl(e);
   return Math.round(n * t) / t;
 }
-function Li(e, n, t) {
+function Pi(e, n, t) {
   t === void 0 && (t = {});
   const o = t.whileElementsMounted, l = x(() => {
-    var I;
-    return (I = Ue(t.open)) != null ? I : !0;
+    var A;
+    return (A = Ue(t.open)) != null ? A : !0;
   }), r = x(() => Ue(t.middleware)), a = x(() => {
-    var I;
-    return (I = Ue(t.placement)) != null ? I : "bottom";
+    var A;
+    return (A = Ue(t.placement)) != null ? A : "bottom";
   }), i = x(() => {
-    var I;
-    return (I = Ue(t.strategy)) != null ? I : "absolute";
+    var A;
+    return (A = Ue(t.strategy)) != null ? A : "absolute";
   }), s = x(() => {
-    var I;
-    return (I = Ue(t.transform)) != null ? I : !0;
+    var A;
+    return (A = Ue(t.transform)) != null ? A : !0;
   }), u = x(() => Kt(e.value)), c = x(() => Kt(n.value)), d = T(0), f = T(0), v = T(i.value), p = T(a.value), m = Ke({}), S = T(!1), y = x(() => {
-    const I = {
+    const A = {
       position: v.value,
       left: "0",
       top: "0"
     };
     if (!c.value)
-      return I;
+      return A;
     const g = Bn(c.value, d.value), M = Bn(c.value, f.value);
     return s.value ? {
-      ...I,
+      ...A,
       transform: "translate(" + g + "px, " + M + "px)",
       ...jl(c.value) >= 1.5 && {
         willChange: "transform"
@@ -5303,20 +5311,20 @@ function Li(e, n, t) {
   function b() {
     if (u.value == null || c.value == null)
       return;
-    const I = l.value;
+    const A = l.value;
     Ri(u.value, c.value, {
       middleware: r.value,
       placement: a.value,
       strategy: i.value
     }).then((g) => {
-      d.value = g.x, f.value = g.y, v.value = g.strategy, p.value = g.placement, m.value = g.middlewareData, S.value = I !== !1;
+      d.value = g.x, f.value = g.y, v.value = g.strategy, p.value = g.placement, m.value = g.middlewareData, S.value = A !== !1;
     });
   }
-  function P() {
+  function I() {
     typeof h == "function" && (h(), h = void 0);
   }
   function $() {
-    if (P(), o === void 0) {
+    if (I(), o === void 0) {
       b();
       return;
     }
@@ -5334,7 +5342,7 @@ function Li(e, n, t) {
     flush: "sync"
   }), oe(l, D, {
     flush: "sync"
-  }), Kl() && jn(P), {
+  }), Kl() && jn(I), {
     x: We(d),
     y: We(f),
     strategy: We(v),
@@ -5345,7 +5353,7 @@ function Li(e, n, t) {
     update: b
   };
 }
-const Ii = ["innerHTML"], Xi = {
+const Ai = ["innerHTML"], Xi = {
   __name: "Tooltip",
   props: {
     content: {
@@ -5388,12 +5396,12 @@ const Ii = ["innerHTML"], Xi = {
       floatingStyles: r,
       middlewareData: a,
       placement: i
-    } = Li(t, o, {
+    } = Pi(t, o, {
       middleware: [
         n.placement ? null : Oi(),
         $i(10),
         Ei({ crossAxis: !0, padding: 5 }),
-        Pi({ element: l }),
+        Ii({ element: l }),
         Ti({
           apply({ availableWidth: c, availableHeight: d, elements: f }) {
             Object.assign(f.floating.style, {
@@ -5434,18 +5442,18 @@ const Ii = ["innerHTML"], Xi = {
       ref: t,
       class: "rvc-group/tooltip"
     }, [
-      A(c.$slots, "default"),
+      L(c.$slots, "default"),
       C("div", {
         ref_key: "tooltipRef",
         ref: o,
         class: Z(["group-hover/tooltip:rvc-opacity-100 group-hover/tooltip:rvc-visible rvc-invisible rvc-opacity-0 rvc-tooltip", e.tooltipClass, { "rvc-tooltip-blur": e.blur }]),
         style: Yl(E(r))
       }, [
-        A(c.$slots, "content", { content: e.content }, () => [
+        L(c.$slots, "content", { content: e.content }, () => [
           e.content ? (w(), k("div", {
             key: 0,
             innerHTML: e.content
-          }, null, 8, Ii)) : q("", !0)
+          }, null, 8, Ai)) : q("", !0)
         ]),
         C("div", ne({
           ref_key: "arrowRef",
@@ -5468,7 +5476,7 @@ export {
   zi as Dropdown,
   Hi as EmptyState,
   Wi as FormInput,
-  Pl as FormSelect,
+  Il as FormSelect,
   qi as FormTextarea,
   Ui as Lightswitch,
   Ki as Modal,