@robuust-digital/vue-components 1.2.2 → 1.2.4

package/dist/vue-components.es.js

@@ -1,29 +1,29 @@
-import * as Kt from "vue";
-import { openBlock as E, createElementBlock as k, createElementVNode as x, Fragment as Le, renderList as nt, renderSlot as C, createTextVNode as he, toDisplayString as re, createVNode as M, unref as S, normalizeClass as q, createBlock as oe, resolveDynamicComponent as Ie, withCtx as H, createCommentVNode as _, watchEffect as te, mergeProps as qe, computed as b, withDirectives as Yn, vModelCheckbox as Kn, ref as $, onMounted as V, cloneVNode as Gn, h as N, defineComponent as I, inject as Y, provide as ie, onUnmounted as ae, watch as de, shallowRef as Ve, getCurrentInstance as Xn, Teleport as Zn, reactive as Qn, nextTick as Jn, withModifiers as un, getCurrentScope as _n, onScopeDispose as el, shallowReadonly as Pe, normalizeStyle as tl } from "vue";
-function nl(e, t) {
-  return E(), k("svg", {
+import * as Gt from "vue";
+import { openBlock as $, createElementBlock as T, createElementVNode as S, Fragment as Te, renderList as nt, renderSlot as C, createTextVNode as he, toDisplayString as oe, createVNode as M, unref as x, normalizeClass as q, createBlock as _, resolveDynamicComponent as Be, withCtx as H, createCommentVNode as ee, watchEffect as ne, mergeProps as ye, computed as b, getCurrentInstance as cn, useAttrs as Zn, withDirectives as dn, vModelDynamic as Qn, normalizeProps as bt, ref as E, onMounted as V, cloneVNode as Jn, h as N, defineComponent as I, inject as K, provide as ie, onUnmounted as ae, watch as de, shallowRef as We, Teleport as _n, reactive as el, nextTick as tl, withModifiers as fn, guardReactiveProps as nl, vModelSelect as ll, getCurrentScope as rl, onScopeDispose as ol, shallowReadonly as De, normalizeStyle as il } from "vue";
+function al(e, t) {
+  return $(), T("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    x("path", {
+    S("path", {
       "fill-rule": "evenodd",
       d: "M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ll(e, t) {
-  return E(), k("svg", {
+function sl(e, t) {
+  return $(), T("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    x("path", {
+    S("path", {
       "fill-rule": "evenodd",
       d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
       "clip-rule": "evenodd"
@@ -31,21 +31,21 @@ function ll(e, t) {
   ]);
 }
 function At(e, t) {
-  return E(), k("svg", {
+  return $(), T("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    x("path", {
+    S("path", {
       "fill-rule": "evenodd",
       d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-const rl = { class: "rvc-accordion" }, ol = ["open", "name"], il = ["innerHTML"], Ro = {
+const ul = { class: "rvc-accordion" }, cl = ["open", "name"], dl = ["innerHTML"], No = {
   __name: "Accordion",
   props: {
     items: {
@@ -67,37 +67,37 @@ const rl = { class: "rvc-accordion" }, ol = ["open", "name"], il = ["innerHTML"]
     }
   },
   setup(e) {
-    return (t, n) => (E(), k("div", rl, [
-      (E(!0), k(Le, null, nt(e.items, (l, r) => (E(), k("details", {
+    return (t, n) => ($(), T("div", ul, [
+      ($(!0), T(Te, null, nt(e.items, (l, r) => ($(), T("details", {
         key: r,
         open: e.defaultOpenIndex === r,
         name: e.name,
         class: "rvc-group/accordion group/accordion"
       }, [
-        x("summary", null, [
+        S("summary", null, [
           C(t.$slots, "summary", {
             item: l,
             active: e.defaultOpenIndex === r
           }, () => [
-            he(re(l.title) + " ", 1),
+            he(oe(l.title) + " ", 1),
             C(t.$slots, "icon", { classList: "size-5 group-open/accordion:rotate-45 transition-transform" }, () => [
-              M(S(ll), { class: "rvc-size-5 group-open/accordion:rvc-rotate-45 rvc-transition-transform" })
+              M(x(sl), { class: "rvc-size-5 group-open/accordion:rvc-rotate-45 rvc-transition-transform" })
             ])
           ])
         ]),
-        x("div", {
+        S("div", {
           class: q(["rvc-accordion-content", e.contentClass])
         }, [
           C(t.$slots, "content", { item: l }, () => [
-            x("div", {
+            S("div", {
               innerHTML: l.content
-            }, null, 8, il)
+            }, null, 8, dl)
           ])
         ], 2)
-      ], 8, ol))), 128))
+      ], 8, cl))), 128))
     ]));
   }
-}, al = { class: "rvc-alert-title" }, Fo = {
+}, fl = { class: "rvc-alert-title" }, jo = {
   __name: "Alert",
   props: {
     as: {
@@ -124,37 +124,37 @@ const rl = { class: "rvc-accordion" }, ol = ["open", "name"], il = ["innerHTML"]
   },
   emits: ["alert:close"],
   setup(e) {
-    return (t, n) => (E(), oe(Ie(e.as), {
+    return (t, n) => ($(), _(Be(e.as), {
       class: q(["rvc-alert", `rvc-alert-${e.type}`])
     }, {
       default: H(() => [
         C(t.$slots, "icon", {}, () => [
-          e.icon ? (E(), oe(Ie(e.icon), {
+          e.icon ? ($(), _(Be(e.icon), {
             key: 0,
             class: "rvc-alert-icon"
-          })) : _("", !0)
+          })) : ee("", !0)
         ]),
-        x("div", null, [
+        S("div", null, [
           C(t.$slots, "title", {}, () => [
-            x("span", al, re(e.title), 1)
+            S("span", fl, oe(e.title), 1)
           ]),
           C(t.$slots, "default")
         ]),
         C(t.$slots, "close", {}, () => [
-          e.close ? (E(), k("button", {
+          e.close ? ($(), T("button", {
             key: 0,
             type: "button",
             class: "rvc-alert-close rvc-transition-colors",
             onClick: n[0] || (n[0] = (l) => t.$emit("alert:close"))
           }, [
-            M(S(At), { class: "rvc-size-5" })
-          ])) : _("", !0)
+            M(x(At), { class: "rvc-size-5" })
+          ])) : ee("", !0)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Bo = {
+}, Ho = {
   __name: "Badge",
   props: {
     as: {
@@ -177,25 +177,25 @@ const rl = { class: "rvc-accordion" }, ol = ["open", "name"], il = ["innerHTML"]
     }
   },
   setup(e) {
-    return (t, n) => (E(), oe(Ie(e.as), {
+    return (t, n) => ($(), _(Be(e.as), {
       class: q(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
     }, {
       default: H(() => [
         C(t.$slots, "default", { label: e.label }, () => [
-          he(re(e.label), 1)
+          he(oe(e.label), 1)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, sl = {
+}, vl = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function ul(e, t) {
-  return E(), k("svg", sl, t[0] || (t[0] = [
-    x("circle", {
+function pl(e, t) {
+  return $(), T("svg", vl, t[0] || (t[0] = [
+    S("circle", {
       cx: "12",
       cy: "12",
       r: "10",
@@ -203,13 +203,13 @@ function ul(e, t) {
       "stroke-width": "4",
       style: { opacity: ".25" }
     }, null, -1),
-    x("path", {
+    S("path", {
       fill: "currentColor",
       d: "M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12zm2 5.291A7.96 7.96 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938z"
     }, null, -1)
   ]));
 }
-const cn = { render: ul }, cl = {
+const vn = { render: pl }, ml = {
   key: 0,
   class: "rvc-sr-only"
 }, rt = {
@@ -254,43 +254,47 @@ const cn = { render: ul }, cl = {
   },
   setup(e) {
     const t = e;
-    return te(() => {
+    return ne(() => {
       t.iconOnly && !t.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
-    }), (n, l) => (E(), oe(Ie(e.as), qe(e.bindAs ? { as: e.bindAs } : {}, {
+    }), (n, l) => ($(), _(Be(e.as), ye(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: H(() => [
-        e.iconOnly && e.label ? (E(), k("span", cl, [
+        e.iconOnly && e.label ? ($(), T("span", ml, [
           C(n.$slots, "default", { label: e.label }, () => [
-            he(re(e.label), 1)
+            he(oe(e.label), 1)
           ])
         ])) : e.label ? C(n.$slots, "default", {
           key: 1,
           label: e.label
         }, () => [
-          he(re(e.label), 1)
-        ]) : _("", !0),
+          he(oe(e.label), 1)
+        ]) : ee("", !0),
         C(n.$slots, "icon", { icon: e.icon }, () => [
-          e.icon && !e.spinning ? (E(), oe(Ie(e.icon), {
+          e.icon && !e.spinning ? ($(), _(Be(e.icon), {
             key: 0,
             class: "rvc-button-icon",
             "aria-hidden": !e.iconOnly
-          }, null, 8, ["aria-hidden"])) : _("", !0)
+          }, null, 8, ["aria-hidden"])) : ee("", !0)
         ]),
         C(n.$slots, "spinner", { spinning: e.spinning }, () => [
-          e.spinning ? (E(), oe(S(cn), {
+          e.spinning ? ($(), _(x(vn), {
             key: 0,
             class: "rvc-button-icon rvc-button-icon-loading",
             "aria-hidden": "true"
-          })) : _("", !0)
+          })) : ee("", !0)
         ])
       ]),
       _: 3
     }, 16, ["class", "aria-label", "aria-busy"]));
   }
-}, dl = { class: "rvc-checkbox" }, fl = ["id"], vl = { class: "rvc-checkbox-input peer-focus/checkbox:rvc-focus" }, pl = ["for"], Mo = /* @__PURE__ */ Object.assign({
+}, pn = () => ({ hasModelBinding: b(() => {
+  var n;
+  const t = cn();
+  return ((n = t == null ? void 0 : t.vnode) == null ? void 0 : n.props) && Object.prototype.hasOwnProperty.call(t.vnode.props, "onUpdate:modelValue");
+}) }), gl = { class: "rvc-checkbox-input peer-focus/checkbox:rvc-focus" }, hl = ["for"], Vo = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Checkbox",
@@ -301,60 +305,72 @@ const cn = { render: ul }, cl = {
     },
     id: {
       type: String,
-      required: !0
+      default: null
     },
     label: {
       type: String,
       default: ""
+    },
+    rootClass: {
+      type: String,
+      default: ""
     }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, l = t, r = b({
       get: () => n.modelValue,
-      set: (o) => l("update:modelValue", o)
-    });
-    return (o, i) => (E(), k("div", dl, [
-      Yn(x("input", qe({ id: e.id }, o.$attrs, {
-        "onUpdate:modelValue": i[0] || (i[0] = (a) => r.value = a),
-        type: "checkbox",
-        class: "rvc-absolute rvc-opacity-0 rvc-inset-0 rvc-cursor-pointer rvc-peer/checkbox"
-      }), null, 16, fl), [
-        [Kn, r.value]
-      ]),
-      x("span", vl, [
-        M(S(nl))
+      set: (c) => l("update:modelValue", c)
+    }), { hasModelBinding: o } = pn(), a = {
+      ...Zn(),
+      id: n.id,
+      type: "checkbox",
+      class: "rvc-absolute rvc-opacity-0 rvc-inset-0 rvc-cursor-pointer rvc-peer/checkbox"
+    };
+    return (c, s) => ($(), T("div", {
+      class: q(["rvc-checkbox", e.rootClass])
+    }, [
+      x(o) ? dn(($(), T("input", ye({ key: 0 }, a, {
+        "onUpdate:modelValue": s[0] || (s[0] = (u) => r.value = u)
+      }), null, 16)), [
+        [Qn, r.value]
+      ]) : ($(), T("input", bt(ye({ key: 1 }, a)), null, 16)),
+      S("span", gl, [
+        M(x(al))
       ]),
-      x("div", null, [
-        o.$slots.default || e.label ? C(o.$slots, "default", { key: 0 }, () => [
-          x("label", { for: e.id }, re(e.label), 9, pl)
-        ]) : _("", !0)
+      S("div", null, [
+        c.$slots.default || e.label ? C(c.$slots, "default", { key: 0 }, () => [
+          S("label", { for: e.id }, oe(e.label), 9, hl)
+        ]) : ee("", !0)
       ])
-    ]));
+    ], 2));
   }
 });
-function ml(e, t) {
-  return E(), k("svg", {
+function yl(e, t) {
+  return $(), T("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
     fill: "currentColor",
     "aria-hidden": "true",
     "data-slot": "icon"
   }, [
-    x("path", {
+    S("path", {
       "fill-rule": "evenodd",
       d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["aria-label", "onClick"], bl = ["innerHTML"], wl = { key: 1 }, xl = ["colspan"], $l = { key: 2 }, Sl = ["colspan"], El = { class: "rvc-flex rvc-gap-x-2 rvc-items-center" }, No = {
+const bl = { class: "rvc-overflow-x-auto rvc-pb-4" }, wl = { key: 0 }, xl = ["aria-label", "onClick"], $l = ["innerHTML"], Sl = { key: 1 }, El = ["colspan"], Ol = { key: 2 }, Ll = ["colspan"], Tl = { class: "rvc-flex rvc-gap-x-2 rvc-items-center" }, Io = {
   __name: "DataTable",
   props: {
     headers: {
       type: Array,
       default: () => [],
-      validator: (e) => e.every((t) => !t.align || ["left", "center", "right"].includes(t.align))
+      validator: (e) => e.every((n) => {
+        const l = !n.align || ["left", "center", "right"].includes(n.align), o = !(n.sortable === !0) || typeof n.key == "string" && n.key.length > 0;
+        return o || console.warn("[DataTable] Header item with sortable=true is missing required 'key' property:", n), !l && n.align && console.warn("[DataTable] Header item has invalid 'align' value. Must be 'left', 'center' or 'right':", n), l && o;
+      })
     },
     items: {
       type: Array,
@@ -377,7 +393,7 @@ const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["ar
   },
   emits: ["table:sortBy"],
   setup(e, { emit: t }) {
-    const n = e, l = t, r = $(null), o = (a) => n.headers.find((c) => c.key === a), i = (a) => {
+    const n = e, l = t, r = E(null), o = (a) => n.headers.find((c) => c.key === a), i = (a) => {
       !r.value || r.value.key !== a.key ? r.value = {
         key: a.key,
         direction: "asc"
@@ -386,24 +402,24 @@ const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["ar
         direction: "desc"
       } : r.value = null, l("table:sortBy", r.value);
     };
-    return (a, c) => (E(), k("div", gl, [
-      x("table", {
+    return (a, c) => ($(), T("div", bl, [
+      S("table", {
         class: q([{ "rvc-table-striped": e.striped }, "rvc-w-full rvc-table"])
       }, [
-        e.headers.length ? (E(), k("thead", hl, [
-          x("tr", null, [
+        e.headers.length ? ($(), T("thead", wl, [
+          S("tr", null, [
             C(a.$slots, "headers", { headers: e.headers }, () => [
-              (E(!0), k(Le, null, nt(e.headers, (s) => {
+              ($(!0), T(Te, null, nt(e.headers, (s) => {
                 var u, d;
-                return E(), k("th", {
+                return $(), T("th", ye({ ref_for: !0 }, s, {
                   key: `rvc-table-header-${s.id}`,
-                  class: q({
+                  class: {
                     "rvc-text-left": s.align === "left" || !s.align,
                     "rvc-text-center": s.align === "center",
                     "rvc-text-right": s.align === "right"
-                  })
-                }, [
-                  s.sortable ? (E(), k("button", {
+                  }
+                }), [
+                  s.sortable && s.key ? ($(), T("button", {
                     key: 0,
                     type: "button",
                     "aria-label": `Sort on ${s.label}`,
@@ -420,9 +436,9 @@ const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["ar
                       sortBy: r.value,
                       header: s
                     }, () => [
-                      he(re(s.label), 1)
+                      he(oe(s.label), 1)
                     ]),
-                    M(S(ml), {
+                    M(x(yl), {
                       class: q([
                         "rvc-size-4 rvc-shrink-0 rvc-transition",
                         {
@@ -432,29 +448,29 @@ const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["ar
                         }
                       ])
                     }, null, 8, ["class"])
-                  ], 10, yl)) : C(a.$slots, "header-label", {
+                  ], 10, xl)) : C(a.$slots, "header-label", {
                     key: 1,
                     sortBy: r.value,
                     header: s
                   }, () => [
-                    he(re(s.label), 1)
+                    he(oe(s.label), 1)
                   ])
-                ], 2);
+                ], 16);
               }), 128))
             ])
           ])
-        ])) : _("", !0),
-        x("tbody", null, [
-          e.items.length && !e.spinning ? (E(!0), k(Le, { key: 0 }, nt(e.items.map(({ id: s, ...u }) => u), (s, u) => (E(), k("tr", {
+        ])) : ee("", !0),
+        S("tbody", null, [
+          e.items.length && !e.spinning ? ($(!0), T(Te, { key: 0 }, nt(e.items, (s, u) => ($(), T("tr", {
             key: `rvc-table-row-${u}-${s.id}`
           }, [
             C(a.$slots, "items", {
               item: s,
               index: u
             }, () => [
-              (E(!0), k(Le, null, nt(s, (d, f) => {
+              ($(!0), T(Te, null, nt(s, (d, f) => {
                 var v, p, m, h;
-                return E(), k("td", qe({
+                return $(), T("td", ye({
                   key: `rvc-table-row-${u}-column-${f}-${s.id}`,
                   ref_for: !0
                 }, s.attrs, {
@@ -464,18 +480,18 @@ const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["ar
                     "rvc-text-right": ((h = o(f)) == null ? void 0 : h.align) === "right"
                   },
                   innerHTML: d
-                }), null, 16, bl);
+                }), null, 16, $l);
               }), 128))
             ])
-          ]))), 128)) : !e.items.length && !e.spinning ? (E(), k("tr", wl, [
-            x("td", {
+          ]))), 128)) : !e.items.length && !e.spinning ? ($(), T("tr", Sl, [
+            S("td", {
               colspan: e.headers.length,
               class: "rvc-table-state"
             }, [
-              x("p", null, re(e.noResultsText), 1)
-            ], 8, xl)
-          ])) : (E(), k("tr", $l, [
-            x("td", {
+              S("p", null, oe(e.noResultsText), 1)
+            ], 8, El)
+          ])) : ($(), T("tr", Ol, [
+            S("td", {
               colspan: e.headers.length,
               class: "rvc-table-state"
             }, [
@@ -483,34 +499,34 @@ const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["ar
                 spinning: e.spinning,
                 label: e.loadingText
               }, () => [
-                x("div", El, [
-                  e.spinning ? (E(), oe(S(cn), {
+                S("div", Tl, [
+                  e.spinning ? ($(), _(x(vn), {
                     key: 0,
                     "aria-hidden": "true",
                     class: "rvc-table-spinner"
-                  })) : _("", !0),
-                  he(" " + re(e.loadingText), 1)
+                  })) : ee("", !0),
+                  he(" " + oe(e.loadingText), 1)
                 ])
               ])
-            ], 8, Sl)
+            ], 8, Ll)
           ]))
         ])
       ], 2)
     ]));
   }
 };
-function Ol(e, t, n) {
-  let l = $(n == null ? void 0 : n.value), r = b(() => e.value !== void 0);
+function Cl(e, t, n) {
+  let l = E(n == null ? void 0 : n.value), r = b(() => e.value !== void 0);
   return [b(() => r.value ? e.value : l.value), function(o) {
     return r.value || (l.value = o), t == null ? void 0 : t(o);
   }];
 }
-function kt(e) {
+function Pt(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
     throw t;
   }));
 }
-function Ye() {
+function Ke() {
   let e = [], t = { addEventListener(n, l, r, o) {
     return n.addEventListener(l, r, o), t.add(() => n.removeEventListener(l, r, o));
   }, requestAnimationFrame(...n) {
@@ -525,7 +541,7 @@ function Ye() {
     t.add(() => clearTimeout(l));
   }, microTask(...n) {
     let l = { current: !0 };
-    return kt(() => {
+    return Pt(() => {
       l.current && n[0]();
     }), t.add(() => {
       l.current = !1;
@@ -536,7 +552,7 @@ function Ye() {
       Object.assign(n.style, { [l]: o });
     });
   }, group(n) {
-    let l = Ye();
+    let l = Ke();
     return n(l), this.add(() => l.dispose());
   }, add(n) {
     return e.push(n), () => {
@@ -548,10 +564,10 @@ function Ye() {
   } };
   return t;
 }
-var Gt;
-let Ll = Symbol("headlessui.useid"), Tl = 0;
-const ye = (Gt = Kt.useId) != null ? Gt : function() {
-  return Kt.inject(Ll, () => `${++Tl}`)();
+var Xt;
+let kl = Symbol("headlessui.useid"), Al = 0;
+const be = (Xt = Gt.useId) != null ? Xt : function() {
+  return Gt.inject(kl, () => `${++Al}`)();
 };
 function D(e) {
   var t;
@@ -567,10 +583,10 @@ function pe(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, pe), l;
 }
-var Cl = Object.defineProperty, Al = (e, t, n) => t in e ? Cl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Xt = (e, t, n) => (Al(e, typeof t != "symbol" ? t + "" : t, n), n);
-let kl = class {
+var Pl = Object.defineProperty, Dl = (e, t, n) => t in e ? Pl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Zt = (e, t, n) => (Dl(e, typeof t != "symbol" ? t + "" : t, n), n);
+let Rl = class {
   constructor() {
-    Xt(this, "current", this.detect()), Xt(this, "currentId", 0);
+    Zt(this, "current", this.detect()), Zt(this, "currentId", 0);
   }
   set(t) {
     this.current !== t && (this.currentId = 0, this.current = t);
@@ -590,9 +606,9 @@ let kl = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, Ke = new kl();
-function Be(e) {
-  if (Ke.isServer) return null;
+}, Ye = new Rl();
+function Ne(e) {
+  if (Ye.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
     let t = D(e);
@@ -600,40 +616,40 @@ function Be(e) {
   }
   return document;
 }
-let bt = ["[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 be = ((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))(be || {}), dn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(dn || {}), Pl = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Pl || {});
-function Dl(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(bt)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+let wt = ["[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 || {}), mn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(mn || {}), Fl = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Fl || {});
+function Bl(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(wt)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
-var fn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(fn || {});
-function Rl(e, t = 0) {
+var gn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(gn || {});
+function Ml(e, t = 0) {
   var n;
-  return e === ((n = Be(e)) == null ? void 0 : n.body) ? !1 : pe(t, { 0() {
-    return e.matches(bt);
+  return e === ((n = Ne(e)) == null ? void 0 : n.body) ? !1 : pe(t, { 0() {
+    return e.matches(wt);
   }, 1() {
     let l = e;
     for (; l !== null; ) {
-      if (l.matches(bt)) return !0;
+      if (l.matches(wt)) return !0;
       l = l.parentElement;
     }
     return !1;
   } });
 }
-var Fl = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Fl || {});
+var Nl = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Nl || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
   e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function Te(e) {
+function Ce(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
-let Bl = ["textarea", "input"].join(",");
-function Ml(e) {
+let jl = ["textarea", "input"].join(",");
+function Hl(e) {
   var t, n;
-  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Bl)) != null ? n : !1;
+  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, jl)) != null ? n : !1;
 }
-function Nl(e, t = (n) => n) {
+function Vl(e, t = (n) => n) {
   return e.slice().sort((n, l) => {
     let r = t(n), o = t(l);
     if (r === null || o === null) return 0;
@@ -643,7 +659,7 @@ function Nl(e, t = (n) => n) {
 }
 function lt(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] } = {}) {
   var o;
-  let i = (o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? o : document, a = Array.isArray(e) ? n ? Nl(e) : e : Dl(e);
+  let i = (o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? o : document, a = Array.isArray(e) ? n ? Vl(e) : e : Bl(e);
   r.length > 0 && a.length > 1 && (a = a.filter((p) => !r.includes(p))), l = l ?? i.activeElement;
   let c = (() => {
     if (t & 5) return 1;
@@ -666,28 +682,28 @@ function lt(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] }
     }
     v = a[p], v == null || v.focus(u), d += c;
   } while (v !== i.activeElement);
-  return t & 6 && Ml(v) && v.select(), 2;
+  return t & 6 && Hl(v) && v.select(), 2;
 }
-function vn() {
+function hn() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function jl() {
+function Il() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function Hl() {
-  return vn() || jl();
+function Wl() {
+  return hn() || Il();
 }
 function Je(e, t, n) {
-  Ke.isServer || te((l) => {
+  Ye.isServer || ne((l) => {
     document.addEventListener(e, t, n), l(() => document.removeEventListener(e, t, n));
   });
 }
-function pn(e, t, n) {
-  Ke.isServer || te((l) => {
+function yn(e, t, n) {
+  Ye.isServer || ne((l) => {
     window.addEventListener(e, t, n), l(() => window.removeEventListener(e, t, n));
   });
 }
-function Vl(e, t, n = b(() => !0)) {
+function Ul(e, t, n = b(() => !0)) {
   function l(o, i) {
     if (!n.value || o.defaultPrevented) return;
     let a = i(o);
@@ -700,9 +716,9 @@ function Vl(e, t, n = b(() => !0)) {
       let u = s instanceof HTMLElement ? s : D(s);
       if (u != null && u.contains(a) || o.composed && o.composedPath().includes(u)) return;
     }
-    return !Rl(a, fn.Loose) && a.tabIndex !== -1 && o.preventDefault(), t(o, a);
+    return !Ml(a, gn.Loose) && a.tabIndex !== -1 && o.preventDefault(), t(o, a);
   }
-  let r = $(null);
+  let r = E(null);
   Je("pointerdown", (o) => {
     var i, a;
     n.value && (r.value = ((a = (i = o.composedPath) == null ? void 0 : i.call(o)) == null ? void 0 : a[0]) || o.target);
@@ -710,27 +726,27 @@ function Vl(e, t, n = b(() => !0)) {
     var i, a;
     n.value && (r.value = ((a = (i = o.composedPath) == null ? void 0 : i.call(o)) == null ? void 0 : a[0]) || o.target);
   }, !0), Je("click", (o) => {
-    Hl() || r.value && (l(o, () => r.value), r.value = null);
-  }, !0), Je("touchend", (o) => l(o, () => o.target instanceof HTMLElement ? o.target : null), !0), pn("blur", (o) => l(o, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+    Wl() || r.value && (l(o, () => r.value), r.value = null);
+  }, !0), Je("touchend", (o) => l(o, () => o.target instanceof HTMLElement ? o.target : null), !0), yn("blur", (o) => l(o, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
-function Zt(e, t) {
+function Qt(e, t) {
   if (e) return e;
   let n = t ?? "button";
   if (typeof n == "string" && n.toLowerCase() === "button") return "button";
 }
-function Il(e, t) {
-  let n = $(Zt(e.value.type, e.value.as));
+function zl(e, t) {
+  let n = E(Qt(e.value.type, e.value.as));
   return V(() => {
-    n.value = Zt(e.value.type, e.value.as);
-  }), te(() => {
+    n.value = Qt(e.value.type, e.value.as);
+  }), ne(() => {
     var l;
     n.value || D(t) && D(t) instanceof HTMLButtonElement && !((l = D(t)) != null && l.hasAttribute("type")) && (n.value = "button");
   }), n;
 }
-var ot = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(ot || {}), we = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(we || {});
+var ot = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(ot || {}), xe = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(xe || {});
 function W({ visible: e = !0, features: t = 0, ourProps: n, theirProps: l, ...r }) {
   var o;
-  let i = gn(l, n), a = Object.assign(r, { props: i });
+  let i = wn(l, n), a = Object.assign(r, { props: i });
   if (e || t & 2 && i.static) return mt(a);
   if (t & 1) {
     let c = (o = i.unmount) == null || o ? 0 : 1;
@@ -744,20 +760,20 @@ function W({ visible: e = !0, features: t = 0, ourProps: n, theirProps: l, ...r
 }
 function mt({ props: e, attrs: t, slots: n, slot: l, name: r }) {
   var o, i;
-  let { as: a, ...c } = Pt(e, ["unmount", "static"]), s = (o = n.default) == null ? void 0 : o.call(n, l), u = {};
+  let { as: a, ...c } = Dt(e, ["unmount", "static"]), s = (o = n.default) == null ? void 0 : o.call(n, l), u = {};
   if (l) {
     let d = !1, f = [];
     for (let [v, p] of Object.entries(l)) typeof p == "boolean" && (d = !0), p === !0 && f.push(v);
     d && (u["data-headlessui-state"] = f.join(" "));
   }
   if (a === "template") {
-    if (s = mn(s ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
+    if (s = bn(s ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
       let [d, ...f] = s ?? [];
-      if (!Ul(d) || f.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(c).concat(Object.keys(t)).map((m) => m.trim()).filter((m, h, y) => y.indexOf(m) === h).sort((m, h) => m.localeCompare(h)).map((m) => `  - ${m}`).join(`
+      if (!Kl(d) || f.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(c).concat(Object.keys(t)).map((m) => m.trim()).filter((m, h, y) => y.indexOf(m) === h).sort((m, h) => m.localeCompare(h)).map((m) => `  - ${m}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
 `)].join(`
 `));
-      let v = gn((i = d.props) != null ? i : {}, c, u), p = Gn(d, v, !0);
+      let v = wn((i = d.props) != null ? i : {}, c, u), p = Jn(d, v, !0);
       for (let m in v) m.startsWith("on") && (p.props || (p.props = {}), p.props[m] = v[m]);
       return p;
     }
@@ -765,10 +781,10 @@ function mt({ props: e, attrs: t, slots: n, slot: l, name: r }) {
   }
   return N(a, Object.assign({}, c, u), { default: () => s });
 }
-function mn(e) {
-  return e.flatMap((t) => t.type === Le ? mn(t.children) : [t]);
+function bn(e) {
+  return e.flatMap((t) => t.type === Te ? bn(t.children) : [t]);
 }
-function gn(...e) {
+function wn(...e) {
   if (e.length === 0) return {};
   if (e.length === 1) return e[0];
   let t = {}, n = {};
@@ -783,52 +799,52 @@ function gn(...e) {
   } });
   return t;
 }
-function Wl(e) {
+function ql(e) {
   let t = Object.assign({}, e);
   for (let n in t) t[n] === void 0 && delete t[n];
   return t;
 }
-function Pt(e, t = []) {
+function Dt(e, t = []) {
   let n = Object.assign({}, e);
   for (let l of t) l in n && delete n[l];
   return n;
 }
-function Ul(e) {
+function Kl(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
-var We = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(We || {});
+var Ue = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Ue || {});
 let it = I({ 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, ...o } = e, i = { "aria-hidden": (r & 2) === 2 ? !0 : (l = o["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 W({ ourProps: i, theirProps: o, slot: {}, attrs: n, slots: t, name: "Hidden" });
   };
-} }), hn = Symbol("Context");
+} }), xn = Symbol("Context");
 var Q = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Q || {});
-function zl() {
-  return Dt() !== null;
+function Yl() {
+  return Rt() !== null;
 }
-function Dt() {
-  return Y(hn, null);
+function Rt() {
+  return K(xn, null);
 }
-function ql(e) {
-  ie(hn, e);
+function Gl(e) {
+  ie(xn, e);
 }
 var at = ((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))(at || {});
-function Yl(e) {
+function Xl(e) {
   function t() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
 }
-let Ee = [];
-Yl(() => {
+let Oe = [];
+Xl(() => {
   function e(t) {
-    t.target instanceof HTMLElement && t.target !== document.body && Ee[0] !== t.target && (Ee.unshift(t.target), Ee = Ee.filter((n) => n != null && n.isConnected), Ee.splice(10));
+    t.target instanceof HTMLElement && t.target !== document.body && Oe[0] !== t.target && (Oe.unshift(t.target), Oe = Oe.filter((n) => n != null && n.isConnected), Oe.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 Kl(e) {
+function Zl(e) {
   var t, n;
   let l = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
   if (l) {
@@ -839,19 +855,19 @@ function Kl(e) {
     (n = l.requestSubmit) == null || n.call(l);
   }
 }
-function yn(e, t, n, l) {
-  Ke.isServer || te((r) => {
+function $n(e, t, n, l) {
+  Ye.isServer || ne((r) => {
     e = e ?? window, e.addEventListener(t, n, l), r(() => e.removeEventListener(t, n, l));
   });
 }
-var He = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(He || {});
-function Gl() {
-  let e = $(0);
-  return pn("keydown", (t) => {
+var Ie = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Ie || {});
+function Ql() {
+  let e = E(0);
+  return yn("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
-function bn(e) {
+function Sn(e) {
   if (!e) return /* @__PURE__ */ new Set();
   if (typeof e == "function") return new Set(e());
   let t = /* @__PURE__ */ new Set();
@@ -861,26 +877,26 @@ function bn(e) {
   }
   return t;
 }
-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 Ne = Object.assign(I({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: $(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
-  let r = $(null);
+var En = ((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))(En || {});
+let He = Object.assign(I({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: E(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
+  let r = E(null);
   l({ el: r, $el: r });
-  let o = b(() => Be(r)), i = $(!1);
-  V(() => i.value = !0), ae(() => i.value = !1), Zl({ ownerDocument: o }, b(() => i.value && !!(e.features & 16)));
-  let a = Ql({ ownerDocument: o, container: r, initialFocus: b(() => e.initialFocus) }, b(() => i.value && !!(e.features & 2)));
-  Jl({ ownerDocument: o, container: r, containers: e.containers, previousActiveElement: a }, b(() => i.value && !!(e.features & 8)));
-  let c = Gl();
+  let o = b(() => Ne(r)), i = E(!1);
+  V(() => i.value = !0), ae(() => i.value = !1), _l({ ownerDocument: o }, b(() => i.value && !!(e.features & 16)));
+  let a = er({ ownerDocument: o, container: r, initialFocus: b(() => e.initialFocus) }, b(() => i.value && !!(e.features & 2)));
+  tr({ ownerDocument: o, container: r, containers: e.containers, previousActiveElement: a }, b(() => i.value && !!(e.features & 8)));
+  let c = Ql();
   function s(v) {
     let p = D(r);
     p && ((m) => m())(() => {
-      pe(c.value, { [He.Forwards]: () => {
-        lt(p, be.First, { skipElements: [v.relatedTarget] });
-      }, [He.Backwards]: () => {
-        lt(p, be.Last, { skipElements: [v.relatedTarget] });
+      pe(c.value, { [Ie.Forwards]: () => {
+        lt(p, we.First, { skipElements: [v.relatedTarget] });
+      }, [Ie.Backwards]: () => {
+        lt(p, we.Last, { skipElements: [v.relatedTarget] });
       } });
     });
   }
-  let u = $(!1);
+  let u = E(!1);
   function d(v) {
     v.key === "Tab" && (u.value = !0, requestAnimationFrame(() => {
       u.value = !1;
@@ -888,45 +904,45 @@ let Ne = Object.assign(I({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }
   function f(v) {
     if (!i.value) return;
-    let p = bn(e.containers);
+    let p = Sn(e.containers);
     D(r) instanceof HTMLElement && p.add(D(r));
     let m = v.relatedTarget;
-    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (xn(p, m) || (u.value ? lt(D(r), pe(c.value, { [He.Forwards]: () => be.Next, [He.Backwards]: () => be.Previous }) | be.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Te(v.target)));
+    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (On(p, m) || (u.value ? lt(D(r), pe(c.value, { [Ie.Forwards]: () => we.Next, [Ie.Backwards]: () => we.Previous }) | we.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Ce(v.target)));
   }
   return () => {
     let v = {}, p = { ref: r, onKeydown: d, onFocusout: f }, { features: m, initialFocus: h, containers: y, ...g } = e;
-    return N(Le, [!!(m & 4) && N(it, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: We.Focusable }), W({ ourProps: p, theirProps: { ...t, ...g }, slot: v, attrs: t, slots: n, name: "FocusTrap" }), !!(m & 4) && N(it, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: We.Focusable })]);
+    return N(Te, [!!(m & 4) && N(it, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: Ue.Focusable }), W({ ourProps: p, theirProps: { ...t, ...g }, slot: v, attrs: t, slots: n, name: "FocusTrap" }), !!(m & 4) && N(it, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: Ue.Focusable })]);
   };
-} }), { features: wn });
-function Xl(e) {
-  let t = $(Ee.slice());
+} }), { features: En });
+function Jl(e) {
+  let t = E(Oe.slice());
   return de([e], ([n], [l]) => {
-    l === !0 && n === !1 ? kt(() => {
+    l === !0 && n === !1 ? Pt(() => {
       t.value.splice(0);
-    }) : l === !1 && n === !0 && (t.value = Ee.slice());
+    }) : l === !1 && n === !0 && (t.value = Oe.slice());
   }, { flush: "post" }), () => {
     var n;
     return (n = t.value.find((l) => l != null && l.isConnected)) != null ? n : null;
   };
 }
-function Zl({ ownerDocument: e }, t) {
-  let n = Xl(t);
+function _l({ ownerDocument: e }, t) {
+  let n = Jl(t);
   V(() => {
-    te(() => {
+    ne(() => {
       var l, r;
-      t.value || ((l = e.value) == null ? void 0 : l.activeElement) === ((r = e.value) == null ? void 0 : r.body) && Te(n());
+      t.value || ((l = e.value) == null ? void 0 : l.activeElement) === ((r = e.value) == null ? void 0 : r.body) && Ce(n());
     }, { flush: "post" });
   }), ae(() => {
-    t.value && Te(n());
+    t.value && Ce(n());
   });
 }
-function Ql({ ownerDocument: e, container: t, initialFocus: n }, l) {
-  let r = $(null), o = $(!1);
+function er({ ownerDocument: e, container: t, initialFocus: n }, l) {
+  let r = E(null), o = E(!1);
   return V(() => o.value = !0), ae(() => o.value = !1), V(() => {
     de([t, n, l], (i, a) => {
       if (i.every((s, u) => (a == null ? void 0 : a[u]) === s) || !l.value) return;
       let c = D(t);
-      c && kt(() => {
+      c && Pt(() => {
         var s, u;
         if (!o.value) return;
         let d = D(n), f = (s = e.value) == null ? void 0 : s.activeElement;
@@ -939,34 +955,34 @@ function Ql({ ownerDocument: e, container: t, initialFocus: n }, l) {
           r.value = f;
           return;
         }
-        d ? Te(d) : lt(c, be.First | be.NoScroll) === dn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (u = e.value) == null ? void 0 : u.activeElement;
+        d ? Ce(d) : lt(c, we.First | we.NoScroll) === mn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (u = e.value) == null ? void 0 : u.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), r;
 }
-function Jl({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
+function tr({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
   var o;
-  yn((o = e.value) == null ? void 0 : o.defaultView, "focus", (i) => {
+  $n((o = e.value) == null ? void 0 : o.defaultView, "focus", (i) => {
     if (!r.value) return;
-    let a = bn(n);
+    let a = Sn(n);
     D(t) instanceof HTMLElement && a.add(D(t));
     let c = l.value;
     if (!c) return;
     let s = i.target;
-    s && s instanceof HTMLElement ? xn(a, s) ? (l.value = s, Te(s)) : (i.preventDefault(), i.stopPropagation(), Te(c)) : Te(l.value);
+    s && s instanceof HTMLElement ? On(a, s) ? (l.value = s, Ce(s)) : (i.preventDefault(), i.stopPropagation(), Ce(c)) : Ce(l.value);
   }, !0);
 }
-function xn(e, t) {
+function On(e, t) {
   for (let n of e) if (n.contains(t)) return !0;
   return !1;
 }
-function _l(e) {
-  let t = Ve(e.getSnapshot());
+function nr(e) {
+  let t = We(e.getSnapshot());
   return ae(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function er(e, t) {
+function lr(e, t) {
   let n = e(), l = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return n;
@@ -977,7 +993,7 @@ function er(e, t) {
     i && (n = i, l.forEach((a) => a()));
   } };
 }
-function tr() {
+function rr() {
   let e;
   return { before({ doc: t }) {
     var n;
@@ -988,15 +1004,15 @@ function tr() {
     n.style(l, "paddingRight", `${o}px`);
   } };
 }
-function nr() {
-  return vn() ? { before({ doc: e, d: t, meta: n }) {
+function or() {
+  return hn() ? { before({ doc: e, d: t, meta: n }) {
     function l(r) {
       return n.containers.flatMap((o) => o()).some((o) => o.contains(r));
     }
     t.microTask(() => {
       var r;
       if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let a = Ye();
+        let a = Ke();
         a.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => a.dispose()));
       }
       let o = (r = window.scrollY) != null ? r : window.pageYOffset, i = null;
@@ -1031,56 +1047,56 @@ function nr() {
     });
   } } : {};
 }
-function lr() {
+function ir() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function rr(e) {
+function ar(e) {
   let t = {};
   for (let n of e) Object.assign(t, n(t));
   return t;
 }
-let Oe = er(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+let Le = lr(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   var n;
-  let l = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: Ye(), meta: /* @__PURE__ */ new Set() };
+  let l = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: Ke(), 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: rr(n) }, r = [nr(), tr(), lr()];
+  let l = { doc: e, d: t, meta: ar(n) }, r = [or(), rr(), ir()];
   r.forEach(({ before: o }) => o == null ? void 0 : o(l)), r.forEach(({ after: o }) => o == null ? void 0 : o(l));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
 }, TEARDOWN({ doc: e }) {
   this.delete(e);
 } });
-Oe.subscribe(() => {
-  let e = Oe.getSnapshot(), t = /* @__PURE__ */ new Map();
+Le.subscribe(() => {
+  let e = Le.getSnapshot(), t = /* @__PURE__ */ new Map();
   for (let [n] of e) t.set(n, n.documentElement.style.overflow);
   for (let n of e.values()) {
     let l = t.get(n.doc) === "hidden", r = n.count !== 0;
-    (r && !l || !r && l) && Oe.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && Oe.dispatch("TEARDOWN", n);
+    (r && !l || !r && l) && Le.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && Le.dispatch("TEARDOWN", n);
   }
 });
-function or(e, t, n) {
-  let l = _l(Oe), r = b(() => {
+function sr(e, t, n) {
+  let l = nr(Le), r = b(() => {
     let o = e.value ? l.value.get(e.value) : void 0;
     return o ? o.count > 0 : !1;
   });
   return de([e, t], ([o, i], [a], c) => {
     if (!o || !i) return;
-    Oe.dispatch("PUSH", o, n);
+    Le.dispatch("PUSH", o, n);
     let s = !1;
     c(() => {
-      s || (Oe.dispatch("POP", a ?? o, n), s = !0);
+      s || (Le.dispatch("POP", a ?? o, n), s = !0);
     });
   }, { immediate: !0 }), r;
 }
-let gt = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map();
-function Qt(e, t = $(!0)) {
-  te((n) => {
+let gt = /* @__PURE__ */ new Map(), Ve = /* @__PURE__ */ new Map();
+function Jt(e, t = E(!0)) {
+  ne((n) => {
     var l;
     if (!t.value) return;
     let r = D(e);
@@ -1088,17 +1104,17 @@ function Qt(e, t = $(!0)) {
     n(function() {
       var i;
       if (!r) return;
-      let a = (i = je.get(r)) != null ? i : 1;
-      if (a === 1 ? je.delete(r) : je.set(r, a - 1), a !== 1) return;
+      let a = (i = Ve.get(r)) != null ? i : 1;
+      if (a === 1 ? Ve.delete(r) : Ve.set(r, a - 1), a !== 1) return;
       let c = gt.get(r);
       c && (c["aria-hidden"] === null ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", c["aria-hidden"]), r.inert = c.inert, gt.delete(r));
     });
-    let o = (l = je.get(r)) != null ? l : 0;
-    je.set(r, o + 1), o === 0 && (gt.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), r.setAttribute("aria-hidden", "true"), r.inert = !0);
+    let o = (l = Ve.get(r)) != null ? l : 0;
+    Ve.set(r, o + 1), o === 0 && (gt.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), r.setAttribute("aria-hidden", "true"), r.inert = !0);
   });
 }
-function ir({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
-  let l = $(null), r = Be(l);
+function ur({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
+  let l = E(null), r = Ne(l);
   function o() {
     var i, a, c;
     let s = [];
@@ -1110,26 +1126,26 @@ function ir({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {})
   return { resolveContainers: o, contains(i) {
     return o().some((a) => a.contains(i));
   }, mainTreeNodeRef: l, MainTreeNode() {
-    return n != null ? null : N(it, { features: We.Hidden, ref: l });
+    return n != null ? null : N(it, { features: Ue.Hidden, ref: l });
   } };
 }
-let $n = Symbol("ForcePortalRootContext");
-function ar() {
-  return Y($n, !1);
+let Ln = Symbol("ForcePortalRootContext");
+function cr() {
+  return K(Ln, !1);
 }
-let wt = I({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
-  return ie($n, e.force), () => {
+let xt = I({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
+  return ie(Ln, e.force), () => {
     let { force: l, ...r } = e;
     return W({ theirProps: r, ourProps: {}, slot: {}, slots: t, attrs: n, name: "ForcePortalRoot" });
   };
-} }), Sn = Symbol("StackContext");
-var xt = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(xt || {});
-function sr() {
-  return Y(Sn, () => {
+} }), Tn = Symbol("StackContext");
+var $t = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))($t || {});
+function dr() {
+  return K(Tn, () => {
   });
 }
-function ur({ type: e, enabled: t, element: n, onUpdate: l }) {
-  let r = sr();
+function fr({ type: e, enabled: t, element: n, onUpdate: l }) {
+  let r = dr();
   function o(...i) {
     l == null || l(...i), r(...i);
   }
@@ -1139,34 +1155,34 @@ function ur({ type: e, enabled: t, element: n, onUpdate: l }) {
     }, { immediate: !0, flush: "sync" });
   }), ae(() => {
     t.value && o(1, e, n);
-  }), ie(Sn, o);
+  }), ie(Tn, o);
 }
-let En = Symbol("DescriptionContext");
-function cr() {
-  let e = Y(En, null);
+let Cn = Symbol("DescriptionContext");
+function vr() {
+  let e = K(Cn, null);
   if (e === null) throw new Error("Missing parent");
   return e;
 }
-function On({ slot: e = $({}), name: t = "Description", props: n = {} } = {}) {
-  let l = $([]);
+function kn({ slot: e = E({}), name: t = "Description", props: n = {} } = {}) {
+  let l = E([]);
   function r(o) {
     return l.value.push(o), () => {
       let i = l.value.indexOf(o);
       i !== -1 && l.value.splice(i, 1);
     };
   }
-  return ie(En, { register: r, slot: e, name: t, props: n }), b(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+  return ie(Cn, { register: r, slot: e, name: t, props: n }), b(() => l.value.length > 0 ? l.value.join(" ") : void 0);
 }
 I({ 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-${ye()}`, o = cr();
+  let r = (l = e.id) != null ? l : `headlessui-description-${be()}`, o = vr();
   return V(() => ae(o.register(r))), () => {
-    let { name: i = "Description", slot: a = $({}), props: c = {} } = o, { ...s } = e, u = { ...Object.entries(c).reduce((d, [f, v]) => Object.assign(d, { [f]: S(v) }), {}), id: r };
+    let { name: i = "Description", slot: a = E({}), props: c = {} } = o, { ...s } = e, u = { ...Object.entries(c).reduce((d, [f, v]) => Object.assign(d, { [f]: x(v) }), {}), id: r };
     return W({ ourProps: u, theirProps: s, slot: a.value, attrs: t, slots: n, name: i });
   };
 } });
-function dr(e) {
-  let t = Be(e);
+function pr(e) {
+  let t = Ne(e);
   if (!t) {
     if (e === null) return null;
     throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e}`);
@@ -1176,25 +1192,25 @@ function dr(e) {
   let l = t.createElement("div");
   return l.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(l);
 }
-const $t = /* @__PURE__ */ new WeakMap();
-function fr(e) {
+const St = /* @__PURE__ */ new WeakMap();
+function mr(e) {
   var t;
-  return (t = $t.get(e)) != null ? t : 0;
+  return (t = St.get(e)) != null ? t : 0;
 }
-function Jt(e, t) {
-  let n = t(fr(e));
-  return n <= 0 ? $t.delete(e) : $t.set(e, n), n;
+function _t(e, t) {
+  let n = t(mr(e));
+  return n <= 0 ? St.delete(e) : St.set(e, n), n;
 }
-let Ln = I({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
-  let l = $(null), r = b(() => Be(l)), o = ar(), i = Y(Tn, null), a = $(o === !0 || i == null ? dr(l.value) : i.resolveTarget());
-  a.value && Jt(a.value, (f) => f + 1);
-  let c = $(!1);
+let An = I({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+  let l = E(null), r = b(() => Ne(l)), o = cr(), i = K(Pn, null), a = E(o === !0 || i == null ? pr(l.value) : i.resolveTarget());
+  a.value && _t(a.value, (f) => f + 1);
+  let c = E(!1);
   V(() => {
     c.value = !0;
-  }), te(() => {
+  }), ne(() => {
     o || i != null && (a.value = i.resolveTarget());
   });
-  let s = Y(St, null), u = !1, d = Xn();
+  let s = K(Et, null), u = !1, d = cn();
   return de(l, () => {
     if (u || !s) return;
     let f = D(l);
@@ -1202,15 +1218,15 @@ let Ln = I({ name: "Portal", props: { as: { type: [Object, String], default: "di
   }), ae(() => {
     var f, v;
     let p = (f = r.value) == null ? void 0 : f.getElementById("headlessui-portal-root");
-    !p || a.value !== p || Jt(a.value, (m) => m - 1) || a.value.children.length > 0 || (v = a.value.parentElement) == null || v.removeChild(a.value);
+    !p || a.value !== p || _t(a.value, (m) => m - 1) || a.value.children.length > 0 || (v = a.value.parentElement) == null || v.removeChild(a.value);
   }), () => {
     if (!c.value || a.value === null) return null;
     let f = { ref: l, "data-headlessui-portal": "" };
-    return N(Zn, { to: a.value }, W({ ourProps: f, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
+    return N(_n, { to: a.value }, W({ ourProps: f, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
   };
-} }), St = Symbol("PortalParentContext");
-function vr() {
-  let e = Y(St, null), t = $([]);
+} }), Et = Symbol("PortalParentContext");
+function gr() {
+  let e = K(Et, null), t = E([]);
   function n(o) {
     return t.value.push(o), e && e.register(o), () => l(o);
   }
@@ -1220,92 +1236,92 @@ function vr() {
   }
   let r = { register: n, unregister: l, portals: t };
   return [t, I({ name: "PortalWrapper", setup(o, { slots: i }) {
-    return ie(St, r), () => {
+    return ie(Et, r), () => {
       var a;
       return (a = i.default) == null ? void 0 : a.call(i);
     };
   } })];
 }
-let Tn = Symbol("PortalGroupContext"), pr = I({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
-  let l = Qn({ resolveTarget() {
+let Pn = Symbol("PortalGroupContext"), hr = I({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
+  let l = el({ resolveTarget() {
     return e.target;
   } });
-  return ie(Tn, l), () => {
+  return ie(Pn, l), () => {
     let { target: r, ...o } = e;
     return W({ theirProps: o, ourProps: {}, slot: {}, attrs: t, slots: n, name: "PortalGroup" });
   };
 } });
-var mr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(mr || {});
-let Et = Symbol("DialogContext");
+var yr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(yr || {});
+let Ot = Symbol("DialogContext");
 function Ge(e) {
-  let t = Y(Et, null);
+  let t = K(Ot, null);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(n, Ge), n;
   }
   return t;
 }
-let _e = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Cn = I({ 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: _e }, 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 _e = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Dn = I({ 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: _e }, 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 o, i;
-  let a = (o = e.id) != null ? o : `headlessui-dialog-${ye()}`, c = $(!1);
+  let a = (o = e.id) != null ? o : `headlessui-dialog-${be()}`, c = E(!1);
   V(() => {
     c.value = !0;
   });
-  let s = !1, u = b(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (s || (s = !0, console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), d = $(0), f = Dt(), v = b(() => e.open === _e && f !== null ? (f.value & Q.Open) === Q.Open : e.open), p = $(null), m = b(() => Be(p));
+  let s = !1, u = b(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (s || (s = !0, console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), d = E(0), f = Rt(), v = b(() => e.open === _e && f !== null ? (f.value & Q.Open) === Q.Open : e.open), p = E(null), m = b(() => Ne(p));
   if (r({ el: p, $el: p }), !(e.open !== _e || f !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof v.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${v.value === _e ? void 0 : e.open}`);
-  let h = b(() => c.value && v.value ? 0 : 1), y = b(() => h.value === 0), g = b(() => d.value > 1), w = Y(Et, null) !== null, [T, L] = vr(), { resolveContainers: P, mainTreeNodeRef: O, MainTreeNode: R } = ir({ portals: T, defaultContainers: [b(() => {
+  let h = b(() => c.value && v.value ? 0 : 1), y = b(() => h.value === 0), g = b(() => d.value > 1), w = K(Ot, null) !== null, [k, L] = gr(), { resolveContainers: P, mainTreeNodeRef: O, MainTreeNode: R } = ur({ portals: k, defaultContainers: [b(() => {
     var A;
     return (A = ce.panelRef.value) != null ? A : p.value;
-  })] }), U = b(() => g.value ? "parent" : "leaf"), F = b(() => f !== null ? (f.value & Q.Closing) === Q.Closing : !1), z = b(() => w || F.value ? !1 : y.value), K = b(() => {
-    var A, B, ne;
-    return (ne = Array.from((B = (A = m.value) == null ? void 0 : A.querySelectorAll("body > *")) != null ? B : []).find((le) => le.id === "headlessui-portal-root" ? !1 : le.contains(D(O)) && le instanceof HTMLElement)) != null ? ne : null;
+  })] }), U = b(() => g.value ? "parent" : "leaf"), F = b(() => f !== null ? (f.value & Q.Closing) === Q.Closing : !1), z = b(() => w || F.value ? !1 : y.value), Y = b(() => {
+    var A, B, le;
+    return (le = Array.from((B = (A = m.value) == null ? void 0 : A.querySelectorAll("body > *")) != null ? B : []).find((re) => re.id === "headlessui-portal-root" ? !1 : re.contains(D(O)) && re instanceof HTMLElement)) != null ? le : null;
   });
-  Qt(K, z);
+  Jt(Y, z);
   let j = b(() => g.value ? !0 : y.value), G = b(() => {
-    var A, B, ne;
-    return (ne = Array.from((B = (A = m.value) == null ? void 0 : A.querySelectorAll("[data-headlessui-portal]")) != null ? B : []).find((le) => le.contains(D(O)) && le instanceof HTMLElement)) != null ? ne : null;
+    var A, B, le;
+    return (le = Array.from((B = (A = m.value) == null ? void 0 : A.querySelectorAll("[data-headlessui-portal]")) != null ? B : []).find((re) => re.contains(D(O)) && re instanceof HTMLElement)) != null ? le : null;
   });
-  Qt(G, j), ur({ type: "Dialog", enabled: b(() => h.value === 0), element: p, onUpdate: (A, B) => {
-    if (B === "Dialog") return pe(A, { [xt.Add]: () => d.value += 1, [xt.Remove]: () => d.value -= 1 });
+  Jt(G, j), fr({ type: "Dialog", enabled: b(() => h.value === 0), element: p, onUpdate: (A, B) => {
+    if (B === "Dialog") return pe(A, { [$t.Add]: () => d.value += 1, [$t.Remove]: () => d.value -= 1 });
   } });
-  let X = On({ name: "DialogDescription", slot: b(() => ({ open: v.value })) }), Z = $(null), ce = { titleId: Z, panelRef: $(null), dialogState: h, setTitleId(A) {
+  let X = kn({ name: "DialogDescription", slot: b(() => ({ open: v.value })) }), Z = E(null), ce = { titleId: Z, panelRef: E(null), dialogState: h, setTitleId(A) {
     Z.value !== A && (Z.value = A);
   }, close() {
     t("close", !1);
   } };
-  ie(Et, ce);
-  let zt = b(() => !(!y.value || g.value));
-  Vl(P, (A, B) => {
-    A.preventDefault(), ce.close(), Jn(() => B == null ? void 0 : B.focus());
-  }, zt);
-  let qt = b(() => !(g.value || h.value !== 0));
-  yn((i = m.value) == null ? void 0 : i.defaultView, "keydown", (A) => {
-    qt.value && (A.defaultPrevented || A.key === at.Escape && (A.preventDefault(), A.stopPropagation(), ce.close()));
+  ie(Ot, ce);
+  let qt = b(() => !(!y.value || g.value));
+  Ul(P, (A, B) => {
+    A.preventDefault(), ce.close(), tl(() => B == null ? void 0 : B.focus());
+  }, qt);
+  let Kt = b(() => !(g.value || h.value !== 0));
+  $n((i = m.value) == null ? void 0 : i.defaultView, "keydown", (A) => {
+    Kt.value && (A.defaultPrevented || A.key === at.Escape && (A.preventDefault(), A.stopPropagation(), ce.close()));
   });
   let Yt = b(() => !(F.value || h.value !== 0 || w));
-  return or(m, Yt, (A) => {
+  return sr(m, Yt, (A) => {
     var B;
     return { containers: [...(B = A.containers) != null ? B : [], P] };
-  }), te((A) => {
+  }), ne((A) => {
     if (h.value !== 0) return;
     let B = D(p);
     if (!B) return;
-    let ne = new ResizeObserver((le) => {
-      for (let pt of le) {
+    let le = new ResizeObserver((re) => {
+      for (let pt of re) {
         let Qe = pt.target.getBoundingClientRect();
         Qe.x === 0 && Qe.y === 0 && Qe.width === 0 && Qe.height === 0 && ce.close();
       }
     });
-    ne.observe(B), A(() => ne.disconnect());
+    le.observe(B), A(() => le.disconnect());
   }), () => {
-    let { open: A, initialFocus: B, ...ne } = e, le = { ...n, ref: p, id: a, role: u.value, "aria-modal": h.value === 0 ? !0 : void 0, "aria-labelledby": Z.value, "aria-describedby": X.value }, pt = { open: h.value === 0 };
-    return N(wt, { force: !0 }, () => [N(Ln, () => N(pr, { target: p.value }, () => N(wt, { force: !1 }, () => N(Ne, { initialFocus: B, containers: P, features: y.value ? pe(U.value, { parent: Ne.features.RestoreFocus, leaf: Ne.features.All & ~Ne.features.FocusLock }) : Ne.features.None }, () => N(L, {}, () => W({ ourProps: le, theirProps: { ...ne, ...n }, slot: pt, attrs: n, slots: l, visible: h.value === 0, features: ot.RenderStrategy | ot.Static, name: "Dialog" })))))), N(R)]);
+    let { open: A, initialFocus: B, ...le } = e, re = { ...n, ref: p, id: a, role: u.value, "aria-modal": h.value === 0 ? !0 : void 0, "aria-labelledby": Z.value, "aria-describedby": X.value }, pt = { open: h.value === 0 };
+    return N(xt, { force: !0 }, () => [N(An, () => N(hr, { target: p.value }, () => N(xt, { force: !1 }, () => N(He, { initialFocus: B, containers: P, features: y.value ? pe(U.value, { parent: He.features.RestoreFocus, leaf: He.features.All & ~He.features.FocusLock }) : He.features.None }, () => N(L, {}, () => W({ ourProps: re, theirProps: { ...le, ...n }, slot: pt, attrs: n, slots: l, visible: h.value === 0, features: ot.RenderStrategy | ot.Static, name: "Dialog" })))))), N(R)]);
   };
 } });
 I({ 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-${ye()}`, o = Ge("DialogOverlay");
+  let r = (l = e.id) != null ? l : `headlessui-dialog-overlay-${be()}`, o = Ge("DialogOverlay");
   function i(a) {
     a.target === a.currentTarget && (a.preventDefault(), a.stopPropagation(), o.close());
   }
@@ -1316,17 +1332,17 @@ I({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
 } });
 I({ 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 o = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${ye()}`, i = Ge("DialogBackdrop"), a = $(null);
+  let o = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${be()}`, i = Ge("DialogBackdrop"), a = E(null);
   return l({ el: a, $el: a }), V(() => {
     if (i.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...c } = e, s = { id: o, ref: a, "aria-hidden": !0 };
-    return N(wt, { force: !0 }, () => N(Ln, () => W({ ourProps: s, theirProps: { ...t, ...c }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
+    return N(xt, { force: !0 }, () => N(An, () => W({ ourProps: s, theirProps: { ...t, ...c }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let An = I({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
+let Rn = I({ 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 o = (r = e.id) != null ? r : `headlessui-dialog-panel-${ye()}`, i = Ge("DialogPanel");
+  let o = (r = e.id) != null ? r : `headlessui-dialog-panel-${be()}`, i = Ge("DialogPanel");
   l({ el: i.panelRef, $el: i.panelRef });
   function a(c) {
     c.stopPropagation();
@@ -1335,62 +1351,62 @@ let An = I({ name: "DialogPanel", props: { as: { type: [Object, String], default
     let { ...c } = e, s = { id: o, ref: i.panelRef, onClick: a };
     return W({ ourProps: s, theirProps: c, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
   };
-} }), kn = I({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+} }), Fn = I({ 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-${ye()}`, o = Ge("DialogTitle");
+  let r = (l = e.id) != null ? l : `headlessui-dialog-title-${be()}`, o = Ge("DialogTitle");
   return V(() => {
     o.setTitleId(r), ae(() => o.setTitleId(null));
   }), () => {
     let { ...i } = e;
     return W({ ourProps: { id: r }, theirProps: i, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
   };
-} }), Pn = Symbol("LabelContext");
-function Dn() {
-  let e = Y(Pn, null);
+} }), Bn = Symbol("LabelContext");
+function Mn() {
+  let e = K(Bn, 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, Dn), t;
+    throw Error.captureStackTrace && Error.captureStackTrace(t, Mn), t;
   }
   return e;
 }
-function gr({ slot: e = {}, name: t = "Label", props: n = {} } = {}) {
-  let l = $([]);
+function br({ slot: e = {}, name: t = "Label", props: n = {} } = {}) {
+  let l = E([]);
   function r(o) {
     return l.value.push(o), () => {
       let i = l.value.indexOf(o);
       i !== -1 && l.value.splice(i, 1);
     };
   }
-  return ie(Pn, { register: r, slot: e, name: t, props: n }), b(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+  return ie(Bn, { register: r, slot: e, name: t, props: n }), b(() => l.value.length > 0 ? l.value.join(" ") : void 0);
 }
-let hr = I({ 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 wr = I({ 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-${ye()}`, o = Dn();
+  let r = (l = e.id) != null ? l : `headlessui-label-${be()}`, o = Mn();
   return V(() => ae(o.register(r))), () => {
-    let { name: i = "Label", slot: a = {}, props: c = {} } = o, { passive: s, ...u } = e, d = { ...Object.entries(c).reduce((f, [v, p]) => Object.assign(f, { [v]: S(p) }), {}), id: r };
+    let { name: i = "Label", slot: a = {}, props: c = {} } = o, { passive: s, ...u } = e, d = { ...Object.entries(c).reduce((f, [v, p]) => Object.assign(f, { [v]: x(p) }), {}), id: r };
     return s && (delete d.onClick, delete d.htmlFor, delete u.onClick), W({ ourProps: d, theirProps: u, slot: a, attrs: n, slots: t, name: i });
   };
-} }), Rn = Symbol("GroupContext"), yr = I({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
-  let l = $(null), r = gr({ name: "SwitchLabel", props: { htmlFor: b(() => {
+} }), Nn = Symbol("GroupContext"), xr = I({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
+  let l = E(null), r = br({ name: "SwitchLabel", props: { htmlFor: b(() => {
     var i;
     return (i = l.value) == null ? void 0 : i.id;
   }), onClick(i) {
     l.value && (i.currentTarget.tagName === "LABEL" && i.preventDefault(), l.value.click(), l.value.focus({ preventScroll: !0 }));
-  } } }), o = On({ name: "SwitchDescription" });
-  return ie(Rn, { switchRef: l, labelledby: r, describedby: o }), () => W({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: n, name: "SwitchGroup" });
-} }), br = I({ 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 }) {
+  } } }), o = kn({ name: "SwitchDescription" });
+  return ie(Nn, { switchRef: l, labelledby: r, describedby: o }), () => W({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: n, name: "SwitchGroup" });
+} }), $r = I({ 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 o;
-  let i = (o = e.id) != null ? o : `headlessui-switch-${ye()}`, a = Y(Rn, null), [c, s] = Ol(b(() => e.modelValue), (g) => t("update:modelValue", g), b(() => e.defaultChecked));
+  let i = (o = e.id) != null ? o : `headlessui-switch-${be()}`, a = K(Nn, null), [c, s] = Cl(b(() => e.modelValue), (g) => t("update:modelValue", g), b(() => e.defaultChecked));
   function u() {
     s(!c.value);
   }
-  let d = $(null), f = a === null ? d : a.switchRef, v = Il(b(() => ({ as: e.as, type: n.type })), f);
+  let d = E(null), f = a === null ? d : a.switchRef, v = zl(b(() => ({ as: e.as, type: n.type })), f);
   r({ el: f, $el: f });
   function p(g) {
     g.preventDefault(), u();
   }
   function m(g) {
-    g.key === at.Space ? (g.preventDefault(), u()) : g.key === at.Enter && Kl(g.currentTarget);
+    g.key === at.Space ? (g.preventDefault(), u()) : g.key === at.Enter && Zl(g.currentTarget);
   }
   function h(g) {
     g.preventDefault();
@@ -1411,11 +1427,11 @@ let hr = I({ name: "Label", props: { as: { type: [Object, String], default: "lab
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: g, value: w, form: T, tabIndex: L, ...P } = e, O = { checked: c.value }, R = { id: i, ref: f, role: "switch", type: v.value, tabIndex: L === -1 ? 0 : L, "aria-checked": c.value, "aria-labelledby": a == null ? void 0 : a.labelledby.value, "aria-describedby": a == null ? void 0 : a.describedby.value, onClick: p, onKeyup: m, onKeypress: h };
-    return N(Le, [g != null && c.value != null ? N(it, Wl({ features: We.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: c.value, form: T, disabled: P.disabled, name: g, value: w })) : null, W({ ourProps: R, theirProps: { ...n, ...Pt(P, ["modelValue", "defaultChecked"]) }, slot: O, attrs: n, slots: l, name: "Switch" })]);
+    let { name: g, value: w, form: k, tabIndex: L, ...P } = e, O = { checked: c.value }, R = { id: i, ref: f, role: "switch", type: v.value, tabIndex: L === -1 ? 0 : L, "aria-checked": c.value, "aria-labelledby": a == null ? void 0 : a.labelledby.value, "aria-describedby": a == null ? void 0 : a.describedby.value, onClick: p, onKeyup: m, onKeypress: h };
+    return N(Te, [g != null && c.value != null ? N(it, ql({ features: Ue.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: c.value, form: k, disabled: P.disabled, name: g, value: w })) : null, W({ ourProps: R, theirProps: { ...n, ...Dt(P, ["modelValue", "defaultChecked"]) }, slot: O, attrs: n, slots: l, name: "Switch" })]);
   };
-} }), wr = hr;
-function xr(e) {
+} }), Sr = wr;
+function Er(e) {
   let t = { called: !1 };
   return (...n) => {
     if (!t.called) return t.called = !0, e(...n);
@@ -1427,9 +1443,9 @@ function ht(e, ...t) {
 function et(e, ...t) {
   e && t.length > 0 && e.classList.remove(...t);
 }
-var Ot = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(Ot || {});
-function $r(e, t) {
-  let n = Ye();
+var Lt = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(Lt || {});
+function Or(e, t) {
+  let n = Ke();
   if (!e) return n.dispose;
   let { transitionDuration: l, transitionDelay: r } = getComputedStyle(e), [o, i] = [l, r].map((a) => {
     let [c = 0] = a.split(",").filter(Boolean).map((s) => s.includes("ms") ? parseFloat(s) : parseFloat(s) * 1e3).sort((s, u) => u - s);
@@ -1437,54 +1453,54 @@ function $r(e, t) {
   });
   return o !== 0 ? n.setTimeout(() => t("finished"), o + i) : t("finished"), n.add(() => t("cancelled")), n.dispose;
 }
-function _t(e, t, n, l, r, o) {
-  let i = Ye(), a = o !== void 0 ? xr(o) : () => {
+function en(e, t, n, l, r, o) {
+  let i = Ke(), a = o !== void 0 ? Er(o) : () => {
   };
   return et(e, ...r), ht(e, ...t, ...n), i.nextFrame(() => {
-    et(e, ...n), ht(e, ...l), i.add($r(e, (c) => (et(e, ...l, ...t), ht(e, ...r), a(c))));
+    et(e, ...n), ht(e, ...l), i.add(Or(e, (c) => (et(e, ...l, ...t), ht(e, ...r), a(c))));
   }), i.add(() => et(e, ...t, ...n, ...l, ...r)), i.add(() => a("cancelled")), i.dispose;
 }
-function Se(e = "") {
+function Ee(e = "") {
   return e.split(/\s+/).filter((t) => t.length > 1);
 }
-let Rt = Symbol("TransitionContext");
-var Sr = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Sr || {});
-function Er() {
-  return Y(Rt, null) !== null;
+let Ft = Symbol("TransitionContext");
+var Lr = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Lr || {});
+function Tr() {
+  return K(Ft, null) !== null;
 }
-function Or() {
-  let e = Y(Rt, null);
+function Cr() {
+  let e = K(Ft, null);
   if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-function Lr() {
-  let e = Y(Ft, null);
+function kr() {
+  let e = K(Bt, null);
   if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-let Ft = Symbol("NestingContext");
+let Bt = Symbol("NestingContext");
 function ct(e) {
   return "children" in e ? ct(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
 }
-function Fn(e) {
-  let t = $([]), n = $(!1);
+function jn(e) {
+  let t = E([]), n = E(!1);
   V(() => n.value = !0), ae(() => n.value = !1);
-  function l(o, i = we.Hidden) {
+  function l(o, i = xe.Hidden) {
     let a = t.value.findIndex(({ id: c }) => c === o);
-    a !== -1 && (pe(i, { [we.Unmount]() {
+    a !== -1 && (pe(i, { [xe.Unmount]() {
       t.value.splice(a, 1);
-    }, [we.Hidden]() {
+    }, [xe.Hidden]() {
       t.value[a].state = "hidden";
     } }), !ct(t) && n.value && (e == null || e()));
   }
   function r(o) {
     let i = t.value.find(({ id: a }) => a === o);
-    return i ? i.state !== "visible" && (i.state = "visible") : t.value.push({ id: o, state: "visible" }), () => l(o, we.Unmount);
+    return i ? i.state !== "visible" && (i.state = "visible") : t.value.push({ id: o, state: "visible" }), () => l(o, xe.Unmount);
   }
   return { children: t, register: r, unregister: l };
 }
-let Bn = ot.RenderStrategy, Ue = I({ 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 o = $(0);
+let Hn = ot.RenderStrategy, ze = I({ 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 o = E(0);
   function i() {
     o.value |= Q.Opening, t("beforeEnter");
   }
@@ -1497,17 +1513,17 @@ let Bn = ot.RenderStrategy, Ue = I({ props: { as: { type: [Object, String], defa
   function s() {
     o.value &= ~Q.Closing, t("afterLeave");
   }
-  if (!Er() && zl()) return () => N(Bt, { ...e, onBeforeEnter: i, onAfterEnter: a, onBeforeLeave: c, onAfterLeave: s }, l);
-  let u = $(null), d = b(() => e.unmount ? we.Unmount : we.Hidden);
+  if (!Tr() && Yl()) return () => N(Mt, { ...e, onBeforeEnter: i, onAfterEnter: a, onBeforeLeave: c, onAfterLeave: s }, l);
+  let u = E(null), d = b(() => e.unmount ? xe.Unmount : xe.Hidden);
   r({ el: u, $el: u });
-  let { show: f, appear: v } = Or(), { register: p, unregister: m } = Lr(), h = $(f.value ? "visible" : "hidden"), y = { value: !0 }, g = ye(), w = { value: !1 }, T = Fn(() => {
+  let { show: f, appear: v } = Cr(), { register: p, unregister: m } = kr(), h = E(f.value ? "visible" : "hidden"), y = { value: !0 }, g = be(), w = { value: !1 }, k = jn(() => {
     !w.value && h.value !== "hidden" && (h.value = "hidden", m(g), s());
   });
   V(() => {
     let j = p(g);
     ae(j);
-  }), te(() => {
-    if (d.value === we.Hidden && g) {
+  }), ne(() => {
+    if (d.value === xe.Hidden && g) {
       if (f.value && h.value !== "visible") {
         h.value = "visible";
         return;
@@ -1515,50 +1531,50 @@ let Bn = ot.RenderStrategy, Ue = I({ props: { as: { type: [Object, String], defa
       pe(h.value, { hidden: () => m(g), visible: () => p(g) });
     }
   });
-  let L = Se(e.enter), P = Se(e.enterFrom), O = Se(e.enterTo), R = Se(e.entered), U = Se(e.leave), F = Se(e.leaveFrom), z = Se(e.leaveTo);
+  let L = Ee(e.enter), P = Ee(e.enterFrom), O = Ee(e.enterTo), R = Ee(e.entered), U = Ee(e.leave), F = Ee(e.leaveFrom), z = Ee(e.leaveTo);
   V(() => {
-    te(() => {
+    ne(() => {
       if (h.value === "visible") {
         let j = D(u);
         if (j instanceof Comment && j.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
-  function K(j) {
+  function Y(j) {
     let G = y.value && !v.value, X = D(u);
-    !X || !(X instanceof HTMLElement) || G || (w.value = !0, f.value && i(), f.value || c(), j(f.value ? _t(X, L, P, O, R, (Z) => {
-      w.value = !1, Z === Ot.Finished && a();
-    }) : _t(X, U, F, z, R, (Z) => {
-      w.value = !1, Z === Ot.Finished && (ct(T) || (h.value = "hidden", m(g), s()));
+    !X || !(X instanceof HTMLElement) || G || (w.value = !0, f.value && i(), f.value || c(), j(f.value ? en(X, L, P, O, R, (Z) => {
+      w.value = !1, Z === Lt.Finished && a();
+    }) : en(X, U, F, z, R, (Z) => {
+      w.value = !1, Z === Lt.Finished && (ct(k) || (h.value = "hidden", m(g), s()));
     })));
   }
   return V(() => {
     de([f], (j, G, X) => {
-      K(X), y.value = !1;
+      Y(X), y.value = !1;
     }, { immediate: !0 });
-  }), ie(Ft, T), ql(b(() => pe(h.value, { visible: Q.Open, hidden: Q.Closed }) | o.value)), () => {
-    let { appear: j, show: G, enter: X, enterFrom: Z, enterTo: ce, entered: zt, leave: qt, leaveFrom: Yt, leaveTo: A, ...B } = e, ne = { ref: u }, le = { ...B, ...v.value && f.value && Ke.isServer ? { class: q([n.class, B.class, ...L, ...P]) } : {} };
-    return W({ theirProps: le, ourProps: ne, slot: {}, slots: l, attrs: n, features: Bn, visible: h.value === "visible", name: "TransitionChild" });
+  }), ie(Bt, k), Gl(b(() => pe(h.value, { visible: Q.Open, hidden: Q.Closed }) | o.value)), () => {
+    let { appear: j, show: G, enter: X, enterFrom: Z, enterTo: ce, entered: qt, leave: Kt, leaveFrom: Yt, leaveTo: A, ...B } = e, le = { ref: u }, re = { ...B, ...v.value && f.value && Ye.isServer ? { class: q([n.class, B.class, ...L, ...P]) } : {} };
+    return W({ theirProps: re, ourProps: le, slot: {}, slots: l, attrs: n, features: Hn, visible: h.value === "visible", name: "TransitionChild" });
   };
-} }), Tr = Ue, Bt = I({ 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 = Dt(), o = b(() => e.show === null && r !== null ? (r.value & Q.Open) === Q.Open : e.show);
-  te(() => {
+} }), Ar = ze, Mt = I({ 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 = Rt(), o = b(() => e.show === null && r !== null ? (r.value & Q.Open) === Q.Open : e.show);
+  ne(() => {
     if (![!0, !1].includes(o.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let i = $(o.value ? "visible" : "hidden"), a = Fn(() => {
+  let i = E(o.value ? "visible" : "hidden"), a = jn(() => {
     i.value = "hidden";
-  }), c = $(!0), s = { show: o, appear: b(() => e.appear || !c.value) };
+  }), c = E(!0), s = { show: o, appear: b(() => e.appear || !c.value) };
   return V(() => {
-    te(() => {
+    ne(() => {
       c.value = !1, o.value ? i.value = "visible" : ct(a) || (i.value = "hidden");
     });
-  }), ie(Ft, a), ie(Rt, s), () => {
-    let u = Pt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), d = { unmount: e.unmount };
-    return W({ ourProps: { ...d, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [N(Tr, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...d, ...u }, l.default)] }, attrs: {}, features: Bn, visible: i.value === "visible", name: "Transition" });
+  }), ie(Bt, a), ie(Ft, s), () => {
+    let u = Dt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), d = { unmount: e.unmount };
+    return W({ ourProps: { ...d, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [N(Ar, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...d, ...u }, l.default)] }, attrs: {}, features: Hn, visible: i.value === "visible", name: "Transition" });
   };
 } });
-function Mn(e) {
-  const t = $(null), n = $(!1), l = b(() => e.as === "form"), r = b(() => `${e.id}-title`), o = b(() => `${e.id}-content`), i = b(() => {
+function Vn(e) {
+  const t = E(null), n = E(!1), l = b(() => e.as === "form"), r = b(() => `${e.id}-title`), o = b(() => `${e.id}-content`), i = b(() => {
     var a;
     return (a = t.value) == null ? void 0 : a.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
   });
@@ -1571,13 +1587,13 @@ function Mn(e) {
     initialFocusElement: i
   };
 }
-const Cr = {
+const Pr = {
   class: "rvc-fixed rvc-inset-0 rvc-overflow-hidden",
   role: "presentation"
-}, Ar = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, kr = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, Pr = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, Dr = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Rr = {
+}, Dr = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, Rr = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, Fr = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, Br = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Mr = {
   key: 0,
   class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
-}, Fr = ["id"], Br = { class: "rvc-flex rvc-shrink-0 rvc-drawer-footer" }, Ho = {
+}, Nr = ["id"], jr = { class: "rvc-flex rvc-shrink-0 rvc-drawer-footer" }, Uo = {
   __name: "Drawer",
   props: {
     as: {
@@ -1626,22 +1642,22 @@ const Cr = {
       titleId: a,
       descriptionId: c,
       initialFocusElement: s
-    } = Mn(l);
-    return (u, d) => (E(), oe(S(Bt), { as: "template" }, {
+    } = Vn(l);
+    return (u, d) => ($(), _(x(Mt), { as: "template" }, {
       default: H(() => [
-        M(S(Cn), {
+        M(x(Dn), {
           as: e.as,
           class: "rvc-drawer",
           static: "",
           "aria-modal": "true",
           role: "dialog",
-          "initial-focus": S(s),
-          "aria-labelledby": S(a),
+          "initial-focus": x(s),
+          "aria-labelledby": x(a),
           onClose: d[5] || (d[5] = (f) => u.$emit("drawer:close")),
-          onSubmit: d[6] || (d[6] = un((f) => n("drawer:save", f), ["prevent"]))
+          onSubmit: d[6] || (d[6] = fn((f) => n("drawer:save", f), ["prevent"]))
         }, {
           default: H(() => [
-            M(S(Ue), {
+            M(x(ze), {
               as: "template",
               enter: "rvc-ease-in-out rvc-duration-500",
               "enter-from": "rvc-opacity-0",
@@ -1652,17 +1668,17 @@ const Cr = {
               onBeforeEnter: d[0] || (d[0] = (f) => n("drawer:open"))
             }, {
               default: H(() => d[7] || (d[7] = [
-                x("div", {
+                S("div", {
                   class: "rvc-fixed rvc-inset-0 rvc-transition-opacity rvc-drawer-backdrop",
                   "aria-hidden": "true"
                 }, null, -1)
               ])),
               _: 1
             }),
-            x("div", Cr, [
-              x("div", Ar, [
-                x("div", kr, [
-                  M(S(Ue), {
+            S("div", Pr, [
+              S("div", Dr, [
+                S("div", Rr, [
+                  M(x(ze), {
                     as: "template",
                     enter: "rvc-transform rvc-transition rvc-ease-in-out rvc-duration-500 sm:rvc-duration-700",
                     "enter-from": "rvc-translate-x-full",
@@ -1674,59 +1690,59 @@ const Cr = {
                     onAfterLeave: d[4] || (d[4] = (f) => (o.value = !1, n("drawer:closed")))
                   }, {
                     default: H(() => [
-                      M(S(An), {
+                      M(x(Rn), {
                         class: q(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
                         "aria-busy": e.spinning,
-                        "aria-describedby": S(c)
+                        "aria-describedby": x(c)
                       }, {
                         default: H(() => [
-                          x("div", Pr, [
-                            x("header", {
+                          S("div", Fr, [
+                            S("header", {
                               class: q([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "rvc-drawer-header"])
                             }, [
                               C(u.$slots, "header", {
                                 title: e.title,
                                 showClose: e.showClose
                               }, () => [
-                                x("div", Dr, [
-                                  M(S(kn), {
-                                    id: S(a),
+                                S("div", Br, [
+                                  M(x(Fn), {
+                                    id: x(a),
                                     class: "rvc-drawer-title"
                                   }, {
                                     default: H(() => [
-                                      he(re(e.title), 1)
+                                      he(oe(e.title), 1)
                                     ]),
                                     _: 1
                                   }, 8, ["id"]),
-                                  e.showClose ? (E(), k("div", Rr, [
-                                    x("button", {
+                                  e.showClose ? ($(), T("div", Mr, [
+                                    S("button", {
                                       type: "button",
                                       class: "rvc-relative rvc-drawer-close",
                                       "aria-label": "Close panel",
                                       onClick: d[1] || (d[1] = (f) => n("drawer:close"))
                                     }, [
-                                      M(S(At), {
+                                      M(x(At), {
                                         class: "rvc-size-full",
                                         "aria-hidden": "true"
                                       })
                                     ])
-                                  ])) : _("", !0)
+                                  ])) : ee("", !0)
                                 ])
                               ])
                             ], 2),
-                            x("div", {
+                            S("div", {
                               class: q([e.scrolledDown ? "rvc-flex-col-reverse" : "rvc-flex-col", "rvc-flex rvc-min-h-0 rvc-flex-1 rvc-overflow-y-scroll"])
                             }, [
-                              x("div", {
-                                id: S(c),
+                              S("div", {
+                                id: x(c),
                                 ref_key: "contentRef",
                                 ref: r,
                                 class: "rvc-relative rvc-flex-1 rvc-drawer-content"
                               }, [
-                                C(u.$slots, "default", { ready: S(o) })
-                              ], 8, Fr)
+                                C(u.$slots, "default", { ready: x(o) })
+                              ], 8, Nr)
                             ], 2),
-                            x("footer", Br, [
+                            S("footer", jr, [
                               C(u.$slots, "footer", { loading: e.spinning }, () => [
                                 M(rt, {
                                   type: "button",
@@ -1734,13 +1750,13 @@ const Cr = {
                                   color: "light",
                                   onClick: d[2] || (d[2] = (f) => n("drawer:close"))
                                 }, null, 8, ["label"]),
-                                S(i) ? (E(), oe(rt, {
+                                x(i) ? ($(), _(rt, {
                                   key: 0,
                                   type: "submit",
                                   label: e.submitLabel,
                                   spinning: e.spinning,
                                   disabled: e.spinning
-                                }, null, 8, ["label", "spinning", "disabled"])) : _("", !0)
+                                }, null, 8, ["label", "spinning", "disabled"])) : ee("", !0)
                               ])
                             ])
                           ])
@@ -1760,7 +1776,69 @@ const Cr = {
       _: 3
     }));
   }
-}, Vo = /* @__PURE__ */ Object.assign({
+};
+function Hr(e, t) {
+  return $(), T("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    S("path", {
+      "fill-rule": "evenodd",
+      d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const zo = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "FormSelect",
+  props: {
+    modelValue: {
+      type: [String, Number, Object],
+      default: null
+    },
+    rootClass: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: [Object, Function],
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, r = b({
+      get: () => n.modelValue,
+      set: (i) => l("update:modelValue", i)
+    }), { hasModelBinding: o } = pn();
+    return (i, a) => ($(), T("div", {
+      class: q([
+        "rvc-select",
+        e.rootClass
+      ])
+    }, [
+      C(i.$slots, "select", bt(nl(i.$attrs)), () => [
+        x(o) ? dn(($(), T("select", ye({ key: 0 }, i.$attrs, {
+          "onUpdate:modelValue": a[0] || (a[0] = (c) => r.value = c)
+        }), [
+          C(i.$slots, "default")
+        ], 16)), [
+          [ll, r.value]
+        ]) : ($(), T("select", bt(ye({ key: 1 }, i.$attrs)), [
+          C(i.$slots, "default")
+        ], 16))
+      ]),
+      C(i.$slots, "icon", { icon: e.icon }, () => [
+        ($(), _(Be(e.icon ?? x(Hr)), { "aria-hidden": "true" }))
+      ])
+    ], 2));
+  }
+}), qo = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "Lightswitch",
@@ -1776,40 +1854,40 @@ const Cr = {
       get: () => n.modelValue,
       set: (o) => l("update:modelValue", o)
     });
-    return (o, i) => (E(), oe(S(yr), {
+    return (o, i) => ($(), _(x(xr), {
       as: "div",
       class: "rvc-lightswitch-group"
     }, {
       default: H(() => [
-        M(S(br), qe({
+        M(x($r), ye({
           modelValue: r.value,
           "onUpdate:modelValue": i[0] || (i[0] = (a) => r.value = a),
           class: [{ "rvc-lightswitch-enabled": r.value }, "rvc-lightswitch"]
         }, o.$attrs), {
           default: H(() => [
-            x("span", {
+            S("span", {
               class: q([{ "rvc-translate-x-6": r.value }, "rvc-lightswitch-toggle"])
             }, null, 2)
           ]),
           _: 1
         }, 16, ["modelValue", "class"]),
-        o.$slots.default ? (E(), oe(S(wr), { key: 0 }, {
+        o.$slots.default ? ($(), _(x(Sr), { key: 0 }, {
           default: H(() => [
             C(o.$slots, "default")
           ]),
           _: 3
-        })) : _("", !0)
+        })) : ee("", !0)
       ]),
       _: 3
     }));
   }
-}), Mr = {
+}), Vr = {
   role: "presentation",
   class: "rvc-fixed rvc-inset-0 rvc-z-10 rvc-w-screen rvc-overflow-y-auto"
-}, Nr = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, jr = { class: "rvc-modal-header" }, Hr = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Vr = {
+}, Ir = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, Wr = { class: "rvc-modal-header" }, Ur = { class: "rvc-flex rvc-items-center rvc-justify-between" }, zr = {
   key: 0,
   class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
-}, Ir = ["id"], Wr = { class: "rvc-modal-footer" }, Io = {
+}, qr = ["id"], Kr = { class: "rvc-modal-footer" }, Ko = {
   __name: "Modal",
   props: {
     as: {
@@ -1852,22 +1930,22 @@ const Cr = {
       titleId: a,
       descriptionId: c,
       initialFocusElement: s
-    } = Mn(l);
-    return (u, d) => (E(), oe(S(Bt), { as: "template" }, {
+    } = Vn(l);
+    return (u, d) => ($(), _(x(Mt), { as: "template" }, {
       default: H(() => [
-        M(S(Cn), {
+        M(x(Dn), {
           as: e.as,
           class: "rvc-modal",
           static: "",
           "aria-modal": "true",
           role: "dialog",
-          "initial-focus": S(s),
-          "aria-labelledby": S(a),
+          "initial-focus": x(s),
+          "aria-labelledby": x(a),
           onClose: d[6] || (d[6] = (f) => u.$emit("modal:close")),
-          onSubmit: d[7] || (d[7] = un((f) => n("modal:save", f), ["prevent"]))
+          onSubmit: d[7] || (d[7] = fn((f) => n("modal:save", f), ["prevent"]))
         }, {
           default: H(() => [
-            M(S(Ue), {
+            M(x(ze), {
               as: "template",
               enter: "rvc-ease-out rvc-duration-300",
               "enter-from": "rvc-opacity-0",
@@ -1878,16 +1956,16 @@ const Cr = {
               onBeforeEnter: d[0] || (d[0] = (f) => n("modal:open"))
             }, {
               default: H(() => d[8] || (d[8] = [
-                x("div", {
+                S("div", {
                   "aria-hidden": "true",
                   class: "rvc-fixed rvc-inset-0 rvc-transition-opacity rvc-modal-backdrop"
                 }, null, -1)
               ])),
               _: 1
             }),
-            x("div", Mr, [
-              x("div", Nr, [
-                M(S(Ue), {
+            S("div", Vr, [
+              S("div", Ir, [
+                M(x(ze), {
                   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",
@@ -1899,56 +1977,56 @@ const Cr = {
                   onAfterLeave: d[5] || (d[5] = (f) => (o.value = !1, n("modal:closed")))
                 }, {
                   default: H(() => [
-                    M(S(An), {
+                    M(x(Rn), {
                       class: q(["rvc-modal-panel", e.panelClass]),
                       "aria-busy": e.spinning,
-                      "aria-describedby": S(c)
+                      "aria-describedby": x(c)
                     }, {
                       default: H(() => [
-                        x("header", jr, [
+                        S("header", Wr, [
                           C(u.$slots, "header", { title: e.title }, () => [
-                            x("div", Hr, [
-                              M(S(kn), {
-                                id: S(a),
+                            S("div", Ur, [
+                              M(x(Fn), {
+                                id: x(a),
                                 class: "rvc-modal-title"
                               }, {
                                 default: H(() => [
-                                  he(re(e.title), 1)
+                                  he(oe(e.title), 1)
                                 ]),
                                 _: 1
                               }, 8, ["id"]),
-                              e.showClose ? (E(), k("div", Vr, [
-                                x("button", {
+                              e.showClose ? ($(), T("div", zr, [
+                                S("button", {
                                   type: "button",
                                   class: "rvc-relative rvc-modal-close",
                                   "aria-label": "Close panel",
                                   onClick: d[1] || (d[1] = (f) => n("modal:close"))
                                 }, [
-                                  M(S(At), {
+                                  M(x(At), {
                                     class: "rvc-size-full",
                                     "aria-hidden": "true"
                                   })
                                 ])
-                              ])) : _("", !0)
+                              ])) : ee("", !0)
                             ])
                           ])
                         ]),
-                        x("div", {
-                          id: S(c),
+                        S("div", {
+                          id: x(c),
                           ref_key: "contentRef",
                           ref: r,
                           class: "rvc-modal-content"
                         }, [
-                          C(u.$slots, "default", { ready: S(o) })
-                        ], 8, Ir),
-                        x("footer", Wr, [
+                          C(u.$slots, "default", { ready: x(o) })
+                        ], 8, qr),
+                        S("footer", Kr, [
                           C(u.$slots, "footer", { loading: e.spinning }, () => [
                             M(rt, {
-                              type: S(i) ? "submit" : "button",
+                              type: x(i) ? "submit" : "button",
                               label: e.submitLabel,
                               spinning: e.spinning,
                               disabled: e.spinning,
-                              onClick: d[2] || (d[2] = (f) => !S(i) && u.$emit("modal:save"))
+                              onClick: d[2] || (d[2] = (f) => !x(i) && u.$emit("modal:save"))
                             }, null, 8, ["type", "label", "spinning", "disabled"]),
                             M(rt, {
                               type: "button",
@@ -1973,22 +2051,22 @@ const Cr = {
       _: 3
     }));
   }
-}, Ur = ["top", "right", "bottom", "left"], en = ["start", "end"], tn = /* @__PURE__ */ Ur.reduce((e, t) => e.concat(t, t + "-" + en[0], t + "-" + en[1]), []), xe = Math.min, J = Math.max, st = Math.round, tt = Math.floor, fe = (e) => ({
+}, Yr = ["top", "right", "bottom", "left"], tn = ["start", "end"], nn = /* @__PURE__ */ Yr.reduce((e, t) => e.concat(t, t + "-" + tn[0], t + "-" + tn[1]), []), $e = Math.min, J = Math.max, st = Math.round, tt = Math.floor, fe = (e) => ({
   x: e,
   y: e
-}), zr = {
+}), Gr = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, qr = {
+}, Xr = {
   start: "end",
   end: "start"
 };
-function Lt(e, t, n) {
-  return J(e, xe(t, n));
+function Tt(e, t, n) {
+  return J(e, $e(t, n));
 }
-function Me(e, t) {
+function je(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
 function Ae(e) {
@@ -1997,31 +2075,31 @@ function Ae(e) {
 function ve(e) {
   return e.split("-")[1];
 }
-function Nn(e) {
+function In(e) {
   return e === "x" ? "y" : "x";
 }
-function Mt(e) {
+function Nt(e) {
   return e === "y" ? "height" : "width";
 }
 function Xe(e) {
   return ["top", "bottom"].includes(Ae(e)) ? "y" : "x";
 }
-function Nt(e) {
-  return Nn(Xe(e));
+function jt(e) {
+  return In(Xe(e));
 }
-function Yr(e, t, n) {
+function Zr(e, t, n) {
   n === void 0 && (n = !1);
-  const l = ve(e), r = Nt(e), o = Mt(r);
+  const l = ve(e), r = jt(e), o = Nt(r);
   let i = r === "x" ? l === (n ? "end" : "start") ? "right" : "left" : l === "start" ? "bottom" : "top";
-  return t.reference[o] > t.floating[o] && (i = nn(i)), [i, nn(i)];
+  return t.reference[o] > t.floating[o] && (i = ln(i)), [i, ln(i)];
 }
-function Kr(e) {
-  return e.replace(/start|end/g, (t) => qr[t]);
+function Qr(e) {
+  return e.replace(/start|end/g, (t) => Xr[t]);
 }
-function nn(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => zr[t]);
+function ln(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => Gr[t]);
 }
-function Gr(e) {
+function Jr(e) {
   return {
     top: 0,
     right: 0,
@@ -2030,8 +2108,8 @@ function Gr(e) {
     ...e
   };
 }
-function jn(e) {
-  return typeof e != "number" ? Gr(e) : {
+function Wn(e) {
+  return typeof e != "number" ? Jr(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -2056,12 +2134,12 @@ function ut(e) {
     y: n
   };
 }
-function ln(e, t, n) {
+function rn(e, t, n) {
   let {
     reference: l,
     floating: r
   } = e;
-  const o = Xe(t), i = Nt(t), a = Mt(i), c = Ae(t), s = o === "y", u = l.x + l.width / 2 - r.width / 2, d = l.y + l.height / 2 - r.height / 2, f = l[a] / 2 - r[a] / 2;
+  const o = Xe(t), i = jt(t), a = Nt(i), c = Ae(t), s = o === "y", u = l.x + l.width / 2 - r.width / 2, d = l.y + l.height / 2 - r.height / 2, f = l[a] / 2 - r[a] / 2;
   let v;
   switch (c) {
     case "top":
@@ -2104,7 +2182,7 @@ function ln(e, t, n) {
   }
   return v;
 }
-const Xr = async (e, t, n) => {
+const _r = async (e, t, n) => {
   const {
     placement: l = "bottom",
     strategy: r = "absolute",
@@ -2118,7 +2196,7 @@ const Xr = async (e, t, n) => {
   }), {
     x: u,
     y: d
-  } = ln(s, l, c), f = l, v = {}, p = 0;
+  } = rn(s, l, c), f = l, v = {}, p = 0;
   for (let m = 0; m < a.length; m++) {
     const {
       name: h,
@@ -2126,7 +2204,7 @@ const Xr = async (e, t, n) => {
     } = a[m], {
       x: g,
       y: w,
-      data: T,
+      data: k,
       reset: L
     } = await y({
       x: u,
@@ -2146,7 +2224,7 @@ const Xr = async (e, t, n) => {
       ...v,
       [h]: {
         ...v[h],
-        ...T
+        ...k
       }
     }, L && p <= 50 && (p++, typeof L == "object" && (L.placement && (f = L.placement), L.rects && (s = L.rects === !0 ? await i.getElementRects({
       reference: e,
@@ -2155,7 +2233,7 @@ const Xr = async (e, t, n) => {
     }) : L.rects), {
       x: u,
       y: d
-    } = ln(s, f, c)), m = -1);
+    } = rn(s, f, c)), m = -1);
   }
   return {
     x: u,
@@ -2165,7 +2243,7 @@ const Xr = async (e, t, n) => {
     middlewareData: v
   };
 };
-async function jt(e, t) {
+async function Ht(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -2181,7 +2259,7 @@ async function jt(e, t) {
     elementContext: d = "floating",
     altBoundary: f = !1,
     padding: v = 0
-  } = Me(t, e), p = jn(v), h = a[f ? d === "floating" ? "reference" : "floating" : d], y = ut(await o.getClippingRect({
+  } = je(t, e), p = Wn(v), h = a[f ? d === "floating" ? "reference" : "floating" : d], y = ut(await o.getClippingRect({
     element: (n = await (o.isElement == null ? void 0 : o.isElement(h))) == null || n ? h : h.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
     boundary: s,
     rootBoundary: u,
@@ -2191,7 +2269,7 @@ async function jt(e, t) {
     y: r,
     width: i.floating.width,
     height: i.floating.height
-  } : i.reference, w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), T = await (o.isElement == null ? void 0 : o.isElement(w)) ? await (o.getScale == null ? void 0 : o.getScale(w)) || {
+  } : i.reference, w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), k = await (o.isElement == null ? void 0 : o.isElement(w)) ? await (o.getScale == null ? void 0 : o.getScale(w)) || {
     x: 1,
     y: 1
   } : {
@@ -2204,13 +2282,13 @@ async function jt(e, t) {
     strategy: c
   }) : g);
   return {
-    top: (y.top - L.top + p.top) / T.y,
-    bottom: (L.bottom - y.bottom + p.bottom) / T.y,
-    left: (y.left - L.left + p.left) / T.x,
-    right: (L.right - y.right + p.right) / T.x
+    top: (y.top - L.top + p.top) / k.y,
+    bottom: (L.bottom - y.bottom + p.bottom) / k.y,
+    left: (y.left - L.left + p.left) / k.x,
+    right: (L.right - y.right + p.right) / k.x
   };
 }
-const Zr = (e) => ({
+const eo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -2225,16 +2303,16 @@ const Zr = (e) => ({
     } = t, {
       element: s,
       padding: u = 0
-    } = Me(e, t) || {};
+    } = je(e, t) || {};
     if (s == null)
       return {};
-    const d = jn(u), f = {
+    const d = Wn(u), f = {
       x: n,
       y: l
-    }, v = Nt(r), p = Mt(v), m = await i.getDimensions(s), h = v === "y", y = h ? "top" : "left", g = h ? "bottom" : "right", w = h ? "clientHeight" : "clientWidth", T = o.reference[p] + o.reference[v] - f[v] - o.floating[p], L = f[v] - o.reference[v], P = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s));
+    }, v = jt(r), p = Nt(v), m = await i.getDimensions(s), h = v === "y", y = h ? "top" : "left", g = h ? "bottom" : "right", w = h ? "clientHeight" : "clientWidth", k = o.reference[p] + o.reference[v] - f[v] - o.floating[p], L = f[v] - o.reference[v], P = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s));
     let O = P ? P[w] : 0;
     (!O || !await (i.isElement == null ? void 0 : i.isElement(P))) && (O = a.floating[w] || o.floating[p]);
-    const R = T / 2 - L / 2, U = O / 2 - m[p] / 2 - 1, F = xe(d[y], U), z = xe(d[g], U), K = F, j = O - m[p] - z, G = O / 2 - m[p] / 2 + R, X = Lt(K, G, j), Z = !c.arrow && ve(r) != null && G !== X && o.reference[p] / 2 - (G < K ? F : z) - m[p] / 2 < 0, ce = Z ? G < K ? G - K : G - j : 0;
+    const R = k / 2 - L / 2, U = O / 2 - m[p] / 2 - 1, F = $e(d[y], U), z = $e(d[g], U), Y = F, j = O - m[p] - z, G = O / 2 - m[p] / 2 + R, X = Tt(Y, G, j), Z = !c.arrow && ve(r) != null && G !== X && o.reference[p] / 2 - (G < Y ? F : z) - m[p] / 2 < 0, ce = Z ? G < Y ? G - Y : G - j : 0;
     return {
       [v]: f[v] + ce,
       data: {
@@ -2248,10 +2326,10 @@ const Zr = (e) => ({
     };
   }
 });
-function Qr(e, t, n) {
-  return (e ? [...n.filter((r) => ve(r) === e), ...n.filter((r) => ve(r) !== e)] : n.filter((r) => Ae(r) === r)).filter((r) => e ? ve(r) === e || (t ? Kr(r) !== r : !1) : !0);
+function to(e, t, n) {
+  return (e ? [...n.filter((r) => ve(r) === e), ...n.filter((r) => ve(r) !== e)] : n.filter((r) => Ae(r) === r)).filter((r) => e ? ve(r) === e || (t ? Qr(r) !== r : !1) : !0);
 }
-const Jr = function(e) {
+const no = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -2266,22 +2344,22 @@ const Jr = function(e) {
       } = t, {
         crossAxis: u = !1,
         alignment: d,
-        allowedPlacements: f = tn,
+        allowedPlacements: f = nn,
         autoAlignment: v = !0,
         ...p
-      } = Me(e, t), m = d !== void 0 || f === tn ? Qr(d || null, v, f) : f, h = await jt(t, p), y = ((n = i.autoPlacement) == null ? void 0 : n.index) || 0, g = m[y];
+      } = je(e, t), m = d !== void 0 || f === nn ? to(d || null, v, f) : f, h = await Ht(t, p), y = ((n = i.autoPlacement) == null ? void 0 : n.index) || 0, g = m[y];
       if (g == null)
         return {};
-      const w = Yr(g, o, await (c.isRTL == null ? void 0 : c.isRTL(s.floating)));
+      const w = Zr(g, o, await (c.isRTL == null ? void 0 : c.isRTL(s.floating)));
       if (a !== g)
         return {
           reset: {
             placement: m[0]
           }
         };
-      const T = [h[Ae(g)], h[w[0]], h[w[1]]], L = [...((l = i.autoPlacement) == null ? void 0 : l.overflows) || [], {
+      const k = [h[Ae(g)], h[w[0]], h[w[1]]], L = [...((l = i.autoPlacement) == null ? void 0 : l.overflows) || [], {
         placement: g,
-        overflows: T
+        overflows: k
       }], P = m[y + 1];
       if (P)
         return {
@@ -2297,7 +2375,7 @@ const Jr = function(e) {
         const z = ve(F.placement);
         return [F.placement, z && u ? (
           // Check along the mainAxis and main crossAxis side.
-          F.overflows.slice(0, 2).reduce((K, j) => K + j, 0)
+          F.overflows.slice(0, 2).reduce((Y, j) => Y + j, 0)
         ) : (
           // Check only the mainAxis.
           F.overflows[0]
@@ -2320,12 +2398,12 @@ const Jr = function(e) {
     }
   };
 };
-async function _r(e, t) {
+async function lo(e, t) {
   const {
     placement: n,
     platform: l,
     elements: r
-  } = e, o = await (l.isRTL == null ? void 0 : l.isRTL(r.floating)), i = Ae(n), a = ve(n), c = Xe(n) === "y", s = ["left", "top"].includes(i) ? -1 : 1, u = o && c ? -1 : 1, d = Me(t, e);
+  } = e, o = await (l.isRTL == null ? void 0 : l.isRTL(r.floating)), i = Ae(n), a = ve(n), c = Xe(n) === "y", s = ["left", "top"].includes(i) ? -1 : 1, u = o && c ? -1 : 1, d = je(t, e);
   let {
     mainAxis: f,
     crossAxis: v,
@@ -2347,7 +2425,7 @@ async function _r(e, t) {
     y: v * u
   };
 }
-const eo = function(e) {
+const ro = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -2358,7 +2436,7 @@ const eo = function(e) {
         y: o,
         placement: i,
         middlewareData: a
-      } = t, c = await _r(t, e);
+      } = t, c = await lo(t, e);
       return i === ((n = a.offset) == null ? void 0 : n.placement) && (l = a.arrow) != null && l.alignmentOffset ? {} : {
         x: r + c.x,
         y: o + c.y,
@@ -2369,7 +2447,7 @@ const eo = function(e) {
       };
     }
   };
-}, to = function(e) {
+}, oo = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -2394,18 +2472,18 @@ const eo = function(e) {
           }
         },
         ...c
-      } = Me(e, t), s = {
+      } = je(e, t), s = {
         x: n,
         y: l
-      }, u = await jt(t, c), d = Xe(Ae(r)), f = Nn(d);
+      }, u = await Ht(t, c), d = Xe(Ae(r)), f = In(d);
       let v = s[f], p = s[d];
       if (o) {
         const h = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", g = v + u[h], w = v - u[y];
-        v = Lt(g, v, w);
+        v = Tt(g, v, w);
       }
       if (i) {
         const h = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", g = p + u[h], w = p - u[y];
-        p = Lt(g, p, w);
+        p = Tt(g, p, w);
       }
       const m = a.fn({
         ...t,
@@ -2425,7 +2503,7 @@ const eo = function(e) {
       };
     }
   };
-}, no = function(e) {
+}, io = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -2440,17 +2518,17 @@ const eo = function(e) {
         apply: c = () => {
         },
         ...s
-      } = Me(e, t), u = await jt(t, s), d = Ae(r), f = ve(r), v = Xe(r) === "y", {
+      } = je(e, t), u = await Ht(t, s), d = Ae(r), f = ve(r), v = Xe(r) === "y", {
         width: p,
         height: m
       } = o.floating;
       let h, y;
       d === "top" || d === "bottom" ? (h = d, y = f === (await (i.isRTL == null ? void 0 : i.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = f === "end" ? "top" : "bottom");
-      const g = m - u.top - u.bottom, w = p - u.left - u.right, T = xe(m - u[h], g), L = xe(p - u[y], w), P = !t.middlewareData.shift;
-      let O = T, R = L;
+      const g = m - u.top - u.bottom, w = p - u.left - u.right, k = $e(m - u[h], g), L = $e(p - u[y], w), P = !t.middlewareData.shift;
+      let O = k, R = L;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = w), (l = t.middlewareData.shift) != null && l.enabled.y && (O = g), P && !f) {
-        const F = J(u.left, 0), z = J(u.right, 0), K = J(u.top, 0), j = J(u.bottom, 0);
-        v ? R = p - 2 * (F !== 0 || z !== 0 ? F + z : J(u.left, u.right)) : O = m - 2 * (K !== 0 || j !== 0 ? K + j : J(u.top, u.bottom));
+        const F = J(u.left, 0), z = J(u.right, 0), Y = J(u.top, 0), j = J(u.bottom, 0);
+        v ? R = p - 2 * (F !== 0 || z !== 0 ? F + z : J(u.left, u.right)) : O = m - 2 * (Y !== 0 || j !== 0 ? Y + j : J(u.top, u.bottom));
       }
       await c({
         ...t,
@@ -2469,28 +2547,28 @@ const eo = function(e) {
 function dt() {
   return typeof window < "u";
 }
-function ke(e) {
-  return Ht(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function Pe(e) {
+  return Vt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function ee(e) {
+function te(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
 function ge(e) {
   var t;
-  return (t = (Ht(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Vt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Ht(e) {
-  return dt() ? e instanceof Node || e instanceof ee(e).Node : !1;
+function Vt(e) {
+  return dt() ? e instanceof Node || e instanceof te(e).Node : !1;
 }
 function se(e) {
-  return dt() ? e instanceof Element || e instanceof ee(e).Element : !1;
+  return dt() ? e instanceof Element || e instanceof te(e).Element : !1;
 }
 function me(e) {
-  return dt() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
+  return dt() ? e instanceof HTMLElement || e instanceof te(e).HTMLElement : !1;
 }
-function rn(e) {
-  return !dt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
+function on(e) {
+  return !dt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof te(e).ShadowRoot;
 }
 function Ze(e) {
   const {
@@ -2501,8 +2579,8 @@ function Ze(e) {
   } = ue(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + l + n) && !["inline", "contents"].includes(r);
 }
-function lo(e) {
-  return ["table", "td", "th"].includes(ke(e));
+function ao(e) {
+  return ["table", "td", "th"].includes(Pe(e));
 }
 function ft(e) {
   return [":popover-open", ":modal"].some((t) => {
@@ -2513,29 +2591,29 @@ function ft(e) {
     }
   });
 }
-function Vt(e) {
-  const t = It(), n = se(e) ? ue(e) : e;
+function It(e) {
+  const t = Wt(), n = se(e) ? ue(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 ro(e) {
-  let t = $e(e);
-  for (; me(t) && !Fe(t); ) {
-    if (Vt(t))
+function so(e) {
+  let t = Se(e);
+  for (; me(t) && !Me(t); ) {
+    if (It(t))
       return t;
     if (ft(t))
       return null;
-    t = $e(t);
+    t = Se(t);
   }
   return null;
 }
-function It() {
+function Wt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function Fe(e) {
-  return ["html", "body", "#document"].includes(ke(e));
+function Me(e) {
+  return ["html", "body", "#document"].includes(Pe(e));
 }
 function ue(e) {
-  return ee(e).getComputedStyle(e);
+  return te(e).getComputedStyle(e);
 }
 function vt(e) {
   return se(e) ? {
@@ -2546,36 +2624,36 @@ function vt(e) {
     scrollTop: e.scrollY
   };
 }
-function $e(e) {
-  if (ke(e) === "html")
+function Se(e) {
+  if (Pe(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    rn(e) && e.host || // Fallback.
+    on(e) && e.host || // Fallback.
     ge(e)
   );
-  return rn(t) ? t.host : t;
+  return on(t) ? t.host : t;
 }
-function Hn(e) {
-  const t = $e(e);
-  return Fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : me(t) && Ze(t) ? t : Hn(t);
+function Un(e) {
+  const t = Se(e);
+  return Me(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : me(t) && Ze(t) ? t : Un(t);
 }
-function ze(e, t, n) {
+function qe(e, t, n) {
   var l;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = Hn(e), o = r === ((l = e.ownerDocument) == null ? void 0 : l.body), i = ee(r);
+  const r = Un(e), o = r === ((l = e.ownerDocument) == null ? void 0 : l.body), i = te(r);
   if (o) {
-    const a = Tt(i);
-    return t.concat(i, i.visualViewport || [], Ze(r) ? r : [], a && n ? ze(a) : []);
+    const a = Ct(i);
+    return t.concat(i, i.visualViewport || [], Ze(r) ? r : [], a && n ? qe(a) : []);
   }
-  return t.concat(r, ze(r, [], n));
+  return t.concat(r, qe(r, [], n));
 }
-function Tt(e) {
+function Ct(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Vn(e) {
+function zn(e) {
   const t = ue(e);
   let n = parseFloat(t.width) || 0, l = parseFloat(t.height) || 0;
   const r = me(e), o = r ? e.offsetWidth : n, i = r ? e.offsetHeight : l, a = st(n) !== o || st(l) !== i;
@@ -2585,48 +2663,48 @@ function Vn(e) {
     $: a
   };
 }
-function Wt(e) {
+function Ut(e) {
   return se(e) ? e : e.contextElement;
 }
-function Re(e) {
-  const t = Wt(e);
+function Fe(e) {
+  const t = Ut(e);
   if (!me(t))
     return fe(1);
   const n = t.getBoundingClientRect(), {
     width: l,
     height: r,
     $: o
-  } = Vn(t);
+  } = zn(t);
   let i = (o ? st(n.width) : n.width) / l, a = (o ? st(n.height) : n.height) / r;
   return (!i || !Number.isFinite(i)) && (i = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: i,
     y: a
   };
 }
-const oo = /* @__PURE__ */ fe(0);
-function In(e) {
-  const t = ee(e);
-  return !It() || !t.visualViewport ? oo : {
+const uo = /* @__PURE__ */ fe(0);
+function qn(e) {
+  const t = te(e);
+  return !Wt() || !t.visualViewport ? uo : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function io(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== ee(e) ? !1 : t;
+function co(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== te(e) ? !1 : t;
 }
-function Ce(e, t, n, l) {
+function ke(e, t, n, l) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const r = e.getBoundingClientRect(), o = Wt(e);
+  const r = e.getBoundingClientRect(), o = Ut(e);
   let i = fe(1);
-  t && (l ? se(l) && (i = Re(l)) : i = Re(e));
-  const a = io(o, n, l) ? In(o) : fe(0);
+  t && (l ? se(l) && (i = Fe(l)) : i = Fe(e));
+  const a = co(o, n, l) ? qn(o) : fe(0);
   let c = (r.left + a.x) / i.x, s = (r.top + a.y) / i.y, u = r.width / i.x, d = r.height / i.y;
   if (o) {
-    const f = ee(o), v = l && se(l) ? ee(l) : l;
-    let p = f, m = Tt(p);
+    const f = te(o), v = l && se(l) ? te(l) : l;
+    let p = f, m = Ct(p);
     for (; m && l && v !== p; ) {
-      const h = Re(m), y = m.getBoundingClientRect(), g = ue(m), w = y.left + (m.clientLeft + parseFloat(g.paddingLeft)) * h.x, T = y.top + (m.clientTop + parseFloat(g.paddingTop)) * h.y;
-      c *= h.x, s *= h.y, u *= h.x, d *= h.y, c += w, s += T, p = ee(m), m = Tt(p);
+      const h = Fe(m), y = m.getBoundingClientRect(), g = ue(m), w = y.left + (m.clientLeft + parseFloat(g.paddingLeft)) * h.x, k = y.top + (m.clientTop + parseFloat(g.paddingTop)) * h.y;
+      c *= h.x, s *= h.y, u *= h.x, d *= h.y, c += w, s += k, p = te(m), m = Ct(p);
     }
   }
   return ut({
@@ -2636,22 +2714,22 @@ function Ce(e, t, n, l) {
     y: s
   });
 }
-function Ut(e, t) {
+function zt(e, t) {
   const n = vt(e).scrollLeft;
-  return t ? t.left + n : Ce(ge(e)).left + n;
+  return t ? t.left + n : ke(ge(e)).left + n;
 }
-function Wn(e, t, n) {
+function Kn(e, t, n) {
   n === void 0 && (n = !1);
   const l = e.getBoundingClientRect(), r = l.left + t.scrollLeft - (n ? 0 : (
     // RTL <body> scrollbar.
-    Ut(e, l)
+    zt(e, l)
   )), o = l.top + t.scrollTop;
   return {
     x: r,
     y: o
   };
 }
-function ao(e) {
+function fo(e) {
   let {
     elements: t,
     rect: n,
@@ -2666,11 +2744,11 @@ function ao(e) {
     scrollTop: 0
   }, s = fe(1);
   const u = fe(0), d = me(l);
-  if ((d || !d && !o) && ((ke(l) !== "body" || Ze(i)) && (c = vt(l)), me(l))) {
-    const v = Ce(l);
-    s = Re(l), u.x = v.x + l.clientLeft, u.y = v.y + l.clientTop;
+  if ((d || !d && !o) && ((Pe(l) !== "body" || Ze(i)) && (c = vt(l)), me(l))) {
+    const v = ke(l);
+    s = Fe(l), u.x = v.x + l.clientLeft, u.y = v.y + l.clientTop;
   }
-  const f = i && !d && !o ? Wn(i, c, !0) : fe(0);
+  const f = i && !d && !o ? Kn(i, c, !0) : fe(0);
   return {
     width: n.width * s.x,
     height: n.height * s.y,
@@ -2678,12 +2756,12 @@ function ao(e) {
     y: n.y * s.y - c.scrollTop * s.y + u.y + f.y
   };
 }
-function so(e) {
+function vo(e) {
   return Array.from(e.getClientRects());
 }
-function uo(e) {
+function po(e) {
   const t = ge(e), n = vt(e), l = e.ownerDocument.body, r = J(t.scrollWidth, t.clientWidth, l.scrollWidth, l.clientWidth), o = J(t.scrollHeight, t.clientHeight, l.scrollHeight, l.clientHeight);
-  let i = -n.scrollLeft + Ut(e);
+  let i = -n.scrollLeft + zt(e);
   const a = -n.scrollTop;
   return ue(l).direction === "rtl" && (i += J(t.clientWidth, l.clientWidth) - r), {
     width: r,
@@ -2692,12 +2770,12 @@ function uo(e) {
     y: a
   };
 }
-function co(e, t) {
-  const n = ee(e), l = ge(e), r = n.visualViewport;
+function mo(e, t) {
+  const n = te(e), l = ge(e), r = n.visualViewport;
   let o = l.clientWidth, i = l.clientHeight, a = 0, c = 0;
   if (r) {
     o = r.width, i = r.height;
-    const s = It();
+    const s = Wt();
     (!s || s && t === "fixed") && (a = r.offsetLeft, c = r.offsetTop);
   }
   return {
@@ -2707,8 +2785,8 @@ function co(e, t) {
     y: c
   };
 }
-function fo(e, t) {
-  const n = Ce(e, !0, t === "fixed"), l = n.top + e.clientTop, r = n.left + e.clientLeft, o = me(e) ? Re(e) : fe(1), i = e.clientWidth * o.x, a = e.clientHeight * o.y, c = r * o.x, s = l * o.y;
+function go(e, t) {
+  const n = ke(e, !0, t === "fixed"), l = n.top + e.clientTop, r = n.left + e.clientLeft, o = me(e) ? Fe(e) : fe(1), i = e.clientWidth * o.x, a = e.clientHeight * o.y, c = r * o.x, s = l * o.y;
   return {
     width: i,
     height: a,
@@ -2716,16 +2794,16 @@ function fo(e, t) {
     y: s
   };
 }
-function on(e, t, n) {
+function an(e, t, n) {
   let l;
   if (t === "viewport")
-    l = co(e, n);
+    l = mo(e, n);
   else if (t === "document")
-    l = uo(ge(e));
+    l = po(ge(e));
   else if (se(t))
-    l = fo(t, n);
+    l = go(t, n);
   else {
-    const r = In(e);
+    const r = qn(e);
     l = {
       x: t.x - r.x,
       y: t.y - r.y,
@@ -2735,34 +2813,34 @@ function on(e, t, n) {
   }
   return ut(l);
 }
-function Un(e, t) {
-  const n = $e(e);
-  return n === t || !se(n) || Fe(n) ? !1 : ue(n).position === "fixed" || Un(n, t);
+function Yn(e, t) {
+  const n = Se(e);
+  return n === t || !se(n) || Me(n) ? !1 : ue(n).position === "fixed" || Yn(n, t);
 }
-function vo(e, t) {
+function ho(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let l = ze(e, [], !1).filter((a) => se(a) && ke(a) !== "body"), r = null;
+  let l = qe(e, [], !1).filter((a) => se(a) && Pe(a) !== "body"), r = null;
   const o = ue(e).position === "fixed";
-  let i = o ? $e(e) : e;
-  for (; se(i) && !Fe(i); ) {
-    const a = ue(i), c = Vt(i);
-    !c && a.position === "fixed" && (r = null), (o ? !c && !r : !c && a.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || Ze(i) && !c && Un(e, i)) ? l = l.filter((u) => u !== i) : r = a, i = $e(i);
+  let i = o ? Se(e) : e;
+  for (; se(i) && !Me(i); ) {
+    const a = ue(i), c = It(i);
+    !c && a.position === "fixed" && (r = null), (o ? !c && !r : !c && a.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || Ze(i) && !c && Yn(e, i)) ? l = l.filter((u) => u !== i) : r = a, i = Se(i);
   }
   return t.set(e, l), l;
 }
-function po(e) {
+function yo(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: l,
     strategy: r
   } = e;
-  const i = [...n === "clippingAncestors" ? ft(t) ? [] : vo(t, this._c) : [].concat(n), l], a = i[0], c = i.reduce((s, u) => {
-    const d = on(t, u, r);
-    return s.top = J(d.top, s.top), s.right = xe(d.right, s.right), s.bottom = xe(d.bottom, s.bottom), s.left = J(d.left, s.left), s;
-  }, on(t, a, r));
+  const i = [...n === "clippingAncestors" ? ft(t) ? [] : ho(t, this._c) : [].concat(n), l], a = i[0], c = i.reduce((s, u) => {
+    const d = an(t, u, r);
+    return s.top = J(d.top, s.top), s.right = $e(d.right, s.right), s.bottom = $e(d.bottom, s.bottom), s.left = J(d.left, s.left), s;
+  }, an(t, a, r));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -2770,29 +2848,29 @@ function po(e) {
     y: c.top
   };
 }
-function mo(e) {
+function bo(e) {
   const {
     width: t,
     height: n
-  } = Vn(e);
+  } = zn(e);
   return {
     width: t,
     height: n
   };
 }
-function go(e, t, n) {
-  const l = me(t), r = ge(t), o = n === "fixed", i = Ce(e, !0, o, t);
+function wo(e, t, n) {
+  const l = me(t), r = ge(t), o = n === "fixed", i = ke(e, !0, o, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const c = fe(0);
   if (l || !l && !o)
-    if ((ke(t) !== "body" || Ze(r)) && (a = vt(t)), l) {
-      const f = Ce(t, !0, o, t);
+    if ((Pe(t) !== "body" || Ze(r)) && (a = vt(t)), l) {
+      const f = ke(t, !0, o, t);
       c.x = f.x + t.clientLeft, c.y = f.y + t.clientTop;
-    } else r && (c.x = Ut(r));
-  const s = r && !l && !o ? Wn(r, a) : fe(0), u = i.left + a.scrollLeft - c.x - s.x, d = i.top + a.scrollTop - c.y - s.y;
+    } else r && (c.x = zt(r));
+  const s = r && !l && !o ? Kn(r, a) : fe(0), u = i.left + a.scrollLeft - c.x - s.x, d = i.top + a.scrollTop - c.y - s.y;
   return {
     x: u,
     y: d,
@@ -2803,7 +2881,7 @@ function go(e, t, n) {
 function yt(e) {
   return ue(e).position === "static";
 }
-function an(e, t) {
+function sn(e, t) {
   if (!me(e) || ue(e).position === "fixed")
     return null;
   if (t)
@@ -2811,28 +2889,28 @@ function an(e, t) {
   let n = e.offsetParent;
   return ge(e) === n && (n = n.ownerDocument.body), n;
 }
-function zn(e, t) {
-  const n = ee(e);
+function Gn(e, t) {
+  const n = te(e);
   if (ft(e))
     return n;
   if (!me(e)) {
-    let r = $e(e);
-    for (; r && !Fe(r); ) {
+    let r = Se(e);
+    for (; r && !Me(r); ) {
       if (se(r) && !yt(r))
         return r;
-      r = $e(r);
+      r = Se(r);
     }
     return n;
   }
-  let l = an(e, t);
-  for (; l && lo(l) && yt(l); )
-    l = an(l, t);
-  return l && Fe(l) && yt(l) && !Vt(l) ? n : l || ro(e) || n;
+  let l = sn(e, t);
+  for (; l && ao(l) && yt(l); )
+    l = sn(l, t);
+  return l && Me(l) && yt(l) && !It(l) ? n : l || so(e) || n;
 }
-const ho = async function(e) {
-  const t = this.getOffsetParent || zn, n = this.getDimensions, l = await n(e.floating);
+const xo = async function(e) {
+  const t = this.getOffsetParent || Gn, n = this.getDimensions, l = await n(e.floating);
   return {
-    reference: go(e.reference, await t(e.floating), e.strategy),
+    reference: wo(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2841,22 +2919,22 @@ const ho = async function(e) {
     }
   };
 };
-function yo(e) {
+function $o(e) {
   return ue(e).direction === "rtl";
 }
-const bo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ao,
+const So = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: fo,
   getDocumentElement: ge,
-  getClippingRect: po,
-  getOffsetParent: zn,
-  getElementRects: ho,
-  getClientRects: so,
-  getDimensions: mo,
-  getScale: Re,
+  getClippingRect: yo,
+  getOffsetParent: Gn,
+  getElementRects: xo,
+  getClientRects: vo,
+  getDimensions: bo,
+  getScale: Fe,
   isElement: se,
-  isRTL: yo
+  isRTL: $o
 };
-function wo(e, t) {
+function Eo(e, t) {
   let n = null, l;
   const r = ge(e);
   function o() {
@@ -2875,10 +2953,10 @@ function wo(e, t) {
       return;
     const v = tt(u), p = tt(r.clientWidth - (s + d)), m = tt(r.clientHeight - (u + f)), h = tt(s), g = {
       rootMargin: -v + "px " + -p + "px " + -m + "px " + -h + "px",
-      threshold: J(0, xe(1, c)) || 1
+      threshold: J(0, $e(1, c)) || 1
     };
     let w = !0;
-    function T(L) {
+    function k(L) {
       const P = L[0].intersectionRatio;
       if (P !== c) {
         if (!w)
@@ -2890,19 +2968,19 @@ function wo(e, t) {
       w = !1;
     }
     try {
-      n = new IntersectionObserver(T, {
+      n = new IntersectionObserver(k, {
         ...g,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(T, g);
+      n = new IntersectionObserver(k, g);
     }
     n.observe(e);
   }
   return i(!0), o;
 }
-function xo(e, t, n, l) {
+function Oo(e, t, n, l) {
   l === void 0 && (l = {});
   const {
     ancestorScroll: r = !0,
@@ -2910,13 +2988,13 @@ function xo(e, t, n, l) {
     elementResize: i = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = l, s = Wt(e), u = r || o ? [...s ? ze(s) : [], ...ze(t)] : [];
+  } = l, s = Ut(e), u = r || o ? [...s ? qe(s) : [], ...qe(t)] : [];
   u.forEach((y) => {
     r && y.addEventListener("scroll", n, {
       passive: !0
     }), o && y.addEventListener("resize", n);
   });
-  const d = s && a ? wo(s, n) : null;
+  const d = s && a ? Eo(s, n) : null;
   let f = -1, v = null;
   i && (v = new ResizeObserver((y) => {
     let [g] = y;
@@ -2925,10 +3003,10 @@ function xo(e, t, n, l) {
       (w = v) == null || w.observe(t);
     })), n();
   }), s && !c && v.observe(s), v.observe(t));
-  let p, m = c ? Ce(e) : null;
+  let p, m = c ? ke(e) : null;
   c && h();
   function h() {
-    const y = Ce(e);
+    const y = ke(e);
     m && (y.x !== m.x || y.y !== m.y || y.width !== m.width || y.height !== m.height) && n(), m = y, p = requestAnimationFrame(h);
   }
   return n(), () => {
@@ -2938,67 +3016,67 @@ function xo(e, t, n, l) {
     }), d == null || d(), (y = v) == null || y.disconnect(), v = null, c && cancelAnimationFrame(p);
   };
 }
-const $o = eo, So = Jr, Eo = to, Oo = no, Lo = Zr, To = (e, t, n) => {
+const Lo = ro, To = no, Co = oo, ko = io, Ao = eo, Po = (e, t, n) => {
   const l = /* @__PURE__ */ new Map(), r = {
-    platform: bo,
+    platform: So,
     ...n
   }, o = {
     ...r.platform,
     _c: l
   };
-  return Xr(e, t, {
+  return _r(e, t, {
     ...r,
     platform: o
   });
 };
-function Co(e) {
+function Do(e) {
   return e != null && typeof e == "object" && "$el" in e;
 }
-function Ct(e) {
-  if (Co(e)) {
+function kt(e) {
+  if (Do(e)) {
     const t = e.$el;
-    return Ht(t) && ke(t) === "#comment" ? null : t;
+    return Vt(t) && Pe(t) === "#comment" ? null : t;
   }
   return e;
 }
-function De(e) {
-  return typeof e == "function" ? e() : S(e);
+function Re(e) {
+  return typeof e == "function" ? e() : x(e);
 }
-function Ao(e) {
+function Ro(e) {
   return {
     name: "arrow",
     options: e,
     fn(t) {
-      const n = Ct(De(e.element));
-      return n == null ? {} : Lo({
+      const n = kt(Re(e.element));
+      return n == null ? {} : Ao({
         element: n,
         padding: e.padding
       }).fn(t);
     }
   };
 }
-function qn(e) {
+function Xn(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function sn(e, t) {
-  const n = qn(e);
+function un(e, t) {
+  const n = Xn(e);
   return Math.round(t * n) / n;
 }
-function ko(e, t, n) {
+function Fo(e, t, n) {
   n === void 0 && (n = {});
   const l = n.whileElementsMounted, r = b(() => {
     var O;
-    return (O = De(n.open)) != null ? O : !0;
-  }), o = b(() => De(n.middleware)), i = b(() => {
+    return (O = Re(n.open)) != null ? O : !0;
+  }), o = b(() => Re(n.middleware)), i = b(() => {
     var O;
-    return (O = De(n.placement)) != null ? O : "bottom";
+    return (O = Re(n.placement)) != null ? O : "bottom";
   }), a = b(() => {
     var O;
-    return (O = De(n.strategy)) != null ? O : "absolute";
+    return (O = Re(n.strategy)) != null ? O : "absolute";
   }), c = b(() => {
     var O;
-    return (O = De(n.transform)) != null ? O : !0;
-  }), s = b(() => Ct(e.value)), u = b(() => Ct(t.value)), d = $(0), f = $(0), v = $(a.value), p = $(i.value), m = Ve({}), h = $(!1), y = b(() => {
+    return (O = Re(n.transform)) != null ? O : !0;
+  }), s = b(() => kt(e.value)), u = b(() => kt(t.value)), d = E(0), f = E(0), v = E(a.value), p = E(i.value), m = We({}), h = E(!1), y = b(() => {
     const O = {
       position: v.value,
       left: "0",
@@ -3006,11 +3084,11 @@ function ko(e, t, n) {
     };
     if (!u.value)
       return O;
-    const R = sn(u.value, d.value), U = sn(u.value, f.value);
+    const R = un(u.value, d.value), U = un(u.value, f.value);
     return c.value ? {
       ...O,
       transform: "translate(" + R + "px, " + U + "px)",
-      ...qn(u.value) >= 1.5 && {
+      ...Xn(u.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -3024,7 +3102,7 @@ function ko(e, t, n) {
     if (s.value == null || u.value == null)
       return;
     const O = r.value;
-    To(s.value, u.value, {
+    Po(s.value, u.value, {
       middleware: o.value,
       placement: i.value,
       strategy: a.value
@@ -3032,11 +3110,11 @@ function ko(e, t, n) {
       d.value = R.x, f.value = R.y, v.value = R.strategy, p.value = R.placement, m.value = R.middlewareData, h.value = O !== !1;
     });
   }
-  function T() {
+  function k() {
     typeof g == "function" && (g(), g = void 0);
   }
   function L() {
-    if (T(), l === void 0) {
+    if (k(), l === void 0) {
       w();
       return;
     }
@@ -3054,18 +3132,18 @@ function ko(e, t, n) {
     flush: "sync"
   }), de(r, P, {
     flush: "sync"
-  }), _n() && el(T), {
-    x: Pe(d),
-    y: Pe(f),
-    strategy: Pe(v),
-    placement: Pe(p),
-    middlewareData: Pe(m),
-    isPositioned: Pe(h),
+  }), rl() && ol(k), {
+    x: De(d),
+    y: De(f),
+    strategy: De(v),
+    placement: De(p),
+    middlewareData: De(m),
+    isPositioned: De(h),
     floatingStyles: y,
     update: w
   };
 }
-const Po = ["innerHTML"], Wo = {
+const Bo = ["innerHTML"], Yo = {
   __name: "Tooltip",
   props: {
     content: {
@@ -3104,17 +3182,17 @@ const Po = ["innerHTML"], Wo = {
     }
   },
   setup(e) {
-    const t = e, n = Ve(), l = Ve(), r = Ve(), {
+    const t = e, n = We(), l = We(), r = We(), {
       floatingStyles: o,
       middlewareData: i,
       placement: a
-    } = ko(n, l, {
+    } = Fo(n, l, {
       middleware: [
-        t.placement ? null : So(),
-        $o(10),
-        Eo({ crossAxis: !0, padding: 5 }),
-        Ao({ element: r }),
-        Oo({
+        t.placement ? null : To(),
+        Lo(10),
+        Co({ crossAxis: !0, padding: 5 }),
+        Ro({ element: r }),
+        ko({
           apply({ availableWidth: u, availableHeight: d, elements: f }) {
             Object.assign(f.floating.style, {
               maxWidth: t.maxWidth ? `${Math.min(u, t.maxWidth) / 16}rem` : "",
@@ -3123,7 +3201,7 @@ const Po = ["innerHTML"], Wo = {
           }
         })
       ],
-      whileElementsMounted: xo,
+      whileElementsMounted: Oo,
       placement: t.placement
     }), c = (u) => ({
       top: 0,
@@ -3149,42 +3227,43 @@ const Po = ["innerHTML"], Wo = {
         }
       };
     };
-    return (u, d) => (E(), k("div", {
+    return (u, d) => ($(), T("div", {
       ref_key: "wrapperRef",
       ref: n,
       class: "rvc-group/tooltip"
     }, [
       C(u.$slots, "default"),
-      x("div", {
+      S("div", {
         ref_key: "tooltipRef",
         ref: l,
         class: q(["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: tl(S(o))
+        style: il(x(o))
       }, [
         C(u.$slots, "content", { content: e.content }, () => [
-          e.content ? (E(), k("div", {
+          e.content ? ($(), T("div", {
             key: 0,
             innerHTML: e.content
-          }, null, 8, Po)) : _("", !0)
+          }, null, 8, Bo)) : ee("", !0)
         ]),
-        x("div", qe({
+        S("div", ye({
           ref_key: "arrowRef",
           ref: r,
           class: "rvc-absolute rvc-tooltip-arrow"
-        }, s(S(i))), null, 16)
+        }, s(x(i))), null, 16)
       ], 6)
     ], 512));
   }
 };
 export {
-  Ro as Accordion,
-  Fo as Alert,
-  Bo as Badge,
+  No as Accordion,
+  jo as Alert,
+  Ho as Badge,
   rt as ButtonBase,
-  Mo as Checkbox,
-  No as DataTable,
-  Ho as Drawer,
-  Vo as Lightswitch,
-  Io as Modal,
-  Wo as Tooltip
+  Vo as Checkbox,
+  Io as DataTable,
+  Uo as Drawer,
+  zo as FormSelect,
+  qo as Lightswitch,
+  Ko as Modal,
+  Yo as Tooltip
 };