@robuust-digital/vue-components 1.2.5 → 1.2.6

package/dist/vue-components.es.js

@@ -1,6 +1,6 @@
 import * as tn from "vue";
-import { openBlock as b, createElementBlock as E, createElementVNode as $, Fragment as ae, renderList as Te, renderSlot as k, createTextVNode as pe, toDisplayString as F, createVNode as D, unref as S, normalizeClass as N, createBlock as B, resolveDynamicComponent as fe, withCtx as P, createCommentVNode as H, watchEffect as J, mergeProps as Z, computed as w, getCurrentInstance as wn, useAttrs as $n, withDirectives as Bt, vModelDynamic as xn, normalizeProps as Ze, guardReactiveProps as vl, vModelSelect as pl, ref as x, nextTick as Oe, onMounted as z, cloneVNode as ml, h as K, defineComponent as W, inject as _, provide as se, onUnmounted as ue, watch as me, shallowRef as Ye, Teleport as gl, reactive as hl, withModifiers as Sn, Transition as yl, getCurrentScope as bl, onScopeDispose as wl, shallowReadonly as Ne, normalizeStyle as $l } from "vue";
-function xl(e, t) {
+import { openBlock as b, createElementBlock as E, createElementVNode as $, Fragment as ae, renderList as Te, renderSlot as O, createTextVNode as pe, toDisplayString as F, createVNode as D, unref as x, normalizeClass as I, createBlock as M, resolveDynamicComponent as se, withCtx as P, createCommentVNode as j, watchEffect as J, mergeProps as G, computed as w, getCurrentInstance as xn, useAttrs as Sn, withDirectives as Bt, vModelDynamic as En, normalizeProps as Ge, guardReactiveProps as ml, vModelSelect as gl, ref as S, nextTick as ke, onMounted as z, cloneVNode as hl, h as K, defineComponent as W, inject as _, provide as ue, onUnmounted as ce, watch as me, shallowRef as Ye, Teleport as yl, reactive as bl, withModifiers as Tn, Transition as wl, getCurrentScope as $l, onScopeDispose as xl, shallowReadonly as Ne, normalizeStyle as Sl } from "vue";
+function El(e, t) {
   return b(), E("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -15,7 +15,7 @@ function xl(e, t) {
     })
   ]);
 }
-function Sl(e, t) {
+function Tl(e, t) {
   return b(), E("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -45,7 +45,7 @@ function vt(e, t) {
     })
   ]);
 }
-const El = { class: "rvc-accordion" }, Tl = ["open", "name"], kl = ["innerHTML"], Oa = {
+const Ol = { class: "rvc-accordion" }, kl = ["open", "name"], Ll = ["innerHTML"], La = {
   __name: "Accordion",
   props: {
     items: {
@@ -67,7 +67,7 @@ const El = { class: "rvc-accordion" }, Tl = ["open", "name"], kl = ["innerHTML"]
     }
   },
   setup(e) {
-    return (t, n) => (b(), E("div", El, [
+    return (t, n) => (b(), E("div", Ol, [
       (b(!0), E(ae, null, Te(e.items, (l, r) => (b(), E("details", {
         key: r,
         open: e.defaultOpenIndex === r,
@@ -75,29 +75,29 @@ const El = { class: "rvc-accordion" }, Tl = ["open", "name"], kl = ["innerHTML"]
         class: "rvc-group/accordion group/accordion"
       }, [
         $("summary", null, [
-          k(t.$slots, "summary", {
+          O(t.$slots, "summary", {
             item: l,
             active: e.defaultOpenIndex === r
           }, () => [
             pe(F(l.title) + " ", 1),
-            k(t.$slots, "icon", { classList: "size-5 group-open/accordion:rotate-45 transition-transform" }, () => [
-              D(S(Sl), { class: "rvc-size-5 group-open/accordion:rvc-rotate-45 rvc-transition-transform" })
+            O(t.$slots, "icon", { classList: "size-5 group-open/accordion:rotate-45 transition-transform" }, () => [
+              D(x(Tl), { class: "rvc-size-5 group-open/accordion:rvc-rotate-45 rvc-transition-transform" })
             ])
           ])
         ]),
         $("div", {
-          class: N(["rvc-accordion-content", e.contentClass])
+          class: I(["rvc-accordion-content", e.contentClass])
         }, [
-          k(t.$slots, "content", { item: l }, () => [
+          O(t.$slots, "content", { item: l }, () => [
             $("div", {
               innerHTML: l.content
-            }, null, 8, kl)
+            }, null, 8, Ll)
           ])
         ], 2)
-      ], 8, Tl))), 128))
+      ], 8, kl))), 128))
     ]));
   }
-}, Ol = { class: "rvc-alert-title" }, La = {
+}, Cl = { class: "rvc-alert-title" }, Ca = {
   __name: "Alert",
   props: {
     as: {
@@ -124,37 +124,37 @@ const El = { class: "rvc-accordion" }, Tl = ["open", "name"], kl = ["innerHTML"]
   },
   emits: ["alert:close"],
   setup(e) {
-    return (t, n) => (b(), B(fe(e.as), {
-      class: N(["rvc-alert", `rvc-alert-${e.type}`])
+    return (t, n) => (b(), M(se(e.as), {
+      class: I(["rvc-alert", `rvc-alert-${e.type}`])
     }, {
       default: P(() => [
-        k(t.$slots, "icon", {}, () => [
-          e.icon ? (b(), B(fe(e.icon), {
+        O(t.$slots, "icon", {}, () => [
+          e.icon ? (b(), M(se(e.icon), {
             key: 0,
             class: "rvc-alert-icon"
-          })) : H("", !0)
+          })) : j("", !0)
         ]),
         $("div", null, [
-          k(t.$slots, "title", {}, () => [
-            $("span", Ol, F(e.title), 1)
+          O(t.$slots, "title", {}, () => [
+            $("span", Cl, F(e.title), 1)
           ]),
-          k(t.$slots, "default")
+          O(t.$slots, "default")
         ]),
-        k(t.$slots, "close", {}, () => [
+        O(t.$slots, "close", {}, () => [
           e.close ? (b(), E("button", {
             key: 0,
             type: "button",
             class: "rvc-alert-close rvc-transition-colors",
             onClick: n[0] || (n[0] = (l) => t.$emit("alert:close"))
           }, [
-            D(S(vt), { class: "rvc-size-5" })
-          ])) : H("", !0)
+            D(x(vt), { class: "rvc-size-5" })
+          ])) : j("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Ca = {
+}, Pa = {
   __name: "Badge",
   props: {
     as: {
@@ -177,24 +177,24 @@ const El = { class: "rvc-accordion" }, Tl = ["open", "name"], kl = ["innerHTML"]
     }
   },
   setup(e) {
-    return (t, n) => (b(), B(fe(e.as), {
-      class: N(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
+    return (t, n) => (b(), M(se(e.as), {
+      class: I(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
     }, {
       default: P(() => [
-        k(t.$slots, "default", { label: e.label }, () => [
+        O(t.$slots, "default", { label: e.label }, () => [
           pe(F(e.label), 1)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Ll = {
+}, Pl = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Cl(e, t) {
-  return b(), E("svg", Ll, t[0] || (t[0] = [
+function Al(e, t) {
+  return b(), E("svg", Pl, t[0] || (t[0] = [
     $("circle", {
       cx: "12",
       cy: "12",
@@ -209,10 +209,10 @@ function Cl(e, t) {
     }, null, -1)
   ]));
 }
-const En = { render: Cl }, Pl = {
+const On = { render: Al }, Dl = {
   key: 0,
   class: "rvc-sr-only"
-}, ut = {
+}, Xe = {
   __name: "ButtonBase",
   props: {
     as: {
@@ -256,35 +256,35 @@ const En = { render: Cl }, Pl = {
     const t = e;
     return J(() => {
       t.iconOnly && !t.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
-    }), (n, l) => (b(), B(fe(e.as), Z(e.bindAs ? { as: e.bindAs } : {}, {
+    }), (n, l) => (b(), M(se(e.as), G(e.bindAs ? { as: e.bindAs } : {}, {
       class: ["rvc-button", `rvc-button-${e.color}`, `rvc-button-${e.size}`, { "rvc-button-reverse": e.iconLeft }, { "rvc-button-icon-only": e.iconOnly }],
       "aria-label": e.iconOnly ? e.label : null,
       "aria-busy": e.spinning
     }), {
       default: P(() => [
-        e.iconOnly && e.label ? (b(), E("span", Pl, [
-          k(n.$slots, "default", { label: e.label }, () => [
+        e.iconOnly && e.label ? (b(), E("span", Dl, [
+          O(n.$slots, "default", { label: e.label }, () => [
             pe(F(e.label), 1)
           ])
-        ])) : e.label ? k(n.$slots, "default", {
+        ])) : e.label ? O(n.$slots, "default", {
           key: 1,
           label: e.label
         }, () => [
           pe(F(e.label), 1)
-        ]) : H("", !0),
-        k(n.$slots, "icon", { icon: e.icon }, () => [
-          e.icon && !e.spinning ? (b(), B(fe(e.icon), {
+        ]) : j("", !0),
+        O(n.$slots, "icon", { icon: e.icon }, () => [
+          e.icon && !e.spinning ? (b(), M(se(e.icon), {
             key: 0,
             class: "rvc-button-icon",
             "aria-hidden": !e.iconOnly
-          }, null, 8, ["aria-hidden"])) : H("", !0)
+          }, null, 8, ["aria-hidden"])) : j("", !0)
         ]),
-        k(n.$slots, "spinner", { spinning: e.spinning }, () => [
-          e.spinning ? (b(), B(S(En), {
+        O(n.$slots, "spinner", { spinning: e.spinning }, () => [
+          e.spinning ? (b(), M(x(On), {
             key: 0,
             class: "rvc-button-icon rvc-button-icon-loading",
             "aria-hidden": "true"
-          })) : H("", !0)
+          })) : j("", !0)
         ])
       ]),
       _: 3
@@ -292,9 +292,9 @@ const En = { render: Cl }, Pl = {
   }
 }, It = () => ({ hasModelBinding: w(() => {
   var n;
-  const t = wn();
+  const t = xn();
   return ((n = t == null ? void 0 : t.vnode) == null ? void 0 : n.props) && Object.prototype.hasOwnProperty.call(t.vnode.props, "onUpdate:modelValue");
-}) }), Al = { class: "rvc-checkbox-input peer-focus/checkbox:rvc-focus" }, Dl = ["for"], Pa = /* @__PURE__ */ Object.assign({
+}) }), Rl = { class: "rvc-checkbox-input peer-focus/checkbox:rvc-focus" }, Fl = ["for"], Aa = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Checkbox",
@@ -322,31 +322,31 @@ const En = { render: Cl }, Pl = {
       get: () => n.modelValue,
       set: (s) => l("update:modelValue", s)
     }), { hasModelBinding: a } = It(), i = {
-      ...$n(),
+      ...Sn(),
       id: n.id,
       type: "checkbox",
       class: "rvc-absolute rvc-opacity-0 rvc-inset-0 rvc-cursor-pointer rvc-peer/checkbox"
     };
     return (s, u) => (b(), E("div", {
-      class: N(["rvc-checkbox", e.rootClass])
+      class: I(["rvc-checkbox", e.rootClass])
     }, [
-      S(a) ? Bt((b(), E("input", Z({ key: 0 }, i, {
+      x(a) ? Bt((b(), E("input", G({ key: 0 }, i, {
         "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c)
       }), null, 16)), [
-        [xn, r.value]
-      ]) : (b(), E("input", Ze(Z({ key: 1 }, i)), null, 16)),
-      $("span", Al, [
-        D(S(xl))
+        [En, r.value]
+      ]) : (b(), E("input", Ge(G({ key: 1 }, i)), null, 16)),
+      $("span", Rl, [
+        D(x(El))
       ]),
       $("div", null, [
-        s.$slots.default || e.label ? k(s.$slots, "default", { key: 0 }, () => [
-          $("label", { for: e.id }, F(e.label), 9, Dl)
-        ]) : H("", !0)
+        s.$slots.default || e.label ? O(s.$slots, "default", { key: 0 }, () => [
+          $("label", { for: e.id }, F(e.label), 9, Fl)
+        ]) : j("", !0)
       ])
     ], 2));
   }
 });
-function Rl(e, t) {
+function Ml(e, t) {
   return b(), E("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
@@ -361,7 +361,7 @@ function Rl(e, t) {
     })
   ]);
 }
-function Fl(e, t) {
+function Bl(e, t) {
   return b(), E("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -376,7 +376,7 @@ function Fl(e, t) {
     })
   ]);
 }
-function Ml(e, t) {
+function Il(e, t) {
   return b(), E("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -391,7 +391,7 @@ function Ml(e, t) {
     })
   ]);
 }
-function Bl(e, t) {
+function Nl(e, t) {
   return b(), E("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -406,7 +406,18 @@ function Bl(e, t) {
     })
   ]);
 }
-const Tn = /* @__PURE__ */ Object.assign({
+function jl(e, t) {
+  return b(), E("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    $("path", { d: "M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" })
+  ]);
+}
+const kn = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "FormSelect",
@@ -419,6 +430,10 @@ const Tn = /* @__PURE__ */ Object.assign({
       type: String,
       default: ""
     },
+    iconLeft: {
+      type: [Object, Function],
+      default: null
+    },
     icon: {
       type: [Object, Function],
       default: null
@@ -436,32 +451,38 @@ const Tn = /* @__PURE__ */ Object.assign({
       set: (o) => l("update:modelValue", o)
     }), { hasModelBinding: a } = It();
     return (o, i) => (b(), E("div", {
-      class: N([
+      class: I([
         "rvc-select",
         `rvc-select-${e.size}`,
         e.rootClass
       ])
     }, [
-      k(o.$slots, "select", Ze(vl(o.$attrs)), () => [
-        S(a) ? Bt((b(), E("select", Z({ key: 0 }, o.$attrs, {
+      e.iconLeft ? O(o.$slots, "iconLeft", {
+        key: 0,
+        icon: e.iconLeft
+      }, () => [
+        (b(), M(se(e.iconLeft), { "aria-hidden": "true" }))
+      ]) : j("", !0),
+      O(o.$slots, "select", Ge(ml(o.$attrs)), () => [
+        x(a) ? Bt((b(), E("select", G({ key: 0 }, o.$attrs, {
           "onUpdate:modelValue": i[0] || (i[0] = (s) => r.value = s)
         }), [
-          k(o.$slots, "default")
+          O(o.$slots, "default")
         ], 16)), [
-          [pl, r.value]
-        ]) : (b(), E("select", Ze(Z({ key: 1 }, o.$attrs)), [
-          k(o.$slots, "default")
+          [gl, r.value]
+        ]) : (b(), E("select", Ge(G({ key: 1 }, o.$attrs)), [
+          O(o.$slots, "default")
         ], 16))
       ]),
-      k(o.$slots, "icon", { icon: e.icon }, () => [
-        (b(), B(fe(e.icon ?? S(Fl)), { "aria-hidden": "true" }))
+      O(o.$slots, "icon", { icon: e.icon }, () => [
+        (b(), M(se(e.icon ?? x(Bl)), { "aria-hidden": "true" }))
       ])
     ], 2));
   }
-}), Il = {
+}), Vl = {
   key: 0,
   class: "rvc-pagination rvc-grid rvc-grid-cols-2 md:rvc-grid-cols-3 rvc-items-center rvc-justify-between"
-}, Nl = ["value"], jl = { class: "md:rvc-flex rvc-justify-center rvc-hidden" }, Vl = { class: "rvc-pagination-info" }, Hl = { class: "rvc-flex rvc-justify-end" }, Wl = { class: "rvc-flex rvc-items-center md:gap-0.5 xl:rvc-gap-1" }, Ul = ["disabled", "onClick"], zl = { key: 2 }, ql = { key: 3 }, Kl = {
+}, Hl = ["value"], Wl = { class: "md:rvc-flex rvc-justify-center rvc-hidden" }, Ul = { class: "rvc-pagination-info" }, zl = { class: "rvc-flex rvc-justify-end" }, ql = { class: "rvc-flex rvc-items-center md:gap-0.5 xl:rvc-gap-1" }, Kl = ["disabled", "onClick"], Yl = { key: 2 }, Zl = { key: 3 }, Gl = {
   __name: "Pagination",
   props: {
     pagination: {
@@ -487,12 +508,12 @@ const Tn = /* @__PURE__ */ Object.assign({
   },
   emits: ["pagination:change", "pagination:perPage"],
   setup(e, { emit: t }) {
-    const n = e, l = t, r = x(n.perPage);
+    const n = e, l = t, r = S(n.perPage);
     return (a, o) => {
       var i;
-      return (i = e.pagination) != null && i.total ? (b(), E("div", Il, [
-        k(a.$slots, "perPage", Z(e.pagination, { perPage: r.value }), () => [
-          D(Tn, {
+      return (i = e.pagination) != null && i.total ? (b(), E("div", Vl, [
+        O(a.$slots, "perPage", G(e.pagination, { perPage: r.value }), () => [
+          D(kn, {
             modelValue: r.value,
             "onUpdate:modelValue": [
               o[0] || (o[0] = (s) => r.value = s),
@@ -505,19 +526,19 @@ const Tn = /* @__PURE__ */ Object.assign({
               (b(!0), E(ae, null, Te(e.perPageOptions, (s) => (b(), E("option", {
                 key: `pagination-items-per-page-option-${s}`,
                 value: s
-              }, F(s) + " " + F(e.perPageLabel), 9, Nl))), 128))
+              }, F(s) + " " + F(e.perPageLabel), 9, Hl))), 128))
             ]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        k(a.$slots, "info", Z(e.pagination, { fromLabel: e.fromLabel }), () => [
-          $("div", jl, [
-            $("div", Vl, F(e.pagination.from) + " - " + F(e.pagination.to) + " " + F(e.fromLabel) + " " + F(e.pagination.total), 1)
+        O(a.$slots, "info", G(e.pagination, { fromLabel: e.fromLabel }), () => [
+          $("div", Wl, [
+            $("div", Ul, F(e.pagination.from) + " - " + F(e.pagination.to) + " " + F(e.fromLabel) + " " + F(e.pagination.total), 1)
           ])
         ]),
-        $("div", Hl, [
+        $("div", zl, [
           $("nav", null, [
-            $("ol", Wl, [
+            $("ol", ql, [
               (b(!0), E(ae, null, Te(e.pagination.links, (s, u) => (b(), E("li", {
                 key: `pagination-link-${s.label}-${u}`,
                 class: "rvc-hidden md:rvc-block first:rvc-block last:rvc-block"
@@ -525,36 +546,36 @@ const Tn = /* @__PURE__ */ Object.assign({
                 $("button", {
                   type: "button",
                   disabled: s.label === "..." || !s.url,
-                  class: N([
+                  class: I([
                     "rvc-pagination-button",
                     { "rvc-pagination-button-active": s.active }
                   ]),
                   onClick: (c) => s.url && l("pagination:change", s.url)
                 }, [
-                  s.url !== "..." && u === 0 ? (b(), B(S(Ml), {
+                  s.url !== "..." && u === 0 ? (b(), M(x(Il), {
                     key: 0,
                     "aria-hidden": "true",
-                    class: N([
+                    class: I([
                       "rvc-size-5 rvc-text-slate-80",
                       { "rvc-opacity-50": !s.url }
                     ])
-                  }, null, 8, ["class"])) : s.label !== "..." && u === e.pagination.links.length - 1 ? (b(), B(S(Bl), {
+                  }, null, 8, ["class"])) : s.label !== "..." && u === e.pagination.links.length - 1 ? (b(), M(x(Nl), {
                     key: 1,
                     "aria-hidden": "true",
-                    class: N([
+                    class: I([
                       "rvc-size-5 rvc-text-slate-80",
                       { "rvc-opacity-50": !s.url }
                     ])
-                  }, null, 8, ["class"])) : s.label === "..." ? (b(), E("span", zl, " ... ")) : (b(), E("span", ql, F(s.label), 1))
-                ], 10, Ul)
+                  }, null, 8, ["class"])) : s.label === "..." ? (b(), E("span", Yl, " ... ")) : (b(), E("span", Zl, F(s.label), 1))
+                ], 10, Kl)
               ]))), 128))
             ])
           ])
         ])
-      ])) : H("", !0);
+      ])) : j("", !0);
     };
   }
-}, Yl = { class: "rvc-overflow-x-auto rvc-pb-4" }, Gl = { key: 0 }, Zl = ["aria-label", "onClick"], Xl = ["innerHTML"], Ql = { key: 1 }, Jl = ["colspan"], _l = { key: 2 }, er = ["colspan"], tr = { class: "rvc-flex rvc-gap-x-2 rvc-items-center" }, Aa = {
+}, Xl = { class: "rvc-overflow-x-auto rvc-pb-4" }, Ql = { key: 0 }, Jl = ["aria-label", "onClick"], _l = ["innerHTML"], er = { key: 1 }, tr = ["colspan"], nr = { key: 2 }, lr = ["colspan"], rr = { class: "rvc-flex rvc-gap-x-2 rvc-items-center" }, Da = {
   __name: "DataTable",
   props: {
     headers: {
@@ -590,7 +611,7 @@ const Tn = /* @__PURE__ */ Object.assign({
   },
   emits: ["table:sortBy", "pagination:change", "pagination:perPage"],
   setup(e, { emit: t }) {
-    const n = e, l = t, r = x(null), a = (i) => n.headers.find((s) => s.key === i), o = (i) => {
+    const n = e, l = t, r = S(null), a = (i) => n.headers.find((s) => s.key === i), o = (i) => {
       !r.value || r.value.key !== i.key ? r.value = {
         key: i.key,
         direction: "asc"
@@ -600,16 +621,16 @@ const Tn = /* @__PURE__ */ Object.assign({
       } : r.value = null, l("table:sortBy", r.value);
     };
     return (i, s) => (b(), E("div", null, [
-      $("div", Yl, [
+      $("div", Xl, [
         $("table", {
-          class: N([{ "rvc-table-striped": e.striped }, "rvc-w-full rvc-table"])
+          class: I([{ "rvc-table-striped": e.striped }, "rvc-w-full rvc-table"])
         }, [
-          e.headers.length ? (b(), E("thead", Gl, [
+          e.headers.length ? (b(), E("thead", Ql, [
             $("tr", null, [
-              k(i.$slots, "headers", { headers: e.headers }, () => [
+              O(i.$slots, "headers", { headers: e.headers }, () => [
                 (b(!0), E(ae, null, Te(e.headers, (u) => {
                   var c, f;
-                  return b(), E("th", Z({ ref_for: !0 }, u, {
+                  return b(), E("th", G({ ref_for: !0 }, u, {
                     key: `rvc-table-header-${u.id}`,
                     class: {
                       "rvc-text-left": u.align === "left" || !u.align,
@@ -621,7 +642,7 @@ const Tn = /* @__PURE__ */ Object.assign({
                       key: 0,
                       type: "button",
                       "aria-label": `Sort on ${u.label}`,
-                      class: N([
+                      class: I([
                         "rvc-flex rvc-w-full rvc-gap-x-1.5 hover:rvc-underline rvc-group/table",
                         {
                           "rvc-justify-center": u.align === "center",
@@ -630,14 +651,14 @@ const Tn = /* @__PURE__ */ Object.assign({
                       ]),
                       onClick: (d) => o(u)
                     }, [
-                      k(i.$slots, "header-label", {
+                      O(i.$slots, "header-label", {
                         sortBy: r.value,
                         header: u
                       }, () => [
                         pe(F(u.label), 1)
                       ]),
-                      D(S(Rl), {
-                        class: N([
+                      D(x(Ml), {
+                        class: I([
                           "rvc-size-4 rvc-shrink-0 rvc-transition",
                           {
                             "rvc-opacity-100": ((c = r.value) == null ? void 0 : c.key) === u.key,
@@ -646,7 +667,7 @@ const Tn = /* @__PURE__ */ Object.assign({
                           }
                         ])
                       }, null, 8, ["class"])
-                    ], 10, Zl)) : k(i.$slots, "header-label", {
+                    ], 10, Jl)) : O(i.$slots, "header-label", {
                       key: 1,
                       sortBy: r.value,
                       header: u
@@ -657,18 +678,18 @@ const Tn = /* @__PURE__ */ Object.assign({
                 }), 128))
               ])
             ])
-          ])) : H("", !0),
+          ])) : j("", !0),
           $("tbody", null, [
             e.items.length && !e.spinning ? (b(!0), E(ae, { key: 0 }, Te(e.items, (u, c) => (b(), E("tr", {
               key: `rvc-table-row-${c}-${u.id}`
             }, [
-              k(i.$slots, "items", {
+              O(i.$slots, "items", {
                 item: u,
                 index: c
               }, () => [
                 (b(!0), E(ae, null, Te(u, (f, d) => {
                   var v, p, m, g;
-                  return b(), E("td", Z({
+                  return b(), E("td", G({
                     key: `rvc-table-row-${c}-column-${d}-${u.id}`,
                     ref_for: !0
                   }, u.attrs, {
@@ -678,51 +699,51 @@ const Tn = /* @__PURE__ */ Object.assign({
                       "rvc-text-right": ((g = a(d)) == null ? void 0 : g.align) === "right"
                     },
                     innerHTML: f
-                  }), null, 16, Xl);
+                  }), null, 16, _l);
                 }), 128))
               ])
-            ]))), 128)) : !e.items.length && !e.spinning ? (b(), E("tr", Ql, [
+            ]))), 128)) : !e.items.length && !e.spinning ? (b(), E("tr", er, [
               $("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
                 $("p", null, F(e.noResultsText), 1)
-              ], 8, Jl)
-            ])) : (b(), E("tr", _l, [
+              ], 8, tr)
+            ])) : (b(), E("tr", nr, [
               $("td", {
                 colspan: e.headers.length,
                 class: "rvc-table-state"
               }, [
-                k(i.$slots, "spinner", {
+                O(i.$slots, "spinner", {
                   spinning: e.spinning,
                   label: e.loadingText
                 }, () => [
-                  $("div", tr, [
-                    e.spinning ? (b(), B(S(En), {
+                  $("div", rr, [
+                    e.spinning ? (b(), M(x(On), {
                       key: 0,
                       "aria-hidden": "true",
                       class: "rvc-table-spinner"
-                    })) : H("", !0),
+                    })) : j("", !0),
                     pe(" " + F(e.loadingText), 1)
                   ])
                 ])
-              ], 8, er)
+              ], 8, lr)
             ]))
           ])
         ], 2)
       ]),
-      e.pagination ? k(i.$slots, "pagination", Ze(Z({ key: 0 }, e.pagination)), () => [
-        D(Kl, {
+      e.pagination ? O(i.$slots, "pagination", Ge(G({ key: 0 }, e.pagination)), () => [
+        D(Gl, {
           pagination: e.pagination,
           "onPagination:change": s[0] || (s[0] = (u) => l("pagination:change", u)),
           "onPagination:perPage": s[1] || (s[1] = (u) => l("pagination:perPage", u))
         }, null, 8, ["pagination"])
-      ]) : H("", !0)
+      ]) : j("", !0)
     ]));
   }
 };
-function nr(e, t, n) {
-  let l = x(n == null ? void 0 : n.value), r = w(() => e.value !== void 0);
+function or(e, t, n) {
+  let l = S(n == null ? void 0 : n.value), r = w(() => e.value !== void 0);
   return [w(() => r.value ? e.value : l.value), function(a) {
     return r.value || (l.value = a), t == null ? void 0 : t(a);
   }];
@@ -732,7 +753,7 @@ function Nt(e) {
     throw t;
   }));
 }
-function _e() {
+function et() {
   let e = [], t = { addEventListener(n, l, r, a) {
     return n.addEventListener(l, r, a), t.add(() => n.removeEventListener(l, r, a));
   }, requestAnimationFrame(...n) {
@@ -758,7 +779,7 @@ function _e() {
       Object.assign(n.style, { [l]: a });
     });
   }, group(n) {
-    let l = _e();
+    let l = et();
     return n(l), this.add(() => l.dispose());
   }, add(n) {
     return e.push(n), () => {
@@ -771,11 +792,11 @@ function _e() {
   return t;
 }
 var nn;
-let lr = Symbol("headlessui.useid"), rr = 0;
+let ar = Symbol("headlessui.useid"), ir = 0;
 const ve = (nn = tn.useId) != null ? nn : function() {
-  return tn.inject(lr, () => `${++rr}`)();
+  return tn.inject(ar, () => `${++ir}`)();
 };
-function O(e) {
+function k(e) {
   var t;
   if (e == null || e.value == null) return null;
   let n = (t = e.value.$el) != null ? t : e.value;
@@ -789,8 +810,8 @@ function ge(e, t, ...n) {
   let l = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((r) => `"${r}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(l, ge), l;
 }
-var or = Object.defineProperty, ar = (e, t, n) => t in e ? or(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ln = (e, t, n) => (ar(e, typeof t != "symbol" ? t + "" : t, n), n);
-let ir = class {
+var sr = Object.defineProperty, ur = (e, t, n) => t in e ? sr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ln = (e, t, n) => (ur(e, typeof t != "symbol" ? t + "" : t, n), n);
+let cr = class {
   constructor() {
     ln(this, "current", this.detect()), ln(this, "currentId", 0);
   }
@@ -812,42 +833,42 @@ let ir = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, et = new ir();
+}, tt = new cr();
 function Ae(e) {
-  if (et.isServer) return null;
+  if (tt.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let t = O(e);
+    let t = k(e);
     if (t) return t.ownerDocument;
   }
   return document;
 }
-let kt = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
-var we = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(we || {}), kn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(kn || {}), sr = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(sr || {});
-function On(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(kt)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+let Ot = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var we = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(we || {}), Ln = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Ln || {}), dr = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(dr || {});
+function Cn(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(Ot)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
 var jt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(jt || {});
 function Vt(e, t = 0) {
   var n;
   return e === ((n = Ae(e)) == null ? void 0 : n.body) ? !1 : ge(t, { 0() {
-    return e.matches(kt);
+    return e.matches(Ot);
   }, 1() {
     let l = e;
     for (; l !== null; ) {
-      if (l.matches(kt)) return !0;
+      if (l.matches(Ot)) return !0;
       l = l.parentElement;
     }
     return !1;
   } });
 }
-function Ln(e) {
+function Pn(e) {
   let t = Ae(e);
-  Oe(() => {
+  ke(() => {
     t && !Vt(t.activeElement, 0) && Le(e);
   });
 }
-var ur = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(ur || {});
+var fr = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(fr || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
   e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (e) => {
@@ -856,12 +877,12 @@ typeof window < "u" && typeof document < "u" && (document.addEventListener("keyd
 function Le(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
-let cr = ["textarea", "input"].join(",");
-function dr(e) {
+let vr = ["textarea", "input"].join(",");
+function pr(e) {
   var t, n;
-  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, cr)) != null ? n : !1;
+  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, vr)) != null ? n : !1;
 }
-function Cn(e, t = (n) => n) {
+function An(e, t = (n) => n) {
   return e.slice().sort((n, l) => {
     let r = t(n), a = t(l);
     if (r === null || a === null) return 0;
@@ -869,12 +890,12 @@ function Cn(e, t = (n) => n) {
     return o & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : o & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function fr(e, t) {
-  return Ge(On(), t, { relativeTo: e });
+function mr(e, t) {
+  return Ze(Cn(), t, { relativeTo: e });
 }
-function Ge(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] } = {}) {
+function Ze(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] } = {}) {
   var a;
-  let o = (a = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? a : document, i = Array.isArray(e) ? n ? Cn(e) : e : On(e);
+  let o = (a = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? a : document, i = Array.isArray(e) ? n ? An(e) : e : Cn(e);
   r.length > 0 && i.length > 1 && (i = i.filter((p) => !r.includes(p))), l = l ?? o.activeElement;
   let s = (() => {
     if (t & 5) return 1;
@@ -897,28 +918,28 @@ function Ge(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] }
     }
     v = i[p], v == null || v.focus(c), f += s;
   } while (v !== o.activeElement);
-  return t & 6 && dr(v) && v.select(), 2;
+  return t & 6 && pr(v) && v.select(), 2;
 }
-function Pn() {
+function Dn() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function vr() {
+function gr() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function pr() {
-  return Pn() || vr();
+function hr() {
+  return Dn() || gr();
 }
-function ot(e, t, n) {
-  et.isServer || J((l) => {
+function at(e, t, n) {
+  tt.isServer || J((l) => {
     document.addEventListener(e, t, n), l(() => document.removeEventListener(e, t, n));
   });
 }
-function An(e, t, n) {
-  et.isServer || J((l) => {
+function Rn(e, t, n) {
+  tt.isServer || J((l) => {
     window.addEventListener(e, t, n), l(() => window.removeEventListener(e, t, n));
   });
 }
-function Dn(e, t, n = w(() => !0)) {
+function Fn(e, t, n = w(() => !0)) {
   function l(a, o) {
     if (!n.value || a.defaultPrevented) return;
     let i = o(a);
@@ -928,41 +949,41 @@ function Dn(e, t, n = w(() => !0)) {
     }(e);
     for (let u of s) {
       if (u === null) continue;
-      let c = u instanceof HTMLElement ? u : O(u);
+      let c = u instanceof HTMLElement ? u : k(u);
       if (c != null && c.contains(i) || a.composed && a.composedPath().includes(c)) return;
     }
     return !Vt(i, jt.Loose) && i.tabIndex !== -1 && a.preventDefault(), t(a, i);
   }
-  let r = x(null);
-  ot("pointerdown", (a) => {
+  let r = S(null);
+  at("pointerdown", (a) => {
     var o, i;
     n.value && (r.value = ((i = (o = a.composedPath) == null ? void 0 : o.call(a)) == null ? void 0 : i[0]) || a.target);
-  }, !0), ot("mousedown", (a) => {
+  }, !0), at("mousedown", (a) => {
     var o, i;
     n.value && (r.value = ((i = (o = a.composedPath) == null ? void 0 : o.call(a)) == null ? void 0 : i[0]) || a.target);
-  }, !0), ot("click", (a) => {
-    pr() || r.value && (l(a, () => r.value), r.value = null);
-  }, !0), ot("touchend", (a) => l(a, () => a.target instanceof HTMLElement ? a.target : null), !0), An("blur", (a) => l(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+  }, !0), at("click", (a) => {
+    hr() || r.value && (l(a, () => r.value), r.value = null);
+  }, !0), at("touchend", (a) => l(a, () => a.target instanceof HTMLElement ? a.target : null), !0), Rn("blur", (a) => l(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 function rn(e, t) {
   if (e) return e;
   let n = t ?? "button";
   if (typeof n == "string" && n.toLowerCase() === "button") return "button";
 }
-function Rn(e, t) {
-  let n = x(rn(e.value.type, e.value.as));
+function Mn(e, t) {
+  let n = S(rn(e.value.type, e.value.as));
   return z(() => {
     n.value = rn(e.value.type, e.value.as);
   }), J(() => {
     var l;
-    n.value || O(t) && O(t) instanceof HTMLButtonElement && !((l = O(t)) != null && l.hasAttribute("type")) && (n.value = "button");
+    n.value || k(t) && k(t) instanceof HTMLButtonElement && !((l = k(t)) != null && l.hasAttribute("type")) && (n.value = "button");
   }), n;
 }
 function on(e) {
   return [e.screenX, e.screenY];
 }
-function mr() {
-  let e = x([-1, -1]);
+function yr() {
+  let e = S([-1, -1]);
   return { wasMoved(t) {
     let n = on(t);
     return e.value[0] === n[0] && e.value[1] === n[1] ? !1 : (e.value = n, !0);
@@ -970,7 +991,7 @@ function mr() {
     e.value = on(t);
   } };
 }
-function gr({ container: e, accept: t, walk: n, enabled: l }) {
+function br({ container: e, accept: t, walk: n, enabled: l }) {
   J(() => {
     let r = e.value;
     if (!r || l !== void 0 && !l.value) return;
@@ -980,10 +1001,10 @@ function gr({ container: e, accept: t, walk: n, enabled: l }) {
     for (; i.nextNode(); ) n(i.currentNode);
   });
 }
-var He = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(He || {}), ke = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ke || {});
+var He = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(He || {}), Oe = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(Oe || {});
 function q({ visible: e = !0, features: t = 0, ourProps: n, theirProps: l, ...r }) {
   var a;
-  let o = Mn(l, n), i = Object.assign(r, { props: o });
+  let o = In(l, n), i = Object.assign(r, { props: o });
   if (e || t & 2 && o.static) return xt(i);
   if (t & 1) {
     let s = (a = o.unmount) == null || a ? 0 : 1;
@@ -1004,13 +1025,13 @@ function xt({ props: e, attrs: t, slots: n, slot: l, name: r }) {
     f && (c["data-headlessui-state"] = d.join(" "));
   }
   if (i === "template") {
-    if (u = Fn(u ?? []), Object.keys(s).length > 0 || Object.keys(t).length > 0) {
+    if (u = Bn(u ?? []), Object.keys(s).length > 0 || Object.keys(t).length > 0) {
       let [f, ...d] = u ?? [];
-      if (!yr(f) || d.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${r} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s).concat(Object.keys(t)).map((m) => m.trim()).filter((m, g, h) => h.indexOf(m) === g).sort((m, g) => m.localeCompare(g)).map((m) => `  - ${m}`).join(`
+      if (!$r(f) || d.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${r} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s).concat(Object.keys(t)).map((m) => m.trim()).filter((m, g, h) => h.indexOf(m) === g).sort((m, g) => m.localeCompare(g)).map((m) => `  - ${m}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
 `)].join(`
 `));
-      let v = Mn((o = f.props) != null ? o : {}, s, c), p = ml(f, v, !0);
+      let v = In((o = f.props) != null ? o : {}, s, c), p = hl(f, v, !0);
       for (let m in v) m.startsWith("on") && (p.props || (p.props = {}), p.props[m] = v[m]);
       return p;
     }
@@ -1018,10 +1039,10 @@ function xt({ props: e, attrs: t, slots: n, slot: l, name: r }) {
   }
   return K(i, Object.assign({}, s, c), { default: () => u });
 }
-function Fn(e) {
-  return e.flatMap((t) => t.type === ae ? Fn(t.children) : [t]);
+function Bn(e) {
+  return e.flatMap((t) => t.type === ae ? Bn(t.children) : [t]);
 }
-function Mn(...e) {
+function In(...e) {
   if (e.length === 0) return {};
   if (e.length === 1) return e[0];
   let t = {}, n = {};
@@ -1036,7 +1057,7 @@ function Mn(...e) {
   } });
   return t;
 }
-function hr(e) {
+function wr(e) {
   let t = Object.assign({}, e);
   for (let n in t) t[n] === void 0 && delete t[n];
   return t;
@@ -1046,46 +1067,46 @@ function Ht(e, t = []) {
   for (let l of t) l in n && delete n[l];
   return n;
 }
-function yr(e) {
+function $r(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
-var Xe = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Xe || {});
+var Qe = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Qe || {});
 let ct = W({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
   return () => {
     var l;
     let { features: r, ...a } = e, o = { "aria-hidden": (r & 2) === 2 ? !0 : (l = a["aria-hidden"]) != null ? l : void 0, hidden: (r & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
     return q({ ourProps: o, theirProps: a, slot: {}, attrs: n, slots: t, name: "Hidden" });
   };
-} }), Bn = Symbol("Context");
-var G = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(G || {});
-function br() {
+} }), Nn = Symbol("Context");
+var Z = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Z || {});
+function xr() {
   return pt() !== null;
 }
 function pt() {
-  return _(Bn, null);
+  return _(Nn, null);
 }
-function In(e) {
-  se(Bn, e);
+function jn(e) {
+  ue(Nn, e);
 }
 var U = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(U || {});
-function wr(e) {
+function Sr(e) {
   function t() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
 }
 let Re = [];
-wr(() => {
+Sr(() => {
   function e(t) {
     t.target instanceof HTMLElement && t.target !== document.body && Re[0] !== t.target && (Re.unshift(t.target), Re = Re.filter((n) => n != null && n.isConnected), Re.splice(10));
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
-function $r(e) {
+function Er(e) {
   throw new Error("Unexpected object: " + e);
 }
 var oe = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(oe || {});
-function xr(e, t) {
+function Tr(e, t) {
   let n = t.resolveItems();
   if (n.length <= 0) return null;
   let l = t.resolveActiveIndex(), r = l ?? -1;
@@ -1114,10 +1135,10 @@ function xr(e, t) {
     case 5:
       return null;
     default:
-      $r(e);
+      Er(e);
   }
 }
-function Sr(e) {
+function Or(e) {
   var t, n;
   let l = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
   if (l) {
@@ -1128,48 +1149,48 @@ function Sr(e) {
     (n = l.requestSubmit) == null || n.call(l);
   }
 }
-function Nn(e, t, n, l) {
-  et.isServer || J((r) => {
+function Vn(e, t, n, l) {
+  tt.isServer || J((r) => {
     e = e ?? window, e.addEventListener(t, n, l), r(() => e.removeEventListener(t, n, l));
   });
 }
 var Ke = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ke || {});
-function Er() {
-  let e = x(0);
-  return An("keydown", (t) => {
+function kr() {
+  let e = S(0);
+  return Rn("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
-function jn(e) {
+function Hn(e) {
   if (!e) return /* @__PURE__ */ new Set();
   if (typeof e == "function") return new Set(e());
   let t = /* @__PURE__ */ new Set();
   for (let n of e.value) {
-    let l = O(n);
+    let l = k(n);
     l instanceof HTMLElement && t.add(l);
   }
   return t;
 }
-var Vn = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(Vn || {});
-let ze = Object.assign(W({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: x(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
-  let r = x(null);
+var Wn = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(Wn || {});
+let ze = Object.assign(W({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: S(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
+  let r = S(null);
   l({ el: r, $el: r });
-  let a = w(() => Ae(r)), o = x(!1);
-  z(() => o.value = !0), ue(() => o.value = !1), kr({ ownerDocument: a }, w(() => o.value && !!(e.features & 16)));
-  let i = Or({ ownerDocument: a, container: r, initialFocus: w(() => e.initialFocus) }, w(() => o.value && !!(e.features & 2)));
-  Lr({ ownerDocument: a, container: r, containers: e.containers, previousActiveElement: i }, w(() => o.value && !!(e.features & 8)));
-  let s = Er();
+  let a = w(() => Ae(r)), o = S(!1);
+  z(() => o.value = !0), ce(() => o.value = !1), Cr({ ownerDocument: a }, w(() => o.value && !!(e.features & 16)));
+  let i = Pr({ ownerDocument: a, container: r, initialFocus: w(() => e.initialFocus) }, w(() => o.value && !!(e.features & 2)));
+  Ar({ ownerDocument: a, container: r, containers: e.containers, previousActiveElement: i }, w(() => o.value && !!(e.features & 8)));
+  let s = kr();
   function u(v) {
-    let p = O(r);
+    let p = k(r);
     p && ((m) => m())(() => {
       ge(s.value, { [Ke.Forwards]: () => {
-        Ge(p, we.First, { skipElements: [v.relatedTarget] });
+        Ze(p, we.First, { skipElements: [v.relatedTarget] });
       }, [Ke.Backwards]: () => {
-        Ge(p, we.Last, { skipElements: [v.relatedTarget] });
+        Ze(p, we.Last, { skipElements: [v.relatedTarget] });
       } });
     });
   }
-  let c = x(!1);
+  let c = S(!1);
   function f(v) {
     v.key === "Tab" && (c.value = !0, requestAnimationFrame(() => {
       c.value = !1;
@@ -1177,18 +1198,18 @@ let ze = Object.assign(W({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }
   function d(v) {
     if (!o.value) return;
-    let p = jn(e.containers);
-    O(r) instanceof HTMLElement && p.add(O(r));
+    let p = Hn(e.containers);
+    k(r) instanceof HTMLElement && p.add(k(r));
     let m = v.relatedTarget;
-    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (Hn(p, m) || (c.value ? Ge(O(r), ge(s.value, { [Ke.Forwards]: () => we.Next, [Ke.Backwards]: () => we.Previous }) | we.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Le(v.target)));
+    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (Un(p, m) || (c.value ? Ze(k(r), ge(s.value, { [Ke.Forwards]: () => we.Next, [Ke.Backwards]: () => we.Previous }) | we.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Le(v.target)));
   }
   return () => {
     let v = {}, p = { ref: r, onKeydown: f, onFocusout: d }, { features: m, initialFocus: g, containers: h, ...y } = e;
-    return K(ae, [!!(m & 4) && K(ct, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: Xe.Focusable }), q({ ourProps: p, theirProps: { ...t, ...y }, slot: v, attrs: t, slots: n, name: "FocusTrap" }), !!(m & 4) && K(ct, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: Xe.Focusable })]);
+    return K(ae, [!!(m & 4) && K(ct, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: Qe.Focusable }), q({ ourProps: p, theirProps: { ...t, ...y }, slot: v, attrs: t, slots: n, name: "FocusTrap" }), !!(m & 4) && K(ct, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: Qe.Focusable })]);
   };
-} }), { features: Vn });
-function Tr(e) {
-  let t = x(Re.slice());
+} }), { features: Wn });
+function Lr(e) {
+  let t = S(Re.slice());
   return me([e], ([n], [l]) => {
     l === !0 && n === !1 ? Nt(() => {
       t.value.splice(0);
@@ -1198,27 +1219,27 @@ function Tr(e) {
     return (n = t.value.find((l) => l != null && l.isConnected)) != null ? n : null;
   };
 }
-function kr({ ownerDocument: e }, t) {
-  let n = Tr(t);
+function Cr({ ownerDocument: e }, t) {
+  let n = Lr(t);
   z(() => {
     J(() => {
       var l, r;
       t.value || ((l = e.value) == null ? void 0 : l.activeElement) === ((r = e.value) == null ? void 0 : r.body) && Le(n());
     }, { flush: "post" });
-  }), ue(() => {
+  }), ce(() => {
     t.value && Le(n());
   });
 }
-function Or({ ownerDocument: e, container: t, initialFocus: n }, l) {
-  let r = x(null), a = x(!1);
-  return z(() => a.value = !0), ue(() => a.value = !1), z(() => {
+function Pr({ ownerDocument: e, container: t, initialFocus: n }, l) {
+  let r = S(null), a = S(!1);
+  return z(() => a.value = !0), ce(() => a.value = !1), z(() => {
     me([t, n, l], (o, i) => {
       if (o.every((u, c) => (i == null ? void 0 : i[c]) === u) || !l.value) return;
-      let s = O(t);
+      let s = k(t);
       s && Nt(() => {
         var u, c;
         if (!a.value) return;
-        let f = O(n), d = (u = e.value) == null ? void 0 : u.activeElement;
+        let f = k(n), d = (u = e.value) == null ? void 0 : u.activeElement;
         if (f) {
           if (f === d) {
             r.value = d;
@@ -1228,34 +1249,34 @@ function Or({ ownerDocument: e, container: t, initialFocus: n }, l) {
           r.value = d;
           return;
         }
-        f ? Le(f) : Ge(s, we.First | we.NoScroll) === kn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (c = e.value) == null ? void 0 : c.activeElement;
+        f ? Le(f) : Ze(s, we.First | we.NoScroll) === Ln.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (c = e.value) == null ? void 0 : c.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), r;
 }
-function Lr({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
+function Ar({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
   var a;
-  Nn((a = e.value) == null ? void 0 : a.defaultView, "focus", (o) => {
+  Vn((a = e.value) == null ? void 0 : a.defaultView, "focus", (o) => {
     if (!r.value) return;
-    let i = jn(n);
-    O(t) instanceof HTMLElement && i.add(O(t));
+    let i = Hn(n);
+    k(t) instanceof HTMLElement && i.add(k(t));
     let s = l.value;
     if (!s) return;
     let u = o.target;
-    u && u instanceof HTMLElement ? Hn(i, u) ? (l.value = u, Le(u)) : (o.preventDefault(), o.stopPropagation(), Le(s)) : Le(l.value);
+    u && u instanceof HTMLElement ? Un(i, u) ? (l.value = u, Le(u)) : (o.preventDefault(), o.stopPropagation(), Le(s)) : Le(l.value);
   }, !0);
 }
-function Hn(e, t) {
+function Un(e, t) {
   for (let n of e) if (n.contains(t)) return !0;
   return !1;
 }
-function Cr(e) {
+function Dr(e) {
   let t = Ye(e.getSnapshot());
-  return ue(e.subscribe(() => {
+  return ce(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function Pr(e, t) {
+function Rr(e, t) {
   let n = e(), l = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return n;
@@ -1266,7 +1287,7 @@ function Pr(e, t) {
     o && (n = o, l.forEach((i) => i()));
   } };
 }
-function Ar() {
+function Fr() {
   let e;
   return { before({ doc: t }) {
     var n;
@@ -1277,15 +1298,15 @@ function Ar() {
     n.style(l, "paddingRight", `${a}px`);
   } };
 }
-function Dr() {
-  return Pn() ? { before({ doc: e, d: t, meta: n }) {
+function Mr() {
+  return Dn() ? { before({ doc: e, d: t, meta: n }) {
     function l(r) {
       return n.containers.flatMap((a) => a()).some((a) => a.contains(r));
     }
     t.microTask(() => {
       var r;
       if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let i = _e();
+        let i = et();
         i.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => i.dispose()));
       }
       let a = (r = window.scrollY) != null ? r : window.pageYOffset, o = null;
@@ -1320,25 +1341,25 @@ function Dr() {
     });
   } } : {};
 }
-function Rr() {
+function Br() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function Fr(e) {
+function Ir(e) {
   let t = {};
   for (let n of e) Object.assign(t, n(t));
   return t;
 }
-let Fe = Pr(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+let Fe = Rr(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   var n;
-  let l = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: _e(), meta: /* @__PURE__ */ new Set() };
+  let l = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: et(), meta: /* @__PURE__ */ new Set() };
   return l.count++, l.meta.add(t), this.set(e, l), this;
 }, POP(e, t) {
   let n = this.get(e);
   return n && (n.count--, n.meta.delete(t)), this;
 }, SCROLL_PREVENT({ doc: e, d: t, meta: n }) {
-  let l = { doc: e, d: t, meta: Fr(n) }, r = [Dr(), Ar(), Rr()];
+  let l = { doc: e, d: t, meta: Ir(n) }, r = [Mr(), Fr(), Br()];
   r.forEach(({ before: a }) => a == null ? void 0 : a(l)), r.forEach(({ after: a }) => a == null ? void 0 : a(l));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
@@ -1353,8 +1374,8 @@ Fe.subscribe(() => {
     (r && !l || !r && l) && Fe.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && Fe.dispatch("TEARDOWN", n);
   }
 });
-function Mr(e, t, n) {
-  let l = Cr(Fe), r = w(() => {
+function Nr(e, t, n) {
+  let l = Dr(Fe), r = w(() => {
     let a = e.value ? l.value.get(e.value) : void 0;
     return a ? a.count > 0 : !1;
   });
@@ -1368,11 +1389,11 @@ function Mr(e, t, n) {
   }, { immediate: !0 }), r;
 }
 let St = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new Map();
-function an(e, t = x(!0)) {
+function an(e, t = S(!0)) {
   J((n) => {
     var l;
     if (!t.value) return;
-    let r = O(e);
+    let r = k(e);
     if (!r) return;
     n(function() {
       var o;
@@ -1386,39 +1407,39 @@ function an(e, t = x(!0)) {
     qe.set(r, a + 1), a === 0 && (St.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), r.setAttribute("aria-hidden", "true"), r.inert = !0);
   });
 }
-function Br({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
-  let l = x(null), r = Ae(l);
+function jr({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
+  let l = S(null), r = Ae(l);
   function a() {
     var o, i, s;
     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 (t != null && t.value) for (let c of t.value) u.push(c);
-    for (let c of (o = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? o : []) c !== document.body && c !== document.head && c instanceof HTMLElement && c.id !== "headlessui-portal-root" && (c.contains(O(l)) || c.contains((s = (i = O(l)) == null ? void 0 : i.getRootNode()) == null ? void 0 : s.host) || u.some((f) => c.contains(f)) || u.push(c));
+    for (let c of (o = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? o : []) c !== document.body && c !== document.head && c instanceof HTMLElement && c.id !== "headlessui-portal-root" && (c.contains(k(l)) || c.contains((s = (i = k(l)) == null ? void 0 : i.getRootNode()) == null ? void 0 : s.host) || u.some((f) => c.contains(f)) || u.push(c));
     return u;
   }
   return { resolveContainers: a, contains(o) {
     return a().some((i) => i.contains(o));
   }, mainTreeNodeRef: l, MainTreeNode() {
-    return n != null ? null : K(ct, { features: Xe.Hidden, ref: l });
+    return n != null ? null : K(ct, { features: Qe.Hidden, ref: l });
   } };
 }
-let Wn = Symbol("ForcePortalRootContext");
-function Ir() {
-  return _(Wn, !1);
+let zn = Symbol("ForcePortalRootContext");
+function Vr() {
+  return _(zn, !1);
 }
-let Ot = W({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
-  return se(Wn, e.force), () => {
+let kt = W({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
+  return ue(zn, e.force), () => {
     let { force: l, ...r } = e;
     return q({ theirProps: r, ourProps: {}, slot: {}, slots: t, attrs: n, name: "ForcePortalRoot" });
   };
-} }), Un = Symbol("StackContext");
+} }), qn = Symbol("StackContext");
 var Lt = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Lt || {});
-function Nr() {
-  return _(Un, () => {
+function Hr() {
+  return _(qn, () => {
   });
 }
-function jr({ type: e, enabled: t, element: n, onUpdate: l }) {
-  let r = Nr();
+function Wr({ type: e, enabled: t, element: n, onUpdate: l }) {
+  let r = Hr();
   function a(...o) {
     l == null || l(...o), r(...o);
   }
@@ -1426,35 +1447,35 @@ function jr({ type: e, enabled: t, element: n, onUpdate: l }) {
     me(t, (o, i) => {
       o ? a(0, e, n) : i === !0 && a(1, e, n);
     }, { immediate: !0, flush: "sync" });
-  }), ue(() => {
+  }), ce(() => {
     t.value && a(1, e, n);
-  }), se(Un, a);
+  }), ue(qn, a);
 }
-let zn = Symbol("DescriptionContext");
-function Vr() {
-  let e = _(zn, null);
+let Kn = Symbol("DescriptionContext");
+function Ur() {
+  let e = _(Kn, null);
   if (e === null) throw new Error("Missing parent");
   return e;
 }
-function qn({ slot: e = x({}), name: t = "Description", props: n = {} } = {}) {
-  let l = x([]);
+function Yn({ slot: e = S({}), name: t = "Description", props: n = {} } = {}) {
+  let l = S([]);
   function r(a) {
     return l.value.push(a), () => {
       let o = l.value.indexOf(a);
       o !== -1 && l.value.splice(o, 1);
     };
   }
-  return se(zn, { register: r, slot: e, name: t, props: n }), w(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+  return ue(Kn, { register: r, slot: e, name: t, props: n }), w(() => l.value.length > 0 ? l.value.join(" ") : void 0);
 }
 W({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var l;
-  let r = (l = e.id) != null ? l : `headlessui-description-${ve()}`, a = Vr();
-  return z(() => ue(a.register(r))), () => {
-    let { name: o = "Description", slot: i = x({}), props: s = {} } = a, { ...u } = e, c = { ...Object.entries(s).reduce((f, [d, v]) => Object.assign(f, { [d]: S(v) }), {}), id: r };
+  let r = (l = e.id) != null ? l : `headlessui-description-${ve()}`, a = Ur();
+  return z(() => ce(a.register(r))), () => {
+    let { name: o = "Description", slot: i = S({}), props: s = {} } = a, { ...u } = e, c = { ...Object.entries(s).reduce((f, [d, v]) => Object.assign(f, { [d]: x(v) }), {}), id: r };
     return q({ ourProps: c, theirProps: u, slot: i.value, attrs: t, slots: n, name: o });
   };
 } });
-function Hr(e) {
+function zr(e) {
   let t = Ae(e);
   if (!t) {
     if (e === null) return null;
@@ -1466,40 +1487,40 @@ function Hr(e) {
   return l.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(l);
 }
 const Ct = /* @__PURE__ */ new WeakMap();
-function Wr(e) {
+function qr(e) {
   var t;
   return (t = Ct.get(e)) != null ? t : 0;
 }
 function sn(e, t) {
-  let n = t(Wr(e));
+  let n = t(qr(e));
   return n <= 0 ? Ct.delete(e) : Ct.set(e, n), n;
 }
-let Kn = W({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
-  let l = x(null), r = w(() => Ae(l)), a = Ir(), o = _(Yn, null), i = x(a === !0 || o == null ? Hr(l.value) : o.resolveTarget());
+let Zn = W({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+  let l = S(null), r = w(() => Ae(l)), a = Vr(), o = _(Gn, null), i = S(a === !0 || o == null ? zr(l.value) : o.resolveTarget());
   i.value && sn(i.value, (d) => d + 1);
-  let s = x(!1);
+  let s = S(!1);
   z(() => {
     s.value = !0;
   }), J(() => {
     a || o != null && (i.value = o.resolveTarget());
   });
-  let u = _(Pt, null), c = !1, f = wn();
+  let u = _(Pt, null), c = !1, f = xn();
   return me(l, () => {
     if (c || !u) return;
-    let d = O(l);
-    d && (ue(u.register(d), f), c = !0);
-  }), ue(() => {
+    let d = k(l);
+    d && (ce(u.register(d), f), c = !0);
+  }), ce(() => {
     var d, v;
     let p = (d = r.value) == null ? void 0 : d.getElementById("headlessui-portal-root");
     !p || i.value !== p || sn(i.value, (m) => m - 1) || i.value.children.length > 0 || (v = i.value.parentElement) == null || v.removeChild(i.value);
   }), () => {
     if (!s.value || i.value === null) return null;
     let d = { ref: l, "data-headlessui-portal": "" };
-    return K(gl, { to: i.value }, q({ ourProps: d, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
+    return K(yl, { to: i.value }, q({ ourProps: d, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
   };
 } }), Pt = Symbol("PortalParentContext");
-function Ur() {
-  let e = _(Pt, null), t = x([]);
+function Kr() {
+  let e = _(Pt, null), t = S([]);
   function n(a) {
     return t.value.push(a), e && e.register(a), () => l(a);
   }
@@ -1509,92 +1530,92 @@ function Ur() {
   }
   let r = { register: n, unregister: l, portals: t };
   return [t, W({ name: "PortalWrapper", setup(a, { slots: o }) {
-    return se(Pt, r), () => {
+    return ue(Pt, r), () => {
       var i;
       return (i = o.default) == null ? void 0 : i.call(o);
     };
   } })];
 }
-let Yn = Symbol("PortalGroupContext"), zr = W({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
-  let l = hl({ resolveTarget() {
+let Gn = Symbol("PortalGroupContext"), Yr = W({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
+  let l = bl({ resolveTarget() {
     return e.target;
   } });
-  return se(Yn, l), () => {
+  return ue(Gn, l), () => {
     let { target: r, ...a } = e;
     return q({ theirProps: a, ourProps: {}, slot: {}, attrs: t, slots: n, name: "PortalGroup" });
   };
 } });
-var qr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(qr || {});
+var Zr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Zr || {});
 let At = Symbol("DialogContext");
-function tt(e) {
+function nt(e) {
   let t = _(At, null);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, tt), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, nt), n;
   }
   return t;
 }
-let at = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Gn = W({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: at }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
+let it = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Xn = W({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: it }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
   var a, o;
-  let i = (a = e.id) != null ? a : `headlessui-dialog-${ve()}`, s = x(!1);
+  let i = (a = e.id) != null ? a : `headlessui-dialog-${ve()}`, s = S(!1);
   z(() => {
     s.value = !0;
   });
-  let u = !1, c = w(() => 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")), f = x(0), d = pt(), v = w(() => e.open === at && d !== null ? (d.value & G.Open) === G.Open : e.open), p = x(null), m = w(() => Ae(p));
-  if (r({ el: p, $el: p }), !(e.open !== at || d !== 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 === at ? void 0 : e.open}`);
-  let g = w(() => s.value && v.value ? 0 : 1), h = w(() => g.value === 0), y = w(() => f.value > 1), T = _(At, null) !== null, [A, C] = Ur(), { resolveContainers: M, mainTreeNodeRef: L, MainTreeNode: I } = Br({ portals: A, defaultContainers: [w(() => {
+  let u = !1, c = w(() => 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")), f = S(0), d = pt(), v = w(() => e.open === it && d !== null ? (d.value & Z.Open) === Z.Open : e.open), p = S(null), m = w(() => Ae(p));
+  if (r({ el: p, $el: p }), !(e.open !== it || d !== 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 === it ? void 0 : e.open}`);
+  let g = w(() => s.value && v.value ? 0 : 1), h = w(() => g.value === 0), y = w(() => f.value > 1), T = _(At, null) !== null, [A, C] = Kr(), { resolveContainers: B, mainTreeNodeRef: L, MainTreeNode: N } = jr({ portals: A, defaultContainers: [w(() => {
     var R;
     return (R = be.panelRef.value) != null ? R : p.value;
-  })] }), X = w(() => y.value ? "parent" : "leaf"), j = w(() => d !== null ? (d.value & G.Closing) === G.Closing : !1), Q = w(() => T || j.value ? !1 : h.value), ee = w(() => {
-    var R, V, ce;
-    return (ce = Array.from((V = (R = m.value) == null ? void 0 : R.querySelectorAll("body > *")) != null ? V : []).find((de) => de.id === "headlessui-portal-root" ? !1 : de.contains(O(L)) && de instanceof HTMLElement)) != null ? ce : null;
+  })] }), X = w(() => y.value ? "parent" : "leaf"), V = w(() => d !== null ? (d.value & Z.Closing) === Z.Closing : !1), Q = w(() => T || V.value ? !1 : h.value), ee = w(() => {
+    var R, H, de;
+    return (de = Array.from((H = (R = m.value) == null ? void 0 : R.querySelectorAll("body > *")) != null ? H : []).find((fe) => fe.id === "headlessui-portal-root" ? !1 : fe.contains(k(L)) && fe instanceof HTMLElement)) != null ? de : null;
   });
   an(ee, Q);
   let Y = w(() => y.value ? !0 : h.value), te = w(() => {
-    var R, V, ce;
-    return (ce = Array.from((V = (R = m.value) == null ? void 0 : R.querySelectorAll("[data-headlessui-portal]")) != null ? V : []).find((de) => de.contains(O(L)) && de instanceof HTMLElement)) != null ? ce : null;
+    var R, H, de;
+    return (de = Array.from((H = (R = m.value) == null ? void 0 : R.querySelectorAll("[data-headlessui-portal]")) != null ? H : []).find((fe) => fe.contains(k(L)) && fe instanceof HTMLElement)) != null ? de : null;
   });
-  an(te, Y), jr({ type: "Dialog", enabled: w(() => g.value === 0), element: p, onUpdate: (R, V) => {
-    if (V === "Dialog") return ge(R, { [Lt.Add]: () => f.value += 1, [Lt.Remove]: () => f.value -= 1 });
+  an(te, Y), Wr({ type: "Dialog", enabled: w(() => g.value === 0), element: p, onUpdate: (R, H) => {
+    if (H === "Dialog") return ge(R, { [Lt.Add]: () => f.value += 1, [Lt.Remove]: () => f.value -= 1 });
   } });
-  let ne = qn({ name: "DialogDescription", slot: w(() => ({ open: v.value })) }), le = x(null), be = { titleId: le, panelRef: x(null), dialogState: g, setTitleId(R) {
+  let ne = Yn({ name: "DialogDescription", slot: w(() => ({ open: v.value })) }), le = S(null), be = { titleId: le, panelRef: S(null), dialogState: g, setTitleId(R) {
     le.value !== R && (le.value = R);
   }, close() {
     t("close", !1);
   } };
-  se(At, be);
+  ue(At, be);
   let Jt = w(() => !(!h.value || y.value));
-  Dn(M, (R, V) => {
-    R.preventDefault(), be.close(), Oe(() => V == null ? void 0 : V.focus());
+  Fn(B, (R, H) => {
+    R.preventDefault(), be.close(), ke(() => H == null ? void 0 : H.focus());
   }, Jt);
   let _t = w(() => !(y.value || g.value !== 0));
-  Nn((o = m.value) == null ? void 0 : o.defaultView, "keydown", (R) => {
+  Vn((o = m.value) == null ? void 0 : o.defaultView, "keydown", (R) => {
     _t.value && (R.defaultPrevented || R.key === U.Escape && (R.preventDefault(), R.stopPropagation(), be.close()));
   });
-  let en = w(() => !(j.value || g.value !== 0 || T));
-  return Mr(m, en, (R) => {
-    var V;
-    return { containers: [...(V = R.containers) != null ? V : [], M] };
+  let en = w(() => !(V.value || g.value !== 0 || T));
+  return Nr(m, en, (R) => {
+    var H;
+    return { containers: [...(H = R.containers) != null ? H : [], B] };
   }), J((R) => {
     if (g.value !== 0) return;
-    let V = O(p);
-    if (!V) return;
-    let ce = new ResizeObserver((de) => {
-      for (let $t of de) {
-        let rt = $t.target.getBoundingClientRect();
-        rt.x === 0 && rt.y === 0 && rt.width === 0 && rt.height === 0 && be.close();
+    let H = k(p);
+    if (!H) return;
+    let de = new ResizeObserver((fe) => {
+      for (let $t of fe) {
+        let ot = $t.target.getBoundingClientRect();
+        ot.x === 0 && ot.y === 0 && ot.width === 0 && ot.height === 0 && be.close();
       }
     });
-    ce.observe(V), R(() => ce.disconnect());
+    de.observe(H), R(() => de.disconnect());
   }), () => {
-    let { open: R, initialFocus: V, ...ce } = e, de = { ...n, ref: p, id: i, role: c.value, "aria-modal": g.value === 0 ? !0 : void 0, "aria-labelledby": le.value, "aria-describedby": ne.value }, $t = { open: g.value === 0 };
-    return K(Ot, { force: !0 }, () => [K(Kn, () => K(zr, { target: p.value }, () => K(Ot, { force: !1 }, () => K(ze, { initialFocus: V, containers: M, features: h.value ? ge(X.value, { parent: ze.features.RestoreFocus, leaf: ze.features.All & ~ze.features.FocusLock }) : ze.features.None }, () => K(C, {}, () => q({ ourProps: de, theirProps: { ...ce, ...n }, slot: $t, attrs: n, slots: l, visible: g.value === 0, features: He.RenderStrategy | He.Static, name: "Dialog" })))))), K(I)]);
+    let { open: R, initialFocus: H, ...de } = e, fe = { ...n, ref: p, id: i, role: c.value, "aria-modal": g.value === 0 ? !0 : void 0, "aria-labelledby": le.value, "aria-describedby": ne.value }, $t = { open: g.value === 0 };
+    return K(kt, { force: !0 }, () => [K(Zn, () => K(Yr, { target: p.value }, () => K(kt, { force: !1 }, () => K(ze, { initialFocus: H, containers: B, features: h.value ? ge(X.value, { parent: ze.features.RestoreFocus, leaf: ze.features.All & ~ze.features.FocusLock }) : ze.features.None }, () => K(C, {}, () => q({ ourProps: fe, theirProps: { ...de, ...n }, slot: $t, attrs: n, slots: l, visible: g.value === 0, features: He.RenderStrategy | He.Static, name: "Dialog" })))))), K(N)]);
   };
 } });
 W({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var l;
-  let r = (l = e.id) != null ? l : `headlessui-dialog-overlay-${ve()}`, a = tt("DialogOverlay");
+  let r = (l = e.id) != null ? l : `headlessui-dialog-overlay-${ve()}`, a = nt("DialogOverlay");
   function o(i) {
     i.target === i.currentTarget && (i.preventDefault(), i.stopPropagation(), a.close());
   }
@@ -1605,17 +1626,17 @@ W({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
 } });
 W({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
   var r;
-  let a = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${ve()}`, o = tt("DialogBackdrop"), i = x(null);
+  let a = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${ve()}`, o = nt("DialogBackdrop"), i = S(null);
   return l({ el: i, $el: i }), z(() => {
     if (o.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...s } = e, u = { id: a, ref: i, "aria-hidden": !0 };
-    return K(Ot, { force: !0 }, () => K(Kn, () => q({ ourProps: u, theirProps: { ...t, ...s }, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
+    return K(kt, { force: !0 }, () => K(Zn, () => q({ ourProps: u, theirProps: { ...t, ...s }, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let Zn = W({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
+let Qn = W({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
   var r;
-  let a = (r = e.id) != null ? r : `headlessui-dialog-panel-${ve()}`, o = tt("DialogPanel");
+  let a = (r = e.id) != null ? r : `headlessui-dialog-panel-${ve()}`, o = nt("DialogPanel");
   l({ el: o.panelRef, $el: o.panelRef });
   function i(s) {
     s.stopPropagation();
@@ -1624,11 +1645,11 @@ let Zn = W({ name: "DialogPanel", props: { as: { type: [Object, String], default
     let { ...s } = e, u = { id: a, ref: o.panelRef, onClick: i };
     return q({ ourProps: u, theirProps: s, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
   };
-} }), Xn = W({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+} }), Jn = W({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var l;
-  let r = (l = e.id) != null ? l : `headlessui-dialog-title-${ve()}`, a = tt("DialogTitle");
+  let r = (l = e.id) != null ? l : `headlessui-dialog-title-${ve()}`, a = nt("DialogTitle");
   return z(() => {
-    a.setTitleId(r), ue(() => a.setTitleId(null));
+    a.setTitleId(r), ce(() => a.setTitleId(null));
   }), () => {
     let { ...o } = e;
     return q({ ourProps: { id: r }, theirProps: o, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
@@ -1643,7 +1664,7 @@ function cn(e) {
   let o = a ? (n = r.innerText) != null ? n : "" : l;
   return un.test(o) && (o = o.replace(un, "")), o;
 }
-function Kr(e) {
+function Gr(e) {
   let t = e.getAttribute("aria-label");
   if (typeof t == "string") return t.trim();
   let n = e.getAttribute("aria-labelledby");
@@ -1660,40 +1681,40 @@ function Kr(e) {
   }
   return cn(e).trim();
 }
-function Yr(e) {
-  let t = x(""), n = x("");
+function Xr(e) {
+  let t = S(""), n = S("");
   return () => {
-    let l = O(e);
+    let l = k(e);
     if (!l) return "";
     let r = l.innerText;
     if (t.value === r) return n.value;
-    let a = Kr(l).trim().toLowerCase();
+    let a = Gr(l).trim().toLowerCase();
     return t.value = r, n.value = a, a;
   };
 }
-var Gr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Gr || {}), Zr = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Zr || {});
-function Xr(e) {
+var Qr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Qr || {}), Jr = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Jr || {});
+function _r(e) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
-let Qn = Symbol("MenuContext");
+let _n = Symbol("MenuContext");
 function mt(e) {
-  let t = _(Qn, null);
+  let t = _(_n, null);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Menu /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(n, mt), n;
   }
   return t;
 }
-let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
-  let l = x(1), r = x(null), a = x(null), o = x([]), i = x(""), s = x(null), u = x(1);
+let eo = W({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
+  let l = S(1), r = S(null), a = S(null), o = S([]), i = S(""), s = S(null), u = S(1);
   function c(d = (v) => v) {
-    let v = s.value !== null ? o.value[s.value] : null, p = Cn(d(o.value.slice()), (g) => O(g.dataRef.domRef)), m = v ? p.indexOf(v) : null;
+    let v = s.value !== null ? o.value[s.value] : null, p = An(d(o.value.slice()), (g) => k(g.dataRef.domRef)), m = v ? p.indexOf(v) : null;
     return m === -1 && (m = null), { items: p, activeItemIndex: m };
   }
   let f = { menuState: l, buttonRef: r, itemsRef: a, items: o, searchQuery: i, activeItemIndex: s, activationTrigger: u, closeMenu: () => {
     l.value = 1, s.value = null;
   }, openMenu: () => l.value = 0, goToItem(d, v, p) {
-    let m = c(), g = xr(d === oe.Specific ? { focus: oe.Specific, id: v } : { focus: d }, { resolveItems: () => m.items, resolveActiveIndex: () => m.activeItemIndex, resolveId: (h) => h.id, resolveDisabled: (h) => h.dataRef.disabled });
+    let m = c(), g = Tr(d === oe.Specific ? { focus: oe.Specific, id: v } : { focus: d }, { resolveItems: () => m.items, resolveActiveIndex: () => m.activeItemIndex, resolveId: (h) => h.id, resolveDisabled: (h) => h.dataRef.disabled });
     i.value = "", s.value = g, u.value = p ?? 1, o.value = m.items;
   }, search(d) {
     let v = i.value !== "" ? 0 : 1;
@@ -1712,14 +1733,14 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     });
     o.value = v.items, s.value = v.activeItemIndex, u.value = 1;
   } };
-  return Dn([r, a], (d, v) => {
+  return Fn([r, a], (d, v) => {
     var p;
-    f.closeMenu(), Vt(v, jt.Loose) || (d.preventDefault(), (p = O(r)) == null || p.focus());
-  }, w(() => l.value === 0)), se(Qn, f), In(w(() => ge(l.value, { 0: G.Open, 1: G.Closed }))), () => {
+    f.closeMenu(), Vt(v, jt.Loose) || (d.preventDefault(), (p = k(r)) == null || p.focus());
+  }, w(() => l.value === 0)), ue(_n, f), jn(w(() => ge(l.value, { 0: Z.Open, 1: Z.Closed }))), () => {
     let d = { open: l.value === 0, close: f.closeMenu };
     return q({ ourProps: {}, theirProps: e, slot: d, slots: t, attrs: n, name: "Menu" });
   };
-} }), Jr = W({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
+} }), dn = W({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
   var r;
   let a = (r = e.id) != null ? r : `headlessui-menu-button-${ve()}`, o = mt("MenuButton");
   l({ el: o.buttonRef, $el: o.buttonRef });
@@ -1728,15 +1749,15 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case U.Space:
       case U.Enter:
       case U.ArrowDown:
-        f.preventDefault(), f.stopPropagation(), o.openMenu(), Oe(() => {
+        f.preventDefault(), f.stopPropagation(), o.openMenu(), ke(() => {
           var d;
-          (d = O(o.itemsRef)) == null || d.focus({ preventScroll: !0 }), o.goToItem(oe.First);
+          (d = k(o.itemsRef)) == null || d.focus({ preventScroll: !0 }), o.goToItem(oe.First);
         });
         break;
       case U.ArrowUp:
-        f.preventDefault(), f.stopPropagation(), o.openMenu(), Oe(() => {
+        f.preventDefault(), f.stopPropagation(), o.openMenu(), ke(() => {
           var d;
-          (d = O(o.itemsRef)) == null || d.focus({ preventScroll: !0 }), o.goToItem(oe.Last);
+          (d = k(o.itemsRef)) == null || d.focus({ preventScroll: !0 }), o.goToItem(oe.Last);
         });
         break;
     }
@@ -1749,24 +1770,24 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     }
   }
   function u(f) {
-    e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), Oe(() => {
+    e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), ke(() => {
       var d;
-      return (d = O(o.buttonRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
-    })) : (f.preventDefault(), o.openMenu(), Xr(() => {
+      return (d = k(o.buttonRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
+    })) : (f.preventDefault(), o.openMenu(), _r(() => {
       var d;
-      return (d = O(o.itemsRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
+      return (d = k(o.itemsRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
     })));
   }
-  let c = Rn(w(() => ({ as: e.as, type: t.type })), o.buttonRef);
+  let c = Mn(w(() => ({ as: e.as, type: t.type })), o.buttonRef);
   return () => {
     var f;
-    let d = { open: o.menuState.value === 0 }, { ...v } = e, p = { ref: o.buttonRef, id: a, type: c.value, "aria-haspopup": "menu", "aria-controls": (f = O(o.itemsRef)) == null ? void 0 : f.id, "aria-expanded": o.menuState.value === 0, onKeydown: i, onKeyup: s, onClick: u };
+    let d = { open: o.menuState.value === 0 }, { ...v } = e, p = { ref: o.buttonRef, id: a, type: c.value, "aria-haspopup": "menu", "aria-controls": (f = k(o.itemsRef)) == null ? void 0 : f.id, "aria-expanded": o.menuState.value === 0, onKeydown: i, onKeyup: s, onClick: u };
     return q({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: n, name: "MenuButton" });
   };
-} }), _r = W({ 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: t, slots: n, expose: l }) {
+} }), to = W({ 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: t, slots: n, expose: l }) {
   var r;
-  let a = (r = e.id) != null ? r : `headlessui-menu-items-${ve()}`, o = mt("MenuItems"), i = x(null);
-  l({ el: o.itemsRef, $el: o.itemsRef }), gr({ container: w(() => O(o.itemsRef)), enabled: w(() => o.menuState.value === 0), accept(d) {
+  let a = (r = e.id) != null ? r : `headlessui-menu-items-${ve()}`, o = mt("MenuItems"), i = S(null);
+  l({ el: o.itemsRef, $el: o.itemsRef }), br({ container: w(() => k(o.itemsRef)), enabled: w(() => o.menuState.value === 0), accept(d) {
     return d.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : d.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(d) {
     d.setAttribute("role", "none");
@@ -1779,9 +1800,9 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case U.Enter:
         if (d.preventDefault(), d.stopPropagation(), o.activeItemIndex.value !== null) {
           let p = o.items.value[o.activeItemIndex.value];
-          (v = O(p.dataRef.domRef)) == null || v.click();
+          (v = k(p.dataRef.domRef)) == null || v.click();
         }
-        o.closeMenu(), Ln(O(o.buttonRef));
+        o.closeMenu(), Pn(k(o.buttonRef));
         break;
       case U.ArrowDown:
         return d.preventDefault(), d.stopPropagation(), o.goToItem(oe.Next);
@@ -1794,13 +1815,13 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case U.PageDown:
         return d.preventDefault(), d.stopPropagation(), o.goToItem(oe.Last);
       case U.Escape:
-        d.preventDefault(), d.stopPropagation(), o.closeMenu(), Oe(() => {
+        d.preventDefault(), d.stopPropagation(), o.closeMenu(), ke(() => {
           var p;
-          return (p = O(o.buttonRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
+          return (p = k(o.buttonRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
         });
         break;
       case U.Tab:
-        d.preventDefault(), d.stopPropagation(), o.closeMenu(), Oe(() => fr(O(o.buttonRef), d.shiftKey ? we.Previous : we.Next));
+        d.preventDefault(), d.stopPropagation(), o.closeMenu(), ke(() => mr(k(o.buttonRef), d.shiftKey ? we.Previous : we.Next));
         break;
       default:
         d.key.length === 1 && (o.search(d.key), i.value = setTimeout(() => o.clearSearch(), 350));
@@ -1814,34 +1835,34 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
         break;
     }
   }
-  let c = pt(), f = w(() => c !== null ? (c.value & G.Open) === G.Open : o.menuState.value === 0);
+  let c = pt(), f = w(() => c !== null ? (c.value & Z.Open) === Z.Open : o.menuState.value === 0);
   return () => {
     var d, v;
-    let p = { open: o.menuState.value === 0 }, { ...m } = e, g = { "aria-activedescendant": o.activeItemIndex.value === null || (d = o.items.value[o.activeItemIndex.value]) == null ? void 0 : d.id, "aria-labelledby": (v = O(o.buttonRef)) == null ? void 0 : v.id, id: a, onKeydown: s, onKeyup: u, role: "menu", tabIndex: 0, ref: o.itemsRef };
+    let p = { open: o.menuState.value === 0 }, { ...m } = e, g = { "aria-activedescendant": o.activeItemIndex.value === null || (d = o.items.value[o.activeItemIndex.value]) == null ? void 0 : d.id, "aria-labelledby": (v = k(o.buttonRef)) == null ? void 0 : v.id, id: a, onKeydown: s, onKeyup: u, role: "menu", tabIndex: 0, ref: o.itemsRef };
     return q({ ourProps: g, theirProps: m, slot: p, attrs: t, slots: n, features: He.RenderStrategy | He.Static, visible: f.value, name: "MenuItems" });
   };
-} }), eo = W({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n, expose: l }) {
+} }), fn = W({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n, expose: l }) {
   var r;
-  let a = (r = e.id) != null ? r : `headlessui-menu-item-${ve()}`, o = mt("MenuItem"), i = x(null);
+  let a = (r = e.id) != null ? r : `headlessui-menu-item-${ve()}`, o = mt("MenuItem"), i = S(null);
   l({ el: i, $el: i });
-  let s = w(() => o.activeItemIndex.value !== null ? o.items.value[o.activeItemIndex.value].id === a : !1), u = Yr(i), c = w(() => ({ disabled: e.disabled, get textValue() {
+  let s = w(() => o.activeItemIndex.value !== null ? o.items.value[o.activeItemIndex.value].id === a : !1), u = Xr(i), c = w(() => ({ disabled: e.disabled, get textValue() {
     return u();
   }, domRef: i }));
-  z(() => o.registerItem(a, c)), ue(() => o.unregisterItem(a)), J(() => {
-    o.menuState.value === 0 && s.value && o.activationTrigger.value !== 0 && Oe(() => {
+  z(() => o.registerItem(a, c)), ce(() => o.unregisterItem(a)), J(() => {
+    o.menuState.value === 0 && s.value && o.activationTrigger.value !== 0 && ke(() => {
       var h, y;
-      return (y = (h = O(i)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : y.call(h, { block: "nearest" });
+      return (y = (h = k(i)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : y.call(h, { block: "nearest" });
     });
   });
   function f(h) {
     if (e.disabled) return h.preventDefault();
-    o.closeMenu(), Ln(O(o.buttonRef));
+    o.closeMenu(), Pn(k(o.buttonRef));
   }
   function d() {
     if (e.disabled) return o.goToItem(oe.Nothing);
     o.goToItem(oe.Specific, a);
   }
-  let v = mr();
+  let v = yr();
   function p(h) {
     v.update(h);
   }
@@ -1855,60 +1876,60 @@ let Qr = W({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let { disabled: h, ...y } = e, T = { active: s.value, disabled: h, close: o.closeMenu };
     return q({ ourProps: { id: a, ref: i, role: "menuitem", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, onClick: f, onFocus: d, onPointerenter: p, onMouseenter: p, onPointermove: m, onMousemove: m, onPointerleave: g, onMouseleave: g }, theirProps: { ...n, ...y }, slot: T, attrs: n, slots: t, name: "MenuItem" });
   };
-} }), Jn = Symbol("LabelContext");
-function _n() {
-  let e = _(Jn, null);
+} }), el = Symbol("LabelContext");
+function tl() {
+  let e = _(el, null);
   if (e === null) {
     let t = new Error("You used a <Label /> component, but it is not inside a parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(t, _n), t;
+    throw Error.captureStackTrace && Error.captureStackTrace(t, tl), t;
   }
   return e;
 }
-function to({ slot: e = {}, name: t = "Label", props: n = {} } = {}) {
-  let l = x([]);
+function no({ slot: e = {}, name: t = "Label", props: n = {} } = {}) {
+  let l = S([]);
   function r(a) {
     return l.value.push(a), () => {
       let o = l.value.indexOf(a);
       o !== -1 && l.value.splice(o, 1);
     };
   }
-  return se(Jn, { register: r, slot: e, name: t, props: n }), w(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+  return ue(el, { register: r, slot: e, name: t, props: n }), w(() => l.value.length > 0 ? l.value.join(" ") : void 0);
 }
-let no = W({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n }) {
+let lo = W({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n }) {
   var l;
-  let r = (l = e.id) != null ? l : `headlessui-label-${ve()}`, a = _n();
-  return z(() => ue(a.register(r))), () => {
-    let { name: o = "Label", slot: i = {}, props: s = {} } = a, { passive: u, ...c } = e, f = { ...Object.entries(s).reduce((d, [v, p]) => Object.assign(d, { [v]: S(p) }), {}), id: r };
+  let r = (l = e.id) != null ? l : `headlessui-label-${ve()}`, a = tl();
+  return z(() => ce(a.register(r))), () => {
+    let { name: o = "Label", slot: i = {}, props: s = {} } = a, { passive: u, ...c } = e, f = { ...Object.entries(s).reduce((d, [v, p]) => Object.assign(d, { [v]: x(p) }), {}), id: r };
     return u && (delete f.onClick, delete f.htmlFor, delete c.onClick), q({ ourProps: f, theirProps: c, slot: i, attrs: n, slots: t, name: o });
   };
-} }), el = Symbol("GroupContext"), lo = W({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
-  let l = x(null), r = to({ name: "SwitchLabel", props: { htmlFor: w(() => {
+} }), nl = Symbol("GroupContext"), ro = W({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
+  let l = S(null), r = no({ name: "SwitchLabel", props: { htmlFor: w(() => {
     var o;
     return (o = l.value) == null ? void 0 : o.id;
   }), onClick(o) {
     l.value && (o.currentTarget.tagName === "LABEL" && o.preventDefault(), l.value.click(), l.value.focus({ preventScroll: !0 }));
-  } } }), a = qn({ name: "SwitchDescription" });
-  return se(el, { switchRef: l, labelledby: r, describedby: a }), () => q({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: n, name: "SwitchGroup" });
-} }), ro = W({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: null }, disabled: { type: Boolean, default: !1 }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: !1, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
+  } } }), a = Yn({ name: "SwitchDescription" });
+  return ue(nl, { switchRef: l, labelledby: r, describedby: a }), () => q({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: n, name: "SwitchGroup" });
+} }), oo = W({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: null }, disabled: { type: Boolean, default: !1 }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: !1, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
   var a;
-  let o = (a = e.id) != null ? a : `headlessui-switch-${ve()}`, i = _(el, null), [s, u] = nr(w(() => e.modelValue), (y) => t("update:modelValue", y), w(() => e.defaultChecked));
+  let o = (a = e.id) != null ? a : `headlessui-switch-${ve()}`, i = _(nl, null), [s, u] = or(w(() => e.modelValue), (y) => t("update:modelValue", y), w(() => e.defaultChecked));
   function c() {
     u(!s.value);
   }
-  let f = x(null), d = i === null ? f : i.switchRef, v = Rn(w(() => ({ as: e.as, type: n.type })), d);
+  let f = S(null), d = i === null ? f : i.switchRef, v = Mn(w(() => ({ as: e.as, type: n.type })), d);
   r({ el: d, $el: d });
   function p(y) {
     y.preventDefault(), c();
   }
   function m(y) {
-    y.key === U.Space ? (y.preventDefault(), c()) : y.key === U.Enter && Sr(y.currentTarget);
+    y.key === U.Space ? (y.preventDefault(), c()) : y.key === U.Enter && Or(y.currentTarget);
   }
   function g(y) {
     y.preventDefault();
   }
   let h = w(() => {
     var y, T;
-    return (T = (y = O(d)) == null ? void 0 : y.closest) == null ? void 0 : T.call(y, "form");
+    return (T = (y = k(d)) == null ? void 0 : y.closest) == null ? void 0 : T.call(y, "form");
   });
   return z(() => {
     me([h], () => {
@@ -1922,11 +1943,11 @@ let no = W({ name: "Label", props: { as: { type: [Object, String], default: "lab
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: y, value: T, form: A, tabIndex: C, ...M } = e, L = { checked: s.value }, I = { id: o, ref: d, role: "switch", type: v.value, tabIndex: C === -1 ? 0 : C, "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: g };
-    return K(ae, [y != null && s.value != null ? K(ct, hr({ features: Xe.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: s.value, form: A, disabled: M.disabled, name: y, value: T })) : null, q({ ourProps: I, theirProps: { ...n, ...Ht(M, ["modelValue", "defaultChecked"]) }, slot: L, attrs: n, slots: l, name: "Switch" })]);
+    let { name: y, value: T, form: A, tabIndex: C, ...B } = e, L = { checked: s.value }, N = { id: o, ref: d, role: "switch", type: v.value, tabIndex: C === -1 ? 0 : C, "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: g };
+    return K(ae, [y != null && s.value != null ? K(ct, wr({ features: Qe.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: s.value, form: A, disabled: B.disabled, name: y, value: T })) : null, q({ ourProps: N, theirProps: { ...n, ...Ht(B, ["modelValue", "defaultChecked"]) }, slot: L, attrs: n, slots: l, name: "Switch" })]);
   };
-} }), oo = no;
-function ao(e) {
+} }), ao = lo;
+function io(e) {
   let t = { called: !1 };
   return (...n) => {
     if (!t.called) return t.called = !0, e(...n);
@@ -1935,12 +1956,12 @@ function ao(e) {
 function Et(e, ...t) {
   e && t.length > 0 && e.classList.add(...t);
 }
-function it(e, ...t) {
+function st(e, ...t) {
   e && t.length > 0 && e.classList.remove(...t);
 }
 var Dt = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(Dt || {});
-function io(e, t) {
-  let n = _e();
+function so(e, t) {
+  let n = et();
   if (!e) return n.dispose;
   let { transitionDuration: l, transitionDelay: r } = getComputedStyle(e), [a, o] = [l, r].map((i) => {
     let [s = 0] = i.split(",").filter(Boolean).map((u) => u.includes("ms") ? parseFloat(u) : parseFloat(u) * 1e3).sort((u, c) => c - u);
@@ -1948,27 +1969,27 @@ function io(e, t) {
   });
   return a !== 0 ? n.setTimeout(() => t("finished"), a + o) : t("finished"), n.add(() => t("cancelled")), n.dispose;
 }
-function dn(e, t, n, l, r, a) {
-  let o = _e(), i = a !== void 0 ? ao(a) : () => {
+function vn(e, t, n, l, r, a) {
+  let o = et(), i = a !== void 0 ? io(a) : () => {
   };
-  return it(e, ...r), Et(e, ...t, ...n), o.nextFrame(() => {
-    it(e, ...n), Et(e, ...l), o.add(io(e, (s) => (it(e, ...l, ...t), Et(e, ...r), i(s))));
-  }), o.add(() => it(e, ...t, ...n, ...l, ...r)), o.add(() => i("cancelled")), o.dispose;
+  return st(e, ...r), Et(e, ...t, ...n), o.nextFrame(() => {
+    st(e, ...n), Et(e, ...l), o.add(so(e, (s) => (st(e, ...l, ...t), Et(e, ...r), i(s))));
+  }), o.add(() => st(e, ...t, ...n, ...l, ...r)), o.add(() => i("cancelled")), o.dispose;
 }
 function De(e = "") {
   return e.split(/\s+/).filter((t) => t.length > 1);
 }
 let Wt = Symbol("TransitionContext");
-var so = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(so || {});
-function uo() {
+var uo = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(uo || {});
+function co() {
   return _(Wt, null) !== null;
 }
-function co() {
+function fo() {
   let e = _(Wt, null);
   if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-function fo() {
+function vo() {
   let e = _(Ut, null);
   if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
@@ -1977,48 +1998,48 @@ let Ut = Symbol("NestingContext");
 function gt(e) {
   return "children" in e ? gt(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
 }
-function tl(e) {
-  let t = x([]), n = x(!1);
-  z(() => n.value = !0), ue(() => n.value = !1);
-  function l(a, o = ke.Hidden) {
+function ll(e) {
+  let t = S([]), n = S(!1);
+  z(() => n.value = !0), ce(() => n.value = !1);
+  function l(a, o = Oe.Hidden) {
     let i = t.value.findIndex(({ id: s }) => s === a);
-    i !== -1 && (ge(o, { [ke.Unmount]() {
+    i !== -1 && (ge(o, { [Oe.Unmount]() {
       t.value.splice(i, 1);
-    }, [ke.Hidden]() {
+    }, [Oe.Hidden]() {
       t.value[i].state = "hidden";
     } }), !gt(t) && n.value && (e == null || e()));
   }
   function r(a) {
     let o = t.value.find(({ id: i }) => i === a);
-    return o ? o.state !== "visible" && (o.state = "visible") : t.value.push({ id: a, state: "visible" }), () => l(a, ke.Unmount);
+    return o ? o.state !== "visible" && (o.state = "visible") : t.value.push({ id: a, state: "visible" }), () => l(a, Oe.Unmount);
   }
   return { children: t, register: r, unregister: l };
 }
-let nl = He.RenderStrategy, Qe = W({ 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: t, attrs: n, slots: l, expose: r }) {
-  let a = x(0);
+let rl = He.RenderStrategy, Je = W({ 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: t, attrs: n, slots: l, expose: r }) {
+  let a = S(0);
   function o() {
-    a.value |= G.Opening, t("beforeEnter");
+    a.value |= Z.Opening, t("beforeEnter");
   }
   function i() {
-    a.value &= ~G.Opening, t("afterEnter");
+    a.value &= ~Z.Opening, t("afterEnter");
   }
   function s() {
-    a.value |= G.Closing, t("beforeLeave");
+    a.value |= Z.Closing, t("beforeLeave");
   }
   function u() {
-    a.value &= ~G.Closing, t("afterLeave");
+    a.value &= ~Z.Closing, t("afterLeave");
   }
-  if (!uo() && br()) return () => K(ht, { ...e, onBeforeEnter: o, onAfterEnter: i, onBeforeLeave: s, onAfterLeave: u }, l);
-  let c = x(null), f = w(() => e.unmount ? ke.Unmount : ke.Hidden);
+  if (!co() && xr()) return () => K(ht, { ...e, onBeforeEnter: o, onAfterEnter: i, onBeforeLeave: s, onAfterLeave: u }, l);
+  let c = S(null), f = w(() => e.unmount ? Oe.Unmount : Oe.Hidden);
   r({ el: c, $el: c });
-  let { show: d, appear: v } = co(), { register: p, unregister: m } = fo(), g = x(d.value ? "visible" : "hidden"), h = { value: !0 }, y = ve(), T = { value: !1 }, A = tl(() => {
+  let { show: d, appear: v } = fo(), { register: p, unregister: m } = vo(), g = S(d.value ? "visible" : "hidden"), h = { value: !0 }, y = ve(), T = { value: !1 }, A = ll(() => {
     !T.value && g.value !== "hidden" && (g.value = "hidden", m(y), u());
   });
   z(() => {
     let Y = p(y);
-    ue(Y);
+    ce(Y);
   }), J(() => {
-    if (f.value === ke.Hidden && y) {
+    if (f.value === Oe.Hidden && y) {
       if (d.value && g.value !== "visible") {
         g.value = "visible";
         return;
@@ -2026,20 +2047,20 @@ let nl = He.RenderStrategy, Qe = W({ props: { as: { type: [Object, String], defa
       ge(g.value, { hidden: () => m(y), visible: () => p(y) });
     }
   });
-  let C = De(e.enter), M = De(e.enterFrom), L = De(e.enterTo), I = De(e.entered), X = De(e.leave), j = De(e.leaveFrom), Q = De(e.leaveTo);
+  let C = De(e.enter), B = De(e.enterFrom), L = De(e.enterTo), N = De(e.entered), X = De(e.leave), V = De(e.leaveFrom), Q = De(e.leaveTo);
   z(() => {
     J(() => {
       if (g.value === "visible") {
-        let Y = O(c);
+        let Y = k(c);
         if (Y instanceof Comment && Y.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
   function ee(Y) {
-    let te = h.value && !v.value, ne = O(c);
-    !ne || !(ne instanceof HTMLElement) || te || (T.value = !0, d.value && o(), d.value || s(), Y(d.value ? dn(ne, C, M, L, I, (le) => {
+    let te = h.value && !v.value, ne = k(c);
+    !ne || !(ne instanceof HTMLElement) || te || (T.value = !0, d.value && o(), d.value || s(), Y(d.value ? vn(ne, C, B, L, N, (le) => {
       T.value = !1, le === Dt.Finished && i();
-    }) : dn(ne, X, j, Q, I, (le) => {
+    }) : vn(ne, X, V, Q, N, (le) => {
       T.value = !1, le === Dt.Finished && (gt(A) || (g.value = "hidden", m(y), u()));
     })));
   }
@@ -2047,29 +2068,29 @@ let nl = He.RenderStrategy, Qe = W({ props: { as: { type: [Object, String], defa
     me([d], (Y, te, ne) => {
       ee(ne), h.value = !1;
     }, { immediate: !0 });
-  }), se(Ut, A), In(w(() => ge(g.value, { visible: G.Open, hidden: G.Closed }) | a.value)), () => {
-    let { appear: Y, show: te, enter: ne, enterFrom: le, enterTo: be, entered: Jt, leave: _t, leaveFrom: en, leaveTo: R, ...V } = e, ce = { ref: c }, de = { ...V, ...v.value && d.value && et.isServer ? { class: N([n.class, V.class, ...C, ...M]) } : {} };
-    return q({ theirProps: de, ourProps: ce, slot: {}, slots: l, attrs: n, features: nl, visible: g.value === "visible", name: "TransitionChild" });
+  }), ue(Ut, A), jn(w(() => ge(g.value, { visible: Z.Open, hidden: Z.Closed }) | a.value)), () => {
+    let { appear: Y, show: te, enter: ne, enterFrom: le, enterTo: be, entered: Jt, leave: _t, leaveFrom: en, leaveTo: R, ...H } = e, de = { ref: c }, fe = { ...H, ...v.value && d.value && tt.isServer ? { class: I([n.class, H.class, ...C, ...B]) } : {} };
+    return q({ theirProps: fe, ourProps: de, slot: {}, slots: l, attrs: n, features: rl, visible: g.value === "visible", name: "TransitionChild" });
   };
-} }), vo = Qe, ht = W({ 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: t, attrs: n, slots: l }) {
-  let r = pt(), a = w(() => e.show === null && r !== null ? (r.value & G.Open) === G.Open : e.show);
+} }), po = Je, ht = W({ 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: t, attrs: n, slots: l }) {
+  let r = pt(), a = w(() => e.show === null && r !== null ? (r.value & Z.Open) === Z.Open : e.show);
   J(() => {
     if (![!0, !1].includes(a.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let o = x(a.value ? "visible" : "hidden"), i = tl(() => {
+  let o = S(a.value ? "visible" : "hidden"), i = ll(() => {
     o.value = "hidden";
-  }), s = x(!0), u = { show: a, appear: w(() => e.appear || !s.value) };
+  }), s = S(!0), u = { show: a, appear: w(() => e.appear || !s.value) };
   return z(() => {
     J(() => {
       s.value = !1, a.value ? o.value = "visible" : gt(i) || (o.value = "hidden");
     });
-  }), se(Ut, i), se(Wt, u), () => {
+  }), ue(Ut, i), ue(Wt, u), () => {
     let c = Ht(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), f = { unmount: e.unmount };
-    return q({ ourProps: { ...f, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [K(vo, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...f, ...c }, l.default)] }, attrs: {}, features: nl, visible: o.value === "visible", name: "Transition" });
+    return q({ ourProps: { ...f, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [K(po, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...f, ...c }, l.default)] }, attrs: {}, features: rl, visible: o.value === "visible", name: "Transition" });
   };
 } });
-function ll(e) {
-  const t = x(null), n = x(!1), l = w(() => e.as === "form"), r = w(() => `${e.id}-title`), a = w(() => `${e.id}-content`), o = w(() => {
+function ol(e) {
+  const t = S(null), n = S(!1), l = w(() => e.as === "form"), r = w(() => `${e.id}-title`), a = w(() => `${e.id}-content`), o = w(() => {
     var i;
     return (i = t.value) == null ? void 0 : i.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
   });
@@ -2082,13 +2103,13 @@ function ll(e) {
     initialFocusElement: o
   };
 }
-const po = {
+const mo = {
   class: "rvc-fixed rvc-inset-0 rvc-overflow-hidden",
   role: "presentation"
-}, mo = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, go = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, ho = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, yo = { class: "rvc-flex rvc-items-center rvc-justify-between" }, bo = {
+}, go = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, ho = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, yo = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, bo = { class: "rvc-flex rvc-items-center rvc-justify-between" }, wo = {
   key: 0,
   class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
-}, wo = ["id"], $o = { class: "rvc-flex rvc-shrink-0 rvc-drawer-footer" }, Ra = {
+}, $o = ["id"], xo = { class: "rvc-flex rvc-shrink-0 rvc-drawer-footer" }, Fa = {
   __name: "Drawer",
   props: {
     as: {
@@ -2137,22 +2158,22 @@ const po = {
       titleId: i,
       descriptionId: s,
       initialFocusElement: u
-    } = ll(l);
-    return (c, f) => (b(), B(S(ht), { as: "template" }, {
+    } = ol(l);
+    return (c, f) => (b(), M(x(ht), { as: "template" }, {
       default: P(() => [
-        D(S(Gn), {
+        D(x(Xn), {
           as: e.as,
           class: "rvc-drawer",
           static: "",
           "aria-modal": "true",
           role: "dialog",
-          "initial-focus": S(u),
-          "aria-labelledby": S(i),
+          "initial-focus": x(u),
+          "aria-labelledby": x(i),
           onClose: f[5] || (f[5] = (d) => c.$emit("drawer:close")),
-          onSubmit: f[6] || (f[6] = Sn((d) => n("drawer:save", d), ["prevent"]))
+          onSubmit: f[6] || (f[6] = Tn((d) => n("drawer:save", d), ["prevent"]))
         }, {
           default: P(() => [
-            D(S(Qe), {
+            D(x(Je), {
               as: "template",
               enter: "rvc-ease-in-out rvc-duration-500",
               "enter-from": "rvc-opacity-0",
@@ -2170,10 +2191,10 @@ const po = {
               ])),
               _: 1
             }),
-            $("div", po, [
-              $("div", mo, [
-                $("div", go, [
-                  D(S(Qe), {
+            $("div", mo, [
+              $("div", go, [
+                $("div", ho, [
+                  D(x(Je), {
                     as: "template",
                     enter: "rvc-transform rvc-transition rvc-ease-in-out rvc-duration-500 sm:rvc-duration-700",
                     "enter-from": "rvc-translate-x-full",
@@ -2185,23 +2206,23 @@ const po = {
                     onAfterLeave: f[4] || (f[4] = (d) => (a.value = !1, n("drawer:closed")))
                   }, {
                     default: P(() => [
-                      D(S(Zn), {
-                        class: N(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
+                      D(x(Qn), {
+                        class: I(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
                         "aria-busy": e.spinning,
-                        "aria-describedby": S(s)
+                        "aria-describedby": x(s)
                       }, {
                         default: P(() => [
-                          $("div", ho, [
+                          $("div", yo, [
                             $("header", {
-                              class: N([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "rvc-drawer-header"])
+                              class: I([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "rvc-drawer-header"])
                             }, [
-                              k(c.$slots, "header", {
+                              O(c.$slots, "header", {
                                 title: e.title,
                                 showClose: e.showClose
                               }, () => [
-                                $("div", yo, [
-                                  D(S(Xn), {
-                                    id: S(i),
+                                $("div", bo, [
+                                  D(x(Jn), {
+                                    id: x(i),
                                     class: "rvc-drawer-title"
                                   }, {
                                     default: P(() => [
@@ -2209,49 +2230,49 @@ const po = {
                                     ]),
                                     _: 1
                                   }, 8, ["id"]),
-                                  e.showClose ? (b(), E("div", bo, [
+                                  e.showClose ? (b(), E("div", wo, [
                                     $("button", {
                                       type: "button",
                                       class: "rvc-relative rvc-drawer-close",
                                       "aria-label": "Close panel",
                                       onClick: f[1] || (f[1] = (d) => n("drawer:close"))
                                     }, [
-                                      D(S(vt), {
+                                      D(x(vt), {
                                         class: "rvc-size-full",
                                         "aria-hidden": "true"
                                       })
                                     ])
-                                  ])) : H("", !0)
+                                  ])) : j("", !0)
                                 ])
                               ])
                             ], 2),
                             $("div", {
-                              class: N([e.scrolledDown ? "rvc-flex-col-reverse" : "rvc-flex-col", "rvc-flex rvc-min-h-0 rvc-flex-1 rvc-overflow-y-scroll"])
+                              class: I([e.scrolledDown ? "rvc-flex-col-reverse" : "rvc-flex-col", "rvc-flex rvc-min-h-0 rvc-flex-1 rvc-overflow-y-scroll"])
                             }, [
                               $("div", {
-                                id: S(s),
+                                id: x(s),
                                 ref_key: "contentRef",
                                 ref: r,
                                 class: "rvc-relative rvc-flex-1 rvc-drawer-content"
                               }, [
-                                k(c.$slots, "default", { ready: S(a) })
-                              ], 8, wo)
+                                O(c.$slots, "default", { ready: x(a) })
+                              ], 8, $o)
                             ], 2),
-                            $("footer", $o, [
-                              k(c.$slots, "footer", { loading: e.spinning }, () => [
-                                D(ut, {
+                            $("footer", xo, [
+                              O(c.$slots, "footer", { loading: e.spinning }, () => [
+                                D(Xe, {
                                   type: "button",
                                   label: e.cancelLabel,
                                   color: "light",
                                   onClick: f[2] || (f[2] = (d) => n("drawer:close"))
                                 }, null, 8, ["label"]),
-                                S(o) ? (b(), B(ut, {
+                                x(o) ? (b(), M(Xe, {
                                   key: 0,
                                   type: "submit",
                                   label: e.submitLabel,
                                   spinning: e.spinning,
                                   disabled: e.spinning
-                                }, null, 8, ["label", "spinning", "disabled"])) : H("", !0)
+                                }, null, 8, ["label", "spinning", "disabled"])) : j("", !0)
                               ])
                             ])
                           ])
@@ -2271,7 +2292,9 @@ const po = {
       _: 3
     }));
   }
-}, Fa = {
+}, Ma = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
   __name: "Dropdown",
   props: {
     items: {
@@ -2279,9 +2302,17 @@ const po = {
       required: !0,
       default: () => []
     },
-    leftAlign: {
+    alignLeft: {
       type: Boolean,
       default: !1
+    },
+    label: {
+      type: String,
+      default: "Options"
+    },
+    rootClass: {
+      type: String,
+      default: ""
     }
   },
   emits: ["dropdown:click"],
@@ -2297,18 +2328,24 @@ const po = {
       } = r;
       return c;
     };
-    return (r, a) => (b(), B(S(Qr), {
+    return (r, a) => (b(), M(x(eo), {
       as: "div",
-      class: "rvc-relative rvc-inline-block"
+      class: I(["rvc-relative rvc-inline-block rvc-w-fit", e.rootClass])
     }, {
       default: P(() => [
-        D(S(Jr), null, {
-          default: P(() => [
-            k(r.$slots, "default")
-          ]),
-          _: 3
-        }),
-        D(yl, {
+        O(r.$slots, "button", {
+          label: e.label,
+          button: x(dn)
+        }, () => [
+          D(x(dn), G({
+            as: Xe,
+            label: e.label,
+            color: "light",
+            icon: x(jl),
+            "icon-left": e.alignLeft
+          }, r.$attrs), null, 16, ["label", "icon", "icon-left"])
+        ]),
+        D(wl, {
           "enter-active-class": "rvc-transition rvc-duration-100 rvc-ease-out",
           "enter-from-class": "rvc-transform rvc-scale-95 rvc-opacity-0",
           "enter-to-class": "rvc-transform rvc-scale-100 rvc-opacity-100",
@@ -2317,29 +2354,32 @@ const po = {
           "leave-to-class": "rvc-transform rvc-scale-95 rvc-opacity-0"
         }, {
           default: P(() => [
-            D(S(_r), {
-              class: N(["rvc-dropdown", e.leftAlign ? "rvc-left-0" : "rvc-right-0"])
+            D(x(to), {
+              class: I(["rvc-dropdown", e.alignLeft ? "rvc-left-0" : "rvc-right-0"])
             }, {
               default: P(() => [
-                k(r.$slots, "items", { items: e.items }, () => [
-                  (b(!0), E(ae, null, Te(e.items, (o, i) => (b(), B(S(eo), {
+                O(r.$slots, "items", {
+                  items: e.items,
+                  menuItem: x(fn)
+                }, () => [
+                  (b(!0), E(ae, null, Te(e.items, (o, i) => (b(), M(x(fn), {
                     key: `${i}-dropdown-item`,
                     as: "template"
                   }, {
                     default: P(() => [
-                      k(r.$slots, "item", { item: o }, () => [
-                        (b(), B(fe(o.as ? o.as : "button"), Z({
+                      O(r.$slots, "item", { item: o }, () => [
+                        (b(), M(se(o.as ? o.as : "button"), G({
                           class: "rvc-dropdown-item",
                           ref_for: !0
                         }, l(o), {
                           as: o.bindAs ? o.bindAs : void 0,
-                          onClick: (s) => (n("dropdown:click", o), o.event())
+                          onClick: (s) => (n("dropdown:click", o), o.event ? o.event() : null)
                         }), {
                           default: P(() => [
-                            o.icon ? (b(), B(fe(o.icon), {
+                            o.icon ? (b(), M(se(o.icon), {
                               key: 0,
                               class: "rvc-dropdown-item-icon"
-                            })) : H("", !0),
+                            })) : j("", !0),
                             pe(" " + F(o.name), 1)
                           ]),
                           _: 2
@@ -2357,12 +2397,12 @@ const po = {
         })
       ]),
       _: 3
-    }));
+    }, 8, ["class"]));
   }
-}, xo = {
+}), So = {
   key: 1,
   class: "rvc-empty-state-title"
-}, Ma = {
+}, Ba = {
   __name: "EmptyState",
   props: {
     title: {
@@ -2381,17 +2421,17 @@ const po = {
   },
   setup(e) {
     return (t, n) => (b(), E("div", {
-      class: N(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
+      class: I(["rvc-empty-state", { "rvc-empty-state-bg": e.background }])
     }, [
-      e.icon ? (b(), B(fe(e.icon), {
+      e.icon ? (b(), M(se(e.icon), {
         key: 0,
         class: "rvc-empty-state-icon"
-      })) : H("", !0),
-      e.title ? (b(), E("p", xo, F(e.title), 1)) : H("", !0),
-      k(t.$slots, "default")
+      })) : j("", !0),
+      e.title ? (b(), E("p", So, F(e.title), 1)) : j("", !0),
+      O(t.$slots, "default")
     ], 2));
   }
-}, Ba = /* @__PURE__ */ Object.assign({
+}, Ia = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Lightswitch",
@@ -2407,40 +2447,40 @@ const po = {
       get: () => n.modelValue,
       set: (a) => l("update:modelValue", a)
     });
-    return (a, o) => (b(), B(S(lo), {
+    return (a, o) => (b(), M(x(ro), {
       as: "div",
       class: "rvc-lightswitch-group"
     }, {
       default: P(() => [
-        D(S(ro), Z({
+        D(x(oo), G({
           modelValue: r.value,
           "onUpdate:modelValue": o[0] || (o[0] = (i) => r.value = i),
           class: [{ "rvc-lightswitch-enabled": r.value }, "rvc-lightswitch"]
         }, a.$attrs), {
           default: P(() => [
             $("span", {
-              class: N([{ "rvc-translate-x-6": r.value }, "rvc-lightswitch-toggle"])
+              class: I([{ "rvc-translate-x-6": r.value }, "rvc-lightswitch-toggle"])
             }, null, 2)
           ]),
           _: 1
         }, 16, ["modelValue", "class"]),
-        a.$slots.default ? (b(), B(S(oo), { key: 0 }, {
+        a.$slots.default ? (b(), M(x(ao), { key: 0 }, {
           default: P(() => [
-            k(a.$slots, "default")
+            O(a.$slots, "default")
           ]),
           _: 3
-        })) : H("", !0)
+        })) : j("", !0)
       ]),
       _: 3
     }));
   }
-}), So = {
+}), Eo = {
   role: "presentation",
   class: "rvc-fixed rvc-inset-0 rvc-z-10 rvc-w-screen rvc-overflow-y-auto"
-}, Eo = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, To = { class: "rvc-modal-header" }, ko = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Oo = {
+}, To = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, Oo = { class: "rvc-modal-header" }, ko = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Lo = {
   key: 0,
   class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
-}, Lo = ["id"], Co = { class: "rvc-modal-footer" }, Ia = {
+}, Co = ["id"], Po = { class: "rvc-modal-footer" }, Na = {
   __name: "Modal",
   props: {
     as: {
@@ -2483,22 +2523,22 @@ const po = {
       titleId: i,
       descriptionId: s,
       initialFocusElement: u
-    } = ll(l);
-    return (c, f) => (b(), B(S(ht), { as: "template" }, {
+    } = ol(l);
+    return (c, f) => (b(), M(x(ht), { as: "template" }, {
       default: P(() => [
-        D(S(Gn), {
+        D(x(Xn), {
           as: e.as,
           class: "rvc-modal",
           static: "",
           "aria-modal": "true",
           role: "dialog",
-          "initial-focus": S(u),
-          "aria-labelledby": S(i),
+          "initial-focus": x(u),
+          "aria-labelledby": x(i),
           onClose: f[6] || (f[6] = (d) => c.$emit("modal:close")),
-          onSubmit: f[7] || (f[7] = Sn((d) => n("modal:save", d), ["prevent"]))
+          onSubmit: f[7] || (f[7] = Tn((d) => n("modal:save", d), ["prevent"]))
         }, {
           default: P(() => [
-            D(S(Qe), {
+            D(x(Je), {
               as: "template",
               enter: "rvc-ease-out rvc-duration-300",
               "enter-from": "rvc-opacity-0",
@@ -2516,9 +2556,9 @@ const po = {
               ])),
               _: 1
             }),
-            $("div", So, [
-              $("div", Eo, [
-                D(S(Qe), {
+            $("div", Eo, [
+              $("div", To, [
+                D(x(Je), {
                   as: "template",
                   enter: "rvc-ease-out rvc-duration-300",
                   "enter-from": "rvc-opacity-0 rvc-translate-y-4 sm:rvc-translate-y-0 sm:rvc-scale-95",
@@ -2530,17 +2570,17 @@ const po = {
                   onAfterLeave: f[5] || (f[5] = (d) => (a.value = !1, n("modal:closed")))
                 }, {
                   default: P(() => [
-                    D(S(Zn), {
-                      class: N(["rvc-modal-panel", e.panelClass]),
+                    D(x(Qn), {
+                      class: I(["rvc-modal-panel", e.panelClass]),
                       "aria-busy": e.spinning,
-                      "aria-describedby": S(s)
+                      "aria-describedby": x(s)
                     }, {
                       default: P(() => [
-                        $("header", To, [
-                          k(c.$slots, "header", { title: e.title }, () => [
+                        $("header", Oo, [
+                          O(c.$slots, "header", { title: e.title }, () => [
                             $("div", ko, [
-                              D(S(Xn), {
-                                id: S(i),
+                              D(x(Jn), {
+                                id: x(i),
                                 class: "rvc-modal-title"
                               }, {
                                 default: P(() => [
@@ -2548,40 +2588,40 @@ const po = {
                                 ]),
                                 _: 1
                               }, 8, ["id"]),
-                              e.showClose ? (b(), E("div", Oo, [
+                              e.showClose ? (b(), E("div", Lo, [
                                 $("button", {
                                   type: "button",
                                   class: "rvc-relative rvc-modal-close",
                                   "aria-label": "Close panel",
                                   onClick: f[1] || (f[1] = (d) => n("modal:close"))
                                 }, [
-                                  D(S(vt), {
+                                  D(x(vt), {
                                     class: "rvc-size-full",
                                     "aria-hidden": "true"
                                   })
                                 ])
-                              ])) : H("", !0)
+                              ])) : j("", !0)
                             ])
                           ])
                         ]),
                         $("div", {
-                          id: S(s),
+                          id: x(s),
                           ref_key: "contentRef",
                           ref: r,
                           class: "rvc-modal-content"
                         }, [
-                          k(c.$slots, "default", { ready: S(a) })
-                        ], 8, Lo),
-                        $("footer", Co, [
-                          k(c.$slots, "footer", { loading: e.spinning }, () => [
-                            D(ut, {
-                              type: S(o) ? "submit" : "button",
+                          O(c.$slots, "default", { ready: x(a) })
+                        ], 8, Co),
+                        $("footer", Po, [
+                          O(c.$slots, "footer", { loading: e.spinning }, () => [
+                            D(Xe, {
+                              type: x(o) ? "submit" : "button",
                               label: e.submitLabel,
                               spinning: e.spinning,
                               disabled: e.spinning,
-                              onClick: f[2] || (f[2] = (d) => !S(o) && c.$emit("modal:save"))
+                              onClick: f[2] || (f[2] = (d) => !x(o) && c.$emit("modal:save"))
                             }, null, 8, ["type", "label", "spinning", "disabled"]),
-                            D(ut, {
+                            D(Xe, {
                               type: "button",
                               color: "light",
                               label: e.cancelLabel,
@@ -2604,7 +2644,7 @@ const po = {
       _: 3
     }));
   }
-}, Po = { class: "rvc-radio" }, Ao = ["id"], Do = { key: 2 }, Ro = ["for"], Na = /* @__PURE__ */ Object.assign({
+}, Ao = { class: "rvc-radio" }, Do = ["id"], Ro = { key: 2 }, Fo = ["for"], ja = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Radio",
@@ -2628,27 +2668,27 @@ const po = {
       get: () => n.modelValue,
       set: (s) => l("update:modelValue", s)
     }), { hasModelBinding: a } = It(), i = {
-      ...$n(),
+      ...Sn(),
       id: n.id,
       type: "radio",
       class: "rvc-absolute rvc-opacity-0 rvc-inset-0 rvc-cursor-pointer"
     };
-    return (s, u) => (b(), E("div", Po, [
-      S(a) ? Bt((b(), E("input", Z({ key: 0 }, i, {
+    return (s, u) => (b(), E("div", Ao, [
+      x(a) ? Bt((b(), E("input", G({ key: 0 }, i, {
         id: e.id,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c)
-      }), null, 16, Ao)), [
-        [xn, r.value]
-      ]) : (b(), E("input", Ze(Z({ key: 1 }, i)), null, 16)),
+      }), null, 16, Do)), [
+        [En, r.value]
+      ]) : (b(), E("input", Ge(G({ key: 1 }, i)), null, 16)),
       u[1] || (u[1] = $("span", { class: "rvc-radio-input" }, null, -1)),
-      s.$slots.default || e.label ? (b(), E("span", Do, [
-        k(s.$slots, "default", {}, () => [
-          $("label", { for: e.id }, F(e.label), 9, Ro)
+      s.$slots.default || e.label ? (b(), E("span", Ro, [
+        O(s.$slots, "default", {}, () => [
+          $("label", { for: e.id }, F(e.label), 9, Fo)
         ])
-      ])) : H("", !0)
+      ])) : j("", !0)
     ]));
   }
-}), Fo = { class: "rvc-tabs-nav" }, Mo = { class: "md:rvc-hidden" }, Bo = ["value", "selected"], ja = {
+}), Mo = { class: "rvc-tabs-nav" }, Bo = { class: "md:rvc-hidden" }, Io = ["value", "selected"], Va = {
   __name: "Tabs",
   props: {
     modelValue: {
@@ -2695,10 +2735,10 @@ const po = {
     };
     return (s, u) => (b(), E(ae, null, [
       $("div", {
-        class: N(["rvc-tabs rvc-hidden md:rvc-flex", { "rvc-tabs-buttons": e.tabStyle === "buttons" }])
+        class: I(["rvc-tabs rvc-hidden md:rvc-flex", { "rvc-tabs-buttons": e.tabStyle === "buttons" }])
       }, [
-        $("nav", Fo, [
-          (b(!0), E(ae, null, Te(e.tabs, (c, f) => (b(), B(fe(c.as ? c.as : "button"), Z({ ref_for: !0 }, i(c), {
+        $("nav", Mo, [
+          (b(!0), E(ae, null, Te(e.tabs, (c, f) => (b(), M(se(c.as ? c.as : "button"), G({ ref_for: !0 }, i(c), {
             key: `${f}-tab-item`,
             as: c.bindAs ? c.bindAs : void 0,
             class: ["rvc-tab", { "rvc-tab-active": a.value === f }],
@@ -2711,8 +2751,8 @@ const po = {
           }, 1040, ["as", "class", "onClick"]))), 128))
         ])
       ], 2),
-      $("div", Mo, [
-        D(Tn, {
+      $("div", Bo, [
+        D(kn, {
           value: a.value,
           onChange: o
         }, {
@@ -2721,14 +2761,14 @@ const po = {
               key: `${f}-tab-item-select-option`,
               value: f,
               selected: a.value === f
-            }, F(c.name), 9, Bo))), 128))
+            }, F(c.name), 9, Io))), 128))
           ]),
           _: 1
         }, 8, ["value"])
       ])
     ], 64));
   }
-}, Io = { class: "rvc-toast-title" }, Va = {
+}, No = { class: "rvc-toast-title" }, Ha = {
   __name: "Toast",
   props: {
     as: {
@@ -2777,7 +2817,7 @@ const po = {
       r();
     }), me(() => n.open, (a) => {
       a && r();
-    }), (a, o) => (b(), B(S(ht), {
+    }), (a, o) => (b(), M(x(ht), {
       as: "template",
       show: e.open,
       enter: "rvc-transition-opacity rvc-duration-300",
@@ -2788,31 +2828,31 @@ const po = {
       "leave-to": "rvc-opacity-0"
     }, {
       default: P(() => [
-        (b(), B(fe(e.as), {
-          class: N(["rvc-toast rvc-transition-opacity", `rvc-toast-${e.position}`, `rvc-toast-${e.type}`, { "rvc-toast-open": e.open }])
+        (b(), M(se(e.as), {
+          class: I(["rvc-toast rvc-transition-opacity", `rvc-toast-${e.position}`, `rvc-toast-${e.type}`, { "rvc-toast-open": e.open }])
         }, {
           default: P(() => [
-            k(a.$slots, "icon", {}, () => [
-              e.icon ? (b(), B(fe(e.icon), {
+            O(a.$slots, "icon", {}, () => [
+              e.icon ? (b(), M(se(e.icon), {
                 key: 0,
                 class: "rvc-toast-icon"
-              })) : H("", !0)
+              })) : j("", !0)
             ]),
             $("div", null, [
-              k(a.$slots, "title", {}, () => [
-                $("span", Io, F(e.title), 1)
+              O(a.$slots, "title", {}, () => [
+                $("span", No, F(e.title), 1)
               ]),
-              k(a.$slots, "default")
+              O(a.$slots, "default")
             ]),
-            k(a.$slots, "close", {}, () => [
+            O(a.$slots, "close", {}, () => [
               e.showClose ? (b(), E("button", {
                 key: 0,
                 type: "button",
                 class: "rvc-toast-close rvc-transition-colors",
                 onClick: o[0] || (o[0] = (i) => a.$emit("toast:close"))
               }, [
-                D(S(vt), { class: "rvc-size-5" })
-              ])) : H("", !0)
+                D(x(vt), { class: "rvc-size-5" })
+              ])) : j("", !0)
             ])
           ]),
           _: 3
@@ -2821,15 +2861,15 @@ const po = {
       _: 3
     }, 8, ["show"]));
   }
-}, No = ["top", "right", "bottom", "left"], fn = ["start", "end"], vn = /* @__PURE__ */ No.reduce((e, t) => e.concat(t, t + "-" + fn[0], t + "-" + fn[1]), []), Ce = Math.min, re = Math.max, dt = Math.round, st = Math.floor, $e = (e) => ({
+}, jo = ["top", "right", "bottom", "left"], pn = ["start", "end"], mn = /* @__PURE__ */ jo.reduce((e, t) => e.concat(t, t + "-" + pn[0], t + "-" + pn[1]), []), Ce = Math.min, re = Math.max, dt = Math.round, ut = Math.floor, $e = (e) => ({
   x: e,
   y: e
-}), jo = {
+}), Vo = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Vo = {
+}, Ho = {
   start: "end",
   end: "start"
 };
@@ -2845,31 +2885,31 @@ function Be(e) {
 function xe(e) {
   return e.split("-")[1];
 }
-function rl(e) {
+function al(e) {
   return e === "x" ? "y" : "x";
 }
 function zt(e) {
   return e === "y" ? "height" : "width";
 }
-function nt(e) {
+function lt(e) {
   return ["top", "bottom"].includes(Be(e)) ? "y" : "x";
 }
 function qt(e) {
-  return rl(nt(e));
+  return al(lt(e));
 }
-function Ho(e, t, n) {
+function Wo(e, t, n) {
   n === void 0 && (n = !1);
   const l = xe(e), r = qt(e), a = zt(r);
   let o = r === "x" ? l === (n ? "end" : "start") ? "right" : "left" : l === "start" ? "bottom" : "top";
-  return t.reference[a] > t.floating[a] && (o = pn(o)), [o, pn(o)];
+  return t.reference[a] > t.floating[a] && (o = gn(o)), [o, gn(o)];
 }
-function Wo(e) {
-  return e.replace(/start|end/g, (t) => Vo[t]);
+function Uo(e) {
+  return e.replace(/start|end/g, (t) => Ho[t]);
 }
-function pn(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => jo[t]);
+function gn(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Vo[t]);
 }
-function Uo(e) {
+function zo(e) {
   return {
     top: 0,
     right: 0,
@@ -2878,8 +2918,8 @@ function Uo(e) {
     ...e
   };
 }
-function ol(e) {
-  return typeof e != "number" ? Uo(e) : {
+function il(e) {
+  return typeof e != "number" ? zo(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -2904,12 +2944,12 @@ function ft(e) {
     y: n
   };
 }
-function mn(e, t, n) {
+function hn(e, t, n) {
   let {
     reference: l,
     floating: r
   } = e;
-  const a = nt(t), o = qt(t), i = zt(o), s = Be(t), u = a === "y", c = l.x + l.width / 2 - r.width / 2, f = l.y + l.height / 2 - r.height / 2, d = l[i] / 2 - r[i] / 2;
+  const a = lt(t), o = qt(t), i = zt(o), s = Be(t), u = a === "y", c = l.x + l.width / 2 - r.width / 2, f = l.y + l.height / 2 - r.height / 2, d = l[i] / 2 - r[i] / 2;
   let v;
   switch (s) {
     case "top":
@@ -2952,7 +2992,7 @@ function mn(e, t, n) {
   }
   return v;
 }
-const zo = async (e, t, n) => {
+const qo = async (e, t, n) => {
   const {
     placement: l = "bottom",
     strategy: r = "absolute",
@@ -2966,7 +3006,7 @@ const zo = async (e, t, n) => {
   }), {
     x: c,
     y: f
-  } = mn(u, l, s), d = l, v = {}, p = 0;
+  } = hn(u, l, s), d = l, v = {}, p = 0;
   for (let m = 0; m < i.length; m++) {
     const {
       name: g,
@@ -3003,7 +3043,7 @@ const zo = async (e, t, n) => {
     }) : C.rects), {
       x: c,
       y: f
-    } = mn(u, d, s)), m = -1);
+    } = hn(u, d, s)), m = -1);
   }
   return {
     x: c,
@@ -3029,7 +3069,7 @@ async function Kt(e, t) {
     elementContext: f = "floating",
     altBoundary: d = !1,
     padding: v = 0
-  } = Ue(t, e), p = ol(v), g = i[d ? f === "floating" ? "reference" : "floating" : f], h = ft(await a.getClippingRect({
+  } = Ue(t, e), p = il(v), g = i[d ? f === "floating" ? "reference" : "floating" : f], h = ft(await a.getClippingRect({
     element: (n = await (a.isElement == null ? void 0 : a.isElement(g))) == null || n ? g : g.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(i.floating)),
     boundary: u,
     rootBoundary: c,
@@ -3058,7 +3098,7 @@ async function Kt(e, t) {
     right: (C.right - h.right + p.right) / A.x
   };
 }
-const qo = (e) => ({
+const Ko = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -3076,13 +3116,13 @@ const qo = (e) => ({
     } = Ue(e, t) || {};
     if (u == null)
       return {};
-    const f = ol(c), d = {
+    const f = il(c), d = {
       x: n,
       y: l
-    }, v = qt(r), p = zt(v), m = await o.getDimensions(u), g = v === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", T = g ? "clientHeight" : "clientWidth", A = a.reference[p] + a.reference[v] - d[v] - a.floating[p], C = d[v] - a.reference[v], M = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
-    let L = M ? M[T] : 0;
-    (!L || !await (o.isElement == null ? void 0 : o.isElement(M))) && (L = i.floating[T] || a.floating[p]);
-    const I = A / 2 - C / 2, X = L / 2 - m[p] / 2 - 1, j = Ce(f[h], X), Q = Ce(f[y], X), ee = j, Y = L - m[p] - Q, te = L / 2 - m[p] / 2 + I, ne = Rt(ee, te, Y), le = !s.arrow && xe(r) != null && te !== ne && a.reference[p] / 2 - (te < ee ? j : Q) - m[p] / 2 < 0, be = le ? te < ee ? te - ee : te - Y : 0;
+    }, v = qt(r), p = zt(v), m = await o.getDimensions(u), g = v === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", T = g ? "clientHeight" : "clientWidth", A = a.reference[p] + a.reference[v] - d[v] - a.floating[p], C = d[v] - a.reference[v], B = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(u));
+    let L = B ? B[T] : 0;
+    (!L || !await (o.isElement == null ? void 0 : o.isElement(B))) && (L = i.floating[T] || a.floating[p]);
+    const N = A / 2 - C / 2, X = L / 2 - m[p] / 2 - 1, V = Ce(f[h], X), Q = Ce(f[y], X), ee = V, Y = L - m[p] - Q, te = L / 2 - m[p] / 2 + N, ne = Rt(ee, te, Y), le = !s.arrow && xe(r) != null && te !== ne && a.reference[p] / 2 - (te < ee ? V : Q) - m[p] / 2 < 0, be = le ? te < ee ? te - ee : te - Y : 0;
     return {
       [v]: d[v] + be,
       data: {
@@ -3096,10 +3136,10 @@ const qo = (e) => ({
     };
   }
 });
-function Ko(e, t, n) {
-  return (e ? [...n.filter((r) => xe(r) === e), ...n.filter((r) => xe(r) !== e)] : n.filter((r) => Be(r) === r)).filter((r) => e ? xe(r) === e || (t ? Wo(r) !== r : !1) : !0);
+function Yo(e, t, n) {
+  return (e ? [...n.filter((r) => xe(r) === e), ...n.filter((r) => xe(r) !== e)] : n.filter((r) => Be(r) === r)).filter((r) => e ? xe(r) === e || (t ? Uo(r) !== r : !1) : !0);
 }
-const Yo = function(e) {
+const Zo = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -3114,13 +3154,13 @@ const Yo = function(e) {
       } = t, {
         crossAxis: c = !1,
         alignment: f,
-        allowedPlacements: d = vn,
+        allowedPlacements: d = mn,
         autoAlignment: v = !0,
         ...p
-      } = Ue(e, t), m = f !== void 0 || d === vn ? Ko(f || null, v, d) : d, g = await Kt(t, p), h = ((n = o.autoPlacement) == null ? void 0 : n.index) || 0, y = m[h];
+      } = Ue(e, t), m = f !== void 0 || d === mn ? Yo(f || null, v, d) : d, g = await Kt(t, p), h = ((n = o.autoPlacement) == null ? void 0 : n.index) || 0, y = m[h];
       if (y == null)
         return {};
-      const T = Ho(y, a, await (s.isRTL == null ? void 0 : s.isRTL(u.floating)));
+      const T = Wo(y, a, await (s.isRTL == null ? void 0 : s.isRTL(u.floating)));
       if (i !== y)
         return {
           reset: {
@@ -3130,31 +3170,31 @@ const Yo = function(e) {
       const A = [g[Be(y)], g[T[0]], g[T[1]]], C = [...((l = o.autoPlacement) == null ? void 0 : l.overflows) || [], {
         placement: y,
         overflows: A
-      }], M = m[h + 1];
-      if (M)
+      }], B = m[h + 1];
+      if (B)
         return {
           data: {
             index: h + 1,
             overflows: C
           },
           reset: {
-            placement: M
+            placement: B
           }
         };
-      const L = C.map((j) => {
-        const Q = xe(j.placement);
-        return [j.placement, Q && c ? (
+      const L = C.map((V) => {
+        const Q = xe(V.placement);
+        return [V.placement, Q && c ? (
           // Check along the mainAxis and main crossAxis side.
-          j.overflows.slice(0, 2).reduce((ee, Y) => ee + Y, 0)
+          V.overflows.slice(0, 2).reduce((ee, Y) => ee + Y, 0)
         ) : (
           // Check only the mainAxis.
-          j.overflows[0]
-        ), j.overflows];
-      }).sort((j, Q) => j[1] - Q[1]), X = ((r = L.filter((j) => j[2].slice(
+          V.overflows[0]
+        ), V.overflows];
+      }).sort((V, Q) => V[1] - Q[1]), X = ((r = L.filter((V) => V[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        xe(j[0]) ? 2 : 3
+        xe(V[0]) ? 2 : 3
       ).every((Q) => Q <= 0))[0]) == null ? void 0 : r[0]) || L[0][0];
       return X !== i ? {
         data: {
@@ -3173,7 +3213,7 @@ async function Go(e, t) {
     placement: n,
     platform: l,
     elements: r
-  } = e, a = await (l.isRTL == null ? void 0 : l.isRTL(r.floating)), o = Be(n), i = xe(n), s = nt(n) === "y", u = ["left", "top"].includes(o) ? -1 : 1, c = a && s ? -1 : 1, f = Ue(t, e);
+  } = e, a = await (l.isRTL == null ? void 0 : l.isRTL(r.floating)), o = Be(n), i = xe(n), s = lt(n) === "y", u = ["left", "top"].includes(o) ? -1 : 1, c = a && s ? -1 : 1, f = Ue(t, e);
   let {
     mainAxis: d,
     crossAxis: v,
@@ -3195,7 +3235,7 @@ async function Go(e, t) {
     y: v * c
   };
 }
-const Zo = function(e) {
+const Xo = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -3217,7 +3257,7 @@ const Zo = function(e) {
       };
     }
   };
-}, Xo = function(e) {
+}, Qo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -3245,7 +3285,7 @@ const Zo = function(e) {
       } = Ue(e, t), u = {
         x: n,
         y: l
-      }, c = await Kt(t, s), f = nt(Be(r)), d = rl(f);
+      }, c = await Kt(t, s), f = lt(Be(r)), d = al(f);
       let v = u[d], p = u[f];
       if (a) {
         const g = d === "y" ? "top" : "left", h = d === "y" ? "bottom" : "right", y = v + c[g], T = v - c[h];
@@ -3273,7 +3313,7 @@ const Zo = function(e) {
       };
     }
   };
-}, Qo = function(e) {
+}, Jo = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -3288,21 +3328,21 @@ const Zo = function(e) {
         apply: s = () => {
         },
         ...u
-      } = Ue(e, t), c = await Kt(t, u), f = Be(r), d = xe(r), v = nt(r) === "y", {
+      } = Ue(e, t), c = await Kt(t, u), f = Be(r), d = xe(r), v = lt(r) === "y", {
         width: p,
         height: m
       } = a.floating;
       let g, h;
       f === "top" || f === "bottom" ? (g = f, h = d === (await (o.isRTL == null ? void 0 : o.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (h = f, g = d === "end" ? "top" : "bottom");
-      const y = m - c.top - c.bottom, T = p - c.left - c.right, A = Ce(m - c[g], y), C = Ce(p - c[h], T), M = !t.middlewareData.shift;
-      let L = A, I = C;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (I = T), (l = t.middlewareData.shift) != null && l.enabled.y && (L = y), M && !d) {
-        const j = re(c.left, 0), Q = re(c.right, 0), ee = re(c.top, 0), Y = re(c.bottom, 0);
-        v ? I = p - 2 * (j !== 0 || Q !== 0 ? j + Q : re(c.left, c.right)) : L = m - 2 * (ee !== 0 || Y !== 0 ? ee + Y : re(c.top, c.bottom));
+      const y = m - c.top - c.bottom, T = p - c.left - c.right, A = Ce(m - c[g], y), C = Ce(p - c[h], T), B = !t.middlewareData.shift;
+      let L = A, N = C;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (N = T), (l = t.middlewareData.shift) != null && l.enabled.y && (L = y), B && !d) {
+        const V = re(c.left, 0), Q = re(c.right, 0), ee = re(c.top, 0), Y = re(c.bottom, 0);
+        v ? N = p - 2 * (V !== 0 || Q !== 0 ? V + Q : re(c.left, c.right)) : L = m - 2 * (ee !== 0 || Y !== 0 ? ee + Y : re(c.top, c.bottom));
       }
       await s({
         ...t,
-        availableWidth: I,
+        availableWidth: N,
         availableHeight: L
       });
       const X = await o.getDimensions(i.floating);
@@ -3337,10 +3377,10 @@ function he(e) {
 function Se(e) {
   return yt() ? e instanceof HTMLElement || e instanceof ie(e).HTMLElement : !1;
 }
-function gn(e) {
+function yn(e) {
   return !yt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ie(e).ShadowRoot;
 }
-function lt(e) {
+function rt(e) {
   const {
     overflow: t,
     overflowX: n,
@@ -3349,7 +3389,7 @@ function lt(e) {
   } = ye(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + l + n) && !["inline", "contents"].includes(r);
 }
-function Jo(e) {
+function _o(e) {
   return ["table", "td", "th"].includes(Ie(e));
 }
 function bt(e) {
@@ -3361,14 +3401,14 @@ function bt(e) {
     }
   });
 }
-function Gt(e) {
-  const t = Zt(), n = he(e) ? ye(e) : e;
+function Zt(e) {
+  const t = Gt(), n = he(e) ? ye(e) : e;
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((l) => (n.willChange || "").includes(l)) || ["paint", "layout", "strict", "content"].some((l) => (n.contain || "").includes(l));
 }
-function _o(e) {
+function ea(e) {
   let t = Pe(e);
   for (; Se(t) && !We(t); ) {
-    if (Gt(t))
+    if (Zt(t))
       return t;
     if (bt(t))
       return null;
@@ -3376,7 +3416,7 @@ function _o(e) {
   }
   return null;
 }
-function Zt() {
+function Gt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function We(e) {
@@ -3401,29 +3441,29 @@ function Pe(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    gn(e) && e.host || // Fallback.
+    yn(e) && e.host || // Fallback.
     Ee(e)
   );
-  return gn(t) ? t.host : t;
+  return yn(t) ? t.host : t;
 }
-function al(e) {
+function sl(e) {
   const t = Pe(e);
-  return We(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Se(t) && lt(t) ? t : al(t);
+  return We(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Se(t) && rt(t) ? t : sl(t);
 }
-function Je(e, t, n) {
+function _e(e, t, n) {
   var l;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = al(e), a = r === ((l = e.ownerDocument) == null ? void 0 : l.body), o = ie(r);
+  const r = sl(e), a = r === ((l = e.ownerDocument) == null ? void 0 : l.body), o = ie(r);
   if (a) {
     const i = Ft(o);
-    return t.concat(o, o.visualViewport || [], lt(r) ? r : [], i && n ? Je(i) : []);
+    return t.concat(o, o.visualViewport || [], rt(r) ? r : [], i && n ? _e(i) : []);
   }
-  return t.concat(r, Je(r, [], n));
+  return t.concat(r, _e(r, [], n));
 }
 function Ft(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function il(e) {
+function ul(e) {
   const t = ye(e);
   let n = parseFloat(t.width) || 0, l = parseFloat(t.height) || 0;
   const r = Se(e), a = r ? e.offsetWidth : n, o = r ? e.offsetHeight : l, i = dt(n) !== a || dt(l) !== o;
@@ -3444,22 +3484,22 @@ function Ve(e) {
     width: l,
     height: r,
     $: a
-  } = il(t);
+  } = ul(t);
   let o = (a ? dt(n.width) : n.width) / l, i = (a ? dt(n.height) : n.height) / r;
   return (!o || !Number.isFinite(o)) && (o = 1), (!i || !Number.isFinite(i)) && (i = 1), {
     x: o,
     y: i
   };
 }
-const ea = /* @__PURE__ */ $e(0);
-function sl(e) {
+const ta = /* @__PURE__ */ $e(0);
+function cl(e) {
   const t = ie(e);
-  return !Zt() || !t.visualViewport ? ea : {
+  return !Gt() || !t.visualViewport ? ta : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function ta(e, t, n) {
+function na(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ie(e) ? !1 : t;
 }
 function Me(e, t, n, l) {
@@ -3467,7 +3507,7 @@ function Me(e, t, n, l) {
   const r = e.getBoundingClientRect(), a = Xt(e);
   let o = $e(1);
   t && (l ? he(l) && (o = Ve(l)) : o = Ve(e));
-  const i = ta(a, n, l) ? sl(a) : $e(0);
+  const i = na(a, n, l) ? cl(a) : $e(0);
   let s = (r.left + i.x) / o.x, u = (r.top + i.y) / o.y, c = r.width / o.x, f = r.height / o.y;
   if (a) {
     const d = ie(a), v = l && he(l) ? ie(l) : l;
@@ -3488,7 +3528,7 @@ function Qt(e, t) {
   const n = wt(e).scrollLeft;
   return t ? t.left + n : Me(Ee(e)).left + n;
 }
-function ul(e, t, n) {
+function dl(e, t, n) {
   n === void 0 && (n = !1);
   const l = e.getBoundingClientRect(), r = l.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
@@ -3499,7 +3539,7 @@ function ul(e, t, n) {
     y: a
   };
 }
-function na(e) {
+function la(e) {
   let {
     elements: t,
     rect: n,
@@ -3514,11 +3554,11 @@ function na(e) {
     scrollTop: 0
   }, u = $e(1);
   const c = $e(0), f = Se(l);
-  if ((f || !f && !a) && ((Ie(l) !== "body" || lt(o)) && (s = wt(l)), Se(l))) {
+  if ((f || !f && !a) && ((Ie(l) !== "body" || rt(o)) && (s = wt(l)), Se(l))) {
     const v = Me(l);
     u = Ve(l), c.x = v.x + l.clientLeft, c.y = v.y + l.clientTop;
   }
-  const d = o && !f && !a ? ul(o, s, !0) : $e(0);
+  const d = o && !f && !a ? dl(o, s, !0) : $e(0);
   return {
     width: n.width * u.x,
     height: n.height * u.y,
@@ -3526,10 +3566,10 @@ function na(e) {
     y: n.y * u.y - s.scrollTop * u.y + c.y + d.y
   };
 }
-function la(e) {
+function ra(e) {
   return Array.from(e.getClientRects());
 }
-function ra(e) {
+function oa(e) {
   const t = Ee(e), n = wt(e), l = e.ownerDocument.body, r = re(t.scrollWidth, t.clientWidth, l.scrollWidth, l.clientWidth), a = re(t.scrollHeight, t.clientHeight, l.scrollHeight, l.clientHeight);
   let o = -n.scrollLeft + Qt(e);
   const i = -n.scrollTop;
@@ -3540,12 +3580,12 @@ function ra(e) {
     y: i
   };
 }
-function oa(e, t) {
+function aa(e, t) {
   const n = ie(e), l = Ee(e), r = n.visualViewport;
   let a = l.clientWidth, o = l.clientHeight, i = 0, s = 0;
   if (r) {
     a = r.width, o = r.height;
-    const u = Zt();
+    const u = Gt();
     (!u || u && t === "fixed") && (i = r.offsetLeft, s = r.offsetTop);
   }
   return {
@@ -3555,7 +3595,7 @@ function oa(e, t) {
     y: s
   };
 }
-function aa(e, t) {
+function ia(e, t) {
   const n = Me(e, !0, t === "fixed"), l = n.top + e.clientTop, r = n.left + e.clientLeft, a = Se(e) ? Ve(e) : $e(1), o = e.clientWidth * a.x, i = e.clientHeight * a.y, s = r * a.x, u = l * a.y;
   return {
     width: o,
@@ -3564,16 +3604,16 @@ function aa(e, t) {
     y: u
   };
 }
-function hn(e, t, n) {
+function bn(e, t, n) {
   let l;
   if (t === "viewport")
-    l = oa(e, n);
+    l = aa(e, n);
   else if (t === "document")
-    l = ra(Ee(e));
+    l = oa(Ee(e));
   else if (he(t))
-    l = aa(t, n);
+    l = ia(t, n);
   else {
-    const r = sl(e);
+    const r = cl(e);
     l = {
       x: t.x - r.x,
       y: t.y - r.y,
@@ -3583,34 +3623,34 @@ function hn(e, t, n) {
   }
   return ft(l);
 }
-function cl(e, t) {
+function fl(e, t) {
   const n = Pe(e);
-  return n === t || !he(n) || We(n) ? !1 : ye(n).position === "fixed" || cl(n, t);
+  return n === t || !he(n) || We(n) ? !1 : ye(n).position === "fixed" || fl(n, t);
 }
-function ia(e, t) {
+function sa(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let l = Je(e, [], !1).filter((i) => he(i) && Ie(i) !== "body"), r = null;
+  let l = _e(e, [], !1).filter((i) => he(i) && Ie(i) !== "body"), r = null;
   const a = ye(e).position === "fixed";
   let o = a ? Pe(e) : e;
   for (; he(o) && !We(o); ) {
-    const i = ye(o), s = Gt(o);
-    !s && i.position === "fixed" && (r = null), (a ? !s && !r : !s && i.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || lt(o) && !s && cl(e, o)) ? l = l.filter((c) => c !== o) : r = i, o = Pe(o);
+    const i = ye(o), s = Zt(o);
+    !s && i.position === "fixed" && (r = null), (a ? !s && !r : !s && i.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || rt(o) && !s && fl(e, o)) ? l = l.filter((c) => c !== o) : r = i, o = Pe(o);
   }
   return t.set(e, l), l;
 }
-function sa(e) {
+function ua(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: l,
     strategy: r
   } = e;
-  const o = [...n === "clippingAncestors" ? bt(t) ? [] : ia(t, this._c) : [].concat(n), l], i = o[0], s = o.reduce((u, c) => {
-    const f = hn(t, c, r);
+  const o = [...n === "clippingAncestors" ? bt(t) ? [] : sa(t, this._c) : [].concat(n), l], i = o[0], s = o.reduce((u, c) => {
+    const f = bn(t, c, r);
     return u.top = re(f.top, u.top), u.right = Ce(f.right, u.right), u.bottom = Ce(f.bottom, u.bottom), u.left = re(f.left, u.left), u;
-  }, hn(t, i, r));
+  }, bn(t, i, r));
   return {
     width: s.right - s.left,
     height: s.bottom - s.top,
@@ -3618,17 +3658,17 @@ function sa(e) {
     y: s.top
   };
 }
-function ua(e) {
+function ca(e) {
   const {
     width: t,
     height: n
-  } = il(e);
+  } = ul(e);
   return {
     width: t,
     height: n
   };
 }
-function ca(e, t, n) {
+function da(e, t, n) {
   const l = Se(t), r = Ee(t), a = n === "fixed", o = Me(e, !0, a, t);
   let i = {
     scrollLeft: 0,
@@ -3636,11 +3676,11 @@ function ca(e, t, n) {
   };
   const s = $e(0);
   if (l || !l && !a)
-    if ((Ie(t) !== "body" || lt(r)) && (i = wt(t)), l) {
+    if ((Ie(t) !== "body" || rt(r)) && (i = wt(t)), l) {
       const d = Me(t, !0, a, t);
       s.x = d.x + t.clientLeft, s.y = d.y + t.clientTop;
     } else r && (s.x = Qt(r));
-  const u = r && !l && !a ? ul(r, i) : $e(0), c = o.left + i.scrollLeft - s.x - u.x, f = o.top + i.scrollTop - s.y - u.y;
+  const u = r && !l && !a ? dl(r, i) : $e(0), c = o.left + i.scrollLeft - s.x - u.x, f = o.top + i.scrollTop - s.y - u.y;
   return {
     x: c,
     y: f,
@@ -3651,7 +3691,7 @@ function ca(e, t, n) {
 function Tt(e) {
   return ye(e).position === "static";
 }
-function yn(e, t) {
+function wn(e, t) {
   if (!Se(e) || ye(e).position === "fixed")
     return null;
   if (t)
@@ -3659,7 +3699,7 @@ function yn(e, t) {
   let n = e.offsetParent;
   return Ee(e) === n && (n = n.ownerDocument.body), n;
 }
-function dl(e, t) {
+function vl(e, t) {
   const n = ie(e);
   if (bt(e))
     return n;
@@ -3672,15 +3712,15 @@ function dl(e, t) {
     }
     return n;
   }
-  let l = yn(e, t);
-  for (; l && Jo(l) && Tt(l); )
-    l = yn(l, t);
-  return l && We(l) && Tt(l) && !Gt(l) ? n : l || _o(e) || n;
+  let l = wn(e, t);
+  for (; l && _o(l) && Tt(l); )
+    l = wn(l, t);
+  return l && We(l) && Tt(l) && !Zt(l) ? n : l || ea(e) || n;
 }
-const da = async function(e) {
-  const t = this.getOffsetParent || dl, n = this.getDimensions, l = await n(e.floating);
+const fa = async function(e) {
+  const t = this.getOffsetParent || vl, n = this.getDimensions, l = await n(e.floating);
   return {
-    reference: ca(e.reference, await t(e.floating), e.strategy),
+    reference: da(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -3689,22 +3729,22 @@ const da = async function(e) {
     }
   };
 };
-function fa(e) {
+function va(e) {
   return ye(e).direction === "rtl";
 }
-const va = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: na,
+const pa = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: la,
   getDocumentElement: Ee,
-  getClippingRect: sa,
-  getOffsetParent: dl,
-  getElementRects: da,
-  getClientRects: la,
-  getDimensions: ua,
+  getClippingRect: ua,
+  getOffsetParent: vl,
+  getElementRects: fa,
+  getClientRects: ra,
+  getDimensions: ca,
   getScale: Ve,
   isElement: he,
-  isRTL: fa
+  isRTL: va
 };
-function pa(e, t) {
+function ma(e, t) {
   let n = null, l;
   const r = Ee(e);
   function a() {
@@ -3721,17 +3761,17 @@ function pa(e, t) {
     } = e.getBoundingClientRect();
     if (i || t(), !f || !d)
       return;
-    const v = st(c), p = st(r.clientWidth - (u + f)), m = st(r.clientHeight - (c + d)), g = st(u), y = {
+    const v = ut(c), p = ut(r.clientWidth - (u + f)), m = ut(r.clientHeight - (c + d)), g = ut(u), y = {
       rootMargin: -v + "px " + -p + "px " + -m + "px " + -g + "px",
       threshold: re(0, Ce(1, s)) || 1
     };
     let T = !0;
     function A(C) {
-      const M = C[0].intersectionRatio;
-      if (M !== s) {
+      const B = C[0].intersectionRatio;
+      if (B !== s) {
         if (!T)
           return o();
-        M ? o(!1, M) : l = setTimeout(() => {
+        B ? o(!1, B) : l = setTimeout(() => {
           o(!1, 1e-7);
         }, 1e3);
       }
@@ -3750,7 +3790,7 @@ function pa(e, t) {
   }
   return o(!0), a;
 }
-function ma(e, t, n, l) {
+function ga(e, t, n, l) {
   l === void 0 && (l = {});
   const {
     ancestorScroll: r = !0,
@@ -3758,13 +3798,13 @@ function ma(e, t, n, l) {
     elementResize: o = typeof ResizeObserver == "function",
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: s = !1
-  } = l, u = Xt(e), c = r || a ? [...u ? Je(u) : [], ...Je(t)] : [];
+  } = l, u = Xt(e), c = r || a ? [...u ? _e(u) : [], ..._e(t)] : [];
   c.forEach((h) => {
     r && h.addEventListener("scroll", n, {
       passive: !0
     }), a && h.addEventListener("resize", n);
   });
-  const f = u && i ? pa(u, n) : null;
+  const f = u && i ? ma(u, n) : null;
   let d = -1, v = null;
   o && (v = new ResizeObserver((h) => {
     let [y] = h;
@@ -3786,53 +3826,53 @@ function ma(e, t, n, l) {
     }), f == null || f(), (h = v) == null || h.disconnect(), v = null, s && cancelAnimationFrame(p);
   };
 }
-const ga = Zo, ha = Yo, ya = Xo, ba = Qo, wa = qo, $a = (e, t, n) => {
+const ha = Xo, ya = Zo, ba = Qo, wa = Jo, $a = Ko, xa = (e, t, n) => {
   const l = /* @__PURE__ */ new Map(), r = {
-    platform: va,
+    platform: pa,
     ...n
   }, a = {
     ...r.platform,
     _c: l
   };
-  return zo(e, t, {
+  return qo(e, t, {
     ...r,
     platform: a
   });
 };
-function xa(e) {
+function Sa(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
 function Mt(e) {
-  if (xa(e)) {
+  if (Sa(e)) {
     const t = e.$el;
     return Yt(t) && Ie(t) === "#comment" ? null : t;
   }
   return e;
 }
 function je(e) {
-  return typeof e == "function" ? e() : S(e);
+  return typeof e == "function" ? e() : x(e);
 }
-function Sa(e) {
+function Ea(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
       const n = Mt(je(e.element));
-      return n == null ? {} : wa({
+      return n == null ? {} : $a({
         element: n,
         padding: e.padding
       }).fn(t);
     }
   };
 }
-function fl(e) {
+function pl(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function bn(e, t) {
-  const n = fl(e);
+function $n(e, t) {
+  const n = pl(e);
   return Math.round(t * n) / n;
 }
-function Ea(e, t, n) {
+function Ta(e, t, n) {
   n === void 0 && (n = {});
   const l = n.whileElementsMounted, r = w(() => {
     var L;
@@ -3846,7 +3886,7 @@ function Ea(e, t, n) {
   }), s = w(() => {
     var L;
     return (L = je(n.transform)) != null ? L : !0;
-  }), u = w(() => Mt(e.value)), c = w(() => Mt(t.value)), f = x(0), d = x(0), v = x(i.value), p = x(o.value), m = Ye({}), g = x(!1), h = w(() => {
+  }), u = w(() => Mt(e.value)), c = w(() => Mt(t.value)), f = S(0), d = S(0), v = S(i.value), p = S(o.value), m = Ye({}), g = S(!1), h = w(() => {
     const L = {
       position: v.value,
       left: "0",
@@ -3854,16 +3894,16 @@ function Ea(e, t, n) {
     };
     if (!c.value)
       return L;
-    const I = bn(c.value, f.value), X = bn(c.value, d.value);
+    const N = $n(c.value, f.value), X = $n(c.value, d.value);
     return s.value ? {
       ...L,
-      transform: "translate(" + I + "px, " + X + "px)",
-      ...fl(c.value) >= 1.5 && {
+      transform: "translate(" + N + "px, " + X + "px)",
+      ...pl(c.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: v.value,
-      left: I + "px",
+      left: N + "px",
       top: X + "px"
     };
   });
@@ -3872,12 +3912,12 @@ function Ea(e, t, n) {
     if (u.value == null || c.value == null)
       return;
     const L = r.value;
-    $a(u.value, c.value, {
+    xa(u.value, c.value, {
       middleware: a.value,
       placement: o.value,
       strategy: i.value
-    }).then((I) => {
-      f.value = I.x, d.value = I.y, v.value = I.strategy, p.value = I.placement, m.value = I.middlewareData, g.value = L !== !1;
+    }).then((N) => {
+      f.value = N.x, d.value = N.y, v.value = N.strategy, p.value = N.placement, m.value = N.middlewareData, g.value = L !== !1;
     });
   }
   function A() {
@@ -3893,16 +3933,16 @@ function Ea(e, t, n) {
       return;
     }
   }
-  function M() {
+  function B() {
     r.value || (g.value = !1);
   }
   return me([a, o, i, r], T, {
     flush: "sync"
   }), me([u, c], C, {
     flush: "sync"
-  }), me(r, M, {
+  }), me(r, B, {
     flush: "sync"
-  }), bl() && wl(A), {
+  }), $l() && xl(A), {
     x: Ne(f),
     y: Ne(d),
     strategy: Ne(v),
@@ -3913,7 +3953,7 @@ function Ea(e, t, n) {
     update: T
   };
 }
-const Ta = ["innerHTML"], Ha = {
+const Oa = ["innerHTML"], Wa = {
   __name: "Tooltip",
   props: {
     content: {
@@ -3956,13 +3996,13 @@ const Ta = ["innerHTML"], Ha = {
       floatingStyles: a,
       middlewareData: o,
       placement: i
-    } = Ea(n, l, {
+    } = Ta(n, l, {
       middleware: [
-        t.placement ? null : ha(),
-        ga(10),
-        ya({ crossAxis: !0, padding: 5 }),
-        Sa({ element: r }),
-        ba({
+        t.placement ? null : ya(),
+        ha(10),
+        ba({ crossAxis: !0, padding: 5 }),
+        Ea({ element: r }),
+        wa({
           apply({ availableWidth: c, availableHeight: f, elements: d }) {
             Object.assign(d.floating.style, {
               maxWidth: t.maxWidth ? `${Math.min(c, t.maxWidth) / 16}rem` : "",
@@ -3971,7 +4011,7 @@ const Ta = ["innerHTML"], Ha = {
           }
         })
       ],
-      whileElementsMounted: ma,
+      whileElementsMounted: ga,
       placement: t.placement
     }), s = (c) => ({
       top: 0,
@@ -4002,44 +4042,44 @@ const Ta = ["innerHTML"], Ha = {
       ref: n,
       class: "rvc-group/tooltip"
     }, [
-      k(c.$slots, "default"),
+      O(c.$slots, "default"),
       $("div", {
         ref_key: "tooltipRef",
         ref: l,
-        class: N(["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: $l(S(a))
+        class: I(["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: Sl(x(a))
       }, [
-        k(c.$slots, "content", { content: e.content }, () => [
+        O(c.$slots, "content", { content: e.content }, () => [
           e.content ? (b(), E("div", {
             key: 0,
             innerHTML: e.content
-          }, null, 8, Ta)) : H("", !0)
+          }, null, 8, Oa)) : j("", !0)
         ]),
-        $("div", Z({
+        $("div", G({
           ref_key: "arrowRef",
           ref: r,
           class: "rvc-absolute rvc-tooltip-arrow"
-        }, u(S(o))), null, 16)
+        }, u(x(o))), null, 16)
       ], 6)
     ], 512));
   }
 };
 export {
-  Oa as Accordion,
-  La as Alert,
-  Ca as Badge,
-  ut as ButtonBase,
-  Pa as Checkbox,
-  Aa as DataTable,
-  Ra as Drawer,
-  Fa as Dropdown,
-  Ma as EmptyState,
-  Tn as FormSelect,
-  Ba as Lightswitch,
-  Ia as Modal,
-  Kl as Pagination,
-  Na as Radio,
-  ja as Tabs,
-  Va as Toast,
-  Ha as Tooltip
+  La as Accordion,
+  Ca as Alert,
+  Pa as Badge,
+  Xe as ButtonBase,
+  Aa as Checkbox,
+  Da as DataTable,
+  Fa as Drawer,
+  Ma as Dropdown,
+  Ba as EmptyState,
+  kn as FormSelect,
+  Ia as Lightswitch,
+  Na as Modal,
+  Gl as Pagination,
+  ja as Radio,
+  Va as Tabs,
+  Ha as Toast,
+  Wa as Tooltip
 };