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

package/dist/vue-components.es.js

@@ -1,6 +1,160 @@
-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 * as Kt from "vue";
+import { openBlock as E, createElementBlock as k, createElementVNode as x, Fragment as Le, renderList as nt, renderSlot as C, createTextVNode as he, toDisplayString as re, createVNode as M, unref as S, normalizeClass as q, createBlock as oe, resolveDynamicComponent as Ie, withCtx as H, createCommentVNode as _, watchEffect as te, mergeProps as qe, computed as b, withDirectives as Yn, vModelCheckbox as Kn, ref as $, onMounted as V, cloneVNode as Gn, h as N, defineComponent as I, inject as Y, provide as ie, onUnmounted as ae, watch as de, shallowRef as Ve, getCurrentInstance as Xn, Teleport as Zn, reactive as Qn, nextTick as Jn, withModifiers as un, getCurrentScope as _n, onScopeDispose as el, shallowReadonly as Pe, normalizeStyle as tl } from "vue";
+function nl(e, t) {
+  return E(), k("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    x("path", {
+      "fill-rule": "evenodd",
+      d: "M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ll(e, t) {
+  return E(), k("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    x("path", {
+      "fill-rule": "evenodd",
+      d: "M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function At(e, t) {
+  return E(), k("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    x("path", {
+      "fill-rule": "evenodd",
+      d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const rl = { class: "rvc-accordion" }, ol = ["open", "name"], il = ["innerHTML"], Ro = {
+  __name: "Accordion",
+  props: {
+    items: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    defaultOpenIndex: {
+      type: Number,
+      default: 0
+    },
+    contentClass: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (t, n) => (E(), k("div", rl, [
+      (E(!0), k(Le, null, nt(e.items, (l, r) => (E(), k("details", {
+        key: r,
+        open: e.defaultOpenIndex === r,
+        name: e.name,
+        class: "rvc-group/accordion group/accordion"
+      }, [
+        x("summary", null, [
+          C(t.$slots, "summary", {
+            item: l,
+            active: e.defaultOpenIndex === r
+          }, () => [
+            he(re(l.title) + " ", 1),
+            C(t.$slots, "icon", { classList: "size-5 group-open/accordion:rotate-45 transition-transform" }, () => [
+              M(S(ll), { class: "rvc-size-5 group-open/accordion:rvc-rotate-45 rvc-transition-transform" })
+            ])
+          ])
+        ]),
+        x("div", {
+          class: q(["rvc-accordion-content", e.contentClass])
+        }, [
+          C(t.$slots, "content", { item: l }, () => [
+            x("div", {
+              innerHTML: l.content
+            }, null, 8, il)
+          ])
+        ], 2)
+      ], 8, ol))), 128))
+    ]));
+  }
+}, al = { class: "rvc-alert-title" }, Fo = {
+  __name: "Alert",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: [Object, Function],
+      default: null
+    },
+    type: {
+      type: String,
+      default: "info",
+      validator: (e) => ["success", "warning", "danger", "info"].includes(e)
+    },
+    close: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["alert:close"],
+  setup(e) {
+    return (t, n) => (E(), oe(Ie(e.as), {
+      class: q(["rvc-alert", `rvc-alert-${e.type}`])
+    }, {
+      default: H(() => [
+        C(t.$slots, "icon", {}, () => [
+          e.icon ? (E(), oe(Ie(e.icon), {
+            key: 0,
+            class: "rvc-alert-icon"
+          })) : _("", !0)
+        ]),
+        x("div", null, [
+          C(t.$slots, "title", {}, () => [
+            x("span", al, re(e.title), 1)
+          ]),
+          C(t.$slots, "default")
+        ]),
+        C(t.$slots, "close", {}, () => [
+          e.close ? (E(), k("button", {
+            key: 0,
+            type: "button",
+            class: "rvc-alert-close rvc-transition-colors",
+            onClick: n[0] || (n[0] = (l) => t.$emit("alert:close"))
+          }, [
+            M(S(At), { class: "rvc-size-5" })
+          ])) : _("", !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, Bo = {
   __name: "Badge",
   props: {
     as: {
@@ -14,34 +168,34 @@ const it = (e) => typeof e != "string" ? !1 : /^(primary|secondary|tertiary|ligh
     size: {
       type: String,
       default: "base",
-      validator: (e) => ["xs", "sm", "base", "lg"].includes(e)
+      validator: (e) => ["sm", "base"].includes(e)
     },
     color: {
       type: String,
-      default: "primary",
-      validator: (e) => it(e)
+      default: "default",
+      validator: (e) => typeof e != "string" ? !1 : /^(default|gray|red|yellow|green|blue|violet|purple|pink)?$/.test(e) || e.startsWith("custom-")
     }
   },
   setup(e) {
-    return (t, n) => (U(), ee(ke(e.as), {
-      class: ue(["badge", `badge-${e.color}`, `badge-${e.size}`])
+    return (t, n) => (E(), oe(Ie(e.as), {
+      class: q(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
     }, {
-      default: W(() => [
-        te(t.$slots, "default", { label: e.label }, () => [
-          Ve(qe(e.label), 1)
+      default: H(() => [
+        C(t.$slots, "default", { label: e.label }, () => [
+          he(re(e.label), 1)
         ])
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, Mt = {
+}, sl = {
   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 ul(e, t) {
+  return E(), k("svg", sl, t[0] || (t[0] = [
+    x("circle", {
       cx: "12",
       cy: "12",
       r: "10",
@@ -49,13 +203,16 @@ function Rt(e, t) {
       "stroke-width": "4",
       style: { opacity: ".25" }
     }, null, -1),
-    L("path", {
+    x("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 cn = { render: ul }, cl = {
+  key: 0,
+  class: "rvc-sr-only"
+}, rt = {
   __name: "ButtonBase",
   props: {
     as: {
@@ -74,13 +231,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,98 +249,328 @@ const Ht = { render: Rt }, et = {
     color: {
       type: String,
       default: "primary",
-      validator: (e) => it(e)
+      validator: (e) => typeof e != "string" ? !1 : /^(primary|secondary|tertiary|light|dark|green|red|yellow|blue|green-soft|red-soft|yellow-soft|blue-soft)?$/.test(e) || e.startsWith("custom-") || e === "clear"
     }
   },
   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 te(() => {
+      t.iconOnly && !t.icon && console.warn("[ButtonBase] Using iconOnly prop without providing an icon may result in an empty button.");
+    }), (n, l) => (E(), oe(Ie(e.as), qe(e.bindAs ? { as: e.bindAs } : {}, {
+      class: ["rvc-button", `rvc-button-${e.color}`, `rvc-button-${e.size}`, { "rvc-button-reverse": e.iconLeft }, { "rvc-button-icon-only": e.iconOnly }],
+      "aria-label": e.iconOnly ? e.label : null,
+      "aria-busy": e.spinning
     }), {
-      default: W(() => [
-        Ve(qe(e.label) + " ", 1),
-        te(t.$slots, "icon", {}, () => [
-          e.icon && !e.spinning ? (U(), ee(ke(e.icon), {
+      default: H(() => [
+        e.iconOnly && e.label ? (E(), k("span", cl, [
+          C(n.$slots, "default", { label: e.label }, () => [
+            he(re(e.label), 1)
+          ])
+        ])) : e.label ? C(n.$slots, "default", {
+          key: 1,
+          label: e.label
+        }, () => [
+          he(re(e.label), 1)
+        ]) : _("", !0),
+        C(n.$slots, "icon", { icon: e.icon }, () => [
+          e.icon && !e.spinning ? (E(), oe(Ie(e.icon), {
             key: 0,
-            class: "button-icon"
-          })) : Se("", !0)
+            class: "rvc-button-icon",
+            "aria-hidden": !e.iconOnly
+          }, null, 8, ["aria-hidden"])) : _("", !0)
         ]),
-        te(t.$slots, "spinner", {}, () => [
-          e.spinning ? (U(), ee(I(Ht), {
+        C(n.$slots, "spinner", { spinning: e.spinning }, () => [
+          e.spinning ? (E(), oe(S(cn), {
             key: 0,
-            class: "button-icon button-icon-loading"
-          })) : Se("", !0)
+            class: "rvc-button-icon rvc-button-icon-loading",
+            "aria-hidden": "true"
+          })) : _("", !0)
         ])
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class", "aria-label", "aria-busy"]));
+  }
+}, dl = { class: "rvc-checkbox" }, fl = ["id"], vl = { class: "rvc-checkbox-input peer-focus/checkbox:rvc-focus" }, pl = ["for"], Mo = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "Checkbox",
+  props: {
+    modelValue: {
+      type: [Boolean, String, Array],
+      default: null
+    },
+    id: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, r = b({
+      get: () => n.modelValue,
+      set: (o) => l("update:modelValue", o)
+    });
+    return (o, i) => (E(), k("div", dl, [
+      Yn(x("input", qe({ id: e.id }, o.$attrs, {
+        "onUpdate:modelValue": i[0] || (i[0] = (a) => r.value = a),
+        type: "checkbox",
+        class: "rvc-absolute rvc-opacity-0 rvc-inset-0 rvc-cursor-pointer rvc-peer/checkbox"
+      }), null, 16, fl), [
+        [Kn, r.value]
+      ]),
+      x("span", vl, [
+        M(S(nl))
+      ]),
+      x("div", null, [
+        o.$slots.default || e.label ? C(o.$slots, "default", { key: 0 }, () => [
+          x("label", { for: e.id }, re(e.label), 9, pl)
+        ]) : _("", !0)
+      ])
+    ]));
+  }
+});
+function ml(e, t) {
+  return E(), k("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    x("path", {
+      "fill-rule": "evenodd",
+      d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const gl = { class: "rvc-overflow-x-auto rvc-pb-4" }, hl = { key: 0 }, yl = ["aria-label", "onClick"], bl = ["innerHTML"], wl = { key: 1 }, xl = ["colspan"], $l = { key: 2 }, Sl = ["colspan"], El = { class: "rvc-flex rvc-gap-x-2 rvc-items-center" }, No = {
+  __name: "DataTable",
+  props: {
+    headers: {
+      type: Array,
+      default: () => [],
+      validator: (e) => e.every((t) => !t.align || ["left", "center", "right"].includes(t.align))
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    noResultsText: {
+      type: String,
+      default: "No results found."
+    },
+    loadingText: {
+      type: String,
+      default: "Loading content..."
+    },
+    striped: {
+      type: Boolean
+    },
+    spinning: {
+      type: Boolean
+    }
+  },
+  emits: ["table:sortBy"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, r = $(null), o = (a) => n.headers.find((c) => c.key === a), i = (a) => {
+      !r.value || r.value.key !== a.key ? r.value = {
+        key: a.key,
+        direction: "asc"
+      } : r.value.direction === "asc" ? r.value = {
+        key: a.key,
+        direction: "desc"
+      } : r.value = null, l("table:sortBy", r.value);
+    };
+    return (a, c) => (E(), k("div", gl, [
+      x("table", {
+        class: q([{ "rvc-table-striped": e.striped }, "rvc-w-full rvc-table"])
+      }, [
+        e.headers.length ? (E(), k("thead", hl, [
+          x("tr", null, [
+            C(a.$slots, "headers", { headers: e.headers }, () => [
+              (E(!0), k(Le, null, nt(e.headers, (s) => {
+                var u, d;
+                return E(), k("th", {
+                  key: `table-header-${s.id}`,
+                  class: q({
+                    "rvc-text-left": s.align === "left" || !s.align,
+                    "rvc-text-center": s.align === "center",
+                    "rvc-text-right": s.align === "right"
+                  })
+                }, [
+                  s.sortable ? (E(), k("button", {
+                    key: 0,
+                    type: "button",
+                    "aria-label": `Sort on ${s.label}`,
+                    class: q([
+                      "rvc-flex rvc-w-full rvc-gap-x-1.5 hover:rvc-underline rvc-group/table",
+                      {
+                        "rvc-justify-center": s.align === "center",
+                        "rvc-justify-start rvc-flex-row-reverse": s.align === "right"
+                      }
+                    ]),
+                    onClick: (f) => i(s)
+                  }, [
+                    C(a.$slots, "header-label", {
+                      sortBy: r.value,
+                      header: s
+                    }, () => [
+                      he(re(s.label), 1)
+                    ]),
+                    M(S(ml), {
+                      class: q([
+                        "rvc-size-4 rvc-shrink-0 rvc-transition",
+                        {
+                          "rvc-opacity-100": ((u = r.value) == null ? void 0 : u.key) === s.key,
+                          "rvc-opacity-0 group-hover/table:rvc-opacity-30": !r.value || r.value.key !== s.key,
+                          "rvc-rotate-180": ((d = r.value) == null ? void 0 : d.key) === s.key && r.value.direction === "desc"
+                        }
+                      ])
+                    }, null, 8, ["class"])
+                  ], 10, yl)) : C(a.$slots, "header-label", {
+                    key: 1,
+                    sortBy: r.value,
+                    header: s
+                  }, () => [
+                    he(re(s.label), 1)
+                  ])
+                ], 2);
+              }), 128))
+            ])
+          ])
+        ])) : _("", !0),
+        x("tbody", null, [
+          e.items.length && !e.spinning ? (E(!0), k(Le, { key: 0 }, nt(e.items.map(({ id: s, ...u }) => u), (s, u) => (E(), k("tr", {
+            key: `table-row-${u}-${s.id}`
+          }, [
+            C(a.$slots, "items", {
+              item: s,
+              index: u
+            }, () => [
+              (E(!0), k(Le, null, nt(s, (d, f) => {
+                var v, p, m, h;
+                return E(), k("td", qe({
+                  key: `table-row-${u}-column-${f}-${s.id}`,
+                  ref_for: !0
+                }, s.attrs, {
+                  class: {
+                    "rvc-text-left": ((v = o(f)) == null ? void 0 : v.align) === "left" || !((p = o(f)) != null && p.align),
+                    "rvc-text-center": ((m = o(f)) == null ? void 0 : m.align) === "center",
+                    "rvc-text-right": ((h = o(f)) == null ? void 0 : h.align) === "right"
+                  },
+                  innerHTML: d
+                }), null, 16, bl);
+              }), 128))
+            ])
+          ]))), 128)) : !e.items.length && !e.spinning ? (E(), k("tr", wl, [
+            x("td", {
+              colspan: e.headers.length,
+              class: "rvc-table-state"
+            }, [
+              x("p", null, re(e.noResultsText), 1)
+            ], 8, xl)
+          ])) : (E(), k("tr", $l, [
+            x("td", {
+              colspan: e.headers.length,
+              class: "rvc-table-state"
+            }, [
+              C(a.$slots, "spinner", {
+                spinning: e.spinning,
+                label: e.loadingText
+              }, () => [
+                x("div", El, [
+                  e.spinning ? (E(), oe(S(cn), {
+                    key: 0,
+                    "aria-hidden": "true",
+                    class: "rvc-table-spinner"
+                  })) : _("", !0),
+                  he(" " + re(e.loadingText), 1)
+                ])
+              ])
+            ], 8, Sl)
+          ]))
+        ])
+      ], 2)
+    ]));
   }
 };
-function Ge(e) {
+function Ol(e, t, n) {
+  let l = $(n == null ? void 0 : n.value), r = b(() => e.value !== void 0);
+  return [b(() => r.value ? e.value : l.value), function(o) {
+    return r.value || (l.value = o), t == null ? void 0 : t(o);
+  }];
+}
+function kt(e) {
   typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
     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 Ye() {
+  let e = [], t = { addEventListener(n, l, r, o) {
+    return n.addEventListener(l, r, o), t.add(() => n.removeEventListener(l, r, o));
   }, 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 };
-    return Ge(() => {
-      r.current && n[0]();
+    let l = { current: !0 };
+    return kt(() => {
+      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 o = n.style.getPropertyValue(l);
+    return Object.assign(n.style, { [l]: r }), this.add(() => {
+      Object.assign(n.style, { [l]: o });
     });
   }, group(n) {
-    let r = se();
-    return n(r), this.add(() => r.dispose());
+    let l = Ye();
+    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();
   } };
   return t;
 }
-var tt;
-let It = Symbol("headlessui.useid"), Ut = 0;
-const Z = (tt = _e.useId) != null ? tt : function() {
-  return _e.inject(It, () => `${++Ut}`)();
+var Gt;
+let Ll = Symbol("headlessui.useid"), Tl = 0;
+const ye = (Gt = Kt.useId) != null ? Gt : function() {
+  return Kt.inject(Ll, () => `${++Tl}`)();
 };
-function E(e) {
+function D(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 M(e, t, ...n) {
+function pe(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, pe), 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 Cl = Object.defineProperty, Al = (e, t, n) => t in e ? Cl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Xt = (e, t, n) => (Al(e, typeof t != "symbol" ? t + "" : t, n), n);
+let kl = class {
   constructor() {
-    nt(this, "current", this.detect()), nt(this, "currentId", 0);
+    Xt(this, "current", this.detect()), Xt(this, "currentId", 0);
   }
   set(t) {
     this.current !== t && (this.currentId = 0, this.current = t);
@@ -199,895 +590,994 @@ let qt = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, de = new qt();
-function re(e) {
-  if (de.isServer) return null;
+}, Ke = new kl();
+function Be(e) {
+  if (Ke.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let t = E(e);
+    let t = D(e);
     if (t) return t.ownerDocument;
   }
   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 bt = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var be = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(be || {}), dn = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(dn || {}), Pl = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Pl || {});
+function Dl(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(bt)).sort((t, n) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (n.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
-var st = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(st || {});
-function Yt(e, t = 0) {
+var fn = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(fn || {});
+function Rl(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 = Be(e)) == null ? void 0 : n.body) ? !1 : pe(t, { 0() {
+    return e.matches(bt);
   }, 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(bt)) return !0;
+      l = l.parentElement;
     }
     return !1;
   } });
 }
-var Kt = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Kt || {});
+var Fl = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Fl || {});
 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 Te(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
-let Xt = ["textarea", "input"].join(",");
-function Qt(e) {
+let Bl = ["textarea", "input"].join(",");
+function Ml(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, Bl)) != 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 Nl(e, t = (n) => n) {
+  return e.slice().sort((n, l) => {
+    let r = t(n), o = t(l);
+    if (r === null || o === null) return 0;
+    let i = r.compareDocumentPosition(o);
     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 = [] } = {}) {
-  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 u = (() => {
+function lt(e, t, { sorted: n = !0, relativeTo: l = null, skipElements: r = [] } = {}) {
+  var o;
+  let i = (o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? o : document, a = Array.isArray(e) ? n ? Nl(e) : e : Dl(e);
+  r.length > 0 && a.length > 1 && (a = a.filter((p) => !r.includes(p))), l = l ?? i.activeElement;
+  let c = (() => {
     if (t & 5) return 1;
     if (t & 10) return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), d = (() => {
+  })(), s = (() => {
     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 & 8) return o.length - 1;
+    if (t & 2) return Math.max(0, a.indexOf(l)) - 1;
+    if (t & 4) return Math.max(0, a.indexOf(l)) + 1;
+    if (t & 8) return a.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;
+  })(), u = t & 32 ? { preventScroll: !0 } : {}, d = 0, f = a.length, v;
   do {
-    if (f >= c || f + c <= 0) return 0;
-    let v = d + f;
-    if (t & 16) v = (v + c) % c;
+    if (d >= f || d + f <= 0) return 0;
+    let p = s + d;
+    if (t & 16) p = (p + f) % f;
     else {
-      if (v < 0) return 3;
-      if (v >= c) return 1;
+      if (p < 0) return 3;
+      if (p >= f) return 1;
     }
-    p = o[v], p == null || p.focus(s), f += u;
-  } while (p !== i.activeElement);
-  return t & 6 && Qt(p) && p.select(), 2;
+    v = a[p], v == null || v.focus(u), d += c;
+  } while (v !== i.activeElement);
+  return t & 6 && Ml(v) && v.select(), 2;
 }
-function dt() {
+function vn() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function Jt() {
+function jl() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function _t() {
-  return dt() || Jt();
+function Hl() {
+  return vn() || jl();
 }
-function ye(e, t, n) {
-  de.isServer || C((r) => {
-    document.addEventListener(e, t, n), r(() => document.removeEventListener(e, t, n));
+function Je(e, t, n) {
+  Ke.isServer || te((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 pn(e, t, n) {
+  Ke.isServer || te((l) => {
+    window.addEventListener(e, t, n), l(() => window.removeEventListener(e, t, n));
   });
 }
-function en(e, t, n = m(() => !0)) {
-  function r(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];
+function Vl(e, t, n = b(() => !0)) {
+  function l(o, i) {
+    if (!n.value || o.defaultPrevented) return;
+    let a = i(o);
+    if (a === null || !a.getRootNode().contains(a)) return;
+    let c = function s(u) {
+      return typeof u == "function" ? s(u()) : Array.isArray(u) || u instanceof Set ? u : [u];
     }(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;
+    for (let s of c) {
+      if (s === null) continue;
+      let u = s instanceof HTMLElement ? s : D(s);
+      if (u != null && u.contains(a) || o.composed && o.composedPath().includes(u)) return;
     }
-    return !Yt(o, st.Loose) && o.tabIndex !== -1 && a.preventDefault(), t(a, o);
-  }
-  let l = h(null);
-  ye("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) => {
-    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);
-}
-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 a;
-  let i = vt(r, n), o = Object.assign(l, { props: i });
-  if (e || t & 2 && i.static) return Ae(o);
+    return !Rl(a, fn.Loose) && a.tabIndex !== -1 && o.preventDefault(), t(o, a);
+  }
+  let r = $(null);
+  Je("pointerdown", (o) => {
+    var i, a;
+    n.value && (r.value = ((a = (i = o.composedPath) == null ? void 0 : i.call(o)) == null ? void 0 : a[0]) || o.target);
+  }, !0), Je("mousedown", (o) => {
+    var i, a;
+    n.value && (r.value = ((a = (i = o.composedPath) == null ? void 0 : i.call(o)) == null ? void 0 : a[0]) || o.target);
+  }, !0), Je("click", (o) => {
+    Hl() || r.value && (l(o, () => r.value), r.value = null);
+  }, !0), Je("touchend", (o) => l(o, () => o.target instanceof HTMLElement ? o.target : null), !0), pn("blur", (o) => l(o, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+function Zt(e, t) {
+  if (e) return e;
+  let n = t ?? "button";
+  if (typeof n == "string" && n.toLowerCase() === "button") return "button";
+}
+function Il(e, t) {
+  let n = $(Zt(e.value.type, e.value.as));
+  return V(() => {
+    n.value = Zt(e.value.type, e.value.as);
+  }), te(() => {
+    var l;
+    n.value || D(t) && D(t) instanceof HTMLButtonElement && !((l = D(t)) != null && l.hasAttribute("type")) && (n.value = "button");
+  }), n;
+}
+var ot = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(ot || {}), we = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(we || {});
+function W({ visible: e = !0, features: t = 0, ourProps: n, theirProps: l, ...r }) {
+  var o;
+  let i = gn(l, n), a = Object.assign(r, { props: i });
+  if (e || t & 2 && i.static) return mt(a);
   if (t & 1) {
-    let u = (a = i.unmount) == null || a ? 0 : 1;
-    return M(u, { 0() {
+    let c = (o = i.unmount) == null || o ? 0 : 1;
+    return pe(c, { 0() {
       return null;
     }, 1() {
-      return Ae({ ...l, props: { ...i, hidden: !0, style: { display: "none" } } });
+      return mt({ ...r, props: { ...i, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return Ae(o);
-}
-function Ae({ props: e, attrs: t, slots: n, slot: r, name: l }) {
-  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 f = !1, c = [];
-    for (let [p, v] of Object.entries(r)) 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) {
-      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(`
-`), "", "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(`
+  return mt(a);
+}
+function mt({ props: e, attrs: t, slots: n, slot: l, name: r }) {
+  var o, i;
+  let { as: a, ...c } = Pt(e, ["unmount", "static"]), s = (o = n.default) == null ? void 0 : o.call(n, l), u = {};
+  if (l) {
+    let d = !1, f = [];
+    for (let [v, p] of Object.entries(l)) typeof p == "boolean" && (d = !0), p === !0 && f.push(v);
+    d && (u["data-headlessui-state"] = f.join(" "));
+  }
+  if (a === "template") {
+    if (s = mn(s ?? []), Object.keys(c).length > 0 || Object.keys(t).length > 0) {
+      let [d, ...f] = s ?? [];
+      if (!Ul(d) || f.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${r} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(c).concat(Object.keys(t)).map((m) => m.trim()).filter((m, h, y) => y.indexOf(m) === h).sort((m, h) => m.localeCompare(h)).map((m) => `  - ${m}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((m) => `  - ${m}`).join(`
 `)].join(`
 `));
-      let p = vt((i = f.props) != null ? i : {}, u, s), v = At(f, p, !0);
-      for (let g in p) g.startsWith("on") && (v.props || (v.props = {}), v.props[g] = p[g]);
-      return v;
+      let v = gn((i = d.props) != null ? i : {}, c, u), p = Gn(d, v, !0);
+      for (let m in v) m.startsWith("on") && (p.props || (p.props = {}), p.props[m] = v[m]);
+      return p;
     }
-    return Array.isArray(d) && d.length === 1 ? d[0] : d;
+    return Array.isArray(s) && s.length === 1 ? s[0] : s;
   }
-  return S(o, Object.assign({}, u, s), { default: () => d });
+  return N(a, Object.assign({}, c, u), { default: () => s });
 }
-function ft(e) {
-  return e.flatMap((t) => t.type === ot ? ft(t.children) : [t]);
+function mn(e) {
+  return e.flatMap((t) => t.type === Le ? mn(t.children) : [t]);
 }
-function vt(...e) {
+function gn(...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 o of i) {
-      if (l instanceof Event && l.defaultPrevented) return;
-      o(l, ...a);
+  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, ...o) {
+    let i = n[l];
+    for (let a of i) {
+      if (r instanceof Event && r.defaultPrevented) return;
+      a(r, ...o);
     }
   } });
   return t;
 }
-function pt(e, t = []) {
+function Wl(e) {
+  let t = Object.assign({}, e);
+  for (let n in t) t[n] === void 0 && delete t[n];
+  return t;
+}
+function Pt(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 Ul(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 We = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(We || {});
+let it = I({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
   return () => {
-    var 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, ...o } = e, i = { "aria-hidden": (r & 2) === 2 ? !0 : (l = o["aria-hidden"]) != null ? l : void 0, hidden: (r & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
+    return W({ ourProps: i, theirProps: o, slot: {}, attrs: n, slots: t, name: "Hidden" });
   };
-} }), 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() {
-  return Ye() !== null;
+} }), hn = Symbol("Context");
+var Q = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(Q || {});
+function zl() {
+  return Dt() !== null;
 }
-function Ye() {
-  return D(mt, null);
+function Dt() {
+  return Y(hn, null);
 }
-function rn(e) {
-  j(mt, e);
+function ql(e) {
+  ie(hn, 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 at = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(at || {});
+function Yl(e) {
   function t() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
   }
   typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
 }
-let K = [];
-ln(() => {
+let Ee = [];
+Yl(() => {
   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 && Ee[0] !== t.target && (Ee.unshift(t.target), Ee = Ee.filter((n) => n != null && n.isConnected), Ee.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 Kl(e) {
+  var t, n;
+  let l = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
+  if (l) {
+    for (let r of l.elements) if (r !== e && (r.tagName === "INPUT" && r.type === "submit" || r.tagName === "BUTTON" && r.type === "submit" || r.nodeName === "INPUT" && r.type === "image")) {
+      r.click();
+      return;
+    }
+    (n = l.requestSubmit) == null || n.call(l);
+  }
+}
+function yn(e, t, n, l) {
+  Ke.isServer || te((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() {
-  let e = h(0);
-  return ct("keydown", (t) => {
+var He = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(He || {});
+function Gl() {
+  let e = $(0);
+  return pn("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
-function yt(e) {
+function bn(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 = D(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();
-  function d(p) {
-    let v = E(l);
-    v && ((g) => g())(() => {
-      M(u.value, { [ie.Forwards]: () => {
-        Ee(v, V.First, { skipElements: [p.relatedTarget] });
-      }, [ie.Backwards]: () => {
-        Ee(v, V.Last, { skipElements: [p.relatedTarget] });
+var wn = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(wn || {});
+let Ne = Object.assign(I({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: $(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
+  let r = $(null);
+  l({ el: r, $el: r });
+  let o = b(() => Be(r)), i = $(!1);
+  V(() => i.value = !0), ae(() => i.value = !1), Zl({ ownerDocument: o }, b(() => i.value && !!(e.features & 16)));
+  let a = Ql({ ownerDocument: o, container: r, initialFocus: b(() => e.initialFocus) }, b(() => i.value && !!(e.features & 2)));
+  Jl({ ownerDocument: o, container: r, containers: e.containers, previousActiveElement: a }, b(() => i.value && !!(e.features & 8)));
+  let c = Gl();
+  function s(v) {
+    let p = D(r);
+    p && ((m) => m())(() => {
+      pe(c.value, { [He.Forwards]: () => {
+        lt(p, be.First, { skipElements: [v.relatedTarget] });
+      }, [He.Backwards]: () => {
+        lt(p, be.Last, { skipElements: [v.relatedTarget] });
       } });
     });
   }
-  let s = h(!1);
-  function f(p) {
-    p.key === "Tab" && (s.value = !0, requestAnimationFrame(() => {
-      s.value = !1;
+  let u = $(!1);
+  function d(v) {
+    v.key === "Tab" && (u.value = !0, requestAnimationFrame(() => {
+      u.value = !1;
     }));
   }
-  function c(p) {
+  function f(v) {
     if (!i.value) return;
-    let v = yt(e.containers);
-    E(l) instanceof HTMLElement && v.add(E(l));
-    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)));
+    let p = bn(e.containers);
+    D(r) instanceof HTMLElement && p.add(D(r));
+    let m = v.relatedTarget;
+    m instanceof HTMLElement && m.dataset.headlessuiFocusGuard !== "true" && (xn(p, m) || (u.value ? lt(D(r), pe(c.value, { [He.Forwards]: () => be.Next, [He.Backwards]: () => be.Previous }) | be.WrapAround, { relativeTo: v.target }) : v.target instanceof HTMLElement && Te(v.target)));
   }
   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 v = {}, p = { ref: r, onKeydown: d, onFocusout: f }, { features: m, initialFocus: h, containers: y, ...g } = e;
+    return N(Le, [!!(m & 4) && N(it, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: We.Focusable }), W({ ourProps: p, theirProps: { ...t, ...g }, slot: v, attrs: t, slots: n, name: "FocusTrap" }), !!(m & 4) && N(it, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: s, features: We.Focusable })]);
   };
-} }), { features: bt });
-function on(e) {
-  let t = h(K.slice());
-  return ne([e], ([n], [r]) => {
-    r === !0 && n === !1 ? Ge(() => {
+} }), { features: wn });
+function Xl(e) {
+  let t = $(Ee.slice());
+  return de([e], ([n], [l]) => {
+    l === !0 && n === !1 ? kt(() => {
       t.value.splice(0);
-    }) : r === !1 && n === !0 && (t.value = K.slice());
+    }) : l === !1 && n === !0 && (t.value = Ee.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 Zl({ ownerDocument: e }, t) {
+  let n = Xl(t);
+  V(() => {
+    te(() => {
+      var l, r;
+      t.value || ((l = e.value) == null ? void 0 : l.activeElement) === ((r = e.value) == null ? void 0 : r.body) && Te(n());
     }, { flush: "post" });
-  }), k(() => {
-    t.value && Q(n());
+  }), ae(() => {
+    t.value && Te(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;
-      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) {
-            l.value = c;
+function Ql({ ownerDocument: e, container: t, initialFocus: n }, l) {
+  let r = $(null), o = $(!1);
+  return V(() => o.value = !0), ae(() => o.value = !1), V(() => {
+    de([t, n, l], (i, a) => {
+      if (i.every((s, u) => (a == null ? void 0 : a[u]) === s) || !l.value) return;
+      let c = D(t);
+      c && kt(() => {
+        var s, u;
+        if (!o.value) return;
+        let d = D(n), f = (s = e.value) == null ? void 0 : s.activeElement;
+        if (d) {
+          if (d === f) {
+            r.value = f;
             return;
           }
-        } else if (u.contains(c)) {
-          l.value = c;
+        } else if (c.contains(f)) {
+          r.value = f;
           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;
+        d ? Te(d) : lt(c, be.First | be.NoScroll) === dn.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), r.value = (u = e.value) == null ? void 0 : u.activeElement;
       });
     }, { immediate: !0, flush: "post" });
-  }), l;
-}
-function dn({ ownerDocument: e, container: t, containers: n, previousActiveElement: r }, l) {
-  var a;
-  ht((a = e.value) == null ? void 0 : a.defaultView, "focus", (i) => {
-    if (!l.value) return;
-    let o = yt(n);
-    E(t) instanceof HTMLElement && o.add(E(t));
-    let u = r.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);
+  }), r;
+}
+function Jl({ ownerDocument: e, container: t, containers: n, previousActiveElement: l }, r) {
+  var o;
+  yn((o = e.value) == null ? void 0 : o.defaultView, "focus", (i) => {
+    if (!r.value) return;
+    let a = bn(n);
+    D(t) instanceof HTMLElement && a.add(D(t));
+    let c = l.value;
+    if (!c) return;
+    let s = i.target;
+    s && s instanceof HTMLElement ? xn(a, s) ? (l.value = s, Te(s)) : (i.preventDefault(), i.stopPropagation(), Te(c)) : Te(l.value);
   }, !0);
 }
-function wt(e, t) {
+function xn(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 _l(e) {
+  let t = Ve(e.getSnapshot());
+  return ae(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function fn(e, t) {
-  let n = e(), r = /* @__PURE__ */ new Set();
+function er(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, ...o) {
+    let i = t[r].call(n, ...o);
+    i && (n = i, l.forEach((a) => a()));
   } };
 }
-function vn() {
+function tr() {
   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, o = e - r;
+    n.style(l, "paddingRight", `${o}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 nr() {
+  return vn() ? { before({ doc: e, d: t, meta: n }) {
+    function l(r) {
+      return n.containers.flatMap((o) => o()).some((o) => o.contains(r));
     }
     t.microTask(() => {
-      var l;
+      var r;
       if (window.getComputedStyle(e.documentElement).scrollBehavior !== "auto") {
-        let o = se();
-        o.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => o.dispose()));
+        let a = Ye();
+        a.style(e.documentElement, "scrollBehavior", "auto"), t.add(() => t.microTask(() => a.dispose()));
       }
-      let a = (l = window.scrollY) != null ? l : 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);
+      let o = (r = window.scrollY) != null ? r : window.pageYOffset, i = null;
+      t.addEventListener(e, "click", (a) => {
+        if (a.target instanceof HTMLElement) try {
+          let c = a.target.closest("a");
+          if (!c) return;
+          let { hash: s } = new URL(c.href), u = e.querySelector(s);
+          u && !l(u) && (i = u);
         } catch {
         }
-      }, !0), t.addEventListener(e, "touchstart", (o) => {
-        if (o.target instanceof HTMLElement) if (r(o.target)) {
-          let u = o.target;
-          for (; u.parentElement && r(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)) {
-            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();
+      }, !0), t.addEventListener(e, "touchstart", (a) => {
+        if (a.target instanceof HTMLElement) if (l(a.target)) {
+          let c = a.target;
+          for (; c.parentElement && l(c.parentElement); ) c = c.parentElement;
+          t.style(c, "overscrollBehavior", "contain");
+        } else t.style(a.target, "touchAction", "none");
+      }), t.addEventListener(e, "touchmove", (a) => {
+        if (a.target instanceof HTMLElement) {
+          if (a.target.tagName === "INPUT") return;
+          if (l(a.target)) {
+            let c = a.target;
+            for (; c.parentElement && c.dataset.headlessuiPortal !== "" && !(c.scrollHeight > c.clientHeight || c.scrollWidth > c.clientWidth); ) c = c.parentElement;
+            c.dataset.headlessuiPortal === "" && a.preventDefault();
+          } else a.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);
+        var a;
+        let c = (a = window.scrollY) != null ? a : window.pageYOffset;
+        o !== c && window.scrollTo(0, o), i && i.isConnected && (i.scrollIntoView({ block: "nearest" }), i = null);
       });
     });
   } } : {};
 }
-function mn() {
+function lr() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function gn(e) {
+function rr(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 Oe = er(() => /* @__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: Ye(), 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: rr(n) }, r = [nr(), tr(), lr()];
+  r.forEach(({ before: o }) => o == null ? void 0 : o(l)), r.forEach(({ after: o }) => o == null ? void 0 : o(l));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
 }, TEARDOWN({ doc: e }) {
   this.delete(e);
 } });
-X.subscribe(() => {
-  let e = X.getSnapshot(), t = /* @__PURE__ */ new Map();
+Oe.subscribe(() => {
+  let e = Oe.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) && Oe.dispatch(n.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", n), n.count === 0 && Oe.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;
-    return a ? a.count > 0 : !1;
+function or(e, t, n) {
+  let l = _l(Oe), r = b(() => {
+    let o = e.value ? l.value.get(e.value) : void 0;
+    return o ? o.count > 0 : !1;
   });
-  return ne([e, t], ([a, i], [o], u) => {
-    if (!a || !i) return;
-    X.dispatch("PUSH", a, n);
-    let d = !1;
-    u(() => {
-      d || (X.dispatch("POP", o ?? a, n), d = !0);
+  return de([e, t], ([o, i], [a], c) => {
+    if (!o || !i) return;
+    Oe.dispatch("PUSH", o, n);
+    let s = !1;
+    c(() => {
+      s || (Oe.dispatch("POP", a ?? o, n), s = !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 gt = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map();
+function Qt(e, t = $(!0)) {
+  te((n) => {
+    var l;
     if (!t.value) return;
-    let l = E(e);
-    if (!l) return;
+    let r = D(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 a = (i = je.get(r)) != null ? i : 1;
+      if (a === 1 ? je.delete(r) : je.set(r, a - 1), a !== 1) return;
+      let c = gt.get(r);
+      c && (c["aria-hidden"] === null ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", c["aria-hidden"]), r.inert = c.inert, gt.delete(r));
     });
-    let 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 o = (l = je.get(r)) != null ? l : 0;
+    je.set(r, o + 1), o === 0 && (gt.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), r.setAttribute("aria-hidden", "true"), r.inert = !0);
   });
 }
-function yn({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
-  let r = h(null), l = re(r);
-  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));
-    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 });
+function ir({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {}) {
+  let l = $(null), r = Be(l);
+  function o() {
+    var i, a, c;
+    let s = [];
+    for (let u of e) u !== null && (u instanceof HTMLElement ? s.push(u) : "value" in u && u.value instanceof HTMLElement && s.push(u.value));
+    if (t != null && t.value) for (let u of t.value) s.push(u);
+    for (let u of (i = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? i : []) u !== document.body && u !== document.head && u instanceof HTMLElement && u.id !== "headlessui-portal-root" && (u.contains(D(l)) || u.contains((c = (a = D(l)) == null ? void 0 : a.getRootNode()) == null ? void 0 : c.host) || s.some((d) => u.contains(d)) || s.push(u));
+    return s;
+  }
+  return { resolveContainers: o, contains(i) {
+    return o().some((a) => a.contains(i));
+  }, mainTreeNodeRef: l, MainTreeNode() {
+    return n != null ? null : N(it, { features: We.Hidden, ref: l });
   } };
 }
-let Et = Symbol("ForcePortalRootContext");
-function bn() {
-  return D(Et, !1);
+let $n = Symbol("ForcePortalRootContext");
+function ar() {
+  return Y($n, !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 wt = I({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
+  return ie($n, e.force), () => {
+    let { force: l, ...r } = e;
+    return W({ 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, () => {
+} }), Sn = Symbol("StackContext");
+var xt = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(xt || {});
+function sr() {
+  return Y(Sn, () => {
   });
 }
-function En({ type: e, enabled: t, element: n, onUpdate: r }) {
-  let l = wn();
-  function a(...i) {
-    r == null || r(...i), l(...i);
+function ur({ type: e, enabled: t, element: n, onUpdate: l }) {
+  let r = sr();
+  function o(...i) {
+    l == null || l(...i), r(...i);
   }
-  $(() => {
-    ne(t, (i, o) => {
-      i ? a(0, e, n) : o === !0 && a(1, e, n);
+  V(() => {
+    de(t, (i, a) => {
+      i ? o(0, e, n) : a === !0 && o(1, e, n);
     }, { immediate: !0, flush: "sync" });
-  }), k(() => {
-    t.value && a(1, e, n);
-  }), j(St, a);
+  }), ae(() => {
+    t.value && o(1, e, n);
+  }), ie(Sn, o);
 }
-let $t = Symbol("DescriptionContext");
-function Sn() {
-  let e = D($t, null);
+let En = Symbol("DescriptionContext");
+function cr() {
+  let e = Y(En, 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 = $({}), name: t = "Description", props: n = {} } = {}) {
+  let l = $([]);
+  function r(o) {
+    return l.value.push(o), () => {
+      let i = l.value.indexOf(o);
+      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 ie(En, { register: r, slot: e, name: t, props: n }), b(() => 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 });
+I({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-description-${ye()}`, o = cr();
+  return V(() => ae(o.register(r))), () => {
+    let { name: i = "Description", slot: a = $({}), props: c = {} } = o, { ...s } = e, u = { ...Object.entries(c).reduce((d, [f, v]) => Object.assign(d, { [f]: S(v) }), {}), id: r };
+    return W({ ourProps: u, theirProps: s, slot: a.value, attrs: t, slots: n, name: i });
   };
 } });
-function Ln(e) {
-  let t = re(e);
+function dr(e) {
+  let t = Be(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 $t = /* @__PURE__ */ new WeakMap();
+function fr(e) {
   var t;
-  return (t = Re.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;
-}
-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 u = h(!1);
-  $(() => {
-    u.value = !0;
-  }), C(() => {
-    a || i != null && (o.value = i.resolveTarget());
+  return (t = $t.get(e)) != null ? t : 0;
+}
+function Jt(e, t) {
+  let n = t(fr(e));
+  return n <= 0 ? $t.delete(e) : $t.set(e, n), n;
+}
+let Ln = I({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+  let l = $(null), r = b(() => Be(l)), o = ar(), i = Y(Tn, null), a = $(o === !0 || i == null ? dr(l.value) : i.resolveTarget());
+  a.value && Jt(a.value, (f) => f + 1);
+  let c = $(!1);
+  V(() => {
+    c.value = !0;
+  }), te(() => {
+    o || i != null && (a.value = i.resolveTarget());
   });
-  let d = D(He, null), s = !1, f = Ct();
-  return ne(r, () => {
-    if (s || !d) return;
-    let c = E(r);
-    c && (k(d.register(c), f), s = !0);
-  }), k(() => {
-    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 s = Y(St, null), u = !1, d = Xn();
+  return de(l, () => {
+    if (u || !s) return;
+    let f = D(l);
+    f && (ae(s.register(f), d), u = !0);
+  }), ae(() => {
+    var f, v;
+    let p = (f = r.value) == null ? void 0 : f.getElementById("headlessui-portal-root");
+    !p || a.value !== p || Jt(a.value, (m) => m - 1) || a.value.children.length > 0 || (v = a.value.parentElement) == null || v.removeChild(a.value);
   }), () => {
-    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" }));
+    if (!c.value || a.value === null) return null;
+    let f = { ref: l, "data-headlessui-portal": "" };
+    return N(Zn, { to: a.value }, W({ ourProps: f, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
   };
-} }), He = Symbol("PortalParentContext");
-function On() {
-  let e = D(He, null), t = h([]);
-  function n(a) {
-    return t.value.push(a), e && e.register(a), () => r(a);
-  }
-  function r(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 };
-  return [t, T({ name: "PortalWrapper", setup(a, { slots: i }) {
-    return j(He, l), () => {
-      var o;
-      return (o = i.default) == null ? void 0 : o.call(i);
+} }), St = Symbol("PortalParentContext");
+function vr() {
+  let e = Y(St, null), t = $([]);
+  function n(o) {
+    return t.value.push(o), e && e.register(o), () => l(o);
+  }
+  function l(o) {
+    let i = t.value.indexOf(o);
+    i !== -1 && t.value.splice(i, 1), e && e.unregister(o);
+  }
+  let r = { register: n, unregister: l, portals: t };
+  return [t, I({ name: "PortalWrapper", setup(o, { slots: i }) {
+    return ie(St, r), () => {
+      var a;
+      return (a = i.default) == null ? void 0 : a.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 Tn = Symbol("PortalGroupContext"), pr = I({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
+  let l = Qn({ resolveTarget() {
     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 ie(Tn, l), () => {
+    let { target: r, ...o } = e;
+    return W({ theirProps: o, 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 mr = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(mr || {});
+let Et = Symbol("DialogContext");
+function Ge(e) {
+  let t = Y(Et, 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, Ge), 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 }) {
-  var a, i;
-  let o = (a = e.id) != null ? a : `headlessui-dialog-${Z()}`, u = h(!1);
-  $(() => {
-    u.value = !0;
+let _e = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Cn = I({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: _e }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
+  var o, i;
+  let a = (o = e.id) != null ? o : `headlessui-dialog-${ye()}`, c = $(!1);
+  V(() => {
+    c.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(() => {
-    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;
+  let s = !1, u = b(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (s || (s = !0, console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), d = $(0), f = Dt(), v = b(() => e.open === _e && f !== null ? (f.value & Q.Open) === Q.Open : e.open), p = $(null), m = b(() => Be(p));
+  if (r({ el: p, $el: p }), !(e.open !== _e || f !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  if (typeof v.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${v.value === _e ? void 0 : e.open}`);
+  let h = b(() => c.value && v.value ? 0 : 1), y = b(() => h.value === 0), g = b(() => d.value > 1), w = Y(Et, null) !== null, [T, L] = vr(), { resolveContainers: P, mainTreeNodeRef: O, MainTreeNode: R } = ir({ portals: T, defaultContainers: [b(() => {
+    var A;
+    return (A = ce.panelRef.value) != null ? A : p.value;
+  })] }), U = b(() => g.value ? "parent" : "leaf"), F = b(() => f !== null ? (f.value & Q.Closing) === Q.Closing : !1), z = b(() => w || F.value ? !1 : y.value), K = b(() => {
+    var A, B, ne;
+    return (ne = Array.from((B = (A = m.value) == null ? void 0 : A.querySelectorAll("body > *")) != null ? B : []).find((le) => le.id === "headlessui-portal-root" ? !1 : le.contains(D(O)) && le instanceof HTMLElement)) != null ? ne : null;
   });
-  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;
+  Qt(K, z);
+  let j = b(() => g.value ? !0 : y.value), G = b(() => {
+    var A, B, ne;
+    return (ne = Array.from((B = (A = m.value) == null ? void 0 : A.querySelectorAll("[data-headlessui-portal]")) != null ? B : []).find((le) => le.contains(D(O)) && le instanceof HTMLElement)) != null ? ne : null;
   });
-  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 });
+  Qt(G, j), ur({ type: "Dialog", enabled: b(() => h.value === 0), element: p, onUpdate: (A, B) => {
+    if (B === "Dialog") return pe(A, { [xt.Add]: () => d.value += 1, [xt.Remove]: () => d.value -= 1 });
   } });
-  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 X = On({ name: "DialogDescription", slot: b(() => ({ open: v.value })) }), Z = $(null), ce = { titleId: Z, panelRef: $(null), dialogState: h, setTitleId(A) {
+    Z.value !== A && (Z.value = A);
   }, 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());
-  }, 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()));
+  ie(Et, ce);
+  let zt = b(() => !(!y.value || g.value));
+  Vl(P, (A, B) => {
+    A.preventDefault(), ce.close(), Jn(() => B == null ? void 0 : B.focus());
+  }, zt);
+  let qt = b(() => !(g.value || h.value !== 0));
+  yn((i = m.value) == null ? void 0 : i.defaultView, "keydown", (A) => {
+    qt.value && (A.defaultPrevented || A.key === at.Escape && (A.preventDefault(), A.stopPropagation(), ce.close()));
   });
-  let Je = m(() => !(ge.value || b.value !== 0 || z));
-  return hn(g, Je, (y) => {
-    var w;
-    return { containers: [...(w = y.containers) != null ? w : [], J] };
-  }), C((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 Yt = b(() => !(F.value || h.value !== 0 || w));
+  return or(m, Yt, (A) => {
+    var B;
+    return { containers: [...(B = A.containers) != null ? B : [], P] };
+  }), te((A) => {
+    if (h.value !== 0) return;
+    let B = D(p);
+    if (!B) return;
+    let ne = new ResizeObserver((le) => {
+      for (let pt of le) {
+        let Qe = pt.target.getBoundingClientRect();
+        Qe.x === 0 && Qe.y === 0 && Qe.width === 0 && Qe.height === 0 && ce.close();
       }
     });
-    x.observe(w), y(() => x.disconnect());
+    ne.observe(B), A(() => ne.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: A, initialFocus: B, ...ne } = e, le = { ...n, ref: p, id: a, role: u.value, "aria-modal": h.value === 0 ? !0 : void 0, "aria-labelledby": Z.value, "aria-describedby": X.value }, pt = { open: h.value === 0 };
+    return N(wt, { force: !0 }, () => [N(Ln, () => N(pr, { target: p.value }, () => N(wt, { force: !1 }, () => N(Ne, { initialFocus: B, containers: P, features: y.value ? pe(U.value, { parent: Ne.features.RestoreFocus, leaf: Ne.features.All & ~Ne.features.FocusLock }) : Ne.features.None }, () => N(L, {}, () => W({ ourProps: le, theirProps: { ...ne, ...n }, slot: pt, attrs: n, slots: l, visible: h.value === 0, features: ot.RenderStrategy | ot.Static, name: "Dialog" })))))), N(R)]);
   };
 } });
-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");
-  function i(o) {
-    o.target === o.currentTarget && (o.preventDefault(), o.stopPropagation(), a.close());
+I({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-dialog-overlay-${ye()}`, o = Ge("DialogOverlay");
+  function i(a) {
+    a.target === a.currentTarget && (a.preventDefault(), a.stopPropagation(), o.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" });
+    let { ...a } = e;
+    return W({ ourProps: { id: r, "aria-hidden": !0, onClick: i }, theirProps: a, slot: { open: o.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 }), $(() => {
+I({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: l }) {
+  var r;
+  let o = (r = e.id) != null ? r : `headlessui-dialog-backdrop-${ye()}`, i = Ge("DialogBackdrop"), a = $(null);
+  return l({ el: a, $el: a }), V(() => {
     if (i.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
-    let { ...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" })));
+    let { ...c } = e, s = { id: o, ref: a, "aria-hidden": !0 };
+    return N(wt, { force: !0 }, () => N(Ln, () => W({ ourProps: s, theirProps: { ...t, ...c }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
   };
 } });
-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 });
-  function o(u) {
-    u.stopPropagation();
+let An = I({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: l }) {
+  var r;
+  let o = (r = e.id) != null ? r : `headlessui-dialog-panel-${ye()}`, i = Ge("DialogPanel");
+  l({ el: i.panelRef, $el: i.panelRef });
+  function a(c) {
+    c.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" });
+    let { ...c } = e, s = { id: o, ref: i.panelRef, onClick: a };
+    return W({ ourProps: s, theirProps: c, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
   };
-} }), 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));
+} }), kn = I({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-dialog-title-${ye()}`, o = Ge("DialogTitle");
+  return V(() => {
+    o.setTitleId(r), ae(() => o.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 W({ ourProps: { id: r }, theirProps: i, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogTitle" });
   };
-} });
-function Cn(e) {
+} }), Pn = Symbol("LabelContext");
+function Dn() {
+  let e = Y(Pn, null);
+  if (e === null) {
+    let t = new Error("You used a <Label /> component, but it is not inside a parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(t, Dn), t;
+  }
+  return e;
+}
+function gr({ slot: e = {}, name: t = "Label", props: n = {} } = {}) {
+  let l = $([]);
+  function r(o) {
+    return l.value.push(o), () => {
+      let i = l.value.indexOf(o);
+      i !== -1 && l.value.splice(i, 1);
+    };
+  }
+  return ie(Pn, { register: r, slot: e, name: t, props: n }), b(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+}
+let hr = I({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n }) {
+  var l;
+  let r = (l = e.id) != null ? l : `headlessui-label-${ye()}`, o = Dn();
+  return V(() => ae(o.register(r))), () => {
+    let { name: i = "Label", slot: a = {}, props: c = {} } = o, { passive: s, ...u } = e, d = { ...Object.entries(c).reduce((f, [v, p]) => Object.assign(f, { [v]: S(p) }), {}), id: r };
+    return s && (delete d.onClick, delete d.htmlFor, delete u.onClick), W({ ourProps: d, theirProps: u, slot: a, attrs: n, slots: t, name: i });
+  };
+} }), Rn = Symbol("GroupContext"), yr = I({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
+  let l = $(null), r = gr({ name: "SwitchLabel", props: { htmlFor: b(() => {
+    var i;
+    return (i = l.value) == null ? void 0 : i.id;
+  }), onClick(i) {
+    l.value && (i.currentTarget.tagName === "LABEL" && i.preventDefault(), l.value.click(), l.value.focus({ preventScroll: !0 }));
+  } } }), o = On({ name: "SwitchDescription" });
+  return ie(Rn, { switchRef: l, labelledby: r, describedby: o }), () => W({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: n, name: "SwitchGroup" });
+} }), br = I({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: null }, disabled: { type: Boolean, default: !1 }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: !1, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
+  var o;
+  let i = (o = e.id) != null ? o : `headlessui-switch-${ye()}`, a = Y(Rn, null), [c, s] = Ol(b(() => e.modelValue), (g) => t("update:modelValue", g), b(() => e.defaultChecked));
+  function u() {
+    s(!c.value);
+  }
+  let d = $(null), f = a === null ? d : a.switchRef, v = Il(b(() => ({ as: e.as, type: n.type })), f);
+  r({ el: f, $el: f });
+  function p(g) {
+    g.preventDefault(), u();
+  }
+  function m(g) {
+    g.key === at.Space ? (g.preventDefault(), u()) : g.key === at.Enter && Kl(g.currentTarget);
+  }
+  function h(g) {
+    g.preventDefault();
+  }
+  let y = b(() => {
+    var g, w;
+    return (w = (g = D(f)) == null ? void 0 : g.closest) == null ? void 0 : w.call(g, "form");
+  });
+  return V(() => {
+    de([y], () => {
+      if (!y.value || e.defaultChecked === void 0) return;
+      function g() {
+        s(e.defaultChecked);
+      }
+      return y.value.addEventListener("reset", g), () => {
+        var w;
+        (w = y.value) == null || w.removeEventListener("reset", g);
+      };
+    }, { immediate: !0 });
+  }), () => {
+    let { name: g, value: w, form: T, tabIndex: L, ...P } = e, O = { checked: c.value }, R = { id: i, ref: f, role: "switch", type: v.value, tabIndex: L === -1 ? 0 : L, "aria-checked": c.value, "aria-labelledby": a == null ? void 0 : a.labelledby.value, "aria-describedby": a == null ? void 0 : a.describedby.value, onClick: p, onKeyup: m, onKeypress: h };
+    return N(Le, [g != null && c.value != null ? N(it, Wl({ features: We.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: c.value, form: T, disabled: P.disabled, name: g, value: w })) : null, W({ ourProps: R, theirProps: { ...n, ...Pt(P, ["modelValue", "defaultChecked"]) }, slot: O, attrs: n, slots: l, name: "Switch" })]);
+  };
+} }), wr = hr;
+function xr(e) {
   let t = { called: !1 };
   return (...n) => {
     if (!t.called) return t.called = !0, e(...n);
   };
 }
-function Ce(e, ...t) {
+function ht(e, ...t) {
   e && t.length > 0 && e.classList.add(...t);
 }
-function we(e, ...t) {
+function et(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 Ot = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(Ot || {});
+function $r(e, t) {
+  let n = Ye();
   if (!e) return n.dispose;
-  let { transitionDuration: r, transitionDelay: l } = getComputedStyle(e), [a, i] = [r, l].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;
+  let { transitionDuration: l, transitionDelay: r } = getComputedStyle(e), [o, i] = [l, r].map((a) => {
+    let [c = 0] = a.split(",").filter(Boolean).map((s) => s.includes("ms") ? parseFloat(s) : parseFloat(s) * 1e3).sort((s, u) => u - s);
+    return c;
   });
-  return a !== 0 ? n.setTimeout(() => t("finished"), a + i) : t("finished"), n.add(() => t("cancelled")), n.dispose;
+  return o !== 0 ? n.setTimeout(() => t("finished"), o + 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 _t(e, t, n, l, r, o) {
+  let i = Ye(), a = o !== void 0 ? xr(o) : () => {
   };
-  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 et(e, ...r), ht(e, ...t, ...n), i.nextFrame(() => {
+    et(e, ...n), ht(e, ...l), i.add($r(e, (c) => (et(e, ...l, ...t), ht(e, ...r), a(c))));
+  }), i.add(() => et(e, ...t, ...n, ...l, ...r)), i.add(() => a("cancelled")), i.dispose;
 }
-function Y(e = "") {
+function Se(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;
+let Rt = Symbol("TransitionContext");
+var Sr = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Sr || {});
+function Er() {
+  return Y(Rt, null) !== null;
 }
-function jn() {
-  let e = D(Ke, null);
+function Or() {
+  let e = Y(Rt, 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 Lr() {
+  let e = Y(Ft, 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 Ot(e) {
-  let t = h([]), n = h(!1);
-  $(() => n.value = !0), k(() => n.value = !1);
-  function r(a, i = q.Hidden) {
-    let o = t.value.findIndex(({ id: u }) => u === a);
-    o !== -1 && (M(i, { [q.Unmount]() {
-      t.value.splice(o, 1);
-    }, [q.Hidden]() {
-      t.value[o].state = "hidden";
-    } }), !Te(t) && n.value && (e == null || e()));
-  }
-  function l(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 { children: t, register: l, unregister: r };
-}
-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 a = h(0);
+let Ft = Symbol("NestingContext");
+function ct(e) {
+  return "children" in e ? ct(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
+}
+function Fn(e) {
+  let t = $([]), n = $(!1);
+  V(() => n.value = !0), ae(() => n.value = !1);
+  function l(o, i = we.Hidden) {
+    let a = t.value.findIndex(({ id: c }) => c === o);
+    a !== -1 && (pe(i, { [we.Unmount]() {
+      t.value.splice(a, 1);
+    }, [we.Hidden]() {
+      t.value[a].state = "hidden";
+    } }), !ct(t) && n.value && (e == null || e()));
+  }
+  function r(o) {
+    let i = t.value.find(({ id: a }) => a === o);
+    return i ? i.state !== "visible" && (i.state = "visible") : t.value.push({ id: o, state: "visible" }), () => l(o, we.Unmount);
+  }
+  return { children: t, register: r, unregister: l };
+}
+let Bn = ot.RenderStrategy, Ue = I({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: l, expose: r }) {
+  let o = $(0);
   function i() {
-    a.value |= P.Opening, t("beforeEnter");
+    o.value |= Q.Opening, t("beforeEnter");
   }
-  function o() {
-    a.value &= ~P.Opening, t("afterEnter");
+  function a() {
+    o.value &= ~Q.Opening, t("afterEnter");
   }
-  function u() {
-    a.value |= P.Closing, t("beforeLeave");
+  function c() {
+    o.value |= Q.Closing, t("beforeLeave");
   }
-  function d() {
-    a.value &= ~P.Closing, t("afterLeave");
+  function s() {
+    o.value &= ~Q.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 (!Er() && zl()) return () => N(Bt, { ...e, onBeforeEnter: i, onAfterEnter: a, onBeforeLeave: c, onAfterLeave: s }, l);
+  let u = $(null), d = b(() => e.unmount ? we.Unmount : we.Hidden);
+  r({ el: u, $el: u });
+  let { show: f, appear: v } = Or(), { register: p, unregister: m } = Lr(), h = $(f.value ? "visible" : "hidden"), y = { value: !0 }, g = ye(), w = { value: !1 }, T = Fn(() => {
+    !w.value && h.value !== "hidden" && (h.value = "hidden", m(g), s());
   });
-  $(() => {
-    let N = v(O);
-    k(N);
-  }), C(() => {
-    if (f.value === q.Hidden && O) {
-      if (c.value && b.value !== "visible") {
-        b.value = "visible";
+  V(() => {
+    let j = p(g);
+    ae(j);
+  }), te(() => {
+    if (d.value === we.Hidden && g) {
+      if (f.value && h.value !== "visible") {
+        h.value = "visible";
         return;
       }
-      M(b.value, { hidden: () => g(O), visible: () => v(O) });
+      pe(h.value, { hidden: () => m(g), visible: () => p(g) });
     }
   });
-  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(() => {
-      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 L = Se(e.enter), P = Se(e.enterFrom), O = Se(e.enterTo), R = Se(e.entered), U = Se(e.leave), F = Se(e.leaveFrom), z = Se(e.leaveTo);
+  V(() => {
+    te(() => {
+      if (h.value === "visible") {
+        let j = D(u);
+        if (j instanceof Comment && j.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
-  function 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 K(j) {
+    let G = y.value && !v.value, X = D(u);
+    !X || !(X instanceof HTMLElement) || G || (w.value = !0, f.value && i(), f.value || c(), j(f.value ? _t(X, L, P, O, R, (Z) => {
+      w.value = !1, Z === Ot.Finished && a();
+    }) : _t(X, U, F, z, R, (Z) => {
+      w.value = !1, Z === Ot.Finished && (ct(T) || (h.value = "hidden", m(g), s()));
     })));
   }
-  return $(() => {
-    ne([c], (N, le, R) => {
-      Fe(R), B.value = !1;
+  return V(() => {
+    de([f], (j, G, X) => {
+      K(X), y.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" });
+  }), ie(Ft, T), ql(b(() => pe(h.value, { visible: Q.Open, hidden: Q.Closed }) | o.value)), () => {
+    let { appear: j, show: G, enter: X, enterFrom: Z, enterTo: ce, entered: zt, leave: qt, leaveFrom: Yt, leaveTo: A, ...B } = e, ne = { ref: u }, le = { ...B, ...v.value && f.value && Ke.isServer ? { class: q([n.class, B.class, ...L, ...P]) } : {} };
+    return W({ theirProps: le, ourProps: ne, slot: {}, slots: l, attrs: n, features: Bn, visible: h.value === "visible", name: "TransitionChild" });
   };
-} }), 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(() => {
-    if (![!0, !1].includes(a.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
+} }), Tr = Ue, Bt = I({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: l }) {
+  let r = Dt(), o = b(() => e.show === null && r !== null ? (r.value & Q.Open) === Q.Open : e.show);
+  te(() => {
+    if (![!0, !1].includes(o.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 = $(o.value ? "visible" : "hidden"), a = Fn(() => {
     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");
+  }), c = $(!0), s = { show: o, appear: b(() => e.appear || !c.value) };
+  return V(() => {
+    te(() => {
+      c.value = !1, o.value ? i.value = "visible" : ct(a) || (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" });
+  }), ie(Ft, a), ie(Rt, s), () => {
+    let u = Pt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), d = { unmount: e.unmount };
+    return W({ ourProps: { ...d, as: "template" }, theirProps: {}, slot: {}, slots: { ...l, default: () => [N(Tr, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...d, ...u }, l.default)] }, attrs: {}, features: Bn, visible: i.value === "visible", name: "Transition" });
   };
 } });
-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"
-    })
-  ]);
+function Mn(e) {
+  const t = $(null), n = $(!1), l = b(() => e.as === "form"), r = b(() => `${e.id}-title`), o = b(() => `${e.id}-content`), i = b(() => {
+    var a;
+    return (a = t.value) == null ? void 0 : a.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+  });
+  return {
+    contentRef: t,
+    ready: n,
+    isForm: l,
+    titleId: r,
+    descriptionId: o,
+    initialFocusElement: i
+  };
 }
-const In = {
+const Cr = {
   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 = {
+}, Ar = { class: "rvc-absolute rvc-inset-0 rvc-overflow-hidden" }, kr = { class: "rvc-pointer-events-none rvc-fixed rvc-inset-y-0 rvc-right-0 rvc-flex rvc-max-w-full rvc-pl-10" }, Pr = { class: "rvc-flex rvc-h-full rvc-flex-col rvc-shadow-xl" }, Dr = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Rr = {
   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 = {
+}, Fr = ["id"], Br = { class: "rvc-flex rvc-shrink-0 rvc-drawer-footer" }, Ho = {
   __name: "Drawer",
   props: {
     as: {
@@ -1127,27 +1617,31 @@ const In = {
       default: "rvc-max-w-xl"
     }
   },
-  emits: ["drawer:open", "drawer:close", "drawer:save"],
+  emits: ["drawer:open", "drawer:close", "drawer:save", "drawer:closed"],
   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(() => {
-      var s;
-      return (s = l.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), {
+    const n = t, l = e, {
+      contentRef: r,
+      ready: o,
+      isForm: i,
+      titleId: a,
+      descriptionId: c,
+      initialFocusElement: s
+    } = Mn(l);
+    return (u, d) => (E(), oe(S(Bt), { as: "template" }, {
+      default: H(() => [
+        M(S(Cn), {
           as: e.as,
-          class: "drawer",
+          class: "rvc-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] = jt((c) => n("drawer:save", c), ["prevent"]))
+          "initial-focus": S(s),
+          "aria-labelledby": S(a),
+          onClose: d[5] || (d[5] = (f) => u.$emit("drawer:close")),
+          onSubmit: d[6] || (d[6] = un((f) => n("drawer:save", f), ["prevent"]))
         }, {
-          default: W(() => [
-            G(I(We), {
+          default: H(() => [
+            M(S(Ue), {
               as: "template",
               enter: "rvc-ease-in-out rvc-duration-500",
               "enter-from": "rvc-opacity-0",
@@ -1155,20 +1649,20 @@ const In = {
               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"))
+              onBeforeEnter: d[0] || (d[0] = (f) => n("drawer:open"))
             }, {
-              default: W(() => f[7] || (f[7] = [
-                L("div", {
-                  class: "rvc-fixed rvc-inset-0 rvc-transition-opacity drawer-backdrop",
+              default: H(() => d[7] || (d[7] = [
+                x("div", {
+                  class: "rvc-fixed rvc-inset-0 rvc-transition-opacity rvc-drawer-backdrop",
                   "aria-hidden": "true"
                 }, null, -1)
               ])),
               _: 1
             }),
-            L("div", In, [
-              L("div", Un, [
-                L("div", Wn, [
-                  G(I(We), {
+            x("div", Cr, [
+              x("div", Ar, [
+                x("div", kr, [
+                  M(S(Ue), {
                     as: "template",
                     enter: "rvc-transform rvc-transition rvc-ease-in-out rvc-duration-500 sm:rvc-duration-700",
                     "enter-from": "rvc-translate-x-full",
@@ -1176,77 +1670,77 @@ const In = {
                     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)
+                    onBeforeEnter: d[3] || (d[3] = (f) => o.value = !0),
+                    onAfterLeave: d[4] || (d[4] = (f) => (o.value = !1, n("drawer:closed")))
                   }, {
-                    default: W(() => [
-                      G(I(An), {
-                        class: ue(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
+                    default: H(() => [
+                      M(S(An), {
+                        class: q(["rvc-pointer-events-auto rvc-w-screen", e.panelClass]),
                         "aria-busy": e.spinning,
-                        "aria-describedby": u.value
+                        "aria-describedby": S(c)
                       }, {
-                        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: H(() => [
+                          x("div", Pr, [
+                            x("header", {
+                              class: q([{ "rvc-sticky rvc-top-0 rvc-left-0 rvc-w-full rvc-z-10": e.headerSticky }, "rvc-drawer-header"])
                             }, [
-                              te(s.$slots, "header", {
+                              C(u.$slots, "header", {
                                 title: e.title,
                                 showClose: e.showClose
                               }, () => [
-                                L("div", qn, [
-                                  G(I(Dn), {
-                                    id: o.value,
-                                    class: "drawer-title"
+                                x("div", Dr, [
+                                  M(S(kn), {
+                                    id: S(a),
+                                    class: "rvc-drawer-title"
                                   }, {
-                                    default: W(() => [
-                                      Ve(qe(e.title), 1)
+                                    default: H(() => [
+                                      he(re(e.title), 1)
                                     ]),
                                     _: 1
                                   }, 8, ["id"]),
-                                  e.showClose ? (U(), ze("div", zn, [
-                                    L("button", {
+                                  e.showClose ? (E(), k("div", Rr, [
+                                    x("button", {
                                       type: "button",
-                                      class: "rvc-relative drawer-close",
+                                      class: "rvc-relative rvc-drawer-close",
                                       "aria-label": "Close panel",
-                                      onClick: f[1] || (f[1] = (c) => n("drawer:close"))
+                                      onClick: d[1] || (d[1] = (f) => n("drawer:close"))
                                     }, [
-                                      G(I(Hn), {
+                                      M(S(At), {
                                         class: "rvc-size-full",
                                         "aria-hidden": "true"
                                       })
                                     ])
-                                  ])) : Se("", !0)
+                                  ])) : _("", !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"])
+                            x("div", {
+                              class: q([e.scrolledDown ? "rvc-flex-col-reverse" : "rvc-flex-col", "rvc-flex rvc-min-h-0 rvc-flex-1 rvc-overflow-y-scroll"])
                             }, [
-                              L("div", {
-                                id: u.value,
+                              x("div", {
+                                id: S(c),
                                 ref_key: "contentRef",
-                                ref: l,
-                                class: "rvc-relative rvc-flex-1 drawer-content"
+                                ref: r,
+                                class: "rvc-relative rvc-flex-1 rvc-drawer-content"
                               }, [
-                                te(s.$slots, "default", { ready: a.value })
-                              ], 8, Gn)
+                                C(u.$slots, "default", { ready: S(o) })
+                              ], 8, Fr)
                             ], 2),
-                            L("footer", Yn, [
-                              te(s.$slots, "footer", { loading: e.spinning }, () => [
-                                G(et, {
+                            x("footer", Br, [
+                              C(u.$slots, "footer", { loading: e.spinning }, () => [
+                                M(rt, {
                                   type: "button",
                                   label: e.cancelLabel,
                                   color: "light",
-                                  onClick: f[2] || (f[2] = (c) => n("drawer:close"))
+                                  onClick: d[2] || (d[2] = (f) => n("drawer:close"))
                                 }, null, 8, ["label"]),
-                                i.value ? (U(), ee(et, {
+                                S(i) ? (E(), oe(rt, {
                                   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"])) : _("", !0)
                               ])
                             ])
                           ])
@@ -1266,9 +1760,1431 @@ const In = {
       _: 3
     }));
   }
+}, Vo = /* @__PURE__ */ Object.assign({
+  inheritAttrs: !1
+}, {
+  __name: "Lightswitch",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, l = t, r = b({
+      get: () => n.modelValue,
+      set: (o) => l("update:modelValue", o)
+    });
+    return (o, i) => (E(), oe(S(yr), {
+      as: "div",
+      class: "rvc-lightswitch-group"
+    }, {
+      default: H(() => [
+        M(S(br), qe({
+          modelValue: r.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (a) => r.value = a),
+          class: [{ "rvc-lightswitch-enabled": r.value }, "rvc-lightswitch"]
+        }, o.$attrs), {
+          default: H(() => [
+            x("span", {
+              class: q([{ "rvc-translate-x-6": r.value }, "rvc-lightswitch-toggle"])
+            }, null, 2)
+          ]),
+          _: 1
+        }, 16, ["modelValue", "class"]),
+        o.$slots.default ? (E(), oe(S(wr), { key: 0 }, {
+          default: H(() => [
+            C(o.$slots, "default")
+          ]),
+          _: 3
+        })) : _("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), Mr = {
+  role: "presentation",
+  class: "rvc-fixed rvc-inset-0 rvc-z-10 rvc-w-screen rvc-overflow-y-auto"
+}, Nr = { class: "rvc-flex rvc-min-h-full rvc-justify-center rvc-p-4 rvc-items-center sm:rvc-p-0" }, jr = { class: "rvc-modal-header" }, Hr = { class: "rvc-flex rvc-items-center rvc-justify-between" }, Vr = {
+  key: 0,
+  class: "rvc-ml-3 rvc-flex rvc-h-7 rvc-items-center"
+}, Ir = ["id"], Wr = { class: "rvc-modal-footer" }, Io = {
+  __name: "Modal",
+  props: {
+    as: {
+      type: String,
+      default: "div"
+    },
+    id: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    showClose: {
+      type: Boolean
+    },
+    spinning: {
+      type: Boolean
+    },
+    submitLabel: {
+      type: String,
+      default: "Confirm"
+    },
+    cancelLabel: {
+      type: String,
+      default: "Cancel"
+    },
+    panelClass: {
+      type: String,
+      default: "sm:rvc-max-w-lg"
+    }
+  },
+  emits: ["modal:open", "modal:close", "modal:save", "modal:closed"],
+  setup(e, { emit: t }) {
+    const n = t, l = e, {
+      contentRef: r,
+      ready: o,
+      isForm: i,
+      titleId: a,
+      descriptionId: c,
+      initialFocusElement: s
+    } = Mn(l);
+    return (u, d) => (E(), oe(S(Bt), { as: "template" }, {
+      default: H(() => [
+        M(S(Cn), {
+          as: e.as,
+          class: "rvc-modal",
+          static: "",
+          "aria-modal": "true",
+          role: "dialog",
+          "initial-focus": S(s),
+          "aria-labelledby": S(a),
+          onClose: d[6] || (d[6] = (f) => u.$emit("modal:close")),
+          onSubmit: d[7] || (d[7] = un((f) => n("modal:save", f), ["prevent"]))
+        }, {
+          default: H(() => [
+            M(S(Ue), {
+              as: "template",
+              enter: "rvc-ease-out rvc-duration-300",
+              "enter-from": "rvc-opacity-0",
+              "enter-to": "rvc-opacity-100",
+              leave: "rvc-ease-in rvc-duration-200",
+              "leave-from": "rvc-opacity-100",
+              "leave-to": "rvc-opacity-0",
+              onBeforeEnter: d[0] || (d[0] = (f) => n("modal:open"))
+            }, {
+              default: H(() => d[8] || (d[8] = [
+                x("div", {
+                  "aria-hidden": "true",
+                  class: "rvc-fixed rvc-inset-0 rvc-transition-opacity rvc-modal-backdrop"
+                }, null, -1)
+              ])),
+              _: 1
+            }),
+            x("div", Mr, [
+              x("div", Nr, [
+                M(S(Ue), {
+                  as: "template",
+                  enter: "rvc-ease-out rvc-duration-300",
+                  "enter-from": "rvc-opacity-0 rvc-translate-y-4 sm:rvc-translate-y-0 sm:rvc-scale-95",
+                  "enter-to": "rvc-opacity-100 rvc-translate-y-0 sm:rvc-scale-100",
+                  leave: "rvc-ease-in rvc-duration-200",
+                  "leave-from": "rvc-opacity-100 rvc-translate-y-0 sm:rvc-scale-100",
+                  "leave-to": "rvc-opacity-0 rvc-translate-y-4 sm:rvc-translate-y-0 sm:rvc-scale-95",
+                  onBeforeEnter: d[4] || (d[4] = (f) => o.value = !0),
+                  onAfterLeave: d[5] || (d[5] = (f) => (o.value = !1, n("modal:closed")))
+                }, {
+                  default: H(() => [
+                    M(S(An), {
+                      class: q(["rvc-modal-panel", e.panelClass]),
+                      "aria-busy": e.spinning,
+                      "aria-describedby": S(c)
+                    }, {
+                      default: H(() => [
+                        x("header", jr, [
+                          C(u.$slots, "header", { title: e.title }, () => [
+                            x("div", Hr, [
+                              M(S(kn), {
+                                id: S(a),
+                                class: "rvc-modal-title"
+                              }, {
+                                default: H(() => [
+                                  he(re(e.title), 1)
+                                ]),
+                                _: 1
+                              }, 8, ["id"]),
+                              e.showClose ? (E(), k("div", Vr, [
+                                x("button", {
+                                  type: "button",
+                                  class: "rvc-relative rvc-modal-close",
+                                  "aria-label": "Close panel",
+                                  onClick: d[1] || (d[1] = (f) => n("modal:close"))
+                                }, [
+                                  M(S(At), {
+                                    class: "rvc-size-full",
+                                    "aria-hidden": "true"
+                                  })
+                                ])
+                              ])) : _("", !0)
+                            ])
+                          ])
+                        ]),
+                        x("div", {
+                          id: S(c),
+                          ref_key: "contentRef",
+                          ref: r,
+                          class: "rvc-modal-content"
+                        }, [
+                          C(u.$slots, "default", { ready: S(o) })
+                        ], 8, Ir),
+                        x("footer", Wr, [
+                          C(u.$slots, "footer", {}, () => [
+                            M(rt, {
+                              type: S(i) ? "submit" : "button",
+                              label: e.submitLabel,
+                              spinning: e.spinning,
+                              disabled: e.spinning,
+                              onClick: d[2] || (d[2] = (f) => !S(i) && u.$emit("modal:save"))
+                            }, null, 8, ["type", "label", "spinning", "disabled"]),
+                            M(rt, {
+                              type: "button",
+                              color: "light",
+                              label: e.cancelLabel,
+                              onClick: d[3] || (d[3] = (f) => u.$emit("modal:close"))
+                            }, null, 8, ["label"])
+                          ])
+                        ])
+                      ]),
+                      _: 3
+                    }, 8, ["class", "aria-busy", "aria-describedby"])
+                  ]),
+                  _: 3
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["as", "initial-focus", "aria-labelledby"])
+      ]),
+      _: 3
+    }));
+  }
+}, Ur = ["top", "right", "bottom", "left"], en = ["start", "end"], tn = /* @__PURE__ */ Ur.reduce((e, t) => e.concat(t, t + "-" + en[0], t + "-" + en[1]), []), xe = Math.min, J = Math.max, st = Math.round, tt = Math.floor, fe = (e) => ({
+  x: e,
+  y: e
+}), zr = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, qr = {
+  start: "end",
+  end: "start"
+};
+function Lt(e, t, n) {
+  return J(e, xe(t, n));
+}
+function Me(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function Ae(e) {
+  return e.split("-")[0];
+}
+function ve(e) {
+  return e.split("-")[1];
+}
+function Nn(e) {
+  return e === "x" ? "y" : "x";
+}
+function Mt(e) {
+  return e === "y" ? "height" : "width";
+}
+function Xe(e) {
+  return ["top", "bottom"].includes(Ae(e)) ? "y" : "x";
+}
+function Nt(e) {
+  return Nn(Xe(e));
+}
+function Yr(e, t, n) {
+  n === void 0 && (n = !1);
+  const l = ve(e), r = Nt(e), o = Mt(r);
+  let i = r === "x" ? l === (n ? "end" : "start") ? "right" : "left" : l === "start" ? "bottom" : "top";
+  return t.reference[o] > t.floating[o] && (i = nn(i)), [i, nn(i)];
+}
+function Kr(e) {
+  return e.replace(/start|end/g, (t) => qr[t]);
+}
+function nn(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => zr[t]);
+}
+function Gr(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function jn(e) {
+  return typeof e != "number" ? Gr(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function ut(e) {
+  const {
+    x: t,
+    y: n,
+    width: l,
+    height: r
+  } = e;
+  return {
+    width: l,
+    height: r,
+    top: n,
+    left: t,
+    right: t + l,
+    bottom: n + r,
+    x: t,
+    y: n
+  };
+}
+function ln(e, t, n) {
+  let {
+    reference: l,
+    floating: r
+  } = e;
+  const o = Xe(t), i = Nt(t), a = Mt(i), c = Ae(t), s = o === "y", u = l.x + l.width / 2 - r.width / 2, d = l.y + l.height / 2 - r.height / 2, f = l[a] / 2 - r[a] / 2;
+  let v;
+  switch (c) {
+    case "top":
+      v = {
+        x: u,
+        y: l.y - r.height
+      };
+      break;
+    case "bottom":
+      v = {
+        x: u,
+        y: l.y + l.height
+      };
+      break;
+    case "right":
+      v = {
+        x: l.x + l.width,
+        y: d
+      };
+      break;
+    case "left":
+      v = {
+        x: l.x - r.width,
+        y: d
+      };
+      break;
+    default:
+      v = {
+        x: l.x,
+        y: l.y
+      };
+  }
+  switch (ve(t)) {
+    case "start":
+      v[i] -= f * (n && s ? -1 : 1);
+      break;
+    case "end":
+      v[i] += f * (n && s ? -1 : 1);
+      break;
+  }
+  return v;
+}
+const Xr = async (e, t, n) => {
+  const {
+    placement: l = "bottom",
+    strategy: r = "absolute",
+    middleware: o = [],
+    platform: i
+  } = n, a = o.filter(Boolean), c = await (i.isRTL == null ? void 0 : i.isRTL(t));
+  let s = await i.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: r
+  }), {
+    x: u,
+    y: d
+  } = ln(s, l, c), f = l, v = {}, p = 0;
+  for (let m = 0; m < a.length; m++) {
+    const {
+      name: h,
+      fn: y
+    } = a[m], {
+      x: g,
+      y: w,
+      data: T,
+      reset: L
+    } = await y({
+      x: u,
+      y: d,
+      initialPlacement: l,
+      placement: f,
+      strategy: r,
+      middlewareData: v,
+      rects: s,
+      platform: i,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    u = g ?? u, d = w ?? d, v = {
+      ...v,
+      [h]: {
+        ...v[h],
+        ...T
+      }
+    }, L && p <= 50 && (p++, typeof L == "object" && (L.placement && (f = L.placement), L.rects && (s = L.rects === !0 ? await i.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: r
+    }) : L.rects), {
+      x: u,
+      y: d
+    } = ln(s, f, c)), m = -1);
+  }
+  return {
+    x: u,
+    y: d,
+    placement: f,
+    strategy: r,
+    middlewareData: v
+  };
+};
+async function jt(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: l,
+    y: r,
+    platform: o,
+    rects: i,
+    elements: a,
+    strategy: c
+  } = e, {
+    boundary: s = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: d = "floating",
+    altBoundary: f = !1,
+    padding: v = 0
+  } = Me(t, e), p = jn(v), h = a[f ? d === "floating" ? "reference" : "floating" : d], y = ut(await o.getClippingRect({
+    element: (n = await (o.isElement == null ? void 0 : o.isElement(h))) == null || n ? h : h.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
+    boundary: s,
+    rootBoundary: u,
+    strategy: c
+  })), g = d === "floating" ? {
+    x: l,
+    y: r,
+    width: i.floating.width,
+    height: i.floating.height
+  } : i.reference, w = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), T = await (o.isElement == null ? void 0 : o.isElement(w)) ? await (o.getScale == null ? void 0 : o.getScale(w)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, L = ut(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: g,
+    offsetParent: w,
+    strategy: c
+  }) : g);
+  return {
+    top: (y.top - L.top + p.top) / T.y,
+    bottom: (L.bottom - y.bottom + p.bottom) / T.y,
+    left: (y.left - L.left + p.left) / T.x,
+    right: (L.right - y.right + p.right) / T.x
+  };
+}
+const Zr = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: l,
+      placement: r,
+      rects: o,
+      platform: i,
+      elements: a,
+      middlewareData: c
+    } = t, {
+      element: s,
+      padding: u = 0
+    } = Me(e, t) || {};
+    if (s == null)
+      return {};
+    const d = jn(u), f = {
+      x: n,
+      y: l
+    }, v = Nt(r), p = Mt(v), m = await i.getDimensions(s), h = v === "y", y = h ? "top" : "left", g = h ? "bottom" : "right", w = h ? "clientHeight" : "clientWidth", T = o.reference[p] + o.reference[v] - f[v] - o.floating[p], L = f[v] - o.reference[v], P = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(s));
+    let O = P ? P[w] : 0;
+    (!O || !await (i.isElement == null ? void 0 : i.isElement(P))) && (O = a.floating[w] || o.floating[p]);
+    const R = T / 2 - L / 2, U = O / 2 - m[p] / 2 - 1, F = xe(d[y], U), z = xe(d[g], U), K = F, j = O - m[p] - z, G = O / 2 - m[p] / 2 + R, X = Lt(K, G, j), Z = !c.arrow && ve(r) != null && G !== X && o.reference[p] / 2 - (G < K ? F : z) - m[p] / 2 < 0, ce = Z ? G < K ? G - K : G - j : 0;
+    return {
+      [v]: f[v] + ce,
+      data: {
+        [v]: X,
+        centerOffset: G - X - ce,
+        ...Z && {
+          alignmentOffset: ce
+        }
+      },
+      reset: Z
+    };
+  }
+});
+function Qr(e, t, n) {
+  return (e ? [...n.filter((r) => ve(r) === e), ...n.filter((r) => ve(r) !== e)] : n.filter((r) => Ae(r) === r)).filter((r) => e ? ve(r) === e || (t ? Kr(r) !== r : !1) : !0);
+}
+const Jr = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "autoPlacement",
+    options: e,
+    async fn(t) {
+      var n, l, r;
+      const {
+        rects: o,
+        middlewareData: i,
+        placement: a,
+        platform: c,
+        elements: s
+      } = t, {
+        crossAxis: u = !1,
+        alignment: d,
+        allowedPlacements: f = tn,
+        autoAlignment: v = !0,
+        ...p
+      } = Me(e, t), m = d !== void 0 || f === tn ? Qr(d || null, v, f) : f, h = await jt(t, p), y = ((n = i.autoPlacement) == null ? void 0 : n.index) || 0, g = m[y];
+      if (g == null)
+        return {};
+      const w = Yr(g, o, await (c.isRTL == null ? void 0 : c.isRTL(s.floating)));
+      if (a !== g)
+        return {
+          reset: {
+            placement: m[0]
+          }
+        };
+      const T = [h[Ae(g)], h[w[0]], h[w[1]]], L = [...((l = i.autoPlacement) == null ? void 0 : l.overflows) || [], {
+        placement: g,
+        overflows: T
+      }], P = m[y + 1];
+      if (P)
+        return {
+          data: {
+            index: y + 1,
+            overflows: L
+          },
+          reset: {
+            placement: P
+          }
+        };
+      const O = L.map((F) => {
+        const z = ve(F.placement);
+        return [F.placement, z && u ? (
+          // Check along the mainAxis and main crossAxis side.
+          F.overflows.slice(0, 2).reduce((K, j) => K + j, 0)
+        ) : (
+          // Check only the mainAxis.
+          F.overflows[0]
+        ), F.overflows];
+      }).sort((F, z) => F[1] - z[1]), U = ((r = O.filter((F) => F[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        ve(F[0]) ? 2 : 3
+      ).every((z) => z <= 0))[0]) == null ? void 0 : r[0]) || O[0][0];
+      return U !== a ? {
+        data: {
+          index: y + 1,
+          overflows: L
+        },
+        reset: {
+          placement: U
+        }
+      } : {};
+    }
+  };
+};
+async function _r(e, t) {
+  const {
+    placement: n,
+    platform: l,
+    elements: r
+  } = e, o = await (l.isRTL == null ? void 0 : l.isRTL(r.floating)), i = Ae(n), a = ve(n), c = Xe(n) === "y", s = ["left", "top"].includes(i) ? -1 : 1, u = o && c ? -1 : 1, d = Me(t, e);
+  let {
+    mainAxis: f,
+    crossAxis: v,
+    alignmentAxis: p
+  } = typeof d == "number" ? {
+    mainAxis: d,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
+  };
+  return a && typeof p == "number" && (v = a === "end" ? p * -1 : p), c ? {
+    x: v * u,
+    y: f * s
+  } : {
+    x: f * s,
+    y: v * u
+  };
+}
+const eo = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, l;
+      const {
+        x: r,
+        y: o,
+        placement: i,
+        middlewareData: a
+      } = t, c = await _r(t, e);
+      return i === ((n = a.offset) == null ? void 0 : n.placement) && (l = a.arrow) != null && l.alignmentOffset ? {} : {
+        x: r + c.x,
+        y: o + c.y,
+        data: {
+          ...c,
+          placement: i
+        }
+      };
+    }
+  };
+}, to = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: l,
+        placement: r
+      } = t, {
+        mainAxis: o = !0,
+        crossAxis: i = !1,
+        limiter: a = {
+          fn: (h) => {
+            let {
+              x: y,
+              y: g
+            } = h;
+            return {
+              x: y,
+              y: g
+            };
+          }
+        },
+        ...c
+      } = Me(e, t), s = {
+        x: n,
+        y: l
+      }, u = await jt(t, c), d = Xe(Ae(r)), f = Nn(d);
+      let v = s[f], p = s[d];
+      if (o) {
+        const h = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", g = v + u[h], w = v - u[y];
+        v = Lt(g, v, w);
+      }
+      if (i) {
+        const h = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", g = p + u[h], w = p - u[y];
+        p = Lt(g, p, w);
+      }
+      const m = a.fn({
+        ...t,
+        [f]: v,
+        [d]: p
+      });
+      return {
+        ...m,
+        data: {
+          x: m.x - n,
+          y: m.y - l,
+          enabled: {
+            [f]: o,
+            [d]: i
+          }
+        }
+      };
+    }
+  };
+}, no = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, l;
+      const {
+        placement: r,
+        rects: o,
+        platform: i,
+        elements: a
+      } = t, {
+        apply: c = () => {
+        },
+        ...s
+      } = Me(e, t), u = await jt(t, s), d = Ae(r), f = ve(r), v = Xe(r) === "y", {
+        width: p,
+        height: m
+      } = o.floating;
+      let h, y;
+      d === "top" || d === "bottom" ? (h = d, y = f === (await (i.isRTL == null ? void 0 : i.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = d, h = f === "end" ? "top" : "bottom");
+      const g = m - u.top - u.bottom, w = p - u.left - u.right, T = xe(m - u[h], g), L = xe(p - u[y], w), P = !t.middlewareData.shift;
+      let O = T, R = L;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = w), (l = t.middlewareData.shift) != null && l.enabled.y && (O = g), P && !f) {
+        const F = J(u.left, 0), z = J(u.right, 0), K = J(u.top, 0), j = J(u.bottom, 0);
+        v ? R = p - 2 * (F !== 0 || z !== 0 ? F + z : J(u.left, u.right)) : O = m - 2 * (K !== 0 || j !== 0 ? K + j : J(u.top, u.bottom));
+      }
+      await c({
+        ...t,
+        availableWidth: R,
+        availableHeight: O
+      });
+      const U = await i.getDimensions(a.floating);
+      return p !== U.width || m !== U.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function dt() {
+  return typeof window < "u";
+}
+function ke(e) {
+  return Ht(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function ee(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function ge(e) {
+  var t;
+  return (t = (Ht(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function Ht(e) {
+  return dt() ? e instanceof Node || e instanceof ee(e).Node : !1;
+}
+function se(e) {
+  return dt() ? e instanceof Element || e instanceof ee(e).Element : !1;
+}
+function me(e) {
+  return dt() ? e instanceof HTMLElement || e instanceof ee(e).HTMLElement : !1;
+}
+function rn(e) {
+  return !dt() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ee(e).ShadowRoot;
+}
+function Ze(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: l,
+    display: r
+  } = ue(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + l + n) && !["inline", "contents"].includes(r);
+}
+function lo(e) {
+  return ["table", "td", "th"].includes(ke(e));
+}
+function ft(e) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Vt(e) {
+  const t = It(), n = se(e) ? ue(e) : e;
+  return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((l) => (n.willChange || "").includes(l)) || ["paint", "layout", "strict", "content"].some((l) => (n.contain || "").includes(l));
+}
+function ro(e) {
+  let t = $e(e);
+  for (; me(t) && !Fe(t); ) {
+    if (Vt(t))
+      return t;
+    if (ft(t))
+      return null;
+    t = $e(t);
+  }
+  return null;
+}
+function It() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function Fe(e) {
+  return ["html", "body", "#document"].includes(ke(e));
+}
+function ue(e) {
+  return ee(e).getComputedStyle(e);
+}
+function vt(e) {
+  return se(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function $e(e) {
+  if (ke(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    rn(e) && e.host || // Fallback.
+    ge(e)
+  );
+  return rn(t) ? t.host : t;
+}
+function Hn(e) {
+  const t = $e(e);
+  return Fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : me(t) && Ze(t) ? t : Hn(t);
+}
+function ze(e, t, n) {
+  var l;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const r = Hn(e), o = r === ((l = e.ownerDocument) == null ? void 0 : l.body), i = ee(r);
+  if (o) {
+    const a = Tt(i);
+    return t.concat(i, i.visualViewport || [], Ze(r) ? r : [], a && n ? ze(a) : []);
+  }
+  return t.concat(r, ze(r, [], n));
+}
+function Tt(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function Vn(e) {
+  const t = ue(e);
+  let n = parseFloat(t.width) || 0, l = parseFloat(t.height) || 0;
+  const r = me(e), o = r ? e.offsetWidth : n, i = r ? e.offsetHeight : l, a = st(n) !== o || st(l) !== i;
+  return a && (n = o, l = i), {
+    width: n,
+    height: l,
+    $: a
+  };
+}
+function Wt(e) {
+  return se(e) ? e : e.contextElement;
+}
+function Re(e) {
+  const t = Wt(e);
+  if (!me(t))
+    return fe(1);
+  const n = t.getBoundingClientRect(), {
+    width: l,
+    height: r,
+    $: o
+  } = Vn(t);
+  let i = (o ? st(n.width) : n.width) / l, a = (o ? st(n.height) : n.height) / r;
+  return (!i || !Number.isFinite(i)) && (i = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: i,
+    y: a
+  };
+}
+const oo = /* @__PURE__ */ fe(0);
+function In(e) {
+  const t = ee(e);
+  return !It() || !t.visualViewport ? oo : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function io(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== ee(e) ? !1 : t;
+}
+function Ce(e, t, n, l) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), o = Wt(e);
+  let i = fe(1);
+  t && (l ? se(l) && (i = Re(l)) : i = Re(e));
+  const a = io(o, n, l) ? In(o) : fe(0);
+  let c = (r.left + a.x) / i.x, s = (r.top + a.y) / i.y, u = r.width / i.x, d = r.height / i.y;
+  if (o) {
+    const f = ee(o), v = l && se(l) ? ee(l) : l;
+    let p = f, m = Tt(p);
+    for (; m && l && v !== p; ) {
+      const h = Re(m), y = m.getBoundingClientRect(), g = ue(m), w = y.left + (m.clientLeft + parseFloat(g.paddingLeft)) * h.x, T = y.top + (m.clientTop + parseFloat(g.paddingTop)) * h.y;
+      c *= h.x, s *= h.y, u *= h.x, d *= h.y, c += w, s += T, p = ee(m), m = Tt(p);
+    }
+  }
+  return ut({
+    width: u,
+    height: d,
+    x: c,
+    y: s
+  });
+}
+function Ut(e, t) {
+  const n = vt(e).scrollLeft;
+  return t ? t.left + n : Ce(ge(e)).left + n;
+}
+function Wn(e, t, n) {
+  n === void 0 && (n = !1);
+  const l = e.getBoundingClientRect(), r = l.left + t.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    Ut(e, l)
+  )), o = l.top + t.scrollTop;
+  return {
+    x: r,
+    y: o
+  };
+}
+function ao(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: l,
+    strategy: r
+  } = e;
+  const o = r === "fixed", i = ge(l), a = t ? ft(t.floating) : !1;
+  if (l === i || a && o)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, s = fe(1);
+  const u = fe(0), d = me(l);
+  if ((d || !d && !o) && ((ke(l) !== "body" || Ze(i)) && (c = vt(l)), me(l))) {
+    const v = Ce(l);
+    s = Re(l), u.x = v.x + l.clientLeft, u.y = v.y + l.clientTop;
+  }
+  const f = i && !d && !o ? Wn(i, c, !0) : fe(0);
+  return {
+    width: n.width * s.x,
+    height: n.height * s.y,
+    x: n.x * s.x - c.scrollLeft * s.x + u.x + f.x,
+    y: n.y * s.y - c.scrollTop * s.y + u.y + f.y
+  };
+}
+function so(e) {
+  return Array.from(e.getClientRects());
+}
+function uo(e) {
+  const t = ge(e), n = vt(e), l = e.ownerDocument.body, r = J(t.scrollWidth, t.clientWidth, l.scrollWidth, l.clientWidth), o = J(t.scrollHeight, t.clientHeight, l.scrollHeight, l.clientHeight);
+  let i = -n.scrollLeft + Ut(e);
+  const a = -n.scrollTop;
+  return ue(l).direction === "rtl" && (i += J(t.clientWidth, l.clientWidth) - r), {
+    width: r,
+    height: o,
+    x: i,
+    y: a
+  };
+}
+function co(e, t) {
+  const n = ee(e), l = ge(e), r = n.visualViewport;
+  let o = l.clientWidth, i = l.clientHeight, a = 0, c = 0;
+  if (r) {
+    o = r.width, i = r.height;
+    const s = It();
+    (!s || s && t === "fixed") && (a = r.offsetLeft, c = r.offsetTop);
+  }
+  return {
+    width: o,
+    height: i,
+    x: a,
+    y: c
+  };
+}
+function fo(e, t) {
+  const n = Ce(e, !0, t === "fixed"), l = n.top + e.clientTop, r = n.left + e.clientLeft, o = me(e) ? Re(e) : fe(1), i = e.clientWidth * o.x, a = e.clientHeight * o.y, c = r * o.x, s = l * o.y;
+  return {
+    width: i,
+    height: a,
+    x: c,
+    y: s
+  };
+}
+function on(e, t, n) {
+  let l;
+  if (t === "viewport")
+    l = co(e, n);
+  else if (t === "document")
+    l = uo(ge(e));
+  else if (se(t))
+    l = fo(t, n);
+  else {
+    const r = In(e);
+    l = {
+      x: t.x - r.x,
+      y: t.y - r.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return ut(l);
+}
+function Un(e, t) {
+  const n = $e(e);
+  return n === t || !se(n) || Fe(n) ? !1 : ue(n).position === "fixed" || Un(n, t);
+}
+function vo(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let l = ze(e, [], !1).filter((a) => se(a) && ke(a) !== "body"), r = null;
+  const o = ue(e).position === "fixed";
+  let i = o ? $e(e) : e;
+  for (; se(i) && !Fe(i); ) {
+    const a = ue(i), c = Vt(i);
+    !c && a.position === "fixed" && (r = null), (o ? !c && !r : !c && a.position === "static" && !!r && ["absolute", "fixed"].includes(r.position) || Ze(i) && !c && Un(e, i)) ? l = l.filter((u) => u !== i) : r = a, i = $e(i);
+  }
+  return t.set(e, l), l;
+}
+function po(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: l,
+    strategy: r
+  } = e;
+  const i = [...n === "clippingAncestors" ? ft(t) ? [] : vo(t, this._c) : [].concat(n), l], a = i[0], c = i.reduce((s, u) => {
+    const d = on(t, u, r);
+    return s.top = J(d.top, s.top), s.right = xe(d.right, s.right), s.bottom = xe(d.bottom, s.bottom), s.left = J(d.left, s.left), s;
+  }, on(t, a, r));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function mo(e) {
+  const {
+    width: t,
+    height: n
+  } = Vn(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function go(e, t, n) {
+  const l = me(t), r = ge(t), o = n === "fixed", i = Ce(e, !0, o, t);
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = fe(0);
+  if (l || !l && !o)
+    if ((ke(t) !== "body" || Ze(r)) && (a = vt(t)), l) {
+      const f = Ce(t, !0, o, t);
+      c.x = f.x + t.clientLeft, c.y = f.y + t.clientTop;
+    } else r && (c.x = Ut(r));
+  const s = r && !l && !o ? Wn(r, a) : fe(0), u = i.left + a.scrollLeft - c.x - s.x, d = i.top + a.scrollTop - c.y - s.y;
+  return {
+    x: u,
+    y: d,
+    width: i.width,
+    height: i.height
+  };
+}
+function yt(e) {
+  return ue(e).position === "static";
+}
+function an(e, t) {
+  if (!me(e) || ue(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return ge(e) === n && (n = n.ownerDocument.body), n;
+}
+function zn(e, t) {
+  const n = ee(e);
+  if (ft(e))
+    return n;
+  if (!me(e)) {
+    let r = $e(e);
+    for (; r && !Fe(r); ) {
+      if (se(r) && !yt(r))
+        return r;
+      r = $e(r);
+    }
+    return n;
+  }
+  let l = an(e, t);
+  for (; l && lo(l) && yt(l); )
+    l = an(l, t);
+  return l && Fe(l) && yt(l) && !Vt(l) ? n : l || ro(e) || n;
+}
+const ho = async function(e) {
+  const t = this.getOffsetParent || zn, n = this.getDimensions, l = await n(e.floating);
+  return {
+    reference: go(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: l.width,
+      height: l.height
+    }
+  };
+};
+function yo(e) {
+  return ue(e).direction === "rtl";
+}
+const bo = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ao,
+  getDocumentElement: ge,
+  getClippingRect: po,
+  getOffsetParent: zn,
+  getElementRects: ho,
+  getClientRects: so,
+  getDimensions: mo,
+  getScale: Re,
+  isElement: se,
+  isRTL: yo
+};
+function wo(e, t) {
+  let n = null, l;
+  const r = ge(e);
+  function o() {
+    var a;
+    clearTimeout(l), (a = n) == null || a.disconnect(), n = null;
+  }
+  function i(a, c) {
+    a === void 0 && (a = !1), c === void 0 && (c = 1), o();
+    const {
+      left: s,
+      top: u,
+      width: d,
+      height: f
+    } = e.getBoundingClientRect();
+    if (a || t(), !d || !f)
+      return;
+    const v = tt(u), p = tt(r.clientWidth - (s + d)), m = tt(r.clientHeight - (u + f)), h = tt(s), g = {
+      rootMargin: -v + "px " + -p + "px " + -m + "px " + -h + "px",
+      threshold: J(0, xe(1, c)) || 1
+    };
+    let w = !0;
+    function T(L) {
+      const P = L[0].intersectionRatio;
+      if (P !== c) {
+        if (!w)
+          return i();
+        P ? i(!1, P) : l = setTimeout(() => {
+          i(!1, 1e-7);
+        }, 1e3);
+      }
+      w = !1;
+    }
+    try {
+      n = new IntersectionObserver(T, {
+        ...g,
+        // Handle <iframe>s
+        root: r.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(T, g);
+    }
+    n.observe(e);
+  }
+  return i(!0), o;
+}
+function xo(e, t, n, l) {
+  l === void 0 && (l = {});
+  const {
+    ancestorScroll: r = !0,
+    ancestorResize: o = !0,
+    elementResize: i = typeof ResizeObserver == "function",
+    layoutShift: a = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = l, s = Wt(e), u = r || o ? [...s ? ze(s) : [], ...ze(t)] : [];
+  u.forEach((y) => {
+    r && y.addEventListener("scroll", n, {
+      passive: !0
+    }), o && y.addEventListener("resize", n);
+  });
+  const d = s && a ? wo(s, n) : null;
+  let f = -1, v = null;
+  i && (v = new ResizeObserver((y) => {
+    let [g] = y;
+    g && g.target === s && v && (v.unobserve(t), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+      var w;
+      (w = v) == null || w.observe(t);
+    })), n();
+  }), s && !c && v.observe(s), v.observe(t));
+  let p, m = c ? Ce(e) : null;
+  c && h();
+  function h() {
+    const y = Ce(e);
+    m && (y.x !== m.x || y.y !== m.y || y.width !== m.width || y.height !== m.height) && n(), m = y, p = requestAnimationFrame(h);
+  }
+  return n(), () => {
+    var y;
+    u.forEach((g) => {
+      r && g.removeEventListener("scroll", n), o && g.removeEventListener("resize", n);
+    }), d == null || d(), (y = v) == null || y.disconnect(), v = null, c && cancelAnimationFrame(p);
+  };
+}
+const $o = eo, So = Jr, Eo = to, Oo = no, Lo = Zr, To = (e, t, n) => {
+  const l = /* @__PURE__ */ new Map(), r = {
+    platform: bo,
+    ...n
+  }, o = {
+    ...r.platform,
+    _c: l
+  };
+  return Xr(e, t, {
+    ...r,
+    platform: o
+  });
+};
+function Co(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function Ct(e) {
+  if (Co(e)) {
+    const t = e.$el;
+    return Ht(t) && ke(t) === "#comment" ? null : t;
+  }
+  return e;
+}
+function De(e) {
+  return typeof e == "function" ? e() : S(e);
+}
+function Ao(e) {
+  return {
+    name: "arrow",
+    options: e,
+    fn(t) {
+      const n = Ct(De(e.element));
+      return n == null ? {} : Lo({
+        element: n,
+        padding: e.padding
+      }).fn(t);
+    }
+  };
+}
+function qn(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function sn(e, t) {
+  const n = qn(e);
+  return Math.round(t * n) / n;
+}
+function ko(e, t, n) {
+  n === void 0 && (n = {});
+  const l = n.whileElementsMounted, r = b(() => {
+    var O;
+    return (O = De(n.open)) != null ? O : !0;
+  }), o = b(() => De(n.middleware)), i = b(() => {
+    var O;
+    return (O = De(n.placement)) != null ? O : "bottom";
+  }), a = b(() => {
+    var O;
+    return (O = De(n.strategy)) != null ? O : "absolute";
+  }), c = b(() => {
+    var O;
+    return (O = De(n.transform)) != null ? O : !0;
+  }), s = b(() => Ct(e.value)), u = b(() => Ct(t.value)), d = $(0), f = $(0), v = $(a.value), p = $(i.value), m = Ve({}), h = $(!1), y = b(() => {
+    const O = {
+      position: v.value,
+      left: "0",
+      top: "0"
+    };
+    if (!u.value)
+      return O;
+    const R = sn(u.value, d.value), U = sn(u.value, f.value);
+    return c.value ? {
+      ...O,
+      transform: "translate(" + R + "px, " + U + "px)",
+      ...qn(u.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: v.value,
+      left: R + "px",
+      top: U + "px"
+    };
+  });
+  let g;
+  function w() {
+    if (s.value == null || u.value == null)
+      return;
+    const O = r.value;
+    To(s.value, u.value, {
+      middleware: o.value,
+      placement: i.value,
+      strategy: a.value
+    }).then((R) => {
+      d.value = R.x, f.value = R.y, v.value = R.strategy, p.value = R.placement, m.value = R.middlewareData, h.value = O !== !1;
+    });
+  }
+  function T() {
+    typeof g == "function" && (g(), g = void 0);
+  }
+  function L() {
+    if (T(), l === void 0) {
+      w();
+      return;
+    }
+    if (s.value != null && u.value != null) {
+      g = l(s.value, u.value, w);
+      return;
+    }
+  }
+  function P() {
+    r.value || (h.value = !1);
+  }
+  return de([o, i, a, r], w, {
+    flush: "sync"
+  }), de([s, u], L, {
+    flush: "sync"
+  }), de(r, P, {
+    flush: "sync"
+  }), _n() && el(T), {
+    x: Pe(d),
+    y: Pe(f),
+    strategy: Pe(v),
+    placement: Pe(p),
+    middlewareData: Pe(m),
+    isPositioned: Pe(h),
+    floatingStyles: y,
+    update: w
+  };
+}
+const Po = ["innerHTML"], Wo = {
+  __name: "Tooltip",
+  props: {
+    content: {
+      type: String,
+      required: !0
+    },
+    blur: {
+      type: Boolean,
+      default: !0
+    },
+    maxWidth: {
+      type: Number,
+      default: null
+    },
+    tooltipClass: {
+      type: String,
+      default: ""
+    },
+    placement: {
+      type: String,
+      default: void 0,
+      validator: (e) => e === void 0 || [
+        "top",
+        "right",
+        "bottom",
+        "left",
+        "top-start",
+        "top-end",
+        "right-start",
+        "right-end",
+        "bottom-start",
+        "bottom-end",
+        "left-start",
+        "left-end"
+      ].includes(e)
+    }
+  },
+  setup(e) {
+    const t = e, n = Ve(), l = Ve(), r = Ve(), {
+      floatingStyles: o,
+      middlewareData: i,
+      placement: a
+    } = ko(n, l, {
+      middleware: [
+        t.placement ? null : So(),
+        $o(10),
+        Eo({ crossAxis: !0, padding: 5 }),
+        Ao({ element: r }),
+        Oo({
+          apply({ availableWidth: u, availableHeight: d, elements: f }) {
+            Object.assign(f.floating.style, {
+              maxWidth: t.maxWidth ? `${Math.min(u, t.maxWidth) / 16}rem` : "",
+              maxHeight: `${d / 16}rem `
+            });
+          }
+        })
+      ],
+      whileElementsMounted: xo,
+      placement: t.placement
+    }), c = (u) => ({
+      top: 0,
+      bottom: 180,
+      left: -90,
+      right: 90
+    })[u.split("-")[0]] || 0, s = (u) => {
+      var v, p;
+      const d = a.value.split("-")[0], f = {
+        left: "right",
+        right: "left",
+        bottom: "top",
+        top: "bottom"
+      }[d];
+      return {
+        style: {
+          left: (v = u.arrow) != null && v.x ? `${u.arrow.x}px` : "",
+          top: (p = u.arrow) != null && p.y ? `${u.arrow.y}px` : "",
+          bottom: "",
+          right: "",
+          [f]: r.value ? `${r.value.offsetWidth * -1}px` : "",
+          transform: `rotate(${c(a.value)}deg)`
+        }
+      };
+    };
+    return (u, d) => (E(), k("div", {
+      ref_key: "wrapperRef",
+      ref: n,
+      class: "rvc-group/tooltip"
+    }, [
+      C(u.$slots, "default"),
+      x("div", {
+        ref_key: "tooltipRef",
+        ref: l,
+        class: q(["group-hover/tooltip:rvc-opacity-100 group-hover/tooltip:rvc-visible rvc-invisible rvc-opacity-0 rvc-tooltip", e.tooltipClass, { "rvc-tooltip-blur": e.blur }]),
+        style: tl(S(o))
+      }, [
+        C(u.$slots, "content", { content: e.content }, () => [
+          e.content ? (E(), k("div", {
+            key: 0,
+            innerHTML: e.content
+          }, null, 8, Po)) : _("", !0)
+        ]),
+        x("div", qe({
+          ref_key: "arrowRef",
+          ref: r,
+          class: "rvc-absolute rvc-tooltip-arrow"
+        }, s(S(i))), null, 16)
+      ], 6)
+    ], 512));
+  }
 };
 export {
-  Xn as Badge,
-  et as ButtonBase,
-  Zn as Drawer
+  Ro as Accordion,
+  Fo as Alert,
+  Bo as Badge,
+  rt as ButtonBase,
+  Mo as Checkbox,
+  No as DataTable,
+  Ho as Drawer,
+  Vo as Lightswitch,
+  Io as Modal,
+  Wo as Tooltip
 };