@robuust-digital/vue-components 1.1.0-rc.0 → 1.1.1

package/dist/vue-components.es.js

@@ -1,6 +1,78 @@
 import * as _e from "vue";
-import { openBlock as U, createBlock as ee, resolveDynamicComponent as ke, normalizeClass as ue, withCtx as W, renderSlot as te, createTextVNode as Ve, toDisplayString as qe, createElementBlock as ze, createElementVNode as L, mergeProps as xt, createCommentVNode as Se, unref as I, watchEffect as C, ref as h, computed as m, cloneVNode as At, h as S, Fragment as ot, defineComponent as T, inject as D, provide as j, onMounted as $, onUnmounted as k, watch as ne, shallowRef as Dt, getCurrentInstance as Ct, Teleport as kt, reactive as Bt, nextTick as Nt, createVNode as G, withModifiers as jt } from "vue";
-const it = (e) => typeof e != "string" ? !1 : /^(primary|secondary|tertiary|light|dark|danger|warning|success)(-soft)?$/.test(e) || e.startsWith("custom-") || e === "clear", Xn = {
+import { openBlock as P, createElementBlock as fe, createElementVNode as $, createBlock as Y, resolveDynamicComponent as de, normalizeClass as le, withCtx as V, renderSlot as k, createCommentVNode as J, toDisplayString as ce, createVNode as q, unref as R, createTextVNode as Oe, watchEffect as x, mergeProps as Ct, ref as h, computed as m, cloneVNode as Dt, h as S, Fragment as ot, defineComponent as T, inject as B, provide as H, onMounted as L, onUnmounted as N, watch as re, shallowRef as kt, getCurrentInstance as xt, Teleport as Bt, reactive as Nt, nextTick as jt, withModifiers as Mt } from "vue";
+function it(e, t) {
+  return P(), fe("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    $("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 Rt = { class: "alert-title" }, Zn = {
+  __name: "Alert",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: [Object, Function],
+      default: null
+    },
+    type: {
+      type: String,
+      default: "default",
+      validator: (e) => ["success", "warning", "danger", "default"].includes(e)
+    },
+    close: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["alert:close"],
+  setup(e) {
+    return (t, n) => (P(), Y(de(e.as), {
+      class: le(["alert", `alert-${e.type}`])
+    }, {
+      default: V(() => [
+        k(t.$slots, "icon", {}, () => [
+          e.icon ? (P(), Y(de(e.icon), {
+            key: 0,
+            class: "alert-icon"
+          })) : J("", !0)
+        ]),
+        $("div", null, [
+          k(t.$slots, "title", {}, () => [
+            $("span", Rt, ce(e.title), 1)
+          ]),
+          k(t.$slots, "default")
+        ]),
+        k(t.$slots, "close", {}, () => [
+          e.close ? (P(), fe("button", {
+            key: 0,
+            type: "button",
+            class: "alert-close rvc-transition-colors",
+            onClick: n[0] || (n[0] = (l) => t.$emit("alert:close"))
+          }, [
+            q(R(it), { class: "rvc-size-5" })
+          ])) : J("", !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, ut = (e) => typeof e != "string" ? !1 : /^(primary|secondary|tertiary|light|dark|danger|warning|success)(-soft)?$/.test(e) || e.startsWith("custom-") || e === "clear", Jn = {
   __name: "Badge",
   props: {
     as: {
@@ -19,29 +91,29 @@ const it = (e) => typeof e != "string" ? !1 : /^(primary|secondary|tertiary|ligh
     color: {
       type: String,
       default: "primary",
-      validator: (e) => it(e)
+      validator: (e) => ut(e)
     }
   },
   setup(e) {
-    return (t, n) => (U(), ee(ke(e.as), {
-      class: ue(["badge", `badge-${e.color}`, `badge-${e.size}`])
+    return (t, n) => (P(), Y(de(e.as), {
+      class: le(["badge", `badge-${e.color}`, `badge-${e.size}`])
     }, {
-      default: W(() => [
-        te(t.$slots, "default", { label: e.label }, () => [
-          Ve(qe(e.label), 1)
+      default: V(() => [
+        k(t.$slots, "default", { label: e.label }, () => [
+          Oe(ce(e.label), 1)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Mt = {
+}, Ht = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function Rt(e, t) {
-  return U(), ze("svg", Mt, t[0] || (t[0] = [
-    L("circle", {
+function It(e, t) {
+  return P(), fe("svg", Ht, t[0] || (t[0] = [
+    $("circle", {
       cx: "12",
       cy: "12",
       r: "10",
@@ -49,13 +121,16 @@ function Rt(e, t) {
       "stroke-width": "4",
       style: { opacity: ".25" }
     }, null, -1),
-    L("path", {
+    $("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 Ht = { render: Rt }, et = {
+const Ut = { render: It }, Wt = {
+  key: 0,
+  class: "rvc-sr-only"
+}, et = {
   __name: "ButtonBase",
   props: {
     as: {
@@ -74,13 +149,17 @@ const Ht = { render: Rt }, et = {
       type: [Object, Function],
       default: null
     },
+    iconOnly: {
+      type: Boolean,
+      default: !1
+    },
     iconLeft: {
       type: Boolean
     },
     size: {
       type: String,
       default: "base",
-      validator: (e) => ["xs", "sm", "base", "lg"].includes(e)
+      validator: (e) => ["sm", "base"].includes(e)
     },
     spinning: {
       type: Boolean
@@ -88,30 +167,46 @@ const Ht = { render: Rt }, et = {
     color: {
       type: String,
       default: "primary",
-      validator: (e) => it(e)
+      validator: (e) => ut(e)
     }
   },
   setup(e) {
-    return (t, n) => (U(), ee(ke(e.as), xt(e.bindAs ? { as: e.bindAs } : {}, {
-      class: ["button", `button-${e.color}`, `button-${e.size}`, { "button-reverse": e.iconLeft }]
+    const t = e;
+    return x(() => {
+      t.iconOnly && !t.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
+    }), (n, l) => (P(), Y(de(e.as), Ct(e.bindAs ? { as: e.bindAs } : {}, {
+      class: ["button", `button-${e.color}`, `button-${e.size}`, { "button-reverse": e.iconLeft }, { "button-icon-only": e.iconOnly }],
+      "aria-label": e.iconOnly ? e.label : null,
+      "aria-busy": e.spinning
     }), {
-      default: W(() => [
-        Ve(qe(e.label) + " ", 1),
-        te(t.$slots, "icon", {}, () => [
-          e.icon && !e.spinning ? (U(), ee(ke(e.icon), {
+      default: V(() => [
+        e.iconOnly && e.label ? (P(), fe("span", Wt, [
+          k(n.$slots, "default", { label: e.label }, () => [
+            Oe(ce(e.label), 1)
+          ])
+        ])) : e.label ? k(n.$slots, "default", {
+          key: 1,
+          label: e.label
+        }, () => [
+          Oe(ce(e.label), 1)
+        ]) : J("", !0),
+        k(n.$slots, "icon", { icon: e.icon }, () => [
+          e.icon && !e.spinning ? (P(), Y(de(e.icon), {
             key: 0,
-            class: "button-icon"
-          })) : Se("", !0)
+            class: "button-icon",
+            "aria-hidden": !e.iconOnly
+          }, null, 8, ["aria-hidden"])) : J("", !0)
         ]),
-        te(t.$slots, "spinner", {}, () => [
-          e.spinning ? (U(), ee(I(Ht), {
+        k(n.$slots, "spinner", { spinning: e.spinning }, () => [
+          e.spinning ? (P(), Y(R(Ut), {
             key: 0,
-            class: "button-icon button-icon-loading"
-          })) : Se("", !0)
+            class: "button-icon button-icon-loading",
+            "aria-hidden": "true"
+          })) : J("", !0)
         ])
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class", "aria-label", "aria-busy"]));
   }
 };
 function Ge(e) {
@@ -119,38 +214,38 @@ function Ge(e) {
     throw t;
   }));
 }
-function se() {
-  let e = [], t = { addEventListener(n, r, l, a) {
-    return n.addEventListener(r, l, a), t.add(() => n.removeEventListener(r, l, a));
+function ve() {
+  let e = [], t = { addEventListener(n, l, r, a) {
+    return n.addEventListener(l, r, a), t.add(() => n.removeEventListener(l, r, a));
   }, requestAnimationFrame(...n) {
-    let r = requestAnimationFrame(...n);
-    t.add(() => cancelAnimationFrame(r));
+    let l = requestAnimationFrame(...n);
+    t.add(() => cancelAnimationFrame(l));
   }, nextFrame(...n) {
     t.requestAnimationFrame(() => {
       t.requestAnimationFrame(...n);
     });
   }, setTimeout(...n) {
-    let r = setTimeout(...n);
-    t.add(() => clearTimeout(r));
+    let l = setTimeout(...n);
+    t.add(() => clearTimeout(l));
   }, microTask(...n) {
-    let r = { current: !0 };
+    let l = { current: !0 };
     return Ge(() => {
-      r.current && n[0]();
+      l.current && n[0]();
     }), t.add(() => {
-      r.current = !1;
+      l.current = !1;
     });
-  }, style(n, r, l) {
-    let a = n.style.getPropertyValue(r);
-    return Object.assign(n.style, { [r]: l }), this.add(() => {
-      Object.assign(n.style, { [r]: a });
+  }, style(n, l, r) {
+    let a = n.style.getPropertyValue(l);
+    return Object.assign(n.style, { [l]: r }), this.add(() => {
+      Object.assign(n.style, { [l]: a });
     });
   }, group(n) {
-    let r = se();
-    return n(r), this.add(() => r.dispose());
+    let l = ve();
+    return n(l), this.add(() => l.dispose());
   }, add(n) {
     return e.push(n), () => {
-      let r = e.indexOf(n);
-      if (r >= 0) for (let l of e.splice(r, 1)) l();
+      let l = e.indexOf(n);
+      if (l >= 0) for (let r of e.splice(l, 1)) r();
     };
   }, dispose() {
     for (let n of e.splice(0)) n();
@@ -158,9 +253,9 @@ function se() {
   return t;
 }
 var tt;
-let It = Symbol("headlessui.useid"), Ut = 0;
-const Z = (tt = _e.useId) != null ? tt : function() {
-  return _e.inject(It, () => `${++Ut}`)();
+let Vt = Symbol("headlessui.useid"), qt = 0;
+const ee = (tt = _e.useId) != null ? tt : function() {
+  return _e.inject(Vt, () => `${++qt}`)();
 };
 function E(e) {
   var t;
@@ -168,16 +263,16 @@ function E(e) {
   let n = (t = e.value.$el) != null ? t : e.value;
   return n instanceof Node ? n : null;
 }
-function M(e, t, ...n) {
+function I(e, t, ...n) {
   if (e in t) {
-    let l = t[e];
-    return typeof l == "function" ? l(...n) : l;
+    let r = t[e];
+    return typeof r == "function" ? r(...n) : r;
   }
-  let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((l) => `"${l}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(r, M), r;
+  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, I), l;
 }
-var Wt = Object.defineProperty, Vt = (e, t, n) => t in e ? Wt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, nt = (e, t, n) => (Vt(e, typeof t != "symbol" ? t + "" : t, n), n);
-let qt = class {
+var zt = Object.defineProperty, Gt = (e, t, n) => t in e ? zt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, nt = (e, t, n) => (Gt(e, typeof t != "symbol" ? t + "" : t, n), n);
+let Yt = class {
   constructor() {
     nt(this, "current", this.detect()), nt(this, "currentId", 0);
   }
@@ -199,9 +294,9 @@ let qt = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, de = new qt();
-function re(e) {
-  if (de.isServer) return null;
+}, pe = new Yt();
+function ae(e) {
+  if (pe.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
     let t = E(e);
@@ -209,59 +304,59 @@ function re(e) {
   }
   return document;
 }
-let Be = ["[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 V = ((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))(V || {}), ut = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(ut || {}), zt = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(zt || {});
-function Gt(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(Be)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
+let Me = ["[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 z = ((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))(z || {}), st = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(st || {}), Kt = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Kt || {});
+function Xt(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(Me)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
-var st = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(st || {});
-function Yt(e, t = 0) {
+var dt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(dt || {});
+function Qt(e, t = 0) {
   var n;
-  return e === ((n = re(e)) == null ? void 0 : n.body) ? !1 : M(t, { 0() {
-    return e.matches(Be);
+  return e === ((n = ae(e)) == null ? void 0 : n.body) ? !1 : I(t, { 0() {
+    return e.matches(Me);
   }, 1() {
-    let r = e;
-    for (; r !== null; ) {
-      if (r.matches(Be)) return !0;
-      r = r.parentElement;
+    let l = e;
+    for (; l !== null; ) {
+      if (l.matches(Me)) return !0;
+      l = l.parentElement;
     }
     return !1;
   } });
 }
-var Kt = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Kt || {});
+var Zt = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Zt || {});
 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 Q(e) {
+function _(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
-let Xt = ["textarea", "input"].join(",");
-function Qt(e) {
+let Jt = ["textarea", "input"].join(",");
+function _t(e) {
   var t, n;
-  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Xt)) != null ? n : !1;
+  return (n = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Jt)) != null ? n : !1;
 }
-function Zt(e, t = (n) => n) {
-  return e.slice().sort((n, r) => {
-    let l = t(n), a = t(r);
-    if (l === null || a === null) return 0;
-    let i = l.compareDocumentPosition(a);
+function en(e, t = (n) => n) {
+  return e.slice().sort((n, l) => {
+    let r = t(n), a = t(l);
+    if (r === null || a === null) return 0;
+    let i = r.compareDocumentPosition(a);
     return i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Ee(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: l = [] } = {}) {
+function Te(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] } = {}) {
   var a;
-  let i = (a = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? a : document, o = Array.isArray(e) ? n ? Zt(e) : e : Gt(e);
-  l.length > 0 && o.length > 1 && (o = o.filter((v) => !l.includes(v))), r = r ?? i.activeElement;
+  let i = (a = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? a : document, o = Array.isArray(e) ? n ? en(e) : e : Xt(e);
+  r.length > 0 && o.length > 1 && (o = o.filter((v) => !r.includes(v))), l = l ?? i.activeElement;
   let u = (() => {
     if (t & 5) return 1;
     if (t & 10) return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
   })(), d = (() => {
     if (t & 1) return 0;
-    if (t & 2) return Math.max(0, o.indexOf(r)) - 1;
-    if (t & 4) return Math.max(0, o.indexOf(r)) + 1;
+    if (t & 2) return Math.max(0, o.indexOf(l)) - 1;
+    if (t & 4) return Math.max(0, o.indexOf(l)) + 1;
     if (t & 8) return o.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
   })(), s = t & 32 ? { preventScroll: !0 } : {}, f = 0, c = o.length, p;
@@ -275,29 +370,29 @@ function Ee(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: l = [] }
     }
     p = o[v], p == null || p.focus(s), f += u;
   } while (p !== i.activeElement);
-  return t & 6 && Qt(p) && p.select(), 2;
+  return t & 6 && _t(p) && p.select(), 2;
 }
-function dt() {
+function ct() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function Jt() {
+function tn() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function _t() {
-  return dt() || Jt();
+function nn() {
+  return ct() || tn();
 }
-function ye(e, t, n) {
-  de.isServer || C((r) => {
-    document.addEventListener(e, t, n), r(() => document.removeEventListener(e, t, n));
+function Se(e, t, n) {
+  pe.isServer || x((l) => {
+    document.addEventListener(e, t, n), l(() => document.removeEventListener(e, t, n));
   });
 }
-function ct(e, t, n) {
-  de.isServer || C((r) => {
-    window.addEventListener(e, t, n), r(() => window.removeEventListener(e, t, n));
+function ft(e, t, n) {
+  pe.isServer || x((l) => {
+    window.addEventListener(e, t, n), l(() => window.removeEventListener(e, t, n));
   });
 }
-function en(e, t, n = m(() => !0)) {
-  function r(a, i) {
+function ln(e, t, n = m(() => !0)) {
+  function l(a, i) {
     if (!n.value || a.defaultPrevented) return;
     let o = i(a);
     if (o === null || !o.getRootNode().contains(o)) return;
@@ -309,50 +404,50 @@ function en(e, t, n = m(() => !0)) {
       let s = d instanceof HTMLElement ? d : E(d);
       if (s != null && s.contains(o) || a.composed && a.composedPath().includes(s)) return;
     }
-    return !Yt(o, st.Loose) && o.tabIndex !== -1 && a.preventDefault(), t(a, o);
+    return !Qt(o, dt.Loose) && o.tabIndex !== -1 && a.preventDefault(), t(a, o);
   }
-  let l = h(null);
-  ye("pointerdown", (a) => {
+  let r = h(null);
+  Se("pointerdown", (a) => {
     var i, o;
-    n.value && (l.value = ((o = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : o[0]) || a.target);
-  }, !0), ye("mousedown", (a) => {
+    n.value && (r.value = ((o = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : o[0]) || a.target);
+  }, !0), Se("mousedown", (a) => {
     var i, o;
-    n.value && (l.value = ((o = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : o[0]) || a.target);
-  }, !0), ye("click", (a) => {
-    _t() || l.value && (r(a, () => l.value), l.value = null);
-  }, !0), ye("touchend", (a) => r(a, () => a.target instanceof HTMLElement ? a.target : null), !0), ct("blur", (a) => r(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+    n.value && (r.value = ((o = (i = a.composedPath) == null ? void 0 : i.call(a)) == null ? void 0 : o[0]) || a.target);
+  }, !0), Se("click", (a) => {
+    nn() || r.value && (l(a, () => r.value), r.value = null);
+  }, !0), Se("touchend", (a) => l(a, () => a.target instanceof HTMLElement ? a.target : null), !0), ft("blur", (a) => l(a, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
-var $e = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))($e || {}), q = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(q || {});
-function F({ visible: e = !0, features: t = 0, ourProps: n, theirProps: r, ...l }) {
+var Fe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(Fe || {}), G = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(G || {});
+function A({ visible: e = !0, features: t = 0, ourProps: n, theirProps: l, ...r }) {
   var a;
-  let i = vt(r, n), o = Object.assign(l, { props: i });
-  if (e || t & 2 && i.static) return Ae(o);
+  let i = pt(l, n), o = Object.assign(r, { props: i });
+  if (e || t & 2 && i.static) return Be(o);
   if (t & 1) {
     let u = (a = i.unmount) == null || a ? 0 : 1;
-    return M(u, { 0() {
+    return I(u, { 0() {
       return null;
     }, 1() {
-      return Ae({ ...l, props: { ...i, hidden: !0, style: { display: "none" } } });
+      return Be({ ...r, props: { ...i, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return Ae(o);
+  return Be(o);
 }
-function Ae({ props: e, attrs: t, slots: n, slot: r, name: l }) {
+function Be({ props: e, attrs: t, slots: n, slot: l, name: r }) {
   var a, i;
-  let { as: o, ...u } = pt(e, ["unmount", "static"]), d = (a = n.default) == null ? void 0 : a.call(n, r), s = {};
-  if (r) {
+  let { as: o, ...u } = mt(e, ["unmount", "static"]), d = (a = n.default) == null ? void 0 : a.call(n, l), s = {};
+  if (l) {
     let f = !1, c = [];
-    for (let [p, v] of Object.entries(r)) typeof v == "boolean" && (f = !0), v === !0 && c.push(p);
+    for (let [p, v] of Object.entries(l)) typeof v == "boolean" && (f = !0), v === !0 && c.push(p);
     f && (s["data-headlessui-state"] = c.join(" "));
   }
   if (o === "template") {
-    if (d = ft(d ?? []), Object.keys(u).length > 0 || Object.keys(t).length > 0) {
+    if (d = vt(d ?? []), Object.keys(u).length > 0 || Object.keys(t).length > 0) {
       let [f, ...c] = d ?? [];
-      if (!tn(f) || c.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${l} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(u).concat(Object.keys(t)).map((g) => g.trim()).filter((g, b, B) => B.indexOf(g) === b).sort((g, b) => g.localeCompare(b)).map((g) => `  - ${g}`).join(`
+      if (!rn(f) || c.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(u).concat(Object.keys(t)).map((g) => g.trim()).filter((g, b, j) => j.indexOf(g) === b).sort((g, b) => g.localeCompare(b)).map((g) => `  - ${g}`).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((g) => `  - ${g}`).join(`
 `)].join(`
 `));
-      let p = vt((i = f.props) != null ? i : {}, u, s), v = At(f, p, !0);
+      let p = pt((i = f.props) != null ? i : {}, u, s), v = Dt(f, p, !0);
       for (let g in p) g.startsWith("on") && (v.props || (v.props = {}), v.props[g] = p[g]);
       return v;
     }
@@ -360,102 +455,102 @@ function Ae({ props: e, attrs: t, slots: n, slot: r, name: l }) {
   }
   return S(o, Object.assign({}, u, s), { default: () => d });
 }
-function ft(e) {
-  return e.flatMap((t) => t.type === ot ? ft(t.children) : [t]);
+function vt(e) {
+  return e.flatMap((t) => t.type === ot ? vt(t.children) : [t]);
 }
-function vt(...e) {
+function pt(...e) {
   if (e.length === 0) return {};
   if (e.length === 1) return e[0];
   let t = {}, n = {};
-  for (let r of e) for (let l in r) l.startsWith("on") && typeof r[l] == "function" ? (n[l] != null || (n[l] = []), n[l].push(r[l])) : t[l] = r[l];
-  if (t.disabled || t["aria-disabled"]) return Object.assign(t, Object.fromEntries(Object.keys(n).map((r) => [r, void 0])));
-  for (let r in n) Object.assign(t, { [r](l, ...a) {
-    let i = n[r];
+  for (let l of e) for (let r in l) r.startsWith("on") && typeof l[r] == "function" ? (n[r] != null || (n[r] = []), n[r].push(l[r])) : t[r] = l[r];
+  if (t.disabled || t["aria-disabled"]) return Object.assign(t, Object.fromEntries(Object.keys(n).map((l) => [l, void 0])));
+  for (let l in n) Object.assign(t, { [l](r, ...a) {
+    let i = n[l];
     for (let o of i) {
-      if (l instanceof Event && l.defaultPrevented) return;
-      o(l, ...a);
+      if (r instanceof Event && r.defaultPrevented) return;
+      o(r, ...a);
     }
   } });
   return t;
 }
-function pt(e, t = []) {
+function mt(e, t = []) {
   let n = Object.assign({}, e);
-  for (let r of t) r in n && delete n[r];
+  for (let l of t) l in n && delete n[l];
   return n;
 }
-function tn(e) {
+function rn(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
-var Le = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Le || {});
-let Ne = T({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
+var Pe = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Pe || {});
+let Re = T({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
   return () => {
-    var r;
-    let { features: l, ...a } = e, i = { "aria-hidden": (l & 2) === 2 ? !0 : (r = a["aria-hidden"]) != null ? r : void 0, hidden: (l & 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", ...(l & 4) === 4 && (l & 2) !== 2 && { display: "none" } } };
-    return F({ ourProps: i, theirProps: a, slot: {}, attrs: n, slots: t, name: "Hidden" });
+    var l;
+    let { features: r, ...a } = e, i = { "aria-hidden": (r & 2) === 2 ? !0 : (l = a["aria-hidden"]) != null ? l : void 0, hidden: (r & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
+    return A({ ourProps: i, theirProps: a, slot: {}, attrs: n, slots: t, name: "Hidden" });
   };
-} }), mt = Symbol("Context");
-var P = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(P || {});
-function nn() {
+} }), gt = Symbol("Context");
+var F = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(F || {});
+function an() {
   return Ye() !== null;
 }
 function Ye() {
-  return D(mt, null);
+  return B(gt, null);
 }
-function rn(e) {
-  j(mt, e);
+function on(e) {
+  H(gt, e);
 }
-var gt = ((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))(gt || {});
-function ln(e) {
+var ht = ((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))(ht || {});
+function un(e) {
   function t() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
 }
-let K = [];
-ln(() => {
+let Q = [];
+un(() => {
   function e(t) {
-    t.target instanceof HTMLElement && t.target !== document.body && K[0] !== t.target && (K.unshift(t.target), K = K.filter((n) => n != null && n.isConnected), K.splice(10));
+    t.target instanceof HTMLElement && t.target !== document.body && Q[0] !== t.target && (Q.unshift(t.target), Q = Q.filter((n) => n != null && n.isConnected), Q.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 ht(e, t, n, r) {
-  de.isServer || C((l) => {
-    e = e ?? window, e.addEventListener(t, n, r), l(() => e.removeEventListener(t, n, r));
+function yt(e, t, n, l) {
+  pe.isServer || x((r) => {
+    e = e ?? window, e.addEventListener(t, n, l), r(() => e.removeEventListener(t, n, l));
   });
 }
-var ie = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(ie || {});
-function an() {
+var se = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(se || {});
+function sn() {
   let e = h(0);
-  return ct("keydown", (t) => {
+  return ft("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
-function yt(e) {
+function bt(e) {
   if (!e) return /* @__PURE__ */ new Set();
   if (typeof e == "function") return new Set(e());
   let t = /* @__PURE__ */ new Set();
   for (let n of e.value) {
-    let r = E(n);
-    r instanceof HTMLElement && t.add(r);
+    let l = E(n);
+    l instanceof HTMLElement && t.add(l);
   }
   return t;
 }
-var bt = ((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))(bt || {});
-let ae = Object.assign(T({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: h(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
-  let l = h(null);
-  r({ el: l, $el: l });
-  let a = m(() => re(l)), i = h(!1);
-  $(() => i.value = !0), k(() => i.value = !1), un({ ownerDocument: a }, m(() => i.value && !!(e.features & 16)));
-  let o = sn({ ownerDocument: a, container: l, initialFocus: m(() => e.initialFocus) }, m(() => i.value && !!(e.features & 2)));
-  dn({ ownerDocument: a, container: l, containers: e.containers, previousActiveElement: o }, m(() => i.value && !!(e.features & 8)));
-  let u = an();
+var wt = ((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))(wt || {});
+let ie = Object.assign(T({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: h(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
+  let r = h(null);
+  l({ el: r, $el: r });
+  let a = m(() => ae(r)), i = h(!1);
+  L(() => i.value = !0), N(() => i.value = !1), cn({ ownerDocument: a }, m(() => i.value && !!(e.features & 16)));
+  let o = fn({ ownerDocument: a, container: r, initialFocus: m(() => e.initialFocus) }, m(() => i.value && !!(e.features & 2)));
+  vn({ ownerDocument: a, container: r, containers: e.containers, previousActiveElement: o }, m(() => i.value && !!(e.features & 8)));
+  let u = sn();
   function d(p) {
-    let v = E(l);
+    let v = E(r);
     v && ((g) => g())(() => {
-      M(u.value, { [ie.Forwards]: () => {
-        Ee(v, V.First, { skipElements: [p.relatedTarget] });
-      }, [ie.Backwards]: () => {
-        Ee(v, V.Last, { skipElements: [p.relatedTarget] });
+      I(u.value, { [se.Forwards]: () => {
+        Te(v, z.First, { skipElements: [p.relatedTarget] });
+      }, [se.Backwards]: () => {
+        Te(v, z.Last, { skipElements: [p.relatedTarget] });
       } });
     });
   }
@@ -467,43 +562,43 @@ let ae = Object.assign(T({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }
   function c(p) {
     if (!i.value) return;
-    let v = yt(e.containers);
-    E(l) instanceof HTMLElement && v.add(E(l));
+    let v = bt(e.containers);
+    E(r) instanceof HTMLElement && v.add(E(r));
     let g = p.relatedTarget;
-    g instanceof HTMLElement && g.dataset.headlessuiFocusGuard !== "true" && (wt(v, g) || (s.value ? Ee(E(l), M(u.value, { [ie.Forwards]: () => V.Next, [ie.Backwards]: () => V.Previous }) | V.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && Q(p.target)));
+    g instanceof HTMLElement && g.dataset.headlessuiFocusGuard !== "true" && (Et(v, g) || (s.value ? Te(E(r), I(u.value, { [se.Forwards]: () => z.Next, [se.Backwards]: () => z.Previous }) | z.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && _(p.target)));
   }
   return () => {
-    let p = {}, v = { ref: l, onKeydown: f, onFocusout: c }, { features: g, initialFocus: b, containers: B, ...O } = e;
-    return S(ot, [!!(g & 4) && S(Ne, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Le.Focusable }), F({ ourProps: v, theirProps: { ...t, ...O }, slot: p, attrs: t, slots: n, name: "FocusTrap" }), !!(g & 4) && S(Ne, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Le.Focusable })]);
+    let p = {}, v = { ref: r, onKeydown: f, onFocusout: c }, { features: g, initialFocus: b, containers: j, ...O } = e;
+    return S(ot, [!!(g & 4) && S(Re, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Pe.Focusable }), A({ ourProps: v, theirProps: { ...t, ...O }, slot: p, attrs: t, slots: n, name: "FocusTrap" }), !!(g & 4) && S(Re, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Pe.Focusable })]);
   };
-} }), { features: bt });
-function on(e) {
-  let t = h(K.slice());
-  return ne([e], ([n], [r]) => {
-    r === !0 && n === !1 ? Ge(() => {
+} }), { features: wt });
+function dn(e) {
+  let t = h(Q.slice());
+  return re([e], ([n], [l]) => {
+    l === !0 && n === !1 ? Ge(() => {
       t.value.splice(0);
-    }) : r === !1 && n === !0 && (t.value = K.slice());
+    }) : l === !1 && n === !0 && (t.value = Q.slice());
   }, { flush: "post" }), () => {
     var n;
-    return (n = t.value.find((r) => r != null && r.isConnected)) != null ? n : null;
+    return (n = t.value.find((l) => l != null && l.isConnected)) != null ? n : null;
   };
 }
-function un({ ownerDocument: e }, t) {
-  let n = on(t);
-  $(() => {
-    C(() => {
-      var r, l;
-      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((l = e.value) == null ? void 0 : l.body) && Q(n());
+function cn({ ownerDocument: e }, t) {
+  let n = dn(t);
+  L(() => {
+    x(() => {
+      var l, r;
+      t.value || ((l = e.value) == null ? void 0 : l.activeElement) === ((r = e.value) == null ? void 0 : r.body) && _(n());
     }, { flush: "post" });
-  }), k(() => {
-    t.value && Q(n());
+  }), N(() => {
+    t.value && _(n());
   });
 }
-function sn({ ownerDocument: e, container: t, initialFocus: n }, r) {
-  let l = h(null), a = h(!1);
-  return $(() => a.value = !0), k(() => a.value = !1), $(() => {
-    ne([t, n, r], (i, o) => {
-      if (i.every((d, s) => (o == null ? void 0 : o[s]) === d) || !r.value) return;
+function fn({ ownerDocument: e, container: t, initialFocus: n }, l) {
+  let r = h(null), a = h(!1);
+  return L(() => a.value = !0), N(() => a.value = !1), L(() => {
+    re([t, n, l], (i, o) => {
+      if (i.every((d, s) => (o == null ? void 0 : o[s]) === d) || !l.value) return;
       let u = E(t);
       u && Ge(() => {
         var d, s;
@@ -511,92 +606,92 @@ function sn({ ownerDocument: e, container: t, initialFocus: n }, r) {
         let f = E(n), c = (d = e.value) == null ? void 0 : d.activeElement;
         if (f) {
           if (f === c) {
-            l.value = c;
+            r.value = c;
             return;
           }
         } else if (u.contains(c)) {
-          l.value = c;
+          r.value = c;
           return;
         }
-        f ? Q(f) : Ee(u, V.First | V.NoScroll) === ut.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), l.value = (s = e.value) == null ? void 0 : s.activeElement;
+        f ? _(f) : Te(u, z.First | z.NoScroll) === st.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (s = e.value) == null ? void 0 : s.activeElement;
       });
     }, { immediate: !0, flush: "post" });
-  }), l;
+  }), r;
 }
-function dn({ ownerDocument: e, container: t, containers: n, previousActiveElement: r }, l) {
+function vn({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
   var a;
-  ht((a = e.value) == null ? void 0 : a.defaultView, "focus", (i) => {
-    if (!l.value) return;
-    let o = yt(n);
+  yt((a = e.value) == null ? void 0 : a.defaultView, "focus", (i) => {
+    if (!r.value) return;
+    let o = bt(n);
     E(t) instanceof HTMLElement && o.add(E(t));
-    let u = r.value;
+    let u = l.value;
     if (!u) return;
     let d = i.target;
-    d && d instanceof HTMLElement ? wt(o, d) ? (r.value = d, Q(d)) : (i.preventDefault(), i.stopPropagation(), Q(u)) : Q(r.value);
+    d && d instanceof HTMLElement ? Et(o, d) ? (l.value = d, _(d)) : (i.preventDefault(), i.stopPropagation(), _(u)) : _(l.value);
   }, !0);
 }
-function wt(e, t) {
+function Et(e, t) {
   for (let n of e) if (n.contains(t)) return !0;
   return !1;
 }
-function cn(e) {
-  let t = Dt(e.getSnapshot());
-  return k(e.subscribe(() => {
+function pn(e) {
+  let t = kt(e.getSnapshot());
+  return N(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function fn(e, t) {
-  let n = e(), r = /* @__PURE__ */ new Set();
+function mn(e, t) {
+  let n = e(), l = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return n;
-  }, subscribe(l) {
-    return r.add(l), () => r.delete(l);
-  }, dispatch(l, ...a) {
-    let i = t[l].call(n, ...a);
-    i && (n = i, r.forEach((o) => o()));
+  }, subscribe(r) {
+    return l.add(r), () => l.delete(r);
+  }, dispatch(r, ...a) {
+    let i = t[r].call(n, ...a);
+    i && (n = i, l.forEach((o) => o()));
   } };
 }
-function vn() {
+function gn() {
   let e;
   return { before({ doc: t }) {
     var n;
-    let r = t.documentElement;
-    e = ((n = t.defaultView) != null ? n : window).innerWidth - r.clientWidth;
+    let l = t.documentElement;
+    e = ((n = t.defaultView) != null ? n : window).innerWidth - l.clientWidth;
   }, after({ doc: t, d: n }) {
-    let r = t.documentElement, l = r.clientWidth - r.offsetWidth, a = e - l;
-    n.style(r, "paddingRight", `${a}px`);
+    let l = t.documentElement, r = l.clientWidth - l.offsetWidth, a = e - r;
+    n.style(l, "paddingRight", `${a}px`);
   } };
 }
-function pn() {
-  return dt() ? { before({ doc: e, d: t, meta: n }) {
-    function r(l) {
-      return n.containers.flatMap((a) => a()).some((a) => a.contains(l));
+function hn() {
+  return ct() ? { before({ doc: e, d: t, meta: n }) {
+    function l(r) {
+      return n.containers.flatMap((a) => a()).some((a) => a.contains(r));
     }
     t.microTask(() => {
-      var l;
+      var r;
       if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let o = se();
+        let o = ve();
         o.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => o.dispose()));
       }
-      let a = (l = window.scrollY) != null ? l : window.pageYOffset, i = null;
+      let a = (r = window.scrollY) != null ? r : window.pageYOffset, i = null;
       t.addEventListener(e, "click", (o) => {
         if (o.target instanceof HTMLElement) try {
           let u = o.target.closest("a");
           if (!u) return;
           let { hash: d } = new URL(u.href), s = e.querySelector(d);
-          s && !r(s) && (i = s);
+          s && !l(s) && (i = s);
         } catch {
         }
       }, !0), t.addEventListener(e, "touchstart", (o) => {
-        if (o.target instanceof HTMLElement) if (r(o.target)) {
+        if (o.target instanceof HTMLElement) if (l(o.target)) {
           let u = o.target;
-          for (; u.parentElement && r(u.parentElement); ) u = u.parentElement;
+          for (; u.parentElement && l(u.parentElement); ) u = u.parentElement;
           t.style(u, "overscrollBehavior", "contain");
         } else t.style(o.target, "touchAction", "none");
       }), t.addEventListener(e, "touchmove", (o) => {
         if (o.target instanceof HTMLElement) {
           if (o.target.tagName === "INPUT") return;
-          if (r(o.target)) {
+          if (l(o.target)) {
             let u = o.target;
             for (; u.parentElement && u.dataset.headlessuiPortal !== "" && !(u.scrollHeight > u.clientHeight || u.scrollWidth > u.clientWidth); ) u = u.parentElement;
             u.dataset.headlessuiPortal === "" && o.preventDefault();
@@ -610,484 +705,469 @@ function pn() {
     });
   } } : {};
 }
-function mn() {
+function yn() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function gn(e) {
+function bn(e) {
   let t = {};
   for (let n of e) Object.assign(t, n(t));
   return t;
 }
-let X = fn(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+let Z = mn(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   var n;
-  let r = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: se(), meta: /* @__PURE__ */ new Set() };
-  return r.count++, r.meta.add(t), this.set(e, r), this;
+  let l = (n = this.get(e)) != null ? n : { doc: e, count: 0, d: ve(), 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 r = { doc: e, d: t, meta: gn(n) }, l = [pn(), vn(), mn()];
-  l.forEach(({ before: a }) => a == null ? void 0 : a(r)), l.forEach(({ after: a }) => a == null ? void 0 : a(r));
+  let l = { doc: e, d: t, meta: bn(n) }, r = [hn(), gn(), yn()];
+  r.forEach(({ before: a }) => a == null ? void 0 : a(l)), r.forEach(({ after: a }) => a == null ? void 0 : a(l));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
 }, TEARDOWN({ doc: e }) {
   this.delete(e);
 } });
-X.subscribe(() => {
-  let e = X.getSnapshot(), t = /* @__PURE__ */ new Map();
+Z.subscribe(() => {
+  let e = Z.getSnapshot(), t = /* @__PURE__ */ new Map();
   for (let [n] of e) t.set(n, n.documentElement.style.overflow);
   for (let n of e.values()) {
-    let r = t.get(n.doc) === "hidden", l = n.count !== 0;
-    (l && !r || !l && r) && X.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && X.dispatch("TEARDOWN", n);
+    let l = t.get(n.doc) === "hidden", r = n.count !== 0;
+    (r && !l || !r && l) && Z.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && Z.dispatch("TEARDOWN", n);
   }
 });
-function hn(e, t, n) {
-  let r = cn(X), l = m(() => {
-    let a = e.value ? r.value.get(e.value) : void 0;
+function wn(e, t, n) {
+  let l = pn(Z), r = m(() => {
+    let a = e.value ? l.value.get(e.value) : void 0;
     return a ? a.count > 0 : !1;
   });
-  return ne([e, t], ([a, i], [o], u) => {
+  return re([e, t], ([a, i], [o], u) => {
     if (!a || !i) return;
-    X.dispatch("PUSH", a, n);
+    Z.dispatch("PUSH", a, n);
     let d = !1;
     u(() => {
-      d || (X.dispatch("POP", o ?? a, n), d = !0);
+      d || (Z.dispatch("POP", o ?? a, n), d = !0);
     });
-  }, { immediate: !0 }), l;
+  }, { immediate: !0 }), r;
 }
-let De = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map();
-function rt(e, t = h(!0)) {
-  C((n) => {
-    var r;
+let Ne = /* @__PURE__ */ new Map(), ue = /* @__PURE__ */ new Map();
+function lt(e, t = h(!0)) {
+  x((n) => {
+    var l;
     if (!t.value) return;
-    let l = E(e);
-    if (!l) return;
+    let r = E(e);
+    if (!r) return;
     n(function() {
       var i;
-      if (!l) return;
-      let o = (i = oe.get(l)) != null ? i : 1;
-      if (o === 1 ? oe.delete(l) : oe.set(l, o - 1), o !== 1) return;
-      let u = De.get(l);
-      u && (u["aria-hidden"] === null ? l.removeAttribute("aria-hidden") : l.setAttribute("aria-hidden", u["aria-hidden"]), l.inert = u.inert, De.delete(l));
+      if (!r) return;
+      let o = (i = ue.get(r)) != null ? i : 1;
+      if (o === 1 ? ue.delete(r) : ue.set(r, o - 1), o !== 1) return;
+      let u = Ne.get(r);
+      u && (u["aria-hidden"] === null ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", u["aria-hidden"]), r.inert = u.inert, Ne.delete(r));
     });
-    let a = (r = oe.get(l)) != null ? r : 0;
-    oe.set(l, a + 1), a === 0 && (De.set(l, { "aria-hidden": l.getAttribute("aria-hidden"), inert: l.inert }), l.setAttribute("aria-hidden", "true"), l.inert = !0);
+    let a = (l = ue.get(r)) != null ? l : 0;
+    ue.set(r, a + 1), a === 0 && (Ne.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), r.setAttribute("aria-hidden", "true"), r.inert = !0);
   });
 }
-function yn({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
-  let r = h(null), l = re(r);
+function En({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
+  let l = h(null), r = ae(l);
   function a() {
     var i, o, u;
     let d = [];
     for (let s of e) s !== null && (s instanceof HTMLElement ? d.push(s) : "value" in s && s.value instanceof HTMLElement && d.push(s.value));
     if (t != null && t.value) for (let s of t.value) d.push(s);
-    for (let s of (i = l == null ? void 0 : l.querySelectorAll("html > *, body > *")) != null ? i : []) s !== document.body && s !== document.head && s instanceof HTMLElement && s.id !== "headlessui-portal-root" && (s.contains(E(r)) || s.contains((u = (o = E(r)) == null ? void 0 : o.getRootNode()) == null ? void 0 : u.host) || d.some((f) => s.contains(f)) || d.push(s));
+    for (let s of (i = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? i : []) s !== document.body && s !== document.head && s instanceof HTMLElement && s.id !== "headlessui-portal-root" && (s.contains(E(l)) || s.contains((u = (o = E(l)) == null ? void 0 : o.getRootNode()) == null ? void 0 : u.host) || d.some((f) => s.contains(f)) || d.push(s));
     return d;
   }
   return { resolveContainers: a, contains(i) {
     return a().some((o) => o.contains(i));
-  }, mainTreeNodeRef: r, MainTreeNode() {
-    return n != null ? null : S(Ne, { features: Le.Hidden, ref: r });
+  }, mainTreeNodeRef: l, MainTreeNode() {
+    return n != null ? null : S(Re, { features: Pe.Hidden, ref: l });
   } };
 }
-let Et = Symbol("ForcePortalRootContext");
-function bn() {
-  return D(Et, !1);
+let St = Symbol("ForcePortalRootContext");
+function Sn() {
+  return B(St, !1);
 }
-let je = T({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
-  return j(Et, e.force), () => {
-    let { force: r, ...l } = e;
-    return F({ theirProps: l, ourProps: {}, slot: {}, slots: t, attrs: n, name: "ForcePortalRoot" });
+let He = T({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
+  return H(St, e.force), () => {
+    let { force: l, ...r } = e;
+    return A({ theirProps: r, ourProps: {}, slot: {}, slots: t, attrs: n, name: "ForcePortalRoot" });
   };
-} }), St = Symbol("StackContext");
-var Me = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Me || {});
-function wn() {
-  return D(St, () => {
+} }), $t = Symbol("StackContext");
+var Ie = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Ie || {});
+function $n() {
+  return B($t, () => {
   });
 }
-function En({ type: e, enabled: t, element: n, onUpdate: r }) {
-  let l = wn();
+function Ln({ type: e, enabled: t, element: n, onUpdate: l }) {
+  let r = $n();
   function a(...i) {
-    r == null || r(...i), l(...i);
+    l == null || l(...i), r(...i);
   }
-  $(() => {
-    ne(t, (i, o) => {
+  L(() => {
+    re(t, (i, o) => {
       i ? a(0, e, n) : o === !0 && a(1, e, n);
     }, { immediate: !0, flush: "sync" });
-  }), k(() => {
+  }), N(() => {
     t.value && a(1, e, n);
-  }), j(St, a);
+  }), H($t, a);
 }
-let $t = Symbol("DescriptionContext");
-function Sn() {
-  let e = D($t, null);
+let Lt = Symbol("DescriptionContext");
+function Tn() {
+  let e = B(Lt, null);
   if (e === null) throw new Error("Missing parent");
   return e;
 }
-function $n({ slot: e = h({}), name: t = "Description", props: n = {} } = {}) {
-  let r = h([]);
-  function l(a) {
-    return r.value.push(a), () => {
-      let i = r.value.indexOf(a);
-      i !== -1 && r.value.splice(i, 1);
+function On({ slot: e = h({}), name: t = "Description", props: n = {} } = {}) {
+  let l = h([]);
+  function r(a) {
+    return l.value.push(a), () => {
+      let i = l.value.indexOf(a);
+      i !== -1 && l.value.splice(i, 1);
     };
   }
-  return j($t, { register: l, slot: e, name: t, props: n }), m(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+  return H(Lt, { register: r, slot: e, name: t, props: n }), m(() => l.value.length > 0 ? l.value.join(" ") : void 0);
 }
 T({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
-  var r;
-  let l = (r = e.id) != null ? r : `headlessui-description-${Z()}`, a = Sn();
-  return $(() => k(a.register(l))), () => {
-    let { name: i = "Description", slot: o = h({}), props: u = {} } = a, { ...d } = e, s = { ...Object.entries(u).reduce((f, [c, p]) => Object.assign(f, { [c]: I(p) }), {}), id: l };
-    return F({ ourProps: s, theirProps: d, slot: o.value, attrs: t, slots: n, name: i });
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-description-${ee()}`, a = Tn();
+  return L(() => N(a.register(r))), () => {
+    let { name: i = "Description", slot: o = h({}), props: u = {} } = a, { ...d } = e, s = { ...Object.entries(u).reduce((f, [c, p]) => Object.assign(f, { [c]: R(p) }), {}), id: r };
+    return A({ ourProps: s, theirProps: d, slot: o.value, attrs: t, slots: n, name: i });
   };
 } });
-function Ln(e) {
-  let t = re(e);
+function Fn(e) {
+  let t = ae(e);
   if (!t) {
     if (e === null) return null;
     throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e}`);
   }
   let n = t.getElementById("headlessui-portal-root");
   if (n) return n;
-  let r = t.createElement("div");
-  return r.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(r);
+  let l = t.createElement("div");
+  return l.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(l);
 }
-const Re = /* @__PURE__ */ new WeakMap();
-function Tn(e) {
+const Ue = /* @__PURE__ */ new WeakMap();
+function Pn(e) {
   var t;
-  return (t = Re.get(e)) != null ? t : 0;
+  return (t = Ue.get(e)) != null ? t : 0;
 }
-function lt(e, t) {
-  let n = t(Tn(e));
-  return n <= 0 ? Re.delete(e) : Re.set(e, n), n;
+function rt(e, t) {
+  let n = t(Pn(e));
+  return n <= 0 ? Ue.delete(e) : Ue.set(e, n), n;
 }
-let Lt = T({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
-  let r = h(null), l = m(() => re(r)), a = bn(), i = D(Tt, null), o = h(a === !0 || i == null ? Ln(r.value) : i.resolveTarget());
-  o.value && lt(o.value, (c) => c + 1);
+let Tt = T({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+  let l = h(null), r = m(() => ae(l)), a = Sn(), i = B(Ot, null), o = h(a === !0 || i == null ? Fn(l.value) : i.resolveTarget());
+  o.value && rt(o.value, (c) => c + 1);
   let u = h(!1);
-  $(() => {
+  L(() => {
     u.value = !0;
-  }), C(() => {
+  }), x(() => {
     a || i != null && (o.value = i.resolveTarget());
   });
-  let d = D(He, null), s = !1, f = Ct();
-  return ne(r, () => {
+  let d = B(We, null), s = !1, f = xt();
+  return re(l, () => {
     if (s || !d) return;
-    let c = E(r);
-    c && (k(d.register(c), f), s = !0);
-  }), k(() => {
+    let c = E(l);
+    c && (N(d.register(c), f), s = !0);
+  }), N(() => {
     var c, p;
-    let v = (c = l.value) == null ? void 0 : c.getElementById("headlessui-portal-root");
-    !v || o.value !== v || lt(o.value, (g) => g - 1) || o.value.children.length > 0 || (p = o.value.parentElement) == null || p.removeChild(o.value);
+    let v = (c = r.value) == null ? void 0 : c.getElementById("headlessui-portal-root");
+    !v || o.value !== v || rt(o.value, (g) => g - 1) || o.value.children.length > 0 || (p = o.value.parentElement) == null || p.removeChild(o.value);
   }), () => {
     if (!u.value || o.value === null) return null;
-    let c = { ref: r, "data-headlessui-portal": "" };
-    return S(kt, { to: o.value }, F({ ourProps: c, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
+    let c = { ref: l, "data-headlessui-portal": "" };
+    return S(Bt, { to: o.value }, A({ ourProps: c, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
   };
-} }), He = Symbol("PortalParentContext");
-function On() {
-  let e = D(He, null), t = h([]);
+} }), We = Symbol("PortalParentContext");
+function An() {
+  let e = B(We, null), t = h([]);
   function n(a) {
-    return t.value.push(a), e && e.register(a), () => r(a);
+    return t.value.push(a), e && e.register(a), () => l(a);
   }
-  function r(a) {
+  function l(a) {
     let i = t.value.indexOf(a);
     i !== -1 && t.value.splice(i, 1), e && e.unregister(a);
   }
-  let l = { register: n, unregister: r, portals: t };
+  let r = { register: n, unregister: l, portals: t };
   return [t, T({ name: "PortalWrapper", setup(a, { slots: i }) {
-    return j(He, l), () => {
+    return H(We, r), () => {
       var o;
       return (o = i.default) == null ? void 0 : o.call(i);
     };
   } })];
 }
-let Tt = Symbol("PortalGroupContext"), Pn = T({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
-  let r = Bt({ resolveTarget() {
+let Ot = Symbol("PortalGroupContext"), Cn = T({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
+  let l = Nt({ resolveTarget() {
     return e.target;
   } });
-  return j(Tt, r), () => {
-    let { target: l, ...a } = e;
-    return F({ theirProps: a, ourProps: {}, slot: {}, attrs: t, slots: n, name: "PortalGroup" });
+  return H(Ot, l), () => {
+    let { target: r, ...a } = e;
+    return A({ theirProps: a, ourProps: {}, slot: {}, attrs: t, slots: n, name: "PortalGroup" });
   };
 } });
-var Fn = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Fn || {});
-let Ie = Symbol("DialogContext");
-function ce(e) {
-  let t = D(Ie, null);
+var Dn = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Dn || {});
+let Ve = Symbol("DialogContext");
+function me(e) {
+  let t = B(Ve, null);
   if (t === null) {
     let n = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(n, ce), n;
+    throw Error.captureStackTrace && Error.captureStackTrace(n, me), n;
   }
   return t;
 }
-let be = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", xn = T({ 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: be }, 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: r, expose: l }) {
+let $e = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", kn = T({ 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 a, i;
-  let o = (a = e.id) != null ? a : `headlessui-dialog-${Z()}`, u = h(!1);
-  $(() => {
+  let o = (a = e.id) != null ? a : `headlessui-dialog-${ee()}`, u = h(!1);
+  L(() => {
     u.value = !0;
   });
-  let d = !1, s = m(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (d || (d = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), f = h(0), c = Ye(), p = m(() => e.open === be && c !== null ? (c.value & P.Open) === P.Open : e.open), v = h(null), g = m(() => re(v));
-  if (l({ el: v, $el: v }), !(e.open !== be || c !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
-  if (typeof p.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${p.value === be ? void 0 : e.open}`);
-  let b = m(() => u.value && p.value ? 0 : 1), B = m(() => b.value === 0), O = m(() => f.value > 1), z = D(Ie, null) !== null, [fe, ve] = On(), { resolveContainers: J, mainTreeNodeRef: pe, MainTreeNode: me } = yn({ portals: fe, defaultContainers: [m(() => {
+  let d = !1, s = m(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (d || (d = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), f = h(0), c = Ye(), p = m(() => e.open === $e && c !== null ? (c.value & F.Open) === F.Open : e.open), v = h(null), g = m(() => ae(v));
+  if (r({ el: v, $el: v }), !(e.open !== $e || c !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  if (typeof p.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${p.value === $e ? void 0 : e.open}`);
+  let b = m(() => u.value && p.value ? 0 : 1), j = m(() => b.value === 0), O = m(() => f.value > 1), K = B(Ve, null) !== null, [ge, he] = An(), { resolveContainers: te, mainTreeNodeRef: ye, MainTreeNode: be } = En({ portals: ge, defaultContainers: [m(() => {
     var y;
-    return (y = _.panelRef.value) != null ? y : v.value;
-  })] }), Oe = m(() => O.value ? "parent" : "leaf"), ge = m(() => c !== null ? (c.value & P.Closing) === P.Closing : !1), Pe = m(() => z || ge.value ? !1 : B.value), Fe = m(() => {
-    var y, w, x;
-    return (x = Array.from((w = (y = g.value) == null ? void 0 : y.querySelectorAll("body > *")) != null ? w : []).find((A) => A.id === "headlessui-portal-root" ? !1 : A.contains(E(pe)) && A instanceof HTMLElement)) != null ? x : null;
+    return (y = ne.panelRef.value) != null ? y : v.value;
+  })] }), Ce = m(() => O.value ? "parent" : "leaf"), we = m(() => c !== null ? (c.value & F.Closing) === F.Closing : !1), De = m(() => K || we.value ? !1 : j.value), ke = m(() => {
+    var y, w, C;
+    return (C = Array.from((w = (y = g.value) == null ? void 0 : y.querySelectorAll("body > *")) != null ? w : []).find((D) => D.id === "headlessui-portal-root" ? !1 : D.contains(E(ye)) && D instanceof HTMLElement)) != null ? C : null;
   });
-  rt(Fe, Pe);
-  let N = m(() => O.value ? !0 : B.value), le = m(() => {
-    var y, w, x;
-    return (x = Array.from((w = (y = g.value) == null ? void 0 : y.querySelectorAll("[data-headlessui-portal]")) != null ? w : []).find((A) => A.contains(E(pe)) && A instanceof HTMLElement)) != null ? x : null;
+  lt(ke, De);
+  let M = m(() => O.value ? !0 : j.value), oe = m(() => {
+    var y, w, C;
+    return (C = Array.from((w = (y = g.value) == null ? void 0 : y.querySelectorAll("[data-headlessui-portal]")) != null ? w : []).find((D) => D.contains(E(ye)) && D instanceof HTMLElement)) != null ? C : null;
   });
-  rt(le, N), En({ type: "Dialog", enabled: m(() => b.value === 0), element: v, onUpdate: (y, w) => {
-    if (w === "Dialog") return M(y, { [Me.Add]: () => f.value += 1, [Me.Remove]: () => f.value -= 1 });
+  lt(oe, M), Ln({ type: "Dialog", enabled: m(() => b.value === 0), element: v, onUpdate: (y, w) => {
+    if (w === "Dialog") return I(y, { [Ie.Add]: () => f.value += 1, [Ie.Remove]: () => f.value -= 1 });
   } });
-  let R = $n({ name: "DialogDescription", slot: m(() => ({ open: p.value })) }), H = h(null), _ = { titleId: H, panelRef: h(null), dialogState: b, setTitleId(y) {
-    H.value !== y && (H.value = y);
+  let U = On({ name: "DialogDescription", slot: m(() => ({ open: p.value })) }), W = h(null), ne = { titleId: W, panelRef: h(null), dialogState: b, setTitleId(y) {
+    W.value !== y && (W.value = y);
   }, close() {
     t("close", !1);
   } };
-  j(Ie, _);
-  let Qe = m(() => !(!B.value || O.value));
-  en(J, (y, w) => {
-    y.preventDefault(), _.close(), Nt(() => w == null ? void 0 : w.focus());
+  H(Ve, ne);
+  let Qe = m(() => !(!j.value || O.value));
+  ln(te, (y, w) => {
+    y.preventDefault(), ne.close(), jt(() => w == null ? void 0 : w.focus());
   }, Qe);
   let Ze = m(() => !(O.value || b.value !== 0));
-  ht((i = g.value) == null ? void 0 : i.defaultView, "keydown", (y) => {
-    Ze.value && (y.defaultPrevented || y.key === gt.Escape && (y.preventDefault(), y.stopPropagation(), _.close()));
+  yt((i = g.value) == null ? void 0 : i.defaultView, "keydown", (y) => {
+    Ze.value && (y.defaultPrevented || y.key === ht.Escape && (y.preventDefault(), y.stopPropagation(), ne.close()));
   });
-  let Je = m(() => !(ge.value || b.value !== 0 || z));
-  return hn(g, Je, (y) => {
+  let Je = m(() => !(we.value || b.value !== 0 || K));
+  return wn(g, Je, (y) => {
     var w;
-    return { containers: [...(w = y.containers) != null ? w : [], J] };
-  }), C((y) => {
+    return { containers: [...(w = y.containers) != null ? w : [], te] };
+  }), x((y) => {
     if (b.value !== 0) return;
     let w = E(v);
     if (!w) return;
-    let x = new ResizeObserver((A) => {
-      for (let xe of A) {
-        let he = xe.target.getBoundingClientRect();
-        he.x === 0 && he.y === 0 && he.width === 0 && he.height === 0 && _.close();
+    let C = new ResizeObserver((D) => {
+      for (let xe of D) {
+        let Ee = xe.target.getBoundingClientRect();
+        Ee.x === 0 && Ee.y === 0 && Ee.width === 0 && Ee.height === 0 && ne.close();
       }
     });
-    x.observe(w), y(() => x.disconnect());
+    C.observe(w), y(() => C.disconnect());
   }), () => {
-    let { open: y, initialFocus: w, ...x } = e, A = { ...n, ref: v, id: o, role: s.value, "aria-modal": b.value === 0 ? !0 : void 0, "aria-labelledby": H.value, "aria-describedby": R.value }, xe = { open: b.value === 0 };
-    return S(je, { force: !0 }, () => [S(Lt, () => S(Pn, { target: v.value }, () => S(je, { force: !1 }, () => S(ae, { initialFocus: w, containers: J, features: B.value ? M(Oe.value, { parent: ae.features.RestoreFocus, leaf: ae.features.All & ~ae.features.FocusLock }) : ae.features.None }, () => S(ve, {}, () => F({ ourProps: A, theirProps: { ...x, ...n }, slot: xe, attrs: n, slots: r, visible: b.value === 0, features: $e.RenderStrategy | $e.Static, name: "Dialog" })))))), S(me)]);
+    let { open: y, initialFocus: w, ...C } = e, D = { ...n, ref: v, id: o, role: s.value, "aria-modal": b.value === 0 ? !0 : void 0, "aria-labelledby": W.value, "aria-describedby": U.value }, xe = { open: b.value === 0 };
+    return S(He, { force: !0 }, () => [S(Tt, () => S(Cn, { target: v.value }, () => S(He, { force: !1 }, () => S(ie, { initialFocus: w, containers: te, features: j.value ? I(Ce.value, { parent: ie.features.RestoreFocus, leaf: ie.features.All & ~ie.features.FocusLock }) : ie.features.None }, () => S(he, {}, () => A({ ourProps: D, theirProps: { ...C, ...n }, slot: xe, attrs: n, slots: l, visible: b.value === 0, features: Fe.RenderStrategy | Fe.Static, name: "Dialog" })))))), S(be)]);
   };
 } });
 T({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
-  var r;
-  let l = (r = e.id) != null ? r : `headlessui-dialog-overlay-${Z()}`, a = ce("DialogOverlay");
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-dialog-overlay-${ee()}`, a = me("DialogOverlay");
   function i(o) {
     o.target === o.currentTarget && (o.preventDefault(), o.stopPropagation(), a.close());
   }
   return () => {
     let { ...o } = e;
-    return F({ ourProps: { id: l, "aria-hidden": !0, onClick: i }, theirProps: o, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogOverlay" });
+    return A({ ourProps: { id: r, "aria-hidden": !0, onClick: i }, theirProps: o, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogOverlay" });
   };
 } });
-T({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
-  var l;
-  let a = (l = e.id) != null ? l : `headlessui-dialog-backdrop-${Z()}`, i = ce("DialogBackdrop"), o = h(null);
-  return r({ el: o, $el: o }), $(() => {
+T({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
+  var r;
+  let a = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${ee()}`, i = me("DialogBackdrop"), o = h(null);
+  return l({ el: o, $el: o }), L(() => {
     if (i.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...u } = e, d = { id: a, ref: o, "aria-hidden": !0 };
-    return S(je, { force: !0 }, () => S(Lt, () => F({ ourProps: d, theirProps: { ...t, ...u }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
+    return S(He, { force: !0 }, () => S(Tt, () => A({ ourProps: d, theirProps: { ...t, ...u }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let An = T({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
-  var l;
-  let a = (l = e.id) != null ? l : `headlessui-dialog-panel-${Z()}`, i = ce("DialogPanel");
-  r({ el: i.panelRef, $el: i.panelRef });
+let xn = T({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
+  var r;
+  let a = (r = e.id) != null ? r : `headlessui-dialog-panel-${ee()}`, i = me("DialogPanel");
+  l({ el: i.panelRef, $el: i.panelRef });
   function o(u) {
     u.stopPropagation();
   }
   return () => {
     let { ...u } = e, d = { id: a, ref: i.panelRef, onClick: o };
-    return F({ ourProps: d, theirProps: u, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
+    return A({ ourProps: d, theirProps: u, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
   };
-} }), Dn = T({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
-  var r;
-  let l = (r = e.id) != null ? r : `headlessui-dialog-title-${Z()}`, a = ce("DialogTitle");
-  return $(() => {
-    a.setTitleId(l), k(() => a.setTitleId(null));
+} }), Bn = T({ 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-${ee()}`, a = me("DialogTitle");
+  return L(() => {
+    a.setTitleId(r), N(() => a.setTitleId(null));
   }), () => {
     let { ...i } = e;
-    return F({ ourProps: { id: l }, theirProps: i, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
+    return A({ ourProps: { id: r }, theirProps: i, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
   };
 } });
-function Cn(e) {
+function Nn(e) {
   let t = { called: !1 };
   return (...n) => {
     if (!t.called) return t.called = !0, e(...n);
   };
 }
-function Ce(e, ...t) {
+function je(e, ...t) {
   e && t.length > 0 && e.classList.add(...t);
 }
-function we(e, ...t) {
+function Le(e, ...t) {
   e && t.length > 0 && e.classList.remove(...t);
 }
-var Ue = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(Ue || {});
-function kn(e, t) {
-  let n = se();
+var qe = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(qe || {});
+function jn(e, t) {
+  let n = ve();
   if (!e) return n.dispose;
-  let { transitionDuration: r, transitionDelay: l } = getComputedStyle(e), [a, i] = [r, l].map((o) => {
+  let { transitionDuration: l, transitionDelay: r } = getComputedStyle(e), [a, i] = [l, r].map((o) => {
     let [u = 0] = o.split(",").filter(Boolean).map((d) => d.includes("ms") ? parseFloat(d) : parseFloat(d) * 1e3).sort((d, s) => s - d);
     return u;
   });
   return a !== 0 ? n.setTimeout(() => t("finished"), a + i) : t("finished"), n.add(() => t("cancelled")), n.dispose;
 }
-function at(e, t, n, r, l, a) {
-  let i = se(), o = a !== void 0 ? Cn(a) : () => {
+function at(e, t, n, l, r, a) {
+  let i = ve(), o = a !== void 0 ? Nn(a) : () => {
   };
-  return we(e, ...l), Ce(e, ...t, ...n), i.nextFrame(() => {
-    we(e, ...n), Ce(e, ...r), i.add(kn(e, (u) => (we(e, ...r, ...t), Ce(e, ...l), o(u))));
-  }), i.add(() => we(e, ...t, ...n, ...r, ...l)), i.add(() => o("cancelled")), i.dispose;
+  return Le(e, ...r), je(e, ...t, ...n), i.nextFrame(() => {
+    Le(e, ...n), je(e, ...l), i.add(jn(e, (u) => (Le(e, ...l, ...t), je(e, ...r), o(u))));
+  }), i.add(() => Le(e, ...t, ...n, ...l, ...r)), i.add(() => o("cancelled")), i.dispose;
 }
-function Y(e = "") {
+function X(e = "") {
   return e.split(/\s+/).filter((t) => t.length > 1);
 }
 let Ke = Symbol("TransitionContext");
-var Bn = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Bn || {});
-function Nn() {
-  return D(Ke, null) !== null;
+var Mn = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Mn || {});
+function Rn() {
+  return B(Ke, null) !== null;
 }
-function jn() {
-  let e = D(Ke, null);
+function Hn() {
+  let e = B(Ke, null);
   if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-function Mn() {
-  let e = D(Xe, null);
+function In() {
+  let e = B(Xe, null);
   if (e === null) throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
 let Xe = Symbol("NestingContext");
-function Te(e) {
-  return "children" in e ? Te(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
+function Ae(e) {
+  return "children" in e ? Ae(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
 }
-function Ot(e) {
+function Ft(e) {
   let t = h([]), n = h(!1);
-  $(() => n.value = !0), k(() => n.value = !1);
-  function r(a, i = q.Hidden) {
+  L(() => n.value = !0), N(() => n.value = !1);
+  function l(a, i = G.Hidden) {
     let o = t.value.findIndex(({ id: u }) => u === a);
-    o !== -1 && (M(i, { [q.Unmount]() {
+    o !== -1 && (I(i, { [G.Unmount]() {
       t.value.splice(o, 1);
-    }, [q.Hidden]() {
+    }, [G.Hidden]() {
       t.value[o].state = "hidden";
-    } }), !Te(t) && n.value && (e == null || e()));
+    } }), !Ae(t) && n.value && (e == null || e()));
   }
-  function l(a) {
+  function r(a) {
     let i = t.value.find(({ id: o }) => o === a);
-    return i ? i.state !== "visible" && (i.state = "visible") : t.value.push({ id: a, state: "visible" }), () => r(a, q.Unmount);
+    return i ? i.state !== "visible" && (i.state = "visible") : t.value.push({ id: a, state: "visible" }), () => l(a, G.Unmount);
   }
-  return { children: t, register: l, unregister: r };
+  return { children: t, register: r, unregister: l };
 }
-let Pt = $e.RenderStrategy, We = T({ 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: r, expose: l }) {
+let Pt = Fe.RenderStrategy, ze = T({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
   let a = h(0);
   function i() {
-    a.value |= P.Opening, t("beforeEnter");
+    a.value |= F.Opening, t("beforeEnter");
   }
   function o() {
-    a.value &= ~P.Opening, t("afterEnter");
+    a.value &= ~F.Opening, t("afterEnter");
   }
   function u() {
-    a.value |= P.Closing, t("beforeLeave");
+    a.value |= F.Closing, t("beforeLeave");
   }
   function d() {
-    a.value &= ~P.Closing, t("afterLeave");
+    a.value &= ~F.Closing, t("afterLeave");
   }
-  if (!Nn() && nn()) return () => S(Ft, { ...e, onBeforeEnter: i, onAfterEnter: o, onBeforeLeave: u, onAfterLeave: d }, r);
-  let s = h(null), f = m(() => e.unmount ? q.Unmount : q.Hidden);
-  l({ el: s, $el: s });
-  let { show: c, appear: p } = jn(), { register: v, unregister: g } = Mn(), b = h(c.value ? "visible" : "hidden"), B = { value: !0 }, O = Z(), z = { value: !1 }, fe = Ot(() => {
-    !z.value && b.value !== "hidden" && (b.value = "hidden", g(O), d());
+  if (!Rn() && an()) return () => S(At, { ...e, onBeforeEnter: i, onAfterEnter: o, onBeforeLeave: u, onAfterLeave: d }, l);
+  let s = h(null), f = m(() => e.unmount ? G.Unmount : G.Hidden);
+  r({ el: s, $el: s });
+  let { show: c, appear: p } = Hn(), { register: v, unregister: g } = In(), b = h(c.value ? "visible" : "hidden"), j = { value: !0 }, O = ee(), K = { value: !1 }, ge = Ft(() => {
+    !K.value && b.value !== "hidden" && (b.value = "hidden", g(O), d());
   });
-  $(() => {
-    let N = v(O);
-    k(N);
-  }), C(() => {
-    if (f.value === q.Hidden && O) {
+  L(() => {
+    let M = v(O);
+    N(M);
+  }), x(() => {
+    if (f.value === G.Hidden && O) {
       if (c.value && b.value !== "visible") {
         b.value = "visible";
         return;
       }
-      M(b.value, { hidden: () => g(O), visible: () => v(O) });
+      I(b.value, { hidden: () => g(O), visible: () => v(O) });
     }
   });
-  let ve = Y(e.enter), J = Y(e.enterFrom), pe = Y(e.enterTo), me = Y(e.entered), Oe = Y(e.leave), ge = Y(e.leaveFrom), Pe = Y(e.leaveTo);
-  $(() => {
-    C(() => {
+  let he = X(e.enter), te = X(e.enterFrom), ye = X(e.enterTo), be = X(e.entered), Ce = X(e.leave), we = X(e.leaveFrom), De = X(e.leaveTo);
+  L(() => {
+    x(() => {
       if (b.value === "visible") {
-        let N = E(s);
-        if (N instanceof Comment && N.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+        let M = E(s);
+        if (M instanceof Comment && M.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
-  function Fe(N) {
-    let le = B.value && !p.value, R = E(s);
-    !R || !(R instanceof HTMLElement) || le || (z.value = !0, c.value && i(), c.value || u(), N(c.value ? at(R, ve, J, pe, me, (H) => {
-      z.value = !1, H === Ue.Finished && o();
-    }) : at(R, Oe, ge, Pe, me, (H) => {
-      z.value = !1, H === Ue.Finished && (Te(fe) || (b.value = "hidden", g(O), d()));
+  function ke(M) {
+    let oe = j.value && !p.value, U = E(s);
+    !U || !(U instanceof HTMLElement) || oe || (K.value = !0, c.value && i(), c.value || u(), M(c.value ? at(U, he, te, ye, be, (W) => {
+      K.value = !1, W === qe.Finished && o();
+    }) : at(U, Ce, we, De, be, (W) => {
+      K.value = !1, W === qe.Finished && (Ae(ge) || (b.value = "hidden", g(O), d()));
     })));
   }
-  return $(() => {
-    ne([c], (N, le, R) => {
-      Fe(R), B.value = !1;
+  return L(() => {
+    re([c], (M, oe, U) => {
+      ke(U), j.value = !1;
     }, { immediate: !0 });
-  }), j(Xe, fe), rn(m(() => M(b.value, { visible: P.Open, hidden: P.Closed }) | a.value)), () => {
-    let { appear: N, show: le, enter: R, enterFrom: H, enterTo: _, entered: Qe, leave: Ze, leaveFrom: Je, leaveTo: y, ...w } = e, x = { ref: s }, A = { ...w, ...p.value && c.value && de.isServer ? { class: ue([n.class, w.class, ...ve, ...J]) } : {} };
-    return F({ theirProps: A, ourProps: x, slot: {}, slots: r, attrs: n, features: Pt, visible: b.value === "visible", name: "TransitionChild" });
+  }), H(Xe, ge), on(m(() => I(b.value, { visible: F.Open, hidden: F.Closed }) | a.value)), () => {
+    let { appear: M, show: oe, enter: U, enterFrom: W, enterTo: ne, entered: Qe, leave: Ze, leaveFrom: Je, leaveTo: y, ...w } = e, C = { ref: s }, D = { ...w, ...p.value && c.value && pe.isServer ? { class: le([n.class, w.class, ...he, ...te]) } : {} };
+    return A({ theirProps: D, ourProps: C, slot: {}, slots: l, attrs: n, features: Pt, visible: b.value === "visible", name: "TransitionChild" });
   };
-} }), Rn = We, Ft = T({ 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: r }) {
-  let l = Ye(), a = m(() => e.show === null && l !== null ? (l.value & P.Open) === P.Open : e.show);
-  C(() => {
+} }), Un = ze, At = T({ 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 = Ye(), a = m(() => e.show === null && r !== null ? (r.value & F.Open) === F.Open : e.show);
+  x(() => {
     if (![!0, !1].includes(a.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let i = h(a.value ? "visible" : "hidden"), o = Ot(() => {
+  let i = h(a.value ? "visible" : "hidden"), o = Ft(() => {
     i.value = "hidden";
   }), u = h(!0), d = { show: a, appear: m(() => e.appear || !u.value) };
-  return $(() => {
-    C(() => {
-      u.value = !1, a.value ? i.value = "visible" : Te(o) || (i.value = "hidden");
+  return L(() => {
+    x(() => {
+      u.value = !1, a.value ? i.value = "visible" : Ae(o) || (i.value = "hidden");
     });
-  }), j(Xe, o), j(Ke, d), () => {
-    let s = pt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), f = { unmount: e.unmount };
-    return F({ ourProps: { ...f, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [S(Rn, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...f, ...s }, r.default)] }, attrs: {}, features: Pt, visible: i.value === "visible", name: "Transition" });
+  }), H(Xe, o), H(Ke, d), () => {
+    let s = mt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), f = { unmount: e.unmount };
+    return A({ ourProps: { ...f, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [S(Un, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...f, ...s }, l.default)] }, attrs: {}, features: Pt, visible: i.value === "visible", name: "Transition" });
   };
 } });
-function Hn(e, t) {
-  return U(), ze("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    L("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 In = {
+const Wn = {
   class: "rvc-fixed rvc-inset-0 rvc-overflow-hidden",
   role: "presentation"
-}, Un = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, Wn = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, Vn = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, qn = { class: "rvc-flex rvc-items-center rvc-justify-between" }, zn = {
+}, Vn = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, qn = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, zn = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, Gn = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Yn = {
   key: 0,
   class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
-}, Gn = ["id"], Yn = { class: "rvc-flex rvc-shrink-0 drawer-footer" }, Zn = {
+}, Kn = ["id"], Xn = { class: "rvc-flex rvc-shrink-0 drawer-footer" }, el = {
   __name: "Drawer",
   props: {
     as: {
@@ -1129,13 +1209,13 @@ const In = {
   },
   emits: ["drawer:open", "drawer:close", "drawer:save"],
   setup(e, { emit: t }) {
-    const n = t, r = e, l = h(null), a = h(!1), i = m(() => r.as === "form"), o = m(() => `${r.id}-title`), u = m(() => `${r.id}-content`), d = m(() => {
+    const n = t, l = e, r = h(null), a = h(!1), i = m(() => l.as === "form"), o = m(() => `${l.id}-title`), u = m(() => `${l.id}-content`), d = m(() => {
       var s;
-      return (s = l.value) == null ? void 0 : s.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+      return (s = r.value) == null ? void 0 : s.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
     });
-    return (s, f) => (U(), ee(I(Ft), { as: "template" }, {
-      default: W(() => [
-        G(I(xn), {
+    return (s, f) => (P(), Y(R(At), { as: "template" }, {
+      default: V(() => [
+        q(R(kn), {
           as: e.as,
           class: "drawer",
           static: "",
@@ -1144,10 +1224,10 @@ const In = {
           "initial-focus": d.value,
           "aria-labelledby": o.value,
           onClose: f[5] || (f[5] = (c) => s.$emit("drawer:close")),
-          onSubmit: f[6] || (f[6] = jt((c) => n("drawer:save", c), ["prevent"]))
+          onSubmit: f[6] || (f[6] = Mt((c) => n("drawer:save", c), ["prevent"]))
         }, {
-          default: W(() => [
-            G(I(We), {
+          default: V(() => [
+            q(R(ze), {
               as: "template",
               enter: "rvc-ease-in-out rvc-duration-500",
               "enter-from": "rvc-opacity-0",
@@ -1157,18 +1237,18 @@ const In = {
               "leave-to": "rvc-opacity-0",
               onBeforeEnter: f[0] || (f[0] = (c) => n("drawer:open"))
             }, {
-              default: W(() => f[7] || (f[7] = [
-                L("div", {
+              default: V(() => f[7] || (f[7] = [
+                $("div", {
                   class: "rvc-fixed rvc-inset-0 rvc-transition-opacity drawer-backdrop",
                   "aria-hidden": "true"
                 }, null, -1)
               ])),
               _: 1
             }),
-            L("div", In, [
-              L("div", Un, [
-                L("div", Wn, [
-                  G(I(We), {
+            $("div", Wn, [
+              $("div", Vn, [
+                $("div", qn, [
+                  q(R(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",
@@ -1179,74 +1259,74 @@ const In = {
                     onBeforeEnter: f[3] || (f[3] = (c) => a.value = !0),
                     onAfterLeave: f[4] || (f[4] = (c) => a.value = !1)
                   }, {
-                    default: W(() => [
-                      G(I(An), {
-                        class: ue(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
+                    default: V(() => [
+                      q(R(xn), {
+                        class: le(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
                         "aria-busy": e.spinning,
                         "aria-describedby": u.value
                       }, {
-                        default: W(() => [
-                          L("div", Vn, [
-                            L("header", {
-                              class: ue([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "drawer-header"])
+                        default: V(() => [
+                          $("div", zn, [
+                            $("header", {
+                              class: le([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "drawer-header"])
                             }, [
-                              te(s.$slots, "header", {
+                              k(s.$slots, "header", {
                                 title: e.title,
                                 showClose: e.showClose
                               }, () => [
-                                L("div", qn, [
-                                  G(I(Dn), {
+                                $("div", Gn, [
+                                  q(R(Bn), {
                                     id: o.value,
                                     class: "drawer-title"
                                   }, {
-                                    default: W(() => [
-                                      Ve(qe(e.title), 1)
+                                    default: V(() => [
+                                      Oe(ce(e.title), 1)
                                     ]),
                                     _: 1
                                   }, 8, ["id"]),
-                                  e.showClose ? (U(), ze("div", zn, [
-                                    L("button", {
+                                  e.showClose ? (P(), fe("div", Yn, [
+                                    $("button", {
                                       type: "button",
                                       class: "rvc-relative drawer-close",
                                       "aria-label": "Close panel",
                                       onClick: f[1] || (f[1] = (c) => n("drawer:close"))
                                     }, [
-                                      G(I(Hn), {
+                                      q(R(it), {
                                         class: "rvc-size-full",
                                         "aria-hidden": "true"
                                       })
                                     ])
-                                  ])) : Se("", !0)
+                                  ])) : J("", !0)
                                 ])
                               ])
                             ], 2),
-                            L("div", {
-                              class: ue([e.scrolledDown ? "rvc-flex-col-reverse" : "rvc-flex-col", "rvc-flex rvc-min-h-0 rvc-flex-1 rvc-overflow-y-scroll"])
+                            $("div", {
+                              class: le([e.scrolledDown ? "rvc-flex-col-reverse" : "rvc-flex-col", "rvc-flex rvc-min-h-0 rvc-flex-1 rvc-overflow-y-scroll"])
                             }, [
-                              L("div", {
+                              $("div", {
                                 id: u.value,
                                 ref_key: "contentRef",
-                                ref: l,
+                                ref: r,
                                 class: "rvc-relative rvc-flex-1 drawer-content"
                               }, [
-                                te(s.$slots, "default", { ready: a.value })
-                              ], 8, Gn)
+                                k(s.$slots, "default", { ready: a.value })
+                              ], 8, Kn)
                             ], 2),
-                            L("footer", Yn, [
-                              te(s.$slots, "footer", { loading: e.spinning }, () => [
-                                G(et, {
+                            $("footer", Xn, [
+                              k(s.$slots, "footer", { loading: e.spinning }, () => [
+                                q(et, {
                                   type: "button",
                                   label: e.cancelLabel,
                                   color: "light",
                                   onClick: f[2] || (f[2] = (c) => n("drawer:close"))
                                 }, null, 8, ["label"]),
-                                i.value ? (U(), ee(et, {
+                                i.value ? (P(), Y(et, {
                                   key: 0,
                                   type: "submit",
                                   label: e.submitLabel,
                                   spinning: e.spinning,
                                   disabled: e.spinning
-                                }, null, 8, ["label", "spinning", "disabled"])) : Se("", !0)
+                                }, null, 8, ["label", "spinning", "disabled"])) : J("", !0)
                               ])
                             ])
                           ])
@@ -1268,7 +1348,8 @@ const In = {
   }
 };
 export {
-  Xn as Badge,
+  Zn as Alert,
+  Jn as Badge,
   et as ButtonBase,
-  Zn as Drawer
+  el as Drawer
 };