@robuust-digital/vue-components 1.0.1-rc.3 → 1.1.1

package/dist/vue-components.es.js

@@ -1,12 +1,119 @@
-import { openBlock as n, createElementBlock as c, createElementVNode as r, createBlock as o, resolveDynamicComponent as l, normalizeClass as s, withCtx as u, createTextVNode as d, toDisplayString as y, renderSlot as i, createCommentVNode as a, unref as m } from "vue";
-const g = {
+import * as _e from "vue";
+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: {
+      type: String,
+      default: "span"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "base",
+      validator: (e) => ["xs", "sm", "base", "lg"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (e) => ut(e)
+    }
+  },
+  setup(e) {
+    return (t, n) => (P(), Y(de(e.as), {
+      class: le(["badge", `badge-${e.color}`, `badge-${e.size}`])
+    }, {
+      default: V(() => [
+        k(t.$slots, "default", { label: e.label }, () => [
+          Oe(ce(e.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, Ht = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function f(t, e) {
-  return n(), c("svg", g, e[0] || (e[0] = [
-    r("circle", {
+function It(e, t) {
+  return P(), fe("svg", Ht, t[0] || (t[0] = [
+    $("circle", {
       cx: "12",
       cy: "12",
       r: "10",
@@ -14,19 +121,26 @@ function f(t, e) {
       "stroke-width": "4",
       style: { opacity: ".25" }
     }, null, -1),
-    r("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 b = { render: f }, k = {
+const Ut = { render: It }, Wt = {
+  key: 0,
+  class: "rvc-sr-only"
+}, et = {
   __name: "ButtonBase",
   props: {
     as: {
       type: [String, Object, Function],
       default: "button"
     },
+    bindAs: {
+      type: String,
+      default: void 0
+    },
     label: {
       type: String,
       default: ""
@@ -35,13 +149,17 @@ const b = { render: f }, k = {
       type: [Object, Function],
       default: null
     },
+    iconOnly: {
+      type: Boolean,
+      default: !1
+    },
     iconLeft: {
       type: Boolean
     },
     size: {
       type: String,
       default: "base",
-      validator: (t) => ["xs", "sm", "base", "lg"].includes(t)
+      validator: (e) => ["sm", "base"].includes(e)
     },
     spinning: {
       type: Boolean
@@ -49,32 +167,1189 @@ const b = { render: f }, k = {
     color: {
       type: String,
       default: "primary",
-      validator: (t) => /^(primary|secondary|tertiary|light|dark|danger|warning|success)(-soft)?$/.test(t) || t.startsWith("custom-") || "clear"
+      validator: (e) => ut(e)
     }
   },
-  setup(t) {
-    return (e, B) => (n(), o(l(t.as), {
-      class: s(["button", `button-${t.color}`, `button-${t.size}`, { "button-reverse": t.iconLeft }])
-    }, {
-      default: u(() => [
-        d(y(t.label) + " ", 1),
-        i(e.$slots, "icon", {}, () => [
-          t.icon && !t.spinning ? (n(), o(l(t.icon), {
+  setup(e) {
+    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: 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"
-          })) : a("", !0)
+            class: "button-icon",
+            "aria-hidden": !e.iconOnly
+          }, null, 8, ["aria-hidden"])) : J("", !0)
         ]),
-        i(e.$slots, "spinner", {}, () => [
-          t.spinning ? (n(), o(m(b), {
+        k(n.$slots, "spinner", { spinning: e.spinning }, () => [
+          e.spinning ? (P(), Y(R(Ut), {
             key: 0,
-            class: "button-icon button-icon-loading"
-          })) : a("", !0)
+            class: "button-icon button-icon-loading",
+            "aria-hidden": "true"
+          })) : J("", !0)
         ])
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 16, ["class", "aria-label", "aria-busy"]));
+  }
+};
+function Ge(e) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
+    throw t;
+  }));
+}
+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 l = requestAnimationFrame(...n);
+    t.add(() => cancelAnimationFrame(l));
+  }, nextFrame(...n) {
+    t.requestAnimationFrame(() => {
+      t.requestAnimationFrame(...n);
+    });
+  }, setTimeout(...n) {
+    let l = setTimeout(...n);
+    t.add(() => clearTimeout(l));
+  }, microTask(...n) {
+    let l = { current: !0 };
+    return Ge(() => {
+      l.current && n[0]();
+    }), t.add(() => {
+      l.current = !1;
+    });
+  }, 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 l = ve();
+    return n(l), this.add(() => l.dispose());
+  }, add(n) {
+    return e.push(n), () => {
+      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();
+  } };
+  return t;
+}
+var tt;
+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;
+  if (e == null || e.value == null) return null;
+  let n = (t = e.value.$el) != null ? t : e.value;
+  return n instanceof Node ? n : null;
+}
+function I(e, t, ...n) {
+  if (e in t) {
+    let r = t[e];
+    return typeof r == "function" ? r(...n) : 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 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);
+  }
+  set(t) {
+    this.current !== t && (this.currentId = 0, this.current = t);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window > "u" || typeof document > "u" ? "server" : "client";
+  }
+}, 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);
+    if (t) return t.ownerDocument;
+  }
+  return document;
+}
+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 dt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(dt || {});
+function Qt(e, t = 0) {
+  var n;
+  return e === ((n = ae(e)) == null ? void 0 : n.body) ? !1 : I(t, { 0() {
+    return e.matches(Me);
+  }, 1() {
+    let l = e;
+    for (; l !== null; ) {
+      if (l.matches(Me)) return !0;
+      l = l.parentElement;
+    }
+    return !1;
+  } });
+}
+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 _(e) {
+  e == null || e.focus({ preventScroll: !0 });
+}
+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, Jt)) != null ? n : !1;
+}
+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 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 ? 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(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;
+  do {
+    if (f >= c || f + c <= 0) return 0;
+    let v = d + f;
+    if (t & 16) v = (v + c) % c;
+    else {
+      if (v < 0) return 3;
+      if (v >= c) return 1;
+    }
+    p = o[v], p == null || p.focus(s), f += u;
+  } while (p !== i.activeElement);
+  return t & 6 && _t(p) && p.select(), 2;
+}
+function ct() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function tn() {
+  return /Android/gi.test(window.navigator.userAgent);
+}
+function nn() {
+  return ct() || tn();
+}
+function Se(e, t, n) {
+  pe.isServer || x((l) => {
+    document.addEventListener(e, t, n), l(() => document.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 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;
+    let u = function d(s) {
+      return typeof s == "function" ? d(s()) : Array.isArray(s) || s instanceof Set ? s : [s];
+    }(e);
+    for (let d of u) {
+      if (d === null) continue;
+      let s = d instanceof HTMLElement ? d : E(d);
+      if (s != null && s.contains(o) || a.composed && a.composedPath().includes(s)) return;
+    }
+    return !Qt(o, dt.Loose) && o.tabIndex !== -1 && a.preventDefault(), t(a, o);
+  }
+  let r = h(null);
+  Se("pointerdown", (a) => {
+    var i, o;
+    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 && (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 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 = 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 I(u, { 0() {
+      return null;
+    }, 1() {
+      return Be({ ...r, props: { ...i, hidden: !0, style: { display: "none" } } });
+    } });
+  }
+  return Be(o);
+}
+function Be({ props: e, attrs: t, slots: n, slot: l, name: r }) {
+  var a, i;
+  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(l)) typeof v == "boolean" && (f = !0), v === !0 && c.push(p);
+    f && (s["data-headlessui-state"] = c.join(" "));
+  }
+  if (o === "template") {
+    if (d = vt(d ?? []), Object.keys(u).length > 0 || Object.keys(t).length > 0) {
+      let [f, ...c] = d ?? [];
+      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 = 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;
+    }
+    return Array.isArray(d) && d.length === 1 ? d[0] : d;
+  }
+  return S(o, Object.assign({}, u, s), { default: () => d });
+}
+function vt(e) {
+  return e.flatMap((t) => t.type === ot ? vt(t.children) : [t]);
+}
+function pt(...e) {
+  if (e.length === 0) return {};
+  if (e.length === 1) return e[0];
+  let t = {}, n = {};
+  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 (r instanceof Event && r.defaultPrevented) return;
+      o(r, ...a);
+    }
+  } });
+  return t;
+}
+function mt(e, t = []) {
+  let n = Object.assign({}, e);
+  for (let l of t) l in n && delete n[l];
+  return n;
+}
+function rn(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+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 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" });
+  };
+} }), 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 B(gt, null);
+}
+function on(e) {
+  H(gt, 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 Q = [];
+un(() => {
+  function e(t) {
+    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 yt(e, t, n, l) {
+  pe.isServer || x((r) => {
+    e = e ?? window, e.addEventListener(t, n, l), r(() => e.removeEventListener(t, n, l));
+  });
+}
+var se = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(se || {});
+function sn() {
+  let e = h(0);
+  return ft("keydown", (t) => {
+    t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
+  }), 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 l = E(n);
+    l instanceof HTMLElement && t.add(l);
+  }
+  return t;
+}
+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(r);
+    v && ((g) => g())(() => {
+      I(u.value, { [se.Forwards]: () => {
+        Te(v, z.First, { skipElements: [p.relatedTarget] });
+      }, [se.Backwards]: () => {
+        Te(v, z.Last, { skipElements: [p.relatedTarget] });
+      } });
+    });
+  }
+  let s = h(!1);
+  function f(p) {
+    p.key === "Tab" && (s.value = !0, requestAnimationFrame(() => {
+      s.value = !1;
+    }));
+  }
+  function c(p) {
+    if (!i.value) return;
+    let v = bt(e.containers);
+    E(r) instanceof HTMLElement && v.add(E(r));
+    let g = p.relatedTarget;
+    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: 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: wt });
+function dn(e) {
+  let t = h(Q.slice());
+  return re([e], ([n], [l]) => {
+    l === !0 && n === !1 ? Ge(() => {
+      t.value.splice(0);
+    }) : l === !1 && n === !0 && (t.value = Q.slice());
+  }, { flush: "post" }), () => {
+    var n;
+    return (n = t.value.find((l) => l != null && l.isConnected)) != null ? n : null;
+  };
+}
+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" });
+  }), N(() => {
+    t.value && _(n());
+  });
+}
+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;
+        if (!a.value) return;
+        let f = E(n), c = (d = e.value) == null ? void 0 : d.activeElement;
+        if (f) {
+          if (f === c) {
+            r.value = c;
+            return;
+          }
+        } else if (u.contains(c)) {
+          r.value = c;
+          return;
+        }
+        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" });
+  }), r;
+}
+function vn({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
+  var a;
+  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 = l.value;
+    if (!u) return;
+    let d = i.target;
+    d && d instanceof HTMLElement ? Et(o, d) ? (l.value = d, _(d)) : (i.preventDefault(), i.stopPropagation(), _(u)) : _(l.value);
+  }, !0);
+}
+function Et(e, t) {
+  for (let n of e) if (n.contains(t)) return !0;
+  return !1;
+}
+function pn(e) {
+  let t = kt(e.getSnapshot());
+  return N(e.subscribe(() => {
+    t.value = e.getSnapshot();
+  })), t;
+}
+function mn(e, t) {
+  let n = e(), l = /* @__PURE__ */ new Set();
+  return { getSnapshot() {
+    return n;
+  }, 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 gn() {
+  let e;
+  return { before({ doc: t }) {
+    var n;
+    let l = t.documentElement;
+    e = ((n = t.defaultView) != null ? n : window).innerWidth - l.clientWidth;
+  }, after({ doc: t, d: n }) {
+    let l = t.documentElement, r = l.clientWidth - l.offsetWidth, a = e - r;
+    n.style(l, "paddingRight", `${a}px`);
+  } };
+}
+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 r;
+      if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
+        let o = ve();
+        o.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => o.dispose()));
+      }
+      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 && !l(s) && (i = s);
+        } catch {
+        }
+      }, !0), t.addEventListener(e, "touchstart", (o) => {
+        if (o.target instanceof HTMLElement) if (l(o.target)) {
+          let u = o.target;
+          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 (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();
+          } else o.preventDefault();
+        }
+      }, { passive: !1 }), t.add(() => {
+        var o;
+        let u = (o = window.scrollY) != null ? o : window.pageYOffset;
+        a !== u && window.scrollTo(0, a), i && i.isConnected && (i.scrollIntoView({ block: "nearest" }), i = null);
+      });
+    });
+  } } : {};
+}
+function yn() {
+  return { before({ doc: e, d: t }) {
+    t.style(e.documentElement, "overflow", "hidden");
+  } };
+}
+function bn(e) {
+  let t = {};
+  for (let n of e) Object.assign(t, n(t));
+  return t;
+}
+let Z = mn(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+  var n;
+  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 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);
+} });
+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 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 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 re([e, t], ([a, i], [o], u) => {
+    if (!a || !i) return;
+    Z.dispatch("PUSH", a, n);
+    let d = !1;
+    u(() => {
+      d || (Z.dispatch("POP", o ?? a, n), d = !0);
+    });
+  }, { immediate: !0 }), 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 r = E(e);
+    if (!r) return;
+    n(function() {
+      var i;
+      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 = (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 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 = 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: l, MainTreeNode() {
+    return n != null ? null : S(Re, { features: Pe.Hidden, ref: l });
+  } };
+}
+let St = Symbol("ForcePortalRootContext");
+function Sn() {
+  return B(St, !1);
+}
+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" });
+  };
+} }), $t = Symbol("StackContext");
+var Ie = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(Ie || {});
+function $n() {
+  return B($t, () => {
+  });
+}
+function Ln({ type: e, enabled: t, element: n, onUpdate: l }) {
+  let r = $n();
+  function a(...i) {
+    l == null || l(...i), r(...i);
+  }
+  L(() => {
+    re(t, (i, o) => {
+      i ? a(0, e, n) : o === !0 && a(1, e, n);
+    }, { immediate: !0, flush: "sync" });
+  }), N(() => {
+    t.value && a(1, e, n);
+  }), H($t, a);
+}
+let Lt = Symbol("DescriptionContext");
+function Tn() {
+  let e = B(Lt, null);
+  if (e === null) throw new Error("Missing parent");
+  return e;
+}
+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 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 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 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 l = t.createElement("div");
+  return l.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(l);
+}
+const Ue = /* @__PURE__ */ new WeakMap();
+function Pn(e) {
+  var t;
+  return (t = Ue.get(e)) != null ? t : 0;
+}
+function rt(e, t) {
+  let n = t(Pn(e));
+  return n <= 0 ? Ue.delete(e) : Ue.set(e, n), n;
+}
+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;
+  }), x(() => {
+    a || i != null && (o.value = i.resolveTarget());
+  });
+  let d = B(We, null), s = !1, f = xt();
+  return re(l, () => {
+    if (s || !d) return;
+    let c = E(l);
+    c && (N(d.register(c), f), s = !0);
+  }), N(() => {
+    var c, p;
+    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: l, "data-headlessui-portal": "" };
+    return S(Bt, { to: o.value }, A({ ourProps: c, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
+  };
+} }), We = Symbol("PortalParentContext");
+function An() {
+  let e = B(We, null), t = h([]);
+  function n(a) {
+    return t.value.push(a), e && e.register(a), () => l(a);
+  }
+  function l(a) {
+    let i = t.value.indexOf(a);
+    i !== -1 && t.value.splice(i, 1), e && e.unregister(a);
+  }
+  let r = { register: n, unregister: l, portals: t };
+  return [t, T({ name: "PortalWrapper", setup(a, { slots: i }) {
+    return H(We, r), () => {
+      var o;
+      return (o = i.default) == null ? void 0 : o.call(i);
+    };
+  } })];
+}
+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 H(Ot, l), () => {
+    let { target: r, ...a } = e;
+    return A({ theirProps: a, ourProps: {}, slot: {}, attrs: t, slots: n, name: "PortalGroup" });
+  };
+} });
+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, me), n;
+  }
+  return t;
+}
+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-${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 === $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 = 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;
+  });
+  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;
+  });
+  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 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);
+  } };
+  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));
+  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(() => !(we.value || b.value !== 0 || K));
+  return wn(g, Je, (y) => {
+    var w;
+    return { containers: [...(w = y.containers) != null ? w : [], te] };
+  }), x((y) => {
+    if (b.value !== 0) return;
+    let w = E(v);
+    if (!w) return;
+    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();
+      }
+    });
+    C.observe(w), y(() => C.disconnect());
+  }), () => {
+    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 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 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: 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(He, { force: !0 }, () => S(Tt, () => A({ ourProps: d, theirProps: { ...t, ...u }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
+  };
+} });
+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 A({ ourProps: d, theirProps: u, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
+  };
+} }), 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 A({ ourProps: { id: r }, theirProps: i, slot: { open: a.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
+  };
+} });
+function Nn(e) {
+  let t = { called: !1 };
+  return (...n) => {
+    if (!t.called) return t.called = !0, e(...n);
+  };
+}
+function je(e, ...t) {
+  e && t.length > 0 && e.classList.add(...t);
+}
+function Le(e, ...t) {
+  e && t.length > 0 && e.classList.remove(...t);
+}
+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: 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, l, r, a) {
+  let i = ve(), o = a !== void 0 ? Nn(a) : () => {
+  };
+  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 X(e = "") {
+  return e.split(/\s+/).filter((t) => t.length > 1);
+}
+let Ke = Symbol("TransitionContext");
+var Mn = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Mn || {});
+function Rn() {
+  return B(Ke, null) !== 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 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 Ae(e) {
+  return "children" in e ? Ae(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
+}
+function Ft(e) {
+  let t = h([]), n = h(!1);
+  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 && (I(i, { [G.Unmount]() {
+      t.value.splice(o, 1);
+    }, [G.Hidden]() {
+      t.value[o].state = "hidden";
+    } }), !Ae(t) && n.value && (e == null || e()));
+  }
+  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" }), () => l(a, G.Unmount);
+  }
+  return { children: t, register: r, unregister: 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 |= F.Opening, t("beforeEnter");
+  }
+  function o() {
+    a.value &= ~F.Opening, t("afterEnter");
+  }
+  function u() {
+    a.value |= F.Closing, t("beforeLeave");
+  }
+  function d() {
+    a.value &= ~F.Closing, t("afterLeave");
+  }
+  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());
+  });
+  L(() => {
+    let M = v(O);
+    N(M);
+  }), x(() => {
+    if (f.value === G.Hidden && O) {
+      if (c.value && b.value !== "visible") {
+        b.value = "visible";
+        return;
+      }
+      I(b.value, { hidden: () => g(O), visible: () => v(O) });
+    }
+  });
+  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 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 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 L(() => {
+    re([c], (M, oe, U) => {
+      ke(U), j.value = !1;
+    }, { immediate: !0 });
+  }), 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" });
+  };
+} }), 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 = Ft(() => {
+    i.value = "hidden";
+  }), u = h(!0), d = { show: a, appear: m(() => e.appear || !u.value) };
+  return L(() => {
+    x(() => {
+      u.value = !1, a.value ? i.value = "visible" : Ae(o) || (i.value = "hidden");
+    });
+  }), 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" });
+  };
+} });
+const Wn = {
+  class: "rvc-fixed rvc-inset-0 rvc-overflow-hidden",
+  role: "presentation"
+}, 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"
+}, Kn = ["id"], Xn = { class: "rvc-flex rvc-shrink-0 drawer-footer" }, el = {
+  __name: "Drawer",
+  props: {
+    as: {
+      type: String,
+      default: "form"
+    },
+    id: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    showClose: {
+      type: Boolean
+    },
+    scrolledDown: {
+      type: Boolean
+    },
+    headerSticky: {
+      type: Boolean
+    },
+    spinning: {
+      type: Boolean
+    },
+    submitLabel: {
+      type: String,
+      default: "Save"
+    },
+    cancelLabel: {
+      type: String,
+      default: "Cancel"
+    },
+    panelClass: {
+      type: String,
+      default: "rvc-max-w-xl"
+    }
+  },
+  emits: ["drawer:open", "drawer:close", "drawer:save"],
+  setup(e, { emit: t }) {
+    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 = r.value) == null ? void 0 : s.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    });
+    return (s, f) => (P(), Y(R(At), { as: "template" }, {
+      default: V(() => [
+        q(R(kn), {
+          as: e.as,
+          class: "drawer",
+          static: "",
+          "aria-modal": "true",
+          role: "dialog",
+          "initial-focus": d.value,
+          "aria-labelledby": o.value,
+          onClose: f[5] || (f[5] = (c) => s.$emit("drawer:close")),
+          onSubmit: f[6] || (f[6] = Mt((c) => n("drawer:save", c), ["prevent"]))
+        }, {
+          default: V(() => [
+            q(R(ze), {
+              as: "template",
+              enter: "rvc-ease-in-out rvc-duration-500",
+              "enter-from": "rvc-opacity-0",
+              "enter-to": "rvc-opacity-100",
+              leave: "rvc-ease-in-out rvc-duration-500",
+              "leave-from": "rvc-opacity-100",
+              "leave-to": "rvc-opacity-0",
+              onBeforeEnter: f[0] || (f[0] = (c) => n("drawer:open"))
+            }, {
+              default: V(() => f[7] || (f[7] = [
+                $("div", {
+                  class: "rvc-fixed rvc-inset-0 rvc-transition-opacity drawer-backdrop",
+                  "aria-hidden": "true"
+                }, null, -1)
+              ])),
+              _: 1
+            }),
+            $("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",
+                    "enter-to": "rvc-translate-x-0",
+                    leave: "rvc-transform rvc-transition rvc-ease-in-out rvc-duration-500 sm:rvc-duration-700",
+                    "leave-from": "rvc-translate-x-0",
+                    "leave-to": "rvc-translate-x-full",
+                    onBeforeEnter: f[3] || (f[3] = (c) => a.value = !0),
+                    onAfterLeave: f[4] || (f[4] = (c) => a.value = !1)
+                  }, {
+                    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: V(() => [
+                          $("div", zn, [
+                            $("header", {
+                              class: le([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "drawer-header"])
+                            }, [
+                              k(s.$slots, "header", {
+                                title: e.title,
+                                showClose: e.showClose
+                              }, () => [
+                                $("div", Gn, [
+                                  q(R(Bn), {
+                                    id: o.value,
+                                    class: "drawer-title"
+                                  }, {
+                                    default: V(() => [
+                                      Oe(ce(e.title), 1)
+                                    ]),
+                                    _: 1
+                                  }, 8, ["id"]),
+                                  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"))
+                                    }, [
+                                      q(R(it), {
+                                        class: "rvc-size-full",
+                                        "aria-hidden": "true"
+                                      })
+                                    ])
+                                  ])) : J("", !0)
+                                ])
+                              ])
+                            ], 2),
+                            $("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"])
+                            }, [
+                              $("div", {
+                                id: u.value,
+                                ref_key: "contentRef",
+                                ref: r,
+                                class: "rvc-relative rvc-flex-1 drawer-content"
+                              }, [
+                                k(s.$slots, "default", { ready: a.value })
+                              ], 8, Kn)
+                            ], 2),
+                            $("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 ? (P(), Y(et, {
+                                  key: 0,
+                                  type: "submit",
+                                  label: e.submitLabel,
+                                  spinning: e.spinning,
+                                  disabled: e.spinning
+                                }, null, 8, ["label", "spinning", "disabled"])) : J("", !0)
+                              ])
+                            ])
+                          ])
+                        ]),
+                        _: 3
+                      }, 8, ["class", "aria-busy", "aria-describedby"])
+                    ]),
+                    _: 3
+                  })
+                ])
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "initial-focus", "aria-labelledby"])
+      ]),
+      _: 3
+    }));
   }
 };
 export {
-  k as ButtonBase
+  Zn as Alert,
+  Jn as Badge,
+  et as ButtonBase,
+  el as Drawer
 };